/* Fade Animation */
@keyframes fadeIn {
to {
opacity: 1;
}
}

/* Bounce Pill */
@keyframes bounce {
0% {
transform: translateY(123px);
}

25% {
transform: translateY(40px);
}

50% {
transform: translateY(120px);
}

75% {
transform: translateY(20px);
}

100% {
transform: translateY(120px);
}
}

/* Spin Pill */
@keyframes flop {
0% {
transform: rotate(0);
}

25% {
transform: rotate(90deg);
}

50% {
transform: rotate(180deg);
}

75% {
transform: rotate(450deg);
}

100% {
transform: rotate(720deg);
}
}

/* Shadow Resize */
@keyframes scaleShadow {
0%,
50%,
100% {
transform: translateY(-15px) scale(1, 1);
}

25% {
transform: translateY(-15px) scale(0.7, 1);
}

75% {
transform: translateY(-15px) scale(0.6, 1);
}
}
/*  */

body {
background-color: var(--pbmit-light-color);
}
/** Homepage 01 **/
.about-us-section-one {
padding: 30px 40px 30px 40px;
}
.fadeIn {
animation-name: fadeIn;
}
.animated {
animation-duration: 1.25s;
}
@keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}
.about-us-one-left-box {
background-image: url(../images/homepage-1/bg/about-img-01.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin-right: 20px;
border-radius: 20px;
height: 100%;
position: relative;
}
.about-us-one-left-box .ihbox-style-area {
position: absolute;
width: auto;
max-width: 100%;
right: 0;
bottom: 0;
}
.about-us-one-right-box {
background-image: url(../images/homepage-1/bg/patern.png);
background-position: top right;
background-repeat: no-repeat;
margin-left: 20px;
padding: 245px 0px 080px 100px;
border-radius: 20px;
}
.about-us-one-right-box .pbmit-heading-subheading .big-title {
font-size: 84px;
line-height: 84px;
font-weight: 700;
color: var(--pbmit-white-color);
}
.about-us-one-right-box .pbmit-heading-subheading .small-title {
font-size: 60px;
line-height: 60px;
font-weight: 700;
border-bottom: 1px solid #5f8eff;
padding-bottom: 30px;
margin-bottom: 30px;
color: var(--pbmit-white-color);
}
.about-us-one-right-box .pbmit-text {
font-size: 18px;
line-height: 28px;
margin-top: -18px;
color: var(--pbmit-white-color);
}
.laboratoty-tools-img {
mix-blend-mode: luminosity;
}
.who-we-are-one-content {
padding-left: 70px;
}
.who-we-are-one-content .ihbox-style-area {
border-top: 1px solid #bbc6d7;
padding: 40px 0 50px 0;
}
.pbmit-devider-text {
width: 100%;
display: flex;
direction: ltr;
align-items: center;
}
.pbmit-devider-text:before,
.pbmit-devider-text:after {
display: block;
content: "";
border-block-end: 0;
flex-grow: 1;
border-block-start: 1px solid #d2d8e5;
}
.pbmit-devider-text span {
font-size: 12px;
line-height: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 600;
margin: 0 25px;
color: var(--pbmit-secondary-color);
}
.contact-one-bg {
background-image: url(../images/homepage-1/bg/contact-bg-left-col.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
margin-right: 40px;
height: 100%;
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}

100% {
opacity: 1;
transform: none;
}
}
.contact-one-form-area {
padding: 60px 70px 70px 70px;
border-radius: 20px;
}
.contact-one-form-area form {
position: relative;
}
.contact-one-form-area form select {
/* color: #999; */
color: #000;
font-weight: 500;
}
.contact-one-form-area form .pbmit-button-wrapper {
position: absolute;
bottom: -70px;
right: 0;
left: auto;
display: inline-table;
margin: 0 auto;
padding: 10px 15px 0 15px;
border-radius: 30px 30px 0 0;
background-color: var(--pbmit-light-color);
}
.contact-one-form-area form .pbmit-button-wrapper:before,
.contact-one-form-area form .pbmit-button-wrapper:after {
content: "";
position: absolute;
background-color: transparent;
bottom: 0;
height: 40px;
width: 20px;
box-shadow: 0 20px 0 0 var(--pbmit-light-color);
transition: all 0.3s ease-in-out;
}
.contact-one-form-area form .pbmit-button-wrapper:before {
right: 100%;
border-bottom-right-radius: 20px;
}
.contact-one-form-area form .pbmit-button-wrapper:after {
left: 100%;
border-bottom-left-radius: 20px;
}
.swiper-btn-custom {
position: relative;
}
.swiper-btn-custom:after {
content: "|";
position: absolute;
top: 2px;
left: 50%;
z-index: 10;
color: rgba(var(--pbmit-white-color-rgb), 0.5);
-khtml-transform: translateX(-50%) translateY(-60%);
-moz-transform: translateX(-50%) translateY(-60%);
-ms-transform: translateX(-50%) translateY(-60%);
-o-transform: translateX(-50%) translateY(-60%);
transform: translateX(-50%) translateY(-60%);
}
.portfolio-section-one {
/* padding: 100px 40px 350px 40px; */
padding: 100px 40px 250px 40px;
border-radius: 20px;
margin: 0 40px;
position: relative;
}
.portfolio-one-btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.portfolio-one-btn .pbmit-button-wrapper {
display: inline-table;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
padding: 20px 30px 0 30px;
border-radius: 30px 30px 0 0;
background-color: var(--pbmit-light-color);
}
.portfolio-one-btn .pbmit-button-wrapper:before,
.portfolio-one-btn .pbmit-button-wrapper:after {
content: "";
position: absolute;
background-color: transparent;
bottom: 0;
height: 40px;
width: 20px;
box-shadow: 0 15px 0 0 var(--pbmit-light-color);
}
.portfolio-one-btn .pbmit-button-wrapper:before {
right: 100%;
border-bottom-right-radius: 15px;
}
.portfolio-one-btn .pbmit-button-wrapper:after {
left: 100%;
border-bottom-left-radius: 15px;
}
.border-top {
color: #d2dbeb;
}

/** Homepage 02 **/

.service-two {
position: relative;
}
/*.service-two .fid-style {
position: absolute;
left: 0;
width: auto;
bottom: 3%;
max-width: 100%;
}*/
.service-two-swiper-arrow .swiper-button-next,
.service-two-swiper-arrow .swiper-button-prev {
color: var(--pbmit-blackish-color);
background-color: var(--pbmit-white-color);
}
.service-two-swiper-arrow .swiper-button-prev:hover,
.service-two-swiper-arrow .swiper-button-next:hover {
color: var(--pbmit-global-color);
}
.service-two-swiper-arrow.swiper-btn-custom:after {
color: rgba(var(--pbmit-blackish-color-rgb), 0.5);
}
.about-two-left-box img {
/* -webkit-mask-image: url(../images/homepage-2/bg/about-left-mask.png);
-webkit-mask-size: contain;
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat; */
border-radius: 30px;
}
.about-section-two {
padding: 90px 0px 90px 80px;
}
.about-two-left-box {
/* padding-right: 100px; */
padding-right: 50px;
}
/* .about-two-right-box {
padding-top: 55px;
} */
.about-two-right-box .fid-style-area {
border-top: 1px solid #bbc6d7;
margin-top: 40px;
padding-top: 30px;
}
.ihbox-two-bg {
background-image: url(../images/homepage-2/bg/bg-pattern.png);
background-position: top right;
background-repeat: no-repeat;
border-radius: 30px;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 100px 40px 70px 40px;
}
.client-two-slider {
border-bottom: 1px solid #bbc5d7;
padding: 70px 0px 40px 0px;
}
.accordion-two-bg {
background-image: url(../images/homepage-2/bg/accordion-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0px 40px 0px 40px;
padding: 100px 40px 100px 40px;
border-radius: 30px;
}
.accordion-two-box {
position: relative;
padding: 80px 70px 100px 70px;
border-radius: 30px;
}
.accordion-two-box:before {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
background-color: var(--pbmit-white-color);
-webkit-mask: url(../images/homepage-2/bg/accordian-mask.png) bottom right
no-repeat;
mask: url(../images/homepage-2/bg/accordian-mask.png) bottom right no-repeat;
background-size: cover;
background-position: center;
}
.accordion-two-box .pbmit-btn-wrapper {
position: absolute;
right: 135px;
bottom: 0;
}
.testimonial-sec-two {
/* margin: 0 40px; */
padding: 30px 30px 30px 30px;
border-radius: 20px;
}
.testimonial-two-bg {
background-image: url(../images/homepage-2/bg/lab-test-img.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
position: relative;
height: 100%;
}
.testimonial-sec-two .fid-style-box {
position: absolute;
width: auto;
bottom: 0;
max-width: 100%;
}
.testimonial-two-box {
padding: 80px 120px 50px 115px;
}
.testimonial-two-box .swiper-buttons {
position: absolute;
right: 70px;
bottom: 90px;
}
.testimonial-two-box .swiper-button-next,
.testimonial-two-box .swiper-button-prev {
position: absolute;
}
.testimonial-two-box .swiper-buttons .swiper-button-prev {
right: 60px;
}
.testimonial-two-box .swiper-buttons .swiper-button-prev:before {
content: "|";
position: absolute;
top: 50%;
left: 0;
z-index: 1;
color: rgba(var(--pbmit-secondary-color-rgb), 0.5);
-khtml-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-55%);
}
.testimonial-two-box .client-slider {
padding-top: 50px;
border-top: 1px solid #ffffff30;
}
.pbmit-blog-heading-btn a {
border-radius: 30px;
display: initial;
font-family: var(--pbmit-body-typography-font-family);
font-weight: normal;
}
.pbmit-blog-heading-btn a .pbmit-button-icon-wrapper:before {
content: "\e8dd";
font-family: "pbminfotech-base-icons";
position: absolute;
top: 0;
right: 0;
width: 1em;
height: auto;
font-weight: 400;
transform: scale(0.26) translate(-65px, 50px);
transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.pbmit-blog-heading-btn a .pbmit-button-icon:before {
display: none;
}
/** Homepage 03 **/
.about-three-bg {
background-image: url(../images/homepage-3/bg/demo3-pattern.png);
background-position: top right;
background-repeat: no-repeat;
border-radius: 30px;
margin: 0 40px;
}
.about-three-bg .video-box {
aspect-ratio: 1.77777;
}
.about-three-bg .pbmit-video {
object-fit: cover;
height: 530px;
width: 580px;
max-width: 100%;
}
.about-three-content {
/* padding-right: 70px; */
padding-right: 15px;
}
.play-video-three-bg {
background-image: url(../images/homepage-3/bg/play-video-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin-right: 20px;
border-radius: 20px;
height: 100%;
position: relative;
}
.play-video-three-bg .ihbox-style-area {
position: absolute;
width: auto;
max-width: 100%;
right: 0;
bottom: 0;
}
.about-us-three-col2 .fid-bg {
background-image: url(../images/homepage-3/bg/fid-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 40px 0px 40px;
margin: 0px 20px 0px 20px;
border-radius: 20px;
height: 100%;
}
.about-us-three-right-box {
background-image: url(../images/homepage-3/bg/CTA-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin-left: 20px;
padding: 110px 50px 100px 0px;
border-radius: 20px;
}
.about-us-three-right-box .pbmit-title {
font-size: 30px;
line-height: 30px;
margin-bottom: 20px;
color: var(--pbmit-white-color);
}
.about-us-three-right-box .pbmit-sub-title {
font-size: 24px;
line-height: 24px;
font-weight: 500;
margin-bottom: 20px;
color: var(--pbmit-white-color);
}
.about-us-three-right-box .pbmit-desc {
font-size: 18px;
line-height: 28px;
color: var(--pbmit-white-color);
border-top: 1px solid #ffffff1a;
padding-top: 20px;
margin-bottom: 20px;
font-weight: 500;
}
.our-progess-section-three {
padding: 100px 0px 55px 0px;
border-radius: 20px;
margin: 40px 40px 0px 40px;
}
.our-progess-three-leftbox {
padding-right: 110px;
}
.portfolio-three-slider {
margin: 0 25px;
}
/*------------------- ---------------------*/
/*01 - Inner Page 
/*----------------------------------------*/
/** 01 - Our History **/
.timeline-section {
padding: 50px 0 100px 0;
}
.pbmit-timeline-style-1 .pbmit-timeline-year {
font-size: 18px;
line-height: 28px;
margin-bottom: 5px;
letter-spacing: 1px;
}
.pbmit-timeline-style-1 .pbmit-timeline-title {
font-size: 19px;
line-height: 26px;
margin-bottom: 10px;
padding: 0 10px;
text-transform: uppercase;
}
.pbmit-timeline-style-1 .pbmit-timeline-desc {
margin: 0;
padding: 0 90px;
line-height: 22px;
}
.pbmit-timeline-style-1 .pbmit-timeline-wrapper {
display: grid;
width: 100%;
height: auto;
position: relative;
justify-items: center;
grid-template-rows: 1fr 1fr;
text-align: center;
grid-gap: 160px;
}
.pbmit-timeline-style-1 .pbmit-same-height.steps-content_wrap {
justify-content: flex-start;
}
.pbmit-timeline-style-1
.pbmit-slide-even
.pbmit-same-height.steps-content_wrap {
justify-content: flex-end;
}
.pbmit-timeline-style-1 .pbmit-heading-subheading {
margin-bottom: 80px;
}
.pbmit-timeline-style-1 .steps-dot .dot {
background-color: var(--pbmit-blackish-color);
display: block;
line-height: normal;
font-size: 14px;
margin: auto;
width: 10px;
height: 10px;
transform: rotate(45deg);
z-index: 2;
position: relative;
}
.pbmit-timeline-style-1 .pbmit-timeline-wrapper .steps-dot {
position: absolute;
z-index: 2;
width: 100%;
left: 0;
bottom: 0;
top: 0;
right: 0;
height: -moz-fit-content;
height: fit-content;
margin: auto !important;
}
.pbmit-timeline-style-1 .steps-dot .dot::after {
content: "";
position: absolute;
left: -11px;
right: 0;
bottom: 0;
width: 1px;
height: 40px;
margin: 0;
background: rgb(var(--pbmit-blackish-color-rgb), 0.9);
transform: rotate(-45deg);
}
.pbmit-timeline-style-1 .pbmit-slide-even .steps-dot .dot::after {
left: 19px;
top: 0;
bottom: auto;
}
.pbmit-timeline-style-1 .steps-dot .steps-dot-line {
color: transparent;
line-height: 10px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.pbmit-timeline-style-1 .steps-dot .steps-dot-line::before,
.pbmit-timeline-style-1 .steps-dot .steps-dot-line::after {
content: "";
width: calc(50% + 10px * 100);
height: 1px;
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
}
.pbmit-timeline-style-1 .steps-dot .steps-dot-line::after {
left: 50%;
background: linear-gradient(
90deg,
rgb(var(--pbmit-blackish-color-rgb), 0.05),
rgb(var(--pbmit-blackish-color-rgb), 0.05)
);
}
.pbmit-timeline-style-1 .steps-dot .steps-dot-line::before {
right: 50%;
background: linear-gradient(
90deg,
rgb(var(--pbmit-blackish-color-rgb), 0.05),
rgb(var(--pbmit-blackish-color-rgb), 0.05)
);
}
.pbmit-timeline-style-1 .pbmit-same-height {
display: flex;
flex-direction: column;
justify-content: end;
}
.pbmit-timeline-style-1
.pbmit-slide-even.swiper-slide-duplicate:nth-last-child(2)
.pbmit-feature-image {
order: 0;
}
.pbmit-timeline-style-1 .pbmit-slide-even .pbmit-feature-image {
order: 1;
justify-content: start;
transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
}
.pbmit-timeline-style-1
.pbmit-timeline-wrapper:not(.pbmit-slide-even)
.pbmit-feature-image {
transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
}
.pbmit-timeline-style-1 .pbmit-feature-image img {
border-radius: 30px;
}
.pbmit-timeline-style-1 .steps-dot,
.pbmit-timeline-style-1 .pbmit-feature-image,
.pbmit-timeline-style-1 .steps-content_wrap {
opacity: 1;
}
/* Column Set */
.pbmit-column-six.pbmit-timeline-style-1 .pbmit-timeline-desc,
.pbmit-column-five.pbmit-timeline-style-1 .pbmit-timeline-desc {
margin: 0;
padding: 0 15px;
}

/** 02 - Service Detail **/
.service-details > .container > .row {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.service-details .all-post-list li {
margin-bottom: 1px;
border-radius: 10px;
transition: all 0.4s ease-in;
position: relative;
line-height: 20px;
}
.service-details .all-post-list li a {
padding: 18px 35px 18px 40px;
display: block;
position: relative;
border-radius: 30px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
color: var(--pbmit-blackish-color);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.service-details .all-post-list li a:before {
position: absolute;
content: "";
left: 20px;
height: 5px;
width: 5px;
top: 50%;
border-radius: 50%;
background-color: var(--pbmit-global-color);
-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%);
-webkit-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.service-details .all-post-list li a:after {
position: absolute;
content: "\e8dd";
font-family: "pbminfotech-base-icons";
right: 20px;
font-size: 11px;
top: 50%;
z-index: 1;
transition: all 0.4s ease;
font-weight: 500;
opacity: 0;
visibility: hidden;
color: rgba(var(--pbmit-blackish-color-rgb), 0.7);
-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%);
}
.service-details .all-post-list li:hover a,
.service-details .all-post-list li.post-active a {
color: var(--pbmit-white-color);
background-color: var(--pbmit-blackish-color);
}
.service-details .all-post-list li.post-active a:after,
.service-details .all-post-list li:hover a:after {
opacity: 1;
visibility: visible;
}
.service-details .all-post-list li.post-active a:after,
.service-details .all-post-list li a:hover:after {
color: var(--pbmit-white-color);
}
.service-sidebar .widget:last-child {
background-color: transparent;
margin-bottom: 0px;
padding: 0;
border: none;
}
.service-sidebar .widget.pbmit-download-info {
padding: 30px;
background-color: var(--pbmit-white-color);
}
.widget .pbmit-download {
display: block;
padding-top: 10px;
}
.widget .pbmit-download .pbmit-item-download:first-child {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.15);
}
.widget a {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.widget .pbmit-item-download .pbmit-download-wrap,
.widget .pbmit-item-download .pbmit-download-content {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.widget .pbmit-download .pbmit-item-download a .pbmit-download-content i {
font-size: 40px;
line-height: 40px;
color: var(--pbmit-global-color);
}
.widget
.pbmit-download
.pbmit-item-download
a
.pbmit-download-content
i:before {
margin: 0;
}
.widget .pbmit-item-download .pbmit-title-wrap {
padding-left: 15px;
}
.widget .pbmit-item-download .pbmit-download-wrap .pbmit-download-title {
font-size: 16px;
line-height: 16px;
margin-bottom: -2px;
color: var(--pbmit-blackish-color);
}
.widget .pbmit-item-download .pbmit-download-wrap span {
font-size: 14px;
line-height: 14px;
color: #565656;
}
.widget .pbmit-download .pbmit-item-download a .pbmit-download-item i {
font-size: 26px;
line-height: 26px;
color: var(--pbmit-blackish-color);
-webkit-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.widget .pbmit-download .pbmit-item-download a:hover .pbmit-download-item i {
color: var(--pbmit-global-color);
}
.service-details .pbmit-service-feature-image img {
margin-bottom: 50px;
border-radius: 30px;
}
.service-details .pbmit-entry-content .pbmit-desc {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.service-details .pbmit-entry-content .service-single-img-02 {
background-image: url(../images/service/service-single-02.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
padding: 180px 0;
}
.service-details .pbmit-service_content .pbmit-text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.service-details .accordion .accordion-item {
background-color: var(--pbmit-white-color);
}
.service-details .accordion .accordion-item .accordion-button {
background-color: transparent;
}
.service-details .accordion .pbmit-accordion-title {
font-size: 16px;
line-height: 26px;
}
.service-details .accordion .pbmit-accordion-title:hover {
color: inherit;
}
/** 03 - Portfolio Single **/
.pbmit-portfolio-single .pbmit-featured-img-wrapper img {
border-radius: 30px;
}
.pbmit-single-project-details-list {
padding: 50px 0;
}
.pbmit-single-project-details-list .pbmit-portfolio-lines-ul {
display: grid;
/* grid-template-columns: repeat(4, 1fr); */
grid-template-columns: repeat(3, 1fr);
padding: 30px;
border-radius: 20px;
background-color: var(--pbmit-white-color);
}
.pbmit-single-project-details-list .pbmit-portfolio-lines-ul li {
text-align: center;
width: 100%;
position: relative;
}
.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-title {
font-size: 17px;
line-height: 26px;
text-transform: capitalize;
position: relative;
letter-spacing: 0.5px;
font-weight: 700;
color: var(--pbmit-blackish-color);
}
.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-value {
display: block;
font-size: 16px;
}
.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-li a {
color: rgba(var(--pbmit-blackish-color-rgb), 0.6);
}
.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-li a:hover {
color: var(--pbmit-global-color);
}
.pbmit-portfolio-lines-wrapper
.pbmit-portfolio-line-li:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: var(--pbmit-global-color);
}
.pbmit-portfolio-single .pbmit-entry-content .ihbox-style-area {
padding: 40px 100px 40px 40px;
border-radius: 30px;
}
.pbmit-portfolio-single .post-navigation {
margin-top: 70px;
border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1);
}
.pbmit-portfolio-single .post-navigation .nav-links {
padding-top: 60px;
}
.post-navigation .nav-links {
margin-top: 0;
padding: 40px 0 8px;
display: flex;
align-items: normal;
width: 100%;
}
.post-navigation .nav-previous {
width: 50%;
margin-right: auto !important;
position: relative;
}
.post-navigation .nav-links a {
display: block;
text-align: left;
width: 400px;
transition: all 0.3s ease-in;
}
.post-navigation .pbmit-post-nav-icon {
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 14px;
line-height: 24px;
margin-bottom: 5px;
}
.post-navigation .nav-links .nav-previous .pbmit-post-nav-icon {
justify-content: flex-start;
}
.post-navigation .nav-links .pbmit-post-nav-icon i {
font-size: 13px;
color: var(--pbmit-global-color);
transition: all 0.3s ease-in;
}
.post-navigation .nav-links .pbmit-post-nav-head {
font-size: 13px;
text-transform: uppercase;
transition: all 0.3s ease-in;
margin-left: 8px;
color: rgba(var(--pbmit-blackish-color-rgb), 0.7);
letter-spacing: 0.5px;
font-weight: 500;
}
.post-navigation .nav-links .pbmit-post-nav-wrapper {
display: block;
}
.post-navigation .nav-links .nav-previous .pbmit-post-nav-wrapper {
text-align: left;
}
.nav-links .pbmit-post-nav-wrapper {
text-align: left;
word-break: break-word;
}
.post-navigation .nav-links .nav-title {
font-size: 20px;
line-height: 26px;
margin-top: 5px;
text-transform: none;
-webkit-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.post-navigation .nav-next {
width: 50%;
text-align: right;
margin-left: auto;
}
.post-navigation .nav-links .nav-next a {
display: block;
text-align: right;
margin-left: auto;
}
.post-navigation .nav-links .nav-next .pbmit-post-nav-wrapper {
text-align: right;
}
.post-navigation .nav-links .nav-next .pbmit-post-nav-head {
margin-right: 8px;
}
.post-navigation .nav-links a:hover .pbmit-post-nav-head,
.post-navigation .nav-links a:hover .pbmit-post-nav-icon i {
color: var(--pbmit-blackish-color);
}

/** 04 - Blog Detail**/

/** Sidebar Right **/
.sidebar .widget {
padding: 30px;
margin-bottom: 45px;
border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.2);
border-radius: 30px;
background-color: transparent;
}
.sidebar .widget:last-child {
margin-bottom: 0;
}
.sidebar .widget.widget-search {
background-color: var(--pbmit-secondary-color);
}
.sidebar .widget .widget-title {
display: block;
padding-left: 30px;
margin-bottom: 20px;
position: relative;
width: auto;
font-size: 24px;
line-height: 34px;
letter-spacing: 0px;
padding-bottom: 0;
text-transform: capitalize;
color: var(--pbmit-heading-color);
}
.sidebar .widget.widget-search .widget-title,
.sidebar .widget.widget-search .widget-title:before {
color: var(--pbmit-white-color);
}
.sidebar .widget .widget-title:before {
content: "\e8d4";
font-family: "pbminfotech-base-icons";
position: absolute;
left: 10px;
top: 50%;
font-size: 25px;
line-height: 25px;
font-weight: normal;
color: var(--pbmit-global-color);
-khtml-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.widget .search-form {
position: relative;
}
.widget .search-form input {
background-color: var(--pbmit-white-color);
height: 60px;
border: 1px solid rgba(var(--pbmit-white-color-rgb), 0.2);
padding: 0px 30px;
padding-right: 50px;
background-color: transparent;
font-size: 15px;
border-radius: 40px;
display: block;
width: 100%;
}
.widget .search-form input::placeholder {
color: rgba(var(--pbmit-white-color-rgb), 0.6);
}
.widget .search-form .search-submit {
position: absolute;
top: 3px;
right: 3px;
width: 55px;
height: 55px;
font-size: 16px;
z-index: 1;
padding: 0;
margin: 0;
border: none;
border-radius: 50%;
outline: none;
background: transparent;
color: var(--pbmit-white-color);
}
.widget .search-form .search-submit:after {
position: absolute;
font-family: "pbminfotech-base-icons";
content: "\e80d";
right: 50%;
top: 50%;
font-size: 16px;
line-height: normal;
font-weight: normal;
color: rgba(var(--pbmit-white-color-rgb), 0.2);
-webkit-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
}
.widget .search-form .search-submit:hover {
background: var(--pbmit-blackish-color);
}
.widget .search-form .search-submit:hover:after {
color: var(--pbmit-white-color);
}
.sidebar .widget-categories li {
position: relative;
line-height: 20px;
}
.sidebar .widget-categories .pbmit-cat-li {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--pbmit-body-typography-color);
border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.05);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.sidebar .widget-categories ul li:last-child .pbmit-cat-li {
border-bottom: none;
}
.sidebar .widget-categories .pbmit-cat-li a {
font-size: 13px;
line-height: 23px;
position: relative;
flex: 1;
padding: 15px 0;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.4s ease;
color: rgba(var(--pbmit-blackish-color-rgb), 0.7);
}
.sidebar .widget-categories .pbmit-cat-li a:before {
position: absolute;
content: "";
left: 0;
top: 50%;
z-index: 1;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: var(--pbmit-global-color);
-webkit-transform: translateY(-55%);
-moz-transform: translateY(-55%);
-o-transform: translateY(-55%);
transform: translateY(-55%);
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
}
.sidebar .widget-categories .pbmit-brackets {
font-size: 13px;
font-weight: 500;
transition: all 0.25s ease-in-out;
}
.sidebar .widget-categories .pbmit-cat-li > a:hover {
padding-left: 20px;
color: var(--pbmit-global-color);
}
.sidebar .widget-categories .pbmit-cat-li > a:hover:before {
opacity: 1;
visibility: visible;
}
.sidebar .widget-categories .pbmit-cat-li a:hover + .pbmit-brackets {
color: var(--pbmit-global-color);
}
.widget-recent-post .recent-post-list-li:first-child {
margin-top: 0px;
padding-top: 0px;
border-top: none;
}
.widget-recent-post .recent-post-list-li {
display: flex !important;
align-items: center;
width: 100%;
margin-top: 18px;
padding-bottom: 18px;
line-height: 20px;
border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1);
}
.widget-recent-post .recent-post-list-li:last-child {
border-bottom: none;
padding-bottom: 10px;
}
.widget-recent-post .recent-post-list-li > a {
width: 91px;
flex-shrink: 0;
margin-right: 20px;
display: inline-block;
}
.widget-recent-post .recent-post-list-li > a img {
border-radius: 20px;
}
.widget-recent-post .pbmit-rpw-content {
display: flex;
flex-direction: column-reverse;
}
.widget-recent-post .pbmit-rpw-title a {
margin-bottom: 0px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-transform: capitalize;
font-size: 17px;
line-height: 20px;
}
.widget-recent-post .pbmit-rpw-title a:hover {
color: var(--pbmit-global-color);
}
.pbmit-rpw-content .pbmit-rpw-date a {
color: var(--pbmit-global-color);
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.widget ul a {
display: inline-block;
}
.widget.pbmit-service-ad .textwidget:before,
.widget.pbmit-service-ad .textwidget:after {
content: "";
display: table;
}
.widget.pbmit-service-ad .textwidget:after {
clear: both;
}
.widget.pbmit-service-ad {
background-image: url(../images/bg/ads-bg.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: var(--pbmit-blackish-color);
border: none;
padding: 0;
}
.widget.pbmit-service-ad .pbmit-service-ads {
position: relative;
overflow: hidden;
text-align: center;
padding: 120px 30px;
border-radius: 30px;
z-index: 1;
}
.pbmit-service-ads:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: rgba(var(--pbmit-secondary-color-rgb), 0.3);
}
.pbmit-service-ads .pbmit-ads-call {
font-size: 13px;
padding: 3px 15px;
display: inline-block;
border-radius: 50px;
margin-bottom: 20px;
color: var(--pbmit-white-color);
border: 1px solid var(--pbmit-white-color);
}
.pbmit-service-ads .pbmit-ads-subtitle {
font-size: 34px;
line-height: 34px;
margin-bottom: 0;
font-weight: 700;
color: var(--pbmit-global-color);
}
.pbmit-service-ads .pbmit-ads-title {
font-size: 40px;
line-height: 40px;
margin-bottom: 0;
font-weight: 700;
color: var(--pbmit-white-color);
}
.pbmit-service-ads .pbmit-ads-btn {
margin-top: 30px;
display: inline-flex;
}
.pbmit-service-ads .pbmit-ads-btn a {
padding: 16px 30px;
border-radius: 50px;
color: var(--pbmit-white-color);
background-color: var(--pbmit-global-color);
}
.pbmit-service-ads .pbmit-ads-btn a .pbmit-button-icon-wrapper {
margin-left: 6px;
}
.pbmit-service-ads .pbmit-ads-btn a:hover {
color: var(--pbmit-blackish-color);
background-color: var(--pbmit-white-color);
}
.widget.widget-tag-cloud .tagcloud {
margin-bottom: 25px;
}
aside.widget.widget-tag-cloud a,
.pbmit-blog-meta-bottom .pbmit-meta-tags a {
line-height: 30px;
margin: 0 4px 8px 0;
display: inline-block;
font-size: 13px !important;
padding: 0 15px;
height: 30px;
letter-spacing: 0.5px;
text-transform: uppercase;
-webkit-transition: 0.4s ease-out 0s;
-o-transition: 0.4s ease-out 0s;
transition: 0.4s ease-out 0s;
color: var(--pbmit-blackish-color);
background-color: var(--pbmit-white-color);
border-radius: 30px;
}
aside.widget.widget-tag-cloud a:hover,
.pbmit-blog-meta-bottom .pbmit-meta-tags a:hover {
color: var(--pbmit-white-color);
background-color: var(--pbmit-global-color);
}

/** Blog Classic **/
.site-content {
padding-top: 80px;
padding-bottom: 80px;
}
.post.blog-classic {
position: relative;
margin-bottom: 60px;
}
.post.blog-classic .pbmit-img-wrapper {
position: relative;
}
.post.blog-classic .pbmit-featured-wrapper img {
border-radius: 30px;
}
.post.blog-classic:last-child {
margin-bottom: 0px;
}
.post.blog-classic .pbmit-featured-img-wrapper {
position: relative;
margin-bottom: 30px;
}
.post.blog-classic .pbmit-img-wrapper .pbmit-meta-cat {
position: absolute;
bottom: 0;
left: 50px;
padding: 10px 15px 10px 15px;
border-radius: 30px 30px 0 0;
background-color: var(--pbmit-light-color);
}
.post.blog-classic .pbmit-img-wrapper .pbmit-meta-cat:before,
.post.blog-classic .pbmit-img-wrapper .pbmit-meta-cat:after {
content: "";
position: absolute;
background-color: transparent;
bottom: 0;
height: 40px;
width: 20px;
box-shadow: 0 20px 0 0 var(--pbmit-light-color);
}
.post.blog-classic .pbmit-img-wrapper .pbmit-meta-cat:before {
right: 100%;
border-bottom-right-radius: 20px;
}
.post.blog-classic .pbmit-img-wrapper .pbmit-meta-cat:after {
left: 100%;
border-bottom-left-radius: 20px;
}
.post.blog-classic .pbmit-img-wrapper .pbmit-meta-cat > i {
display: none;
}
.post.blog-classic .pbmit-img-wrapper .pbmit-meta-cat a:hover {
color: var(--pbmit-white-color);
background-color: var(--pbmit-secondary-color);
}
.blog-classic .pbmit-meta-cat a {
font-size: 12px;
line-height: 20px;
display: inline-block;
text-transform: uppercase;
position: relative;
letter-spacing: 0.5px;
padding: 4px 15px 4px 15px;
border-radius: 15px;
color: var(--pbmit-white-color);
background-color: var(--pbmit-global-color);
}
.blog-classic .pbmit-blog-meta-top .pbmit-meta-cat a:hover {
color: var(--pbmit-white-color);
background-color: var(--pbmit-blackish-color);
}
.blog-classic .pbmit-blog-meta.pbmit-blog-meta-top {
position: relative;
font-size: 14px;
}
.blog-classic .pbmit-blog-meta-top .pbmit-meta {
display: inline-block;
position: relative;
font-size: 13px;
margin-right: 10px;
text-transform: uppercase;
}
.blog-classic .pbmit-blog-meta-top.pbmit-blog-meta,
.blog-classic .pbmit-blog-meta-top.pbmit-blog-meta a {
color: rgba(var(--pbmit-blackish-color-rgb), 0.8);
}
.pbmit-blog-meta-top .pbmit-meta a:hover {
color: var(--pbmit-secondary-color);
}
.blog-classic .pbmit-blog-meta-top .pbmit-meta-cat {
display: none;
}
.blog-classic .pbmit-blog-meta-top .pbmit-meta:not(:first-child, :last-child) {
margin-right: 15px;
padding-right: 15px;
}
.blog-classic .pbmit-blog-meta-top .pbmit-meta-author {
color: var(--pbmit-global-color);
}
.blog-classic .pbmit-blog-meta-top .pbmit-meta .pbmit-author-link {
margin-left: 5px;
font-weight: 600;
}
.blog-classic .pbmit-meta:not(:first-child, :last-child):after {
content: "/";
position: absolute;
right: -4px;
color: var(--pbmit-global-color);
}
.pbmit-blog-meta-top .pbmit-meta i {
margin-right: 2px;
font-size: 20px;
color: var(--pbmit-global-color);
display: none;
}
.blog-classic .pbmit-blog-classic-inner .pbmit-post-title {
margin-bottom: 25px;
padding-bottom: 20px;
font-size: 36px;
margin-top: 15px;
line-height: 42px;
border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.2);
}
.blog-classic .pbmit-read-more-link {
display: flex;
}
.blog-classic .pbmit-read-more-link .pbmit-button {
padding: 16px 35px;
border-radius: 30px;
color: var(--pbmit-white-color);
background-color: var(--pbmit-global-color);
transition: all 0.4s ease-in;
}
.blog-classic .pbmit-read-more-link .pbmit-button .pbmit-button-icon-wrapper {
margin-left: 6px;
}
.blog-classic
.pbmit-read-more-link
.pbmit-button
.pbmit-button-icon-wrapper:before {
transform: scale(0.26) translate(-57px, 57px);
}
.blog-classic .pbmit-read-more-link .pbmit-button:hover {
background-color: var(--pbmit-blackish-color);
}
.blog-classic
.pbmit-read-more-link
.pbmit-button:hover
.pbmit-button-icon-wrapper:before {
transform: scale(1) translate(-2px, -1px);
}
.blog-classic .pbmit-read-more-link .pbmit-button:hover .pbmit-button-icon {
transform: scale(0.26) translate(46px, -56px);
}
/** Blog Single **/
.blog-details .post.blog-classic {
margin-bottom: 30px;
}
.blog-details .post.blog-classic .pbmit-blog-meta-top {
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(3, 27, 78, 0.1);
}
.pbmit-firstletter::first-letter {
padding: 8px 10px;
font-size: 30px;
line-height: 30px;
float: left;
font-weight: 500;
margin-right: 10px;
color: var(--pbmit-white-color);
background-color: var(--pbmit-global-color);
border-radius: 10px;
}
.single-post .pbmit-medium,
.pbmit-portfolio-single .pbmit-medium,
.service-details .pbmit-medium,
.pbmit-team-single .pbmit-medium {
font-weight: 500;
color: var(--pbmit-blackish-color);
}
.blog-details .pbmit-entry-content blockquote {
border: 0;
padding: 40px 60px 40px 130px;
font-size: 22px;
line-height: 32px;
margin: 30px 0;
position: relative;
letter-spacing: 0px;
border-radius: 30px;
color: var(--pbmit-blackish-color);
background-color: var(--pbmit-white-color);
}
.blog-details .pbmit-entry-content blockquote:before {
font-family: "pbminfotech-base-icons";
content: "\e82b";
font-size: 22px;
position: absolute;
top: 25%;
left: 35px;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 100%;
display: table;
text-align: center;
font-style: normal;
color: var(--pbmit-global-color);
background-color: var(--pbmit-light-color);
}
.blog-details .pbmit-entry-content blockquote p {
margin-bottom: 0;
}
.blog-details .pbmit-entry-content:after {
clear: both;
content: "";
display: table;
}
.blog-details .pbmit-entry-content blockquote cite {
font-size: 14px;
text-transform: uppercase;
display: block;
line-height: 24px;
margin-top: 15px;
letter-spacing: 0.5px;
font-style: normal;
color: rgba(var(--pbmit-blackish-color-rgb), 0.6);
font-family: var(--pbmit-body-typography-font-family);
font-weight: 600;
}
.blog-details .pbmit-entry-content blockquote cite:before {
content: "-";
margin-right: 5px;
}
.blog-details .pbmit-entry-content blockquote:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.blog-details .pbmit-entry-content .pbmit-block-columns {
display: flex;
margin-bottom: 1.75em;
}
.blog-details .pbmit-entry-content .pbmit-block-columns img {
margin-top: 15px;
border-radius: 30px;
}
.blog-details .pbmit-entry-content .pbmit-block-column:first-child figure {
padding: 0 10px 0 0;
}
.blog-details .pbmit-entry-content .pbmit-block-column:last-child figure {
padding: 0 0 0 10px;
}
.pbmit-portfolio-single .list-group .list-group-item,
.service-details .list-group .list-group-item {
/* font-weight: 500; */
font-weight: normal;
}
.pbmit-portfolio-single .list-group .pbmit-icon-list-icon,
.service-details .list-group .pbmit-icon-list-icon {
top: 0;
}
.pbmit-portfolio-single .list-group .pbmit-icon-list-icon i,
.service-details .list-group .pbmit-icon-list-icon i,
.pbmit-team-single .list-group .pbmit-icon-list-icon i {
font-size: 17px;
line-height: 25px;
margin-right: 15px;
color: var(--pbmit-global-color);
}
.blog-details .list-group {
padding-top: 20px;
}
.blog-details .pbmit-blog-meta-bottom {
margin-top: 15px;
}
.blog-details .post-navigation {
border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1);
margin-top: 35px;
}
.blog-details .pbmit-author-box {
position: relative;
overflow: hidden;
/* margin-top: 45px; */
margin-bottom: 0;
/* padding: 40px; */
padding: 20px;
padding-right: 80px;
background-color: var(--pbmit-global-color);
display: flex;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
border-radius: 30px;
}
.blog-details .pbmit-author-image {
width: 120px;
min-width: 120px;
height: 120px;
/* line-height: 145px; */
line-height: 114px;
display: block;
overflow: hidden;
margin-right: 50px;
z-index: 1;
text-align: center;
border-radius: 50%;
background-color: var(--pbmit-white-color);
border: 4px solid var(--pbmit-blackish-color);
}
.blog-details .pbmit-author-image img {
/* width: 100px; */
width: 60px;
height: auto;
}
.blog-details .pbmit-author-content {
-webkit-flex-shrink: 100;
-moz-flex-shrink: 100;
-ms-flex-negative: 100;
flex-shrink: 100;
}
.blog-details .pbmit-author-content .pbmit-author-name {
font-size: 22px;
line-height: 28px;
text-transform: capitalize;
margin-bottom: 15px;
display: inline-block;
font-weight: 600;
}
.blog-details .pbmit-author-box a {
color: var(--pbmit-white-color);
}
.blog-details .pbmit-author-box a:hover {
color: var(--pbmit-blackish-color);
}
.blog-details .pbmit-author-content .pbmit-text {
margin: 0;
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: var(--pbmit-white-color);
}
.blog-details .comments-area {
margin-top: 60px;
}
.blog-details .comments-area .comments-title {
font-size: 34px;
line-height: 40px;
margin-bottom: 48px;
}
.comment-list .pbmit-comment-avatar {
float: left;
}
.comment-list .pbmit-comment-avatar img {
width: 90px;
height: 90px;
border-radius: 20px;
}
.blog-details .pbmit-comment-content {
position: relative;
padding: 0px 0px 30px 0;
margin-left: 115px;
min-height: 115px;
}
.blog-details .pbmit-comment-meta {
display: flex;
align-items: center;
}
.pbmit-comment-content .pbmit-comment-author {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
font-weight: 600;
display: inline-flex;
position: relative;
color: var(--pbmit-global-color);
font-family: var(--pbmit-heading-typography-font-family);
}
.blog-details .pbmit-comment-author-inner {
margin: 0 5px;
font-weight: 600;
text-transform: capitalize;
color: var(--pbmit-secondary-color);
}
.blog-details .pbmit-comment-author-inner a {
color: var(--pbmit-blackish-color);
}
.blog-details .pbmit-comment-author-inner a:hover {
color: var(--pbmit-global-color);
}
.blog-details .pbmit-comment-date {
display: block;
font-size: 14px;
position: relative;
padding-left: 15px;
font-family: var(--pbmit-heading-typography-font-family);
font-weight: 500;
}
.pbmit-comment-date a::before {
position: absolute;
content: "";
left: 0;
right: auto;
height: 1px;
width: 5px;
background: var(--pbmit-global-color);
top: 50%;
transform: translate(-50%, -50%);
}
.blog-details .pbmit-comment-date a {
font-size: 14px;
line-height: 24px;
position: relative;
padding-left: 10px;
color: var(--pbmit-global-color);
}
.blog-details .pbmit-comment-content p {
margin: 10px 0 18px;
padding: 25px 60px 35px 25px;
border-radius: 15px;
position: relative;
border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.15);
}
.blog-details .pbmit-comment-content p:before {
content: "";
height: 20px;
width: 20px;
position: absolute;
background-color: var(--pbmit-light-color);
top: 30px;
left: -11px;
border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.15);
border-left: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.15);
transform: rotate(-45deg);
}
.blog-details .pbmit-comment-content .reply a {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 24px;
text-transform: capitalize;
letter-spacing: 0.5px;
-webkit-transition: 0.2s ease-out 0s;
-o-transition: 0.2s ease-out 0s;
transition: 0.2s ease-out 0s;
color: var(--pbmit-blackish-color);
font-family: var(--pbmit-heading-typography-font-family);
font-weight: 600;
}
.blog-details .pbmit-comment-content .reply a::after {
font-family: "pbminfotech-base-icons";
content: "\e8dd";
font-style: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
opacity: 1;
font-variant: normal;
text-transform: none;
line-height: 10px;
font-size: 10px;
margin-left: 6px;
-webkit-transition: 0.2s ease-out 0s;
-o-transition: 0.2s ease-out 0s;
transition: 0.2s ease-out 0s;
}
.blog-details .pbmit-comment-content .reply a:hover {
color: var(--pbmit-global-color);
}
.blog-details .pbmit-comment-content .reply a:hover::after {
transform: rotate(45deg);
}
.comment-list .children {
margin-left: 100px;
padding-top: 8px;
}
.blog-details .comment-respond {
background-color: var(--pbmit-white-color);
padding: 60px 70px;
border-radius: 30px;
margin-top: 28px;
margin-bottom: 20px;
}
.blog-details .comment-respond .comment-reply-title {
margin-bottom: 25px;
}
.blog-details .comment-respond .comment-notes {
font-size: 15px;
}
.blog-details .comment-respond .comment-form .form-check {
margin-bottom: 25px;
}
.blog-details .comment-respond .comment-form .form-check label {
font-size: 15px;
}
.blog-details .comment-respond .comment-form form button {
padding: 13px 35px;
}
.blog-details .comment-respond form .form-control {
font-weight: 600;
}
.blog-details .comment-respond form .form-control:focus {
border-color: rgba(var(--pbmit-blackish-color-rgb), 0.2);
}
.blog-details .comment-respond form .form-control:focus::placeholder {
color: rgba(var(--pbmit-blackish-color-rgb), 0.8);
}
/** 05 - Team Single **/
.pbmit-team-single .pbmit-team-left-inner {
position: relative;
z-index: 1;
margin: 0;
border-radius: 30px;
overflow: hidden;
}
.pbmit-team-single .pbmit-featured-wrapper img {
width: 100%;
}
.pbmit-team-single .pbmit-team-detail {
position: relative;
padding: 45px 38px 70px;
border-radius: 0 0 30px 30px;
background-color: var(--pbmit-white-color);
}
.pbmit-team-single .pbmit-team-detail .pbmit-team-summary {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1);
}
.pbmit-team-single .pbmit-team-designation {
font-size: 14px;
line-height: 24px;
font-weight: normal;
text-transform: capitalize;
letter-spacing: 0px;
position: relative;
padding-left: 15px;
color: var(--pbmit-global-color);
}
.pbmit-team-single .pbmit-team-designation:before {
position: absolute;
content: "/";
left: 5px;
}
.pbmit-team-single .pbmit-short-description {
margin-bottom: 20px;
}
.pbmit-team-single .pbmit-team-title {
font-size: 26px;
line-height: 30px;
margin: 0;
color: var(--pbmit-blackish-color);
}
.pbmit-single-team-info {
position: relative;
}
.pbmit-single-team-info li,
.pbmit-single-team-info li a {
font-size: 15px;
line-height: 25px;
margin: 0 0 20px 0;
color: rgba(var(--pbmit-blackish-color-rgb), 0.6);
}
.pbmit-single-team-info li:last-child {
margin-bottom: 0;
}
.pbmit-single-team-info li a:hover {
color: var(--pbmit-global-color);
}
.pbmit-single-team-info li label {
font-size: 16px;
line-height: 22px;
font-weight: 400;
min-width: 120px;
display: block;
text-transform: capitalize;
color: var(--pbmit-global-color);
}
.pbmit-team-single .pbmit-team-share-btn {
position: absolute;
right: 40px;
bottom: 0;
}
.pbmit-team-single .pbmit-share-icon {
width: 60px;
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
position: relative;
cursor: pointer;
border-radius: 50px 50px 0 0;
color: var(--pbmit-blackish-color);
background-color: var(--pbmit-light-color);
transition: all 0.3s ease-in-out;
}
.pbmit-team-single .pbmit-share-icon:before,
.pbmit-team-single .pbmit-share-icon:after {
content: "";
position: absolute;
background-color: transparent;
bottom: 0;
height: 40px;
width: 20px;
box-shadow: 0 20px 0 0 var(--pbmit-light-color);
transition: all 0.3s ease-in-out;
}
.pbmit-team-single .pbmit-share-icon:before {
right: 100%;
border-bottom-right-radius: 20px;
}
.pbmit-team-single .pbmit-share-icon:after {
left: 100%;
border-bottom-left-radius: 20px;
}
.pbmit-team-single .pbmit-share-icon i {
transition: all 0.3s ease-in-out;
display: block;
font-size: 20px;
}
.pbmit-team-single .pbmit-team-box-links {
text-align: center;
position: absolute;
bottom: 25px;
right: 10px;
transform: translateY(10px);
opacity: 0;
padding: 0;
}
.pbmit-team-single .pbmit-team-box-links .pbmit-team-social-links {
display: flex;
flex-direction: column-reverse;
}
.pbmit-team-single .pbmit-team-box-links ul li {
display: block;
margin: 0;
padding: 0;
margin-bottom: 5px;
transform: translate(0);
transition: all 600ms ease-in-out;
}
.pbmit-team-single .pbmit-team-box-links ul li:nth-child(1) {
transform: translate(0, 0);
}
.pbmit-team-single .pbmit-team-social-links li:nth-child(2) {
transform: translate(0, 43px);
}
.pbmit-team-single .pbmit-team-social-links li:nth-child(3) {
transform: translate(0, 86px);
}
.pbmit-team-single .pbmit-team-social-links li:last-child {
transform: translate(0, 129px);
}
.pbmit-team-single .pbmit-team-box-links ul li a {
display: inline-block;
opacity: 1;
font-size: 16px;
position: relative;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
color: var(--pbmit-white-color);
background-color: var(--pbmit-global-color);
transition: all 600ms ease-in-out;
}
.pbmit-team-single .pbmit-team-box-links ul li a:hover {
background-color: var(--pbmit-blackish-color);
}
.pbmit-team-single .pbmit-team-share-btn:hover .pbmit-share-icon i {
transform: rotateY(180deg);
}
.pbmit-team-single .pbmit-team-share-btn:hover .pbmit-team-box-links {
transform: translateY(-25px);
opacity: 1;
}
.pbmit-team-single .pbmit-team-share-btn:hover .pbmit-team-social-links li {
transform: translate(0);
}
.pbmit-team-single .pbmit-entry-content {
padding-left: 30px;
}
.pbmit-team-single .pbmit-entry-content .progressbar {
padding-top: 30px;
}
.pbmit-team-single .list-group-borderless .list-group-item:not(:last-child) {
padding-bottom: calc(10px / 2);
}
.pbmit-team-single .pbmit-entry-content .text-editor-box {
padding: 20px 0;
border-bottom: 1px solid #181a1717;
}
.pbmit-team-single .pbmit-entry-content div .text-editor-box:last-child {
border: none;
}
.pbmit-team-single .pbmit-entry-content .text-editor-box .col-md-4 {
width: 15%;
}
.pbmit-team-single .pbmit-entry-content .text-editor-box .col-md-8 {
width: 85%;
}
.pbmit-team-single .pbmit-entry-content .list-group {
flex-wrap: initial;
flex-direction: initial;
}
.pbmit-team-single .pbmit-entry-content .list-group li {
margin-right: calc(35px / 2);
margin-left: calc(35px / 2);
margin-top: 0;
font-weight: 500;
}
.pbmit-team-single .pbmit-entry-content .list-group li:first-child {
margin-left: 0;
}
.pbmit-team-single .pbmit-entry-content .list-group .pbmit-icon-list-icon {
top: 0;
}
.pbmit-team-single .comment-respond {
padding: 60px 70px 0px 70px;
border-radius: 30px;
}
.pbmit-team-single .comment-form form {
position: relative;
padding-bottom: 80px;
}
.pbmit-team-single .comment-form form .pbmit-button-wrapper:before,
.pbmit-team-single .comment-form form .pbmit-button-wrapper:after {
content: "";
position: absolute;
background-color: transparent;
bottom: 0;
height: 40px;
width: 20px;
box-shadow: 0 20px 0 0 var(--pbmit-light-color);
transition: all 0.3s ease-in-out;
}
.pbmit-team-single .comment-form form .pbmit-button-wrapper:before {
right: 100%;
border-bottom-right-radius: 20px;
}
.pbmit-team-single .comment-form form .pbmit-button-wrapper:after {
left: 100%;
border-bottom-left-radius: 20px;
}
.pbmit-team-single .comment-respond form .form-control {
font-weight: 600;
}
.pbmit-team-single .comment-respond form .form-control::placeholder {
color: rgba(var(--pbmit-blackish-color-rgb), 0.8);
}
.pbmit-team-single .comment-form form .pbmit-button-wrapper {
position: absolute;
left: 0;
bottom: 0;
padding: 10px 15px 0 15px;
border-radius: 30px 30px 0 0;
background-color: var(--pbmit-light-color);
}

/** 06 - Contact Us **/
.contact-us-left-area {
padding-right: 80px;
}
.contact-form-rightbox {
/* padding: 60px 70px 0px 70px; */
padding: 35px 70px 0px 70px;
border-radius: 30px;
}
.contact-form-rightbox form {
position: relative;
padding-bottom: 80px;
}
.contact-form-rightbox form .pbmit-button-wrapper {
position: absolute;
bottom: 0;
left: 0;
padding: 10px 15px 0 15px;
border-radius: 30px 30px 0 0;
background-color: var(--pbmit-light-color);
}
.contact-form-rightbox form .pbmit-button-wrapper:before,
.contact-form-rightbox form .pbmit-button-wrapper:after {
content: "";
position: absolute;
background-color: transparent;
bottom: 0;
height: 40px;
width: 20px;
box-shadow: 0 20px 0 0 var(--pbmit-light-color);
transition: all 0.3s ease-in-out;
}
.contact-form-rightbox form .pbmit-button-wrapper:before {
right: 100%;
border-bottom-right-radius: 20px;
}
.contact-form-rightbox form .pbmit-button-wrapper:after {
left: 100%;
border-bottom-left-radius: 20px;
}
.contact-iframe-section {
padding: 0px 110px 100px 110px;
}
.contact-iframe-section iframe {
height: 600px;
max-width: 100%;
width: 100%;
margin: 0;
line-height: 1;
border: none;
border-radius: 20px;
}
label.error {
color: #dc3232;
border-radius: 0px 0 10px 10px;
margin-bottom: 15px;
padding: 0 10px;
font-size: 14px;
display: block;
margin-top: 0px;
margin-right: 20%;
}
.form-control.error {
margin-bottom: 0 !important;
}

/**07 - Comment Form **/
.form-control, form select {
display: block;
font-weight: normal;
line-height: normal;
border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.2);
background-color: #f9f9f9;
height: 44px;
font-size: 14px;
padding: 10px 25px;
border-radius: 15px;
margin-bottom: 20px;
}
.form-control:focus {
border-color: rgba(var(--pbmit-blackish-color-rgb), 0.8);
background-color: transparent;
outline: none !important;
}
form select {
width: 100%;
cursor: pointer;
font-weight: 500;
color: #565656;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid rgba(var(--pbmit-secondary-color-rgb), 0.2);
}
form select:focus {
outline: none;
}
.pbmit-bg-color-blackish form .form-control,
.pbmit-bg-color-blackish form select {
border-color: rgba(var(--pbmit-white-color-rgb), 0.2);
}
.pbmit-bg-color-blackish form select:focus {
border-color: rgba(var(--pbmit-white-color-rgb), 0.2);
}
.pbmit-bg-color-blackish form select option {
color: var(--pbmit-blackish-color);
background-color: var(--pbmit-white-color);
}
.pbmit-bg-color-blackish .form-control::placeholder {
color: rgba(var(--pbmit-white-color-rgb), 0.6);
}
.pbmit-bg-color-blackish .form-control:focus {
color: var(--pbmit-white-color);
}
.pbmit-bg-color-white form .form-control::placeholder {
color: var(--pbmit-blackish-color);
}
.pbmit-bg-color-white form .form-control:focus {
border-color: rgba(var(--pbmit-blackish-color-rgb), 0.2);
}
form .input-text-group p {
font-size: 14px;
line-height: 24px;
font-style: italic;
color: #d4e0f0;
}
form textarea.form-control {
resize: none;
height: 120px;
background-color: #f9f9f9;
padding: 10px 25px;
}
form .form-check {
margin: 20px 0 20px 0;
}
form .form-check label {
font-size: 14px;
}

/* prashanth css */
.right-list {
padding: 0 6px !important;
}

.pbmit-element-title-custom {
color: var(--sub-heading-color) !important;
}

.custom-margin-top {
margin-top: 100px !important;
}

.custom-contact-margin {
margin-top: 100px !important;
margin-bottom: 100px !important;
}

/*  */
/* input.form-control::placeholder {
color: #000 !important;
font-weight: 500;
}

textarea.form-control::placeholder {
color: #000;
font-weight: 500;
} */

.section-lg-custom {
overflow: hidden;
padding-top: 100px;
padding-bottom: 0px !important;
}

.accreditation-margin-top {
/* margin-top: 100px !important; */
margin-bottom: 100px !important;
}

.accreditation-bg {
background: linear-gradient(to bottom, #2e2366 0%, #4b357f 50%, #ce3a33 100%);
}

/*  */
input.form-control::placeholder {
color: #000 !important;
font-weight: 500;
}

textarea.form-control::placeholder {
color: #000 !important;
font-weight: 500;
}
.about-section-lg-custom {
padding-bottom: 50px;
}

.about-section-bg {
background-image: linear-gradient(
to bottom,
rgba(180, 45, 45, 0.9) 0%,
rgba(80, 50, 90, 0.9) 50%,
rgba(31, 34, 97, 0.9) 100%
),
url(../images/homepage-3/bg/demo3-pattern.png);
}

.about-text-custom {
color: #fff !important;
}

.pbminfotech-ele-fid-style-2 .pbmit-fid-inner .about-stroke {
font-weight: 800;
color: transparent;
-webkit-text-stroke: 1px #fff;
}

.pbmit-heading-subheading .pbmit-subtitle-heading-custom {
font-family: var(--pbmit-body-typography-font-family);
font-weight: 700;
font-size: 11px;
line-height: 22px;
letter-spacing: 0;
text-transform: uppercase;
font-style: normal;
position: relative;
padding: 2px 20px;
display: inline-block;
/* border: 1px solid var(--pbmit-blackish-color); */
border: 1px solid #fff;
border-radius: 20px;
margin-bottom: 10px;
}


/*---Charan---*/
.abtimg{border-radius: 40px 4px 40px 4px;transition: all 0.5s ease-in-out;}
.abtimg:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 40px;}

.widget.pbmit-two-column-menu a {transition: all 0.25s ease-in-out;font-size: 14px;
padding-left: 2px;}
.site-footer .pbmit-two-column-menu.widget ul > li {list-style-type: disc;}
.site-footer .pbmit-two-column-menu.widget ul{margin-left: 20px;}
.site-footer .widget .pbmit-contact-widget-lines a{font-size: 14px;}
.site-footer .pbmit-footer-copyright-text-area, 
.site-footer .pbmit-footer-copyright-text-area a {font-size: 14px;}
.site-footer .pbmit-footer-menu-area .pbmit-footer-menu li a {font-size: 14px;}
.about-three-bg{position: relative;z-index: 1;}
.service-two-swiper-arrow p{font-size: 14px;}
.fid-style{text-align: center;margin-top: 35px;}
.pbmit-heading-subheading .pbmit-heading-desc {font-size: 15px;}
.list-group .pbmit-icon-list-text {font-size: 14px;}
.pmit-p{font-size: 14px;margin: 10px 0px;line-height: 26px;}

.pbmit-slider-two .pbmit-slider-content .pbmit-title {font-size: 50px;line-height: 60px;}


@media(min-width: 2001px) and (max-width: 2500px) {}

@media(min-width: 1801px) and (max-width: 2000px) {}

@media(min-width: 1601px) and (max-width: 1800px) {}

@media (min-width: 1400px) and (max-width: 1600px) {}

@media (min-width: 1300px) and (max-width: 1399px) {}

@media (min-width: 1201px) and (max-width: 1299px) {

.site-navigation ul.navigation > li > a {font-size: 11px;}
.site-header .pbmit-header-button a {font-size: 11px;}
.pbmit-slider-two .pbmit-slider-content .pbmit-title {font-size: 40px;
line-height: 60px;}
.pbmit-heading-subheading .pbmit-title {font-size: 24px;line-height: 36px;}
.pbmit-heading-subheading .pbmit-heading-desc {font-size: 13px;}
.list-group .pbmit-icon-list-text {font-size: 13px;}
.obap{font-size: 14px;}
.pmit-p {font-size: 13px;line-height: 24px;}
.widget.pbmit-two-column-menu a {font-size: 13px;}
.site-footer .widget .pbmit-contact-widget-lines a {font-size: 13px;}
.site-footer .pbmit-contact-widget-lines .pbmit-base-icon-phone {font-size: 13px;
padding: 6px 0px;}
.site-footer .pbmit-timelist-list .pbmit-timelist-time {font-size: 13px;}
.site-footer .pbmit-timelist-list li {padding: 0px 0px;line-height: 24px;}
.site-footer .pbmit-footer-text-inner {font-size: 10px;padding: 10px 35px;}
.site-footer .pbmit-footer-copyright-text-area, 
.site-footer .pbmit-footer-copyright-text-area a {font-size: 13px;}
.site-footer .pbmit-footer-menu-area .pbmit-footer-menu li a {font-size: 13px;}
.pbmit-footer-widget-area .widget .widget-title {font-size: 16px;
line-height: 30px;margin-bottom: 7px;}
.pbmit-heading-subheading .pbmit-subtitle {font-weight: 600;}


}

@media (min-width: 1151px) and (max-width: 1200px) {}

@media (min-width: 1101px) and (max-width: 1150px) {}

@media (min-width: 1046px) and (max-width: 1100px) {

.site-navigation ul.navigation > li > a {font-size: 11px;}
.site-header .pbmit-header-button a {font-size: 11px;}
.pbmit-slider-two .pbmit-slider-content .pbmit-title {font-size: 40px;
line-height: 60px;}
.pbmit-heading-subheading .pbmit-title {font-size: 24px;line-height: 36px;}
.pbmit-heading-subheading .pbmit-heading-desc {font-size: 12px;}
.list-group .pbmit-icon-list-text {font-size: 12px;}
.obap{font-size: 12px;line-height: 22px;}
.pmit-p {font-size: 13px;line-height: 24px;}
.widget.pbmit-two-column-menu a {font-size: 13px;}
.site-footer .widget .pbmit-contact-widget-lines a {font-size: 13px;}
.site-footer .pbmit-contact-widget-lines .pbmit-base-icon-phone {font-size: 13px;
padding: 6px 0px;}
.site-footer .pbmit-timelist-list .pbmit-timelist-time {font-size: 13px;}
.site-footer .pbmit-timelist-list li {padding: 0px 0px;line-height: 24px;}
.site-footer .pbmit-footer-text-inner {font-size: 10px;padding: 10px 35px;}
.site-footer .pbmit-footer-copyright-text-area, 
.site-footer .pbmit-footer-copyright-text-area a {font-size: 13px;}
.site-footer .pbmit-footer-menu-area .pbmit-footer-menu li a {font-size: 13px;}
.pbmit-footer-widget-area .widget .widget-title {font-size: 16px;
line-height: 30px;margin-bottom: 7px;}
.pbmit-heading-subheading .pbmit-subtitle {font-weight: 600;}
.mobile-about-list-inside a{font-size: 12px;padding: 10px 20px;margin-top: 10px;}
.list-group .list-group-item {margin-bottom: 1px;}
.pbminfotech-ele-fid-style-2 .pbmit-fid-inner {font-size: 50px;line-height: 50px;
margin-bottom: 10px;}
.service-two .pbmit-service-style-4 .pbmit-service-title{font-size: 16px;
line-height: 26px;}
.pbmit-service-style-4 .pbmit-service-description {padding: 10px 10px;
margin-top: 15px;font-size: 13px;}
.fid-style {margin-top: 15px;margin-bottom: 30px;text-align: left;}
.pbminfotech-ele-fid-style-2 .pbmit-fid-inner {text-align: left;}


}

@media (min-width: 991px) and (max-width: 1045px) {}

@media (min-width: 901px) and (max-width: 990px) {}

@media (min-width: 768px) and (max-width: 900px) {}

@media (min-width: 651px) and (max-width: 767px) {}

@media(min-width: 401px) and (max-width: 650px) {}

@media(min-width: 558px) and (max-width: 576px) {}

@media(min-width: 501px) and (max-width: 557px) {}

@media(min-width: 471px) and (max-width: 500px) {
.pbmit-blog-style-1 .pbminfotech-box-desc {
/* display: none; */
display: block;
min-height: 170px !important;
}
}

@media(min-width: 451px) and (max-width: 470px) {
.pbmit-blog-style-1 .pbminfotech-box-desc {
/* display: none; */
display: block;
min-height: 160px !important;
}
}

@media(min-width: 401px) and (max-width: 450px) {
.pbmit-blog-style-1 .pbminfotech-box-desc {
/* display: none; */
display: block;
min-height: 170px !important;
}
}

@media(min-width: 371px) and (max-width: 400px) {}

@media (min-width: 100px) and (max-width: 370px) {}

@media (min-width: 1024px) and (max-width: 1200px) {
.about-two-right-box {
padding: 0 0 0 30px;
margin-top: 50px;
}
}



/* prashanth css */

.sustain-pt{
padding-top: 50px !important;
padding-bottom: 50px !important;
}

.sustain-text-pt{
padding-top:50px !important;
}

a.__cf_email__ {
color: #fff;
}

.contact-desc{
color: #fff;
}

.pbmit-title-custom{
color: #fff;
}


.custom-links{
color: #ce3a33;
text-decoration: underline;
}

.sust-banner{
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
url("../images/bg/sustainable-banner.jpg");
background-size: cover;
background-position: center;
}

.about-banner{
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
url("../images/bg/about-banner.jpg");
background-size: cover;
background-position: center;
}
.contact-banner{
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
url("../images/bg/contact-banner.jpg");
background-size: cover;
background-position: center;
}
.products-banner{
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
url("../images/bg/products-banner.jpg");
background-size: cover;
background-position: center;
}
.cdmo-banner{
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
url("../images/bg/cdmo-banner.jpg");
background-size: cover;
background-position: center;
}
/*  */

.accreditation-banner{
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
url("../images/bg/accreditation-banner.jpg");
background-size: cover;
background-position: center;
}

.pattern-bg{
background-image: url('../images/pattern.jpg') !important;
background-repeat: no-repeat;
background-size:  cover;
}

.pbmit-btn-blackish-custom {
background-color: var(--sub-heading-color);
}
.pbmit-btn-blackish-custom:hover
{
color: var(--pbmit-blackish-color);
background-color: var(--main-heading-color);
}

/*  */
.search-box {
max-width: 500px;
margin: 30px auto;
}

.search-input {
border-radius: 2rem;
padding: 0.75rem 1.5rem;
border: 2px solid var(--sub-heading-color);
}

.products-table thead {
/* background: linear-gradient(to right, #ce3a33 0%, #1f2261 50%); */
background: #140b44;
color: #fff;
}

.products-table tbody tr:nth-child(even) {
background-color: #ffffff;
}

.no-results {
display: none;
text-align: center;
color: #ce3a33;
font-weight: 600;
padding: 1rem;
}

.disclaimer {
margin-top: 40px;

color: #000;
}

.pagination-buttons{
background-color: #ce3a33 !important;
color: #fff !important;
opacity: unset !important;
border: none;
}

.overview-about-padding{padding: 50px 0px;}

.overview-padding{
padding-top: 40px !important;
padding-bottom: 40px !important;
}

html {
scroll-behavior: smooth;
}

#overview-section,
#our-history-section,
#our-management-section,#warehouse-section,#r-and-d-section,#analytical-section,#manufacturing-section {
scroll-margin-top: 100px;
}

.table-bordered>:not(caption)>*>* {
border-width: 0 1px;
border: 1px solid #000 !important;
}

tbody#tableBody tr
{
color: #000;
font-weight: 500;
}

tbody#product-table tr
{
color: #000;
font-weight: 500;
font-size:14px;
}
tr.th-heading th
{
text-align: center;
}

#tableBody tr{
text-align: center;
}
#product-table tr{
text-align: center;
}

