.section-box-navigation .col-box:not(:last-child) .box-outside{
  padding-right:10px;
}
.section-box-navigation .col-box:not(:first-child) .box-outside{
  padding-left:10px;
}

 @media screen and (max-width: 600px) {
   .section-box-navigation .col-box .box-outside{
    padding:0 !important;
   }
   .section-box-navigation .col-box{
    margin-bottom:20px;
   }
}

.section-box-navigation .box-container{
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
  height: 245px;
  cursor:pointer;
}
.section-box-navigation .box-container .image-container{
  background-repeat: no-repeat;
  background-size: cover;
  height:100%;
  transition: scale .5s;
}
.section-box-navigation .box-container:hover .image-container{
  scale:1.1;
}
.section-box-navigation .box-main{
  position: relative;
}
.section-box-navigation .box-main:before{
  height:80%;
  position: absolute;
  width:300%;
  left:-1000px;
  z-index: -1;
  top:30px;
  content:'';
  background: #D9D9D9;
}
.section-box-navigation .box-main .row{
  width: 100%;
  display: flex;
  margin-bottom:50px;
}
.section-box-navigation .title-container{
  padding:25px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
  width: 100%;
  position: absolute;
  bottom: 0;
}
.section-box-navigation .title-container .title-content{
  text-align: center;
  font-family: Barlow;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.05em;
  color:#FFF;