/******************************

    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
/*----------------------------------------*/



/* Container that holds the content */
.container-map {
    position: relative;
    height: 100vh;
    background-image: url('../images/map.png');
    background-size: cover;
    background-position: center;
}

/* Heading position at the top left */
.heading-map {
    position: absolute;
    top: 63px;
    left: 117px;
    font-size: 36px;
    color: black;
}

.footerh5{
    color: #fff;
    font-size: 20px;
}

/* Media query for smaller devices like tablets */
@media (max-width: 768px) {
    .heading-map {
        font-size: 25px;
        top: -25px;
        /* left: 20px; */
    }
}

/* Media query for mobile devices */
@media (max-width: 480px) {
    .heading-map {
        font-size: 30px;
        top: 20px;
        /* left: 30px; */
    }
    
    .container-map {
        background-size: contain;
        background-repeat: no-repeat;
        height: 206px;
        padding: 150px;
        background-color: #f5f2f2;
    }
}



.background-section-map {
    height: 100vh; /* Full viewport height */
    background-image: url('../images/map.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.background-map .content-map{
    color: white;
    background-color: rgba(0, 0, 0, 0.5); /* Optional: To make the text stand out */
    padding: 20px;
    border-radius: 10px;
}

/* Separate class for the h1 heading */
.top-left-heading {
     
    top: 10px;
    left: 10px;
    font-size: 24px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5); /* Optional: Background to enhance visibility */
    padding: 10px;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .background-section-map {
        background-size: cover;
        background-position: center;
    }

    .top-left-heading {
        font-size: 18px;
        padding: 5px;
    }

    .background-section-map .content-map {
        padding: 10px;
    }
}
 

.features {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.features-h1
{
    padding-bottom: 45px;
}

.feature-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.feature-box {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: left; /* Aligning text to the left */
    margin-bottom: 20px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.feature-box img {
    width: -webkit-fill-available;
}
.feature-box h3 {
    font-size: 3.5rem;
    color: #ccc;
    margin-top: 45px;
}

.feature-box h4 {
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 15px;
    margin-top: 25px;
}

.feature-box p {
    color: #181818;
    font-size: 1rem;
}

.box:hover {
    background-color: #2d3e75;
    color: #fff;
}

.box:hover h3,
.box:hover h4,
.box:hover p {
    color: #fff;
}

@media (max-width: 768px) {
    .feature-boxes {
        grid-template-columns: 1fr;
    }
}






.content3 {
    display: flex;
    justify-content: space-between;
    width: 93%;
    position: relative;
}

.section2-p
{ text-align: left;}


.section2-h1{color: #fff;}

 

.content3:hover .section2 {
    opacity: 1;
}

@media (max-width: 768px) {
    .content3 {
        flex-direction: column;
        align-items: center;
    }

    .section2 {
        width: 90%;
        margin-bottom: 20px;
    }
}


.box-border {
    
  }

  .box-border::before {
    content: "";
    position: absolute;
    top: 27px;
    bottom: 10px;
    left: 4px;
    right: -6px;
    pointer-events: none;
    height: 140px;
    border-right: 7px solid #e0e0e0;
    border-radius: 8px;
}

.container2 {
    text-align: center;
    background: url('../images/bg2.png') no-repeat center center;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header2 {
    color: white;
    font-size: 3rem;
    margin-bottom: 120px;
}

 

.section2 {
    width: 85%;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 20px;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.left2:hover .retrofit,
.right2:hover .new-build {
    opacity: 1;
}

@media (max-width: 768px) {
    .content3 {
        flex-direction: column;
        align-items: center;
    }

    .section3 {
        width: 90%;
        margin-bottom: 20px;
    }
}
 

.p-pbmit-heading-desc {
    text-align: left;
    font-size: 15px;
    color: #000;
    line-height: 20px;
}

.main-heading {
    font-size: 80px;
    font-weight: bold;
    color: #00314b;
    letter-spacing: 0.1em;
}


.services-section {
    background-image: url('../images/services-bg.jpg'); /* Replace with the path to your background image */
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    color: white;
    position: relative;
}

.service-h1 {
    text-align: left;
    color: #fff;
    font-size: 30px;
}


.service-p {
    text-align: left;
    padding-left: 15px;
    font-size: 17px;
    font-weight: 300;
    padding-bottom: 25px;
    padding-top: 25px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0px;
    text-align: center;
}

h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

p {
    /* font-size: 1rem; */
  
}
.pabt{
    color: #000;
}



/* Styling for service boxes */
.service-box {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    background-color: white; /* Initial background color */
    color: black; /* Initial text color */
}

/* Initial styling for service number */
.service-number {
    background-color: black; /* Initial background color for number */
    color: white; /* Initial text color for number */
    padding: 10px;
    border-radius: 50%; /* Makes the number look like a circle */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

/* Hover effect */
.service-box:hover {
    transform: scale(1.05); /* Scales the box slightly */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Adds a shadow */
    background-color: #0e4675; /* Changes background color to orange */
    color: white; /* Changes text color to white */
}

/* Ensure specific elements inside the service box also change color */
.service-box:hover h3, .service-box:hover p {
    color: white; /* Change text color to white */
}

/* Change service number background and text color on hover */
.service-box:hover .service-number {
    background-color: white; /* Change number background to white */
    color: rgb(31, 30, 28); /* Change number text color to orange */
}


.services-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.service-box {
    background-color: white;
    color: black;
    padding: 20px;
    width: 373px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 10px;
    position: relative;
    text-align: left;
    /*height: 250px;*/
    height: 100%;
    
}


.pbmit-miconheading-style-6 {
    margin-bottom: 30px;
    width: 23.666667%;
}


.service-number {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #075391;
    color: white;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 15px;
}

h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.service-box p {
    font-size: 0.9rem;
    line-height: 1.5;
}


.partnerships-section {
    text-align: center;
    padding: 3ch;
    color: white;
    padding-top: 70px;
    padding-bottom: 25px;
    /*border-bottom: 6px solid #0c3b65;*/
}

.partnerships-section h1 {
    font-size: 2em;
    margin-bottom: 20px;
}

.logos {
    display: flex;
    justify-content: center; /* Centers the logo slider */
    overflow: hidden;
    width: 100%; /* Full width for the section */
}

.logo-slider {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* Adjust based on the number of logos */
    width: calc(200px * 5); 
    animation: slide 150s linear infinite;
    width: fit-content;
}

.logo-slider img {
    /*width: 250px;*/
    max-width: max-content;
    height: 70px;
    margin-right: 30px; /* Spacing between logos */
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.spotlight-section {
    text-align: center;
    padding: 40px;
}

.spotlight-section h2 {
    font-size: 2.5em;
    color: #f26522;
    margin-bottom: 20px;
}

.spotlight-section p {
    font-size: 1.2em;
    color: #555;
}


.outer {
    padding-top: 20px;
    padding-bottom: 70px;
}

.explore{
    padding-top: 0px;
    padding-left: 10px;}

.border-with-padding {
    border-top: 3px solid #0c3b65;
    margin: 0px 220px 20px 165px;
}



.hover-btn{background-color: #0c3b65;
    font-size: 13px;
    color: #fff;
    padding: 7px;}

 
    .product-p {
        font-size: 16px;
        color: #ffffff;
        line-height: normal;
        font-weight: 300;
        text-align: left;
    }

.product-section {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    align-items: flex-start;
}

/* Left Section */
.product-intro {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex: 1;
    padding-right: 20px;
    position: relative;
}

/* Orange Strip */
.orange-strip {
    width: 10px;
    background-color: #f05a28;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.intro-content {
    margin-left: 20px;
    padding-left: 40px; /* Space between the orange strip and content */
}

.product-intro h1 {
    font-size: 36px;
    color: #333;
    margin-bottom: 20px;
}

.product-intro p {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
}

/* Right Section - Product Grid */
.product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    flex: 2;
}

.product-box {
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
    color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

#navigation {
    background-image: url('/mnt/data/{076CAB12-182B-4EC6-9E8E-68EF50DCA87E}.png'); /* Replace with actual image path */
}

#communication {
    background-image: url('communication-worker.png'); /* Replace with actual image path */
}

#automation {
    background-image: url('automation-worker.png'); /* Replace with actual image path */
}

#calibration {
    background-image: url('calibration-tool.png'); /* Replace with actual image path */
}

#edge {
    background-image: url('cruise-ship.png'); /* Replace with actual image path */
}

/* Overlay */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* Product Box Content */
.content {
    position: relative;
    z-index: 2;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.content h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.content p {
    font-size: 16px;
    line-height: 1.4;
    display: none; /* Initially hidden */
}

.button {
    display: inline-block;
    padding: 10px 20px;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    margin-top: 20px;
    transition: background-color 0.3s ease;
}

/* Hover Effect */
#navigation:hover .button {
    background-color: orange;
    color: white;
}

#navigation:hover p {
    display: block;
}

@media (max-width: 768px) {
    .product-section {
        flex-direction: column;
    }

    .product-grid {
        grid-template-columns: 1fr;
    }

    .product-intro {
        flex-direction: column;
    }
}

.sec-tab{
 }

.spotlight-container {
    /* position: relative; */
   /* max-width: 85%;*/
    margin: 0px auto;
    background-color: white;
    /* padding: 20px; */
    overflow: hidden;
    /*float: left;*/
    align-items: end;
    /* height: 500px; */
}


.strip-heading {
    position: relative;
    padding-top: 15px;
    background-color: #0c3b65;
    height: 85px;
    margin-top: 65px;
}

.strip-p {
    color: #fff;
    font-size: 35px;
    padding-left: 200px;
    
}


.strip-heading2 {
    position: relative;
    padding-top: 15px;
    background-color: #0c3b65;
    height: 85px;
    margin-top: 65px;
    width: 40%;
    font-weight: 500;text-align: center;
}

.strip-p2 {
    color: #fff;
    font-size: 35px;
    padding-left: 200px;
    font-weight: 500;
}

.spotlight-container2::after {
    content: "";
    position: absolute;
    top: 20px; /* Adjust the position of the circle */
    left: 15px; /* Position circle inside the vertical strip */
    width: 15px;
    height: 15px;
   
    border-radius: 50%;
}


.spotlight-container2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-right: 3px solid #0c3b65;
    background-color: #0c3b65;
    width: 80px;
    
}
 

