/* -Шалом- */


.doc_row{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.doc_row h2{
	font-weight: 500;
	margin: 30px 0px;
}

.doc_col {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.doc_block {
    width: 250px;
    height: 120px;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #E1EAF9;
    border-radius: 10px;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    transition: all 0.8s ease;
    margin-right: 25px;
    margin-bottom: 25px;
}

.doc_block img {
    width: 27px;
    height: 37px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.doc_block h4{
	font-size: 18px;
	font-weight: 500;
	color: #E2E6ED;
	transition: all 0.8s ease;
}

@keyframes img {
  15% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  30% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  65% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }

  85% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.doc_block:hover.doc_block img{
	animation: img 1.2s ease;
}

.doc_block:hover.doc_block h4{
	color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(85.51deg, #03E903 -25.07%, #01BFC5 58.03%, #00B2FF 105.71%);
}

.mtmb25 {
    margin: 40px 0px;
    display: flex;
}



@media (max-width: 1200px){





}


@media (max-width: 990px){




}


@media (max-width: 550px){

.mtmb25 {
    margin: 0px 0px;
    display: flex;
}

}