/*about*/
.value-box-001{
    background:rgb(255 255 255 / 20%);
    height:280px;
    padding:30px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    transition:0.5s;
}
.value-box-001:hover{
    background:rgb(255 255 255 / 40%);
}
.value-box-001 i{
    color:#03098a;
}
.value-box-001 .sppb-feature-box-title{
    margin:15px 0;
    color:#03098a;
}
.value-box-001 p {
    font-size: 16px !important;
}
@media (max-width:1400px){
    .value-box-001{
        height:320px;
        padding:30px;
    }
}
@media (max-width:1200px){
    .value-box-001{
        height:360px;
    }
}
@media (max-width:991px){
    .value-box-001{
        padding:20px 15px;
    }
    .value-box-001 p {
        font-size: 14px !important;
    }
}
@media (max-width:767px){
    .value-box-001{
        height:fit-content;
        margin-bottom:20px;
    }
}


/*Services*/
.services-table h4.sppb-addon-title,
.services-table h3.sppb-addon-title {
    color:#03098a  
}

.services-table .sppb-row-column {
    margin-top:75px
}

.services-table h4.sppb-addon-title {
    margin:20px 0;
    font-size:30px;
}

.services-table .sppb-img-container img {
    aspect-ratio: 3/2;
    object-fit:cover;
}



/*projects*/
.project-filter .menu {
    display:flex;
    justify-content:space-between;
    list-style:none;
    padding:10px 0px;
    border-bottom: 2px solid #a8a8a8;
    margin-bottom: 40px;
}

.project-filter .menu li a {
    color: #838383;
    padding:27px 10px;
    font-size:14px;
    transition: color 0.2s;
}

.project-filter .menu li a:hover,
.project-filter .menu li a:active,
.project-filter .menu li a:focus {
     color: #626262;
     border-bottom: 3px solid #626262;
}


.project-filter .menu li.current a {
     color: #626262;
     border-bottom: 4px solid #626262;
}

.view-albums #sp-main-body {
    padding: 70px 0 !important;
}
 

.speasyimagegallery-album > div {
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.speasyimagegallery-album > div > a img {
  transition: transform 0.3s ease-in-out; 
}

.speasyimagegallery-album > div > a:hover img {
  transform: scale(1.1); 
}

.speasyimagegallery-album-title {
   letter-spacing:0
}

.speasyimagegallery-albums .speasyimagegallery-album img{
width:1000px;
object-fit:cover;
}

.speasyimagegallery-row .speasyimagegallery-album {
    padding:0 !important;
    margin: 10px;
}

@media (max-width:767px) {
.project-filter .menu {
    display:flex;
    justify-content:center;
    flex-direction:column;
    list-style: disc;
    padding:10px;
    margin-bottom: 20px;
}

.project-filter .menu li {
    padding-top: 5px;
}

.project-filter .menu li a:hover,
.project-filter .menu li a:active {
     color: #626262;
     border-bottom: 0px solid #626262;
}


.project-filter .menu li.current a {
     color: #626262;
     border-bottom: 0px solid #626262;
} 

.speasyimagegallery-album-title {
   font-size:14px;
}  
}


/*contact*/
.contact-description .sppb-empty-space  {
  width: 100%;
  height: 1px !important;
  background: hsl(0deg 0% 0% / 40%);
  margin: 20px 0;
}

.contact-description h1.sppb-addon-title {
  font-size:48px;
  line-height:1.1
}


.contact-description .sppb-addon-content {
    padding:10px 0;
    display:flex;
}

.contact-description.sppb-addon-content .sppb-media-content p {
    color:#03098a
}

.contact-description {
    padding-right:80px
}

.contact-description .sppb-media {
    display:flex;
    align-items:center
}

h3.sppb-addon-title {
      color:#03098a
}

#bfPage2 p{
 color:#fff;
 display:flex;
 justify-content:center;
}


@media (max-width:1200px) {
  .contact-description {
    padding-right:20px
}
.contact-description .sppb-empty-space  {
  width: 100%;
  height: 1px !important;
  background: hsl(0deg 0% 0% / 40%);
  margin: 10px 0;
}  
}

@media (max-width:767px) {
 .contact-description{
    padding-right:0px
}

.contact-description .sppb-addon-content {
    padding:5px 0;
    display:flex;
}
}

.bg-color-gray {
        position: relative；
}

.bg-color-gray:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:hsl(0deg 0% 42.34% / 50%); 
    mix-blend-mode:multiply;
}

.contact-page-form .bfQuickMode .bfElemWrap .form-inline input:hover,
.contact-page-form .bfQuickMode .bfElemWrap .form-inline textarea:hover,
.contact-page-form .bfQuickMode .bfElemWrap .form-inline input:focus,
.contact-page-form .bfQuickMode .bfElemWrap .form-inline textarea:focus{
  background: hsl(0deg 0% 62.51% / 60%);
  border:0;
  transition: all 0.3s ease-in-out;
}

.sp-page-builder .page-content #section-id-e7605771-eab0-47e4-9f3c-1dc6ca9d840d {
    margin-bottom:-20px !important;
}