/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 27, 2020, 1:29:30 PM
    Author     : UMAR FAROOQ
*/
    .level_1{
        //background-color: rgb(234 238 241);
        margin-top: 1px;
        padding: 5px;
        margin-top: 1px; 
    }
    .level_1_1{
       // background-color: rgb(211 211 211);
        border-radius: 0px;
        padding: 5px;
        margin-top: 2px
    }
    .level_2{
        margin-top: 1px;
       // background-color: #eaeef1;
        padding: 5px;
    }
    .ftco-section {
        padding: 7em 0; 
    }

    .ftco-no-pt {
        padding-top: 0; }

    .ftco-no-pb {
        padding-bottom: 0; }

    .justify-content-center {
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important; }
    .text-center {
      text-align: center !important; }
    .wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18); }
    .heading-section {
    font-size: 28px;
    color: #000; }
    .p-md-5 {
        padding: 3rem !important; }
      .pt-md-5,
      .py-md-5 {
        padding-top: 3rem !important; }
      .pr-md-5,
      .px-md-5 {
        padding-right: 3rem !important; }
      .pb-md-5,
      .py-md-5 {
        padding-bottom: 3rem !important; }
      .pl-md-5,
      .px-md-5 {
        padding-left: 3rem !important; }
      .p-4 {
    //  padding: 1.5rem !important; 
      }
    .no-gutters {
    margin-right: 0;
    margin-left: 0; }
    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }
    .contact-wrap {
    background: #fff; }
    .contact-wrap h3 {
    color: #000; }
    .heading-section {
    font-size: 28px;
    color: #000; }
    .w-100 {
    width: 100% !important; }
    .mw-100 {
    max-width: 100% !important; }
    .min-vw-100 {
    min-width: 100vw !important; }
    .vw-100 {
    width: 100vw !important; }
    .social-media h3 {
      font-size: 18px; }

    .social-media p a {
      color: rgba(0, 0, 0, 0.2);
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 500;
      margin-right: 10px; }
      .social-media p a:hover {
        color: #000; }
      .m-5 {
      margin: 3rem !important; }

    .mt-5,
    .my-5 {
      margin-top: 3rem !important; }

    .mr-5,
    .mx-5 {
      margin-right: 3rem !important; }

    .mb-5,
    .my-5 {
      margin-bottom: 3rem !important; }
    p,
      h2,
      h3 {
        orphans: 3;
        widows: 3; }
      h2,
      h3 {
        page-break-after: avoid; }
      .d-flex {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }
    .align-items-stretch {
      -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
      align-items: stretch !important; }

    .no-gutters {
      margin-right: 0;
      margin-left: 0; }
      .no-gutters > .col,
      .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0; }
  
    .contact-wrap {
      background: #fff; }
      .contact-wrap h3 {
        color: #000; }
      .dbox {
      width: 100%;
      margin-bottom: 25px; }
      @media (min-width: 768px) {
        .dbox {
          margin-bottom: 0; } }
      .dbox p {
        margin-bottom: 0; }
        .dbox p span {
          font-weight: 400;
          color: rgba(0, 0, 0, 0.2);
          display: block;
          text-transform: uppercase;
          font-size: 13px;
          font-weight: 600; }
        .dbox p a {
          color: rgba(0, 0, 0, 0.7); }
      .dbox .text {
        width: 100%; }
      .contactForm .form-control {
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0; }

    #contactForm .error {
      color: red;
      font-size: 12px; }

    #contactForm .form-control {
      font-size: 16px; }

    #message {
      resize: vertical; }

    #form-message-warning, #form-message-success {
      display: none; }

    #form-message-warning {
      color: red; }

    #form-message-success {
      color: #28a745;
      font-size: 18px;
      font-weight: 500; }

    .submitting {
      float: left;
      width: 100%;
      padding: 10px 0;
      display: none;
      font-size: 16px;
      font-weight: 500;
      color: #e3b04b; }
    .align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }
    @media (max-width: 991.98px) {
  .info-wrap {
    height: 400px; } }

.social-media h3 {
  font-size: 18px; }