.spotlight-container2 {
    position: relative;
    margin: 0px auto;
    background-color: white;
    padding: -10px 20px 20px  0px;
    overflow: hidden;
}

 

  

.spotlight-containe {
    position: relative;
    margin: 0px auto;
    background-color: white;
    padding: 45px 20px 20px  0px;
    overflow: hidden;
}


.partnerships::before {
    content: "";
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    height: 70%;
    border-right: 3px solid #0c3b65;
    width: 80px;
      
}

  

.partnerships {
    position: relative;
    margin: 0px auto;
    background-color: white;
    padding: 0px  0px  0px  0px;
    overflow: hidden;
    z-index: 99;
}


.spotlight-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 10px 50px 10px;
    border-radius: 8px;
}

.spotlight-header h1 {
    font-size: 3.5em;
    color: #0c3b65;
    flex: 0;
    text-align: left;
    font-weight: 400;
}

.spotlight-header p {
    font-size: 1.2em;
    color: #333;
    flex: 2;
    text-align: left;
    padding-top: 20px;
    font-weight: 500;
}




.spotlight-header2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 80px 25px 60px 25px;
    border-radius: 8px;
}

.spotlight-header2 h1 {
    font-size: 1.6em;
    color: #000000;
    text-align: left;
    font-weight: 500;
    vertical-align: middle;
    display: contents;
}

.spotlight-header2 p {
    font-size: 1.2em;
    color: #333;
    flex: 2;
    text-align: left;
    padding-top: 20px;
    font-weight: 500;
}

.header-divider {
    width: 3px;
    background-color: #0c3b65;
    height: 70px;
    margin: 0 30px;
}

.tab-container {
    display: flex;
    justify-content: left;
    margin-bottom: 0;
    width: 100%; /* Make the container full width */
}

.tabs {
    list-style: none;
    display: flex;
    width: 100%; /* Full width for the tabs */
    margin-bottom: 0;
    padding: 0; /* Remove default padding */
}

.tab {
    flex-grow: 1; /* Ensure each tab takes up equal space */
    padding: 30px 0; /* Adjust padding for full-width look */
    background-color: #18588c;
    cursor: pointer;
    color: #ffffff;
    transition: background-color 0.3s ease;
    font-weight: bold;
    font-size: 20px;
    text-align: center; /* Center the text in each tab */
}

.tab:hover {
    background-color: #0b3456;
}

.tab.active {
    background-color: #18588c;
    color: white;
    position: relative;
    padding-bottom: 0;
    font-weight: bold;
    font-size: 20px;
}

.tab.active::after {
    content: '';
    display: block;
    width: 20px; /* Diameter of the circle */
    height: 20px;
    background-color: white;
    border-radius: 50%; /* Make it circular */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px; /* Adjust to overlap the bottom edge */
    clip-path: inset(0 0 20% 0); /* Cut the bottom 20% of the circle */
}



.tab-content {
    display: none;
     border-top: none;
    border-radius: 0 8px 8px 8px;
    transition: opacity 0.5s ease;
  }