.table>tbody {
vertical-align: middle;
background: #cfd0e7  !important;
}

.emnar-plant-img{
height:40px;
width:40px;
}

.accordion-item-custom{
background-color: #fff !important;
}

.pbmit-accordion-title-custom{
color: #140b44;
font-weight: 600;
}

.pbmit-single-project-details-list-custom {
padding: 20px 0;
}

.accordion-body-custom{
color: #000;
}

.hover-card {
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
cursor: pointer;
height: 250px;
}

.hover-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}

.hover-card:hover img {
transform: scale(1.05);
}

.hover-overlay {
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.95);
padding: 20px;
transition: right 0.5s ease;
display: flex;
flex-direction: column;
justify-content: center;
}

.hover-card:hover .hover-overlay {right: 0;}
.unit-title {font-size: 18px;font-weight: bold;color: #ce3a33;margin-bottom: 10px;}
.unit-info {font-size: 14px;color: #000;}
.product-know-more-btn{background: #ce3a33;border: none;border-radius: 10px;
 padding: 0px 10px 2px 10px;white-space: nowrap;padding: 2px 12px;
 display: inline-block;overflow: hidden;text-overflow: ellipsis;}
.product-know-more-btn a{color: #fff;font-size: 13px;}
.product-know-more-btn a:hover{color: var(--sub-heading-color);}
#our-management-section .pbmit-post-date{font-size: 15px;display: block;}
#our-management-section .pbmit-meta-category{display: block;}

.regu-sec{padding: 50px 0px;}
.regu-sec .block-icon{width: 40px;height: 40px;filter: invert(1);}
.regu-sec .pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper, 
.regu-sec .pbmit-ihbox-style-7 .pbmit-ihbox-svg-wrapper {height: 60px;width: 60px;}
.regu-sec .pbmit-ihbox-style-7 .pbmit-content-wrapper {padding-top: 20px;margin-top: 15px;}
.regu-sec .pbmit-ihbox-style-7 .pbmit-ihbox-box {padding: 20px 30px;}
.regu-sec .pbmit-heading-desc p{font-size: 14px;color: #000;line-height: 27px;}
.regu-sec h3{font-size: 22px;text-transform: uppercase;margin-bottom: 15px !important;
  font-weight: 650;}
.regu-sec p{font-size: 15px;line-height: 27px;margin-bottom: 0px;padding: 0px 10px;}
.regu-sec .regu-block .pbmit-ihbox-box{min-height: 320px;}
.regu-sec .regu-block {margin: 25px 5px;}
.regu-sec .block-img{width: 200px;height: 100px;object-fit: cover;}
.regu-sec .pbmit-ihbox-style-7 .pbmit-ihbox-box {
    background: linear-gradient(to bottom, rgb(180, 45, 45) 0%, rgb(80, 50, 90) 50%, rgb(31, 34, 97) 100%);}
.regu-sec .vc{font-size: 14px;margin-left: 10px;margin-top: 15px;
  display: inline-block;}
.regu-sec .pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper, .pbmit-ihbox-style-7 .pbmit-ihbox-svg-wrapper {
    background-color: transparent;}
.regu-sec .pbmit-ihbox-style-7 .pbmit-element-title {color: #fff;}
.regu-sec .pbmit-ihbox-style-7 .pbmit-content-wrapper::before {background-color: #fff;}
.regu-sec .pbmit-ihbox-style-7 .pbmit-content-wrapper {border-top-color: #aaa;}
.regu-sec .pbmit-heading-desc p {color: #fff;}
.regu-sec .vc {color: #fff;}

.accre-sec{padding-top: 20px !important;}
.accre-he{margin-bottom: 10px;}
.accre-sec .accordion-body-custom {color: #000;font-size: 14px;line-height: 27px;}
.accre-sec h3{font-size: 25px;text-transform: uppercase;font-weight: 650;
  margin-bottom: 50px !important;}
.accre-sec p{font-size: 14px;line-height: 27px;margin-bottom: 10px;
 padding: 0px 10px;}
.accre-sec h6{font-size: 19px;text-transform: uppercase;line-height: 36px;
  font-weight: 650;}
.accre-sec .list-group .list-group-item {font-size: 14px;}

.cert-sec{padding: 50px 0px;}
.cert-sec .pbmit-tag-wrapper{margin-left: 0px !important;padding-left: 0px !important;
 margin: 20px 0px;}
.cert-sec .pbmit-tag-wrapper img{width: 25%;}
.cert-sec .pbmit-element-title{}
.cert-sec .cttext h3{margin: 20px 0px;font-weight: 660;font-size: 25px;}
.cert-sec .pbmit-team-style-1 .pbminfotech-post-item {
    min-height: 380px;object-fit: cover;}

.inter-table-sec{padding: 50px 0px;}
.inter-table-sec .products-table thead {color: #eee;
  background: linear-gradient(to bottom, rgb(180, 45, 45) 0%, rgb(80, 50, 90) 50%, rgb(31, 34, 97) 100%);}
.inter-table-sec .products-table .knm{font-size: 13px;}
.inter-table-sec .table>tbody {vertical-align: middle;background: transparent !important;}
.inter-table-sec .table-bordered>:not(caption)>*>* {padding: 7px 0px 7px 10px;
  font-size: 13px;text-transform: capitalize;text-align: left;}
.inter-table-sec #noResultsRow td{font-weight: 600;}
.inter-table-sec .table-bordered>:not(caption)>*>* {border: 1px solid #ccc !important;}
.inter-table-sec tr.th-heading th {text-align: left;font-size: 14px !important;
  letter-spacing: 0.6px;font-weight: 500;padding: 8px 10px;}
.inter-table-sec .prod{font-size: 30px;letter-spacing: 0.6px;text-transform: uppercase;}
.inter-table-sec .disclaimer {color: #222;font-size: 14px;line-height: 28px;}

.rd-sec{padding: 50px 0px;}
.rd-sec .rdtitle{text-transform: uppercase;font-size: 25px;font-weight: 550;}
.rd-sec article p{margin-bottom: 5px;font-size: 14px;line-height: 27px;}
.rd-sec .rd-block{margin-bottom: 100px;}
.rd-sec .nav-link{display: inline-block;font-size: 16px;padding: 8px 18px;
  font-weight: 500;min-width: 100px;border-radius: 20px;color: #fff;
  transition: all 0.3s ease-in-out;}
.rd-sec .nav-link:hover {background-color: #140b44;color: #fff;}
.rd-sec .nav-pills .nav-link.active, .rd-sec .nav-pills .show>.nav-link {
  color: #fff;background-color: #ce3a33;}
.rd-sec .nav-pills{background: linear-gradient(to bottom, rgb(180, 45, 45) 0%,
    rgb(80, 50, 90) 50%, rgb(31, 34, 97) 100%); }
.rd-sec #customTabsContent{padding: 10px 30px;}
.rd-sec .tab-pane h5{text-transform: uppercase;font-size: 22px;}
.rd-sec .tab-pane p{font-size: 14px;line-height: 27px;margin-bottom: 5px;}
.rd-sec .tab-pane ul{padding: 5px 20px;}
.rd-sec .tab-pane ul li{font-size: 14px;line-height: 28px;margin-bottom: 5px;
 list-style-type: decimal;}
.rd-sec .expertise-div-ul{display: flex;}
.rd-sec .mnh{text-transform: uppercase;line-height: 30px;font-size: 18px;}

.rd-sec .areas .pbmit-ihbox-style-7 .pbmit-ihbox-box {padding: 10px 10px;
  text-align: center;border-radius: 10px;}
.rd-sec .pbmit-ihbox-style-7 .pbmit-element-title {font-size: 15px;text-transform: uppercase;
 font-weight: 600;}
.rd-sec .areas ul {padding: 5px 5px;}

.rd-sec .areas ul li{list-style-type: none;background: #ffffff96;padding: 10px 10px;
 border-radius: 10px;color: #222;font-weight: 550;padding-left: 20px;
 transition: all 0.3s ease-in-out;text-transform: capitalize;margin-bottom: 15px;
 font-size: 14px;cursor: pointer;}
/*.rd-sec .areas ul li:hover{color: #fff;
  transform: translateY(-2px);background: linear-gradient(to bottom,
    rgb(180, 45, 45) 0%, rgb(80, 50, 90) 50%, rgb(31, 34, 97) 100%);}*/
.rd-sec .areas ul li:hover{color: #ce3a33;transform: translateY(-2px);
  background: #fff;}

.cdmo-sec{}
.cdmo-sec .pbmit-heading-desc p{line-height: 27px;font-size: 14px;margin-bottom: 5px;}
.cdmo-sec .pbmit-service-style-1 .pbmit-service-description {
  padding: 10px 10px;margin-top: 10px;}
.cdmo-sec .pbmit-service-style-1 .pbmit-service-title {font-size: 18px;
  line-height: 30px;padding-right: 0px;display: block;text-transform: uppercase;
  font-weight: 550;color: #fff;}
.cdmo-sec .list-group .list-group-item {display: flex;font-size: 14px;
  align-items: baseline;padding: 0;margin-bottom: 5px;color: #fff;
  position: relative;border: none;background: transparent;line-height: 24px;}
.cdmo-sec .list-group .pbmit-icon-list-icon {display: flex;position: relative;
  top: 2px;margin-right: 7px;}
.cdmo-sec .list-group .pbmit-icon-list-icon i {font-size: 15px;color: #fff;}
.cdmo-sec .pbmit-service-style-1 .pbmit-box-content-wrap {min-height: 730px;
  border-radius: 30px 30px 30px 30px;}
.cdmo-sec .pbmit-service-style-1 {margin-bottom: 50px;}
.cdmo-sec .pbmit-service-style-1 .pbmit-featured-wrapper img {width: 100%;
  height: 220px;object-fit: cover;}

.cdmo-sec2 .pbmit-service-style-1 .pbmit-box-content-wrap {min-height: 500px;}
.cdmo-sec2 .pbmit-service-style-1 .pbmit-box-content-wrap {padding: 20px 10px 45px;}
.cdmo-sec2 .pbmit-service-style-1 .pbmit-service-title {font-size: 16px;text-align: center;}

.sus-sec .pbmit-title{text-transform: uppercase;}
.sus-sec p{font-size: 15px;line-height: 27px;margin-bottom: 10px;}
.sus-sec .sustain-pt {padding: 20px 0px;}
.sus-sec .pbmit-heading-subheading .pbmit-title {font-weight: 600;
  font-size: 24px;line-height: 45px;letter-spacing: 0;}
.sus-sec .isodiv h6{text-transform: capitalize;font-size: 14px;color: #333;}
.sus-sec .pbmit-ihbox-style-2 .pbmit-heading-desc {width: 40%;margin-bottom: 0px;}
.sus-sec .isodiv .pbmit-ihbox-style-2 .pbmit-element-title {font-size: 20px;
  line-height: 36px;margin-bottom: 0;width: 30%;}

.sus-sec .pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-title {
  font-size: 16px;line-height: 26px;text-transform: capitalize;position: relative;
  letter-spacing: 0px;font-weight: 700;}
.sus-sec .pbmit-portfolio-single .list-group .list-group-item, 
.sus-sec  .service-details .list-group .list-group-item {font-size: 14px;}
.sus-sec .pbmit-single-project-details-list-custom {padding: 10px 0px;}
.car-sec{padding: 50px 0px;}
.car-sec p{font-size: 14px;line-height: 27px;}

.contact-iframe-section {padding: 50px 0px;}
/*.contact-enq-sec{padding: 50px 0px;}*/
.contact-enq-sec .pbmit-title-custom {margin-bottom: 15px;text-transform: uppercase;
  font-size: 33px;}
.contact-iframe-sec{padding: 50px 0px !important;}



.areas .icon-grid-container {margin: 20px auto;background: #ffffff6e;padding: 40px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);border-radius: 8px;}
.areas .icon-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 30px;text-align: center;}
.areas .icon-item {transition: all 0.3s ease;}
.areas .icon-item img {width: 50px;height: 50px;margin-bottom: 10px;
 transition: transform 0.3s ease;}
.areas .icon-item span {display: block;font-size: 14px;color: #222;
  text-transform: capitalize;font-weight: 550;}
.areas .icon-item:hover img {transform: scale(1.1);}
.areas .separator {grid-column: 1 / -1;height: 1px;background: #e6e6e6;}

.aep-block{position: relative;}
.arov{margin: 30px 0px;width: 100%;border-radius: 30px;position: relative;z-index: -1;}
.arov-content{width: 90%;margin: 0 auto; background: linear-gradient(to bottom,
  rgb(180, 45, 45) 0%, rgb(80, 50, 90) 50%, rgb(31, 34, 97) 100%);padding: 40px 40px;
  border-radius: 10px;color: #fff;margin-top: -100px;z-index: 9;}

.arov-content ul.rd-ul li{list-style-type: disc;}
.cntan {font-size: 20px;text-transform: uppercase;font-weight: 650;
  line-height: 36px;text-align: center;margin-bottom: 30px;letter-spacing: 1px;}


@media (min-width: 100px) and (max-width: 767px){

.areas .separator {display: none;}
.areas .icon-grid {grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));gap: 30px;}


}