.shadow {
  box-shadow: 2px 2px 50px 5px gray;
}
.shadow2 {
  box-shadow: 1px 1px 5px 3px rgb(236, 227, 227);
}
.shadow3 {
  box-shadow: 1px 1px 20px 3px gray;
}
.shadow4 {
  box-shadow: 1px 1px 5px 2px gray;
}

.shadowsmooth {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.triangleUpShape {
  width: 0;
  height: 0;
  border: 25px solid transparent;
  position: relative;
  top: -25px;
}


.talkbubble {
    background: white;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .talkbubble:before {
    content: "";
    rotate: -90deg;
    position: absolute;
    right: 100%;
    right: 40px;
    top: -25px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 28px solid white;
    border-bottom: 13px solid transparent;
}


.borderRounded {
  border-radius: 0px 6px 0px 6px;
}

.title {
  font-size: 40px;
  letter-spacing: -1px;
  color: #FE342B;
}

.main div:hover{
  cursor: pointer;
  color: white;
  background-color: #FE342B;
}
 .main div:hover .icon{
  color: white;
 }