.tab-content.active {
    display: block;
    opacity: 1;
}

.tab-body {
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.tab-body img {
    max-width: 40%;
    height: auto;
    border-radius: 8px;
    margin-right: 2px;
}

.tab-text {
    max-width: 60%;
    padding-left: 80px;
}

.tab-text h2 {
    font-size: 3.2em;
    margin-bottom: 50px;
    color: #333;
    font-weight: 600;
}

.tab-text p {
    font-size: 1em;
    color: #666;
}

@media (max-width: 768px) {
    .tab-container {
        flex-direction: column;
    }

    .tabs {
        flex-direction: column;
        align-items: center;
    }

    .tab {
        width: 100%;
        text-align: center;
    }

    .tab-body {
        flex-direction: column;
        padding-top: 14px;
    }

    .tab-body img {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .tab-text {
        max-width: 100%;
        text-align: center;
        padding-left: 0px;
        text-align: left;
        padding-top: 20px;
    }

    .spotlight-header {
        flex-direction: column;
        text-align: center;
    }

    .header-divider {
        height: 2px;
        width: 80px;
        margin: 20px 0;
    }
}



/* Container for the content section */
.tab-sec-content-section {
    padding: 0px 0;
}

.tab-sec-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.tab-sec-row {
    display: flex;
    width: 100%;
}

/* Left side for heading, paragraph, and button */
.tab-sec-left-content {
    width: 50%;
    padding-right: 25px;
    text-align: left;
    padding-left: 30px;
}

.tab-sec-left-content h2 {
    font-size: 2em;
    margin-bottom: 20px;
    color: #18588c;
    text-align: center;
}

.tab-sec-left-content p {
    font-size: 0.9em;
    color: #333;
    margin-bottom: 20px;
}

.tab-sec-cta-button {
    display: inline-block;
    padding: 5px 15px;
    background-color: #18588c;
    color: white;
    text-decoration: none;
    font-weight: 400;
    border-radius: 4px;
    font-size: 16px;
}

.tab-sec-cta-button:hover {
    background-color: #0b3456;
}

/* Right side with two rows of four boxes */
.tab-sec-right-content {
    width: 60%;
    display: flex;
    flex-direction: column;
}

.tab-sec-box-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 20px !important;
}

.tab-sec-box {
    width: 23%;
    height: 120px;
    background-color: #fff;
    border-radius: 8px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .tab-sec-container {
        flex-direction: column;
    }

    .tab-sec-left-content {
        width: 100%;
        text-align: left;
        margin-bottom: 35px;
    }

    .tab-sec-right-content {
        width: 100%;
        padding: 0 20px;
    }

    .tab-sec-box-row {
        flex-wrap: wrap;
        margin-bottom: 2px;
        /* margin-right: 20px; */
        gap: 10px !important;
    }

    .tab-sec-box {
        width: 48%;
        margin-bottom: 10px;
        width: 120px !important;
    }

    .pbmit-ihbox.pbmit-ihbox-style-5 .pbmit-ihbox-box {
       
        height: 233px;
        
    }
}



.section06 {
    width: 100%;
    position: relative;
    margin-top: 0px;
}

.top-border06 {
    width: 100vw; /* Full viewport width */
    height: 5px;
    background-color: #0b3660; /* Top blue border */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* Ensure it appears above other elements */
}

.container06 {
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 0; /* Top and bottom padding, removed side padding to prevent overflow */
    position: relative; /* For stacking context */
}

.section-title06 {
    width: 100%;
    text-align: left;
    margin: 50px 0;
    position: relative;
    z-index: 2;
    padding-left: 40px;
}

.services-section06 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px; /* Padding to prevent overflow */
}

.service-box06 {
    width: calc(50% - 20px);
    background-color: white;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    padding: 13px;
}

.service-box06 img {
    width: 40%; /* Increased image size slightly */
    margin-right: 30px; /* Added more space between image and content */
}

.service-box-content06 {
    flex: 1;
}

.service-title06 {
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    font-size: 21px;
    line-height: 25px;
}

.service-description06 {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
}


/* Number and Blue Strip */
.service-number06 {
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000;
}

.service-number06 .blue-strip06 {
    background-color: #003865;
    height: 6px;
    width: 18px;
    margin-left: 26px;
}


/* Right Blue Band */
.blue-band06 {
    background-color: #0b3660;
    height: 1033px;
    width: 7%;
    position: absolute;
    right: -18px;
    top: 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .service-box06 {
        flex-direction: column;
        width: 100%;
    }

    .service-box06 img {
        width: 100%;
        margin-bottom: 15px; /* Space below image for mobile */
    }

    .blue-band06 {
        width: 10%;
    }
}

@media (max-width: 480px) {
    .blue-band06 {
        width: 15%;
    }
}


/* Hero Section */
.hero-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 140vh;
    background: url('../images/sec-bg.jpg') no-repeat center center ;
    background-size: cover;
    background-position: top;
    border-bottom: 5px solid #de6a21;
    margin-top: 50px;
}

.left-content {
    flex: 1;
    padding: 0 20px;
    color: white;
}

.left-content h1 {
    font-size: 1.8em;
    margin-bottom: 20px;
    font-weight: 600;
    color: #fff;
}

.left-content {
    flex: 1;
    padding: 0px 10px;
    color: white;
    margin-top: 30px;
}

.right-content {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: white;
    z-index: 1;
}

.content2 {
    position: relative;
    z-index: 2;
    /* padding-left: 150px; */
    max-width: 1000px;
    color: white;
    text-align: left;
}

 

.worker-image {
    height: 450px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 2;
    object-fit: cover;
}

/* Innovation & Reliability Section (Within the main content) */
.innovation-section {
    padding: 40px 0;
    
    text-align: center;
    margin-top: 110px;
}

.innovation-section h2 {
    font-size: 1.9em;
    margin-bottom: 0px;
    text-align: left;
    padding-bottom: 20px;
    
}

/* Slider Container */
.slider-container2 {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
    text-align: justify;
    color: #000;
    font-size: 15px;
}

.slider-content2 {
    display: none;
    font-size: 1.1em;
    line-height: 1.7;
}

.slider-content2.active {
    display: block;
}

/* Navigation Arrows */
.arrows {
    margin-top: 30px;
}

.arrows span {
    font-size: 2em;
    margin: 0 20px;
    cursor: pointer;
    background-color: #333;
    color: white;
    padding: 10px;
    border-radius: 50%;
}

.arrows span:hover {
    background-color: #555;
}










.slider-container {
    position: relative;
    height: 80vh;
    overflow: hidden;
}

.video-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s ease-in-out; /* Simple fade effect */
}

