/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 17 2023 | 17:26:43 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.left-contact > .elementor-element-populated, .right-contact > .elementor-element-populated{
  background: #fff;
    box-shadow: 50px 30px 150px rgb(46 4 4 / 15%);
    padding: 20px !important;
    margin: 0 20px !important;
}
.mkdf-mobile-logo-wrapper a{
  height: auto !important;
}
.mkdf-top-bar svg path{
  fill: #fff !important;
}
.mkdf-top-bar .widget a{
  color: #fff !important;
}
.mkdf-header-tabbed .mkdf-page-header .mkdf-menu-area .mkdf-position-center .mkdf-main-menu>ul>li{
  text-transform: uppercase;
}
.mkdf-logo-wrapper img{
  width:100% !important;
  object-fit:cover;
  margin:auto;
}
.services-section img{
  height: 200px;
  object-fit: cover;
}
.service-col> .elementor-element-populated{
  background-color: #fff;
    border: 1px solid #e8e8e9;
    border-bottom: 4px solid #ff5e14;
    margin: 0 5px;
}
.project-section article{
  height: 270px !important;
}
.mkdf-title-holder{
  background-position: bottom
}
.mkdf-title-holder::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / 50%);
}
.mkdf-title-holder .mkdf-page-title.entry-title{
  color: #fff
}
.mkdf-mobile-logo-wrapper img{
  width: 270px !important;
  object-fit: contain;
}
.swiper-pagination-bullet{
  background: #fff !important;
}

.view-all .elementor-widget-container{
  display: flex;
}
.view-all .elementor-widget-container a{
  margin-left: auto;
}
@media screen and (max-width: 600px){
  .view-all .elementor-widget-container a{
  margin-left: unset;
}
}
@media screen and (max-width: 480px){
  .contact-section .elementor-container{
    width: 100% !important;
  }
}