a{text-decoration:none;}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}
.home4-icon-box3{margin-top:50px;}
ul.rt-diffuser-area10 {
    padding: 0;
    display: block;
    text-align: left;
}

ul.rt-diffuser-area10 li {
  border-radius:5px;
  background:#fff;
    display: inline-block;
    text-align: left;
    float: left;
    padding: 0px;
    margin: 0 8px 30px 8px;
 box-shadow: 0px 5px 15px 5px hsl(0deg 0% 0% / 2%);
}

ul.rt-diffuser-area10 li a.iconbox-botton{font-weight:500;}

.rt-icon-box10 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /*    aspect-ratio: 1/1.5;*/
    position: relative;
    backface-visibility: hidden;
    text-decoration: none;
    /*overflow: hidden;*/
    border-bottom:2px solid #fff;
    transition: all 0.25s cubic-bezier(.32, .55, .79, .49);
}

.rt-icon-box10:hover {
  border-bottom:2px solid #f94144;
}

.rt-icon-box10 > * {
    z-index: 1;
}

.rt-icon-box10 h4 {
    text-transform: capitalize;
    line-height: 30px;
  margin-bottom:0;
    letter-spacing: 0px;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: #1f2a58;
    will-change: transform, opacity;
    transition: 300ms opacity linear, 300ms transform ease-in-out;
}

.rt-icon-box10::before,
.rt-icon-box10::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    /*inset: 0;*/
    top: 0;
    left: 0;
    border-radius: 5px;
    transition: all .4s ease-in-out;
}


.rt-icon-box10::after {
    opacity: 1;
}

.rt-icon-box10:hover::after,

.rt-icon-box10 p {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin-bottom: 10px;
    transition: 300ms opacity linear, 300ms transform ease-in-out;
}

.rt-icon-box10 .rt-img-box {
    padding: 0;
    margin-bottom: 0px;
    color: #000;
    display: inline-block;
    opacity: 1;
    will-change: transform, opacity;
    transition: 300ms opacity linear, 300ms transform ease-in-out;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    ul.rt-diffuser-area10 li {
      width:100%;
      position: relative;
      width: 100%;
      padding: 0px;
      margin: 0 0 30px 0;
    }
}


@media only screen and (max-width: 767px) {
  .home4-icon-box3 {
   margin-top: 0 !important;
}
    ul.rt-diffuser-area10 li {
       width:100%;
        position: relative;
        padding: 0px;
        margin: 0 0 30px 0;
    }
}

.rt-icon-box10 a {
    position: relative;
    transition: all 0.12s ease-in-out;
    -webkit-transition: all 0.12s ease-in-out;
    text-transform: capitalize;
    color:#505050;
}

.rt-icon-box10 a:hover {
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    color:#f94144;
}

.rt-icon-box10 a:before {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.rt-icon-box10 a:hover:before {
    right: auto;
    left: 0;
    width: 100%;
}

.rt-icon-box10 .rt-content-box {
  padding:30px 35px;
}

.rt-icon-box10 h6 {
  margin-bottom:10px;
}