.video-slider.active {
    opacity: 1;
}

.myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    z-index: -1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Dark overlay with transparency */
    z-index: 1; /* Place it between video and content */
}

.content-slide {
   
    transform: translateY(-20%);
    text-align: left;
    width: 100%;
    color: white;
    z-index: 2;
}

.slide-text{

    color: #fff;
    font-size: 35px;
    text-transform: capitalize;
    
}

.slide-p {
    font-weight: 300;
    font-size: 19px;
    /* width: 460px; */
    width: 600px;
}

button {
    background-color: #ffffff;
    border: none;
    color: #000;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    font-weight: 400;
}

.slider-controls {
    position: absolute;
    bottom: 60px;
    right: 730px;
    z-index: 2;
}
.slider-controls button {
    
    color: white;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    transition: background-color 0.3s;
    border-radius: 48px;
    border: 1px solid #fff;
}

.slider-controls button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Base styles (already applied above) will handle desktop/larger screens */

/* Tablet screens (768px and below) */
@media only screen and (max-width: 768px) {
    .content {
        width: 60%; /* Adjust content width for smaller screens */
    }

    h1 {
        font-size: 2rem; /* Make the heading smaller */
    }

    p {
        /* font-size: 1rem; */
    }

    button {
        font-size: 14px;
        padding: 8px 16px; /* Smaller button */
    }
    
    .slider-controls {
        bottom: 10px; /* Move controls slightly up */
        right: 10px; /* Adjust control button position */
    }

    .slider-controls button {
        width: 40px; /* Smaller control buttons */
        height: 40px;
    }
}

/* Mobile screens (480px and below) */
@media only screen and (max-width: 480px) {
    .content {
        width: 80%; /* Use more width for better readability */
    }

    h1 {
        font-size: 1.8rem; /* Even smaller heading */
    }

    p {
        /* font-size: 0.9rem;  */
    }

    button {
        font-size: 12px;
        padding: 6px 12px; /* Smaller button */
    }

    .slider-controls {
        bottom: 70px;
        right: 25px;
    }

    .slider-controls button {
        width: 35px; /* Even smaller control buttons */
        height: 35px;
    }
}








/* Top Bar Styles */
.top-bar {
    background-color: #0b3456; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    color: white;
    font-size: 14px;
    font-weight: 500;
}

.company-info {
    font-weight: bold;
}

.contact-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-info select {
    background: #fff;
    border: none;
    padding: 3px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.contact-info select option {
    color: #333;
}


/* Search Bar Container */
.search-bar {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 185px;
    padding-right: 30px;
}
/* Search Input */
.search-bar input {
    width: 100%;
    padding: 5px 5px 5px 30px;
    border: 0px solid #ccc;
    border-radius: 10px;
    font-size: 14px;
    background-color: #dddddd;
    color: black !important;  /* Makes the search text white */

}

/* Search Icon */
.search-icon {
    position: absolute;
    left: 10px;
    color: #000;
    font-size: 12px;
    transform: rotate(85deg);
}

/* Adjust search bar on smaller screens */
@media (max-width: 768px) {
    .search-bar {
        max-width: 100%;
    }

    .search-bar input {
        padding: 10px 10px 10px 35px;
    }

    .search-icon {
        left: 25px;
    }
}



/** 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: 50px 0;
    position: relative;
    padding-bottom: 7px;
}
.expertise-bg-box::before{
	position: absolute;
	content: "";
    height: 100%;
    width: 180%;
    top: 0;
    right: 0;
    display: block;
    background-color: #00314b;
	/*background-color: var(--pbmit-white-color);*/
}
.expertise-bg_color{
	position: relative;
	overflow: hidden;
    margin-top: 20px;
}
.expertise-bg_color:after{
	position: absolute;
    content: "";
    left: 0;
    top: 0;
     
    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/homepage-1/bg/trunck-img-01.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 {
    position: relative;
    z-index: 1;
    padding: 0px 100px 0px 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 .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 {
    margin-top: -132px;
    padding: 140px 0px 80px 0px;
    background-color: #0b3660;
    position: relative;
}
.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: #0c3b65;
}
.service-three-bg:after{
	position: absolute;
    content: "";
	top: 0;
    width: 80px;
    height: 100%;
     
	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/homepage-3/bg/new-bg-1.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/homepage-6/bg/new-bg-09.png);
    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/service-img.jpg); */
	background-image: url(../images/service-img.jpeg);
	background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.academia_inner_bg{
	position: relative;
	height: 100%;
}
.academia_inner_bg::before{
	/* position: absolute;
    height: 100%; */
    position: relative;
    height: 500px;
	/* width: 164%; */
    width: 100%;
    top: 0;
    right: 0;
    content: "";
    display: block;
	background-image: url(../images/academia.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 100%;
    max-width: 100%; 
    padding: 80px 15px;
    text-align: left;

}
.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: 25px;
    line-height: 40px;
}
article.post.blog-details .post-content{
	padding-top: 20px;
    padding-bottom: 20px;
}
.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 0px 0px 0px;
}
.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: 35px 60px 5px 60px;
	background-color: var(--pbmit-white-color);
}
.contact-section-bottom-inner-left .pbmit-ihbox.pbmit-ihbox-style-3{
	margin-bottom: 40px;
}
.contact-section-iframe{
    height: 500px;
	filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
}
.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;
}
label.error {
	background: red;
	color: white;
	border-radius: 0px 0 10px 10px;
	margin-bottom: 15px;
	padding: 0 10px;
	font-size: 12px;
	display: block;
	margin-top: 0px;
	margin-right: 20%;
}
.message-status{
	margin-top: 30px;
}
.contact-section-bottom-inner .input-group{
    display: block;
}
.contact-section-bottom-inner .input-group>.form-control, 
.contact-section-bottom-inner .input-group>.form-select{
    width: 100%;
    background-color: #f2f3f5;
}

/**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;
}

footer .footer-widget .contact-area .hotline-area .icon {
    position: relative;
}

.hotline-area {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 35px;
    color: #fff;
}

.hotline-area .icon::after {
    
    height: 50px;
    width: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
     
    background-color: #fff;
}



.footer-links li {
    position: relative;
    padding-left: 20px;  /* Adjust space for the bullet */
    margin-bottom: 0px;
    list-style: none;  /* Remove default bullets */
}

.footer-links li::before {
    content: '';
    position: absolute;
    left: 0;  /* Position bullet at the left */
    top: 50%;
    transform: translateY(-50%);
    width: 8px;  /* Width of the bullet */
    height: 8px;  /* Height of the bullet */
    background-color: #ffffff;  /* Orange color for the bullet */
    border-radius: 1px;  /* You can adjust this to make it more square or rounded */
}
.building{font-size: 17px;
    font-weight: 300;}

    /* .slide-text {
    color: #fff;
    font-size: 45px;
    text-transform: capitalize;
    padding-top: 20px;
} */


    /* Media query for smaller devices like tablets */
