.bg-one{
    background-color: #f2f2f2;
}
.our-process-box p{
    color: #000;
}
.about-content p{
    text-align: justify;
    color: #000 !important;
}
.about_content_box p{
    text-align: justify;
    color: #000;
}
.about_content_box{
    background-image: url(../img/about/car-shape.png);
    background-repeat: no-repeat;
}
.about_img_box img, .service--box img{
    border: 12px solid #eeeeee;
    border-radius: 8px;
}
.service-details-area p{
  color: #000;
  text-align: justify;
}
.service-details-left{
  border: 5px solid #ddd;
  padding: 20px;
  border-radius: 20px;
}

/*Gallery Start*/
.lightboxpreview {
    transition: all .3s linear;
 padding-top:60%;
   cursor:pointer;
   background-size:cover;
 }
    
 .lightbox-content {
 max-height:75vh;
   height:75vh;
   width:100%;
   max-width: 1000px;}
 
 .lightbox-close { 
   cursor:pointer;
     margin-left: auto;
   position:absolute;
   right:-30px;
   top:-30px;
   color:white;
     font-size: 2rem;
     font-weight: 700;
     line-height: 1;}
 .modal_inner_image {
     min-height: 400px;
     z-index: 1000;}
 .modal-content {
     width: 100%;}
 
 
 .modalscale {transform:scale(0);
 opacity:0;}
 
 
 
 .lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
 .lightbox_img_wrap {padding-top:65%;
   position:relative;
   overflow:hidden;
 }
 .lightbox-enabled:hover {
   transform:scale(1.1)
 }
 .lightbox-enabled {width:100%;
 height:100%;
   position:absolute;
   top:0;
 object-fit:cover;
 cursor:pointer;}
 
 .lightbox-container {width:100vw;
 height:100vh;
 position:fixed;
 top:0;
 left:0;
   display:flex;
   align-items:center;
   justify-content:center;
 background-color:rgba(0,0,0,.6);
 z-index:9999;
 opacity:0;
 pointer-events:none;
 }
 
 .lightbox-container.active {
   opacity:1;
   pointer-events:all;
 }
 .lightbox-image-wrapper {
   display:flex;
   transform:scale(0);
   align-items:center;
   justify-content:center;
   max-width:90vw;
   max-height:90vh;
   position:relative;
 }
 .lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
 .lightbox-btn, #close {
   color:white;
   z-index:9999999;
  cursor:pointer; 
   position:absolute;
 
   font-size:50px;
 }
 
 .lightbox-btn:focus {
   outline:none;
 }
 
 .left {left:50px;}
 .right {right:50px;}
 #close {top:50px;
 right:50px;}
 
 .lightbox-image {
   width:100%;
   -webkit-box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19); 
 box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19);
   max-height:95vh;
   object-fit:cover;
  }
 
 @keyframes slideleft {
   33% {transform:translateX(-300px);
   opacity:0;
   }
   66% {transform:translateX(300px);
   opacity:0;
   }
 }
 
 
 .slideleft {
    animation-name: slideleft;
  animation-duration: .5s; 
  animation-timing-function: ease; 
 }
 @keyframes slideright {
   33% {transform:translateX(300px);
   opacity:0;}
   66% {transform:translateX(-300px);
   opacity:0;}
 }
 
 
 .slideright{
    animation-name: slideright;
  animation-duration: .5s; 
  animation-timing-function: ease; 
 }
/*Gallery End*/

@media only screen and (max-width:2580px){
    #carouselExampleAutoplaying{
        margin-top: 3%;
    }
}
@media only screen and (max-width:1700px){
    #carouselExampleAutoplaying{
        margin-top: 6%;
    }
}
@media only screen and (max-width: 1100px) {
    #carouselExampleAutoplaying {
        margin-top: 8%;
    }
}
@media only screen and (max-width: 991px) {
    #carouselExampleAutoplaying {
        margin-top: 11%;
    }
    .about_content_box{
        margin-top: 30px;
    }
}
@media only screen and (max-width: 700px) {
    #carouselExampleAutoplaying {
        margin-top: 19%;
    }
    .mobile-navBar img{
        width: 60px !important;
    }
    .mean-container .mean-nav{
        margin-top: 80px;
    }
    #close{
      top:16px;
      right:14px;
    }
    .lightbox-btn, #close{
      font-size: 22px;
    }
}
@media only screen and (max-width: 400px) {
    #carouselExampleAutoplaying {
        margin-top: 21%;
    }
}
@media only screen and (max-width: 325px) {
    #carouselExampleAutoplaying {
        margin-top: 25%;
    }
}