/* Icon Div Start*/

.row-div{
	margin: 20px 5px;
	text-align: center; 
	display: block;
}
.col-3-div{
	background:#ff2020;
    font-family:"Josefin Sans",sans-serif;
    text-transform:uppercase;
    color:#fff;
    font-size:16px;
    font-weight:600;
    letter-spacing:0.03em;
    padding:50px 50px;
    border-radius:0px;
    display:inline-block;
    line-height:0;
    cursor:pointer;
    transition:color 0.4s linear;
    position:relative;
    z-index:1;
    -moz-user-select:none;
    border:0;
    overflow:hidden;
    margin-right: 20px; 
	margin-bottom: 10px;
}
.col-3-div::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#4a4a4b;
    z-index:1;
    transition:transform 0.5s;
    transition-timing-function:ease;
    transform-origin:0 0;
    transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);
    transform:scaleX(0);
    border-radius:0px;
}
.col-3-div:hover::before{
    transform:scaleX(1);
    color:#fff !important;
    z-index:-1
}
/* .col-3-div:hover{
	background-color: #fff; 
	color: #ea0000;
	border-color: #ea0000;
} */
.col-3-div:hover::before h5{
	color: #ea0000;
}
.col-3-div i{
	font-size: 40px; 
}
.col-3-div h5{
	color: white;
	margin-top: 10px;
}
/* Icon Div End*/

.r-line {
    float: left;
    width: 20%;
    height: 2px;
    background: #ff2020;
}
.anix{
      max-width: 80%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.anix:after{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}



/*-- Single Banner --*/
.single-banner {}
.single-banner a {
  display: block;
  overflow: hidden;
  position: relative;
}
.single-banner a::before {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
  width: 100%;
  z-index: 4;
}
.single-banner a:hover::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
}
.single-banner a img {
  width: 100%;
}