@media (max-width: 768px) 

{
    .slide-text {
        color: #fff;
        font-size: 21px;
        line-height: 28px;
    }

    .team-two_bg {
       
        padding: 50px 0px 28px 0px;
        background-color: #0b3456;
        position: relative;
    }

    .product-box05 {
        width: 100% !important;
        
    }

    .pro-tab-content05.active {
        display: block !important;
        
    }


    .pbmit-title-bar-content .pbmit-tbar-title {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .partnerships-section h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }


    .tab-sec-row {
       display: grid;  
        width: 100%;
    }

    .blue-band06 {
        width: 15%;
        display: none;
    }

    .pbmit-miconheading-style-5 {
        margin-bottom: 30px;
        width: 100%;
    }


    .pbmit-miconheading-style-6 {
        margin-bottom: 30px;
        width: 100%;
    }

    .service-h1 {
        /* text-align: center; */
        color: #fff;
        font-size: 28px;
        
    }
    .explore {
        padding-top: 0px;
        padding-left: 0px;
    }

    .spotlight-container {
        /* position: relative; */
        max-width: 100%;
        margin: 0px auto;
        background-color: white;
        /* padding: 20px; */
        overflow: hidden;
        float: left;
        align-items: end;
        /* height: 500px; */
    }

    .slide-p {
        font-weight: 300;
        font-size: 17px;
        width: 300px;
    }

    .content-slide {
        position: absolute;
        top: 20%;
        left: 10%;
        transform: translateY(-50%);
        text-align: left;
        width: 80%;
        color: white;
        z-index: 2;
        line-height: 25px;
    }

    

    .hero-section {
        position: relative;
         display: block;  
        align-items: center;
        justify-content: space-between;
        height: 140vh;
        
        background-size: cover;
        background-position: top;
        border-bottom: 5px solid #de6a21;
        background: url(../images/explr-mb-bg.png) no-repeat top right;
    }


    .slider-controls button {
        color: white;
        background: none;
        border: none;
        cursor: pointer;
        padding: 8px;
        width: 50px;
        height: 50px;
        margin-left: 10px;
        transition: background-color 0.3s;
        border-radius: 48px;
        border: 1px solid #fff;
    }

    .slider-container {
        position: relative;
        height: 60vh;
        overflow: hidden;
    }


    .content2 {
        position: relative;
        z-index: 2;
      padding-left: 15px;  
     max-width: 100%;
        color: white;
        padding-top: 5px;
        
    }

    .innovation-section {
        padding: 100px 0;
        text-align: center;
        margin-top: 25px;
    }

    .spotlight-header h1 {
        font-size: 2.5em;
        color: #0c3b65;
        flex: 0;
        text-align: left;
        font-weight: 400;
    }

    .outer {
        padding-top: 20px;
        padding-bottom: 0px;
    }


    .tab.active::after {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        position: absolute;
        left: 75%;
        transform: translateX(-50%);
        bottom: 20px;
        clip-path: inset(0 0 0% 0);
    }

    .spotlight-container::after {
       display: none;
    }
.iframe1{display: none;}

.tab-container {
    display: flex;
    justify-content: left;
    margin-bottom: 0;
    padding-left: 0px;
    
}

.tab-content {
    display: none;
    padding: 0px;
    border-top: none;
    border-radius: 0 0px 0px 0px;
    transition: opacity 0.5s ease;
    /* padding-left: 30px; */
}

.tab-text h2 {
    font-size: 2.2em;
    margin-bottom: 20px;
    color: #333;
    font-weight: 600;
}

.spotlight-containe::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-right: 3px solid #0c3b65;
    width: 13px;
}
*, ::after, ::before {
    box-sizing: border-box;
}

.pbmit-heading-subheading {
    /* position: relative; */
    /* z-index: 1; */
    top: 0%;
      left: 0%;  
     transform: translate(-0%, -0%);  
    text-align: center;
}

.explore-p {
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
}


.spotlight-container2::before {
   display: none;
}

.spotlight-header2 h1 {
    font-size: 1.5em;
    color: #0c3b65;
    font-weight: 500;
}

.partnerships::before {
    content: "";
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    height: 70%;
    border-right: 3px solid #0c3b65;
    width: 13px;
}


.strip-heading {
    position: relative;
    padding-top: 25px;
    background-color: #0c3b65;
    height: 85px;
    margin-top: 0px;
    text-align: center !important;
}

.strip-p {
    color: #fff;
    font-size: 23px;
    padding-left: 0px;
    font-weight: 500;
    text-align: center;
}

.logos {
    display: flex;
    justify-content: center;
    overflow: hidden;
    /* width: 100%; */
    width: auto;
}

.partnerships-section {
    text-align: center;
    /* padding: 48px; */
    padding: 20px;
    color: white;
    padding-top: 70px;
    padding-bottom: 70px;
    border-bottom: 3px solid #efd1d1;
}

.spotlight-header2 {
    border-radius: 8px;
    padding: 25px;
    display: block;
    padding-top: 0px;
}

.mp-address-title {
    font-size: 33px !important;
    text-align: center;
    padding-top: 20px;
}


.pbmit-heading-subheading.text-right {
    margin-bottom: 0px;
}

.expertise-bg-box .pbminfotech-ele-fid-style-1 {
    margin-bottom: 20px;
    padding-left: 30px;
}

.header2 {
    color: white;
    font-size: 2rem;
    margin-bottom: 20px;
}

.section2 {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 20px;
    border-radius: 10px;
     opacity: 10;  
    transition: opacity 0.5s ease;
}

