/******************************
00 - Home
01 - Inner Page
00 - About Us
01 - Our History 
02 - Our Plans
03 - Our Team Member
04 - Service Detail
05 - Project Detail
06 - Blog Detail
Sidebar Right
Blog Large
Blog Detail
07 - Team Single
08 - Contact Us
09 - Comment Form
******************************/
/*----------------------------------------*/
/*  00 - Home
/*----------------------------------------*/
/** Homepage 01 **/
.about-content-one .about-ihbox {
margin: -22px 0px 0px 0px;
display: flex;
align-items: center;
}
.about-content-one .about-ihbox .about-title h2 {
font-family: "Herr Von Muellerhoff", Sans-serif;
font-size: 46px;
font-weight: 500;
font-style: normal;
line-height: 46px;
letter-spacing: 1.2px;
word-spacing: 0px;
margin-left: 20px;
margin-bottom: 0;
}
.about-content-one .about-content-right {
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 52px;
}
.about-content-one {
margin-bottom: 50px;
}
.expertise-bg-box {
padding: 90px 0;
position: relative;
}
.expertise-bg-box::before {
position: absolute;
content: "";
height: 100%;
width: 180%;
top: 0;
right: 0;
display: block;
background-color: var(--pbmit-white-color);
}
.expertise-bg_color {
position: relative;
overflow: hidden;
}
.expertise-bg_color:after {
position: absolute;
content: "";
left: 0;
top: 0;
background-color: var(--pbmit-global-color);
width: 60px;
height: 100%;
}
.expertise-bg-box .pbminfotech-ele-fid-style-1 {
margin-bottom: 20px;
}
.trunck-img-box {
position: relative;
height: 100%;
}
.trunck-img-box::before {
position: absolute;
height: 100%;
width: 150%;
top: 0;
left: 0;
content: "";
display: block;
background-image: url(../images/about-img.png);
background-color: transparent;
background-position: 0% 50%;
background-repeat: no-repeat;
background-size: auto;
}
.about-us-one_bg {
background-image: url(../images/homepage-1/bg/construction-01.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.pbminfotech-ele-fid-style-4 {
padding: 60px;
}
.about-us-one_bg-section {
overflow: hidden;
}
.about-us-one_left_sigle {
position: relative;
height: 100%;
padding: 90px 80px 42px 0px;
}
.about-us-one_left_sigle::before {
position: absolute;
height: 100%;
width: 160%;
top: 0;
right: 0;
content: "";
background-color: var(--pbmit-white-color);
background-image: url(../images/homepage-1/bg/transparent-img-01.png);
background-position: bottom left;
background-repeat: no-repeat;
display: block;
}
.about-us-one_bgone {
background-image: url(../images/homepage-1/bg/construction-02.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.about-us-bg_color .pbmit-miconheading-style-10 {
padding: 70px;
height: 100%;
}
.about-us-bg_color.swiper-slider[data-dots="true"] {
padding-bottom: 0px;
height: 100%;
background-color: var(--pbmit-global-color);
}
.about-us-bg_color .swiper-pagination-bullets {
bottom: 80px;
right: 50px;
width: 30px;
left: inherit;
display: block;
}
.about-us-bg_color .swiper-pagination-bullet-active {
background-color: var(--pbmit-white-color) !important;
}
.about-us-bg_color .swiper-pagination-bullet {
margin: 10px 0 !important;
display: block;
background-color: #feb36d;
}
.portfolio-bg-one {
background-color: var(--pbmit-blackish-color);
background-image: url(../images/homepage-1/bg/transparent-img-04.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.portfolio-bg-one .swiper-pagination {
text-align: right;
right: 18%;
left: inherit;
bottom: 50px;
}
.portfolio-bg-one .swiper-pagination-bullet {
background-color: #d3d5d7;
}
.portfolio-bg-one .swiper-pagination-bullet-active {
background-color: var(--pbmit-global-color);
}
.testimonial-bg-one {
background-image: url(../images/homepage-1/bg/construction-04.jpg);
background-position: center center;
background-repeat: no-repeat;
position: relative;
padding: 260px 0;
z-index: 1;
margin: 100px 0px;
}
.testimonial-bg-one .pbminfotech-ele-fid-style-5 {
position: absolute;
right: 55px;
bottom: 25px;
}
.testimonial-box-one {
padding: 115px 56px 0px 20px;
position: relative;
}
.testimonial-box-one .pbmit-testimonial-style-2 .pbminfotech-post-item {
padding-top: 10px;
}
.testimonial-box-one::before {
position: absolute;
height: 100%;
width: 200%;
top: 0;
left: 0;
content: "";
display: block;
margin-left: -262px;
background-color: var(--pbmit-white-color);
background-image: url(../images/homepage-1/bg/dot-map.png);
background-position: 50% 40%;
background-repeat: no-repeat;
background-size: auto;
}
.testimonial-box-one .swiper-horizontal>.swiper-pagination-bullets {
bottom: 72px;
text-align: right;
}
.testimonial-box-one .swiper-pagination-bullet {
background-color: var(--pbmit-blackish-color);
}
.testimonial-box-one .swiper-pagination-bullet-active {
background-color: var(--pbmit-global-color);
}
.client-section-one {
border-bottom: 1px solid #DFDFE1;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 70px 0px 45px 0px;
}
.portfolio-bg-one .button-with-text .swiper-buttons {
width: 1200px;
margin: 0 auto;
justify-content: start;
}
.portfolio-bg-one .button-with-text .swiper-button-next,
.portfolio-bg-one .button-with-text .swiper-button-prev {
top: 50px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
transform: rotate(0deg);
background-color: transparent;
position: relative;
display: inline-block;
padding-left: 50px;
color: var(--pbmit-white-color);
}
.portfolio-bg-one .button-with-text .swiper-button-next:hover,
.portfolio-bg-one .button-with-text .swiper-button-prev:hover {
color: var(--pbmit-global-color);
}
.portfolio-bg-one .button-with-text .swiper-button-next::after,
.portfolio-bg-one .button-with-text .swiper-button-prev::after {
position: absolute;
content: "\e85a";
font-family: "pbminfotech-base-icons";
left: 0;
top: 25px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
transform: rotate(180deg);
color: var(--pbmit-white-color);
}
.portfolio-bg-one .button-with-text .swiper-button-next:hover:after,
.portfolio-bg-one .button-with-text .swiper-button-prev:hover:after {
color: var(--pbmit-global-color);
}
.portfolio-bg-one .button-with-text .swiper-button-next::before,
.portfolio-bg-one .button-with-text .swiper-rtl .swiper-button-prev::before {
position: absolute;
content: "";
width: 35px;
height: 1px;
left: 2px;
top: 50%;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
background-color: var(--pbmit-white-color);
}
.portfolio-bg-one .button-with-text .swiper-button-next:hover:before,
.portfolio-bg-one .button-with-text .swiper-button-prev:hover:before {
background-color: var(--pbmit-global-color);
}
.portfolio-bg-one .button-with-text .swiper-button-prev {
padding-right: 50px;
margin-left: 20px;
padding-left: inherit;
}
.portfolio-bg-one .button-with-text .swiper-button-prev::after {
position: absolute;
content: "\e85a";
font-family: "pbminfotech-base-icons";
right: 0;
left: inherit;
top: 26px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
transform: rotate(0deg);
color: var(--pbmit-white-color);
}
.portfolio-bg-one .button-with-text .swiper-button-prev::before {
position: absolute;
content: "";
width: 35px;
height: 1px;
right: 2px;
top: 50%;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
background-color: var(--pbmit-white-color);
}
/*----------------------------------------*/
/** Homepage 02 **/
/*----------------------------------------*/
.about-two-img-box {
background-image: url(../images/homepage-2/bg/construction-03.jpg);
background-position: center center;
background-repeat: no-repeat;
padding: 300px 0;
position: relative;
z-index: 1;
margin: 100px 0;
}
.about-two-content {
padding: 115px 0px 100px 50px;
position: relative;
}
.about-two-content::before {
position: absolute;
content: "";
height: 100%;
width: 230%;
top: 0;
left: 0;
display: block;
margin-left: -366px;
background-color: var(--pbmit-white-color);
}
.testimonial-two-bg::before {
position: absolute;
height: 100%;
width: 200%;
top: 0;
right: 0;
content: "";
display: block;
margin: 0px -60px 0px -95px;
background-color: var(--pbmit-blackish-color);
}
.testimonial-two-bg {
position: relative;
z-index: 1;
padding: 100px 0px 50px 0px;
}
.testimonial-two_single {
background-image: url(../images/homepage-2/bg/dot-map.png);
background-position: 32% 50%;
background-repeat: no-repeat;
background-size: auto;
position: relative;
}
.testimonial-two_single:before {
position: absolute;
content: "\e805";
font-family: 'pbminfotech-base-icons';
font-size: 250px;
color: transparent;
-webkit-text-stroke: 2px #44494e;
left: -30px;
top: -252px;
}
.testimonial-two_single:after {
position: absolute;
content: "\e805";
font-family: 'pbminfotech-base-icons';
font-size: 250px;
color: transparent;
-webkit-text-stroke: 2px #44494e;
right: -59px;
bottom: -182px;
transform: rotate(180deg);
}
.testimonial-two_single .swiper-slider {
z-index: 1;
}
.testimonial-two_single .swiper-pagination-bullet {
background: var(--pbmit-white-color);
}
.testimonial-two_single .swiper-pagination-bullet-active {
background: var(--pbmit-global-color);
}
.team-two_bg {
padding: 60px 0px 60px 0px;
background-color: #ffffff;
}
.counter-two-box {
position: relative;
margin-bottom: 30px;
}
.counter-two-box .pbminfotech-ele-fid-style-2 {
left: 150px;
bottom: 60px;
position: absolute;
}
.counter-two-right-box {
padding: 50px 60px 0px 0px;
}
.counter-two-right-box p {
font-size: 16px;
}
.counter-two-right-box .counter-two-main-box {
margin-top: 40px;
margin-bottom: 45px;
}
.counter-two-main-box .pbminfotech-ele-fid-style-3 {
padding-right: 4px;
}
.counter-two-box_arrow .swiper-buttons {
position: relative;
}
.counter-two-box_arrow .swiper-button-next,
.counter-two-box_arrow .swiper-button-prev {
position: absolute;
right: 60px;
left: auto;
width: 40px;
height: 40px;
line-height: 40px;
}
.counter-two-box_arrow .swiper-button-next {
top: -70px;
border: 1px solid #ddd;
background-color: var(--pbmit-white-color);
}
.counter-two-box_arrow .swiper-button-prev {
top: -20px;
}
.counter-two-box_arrow .swiper-button-next:after {
color: #04080d;
font-size: 20px;
}
.counter-two-box_arrow .swiper-button-prev:after {
font-size: 20px;
}
.team-two_bg .button-with-text .swiper-buttons {
justify-content: center;
}
.team-two_bg .button-with-text .swiper-button-next,
.team-two_bg .button-with-text .swiper-button-prev {
top: 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
transform: rotate(0deg);
background-color: transparent;
position: relative;
display: inline-block;
padding-left: 50px;
color: var(--pbmit-blackish-color);
}
.team-two_bg .button-with-text .swiper-button-next:hover,
.team-two_bg .button-with-text .swiper-button-prev:hover {
color: var(--pbmit-global-color);
}
.team-two_bg .button-with-text .swiper-button-next::after,
.team-two_bg .button-with-text .swiper-button-prev::after {
position: absolute;
content: "\e85a";
font-family: "pbminfotech-base-icons";
left: 0;
top: 25px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
transform: rotate(180deg);
color: var(--pbmit-blackish-color);
}
.team-two_bg .button-with-text .swiper-button-next::before,
.team-two_bg .button-with-text .swiper-rtl .swiper-button-prev::before {
position: absolute;
content: "";
width: 35px;
height: 1px;
left: 2px;
top: 50%;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
background-color: var(--pbmit-blackish-color);
}
.team-two_bg .button-with-text .swiper-button-prev {
padding-right: 50px;
margin-left: 20px;
padding-left: inherit;
}
.team-two_bg .button-with-text .swiper-button-prev::after {
position: absolute;
content: "\e85a";
font-family: "pbminfotech-base-icons";
right: 0;
left: inherit;
top: 26px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
transform: rotate(0deg);
color: var(--pbmit-blackish-color);
}
.team-two_bg .button-with-text .swiper-button-prev::before {
position: absolute;
content: "";
width: 35px;
height: 1px;
right: 2px;
top: 50%;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
background-color: var(--pbmit-blackish-color);
}
.team-two_bg .button-with-text .swiper-button-next:hover:before,
.team-two_bg .button-with-text .swiper-button-prev:hover:before {
background-color: var(--pbmit-global-color);
}
.team-two_bg .button-with-text .swiper-button-next:hover:after,
.team-two_bg .button-with-text .swiper-button-prev:hover:after {
color: var(--pbmit-global-color);
}
/*----------------------------------------*/
/** Homepage 03 **/
/*----------------------------------------*/
.about-three-img-first {
padding-right: 15px;
}
.about-three-img-second {
padding-left: 15px;
}
.about-three-counter-box {
left: 195px;
top: 170px;
position: absolute;
}
.about-three-content {
padding-left: 55px;
}
.about-three-content .about-three-list-group {
border-bottom: 1px solid #DADBDD;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin-bottom: 30px;
}
.service-three-bg {
background-image: url(../images/homepage-3/bg/transparent-bg-01.png);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.service-three-bg:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 80px;
height: 100%;
background-color: var(--pbmit-global-color);
}
.service-three-bg:after {
position: absolute;
content: "";
top: 0;
width: 80px;
height: 100%;
background-color: var(--pbmit-global-color);
right: 0;
}
.counter-three-bg .pbmit-ihbox.pbmit-ihbox-style-13 {
margin-top: 70px;
}
.counter-three-bg {
background-image: url(../images/homepage-3/bg/new-map-01.png);
background-position: bottom center;
background-repeat: no-repeat;
}
.counter-three-bg .ihbox-style-box {
margin: 0 auto;
width: 51%;
padding-top: 70px;
}
.video-three-bg {
background-image: url(../images/video-image.jpg );
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 150px 0px 140px 0px;   
}
.video-three-bg .video-title-box h2 {
color: #fff;
font-size: 60px;
line-height: 65px;
}
.video-three-bg .video-button-box {
margin-bottom: 20px;
}
.video-three-bg .video-button-box a {
width: 98px;
height: 98px;
line-height: 98px;
text-align: center;
display: inline-block;
border-radius: 50%;
font-size: 30px;
color: #fff;
background-color: var(--pbmit-global-color);
}
.progressbar-three-bg {
background-image: url(../images/homepage-3/bg/pattern-bg-new.png);
background-color: var(--pbmit-blackish-color);
color: var(--pbmit-white-color);
overflow: hidden;
}
.progressbar-three-bg .progressbar-three-box {
padding: 90px 0px 70px 0px;
z-index: 1;
position: relative;
}
.progressbar-style-1 .progressbar .progress-label {
color: var(--pbmit-white-color);
}
.progressbar-style-1 .progress .progress-percent {
color: var(--pbmit-white-color);
}
.progressbar-style-1 .progress {
background-color: transparent;
border-bottom-color: var(--pbmit-white-color);
}
.progressbar-three-bg .progressbar-style-1 {
margin: 40px 0 30px 0;
}
.progressbar-three-bg .pbminfotech-ele-fid-style-8:not(:last-child) {
margin-bottom: 20px;
}
.progressbar-three-bg .pbminfotech-ele-fid-style-8:nth-child(even) .pbmit-fld-wrap {
background-color: var(--pbmit-global-color);
}
.progressbar-three-bg .pbminfotech-ele-fid-style-8:nth-child(even) .pbmit-fid-inner {
color: var(--pbmit-white-color);
}
.progressbar-three-bg .pbminfotech-ele-fid-style-8:nth-child(even) .pbmit-fld-wrap .pbmit-fid-title {
color: var(--pbmit-white-color);
}
.progressbar-three-bg .pbminfotech-ele-fid-style-8:nth-child(even) .pbmit-fld-wrap:after {
color: var(--pbmit-white-color);
}
.progressbar-three-right-box {
position: relative;
height: 100%;
}
.progressbar-three-right-box::before {
position: absolute;
height: 100%;
width: 190%;
top: 0;
left: 0;
content: "";
display: block;
padding: 316px;
margin-left: -52px;
background-image: url(../images/homepage-3/bg/new-bg-02.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.client-three-bg {
background-color: var(--pbmit-white-color);
padding: 65px 0px 55px 0px;
}
/*----------------------------------------*/
/** Homepage 04 **/
/*----------------------------------------*/
.offer-four_section {
overflow: hidden;
margin-top: -75px;
}
.offer-left-box {
margin-right: 60px;
z-index: 1;
position: relative;
background-color: var(--pbmit-global-color);
}
.offer-left-box .pbmit-ihbox.pbmit-ihbox-style-14 i {
color: var(--pbmit-white-color);
}
.offer-left-box .pbmit-ihbox-style-14 .pbmit-element-title {
color: var(--pbmit-white-color);
}
.offer-left-box .pbmit-ihbox-style-14 .pbmit-element-title a {
color: var(--pbmit-blackish-color);
}
.offer-bg-right-box {
padding: 150px 25px 85px 40px;
position: relative;
margin-left: -34px;
height: 100%;
}
.offer-bg-right-box::before {
position: absolute;
height: 100%;
width: 166%;
top: 0;
left: 0;
content: "";
display: block;
background-image: url(../images/homepage-4/bg/pattern-bg-new-02.png);
background-color: var(--pbmit-white-color);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -60px;
}
.offer-bg-right-box .offer-ihbox-box {
z-index: 1;
position: relative;
margin-top: 35px;
margin-bottom: 10px;
}
.offer-left-box .pbmit-ihbox.pbmit-ihbox-style-14 {
padding: 6px 15px 0px 40px;
}
.about-four-bg {
background-image: url(../images/homepage-4/bg/new-bg-04.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 85px 0px 85px 0px;
}
.about-four-bg .about-four-content {
background-color: var(--pbmit-global-color);
padding: 70px 55px 50px 55px;
background-image: url(../images/homepage-4/bg/dot-map-03.png);
background-position: center center;
background-repeat: no-repeat;
background-size: auto;
}
.about-four-bg .pbmit-heading-subheading h4.pbmit-subtitle:after {
background-color: var(--pbmit-white-color);
}
.about-four-bg .about-four-content p {
color: var(--pbmit-white-color);
}
.about-four-bg .progressbar-style-2 .progressbar .progress-label {
color: var(--pbmit-white-color);
}
.about-four-bg .progressbar-style-2 .progress .progress-percent {
color: var(--pbmit-white-color);
}
.about-four-bg .progressbar-style-2 .progress {
background-color: transparent;
border-bottom: 1px solid var(--pbmit-white-color);
}
.about-four-bg .progressbar-style-2 .progress-bar {
background-color: var(--pbmit-white-color);
}
.about-four-bg .progressbar-style-2 {
margin-bottom: 30px;
}
.ihbox-four-bg {
background-image: url(../images/homepage-4/bg/light-map.png);
background-position: bottom center;
background-repeat: no-repeat;
position: relative;
}
.ihbox-four-bg .ihbox-content-top {
margin-bottom: 20px;
}
.ihbox-four-bg .ihbox-content-top p {
margin-top: 20px;
}
.ihbox-style-13-bottom {
margin-top: 70px;
}
.appointment-four-box {
padding: 80px 75px 90px 15px;
position: relative;
margin-right: -30px;
}
.appointment-four-box::before {
position: absolute;
content: "";
right: 0;
top: 0;
width: 155%;
height: 100%;
background-image: url(../images/homepage-4/bg/pattern-bg-new-03.png);
background-color: rgb(255, 255, 255);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: auto;
}
.appointment-four-bg {
position: relative;
overflow: hidden;
}
.appointment-four-bg:after {
position: absolute;
content: "";
left: 0;
top: 0;
background-color: var(--pbmit-global-color);
width: 90px;
height: 100%;
}
.appointment-right-box {
position: relative;
z-index: 2;
}
.appointment-right-box::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 248%;
height: 100%;
display: block;
background-image: url(../images/homepage-4/bg/new-bg-03.jpg);
background-color: transparent;
background-repeat: no-repeat;
background-size: auto;
padding: 350px 0;
}
.appointment-four-box .pbmit-btn-hover-secondary {
padding: 20px 30px;
z-index: 1;
}
/*----------------------------------------*/
/** Homepage 05 **/
/*----------------------------------------*/
.about-five-content {
position: relative;
padding: 90px 58px 80px 0px;
margin-right: -30px;
height: 100%;
}
.about-five-content::before {
position: absolute;
height: 100%;
width: 175%;
top: 0;
right: 0;
content: "";
display: block;
background-color: var(--pbmit-secondary-color);
background-image: url(../images/homepage-5/bg/new-transparent-bg-04.png);
background-position: bottom left;
background-repeat: no-repeat;
background-size: auto;
}
.about-five-content p {
font-size: 17px;
line-height: 27px;
color: var(--pbmit-white-color);
}
.about-five-content .row {
z-index: 1;
position: relative;
margin-bottom: 40px;
margin-top: 40px;
}
.pbmit-ihbox-second.pbmit-ihbox-style-17 {
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #FFFFFF1A;
padding: 0px 20px 0px 50px;
}
.about-five-center-box {
background-image: url(../images/homepage-5/bg/new-bg-05.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 344px 0;
height: 100%;
}
.about-five_right {
height: 100%;
}
.about-five-last-box {
background-color: var(--pbmit-white-color);
height: 100%;
}
.about-five-last-box .fid-style-bg-box {
padding: 70px 65px 70px 65px;
background-color: var(--pbmit-global-color);
background-image: url(../images/homepage-5/bg/new-transparent-bg-05.png);
background-position: top right;
background-repeat: no-repeat;
background-size: auto;
}
.about-five-last-box .ihbox-style-20-bottom {
padding: 78px 35px 68px 50px;
}
.ihbox-style-19-bottom {
padding-top: 65px;
}
.bg-white .swiper-slide:nth-child(even) .pbmit-portfolio-style-4 .pbminfotech-box-content {
background-color: var(--pbmit-light-color);
}
.counter-five-bg {
padding: 95px 0px 85px 0px;
background-color: var(--pbmit-global-color);
}
.testimonial-five-bg {
background-image: url(../images/homepage-5/bg/new-bg-06.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 255px 0;
height: 100%;
position: relative;
}
.testimonial-five-box {
position: relative;
padding: 80px 0px 80px 105px;
}
.testimonial-five-box::before {
position: absolute;
height: 100%;
width: 154%;
top: 0;
left: 0;
content: "";
display: block;
background-color: var(--pbmit-white-color);
background-image: url(../images/homepage-5/bg/dot-map-04.png);
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: auto;
}
.testimonial-five-box .pbmit-heading-subheading {
margin-bottom: 30px;
}
.testimonial-five-box .pbmit-testimonial-style-4 {
padding-left: 30px;
}
.testimonial-innerbox {
right: -75px;
position: absolute;
top: 200px;
}
.testimonial-innerbox .pbminfotech-ele-fid-style-8 {
margin-bottom: 30px;
}
.testimonial-innerbox .pbminfotech-ele-fid-style-8:nth-child(even) .pbmit-fld-wrap {
background-color: var(--pbmit-global-color);
}
.testimonial-innerbox .pbminfotech-ele-fid-style-8:nth-child(odd) .pbmit-fld-wrap {
background-color: var(--pbmit-blackish-color);
}
.testimonial-innerbox .pbminfotech-ele-fid-style-8:nth-child(even) .pbmit-fld-wrap:after {
color: var(--pbmit-blackish-color);
}
.testimonial-innerbox .pbminfotech-ele-fid-style-8 .pbmit-fid-inner {
color: var(--pbmit-white-color);
}
.testimonial-innerbox .pbminfotech-ele-fid-style-8 .pbmit-fid-title {
color: var(--pbmit-white-color);
font-family: Titillium Web, sans-serif;
}
.testimonial-five-box .pbmit-testimonial-style-4 .pbminfotech-box-desc blockquote {
font-family: Titillium Web, sans-serif;
font-weight: 300;
}
.ihbox-style-20-bottom .swiper-pagination-bullet {
height: 2px;
width: 30px;
}
.ihbox-style-20-bottom .swiper-slider[data-dots="true"] {
padding-bottom: 38px;
}
.portfolio-arrow {
z-index: 0;
position: relative;
}
.portfolio-arrow .swiper-button-next,
.portfolio-arrow .swiper-button-prev {
width: 112px;
height: 50px;
line-height: 52px;
top: 60px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
transform: rotate(0deg);
background-color: transparent;
position: relative;
display: inline-block;
color: var(--pbmit-white-color);
background-color: var(--pbmit-blackish-color);
}
.portfolio-arrow .swiper-button-prev {
background-color: var(--pbmit-global-color);
padding-right: 60px;
margin-left: 10px;
padding-left: 23px;
}
.portfolio-arrow .swiper-button-next {
padding-left: 60px;
}
.portfolio-arrow .swiper-button-next:hover {
background-color: var(--pbmit-global-color);
}
.portfolio-arrow .swiper-button-prev:hover {
background-color: var(--pbmit-blackish-color);
}
.portfolio-arrow .swiper-button-next::after,
.portfolio-arrow .swiper-button-prev::after {
position: absolute;
content: "\e85a";
font-family: "pbminfotech-base-icons";
left: 15px;
top: 15px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
transform: rotate(180deg);
color: var(--pbmit-white-color);
}
.portfolio-arrow .swiper-button-next::before,
.portfolio-arrow .swiper-rtl .swiper-button-prev::before {
position: absolute;
content: "";
width: 35px;
height: 1px;
left: 18px;
top: 50%;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
background-color: var(--pbmit-white-color);
}
.portfolio-arrow .swiper-button-prev::after {
position: absolute;
content: "\e85a";
font-family: "pbminfotech-base-icons";
right: 15px;
left: inherit;
top: 16px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
transform: rotate(0deg);
color: var(--pbmit-white-color);
}
.portfolio-arrow .swiper-button-prev::before {
position: absolute;
content: "";
width: 35px;
height: 1px;
right: 18px;
top: 50%;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
background-color: var(--pbmit-white-color);
}
/*----------------------------------------*/
/** Homepage 06 **/
/*----------------------------------------*/
.video-six-bg {
background-image: url(../images/homepage-6/bg/new-bg-07.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 200px 0;
z-index: 1;
position: relative;
}
.video-six-bg .video-play-button a {
font-size: 24px;
padding: 30px;
background-color: var(--pbmit-white-color);
border-radius: 50%;
position: relative;
display: inline-block;
line-height: 1;
}
.video-six-bg .video-play-button a i {
width: 1em;
position: relative;
display: block;
color: var(--pbmit-global-color);
}
.video-six-bg .video-play-button {
text-align: center;
}
.about-six-bg {
background-color: var(--pbmit-blackish-color);
padding: 320px 0px 90px 0px;
margin-top: -238px;
}
.about-six-bg p {
color: var(--pbmit-white-color);
padding-right: 22px;
}
.about-six-bg .about-six-bg-box {
padding: 80px 15px 304px 0px;
background-image: url(../images/homepage-6/bg/new-map-02.png);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
.about-six-bg .about-six-bg-box::before {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
content: "";
display: block;
}
.about-six-bg .progressbar-style-1 {
padding-right: 95px;
}
.testimonial-six-bg {
padding: 200px 0;
position: relative;
height: 100%;
}
.testimonial-six-bg::before {
position: absolute;
content: "";
height: 100%;
width: 166%;
top: 0;
right: 0;
display: block;
background-image: url(../images/homepage-6/bg/new-bg-08.jpg);
border-radius: 0px;
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.testimonial-six-bg .pbminfotech-ele-fid-style-8 {
position: absolute;
right: -100px;
top: 175px;
}
.testimonial-six-bg .pbminfotech-ele-fid-style-8 .pbmit-fld-wrap {
background-color: var(--pbmit-global-color);
}
.testimonial-six-bg .pbminfotech-ele-fid-style-8 .pbmit-fid-inner {
color: var(--pbmit-white-color);
}
.testimonial-six-bg .pbminfotech-ele-fid-style-8 .pbmit-fid-title {
color: var(--pbmit-white-color);
font-family: Titillium Web, sans-serif;
}
.testimonial-six-bg .pbminfotech-ele-fid-style-8 .pbmit-fld-wrap:after {
color: var(--pbmit-blackish-color);
}
.testimonial-six-box {
background-color: var(--pbmit-white-color);
}
.testimonial-six-box .pbmit-testimonial-style-5 {
padding: 60px 50px 0px 120px;
}
.testimonial-six-box .pbmit-testimonial-style-5 .pbminfotech-box-desc blockquote {
font-family: Titillium Web, sans-serif;
}
.testimonial-six-box .swiper-button-next,
.testimonial-six-box .swiper-button-prev {
position: relative;
border-radius: 0%;
left: inherit;
right: 0;
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 0%;
transition: all 500ms ease;
background-color: #fff;
color: var(--pbmit-global-color);
background-color: var(--pbmit-secondary-color);
-webkit-transition: all 500ms ease;
}
.testimonial-six-box .swiper-button-prev {
background-color: var(--pbmit-global-color);
}
.appointment-six-bg {
padding: 75px 75px 80px 60px;
position: relative;
}
.appointment-six-bg::before {
position: absolute;
content: "";
height: 100%;
width: 134%;
top: 0;
left: 0;
display: block;
background-image: url(../images/contact-bg.jpg);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: cover;
}
.appointment-six-bg .pbmit-btn {
padding: 20px 30px;
}
.client-six-section {
background-color: var(--pbmit-global-color);
padding: 480px 0px 80px 0px;
margin-top: -385px;
}
/*----------------------------------------*/
/** 00 - About Us **/
/*----------------------------------------*/
/* About Us */
.about-us_section {
padding: 90px 0px 125px 0px;
}
.about-us-video-button-box {
position: relative;
}
.about-us-video-button-box .icon-wrapper {
border: 2px solid var(--pbmit-global-color);
padding: 10px;
border-radius: 50%;
display: inline-block;
position: absolute;
right: 150px;
bottom: -55px;
}
.about-us-video-button-box a {
border-radius: 50%;
display: inline-block;
width: 100px;
height: 100px;
line-height: 100px;
background-color: var(--pbmit-global-color);
color: #fff;
font-size: 22px;
text-align: center;
}
.about-us_inner_bg {
position: relative;
height: 100%;
}
.about-us_inner_bg::before {
position: absolute;
height: 100%;
width: 164%;
top: 0;
right: 0;
content: "";
display: block;
background-image: url(../images/homepage-1/service/service-img.jpg);
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
}
.about-us_inner_single {
padding: 90px 15px 90px 40px;
}
/*----------------------------------------*/
/** 01 - Our History**/
/*----------------------------------------*/
.pbmit-timeline .pbmit-timeline-post-items {
padding-top: 80px;
padding-bottom: 80px;
}
.pbmit-timeline .pbmit-timeline-post-items .pbmit-timeline-inner {
padding-bottom: 60px;
z-index: 1;
position: relative;
}
.pbmit-timeline .pbmit-timeline-post-items .pbmit-timeline-inner:last-child {
padding-bottom: 0px;
}
.pbmit-ourhistory-type2 .label {
display: block;
font-size: 25px;
font-weight: 500;
line-height: 35px;
color: var(--pbmit-global-color);
}
.pbmit-ourhistory-type2 h4 {
font-size: 24px;
line-height: 24px;
font-weight: 500;
margin-bottom: 15px;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-row .pbmit-ourhistory-left .pbmit-timeline-image img {
width: 100%;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-row {
align-items: center;
}
.pbmit-ourhistory-type2.pbmit-ourhistory-right.last {
padding-bottom: 0;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .pbmit-timeline-image,
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .label {
margin-bottom: 30px;
display: none;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .content {
padding: 30px;
background: var(--pbmit-white-color);
position: relative;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .content .simple-text p {
margin-bottom: 0;
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-right .content:before {
position: absolute;
content: '';
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #fff;
right: -20px;
top: 50%;
transform: translateX(0%) translateY(-50%);
}
.pbmit-ourhistory-type2 .pbmit-ourhistory-center span {
position: absolute;
left: 50%;
z-index: 1;
background: var(--pbmit-global-color);
padding: 5px 15px;
color: var(--pbmit-white-color);
transform: translate(-50px, -20px);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.pbmit-ourhistory-type2:hover .pbmit-ourhistory-center span {
background-color: var(--pbmit-secondary-color);
}
.pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row {
flex-direction: row-reverse;
align-items: center;
}
.pbmit-timeline .pbmit-timeline-inner:nth-child(even) .row.pbmit-ourhistory-row .pbmit-ourhistory-right .content:before {
position: absolute;
content: '';
box-shadow: 0px 8px 18px 0px rgb(0 0 0 / 3%);
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 0px solid transparent;
border-right: 20px solid #fff;
left: -20px;
right: auto;
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%);
}
.pbmit-timeline .pbmit-timeline-inner:nth-child(odd) .pbmit-ourhistory-type2 .pbmit-ourhistory-right {
padding-right: 70px;
padding-left: 15px
}
.pbmit-timeline .pbmit-timeline-post-items {
position: relative;
}
.pbmit-timeline .pbmit-timeline-post-items:before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: calc(50% - 5px);
width: 2px;
height: 100%;
background: var(--pbmit-global-color)
}
.pbmit-timeline .pbmit-first-timeline {
position: relative;
z-index: 1;
left: calc(50% - 13px);
width: 18px;
height: 18px;
background: transparent;
transform: rotate(45deg);
border: 3px solid var(--pbmit-global-color);
}
.pbmit-timeline .pbmit-last-timeline {
position: relative;
z-index: 1;
left: calc(50% - 13px);
width: 18px;
height: 18px;
background: transparent;
transform: rotate(45deg);
border: 3px solid var(--pbmit-global-color);
}
/** 02 - Our Plans **/
.about-inner-section {
background-image: url(../images/construction-03.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 290px;
position: relative;
}
.about-inner-right {
padding: 30px 15px 0px 50px;
}
.about-inner-right .pbminfotech-ele-fid-style-1 {
margin-bottom: 10px;
}
.about-inner-section .pbminfotech-ele-fid-style-5 {
left: 20px;
bottom: 20px;
position: absolute;
}
/** 03 - Our Team Member **/
.team-member-section .pbmit-heading-subheading {
margin-bottom: 70px;
}
/** 04 - Service Detail **/
.service-left-col {
width: 32%;
padding: 80px 15px 80px 15px;
}
.service-right-col {
width: 68%;
padding: 80px 15px 80px 15px;
}
.service-right-col img {
border-radius: 0px;
}
.consultant h4 {
margin-bottom: 20px;
}
.consultant .pbmit-team-style-1 {
margin-bottom: 80px;
}
.service-sidebar .post-list {
margin-bottom: 30px;
background-color: var(--pbmit-white-color);
box-shadow: none;
padding: 35px;
padding-top: 28px;
}
.service-sidebar .post-list h2 {
font-size: 24px;
line-height: 30px;
padding-bottom: 15px;
position: relative;
margin-bottom: 30px;
}
.service-sidebar .post-list h2:before {
height: 1px;
margin-bottom: -2px;
content: '';
position: absolute;
bottom: 0;
left: -35px;
background-color: #e8e8e8;
width: calc(100% + 70px);
}
.service-sidebar .post-list h2:after {
content: "";
width: 50px;
background-color: var(--pbmit-global-color);
height: 2px;
position: absolute;
bottom: -2px;
left: 0;
}
.post-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.post-list .all-post-list {
border-radius: 6px;
}
.post-list li {
border: none;
padding: 0 !important;
border-bottom: 2px solid rgba(255, 255, 255, .25);
position: relative;
background-color: var(--pbmit-white-color);
}
.post-list li:hover a {
background-color: var(--pbmit-global-color);
color: var(--pbmit-white-color);
}
.post-list li a {
position: relative;
color: var(--pbmit-link-color-normal);
font-size: 16px;
font-weight: bold;
padding: 18px 40px;
border-radius: 0px;
display: block;
line-height: normal;
background-color: var(--pbmit-light-color);
}
.post-list li a:after {
content: '\e814';
font-family: 'pbminfotech-base-icons';
font-style: normal;
font-weight: 600;
position: absolute;
top: 15px;
right: 20px;
width: 25px;
height: 25px;
background-color: transparent;
line-height: 25px;
text-align: center;
border-radius: 50%;
color: inherit;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.service-sidebar ul>li:hover a,
.service-sidebar ul>li.post-active a {
background-color: var(--pbmit-global-color);
color: var(--pbmit-white-color);
}
.widget.pbmit-htmlbgcolor {
background-color: var(--pbmit-secondary-color);
padding: 35px;
padding-bottom: 50px;
margin-bottom: 30px;
}
.service-left-col .widget .widget-title {
margin: 0;
position: relative;
font-weight: 800;
font-size: 22px;
line-height: 32px;
color: #0c121d;
text-transform: none;
font-style: normal;
}
.service-left-col .widget .widget-title:after {
content: "";
width: 50px;
height: 2px;
bottom: -2px;
left: 0;
position: absolute;
z-index: 1;
}
.single-service-contact {
position: relative;
overflow: hidden;
color: #fff;
font-size: 15px;
}
.single-service-contact:after {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
content: "";
display: block;
z-index: 1;
background-color: var(--pbmit-global-color);
}
.single-service-contact>div,
.single-service-contact>p {
position: relative;
z-index: 2;
}
.single-service-contact-inner {
position: relative;
z-index: 2;
padding: 40px 0;
}
.single-service-contact-inner h5 {
color: #fff;
font-size: 22px;
margin-top: 30px;
margin-bottom: 20px;
}
.single-service-contact .d-flex {
margin-bottom: 30px;
}
.single-service-contact .d-flex p {
display: none;
}
.single-service-contact .d-flex i {
font-size: 56px;
line-height: 56px;
margin-right: 10px;
color: var(--pbmit-global-color);
}
.single-service-contact .d-flex h2 {
font-size: 30px;
line-height: 32px;
margin-top: 5px;
margin-bottom: 0;
color: var(--pbmit-global-color);
}
.widget .download {
display: block;
text-align: center;
}
.widget .download img {
width: 80%;
display: block;
margin: 30px auto 30px;
}
.widget .download h3 {
color: var(--pbmit-white-color);
font-size: 28px;
line-height: 32px;
margin-bottom: 20px;
}
.widget .download .item-download {
border-bottom: none;
padding: 20px 0;
position: relative;
margin-top: 10px;
}
.widget .download .item-download:last-child {
border: 0;
margin: 0;
}
.widget .download .item-download a {
display: block;
padding: 0 0;
font-size: 17px;
font-weight: 700;
line-height: 25px;
position: relative;
background: #fff;
}
.widget .download .item-download a i {
font-size: 45px;
padding-right: 12px;
float: left;
line-height: 47px;
font-weight: 700;
color: var(--pbmit-global-color);
}
.widget .download .item-download a span {
color: #6d7a8c;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
font-weight: 800;
}
.pbmit-full-link {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.widget .download .item-download .pbmit-icon {
font-size: 60px;
margin-right: 10px;
color: #fff;
}
.widget .download .pbmit-text h5 {
margin-bottom: 2px;
font-size: 22px;
color: #fff;
}
.widget .download .pbmit-text p {
margin-bottom: 0;
color: #fff;
}
.widget .download .item-download:hover i {
color: var(--pbmit-secondary-color);
}
.widget .download .item-download:hover .pbmit-text h5 {
color: var(--pbmit-secondary-color);
}
.item-download:hover .pbmit-text p {
color: var(--pbmit-secondary-color);
}
.service-details {
margin-top: 50px;
}
.service-details img {
border-radius: 0px;
}
.service-details .list-items-left {
padding: 20px 40px 10px 0px;
margin-top: 50px;
}
.service-details .list-items-img {
background-image: url(../images/service/service-07b.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 155px 0;
margin-top: 50px;
}
.service-details .list-items-right {
padding: 20px 15px 10px 10px;
}
.service-details .list-items-second-img {
background-image: url(../images/service/service-06b.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 155px 0;
}
.service-details .list-items-border {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #DFDFE1;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin-top: 50px;
margin-bottom: 50px;
padding: 50px 0px 0px 0px;
}
h4.pbmit-title {
margin-bottom: 20px;
}
.service-right-col .list-item {
margin-top: 0px;
padding-bottom: 6px;
}
.service-right-col .list-item .list-icon {
color: var(--pbmit-global-color);
}
.service-right-col .list-item .list-text {
padding-left: 10px;
}
/** 05 - Project Detail **/
.portfolio-single h2.pbmit-title {
color: var(--pbmit-global-color);
}
.portfolio-lines-wrapper {
border-radius: 0px;
margin-bottom: 40px;
background-color: var(--pbmit-white-color);
padding: 30px 40px;
}
.portfolio-lines-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
color: #fff;
border-radius: 0px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 15px 30px;
}
.portfolio-lines-wrapper li {
margin: 0;
padding: 0px;
font-size: 16px;
line-height: 26px;
display: block;
position: relative;
font-weight: normal;
border-bottom: none;
color: var(--pbmit-body-typography-color);
margin-left: 30px;
}
.portfolio-lines-wrapper li .portfolio-line-value a {
color: var(--pbmit-body-typography-color);
}
.portfolio-lines-wrapper li .portfolio-line-value a:hover {
color: var(--pbmit-global-color);
}
.portfolio-line-title {
display: block;
font-size: 18px;
padding-bottom: 5px;
color: var(--pbmit-blackish-color);
font-weight: 700;
}
.portfolio-line-title:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 8px;
left: -17px;
background-color: var(--pbmit-global-color);
}
.dropcap {
position: relative;
float: left;
width: 45px;
height: 45px;
padding-top: 1px;
margin-top: 0.25em;
margin-right: calc(0.2em + 10px);
font-size: 35px;
line-height: 45px;
font-weight: 700;
color: var(--pbmit-white-color);
text-align: center;
overflow: hidden;
background-color: var(--pbmit-global-color);
}
.ihbox-style-inner-section {
margin-top: 30px;
}
.portfolio-detail-section {
padding-top: 80px;
padding-bottom: 80px;
}
.portfolio-detail-section-top img {
box-shadow: none;
border-radius: 0px;
margin-bottom: 40px;
}
.portfolio-detail-section .list-item {
margin-top: 6px;
padding-bottom: 6px;
display: flex;
align-items: center;
}
.portfolio-detail-section .list-item .list-icon {
color: var(--pbmit-global-color);
}
.portfolio-detail-section .list-item .list-text {
padding-left: 15px;
}
.post-navigation {
margin-top: 40px;
}
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.post-navigation .nav-links a {
border: none;
display: flex;
}
.post-navigation .nav-links .pbmit-portfolio-nav-wrapper {
display: inline-block;
padding: 20px 0px 20px 0px;
margin-left: 2px;
}
.post-navigation .nav-links .pbmit-portfolio-nav-wrapper.right {
padding: 20px 0px 20px 0px;
text-align: end;
margin-right: 2px;
}
.post-navigation .nav-links .pbmit-portfolio-nav-wrapper .pbmit-portfolio-nav-head {
font-size: 13px;
font-weight: 500;
line-height: 24px;
letter-spacing: 1.2px;
text-transform: uppercase;
color: var(--pbmit-global-color);
}
.post-navigation .nav-links .pbmit-portfolio-nav-wrapper .nav-title {
display: block;
font-weight: 600;
font-size: 20px;
color: var(--pbmit-link-color-normal);
}
.post-navigation .nav-links .pbmit-portfolio-nav-wrapper .nav-title:hover {
color: var(--pbmit-global-color);
transition: all .25s ease-in-out;
}
.post-navigation .nav-links .nav-previous .pbmit-portfolio-nav-icon {
border-right: 4px solid #f2f3f4;
width: 80px;
display: none;
align-items: center;
justify-content: center;
position: relative;
font-size: 24px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.post-navigation .nav-links .nav-next .pbmit-portfolio-nav-icon {
border-left: 4px solid #f2f3f4;
width: 80px;
display: none;
align-items: center;
justify-content: center;
position: relative;
font-size: 24px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.post-navigation .nav-previous:hover .pbmit-portfolio-nav-icon {
background-color: var(--pbmit-global-color);
}
.post-navigation .nav-previous:hover .pbmit-portfolio-nav-icon i {
color: #fff;
}
.post-navigation .nav-next:hover .pbmit-portfolio-nav-icon {
background-color: var(--pbmit-global-color);
}
.post-navigation .nav-next:hover .pbmit-portfolio-nav-icon i {
color: #fff;
}
/** Sidebar Right**/
.sidebar .widget {
margin-bottom: 30px;
border-radius: 0px;
background: #fff;
padding: 35px;
padding-top: 28px;
}
.sidebar .widget-search {
background-color: var(--pbmit-secondary-color);
}
.widget a,
.widget .post-date {
font-family: var(--pbmit-heading-typography-font-family);
font-size: 16px;
line-height: 18px;
letter-spacing: 0px;
font-weight: bold;
}
.search-form input {
height: 58px;
line-height: 58px;
}
.widget .search-form {
position: relative;
}
.widget .search-form .search-field {
height: 60px;
line-height: 58px;
border: 0;
background-color: #fff;
padding: 0 90px 0 15px;
display: block;
width: 100%;
font-size: 13px;
color: var(--pbmit-blackish-color);
line-height: normal;
font-weight: 400;
border-radius: 0px;
}
.sidebar .widget .search-form button {
position: absolute;
top: 0;
right: 0px;
padding: 0;
width: 60px;
height: 100%;
background-color: var(--pbmit-global-color);
border: 0;
border-radius: 0px;
}
.sidebar .widget .search-form i {
font-size: 18px;
color: #fff;
}
.widget .widget-title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: var(--pbmit-heading-color);
position: relative;
padding: 0 0 15px;
margin-bottom: 30px;
padding-top: 0px;
}
.sidebar .widget .widget-title:before {
display: block;
height: 1px;
margin-top: 0;
margin-bottom: -2px;
content: '';
position: absolute;
bottom: 0;
left: -35px;
background-color: #e8e8e8;
width: calc(100% + 70px);
}
.sidebar .widget .widget-title:after {
content: "";
position: absolute;
width: 50px;
height: 2px;
left: 0;
bottom: -2px;
background-color: var(--pbmit-global-color);
transition: all 300ms linear;
}
.sidebar .widget-categories ul li {
margin: 2px 0;
padding: 0 !important;
position: relative;
list-style: none;
}
.sidebar .widget-categories ul li a {
position: relative;
background-color: #fff;
padding: 12px 30px 10px 25px;
display: block;
line-height: normal;
font-weight: 700;
}
.sidebar .widget-categories ul li a::before {
position: absolute;
content: '\f115';
top: 14px;
left: 0;
font-size: 13px;
color: var(--pbmit-global-color);
font-family: 'pbminfotech-base-icons';
font-weight: 400;
line-height: normal;
}
.sidebar .widget-categories li span {
position: absolute;
right: 15px;
width: 25px;
height: 25px;
line-height: 25px;
background-color: var(--pbmit-light-color);
color: var(--pbmit-link-color-normal);
text-align: center;
display: block;
font-size: 13px;
font-weight: 700;
border-radius: 0;
top: 9px;
}
.sidebar .recent-post-list li {
margin-top: 5px;
padding-bottom: 15px;
display: flex !important;
align-items: normal;
width: 100%;
}
.sidebar .recent-post-list li:last-child {
padding-bottom: 0;
}
.sidebar .recent-post-list .media {
display: flex;
}
.sidebar .recent-post-list .recent-post-thum {
width: 75px;
flex-shrink: 0;
margin-right: 15px;
}
.sidebar .recent-post-list .post-date {
line-height: 17px;
display: block;
font-size: 13px;
font-weight: normal;
margin-top: 5px;
color: var(--pbmit-global-color);
text-transform: uppercase;
}
.sidebar .widget .tagcloud a {
display: inline-block;
font-size: 12px !important;
padding: 0 18px;
margin: 0 2px 8px;
font-weight: bold;
height: 37px;
line-height: 37px;
background-color: var(--pbmit-light-color);
border: none;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.sidebar .widget .tagcloud a:hover {
color: #fff;
background: var(--pbmit-global-color);
}
.sidebar .widget.widget-archive ul li {
padding: 0 0 15px 0;
}
.sidebar .widget.widget-flickr a {
overflow: hidden;
display: block;
margin: 0 8px 0px 0px;
width: 80px;
height: 80px;
display: inline-block;
background: none;
}
.widget.single-service-contact {
border-radius: 0px;
position: relative;
overflow: hidden;
text-align: center;
color: #fff;
font-size: 15px;
background-size: cover;
padding: 35px;
}
.widget.single-service-contact .textwidget img {
border-radius: 50%;
border: 4px solid #fff;
margin: 0 0 10px 0;
}
.widget.single-service-contact h3 {
color: var(--pbmit-white-color);
font-size: 26px;
line-height: 28px;
margin-bottom: 20px;
}
.widget.single-service-contact .advertise-info {
padding-top: 10px;
}
.widget.single-service-contact .advertise-info h4 {
color: var(--pbmit-white-color);
font-size: 20px;
line-height: 22px;
}
.widget.single-service-contact .advertise-info p {
color: var(--pbmit-blackish-color);
font-size: 16px;
}
.widget.single-service-contact .advertise-info-list {
color: var(--pbmit-white-color);
font-size: 16px;
margin-bottom: 20px;
}
.widget.single-service-contact .advertise-info-list i {
color: var(--pbmit-blackish-color);
}
.widget.single-service-contact .widget-as-link {
padding-top: 50px;
}
.widget.single-service-contact .pbmit-btn.pbmit-btn-black {
width: 100%;
margin-bottom: 10px;
}
.single-service-contact-inner img {
border-radius: 50%;
margin: 0;
}
.single-service-contact-inner ul.pbmit-social-links li {
display: inline-block;
margin-top: 10px;
}
.single-service-contact ul.pbmit-social-links li a,
.single-service-contact-inner ul.pbmit-social-links li a {
font-size: 16px;
font-weight: 300 !important;
letter-spacing: 0;
background: #fff;
border-radius: 50%;
padding: 8px;
margin: 0 2px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
}
.single-service-contact ul.pbmit-social-links li a:hover {
background-color: var(--pbmit-global-color);
color: #fff;
}
.single-service-contact .pbmit-social-li {
margin-right: 0px;
}
.single-service-contact .pbmit-social-links {
margin-top: 10px;
}
.blog-details .pbmit-blog-style-2 .pbmit-featured-wrapper:after {
display: none;
}
/** Blog Large **/
.blog-grid .pbmit-blog-style-2 {
margin-bottom: 30px;
}
article.post {
margin-bottom: 30px;
position: relative;
box-shadow: none;
border-radius: 0px;
overflow: hidden;
}
article.post .pbmit-meta-date-wrapper {
position: absolute;
bottom: -15px;
left: 30px;
text-align: center;
color: #fff;
font-size: 13px;
font-weight: 400;
padding: 8px 20px;
border-radius: 0px;
background-color: var(--pbmit-global-color);
z-index: 1;
}
article.post .pbmit-meta-date-wrapper span {
display: block;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0px;
line-height: 14px;
}
article.post .post-content {
background: var(--pbmit-white-color);
padding: 35px 35px 0 35px;
position: relative;
}
article.post .post-content .pbmit-blog-meta-top {
position: relative;
font-size: 14px;
margin-top: 18px;
margin-bottom: 0px;
padding-bottom: 20px;
border-bottom: none;
}
article.post .post-box-title {
font-size: 35px;
line-height: 40px;
margin-bottom: 20px;
}
article.post .post-entry-meta {
padding-bottom: 15px;
margin-bottom: 25px;
font-size: 12px;
margin-top: 10px;
font-weight: 500;
color: #666666;
}
article.post .post-entry-meta a {
color: #666666;
}
article.post .post-entry-meta i {
margin-right: 5px;
font-size: 15px;
color: var(--pbmit-global-color);
}
.blog-classic img {
border-radius: 0px !important;
}
.pbmit-blog-meta-wrapper {
border-top: 1px solid #efefef;
margin: 30px -35px 0;
padding: 0 0 0 35px;
}
.pbmit-read-more-link {
margin-left: auto;
margin-top: 19px;
}
.pbmit-read-more-link a {
background-color: var(--pbmit-secondary-color);
padding: 23px 20px 23px 0;
color: var(--pbmit-white-color);
position: relative;
}
.pbmit-read-more-link a:hover {
background-color: var(--pbmit-global-color);
color: var(--pbmit-white-color);
}
.pbmit-read-more-link a span {
position: relative;
display: inline-block;
padding-right: 50px;
line-height: 16px;
}
.pbmit-read-more-link a span:before {
position: absolute;
content: "";
width: 35px;
height: 1px;
right: 2px;
top: 50%;
background-color: var(--pbmit-white-color);
}
.pbmit-read-more-link a span:after {
position: absolute;
content: "\e85a";
font-family: "pbminfotech-base-icons";
top: -1px;
right: 0;
font-size: 12px;
line-height: 20px;
font-weight: 400;
}
.pbmit-featured-container {
position: relative;
}
/** Blog Detail **/
.blog-right-col {
flex: 0 0 68%;
max-width: 68%;
padding: 80px 15px;
}
.blog-left-col {
flex: 0 0 32%;
max-width: 32%;
padding: 80px 15px;
}
.post .list-group-borderless .list-group-item {
color: #666;
}
.post .post-content h3 {
font-size: 35px;
line-height: 40px;
}
article.post.blog-details .post-content {
padding-top: 10px;
}
.post .post-content .offer-list {
margin-bottom: 25px;
padding-left: 40px;
list-style: disc;
}
.pbmit-blog-meta-top .pbmit-meta a {
color: #606060;
}
.pbmit-blog-meta-top .pbmit-meta a:hover {
color: var(--pbmit-global-color);
}
.pbmit-blog-meta-top .pbmit-meta i {
margin-right: 5px;
color: var(--pbmit-global-color);
}
.post .post-content .pbmit-blog-meta .pbmit-meta {
margin-right: 13px;
position: relative;
text-transform: uppercase;
font-size: 15px;
}
.post blockquote {
font-size: 18px;
line-height: 30px;
font-weight: 400;
font-style: italic;
padding: 50px 75px 35px 115px;
padding-left: 100px;
position: relative;
border: none;
background: none;
margin: 40px 0;
color: #fff;
border-radius: 0px;
background-color: var(--pbmit-secondary-color);
}
.post blockquote:after {
position: absolute;
content: '\e805';
font-family: "pbminfotech-base-icons";
font-size: 60px;
line-height: normal;
top: 30px;
left: 27px;
color: transparent;
font-style: normal;
-webkit-text-stroke: 1px var(--pbmit-global-color);
}
.post blockquote cite,
.post blockquote small {
color: var(--pbmit-global-color);
display: block;
font-size: 16px;
line-height: 23px;
font-style: normal !important;
font-weight: 600 !important;
margin-top: 15px;
letter-spacing: 0px;
text-transform: none;
}
.post blockquote cite::before {
content: "\2014\00a0";
margin-right: 5px;
}
.post blockquote p {
margin: 0;
}
.pbmit-blog-meta.pbmit-blog-meta-bottom {
display: flex;
align-items: center;
border-top: 1px solid #eee;
margin-top: 30px;
padding-top: 20px;
padding-bottom: 35px;
}
.pbmit-blog-meta-bottom-left {
position: relative;
overflow: hidden;
width: 50%;
}
.pbmit-blog-meta-bottom .pbmit-tag-icon {
width: 45px;
height: 45px;
border-radius: 50%;
line-height: 45px;
font-size: 18px;
text-align: center;
background: #fff;
margin: 0 auto;
display: none;
}
.pbmit-blog-meta-bottom .pbmit-meta-tags {
color: #424d6c;
font-size: 16px;
font-weight: 600;
}
.pbmit-blog-meta-bottom .pbmit-meta-tags a {
color: #616161;
margin: 0 5px 5px 0;
border: none;
display: inline-block;
font-size: 12px;
padding: 0 18px;
text-transform: uppercase;
height: 37px;
font-weight: 600;
line-height: 37px;
background-color: var(--pbmit-light-color);
}
.pbmit-blog-meta-bottom .pbmit-meta-tags a:hover {
color: var(--pbmit-white-color);
background-color: var(--pbmit-global-color);
}
.pbmit-blog-meta-bottom-right {
width: 50%;
text-align: right;
}
.pbmit-blog-meta-bottom-right .icons {
margin-right: 4px;
display: inline-block;
}
.pbmit-blog-meta-bottom-right .icons a {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
color: var(--pbmit-white-color);
background-color: #4267B2;
font-size: 12px;
border-radius: 0px;
-webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
transition: opacity 0.2s ease-in, top 0.2s ease-in;
}
.pbmit-blog-meta-bottom-right .icons a:hover {
opacity: .8;
top: -4px;
}
.pbmit-blog-meta-bottom-right .icons:nth-child(2) a {
background-color: #55acee;
}
.pbmit-blog-meta-bottom-right .icons:nth-child(3) a {
background-color: #CB2027;
}
.pbmit-blog-meta-bottom-right .icons:nth-child(4) a {
background-color: #7d7d7d;
}
.pbmit-blog-meta-bottom-right .icons:nth-child(5) a {
background-color: #95D03A;
}
.pbmit-blog-meta-bottom-right .icons a i {
text-align: center;
line-height: 45px;
color: #fff;
font-size: 16px;
}
.comments-area {
margin-top: 0px;
}
.comments-area .comments-title {
font-size: 20px;
line-height: 26px;
margin-bottom: 35px;
margin-top: 35px;
text-transform: uppercase;
}
.comments-box {
margin-top: 35px;
}
.comments-box .media {
margin-bottom: 30px;
display: flex;
}
.comments-box .children .media.even.depth-2 {
margin-left: 30px;
}
.comment-author {
text-align: center;
width: 100px;
height: 100px;
display: block;
margin-right: 22px;
}
.comment-author img {
max-width: 55px;
height: 55px;
border-radius: 0;
}
.comment-meta {
position: relative;
flex-grow: 1;
padding: 20px 30px;
padding-bottom: 5px;
background: #fff;
margin-left: 0;
border-radius: 0;
}
.comment-meta:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-width: 10px 12px 10px 0;
border-style: solid;
border-color: transparent #fff transparent #fff;
z-index: 1;
left: -12px;
top: 19px;
}
.comment-meta:after {
border-color: transparent #e9e9e9 transparent #e9e9e9;
border-width: 12px 14px 12px 0;
left: -14px;
}
.comment-meta .comment-owner {
display: block;
font-style: normal;
font-size: 18px;
line-height: 26px;
font-weight: 500;
font-family: var(--pbmit-heading-typography-font-family);
color: var(--pbmit-body-typography-color);
}
.comment-meta a {
color: #999;
font-size: 15px;
letter-spacing: 0;
text-transform: none;
}
.comment-meta a:hover {
color: var(--pbmit-link-color-hover);
}
.comment-meta p {
display: block;
}
.comment-meta .reply {
position: absolute;
top: 15px;
right: 30px;
}
.comment-meta .reply a {
display: inline-block;
font-size: 12px;
font-weight: normal;
letter-spacing: .5px;
text-transform: uppercase;
padding: 5px 16px;
color: var(--pbmit-white-color);
background-color: var(--pbmit-global-color);
border-radius: 0px;
-webkit-transition: 0.4s ease-out 0s;
-o-transition: 0.4s ease-out 0s;
transition: 0.4s ease-out 0s;
}
.comment-meta .reply a:before {
font-family: 'pbminfotech-base-icons';
font-style: normal;
font-weight: 400;
font-size: 10px;
content: "\f112";
margin-right: 5px;
}
.comment-meta .reply a:hover {
background-color: var(--pbmit-blackish-color);
color: var(--pbmit-white-color);
}
.comments-box .media-bottom {
padding: 10px 0 20px 0;
margin-bottom: 20px;
border-top: none;
border-bottom: none;
}
.comment-respond {
background-color: var(--pbmit-white-color);
padding: 45px 50px 35px 50px;
}
.comment-reply-title {
margin-bottom: 10px;
margin-top: 0px;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
}
.comment-form .form-group {
margin-bottom: 20px;
}
.comments-box p {
margin-top: 15px;
margin-bottom: 30px;
display: block;
}
.comment-form form .form-group:last-child {
margin-bottom: 10px;
}
.comment-form button.pbmit-btn {
padding: 20px 30px;
text-transform: none;
margin-bottom: 15px;
}
.comment-form button.pbmit-btn:hover {
background-color: var(--pbmit-global-color);
}
.blog-grid .pbmit-blog-style-1 {
margin-bottom: 50px;
}
.pbmit-author-box {
color: var(--pbmit-white-color);
margin-top: 30px;
margin-bottom: 25px;
padding: 45px 45px 25px 48px;
background-color: var(--pbmit-global-color);
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
border-radius: 0px;
}
.pbmit-author-image {
height: 95px;
width: 95px;
display: block;
overflow: hidden;
border-radius: 50%;
margin-right: 35px;
background-color: #fff;
}
.pbmit-author-content {
-webkit-flex-shrink: 100;
-moz-flex-shrink: 100;
-ms-flex-negative: 100;
flex-shrink: 100;
}
.pbmit-author-content .pbmit-author-name {
line-height: 30px;
font-size: 20px;
text-transform: capitalize;
font-weight: 700;
margin-bottom: 10px;
margin-bottom: 15px;
display: inline-block;
}
.pbmit-author-content .pbmit-author-bio {
color: var(--pbmit-white-color);
}
.pbmit-author-content .pbmit-author-name a {
color: var(--pbmit-white-color);
}
.pbmit-author-content .pbmit-author-name a:hover {
color: var(--pbmit-blackish-color);
}
.blog-right-col textarea.form-control {
display: block;
width: 100%;
height: 120px;
font-size: 13px;
color: var(--pbmit-blackish-color);
line-height: normal;
padding: 12px 15px;
font-weight: 500;
background: var(--pbmit-light-color);
border: 0;
border-radius: 0px;
margin-bottom: 25px;
}
.blog-right-col [type="text"],
.blog-right-col [type="email"] {
color: var(--pbmit-blackish-color);
line-height: normal;
padding: 0 15px;
font-weight: 500;
background: var(--pbmit-light-color);
margin-bottom: 15px;
font-size: 13px;
}
/** 07 - Team Single **/
.pbmit-team-details {
position: relative;
background-color: var(--pbmit-white-color);
}
.pbmit-team-img img {
border-radius: 0px;
}
.pbmit-team-details-inner {
position: relative;
box-shadow: none;
z-index: 0;
border-radius: 5px;
margin-right: 0px;
margin-bottom: 0px;
}
.pbmit-team-des {
padding: 150px 60px 0 100px;
}
.pbmit-team-title {
font-size: 34px;
line-height: 36px;
font-weight: 700;
margin-bottom: 20px;
color: var(--pbmit-heading-color);
}
.pbmit-team-designation {
font-size: 13px;
line-height: 24px;
color: var(--pbmit-global-color);
margin-bottom: 5px;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.pbmit-team-summary {
padding: 0px 60px 0 40px;
}
.pbmit-single-team-info {
list-style: none;
margin: 0;
padding: 0;
margin-top: 30px;
margin-bottom: 50px;
font-size: 15px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px 30px;
}
.pbmit-single-team-info li {
margin-bottom: 10px;
border-bottom: 1px solid #f2f3f5;
padding-left: 15px;
padding-bottom: 20px;
font-size: 16px;
line-height: 20px;
position: relative;
}
.pbmit-single-team-info li:nth-last-child(1),
.pbmit-single-team-info li:nth-last-child(2) {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.pbmit-single-team-info li:after {
content: '';
width: 7px;
height: 7px;
position: absolute;
top: 5px;
left: 0;
background-color: var(--pbmit-global-color);
}
.pbmit-single-team-info li label {
display: block;
font-weight: 700;
min-width: 70px;
margin-bottom: 0.5rem;
color: var(--pbmit-blackish-color);
}
.pbmit-single-team-info li a {
color: inherit;
}
.pbmit-single-team-info li a:hover {
color: var(--pbmit-link-color-hover);
}
.pbmit-team-details .pbmit-social-li {
margin-right: 6px;
margin-bottom: 10px;
display: inline-block;
}
.pbmit-team-details .pbmit-social-li a {
position: relative;
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 16px;
color: var(--pbmit-white-color);
border-radius: 0px;
background-color: var(--pbmit-secondary-color);
box-shadow: none;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.pbmit-team-details .pbmit-social-li a:hover {
background-color: var(--pbmit-global-color);
color: var(--pbmit-white-color) !important;
border-color: transparent;
}
.candidate-detail-description {
margin-top: 50px;
padding-bottom: 30px;
}
.candidate-detail-contact-detail {
padding: 50px 50px 30px 50px;
background-color: var(--pbmit-white-color);
margin-top: 20px;
}
.team-details-wrap {
margin-top: 80px;
margin-bottom: 0px;
padding: 0px 15px 50px 15px;
}
.team-details-wrap form {
margin: -15px 0px 0px 0px;
padding: 50px 50px 50px 50px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #EEEEEE;
border-radius: 5px 5px 5px 5px;
}
.team-details-contact {
padding: 35px 15px 35px 15px;
margin-bottom: 50px;
}
.team-details-contact .pbmit-title {
margin-bottom: 40px;
}
/** 08 - Contact us **/
.contact-section {
padding: 100px 0 100px;
}
.contact-section-bottom-inner-left {
padding: 30px 40px 0px 25px;
}
.contact-section .contact-form h3 {
margin-bottom: 20px;
}
.contact-section-bottom-inner-left .pbmit-social-links li a {
position: relative;
display: inline-block;
text-align: center;
color: var(--pbmit-blackish-color);
background-color: var(--pbmit-white-color);
width: 55px;
height: 55px;
line-height: 55px;
border: none;
border-radius: 0px;
}
.contact-section-bottom-inner-left .pbmit-social-links li {
margin-right: 12px;
margin-bottom: 10px;
display: inline-block;
}
.contact-section-bottom-inner-left .pbmit-social-links li a:hover {
background-color: var(--pbmit-global-color);
color: var(--pbmit-white-color);
}
.contact-section-bottom-inner .contact-form {
padding: 60px 60px 75px 60px;
background-color: var(--pbmit-white-color);
}
.contact-section-bottom-inner-left .pbmit-ihbox.pbmit-ihbox-style-3 {
margin-bottom: 15px;
}
.contact-section-iframe {
height: 500px;
}
.contact-section-iframe iframe {
height: 100%;
max-width: 100%;
width: 100%;
margin: 0;
line-height: 1;
border: none;
}
.contact-section-bottom-inner {
box-shadow: none;
margin: 0;
}
.contact-section-bg {
background-image: none;
background-position: top left;
background-repeat: no-repeat;
background-size: auto;
}
.contact-section-bottom-inner .contact-form input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.contact-section-bottom-inner input[type="text"],
.contact-section-bottom-inner input[type="number"],
.contact-section-bottom-inner input[type="email"],
.contact-section-bottom-inner textarea {
border: none;
font-size: 15px;
background: var(--pbmit-light-color);
color: var(--pbmit-blackish-color);
height: 50px;
border-radius: 0px;
box-shadow: none;
padding: 0 15px;
}
.contact-section-bottom-inner .contact-form .pbmit-btn {
padding: 20px 30px;
}
/**09 - Comment Form **/
.comment-form .comment-notes {
margin-bottom: 25px;
}
.form-control {
background-color: var(--pbmit-light-color);
padding: 0 20px;
height: 50px;
/*! color: #fff; */
font-size: 15px;
border: none;
box-shadow: none;
font-weight: 500;
border-radius: 0px;
}
.input-group .form-control {
border: none;
}
textarea.form-control {
padding: 20px;
height: 120px;
}
.input-group {
margin-bottom: 30px;
z-index: 1;
}
.input-group i {
position: absolute;
top: 14px;
right: 20px;
font-size: 15px;
z-index: 3;
}
.input-group-text {
background-color: #fff;
}
input:focus,
.form-control:focus {
outline: none !important;
border-color: #eee;
box-shadow: none !important;
background-color: var(--pbmit-light-color);
}
.form-select {
font-size: 13px;
color: #a4a4a4;
border: none;
border-radius: 0px;
font-family: var(--pbmit-heading-typography-font-family);
font-weight: 400;
background-color: var(--pbmit-light-color);
}
.form-select:focus {
border-color: #eee;
outline: 0;
box-shadow: none;
}
.form-check {
margin-right: 20px;
}
.form-check-input[type=checkbox] {
width: 13px;
height: 13px;
border-radius: 3px;
margin-top: 8px;
}
.pbmit-grid-item {
display: grid;
margin-bottom: 0;
padding: 0;
width: auto !important;
}
.pbmit-card {
box-shadow: 0 15px 38px 0 rgb(0 0 0 / 10%) !important;
border-radius: 5px !important;
border: 0;
margin-bottom: 20px;
}
.pbmit-card-body {
padding: 10px 20px 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
order: 2;
}
.pbmit-grid-item .pbmit-card-media img {
border-radius: 0;
box-shadow: none;
display: block;
height: auto;
margin: 0;
object-fit: cover;
order: 1;
width: 100%;
transform: scale(1);
-webkit-transition: all 0.6s ease-in-out;
}
.pbmit-media-card-inner {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.pbmit-grid-item .pbmit-media-card-inner:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(0, 0, 0, .2);
opacity: 0;
-webkit-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}
.pbmit-grid-item:hover .pbmit-card-media .pbmit-media-card-inner:after {
opacity: 1;
}
.pbmit-grid-item:hover .pbmit-card-media img {
transform: scale(1.03) rotate(0.50deg);
}
.pbmit-card-title {
font-size: 24px;
line-height: 34px;
padding-bottom: 10px;
}
.pbmit-card-text {
display: none;
}
.pbmit-progress-status {
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0;
}
.pbmit-card-progress .pbmit-info {
display: flex;
flex-direction: column;
position: relative;
}
.pbmit-label {
font-weight: 500;
color: var(--pbmit-blackish-color);
}
.goal-text {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: var(--pbmit-global-color);
}
.pbmit-card-progress strong {
display: none;
}
.pbmit_info {
display: flex;
flex-direction: column;
position: relative;
}
.pbmit-card-progress .progress {
border-bottom: none;
background-color: #eee !important;
}
.pbmit-card-progress .progress .progress-bar {
height: 100%;
border-radius: 20px;
}
button.pbmit-btn.pbmit-btn- {
display: none;
}
.pbmit-card-media {
padding: 20px;
}
.donations-single-img {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.donations-single-img::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
height: 100%;
left: 0;
background: linear-gradient(0deg, rgba(8, 24, 57, .60) 0%, rgba(0, 50, 129, 0) 90%);
opacity: 0;
transform-origin: right center 0;
transform: perspective(100px) rotateY(-120deg);
transform-style: flat;
transition: transform 0.5s ease-in-out, opacity 0.2s ease-in-out;
}
.donations-single-img:hover:before {
opacity: .9;
transform: rotateY(0deg);
}
.donations-single-details .pbmit-goal-progress {
margin-top: 15px;
}
.donations-single-details .progress {
border-bottom: none;
}
.single-progress-status {
display: flex;
align-items: center;
margin-top: 20px;
}
.single-progress-status strong {
padding-left: 15px;
margin-right: 15px;
font-weight: 500;
color: var(--pbmit-blackish-color);
}
.pbmit-notice {
position: relative;
padding: 1em 1.5em 1em 2em;
border-left: 4px solid;
margin: 30px 0;
background: #f3f3f3;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
border-color: #ffba00;
}
i.fa.fas.fa-exclamation-triangle {
background-color: #ffba00;
content: "";
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
position: absolute;
top: 50%;
font-size: 16px;
margin-top: -15px;
left: -17px;
color: #fff;
width: 30px;
height: 30px;
border-radius: 100%;
text-align: center;
line-height: 30px;
text-shadow: 1px 1px rgb(0 0 0 / 50%);
}
.pbmit-notice p {
margin: 0 !important;
color: #333;
}
.donations-single-details li {
list-style-type: none;
list-style-image: none;
margin: 0 5px 5px 0;
}
/* Candidate-Detail */
.candidate-detail-form input[type="text"],
.candidate-detail-form input[type="email"],
.candidate-detail-form textarea {
border-top: none;
border-left: none;
border-right: none;
padding: 0 30px;
font-size: 15px;
background-color: var(--pbmit-light-color);
border-radius: 0px;
}
.candidate-detail-form textarea {
resize: none;
height: 120px;
padding: 20px 30px;
}
.candidate-detail-form textarea:focus {
background-color: #f4f4f4;
}
.candidate-detail-form .pbmit-btn {
padding: 20px 30px;
}
.candidate-detail-form .input-button {
margin-bottom: 20px;
}
.product-box .inner img {
width: 100%;
}
.product-box .inner {
text-align: center;
padding: 10px;
margin-bottom: 30px;
position: relative;
background-color: #fff;
}
.product-box .inner h4 {
font-size: 18px;
padding-top: 14px;
}
.btn-center {
display: flex;
justify-content: center;
}
.product-main {
padding-bottom: 20px;
}
.site-header-menu-wrapper {
height: 100px !important;
}
.f-contact-box .inner {
display: flex;
padding-bottom: 6px;
}
.f-title h4 {color: #abafb5;font-size: 18px;margin-bottom: 0px;}
.f-icon i {
font-size: 20px;
color: #fff;
}
.f-title {
padding-left: 15px;
}
.f-title p {font-size: 16px;line-height: 24px;color: #abafb5;margin-bottom: 0px;}
.f-title a {font-size: 16px;line-height: 24px;color: #abafb5;}
p.main-footer__copyright {
margin-bottom: 0px;
}
p.main-footer__copyright a {color: #abafb5;}
p.main-footer__copyright {color: #abafb5;font-size: 16px;text-align: center;}
.client-main {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 40px
}
.client-box {
width: 16%;
}
.client-box .image {
padding: 10px;
}
.client-box .image img {
width: 100%;
}
section.about-page {
padding: 60px 0px;
}
.about-content-right p {
text-align: justify;
}
.bg-gray {
background: #f2f3f5;
}
h2.pbmit-title span {
color: #2d3092;
}
.banner .swiper-buttons {
display: none;
}
.banner-heading {
font-size: 80px !important;
line-height: 80px !important;
padding: 30px 0px !important;
font-weight: 700;
text-align: right ;
}
@media only screen and (max-width:1024px) {
.banner-heading {
font-size: 40px !important;
line-height: 45px !important;
padding: 30px 0px !important;
}
}
@media only screen and (max-width:767px) {
.banner-heading {
font-size: 30px !important;
line-height: 45px !important;
padding: 30px 0px !important;
}
}
@media only screen and (max-width:1024px) {
.banner-heading {
font-size: 40px !important;
line-height: 45px !important;
padding: 30px 0px !important;
}
}
@media only screen and (max-width:500px) {
.banner-heading {
font-size: 30px !important;
line-height: 40px !important;
padding: 30px 0px !important;
}
.border-b {
margin-bottom: 30px !important;
}
}
.banner-p {
margin-bottom: 10px !important;
}
.border-b {
margin-bottom: 30px !important;
}
.rev-button{
padding-top: 0px;
}
.banner-1{
text-align: right !important;
}
.pt-60{
padding-top: 60px;
}

.banner-1{
text-align: end !important;
display: flex !important;
justify-content: end !important;
}
section.product-page {
    padding: 60px 0px;
}

.product-page-image {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    background: #f2f2f2;
    border: 1px solid #00aeef;
    border-radius: 20px;
}

.main-row {
    padding-bottom: 40px;
}

.standard {
    padding-bottom: 60px;
}

.specification h4 {
    text-align: center;
    padding-bottom: 20px;
    font-size: 38px;
    color: #2e3192;
}

.row.specification {
    background: #fafafa;
    padding: 0px;
}

ul.dots-list li {
    position: relative;
    padding-left: 15px;
}

ul.dots-list li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    background: #2e3192;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}
.whatsapp-chat-btn {
    position: fixed;
    bottom: 100px;
    right: 20px;
    background-color: #25D366;
    color: white;
    padding: 15px 16px;
    border-radius: 50px;
    font-size: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1000;
    box-shadow: 0 0 10px rgba(37, 211, 102, 0.8);
    animation: glow 1.5s ease-in-out infinite, float 2s ease-in-out infinite;
}

.whatsapp-chat-btn img {
    width: 30px;
    height: 30px;
}

@keyframes glow {
    0% {
    box-shadow: 0 0 10px rgba(37, 211, 102, 0.6);
    }
    50% {
    box-shadow: 0 0 20px rgba(37, 211, 102, 1);
    }
    100% {
    box-shadow: 0 0 10px rgba(37, 211, 102, 0.6);
    }
}

@keyframes float {
    0%, 100% {
    transform: translateY(0);
    }
    50% {
    transform: translateY(-8px);
    }
}

.whatsapp-chat-btn:hover {
    background-color: #1ebe5d;
}

/* Trigger Button */
.enquiry-btn {
    padding: 12px 30px;
    background-color: #2e3192;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
}

/* Modal Overlay */
.modal-overlay {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

/* Modal Content */
.modal-content {
    background: #fff;
    padding: 20px 25px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    position: relative;
}

.modal-content h2 {
    margin-top: 0;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    color: #888;
    cursor: pointer;
}

input, textarea {
    width: 100%;
    padding: 10px;
    margin-top: 8px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.submit-btn {
    background-color: #2e3192;
    color: white;
    border: none;
    padding: 12px;
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

.submit-btn:hover {
    background-color: #2e3192;
}
.content-list {
    padding-bottom: 30px;
}

.content-list p {
    margin-bottom: 0px;
}
.product-box h6 {
    font-size: 18px;
    font-weight: 600;
    color: #2e3192;
}
.product-box .inner:hover {
    transform: scale(1.1);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}

.product-box .inner {
    transition: .3s ease;
}
 .tab-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
    }

    .tab-buttons button {
      padding: 10px 20px;
      cursor: pointer;
      background: #dddddd;
      border: none;
      outline: none;
      transition: background 0.3s;
      color: #000;
      border-radius: 10px;
    }

    .tab-buttons button.active {
        border-bottom: 2px solid #2e3192;
        color: #fff;
        background: #00aeef;
    }

    .tab-content-wrapper {
      position: relative;
    }

    .tab-content {
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transform: translateY(10px);
      transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.5s ease;
      padding: 0 10px;
    }

    .tab-content.active {
      opacity: 1;
      max-height: 100%; /* Set a high enough max height */
      transform: translateY(0);
      margin-top: 20px;
      padding: 20px 10px;
      background-color: #f9f9f9;
    }

    .mb-20{
        margin-bottom: 20px;
    }

    .intro {
      text-align: center;
      margin-bottom: 40px;
      font-size: 18px;
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
    }

    .card {
      background-color: #fff;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.07);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }

    .icon {
      font-size: 36px;
      color: #003366;
      margin-bottom: 15px;
    }

    .card h3 {
      font-size: 24px;
      margin-bottom: 10px;
      color: #003366;
    }

    .card p,
    .card ul {
      font-size: 15px;
      color: #555;
    }

    .card ul {
      padding-left: 20px;
    }

    .card ul li {
      margin-bottom: 6px;
    }

    .why-us {
      background-color: #e6f0ff;
      padding: 50px 20px;
      text-align: center;
      margin-top: 60px;
    }

    .why-us h2 {
      font-size: 30px;
      color: #003366;
      margin-bottom: 30px;
    }

    .why-us ul {
      list-style: none;
      max-width: 800px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .why-us ul li {
      background-color: #fff;
      border-radius: 8px;
      padding: 12px 20px;
      font-size: 16px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      flex: 1 1 220px;
    }

    @media (max-width: 600px) {
      header h1 {
        font-size: 28px;
      }

      .why-us ul {
        flex-direction: column;
      }
    }
    section.services {
    padding-top: 60px;
}

section.authorizerd-dealers {
    padding: 60px 0px;
}

.section-text h3 {
    font-size: 32px;
    padding-bottom: 10px;
}

.section-text.text-center {
    padding-bottom: 20px;
}

.why-buy h3 {
    color: #2e3092;
    font-size: 28px;
    padding-bottom: 10px;
}

.why-buy-main .why-top {
    display: flex;
}

.why-buy-main .why-top h5 {
    padding-left: 10px;
}

span.list-icon i {
    color: #00aeef;
}

.why-top h6 {
    padding-left: 10px;
}
.header-top-s .pbmit-contact-info li i{
  color: #fff;
}
.product-sec-inner {
  padding: 70px 0px !important;
}
.product-sec-inner .product-main {
  padding-bottom: 0px;
}
.product-sec-inner .inner {
  margin: 15px 0px !important;
}
.about-section .pbmit-heading-desc{
  font-size: 16px;
  line-height: 23px;
}
.about-section .pbmit-ihbox-style-1{
  margin-bottom:0px;
}

.industries-we-serve-sec {
  padding: 70px 0px;
}
.industries-we-serve-sec .pbmit-featured-wrapper img{
  width: 100%;
}
.client-inner-sec .client-box {
  padding: 3px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.client-inner-sec .product-box .inner{
  margin-bottom: 0px;
}
@media only screen and (max-width:767px){
  .about-section .pbmit-ihbox-style-1{
  margin-bottom:20px;
}
.box-1-footer{
  width: 50%;
  max-width: 50% !important;
}
}

.client-inner-sec .product-box .inner:hover {
    transform: scale(1.1);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.video-sec{
  text-align: center;
  position: relative;
  z-index: 1;
}
.video-sec::after{
  position: absolute;
  content: '';
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00abefad;
  left: 0;
  z-index: -1;
}
.video-sec .video-button-box a{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.video-sec .video-title-box h2 {
    color: #fff;
    font-size: 60px;
    line-height: 65px;
    /* text-shadow: 3px 5px #2e3192; */
    text-shadow: 5px 5px 10px #2e3192;
}

.footer-spport-logo {
    display: flex;
    padding-top: 20px;
}

.sapport-box .image {
    background: rgb(255 255 255);
    width: 105px;
}

.sapport-box {
    padding-right: 19px;
}

.sapport-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0px;
}
.footer-main{
  position: relative;
  z-index: 1;
}
.footer.site-footer {
    position: relative;
}

.footer.site-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 70%);
}

@media screen and(max-width:767px) {
  section.product-page {
    padding: 40px 0px;
  }
  .product-page-image{
    margin-bottom: 20px;
  }
  .product-page-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
  }
  .row.specification{
    padding: 0px;
  }
}