.social-media p a {
  color: rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px; }
  .social-media p a:hover {
    color: #000; }
  .p-5 {
  padding: 3rem !important; }
    tr,
  img {
    page-break-inside: avoid;
  }
  .img {
  background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  .contact-wrap h3 {
    color: #000; }
  .social-media h3 {
  font-size: 18px; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  .text{
      color: black !important;
  }
  .text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

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

.text-primary {
  color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:hover, a.text-success:focus {
  color: #19692c !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important; }

.text-body {
  color: #212529 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important; }

.text-reset {
  color: inherit !important; }
.dbox .text {
    width: 100%; }
.card-footer{
        display: none !important;
    }
    .card{
        border: 0 !important;
        
        
        
    }
    .card-text{
        color: black !important;
        text-align: center;
        text-align: justify;
    }
    .BS-services-readMore{
        display: none
    }
.switch-lang {
  position: fixed;
  left: 35px;
  z-index: 4;
  bottom: 25px;
  background-color: #d10000;
}
       .whatsapp-btn {
      position: fixed;
      right: 35px; /* Adjust the positioning based on your layout */
      z-index: 4;
      bottom: 25px;
      background-color: #26b75c; /* WhatsApp color */
      padding: 9px;
      border-radius: 0px;
      color: white;
      text-align: center;
      font-size: 15px;
      text-decoration: none;
    }
.badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: white;
}
.heading-caption{
    color:#fff;
    font-size:35px;
    line-height:50px;
    text-align: center;
    letter-spacing: 5px;
    background-color: rgba(0,0,0, 0.63);
    padding: 20px;
}
h1{
    font-size: 20px;
}
h3{
    font-size: 17px;
}
.header-top{
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    //background-color: #d10000;
    font-size: 16px;
    color: black;
    /*margin-top: 80px;*/
    margin-top: 106px;
    text-decoration: none;
}
.BS-header-alignleft{
    float: left;
    margin-left: 0;
    flex-grow: 1;
}
.BS-header-alignright{
    float: right;
    margin-right: 0;
    flex-grow: 1;
}
.BS-header-contact-info{
    line-height: 44px;
    text-align: center;
}
@media screen and (min-width: 480px) {
    .BS-header-contact-info{
        line-height: 44px;
        text-align: left;
    }
}
.BS-header-separator{
    display: inline-block;
    padding: 0 6px;
}
a {
    color: #ffffff;
}
.footer{
   // background-color: red;
   // background-image: url('../public/images/projects/paral-04.jpg') !important;
    background-color: black;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #bfbfbf;
    border-top-width: 1px;
    padding-top: 18px;
    padding-bottom: 16px;
    border-top: 10px solid #e9eaee;
    border-bottom: 1px solid #4b4c4d;
}
.bottom{
    background-color: #282a2b;
    color: #8c8989;
}
.BS-services-top {
    border-bottom: 1px solid #dddddd;
    text-align: center;
    /* padding: 20px; */
    letter-spacing: 8px;
    line-height: 24px;
    font-weight: 500;
    font-size: 20px;
    margin: 30px 0;
    padding: 20px 0;
    background-color: #00000008;
}
.BS-services-name{
    font-size: 16px;
    color: black;
    padding-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    word-break: break-word;
    font-weight: 5000;
}
.BS-services-readMore{
    color: #000000;
}
.card-text{
    color: #747474 !important;
}
.card-body{
    /*  text-align: justify; */
}
.heading-1 {
    font-size: 50px;
    letter-spacing: 6px;
    font-weight: 400;
}
.p{
    letter-spacing: 1px;
    font-weight: 100;
}
.caption{

    background-color: rgba(0, 0, 0, 0.63);
    
    padding: 20px;
    font-size: 19px;  
   


}
.caption-p{
    
}
.slider_image{ 
    width: 100%;
    height: auto;
    /* opacity: 0.8; */
}
.carousel-inner{
    max-height: 750px;
}
.carousel-item{
    max-height: 750px;
}
.full-size-image-about{    
    background-image: url('../public/images/about.jpg');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-laboratory-testing{
    background: url('../public/images/Laboratory-Testing.jpg');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-geo{
    background: url('../public/images/geotechnical_investigation.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}



.full-size-image1-concretetest
{
    background: url('../public/images/Compressive-strength-test-for-concrete-sample-bs.webp');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.full-size-image1-soil{
    background: url('../public/images/soil-testing-1.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-consolidation-test{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-aggregate-teting{
    background: url('../public/images/aggregate testing.webp');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-atterberg-limits{
    background: url('../public/images/soil-testing-atterberg-limits.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-california-bearing-ratio{
    background: url('../public/images/soil-testing-cbr.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-sieve-analysis{
    background: url('../public/images/coarse-and-fine.webp');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;

}
.services-losangeles{
    background: url('../public/images/los-angles.webp');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}


.full-size-image1-corrosion{
    background: url('../public/images/corrosion.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}



.full-size-image1-chloride{
    background: url('../public/images/chloride-ion-panetration-test.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}


.full-size-image1-rebound{
    background: url('../public/images/rebound.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}


.full-size-image1-firedamage{
    background: url('../public/images/firedamage.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.full-size-image1-active{
    background: url('../public/images/active.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.full-size-image1-passive{
    background: url('../public/images/passive.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}


.full-size-image1-plate{
    background: url('../public/images/plate.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

.full-size-image1-structural-inspection-and-stability-certification{
    background: url('../public/images/structural-inspection-and-stability-certification.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

.full-size-image1-contact{
    background: url('../public/images/contact.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.full-size-image1-about{
    background: url('../public/images/about.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.full-size-image1-policy{
    background: url('../public/images/policy.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.full-size-image1-blog{
    background: url('../public/images/blog.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.full-size-image1-projects{
    background: url('../public/images/projects.png');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

.services-concretetest
{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-unconfined{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-cube{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-field-density{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-ultrasonicpulse{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-pavement{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.thumbnail{
    padding-bottom: 32px;
}
.services-geo{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-soil{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-Compressive-strength-test-for-concrete-sample{
    background: url('../public/images/Compressive-strength-test-for-concrete-sample.webp');
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-schmidt{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-field{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-chemical{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-proctor{
    max-width: 100%;
    max-height: auto;
    min-height: 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-ferroscanning{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-concreteresistivity{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-pullout{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.services-ndt{
    max-width: 100%;
    height: 450px;    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.photo img {
  width: 100%;
  display: block;
}
@media (max-width: 768px) {
    .services-ndt{
        background: url('../public/images/ndt-mini.webp');
        max-width: 100%;
        height: 450px;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }
    .services-pullout{
        background: url('../public/images/PULLOUT-TEST-Detail-mini.webp');
        max-width: 100%;
        height: 450px;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }
    .services-concreteresistivity{
        background: url('../public/images/CONCRETE-RESISTIVITY-Detail-mini.webp');
        max-width: 100%;
        height: 450px;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }
    .services-ferroscanning{
        background: url('../public/images/FERROSCANNING-Detail-mini.webp');
        max-width: 100%;
        height: 450px;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }
    .services-proctor{
        background: url('../public/images/PROCTOR-LAB-DENSITY-TEST(ASTM-D-1557)-mini.webp');
        max-width: 100%;
        height: 450px;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }
    .services-chemical{
        background: url('../public/images/chemical-testing-detail-mini.webp');
        max-width: 100%;
        height: 450px;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }
    .services-field{
        background: url('../public/images/field-testing-mini.webp');
        max-width: 100%;
        height: 450px;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }
    .services-schmidt{
        background-image: url('../public/images/REBOUND-HAMMER-TEST-(SCHMIDT-HAMMER)-mini.webp');
        background-size: 100% 100%;
    }
    .services-soil{
        background: url('../public/images/soil-testing-mini.webp');
    }
    .services-geo{
        background: url('../public/images/geo-detail-mini.webp');
    }
    .services-pavement{
        background: url('../public/images/pavement-testing.webp');
    }
    .services-laboratory-testing {
        background-image: url('../public/images/Laboratory-Testing-detail-mini.webp');    
        background-size: 100% 100%;
    }
    .services-consolidation-test {
        background-image: url('../public/images/CONSOLIDATION-TEST(ASTM D-2435)-Detail-mini.webp');
        background-size: 100% 100%;
    }
    .services-atterberg-limits {
        background: url('../public/images/soil-testing-atterberg-limits-mini.png');
    }
    .services-california-bearing-ratio {
        background: url('../public/images/cbr-mini.webp');
    }
    .services-concretetest
    {
        background: url('../public/images/Compressive-strength-test-for-concrete-sample.webp');
    }
    .heading-caption{
        display: none;
    }
    .services-unconfined{
        background: url('../public/images/unconfined-test-mini.webp');
    }
    .services-cube{
        background: url('../public/images/concrete-cube-mini.webp');
    }
    .services-field-density{
        background: url('../public/images/FDT-MINI.webp');
    }
    .services-ultrasonicpulse{
        background: url('../public/images/ultrasonic-detail-mini.webp');
    }
}
@media (min-width: 769px) {
   
       .services-ndt{
        background: url('../public/images/ndt.webp');
        max-width: 100%;
        height: 450px;    
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }
    .services-pullout{
        background: url('../public/images/PULLOUT-TEST-Detail.webp');
    }
    .services-concreteresistivity{
        background: url('../public/images/CONCRETE-RESISTIVITY-Detail.webp');
    }
    .services-ferroscanning{
        background: url('../public/images/FERROSCANNING-Detail.webp');
    }
    .services-proctor{
        background: url('../public/images/PROCTOR-LAB-DENSITY-TEST(ASTM-D-1557).webp');
    }
    .services-chemical{
        background: url('../public/images/chemical-testing-detail.webp');
    }
    .services-field{
        background: url('../public/images/field-testing-detail.webp');
    }
    .services-schmidt{
        background-image: url('../public/images/REBOUND-HAMMER-TEST-(SCHMIDT-HAMMER).webp');
        background-size: 100% 100%;
    }
    .services-soil{
        background: url('../public/images/soil-testing.webp');
    }
    .services-geo{
        background: url('../public/images/geo-detail-main.webp');
    }
    .services-pavement{
        background: url('../public/images/pavement-testing-detail.webp');
    }
    .services-laboratory-testing {
        background-image: url('../public/images/Laboratory-Testing-detail.webp');
        background-size: 100% 100%;
    }
    .services-consolidation-test {
        background-image: url('../public/images/CONSOLIDATION-TEST(ASTM D-2435)-Detail.webp');
        background-size: 100% 100%;
    }
    .services-atterberg-limits {
        background: url('../public/images/soil-testing-atterberg-limits.png');
    }
    .services-california-bearing-ratio {
        background: url('../public/images/cbr.webp');

    }
    .services-concretetest
    {
        background: url('../public/images/Compressive-strength-test-for-concrete-sample-bs-mini-mini.webp');
    }
    .services-unconfined{
        background: url('../public/images/unconfined-test.webp');
    }
    .services-cube{
        background: url('../public/images/concrete-cube.webp');
    }
    .services-field-density{
        background: url('../public/images/FDT.webp');
    }
    .services-ultrasonicpulse{
        background: url('../public/images/ultrasonic-detail.webp');
    }
}
.img-no-repeat{
    background-repeat: no-repeat;
    background-size: cover ; 
}
.image_full{
    display:block;
    max-width: 100%;
}

.image_mobile{
    display:none;
    max-width: 100%;
}
#searched_div{
    min-height: 370px;
    margin-top: 23px;
}

.vc_custom_1571650612578 {
  margin-top: 40px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-top: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px !important;
  background-image: url(http://www.nicdarkthemes.com/themes/construction/wp/demo/construction/wp-content/uploads/sites/2/2019/10/banner-7.jpg?id=1562) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.nd_cc_box_sizing_border_box {
    box-sizing: border-box;
}
.nd_cc_position_relative {
    position: relative;
}
.nd_cc_section {
    float: left;
    width: 100%;
}
.nd_cc_box_sizing_border_box {
    box-sizing: border-box;
}
.nd_cc_bottom_30 {
    bottom: 30px;
}
.nd_cc_right_30 {
    right: 30px;
}

.element.style {
    background-color: #ebc858;
}
.nd_cc_right_30 {
    right: 30px;
}
.nd_cc_bottom_30 {
    bottom: 30px;
}
.nd_cc_position_absolute {
    position: absolute;
}
.nd_cc_height_25 {
    height: 25px;
}

.nd_cc_width_25 {
    width: 25px;
}
.h3_cstm{
    margin: auto;  width: 100%;  border: 0.5px solid #8080801f;  padding: 10px;letter-spacing: 2px;
}
.project_item{
    margin-top: 50px !important;
}

 /*--------------------------------------------------------------
# Constructions Section
--------------------------------------------------------------*/
.constructions .card-item {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  position: relative;
  border-radius: 0;
}

.constructions .card-item .card-bg {
  min-height: 300px;
  position: relative;
}

.constructions .card-item .card-bg img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

.constructions .card-item .card-body {
  padding: 30px;
}

.constructions .card-item h4 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
}

.constructions .card-item p {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  text-align: justify;
}
 /*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 60px 0;
  scroll-margin-top: 92px;
  overflow: clip;
}

@media (max-width: 1199px) {

  section,
  .section {
    scroll-margin-top: 76px;
  }
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
  text-align: center;
  padding-bottom: 60px;
  position: relative;
}

.section-title h2 {
  /*font-size: 32px;*/
  font-weight: 700;
  position: relative;
}

.section-title h2:before,
.section-title h2:after {
  content: "";
  width: 50px;
  height: 2px;
  background: var(--accent-color);
  display: inline-block;
}

.section-title h2:before {
  margin: 0 15px 10px 0;
}

.section-title h2:after {
  margin: 0 0 10px 15px;
}

.section-title p {
  margin-bottom: 0;
}



/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .service-item {
  background-color: var(--surface-color);
  padding: 40px;
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.services .service-item .icon {
  width: 48px;
  height: 48px;
  position: relative;
  margin-bottom: 50px;
}

.services .service-item .icon i {
  color: var(--heading-color);
  font-size: 56px;
  transition: ease-in-out 0.3s;
  z-index: 2;
  position: relative;
}

.services .service-item .icon:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: color-mix(in srgb, var(--heading-color), transparent 95%);
  border-radius: 50px;
  z-index: 1;
  top: 10px;
  right: -20px;
  transition: 0.3s;
}

.services .service-item h3 {
  color: color-mix(in srgb, var(--heading-color), transparent 20%);
  font-weight: 700;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  font-size: 22px;
  position: relative;
  display: inline-block;
  border-bottom: 4px solid color-mix(in srgb, var(--heading-color), transparent 90%);
  transition: 0.3s;
}

.services .service-item p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .service-item .readmore {
  margin-top: 15px;
  display: inline-block;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.services .service-item:hover .icon i {
  color: var(--heading-color);
}

.services .service-item:hover .icon:before {
  background: var(--accent-color);
}

.services .service-item:hover h3 {
  border-color: var(--accent-color);
  color: var(--heading-color);
}

.services .service-item:hover .readmore {
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Alt Services Section
--------------------------------------------------------------*/
.alt-services .features-image {
  position: relative;
  min-height: 400px;
}

.alt-services .features-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.alt-services h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.alt-services h3:after {
  content: "";
  background: var(--accent-color);
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  left: 0;
  bottom: 0;
}

.alt-services .icon-box {
  margin-top: 50px;
}

.alt-services .icon-box i {
  color: var(--accent-color);
  background-color: var(--surface-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
  font-size: 28px;
  width: 56px;
  height: 56px;
  border-radius: 4px;
  line-height: 0;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.alt-services .icon-box:hover i {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}

.alt-services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
}

.alt-services .icon-box h4 a {
  color: var(--heading-color);
  transition: 0.3s;
}

.alt-services .icon-box h4 a:hover {
  color: var(--accent-color);
}

.alt-services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
  border: 0;
}

.features .nav-link {
  color: var(--heading-color);
  padding: 15px 0;
  transition: 0.3s;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  border: 0;
  border-bottom: 4px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.features .nav-link i {
  padding-right: 15px;
  font-size: 48px;
}

.features .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 575px) {
  .features .nav-link h4 {
    font-size: 16px;
  }
}

.features .nav-link:hover {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}

.features .nav-link.active {
  background-color: var(--background-color);
  color: var(--accent-color);
  border-color: var(--accent-color);
}

.features .tab-content {
  margin-top: 30px;
}

.features .tab-pane h3 {
  color: var(--heading-color);
  font-weight: 700;
  font-size: 32px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.features .tab-pane h3:after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: var(--accent-color);
  left: 0;
  bottom: 0;
}

.features .tab-pane ul {
  list-style: none;
  padding: 0;
}

.features .tab-pane ul li {
  padding-top: 10px;
}

.features .tab-pane ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--accent-color);
}

.features .tab-pane p:last-child {
  margin-bottom: 0;
}
.service-category{
font-size:28px;
font-weight:700;
margin:50px 0 25px;
border-left:5px solid #d10000;
padding-left:12px;
}
.services-modern {
background: #f8f9fa;
padding: 80px 0;
}

.service-card {
background: #fff;
padding: 30px;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
transition: all 0.3s ease;
height: 100%;
position: relative;
overflow: hidden;
}

.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.service-icon {
font-size: 40px;
color: #d10000;
margin-bottom: 20px;
display: inline-block;
}

.service-card h4 {
font-weight: 700;
margin-bottom: 15px;
}

.service-card p {
font-size: 14px;
color: #666;
text-align: justify;
}

.service-card a {
color: #d10000;
font-weight: 600;
text-decoration: none;
}

.service-card a:hover {
text-decoration: underline;
}