.container2 {
    text-align: center;
    background: url(../images/bg2.png) no-repeat center center;
    background-size: cover;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.strip-heading2 {
    position: relative;
    padding-top: 15px;
    background-color: #0c3b65;
    height: 70px;
    margin-top: 45px;
    width: 72%;
}


.strip-p2 {
    color: #fff;
    font-size: 23px;
    padding-left: 50px;
    font-weight: 500;
}

.features-h1 {
    padding-bottom: 45px;
    text-align: center;
}

.features {
    max-width: 1200px;
    margin: 0px auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.pbmit-footer-newslatter input {
    font-size: 14px;
    width: 100%;
    height: 49px;
    border: 1px solid #d3d3d3;
    background-color: var(--pbmit-light-color);
    padding: 0px 7px;
    color: #fff !important;
    margin-right: 15px !important;
}

.text-end {
    text-align: center !important;
    padding-top: 30px;
}

.swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-slide {
    flex-shrink: 0;
    padding-bottom: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
}


.title1 {
    font-size: 32px;
    line-height: 90px;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: none;
    font-weight: 400;
     text-align: left;
     transform: translate(0%, -80%);
}

 
				/* General Tab styles */
                .tabs05 {
                    display: flex;
                    margin-bottom: 20px;
                    justify-content: space-between;
                }
                
                .pro-tab05 {
                    font-size: 18px; /* Increase font size */
                    padding: 15px 30px; /* Increase padding for bigger tabs */
                    margin: 0 10px; /* Add space between tabs */
                    background-color: #1a73e8; /* Example background color */
                    color: white; /* Text color */
                    border-radius: 25px; /* Rounded edges */
                    cursor: pointer;
                    transition: background-color 0.3s;
                }
			
				/* Individual tab colors */
				.pro-tab05.analytical05 {
                    background: rgb(23 73 113 / 37%);
    color: white;
    border: none;
    border-radius: 70px;
    padding: 15px 100px;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
 
 				}
			
				.pro-tab05.industrial05 {
                    background: rgb(23 73 113 / 37%);
    color: white;
    border: none;
    border-radius: 70px;
    padding: 15px 100px;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
     
 				}


               
			
				.pro-tab05.material-testing05 {
                    background: rgb(23 73 113 / 37%);
                    color: white;
                    border: none;
                    border-radius: 70px;
                    padding: 15px 100px;
                    font-size: 18px;
                    cursor: pointer;
                    text-align: center;
                    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
                    backdrop-filter: blur(10px);
                    -webkit-backdrop-filter: blur(10px);
 				}
			
				/* Active and hover states */
				.pro-tab05.active {
                    background-color: #1169c7; /* Active tab color */
                }
                
                .pro-tab05:hover {
                    background-color: #0056b3; /* Hover effect */
                }
			
				/* Content area */
				.pro-tab-content05 {
				  display: none;
				  
				  justify-content: flex-start; /* Align items to the left */
				  opacity: 0;
				  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
				  visibility: hidden;
				}
			
				.pro-tab-content05.active {
				  display: flex;
				  opacity: 1;
				  visibility: visible;
				}
			
				/* Product box */
                .product-box05 {
                    width: 100%;
                    margin: 0px;
                    text-align: center;
                    border-bottom: 4px solid #0a3252;
                    position: relative;
                    transition: transform 0.3s ease, box-shadow 0.3s ease;
                    padding-bottom: 60px !important;
                    height: 100%;
                }
			
				.product-box05:hover {
				  transform: translateY(-10px);
				  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Add shadow on hover for depth */
				}
			
				.product-box05 img {
				  max-width: 100%;
				  height: auto;
				  margin-bottom: 15px;
				  opacity: 1; /* Default opacity */
				  transition: opacity 0.3s ease; /* Smooth transition for opacity */
				}
			
				.product-box05:hover img {
				  opacity: 0.7; /* Change opacity on hover for fade effect */
				}
			
				.product-box05 h3 {
				  font-size: 1.2em;
				  margin-bottom: 10px;
				  color: #333;
                  text-align: left;
				}
			
				.product-box05 p {
				  color: #666;
				  font-size: 0.9em;
				  margin-bottom: 0px; /* Reduced margin for better spacing */
                  text-align: left;

				}
			
                .product-box05 .more-btn05 {
                    position: absolute;
                    width: 90px;
                    padding: 5px 4px 4px 4px;
                    background-color: #0d4069;
                    color: #fff;
                    text-decoration: none;
                    /* opacity: 0; */
                    opacity: 1;
                    transition: opacity 0.3s ease;
                    font-size: 13px;
                    transform: translateX(-50%);
                    left: 50%;
                    bottom: 15px;
                    border-radius: 5px;
                }
			
				.product-box05:hover .more-btn05 {
				  opacity: 1; /* Show button on hover */
				}
			
				/* Responsive styles */
				 
				 
			
				@media (max-width: 768px) {
				  
                    .pro-tab05.industrial05 {
                        background: rgb(23 73 113 / 37%);
        color: white;
        border: none;
        border-radius: 70px;
        padding: 15px 60px;
        font-size: 18px;
        cursor: pointer;
        text-align: center;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        margin: 10px;
                     }

                     .mp-address-p {
    font-size: 13px !important;
    line-height: 19px !important;
    color: #000;
    font-weight: 500;
}

.tab-sec-left-content h2 {
    font-size: 1.5em;
    margin-bottom: 20px;
    color: #18588c;
}

.title1 {
    /* font-size: 28px;
    line-height: 55px; */
    font-size: 22px;
    line-height: inherit;
    letter-spacing: 0;
    color: #ffffff;
    /* text-transform: none; */
    font-weight: 400;
    text-align: left;
    padding: 16px;
    text-align: center;
    /* margin-top: 50px; */
    margin: 30% auto 37%;
    /* padding: 50px 0; */
}

                     .section-title06 {
                        width: 100%;
                        text-align: center;
                        position: relative;
                        z-index: 2;
                        font-size: 27px !important;
                        padding-left: 0px;
                        margin-top: 25px;
                        margin-bottom: 25px;
                    }


                    .tabs05 {
                        flex-wrap: wrap;
                        justify-content: center;
                        display: block;
                        bottom: 20px;
                        margin-top: 20px;
                    }

                    .left-content {
                       
                        margin-top: 80px !important;
                    }

                    .pro-tab05.material-testing05 {
                     
                        border-radius: 70px;
                        padding: 15px 80px;
                        margin-top: 10px;
                       
                    }

                    .tab {
                        flex-grow: 1;
                        padding: 10px 0 10px 0px;
                        background-color: #18588c;
                        cursor: pointer;
                        color: #ffffff;
                        transition: background-color 0.3s ease;
                        font-weight:400; 
                        font-size: 20px;
                        border-bottom: 1px solid #177aca;
                    }

                    .tab.active {
                       
                        padding-bottom: 10px;
                        background-color: #167dd1;
                       
                    }
				}
			  

               
                .mp-container {
                    display: flex;
                    flex-wrap: nowrap;
                    gap: 20px;
                    background-color: #ebeaea71;
                }
                .mp-left-section {
                    flex: 0 1 94%;
                    padding: 75px;
                }
        
                .mp-map-placeholder {
                    width: 100%;
                    height: 100%;
                     
                  
                    overflow: hidden;
                }
        
                .mp-map-placeholder img {
                    width: 100%;
                    height: auto;
                    object-fit: contain;
                    background-repeat: no-repeat;
                    padding-top: 100px;
                }
        
                .mp-right-section {
                    flex: 1 1 55%;
                    display: grid;
                    grid-template-columns: repeat(1, 1fr);
                    gap: 10px;
                    padding-right: 3px;
                    padding-top: 30px;
                    padding-bottom: 30px;
                }
        
                .mp-address-column {
                    padding: 0px;
                     box-sizing: border-box;
                    min-width: 0; /* Prevents overflow */
                    overflow-wrap: break-word; /* Breaks long content */
                }

                .mp-address-p {
                    font-size: 14px !important;
                    line-height: 25px;
                    color: #000;
                    font-weight: 500;
                }

                .mp-address-p2 {
                    font-size: 16px !important;
                    line-height: 15px;
                    color: #0b84ef;
                    font-weight: 600;
                }

                .mp-address-h2 {
                    font-size: 20px !important;
                    line-height: 30px;
                 }

                 .mp-address-title {
                    font-size: 33px !important;
                    padding-left: 40px;
                 }
        
                h1 {
                    font-size: 24px;
                    margin-bottom: 20px;
                }
        
                h2 {
                    
                    margin: 0px 0;                }
        
                @media (max-width: 1024px) {
                    .mp-container {
                        flex-direction: column; /* Stack sections on smaller screens */
                    }
                    .mp-left-section, .mp-right-section {
                        flex: 1 1 100%; /* Full width */
                    }
                }
        
                @media (max-width: 768px) {
                    h1 {
                        font-size: 20px; /* Smaller font size for h1 */
                    }
                    h2 {
                        font-size: 16px; /* Smaller font size for h2 */
                    }
                    .mp-left-section, .mp-right-section {
                        padding: 15px; /* Reduced padding for smaller screens */
                    }
                    .mp-right-section {
                        grid-template-columns: repeat(2, 1fr); /* Ensure two columns on medium screens */
                        gap: 8px; /* Reduce the gap between address boxes */
                    }
                    .mp-address-column {
                        padding: 8px; /* Reduced padding for address boxes */
                    }
                }
        
                @media (max-width: 480px) {
                    h1 {
                        font-size: 18px; /* Even smaller font size for very small screens */
                    }
                    h2 {
                        font-size: 30px; /* Even smaller font size for h2 */
                    }

                    .left-content h1 {
                        font-size: 30px;
                         
                    }
                    .section-lg {
                     
                        background-repeat: no-repeat;
                        background-size: cover;
                    }


                    .mp-right-section {
                        grid-template-columns: repeat(1, 1fr); /* Ensure two columns on small screens */
                        gap: 5px; /* Reduce the gap even more for small screens */
                    }
                    .mp-address-column {
                        padding: 6px; /* Further reduced padding for very small screens */
                        font-size: 12px; /* Adjust font size inside the address box */
                    }
                }


                

                    .btn{

                        text-align: right !important;
                        top: -25px;
                        position: relative;
                        right: 45px;
                        background: white;
                        color: black;
                    }
                

     .video-slider {
    display: flex;
    justify-content: center;
    align-items: center;
     width: 100%;
    height: 100vh; /* Full viewport height */
    overflow: hidden;
}

.video-slider video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the video covers the entire area */
    z-index: 1;
}

.video-slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Overlay for better text readability */
    z-index: 2;
}

