body{
  background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(255,0,0,1) 33.33%, rgba(5,45,83,1) 33.33%, rgba(5,45,83,1) 66.6%, rgba(255,146,0,1) 66.66%);
}
.all-col-set {
    height: 100vh;
    color: #fff;
    text-align: center;
    transition: all 0.3s linear;
}
.dgroup{
  background-color: #ed1c24;
}
.dgroup:hover{
  background-color: #000;
}

.row img{
  max-width: 75%;
  margin-bottom: 20px;
}
.tecie{
  background-color: #f7971e;
}
.tecie:hover{
  background-color: #252525;
}
.cm{
  background-color: #152c53;
}
.cm:hover{
  background-color: #5b8728;
}
.text-setting {
      padding: 15px;
    margin-top: 25%;
}
a, a:hover, a:visited, a:focus{
  color: #fff !important;
  text-decoration: none;
}
@media screen and (max-width: 767px){
.all-col-set {
    height: auto;
    padding: 30px;
}
.text-setting {
    margin-top: 0%;
}
}