.map03 {
    position: relative;
    height: 642px;
    background-image: url(../images/map.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

/* Styling for countries (pin areas) */
.country03 {
    position: absolute;
    width: 23px;
    height: 23px;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

/* Set positions for each country using transform */
#uae03 {
   /*  top: 62.8%;
    left: 75%;
    transform: translate(-50%, -50%);*/
}

#uae04 {
    /* top: 59.5%;
    left: 77.5%;
    transform: translate(-50%, -50%);*/
}

#uae05 {
    /* top: 59.5%;
    left: 77.5%;
    transform: translate(-50%, -50%);*/
}

#oman {
    /* top: 72%;
    left: 78%; 
    transform: translate(0%, 0%);*/
}

#saudi {
    /* top: 69.5%;
    left: 52.5%;
    transform: translate(-50%, -50%);*/
}

#bahrain {
   /* top: 49.5%;
    left: 70.5%;
    transform: translate(-50%, -50%);*/
}

#qatar03 {
    /* top: 60.5%;
    left: 70%;
    transform: translate(-50%, -50%);*/
}

#kuwait03 {
   /*  top: 49.5%;
    left: 60.5%;
    transform: translate(-50%, -50%);*/
}

/* Tooltip/Interactive Box */
#tooltip03 {
    position: absolute;
    background-color: #fff;
    color: #333;
    padding: 8px;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    display: none;
    z-index: 10;
}


/* Image-specific background for pins */
.map-image03 {
    background-image: url('../images/map2.png'); /* Path to the pin image */
    width: 100%;
    z-index: 9;
     height: 641px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
   
}

/* Image-specific background for pins */
     .kuwait-image03 {
    background-image: url('../images/location-ico.png'); /* Path to the pin image */
    width: 100%;
    z-index: 9;
     height: 641px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
   
}

/* Image-specific background for pins */
.oman-image {
    background-image: url(../images/oman.png);
    width: 100%;
    z-index: 9;
     height: 641px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.uae-image03 {
    background-image: url(../images/uae.png);
    width: 100%;
    z-index: 9;
     height: 641px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.qatar-image03 {
    background-image: url(../images/qatar.png);
    width: 100%;
    z-index: 9;
     height: 641px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}
.kuwait-image03 {
    background-image: url(../images/kuwait.png);
    width: 100%;
    z-index: 9;
     height: 641px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.saudi-image03 {
    background-image: url(../images/saudi.png);
    width: 100%;
    z-index: 9;
     height: 641px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

/* Highlight effect */
.highlight {
     background-color: #0c3b65;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    padding: 10px;
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 0px;
    color: #fff;
    font-weight: 400 !important;
    font-size: 16px;
    border-left: 0px solid #0d85ef !important;
}

.highlight a {
    color: #fff !important;
}





/* Smooth transition for images */
/* Highlight country and address on hover */
.country03:hover,
.address03:hover ~ .country03[data-country="uae03"],
.address03:hover ~ .country03[data-country="qatar03"],
.address03:hover ~ .country03[data-country="kuwait03"] {
    opacity: 1;
}

/* Responsive behavior */
@media (max-width: 768px) {
    .country03 {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 480px) {
    .country03 {
        /* width: 50%;
        height: 57%; */
    width: 100% !important;
        height: 100% !important;
        margin-left: 3%;
    }


    .country-oman {
        /* width: 24% !important;
        height: 24% !important; */
    width: 100% !important;
        height: 100% !important;
        margin-left: 3%;
    }

    .country-uae {
        /* width: 18% !important;
        height: 10% !important; */
        width: 100% !important;
        height: 100% !important;
        margin-left: 3%;
    }

    .country-qatar {
        /* width: 12% !important;
        height: 6% !important; */
        width: 100% !important;
        height: 100% !important;
        margin-left: 3%;
    }

    .country-kuwait {
        /* width: 11%;
        height: 6%; */
        width: 100% !important;
        height: 100% !important;
        margin-left: 3%;
    }

    .map03 {
        position: relative;
        height: 300px;
        background-image: url(../images/map.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 352px;
    }

    #tooltip03{

        left: 50px !important;
        top: 11400px !important;
        margin-right: 32px !important;
        position: absolute !important;
    }
}


.map-tooltip {
    position: absolute;
    background-color: #fff;
    /* border: 2px solid #007BFF; */
    border-radius: 8px;
    padding: 15px;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    z-index: 10;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */
    pointer-events: none;
    max-width: 300px;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    transform: translateY(-10px);
}

/* Add a smooth animation to make the tooltip appear cleanly */
.map-tooltip.show {
    opacity: 1; /* Fully visible */
    transform: translateY(0); /* Reset translation to original position */
}


/* Container and Section Styling */
.mp-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.mp-left-section {
    flex: 2;
}

.mp-right-section {
    flex: 2;
}

/* Two-column layout for the addresses */
.two-column-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

.column {
    flex: 1;
    /* min-width: 300px;  */
}

/* Address Styling */
.mp-address-h2 {
    font-size: 18px;
    font-weight: bold;
    border-left: 4px solid #0d85ef;
    padding-left: 10px;
    margin-right: 10px;
    margin-top: 0px !important;
}

.mp-address-h2 {
    font-size: 19px !important;
    line-height: 30px;
}

.mp-address-p {
    font-size: 14px;
    margin: 0 0 15px;
    margin-right: 10px;
    padding-bottom: 14px;
}

/* Tooltip styling */
.map-tooltip {
    /* Adjust tooltip styling as needed */
}

/* Mobile Responsive Design */
@media (max-width: 768px) {
    .mp-container {
        flex-direction: column;
    }

    .two-column-layout {
        flex-direction: column;
    }

    .column {
        min-width: 100%; /* Make columns full width on smaller screens */
    }
}


 
.container.pro-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box2.pro-b {
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 20px;
}
 
/* For laptop screens (4 boxes in one row) */
@media only screen and (min-width: 1024px) {
    .container.pro-b {
        grid-template-columns: repeat(4, 1fr); /* 4 boxes */
    }
   

}

/* For mobile screens (2 boxes in one row) */
@media only screen and (max-width: 767px) {
    .container.pro-b {
        grid-template-columns: repeat(2, 1fr); /* 2 boxes */
    }

    .box2.pro-b {
        /* width: 50% !important; */
        width: 100% !important;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .product-box05 h3 {
        font-size: 14px !important;
        margin-bottom: 10px;
        color: #333;
        text-align: left;
    }
}


 

.highlight-blue {
    background-color: #0b3456; /* Blue background */
    color: #fff; /* White text for contrast */
    border-radius: 0px; /* Rounded corners */
    padding: 10px; /* Adjust padding */
    transition: background-color 0.3s ease; /* Smooth transition */
}

.mp-address-h2.highlight-blue {
    background-color: #0b3456; /* Blue background for heading */
    color: #fff; /* White text for contrast */
    padding: 5px 10px; /* Adjust padding */
 }

 

 
/* Style the email link initially */
.mp-address-p a {
    color: black; /* Default color */
    transition: color 0.3s ease; /* Smooth transition */
}

/* Change email color to white when the box (mp-address-p) is hovered */
.mp-address-p:hover a {
    color: white; /* Color changes to white */
}


.tab-sec-cta-button:hover{
   
    color: white !important;
    
}

.content-slide1 {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    text-align: left;
    width: 100%;
    color: white;
    z-index: 2;
}

.slide-text{

    color: #fff;
    /* font-size: 35px; */
    font-size: 45px;
    text-transform: none;
    
}

 /* Media query for smaller devices like tablets */
 @media (max-width: 768px) {
    .slide-text {
        color: #fff;
        font-size: 21px;
        line-height: 32px;
        padding-top: 120px;
    }

    .expertise-item {
   
        margin-bottom: 20px;
      }

}

    .view-all-partners {
        text-align: center;
        margin-top: 15px;
    }
    .view-all-partners-button {
        font-size: 16px;
        font-weight: bold;
        color: #007BFF;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        transition: color 0.3s ease;
    }
    .view-all-partners-button:hover {
        color: #0056b3;
    }
    .view-all-partners-button .arrow {
        margin-left: 5px;
        transition: margin-left 0.3s ease;
    }
    .view-all-partners-button:hover .arrow {
        margin-left: 10px;
    }


    .expertise-section {
        background: url('../images/services-bg.jpg') no-repeat center center;
        background-size: cover;
        padding: 60px 0;
        margin-top: 20px;
      }
      .expertise-item {
        padding: 20px;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 10px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
       }
      .expertise-item:hover {
        transform: scale(1.05);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
      }
      .icon i {
        color: #fff;
        margin-bottom: 10px;
      }
      .display-4 {
        font-size: 3.5rem;
        font-weight: bold;
        margin-bottom: 10px;
        color: #fff;
      }
      .lead {
        font-size: 1.2rem;
        margin-top: 10px;
        font-weight: 500;
      }

      
      .blog-search-bar-container {
        text-align: center;
        width: 100%;
        max-width: 1300px;
         padding: 40px;
        }
  
      .blog-search-bar-container h1 {
        color: #007bb5;
        font-size: 2rem;
       }
  
      .blog-search-bar {
        display: flex;
        justify-content: center;
        align-items: center;
      }
  
      .blog-search-bar input[type="text"] {
        width: 50%;
        padding: 10px;
        font-size: 1rem;
        border: 1px solid #ddd;
        border-radius: 5px 0 0 5px;
        outline: none;
      }
  
      .blog-search-bar button {
        padding: 10px 20px;
        font-size: 1rem;
        background: #007bb5;
        color: white;
        border: none;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
      }
  
      .blog-search-bar button:hover {
        background: #005f8a;
      }
  
      @media (max-width: 768px) {
        .blog-search-bar input[type="text"] {
          width: 60%;
        }
  
        .blog-search-bar-container h1 {
          font-size: 1.5rem;
        }
      }
      
      

.slide-text {}

/* .slide-p {
    font-weight: 300;
    font-size: 19px;
    width: 600px;
} */

.pbmit-blog-meta a:hover, .pbmit-meta-container a:hover, a:hover{
    /* color: #075391 !important; */
    color: orange !important;
}