body{ font-family: 'Roboto', sans-serif;  background: #F5F8FA;}
.default51 {padding: 50px 0;}
.default51 .offering-main{ width: 100%; display: inline-block; text-align: center;}
.default51 .offering-main h1{ width: 100%; display: inline-block; margin: 0px 0 8px 0; font-size: 30px; color: #22272b; font-weight: 700; line-height: 3.5rem;}
.default51 .offering-main p{ width: 100%; display: inline-block; margin: 0px 0 6rem 0; font-size: 18px; color: #969ea4;}
.default51 .offering-content{ width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: all 0.3s linear; margin: 0 0 50px 0;}
.default51 .icon-img{ width: 70px; height: 70px; border-radius: 50%; background: #f1594f; margin-bottom: 21px; display: inline-block; display: flex; justify-content: center; align-items: center; transition: all 0.3s linear;}
.default51 .icon-img2{ width: 70px; height: 70px; border-radius: 50%; background: #96ca4a; margin-bottom: 21px; display: inline-block; display: flex; justify-content: center; align-items: center; transition: all 0.3s linear;}
.default51 .icon-img3{ width: 70px; height: 70px; border-radius: 50%; background: #62ade0; margin-bottom: 21px; display: inline-block; display: flex; justify-content: center; align-items: center; transition: all 0.3s linear;}
.default51 .icon-img4{ width: 70px; height: 70px; border-radius: 50%; background: #5de2d7; margin-bottom: 21px; display: inline-block; display: flex; justify-content: center; align-items: center; transition: all 0.3s linear;}
.default51 .offering-content h3{ width: 100%; font-size: 18px; font-weight: 700; margin-bottom: 1.5rem; color: #22272b; cursor: pointer; transition: all 0.3s linear;}
.default51 .offering-content h3:hover{ color: #ffbf43;}
.default51 .offering-content p{ width: 100%; margin: 0px; font-size: 16px; color: #6f787f; line-height: 2.5rem;}
.default51 .offering-content:hover .icon-img{ box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.25); transform: rotateY(-180deg);}
.default51 .offering-content:hover .icon-img2{ box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.25); transform: rotateY(-180deg);}
.default51 .offering-content:hover .icon-img3{ box-shadow: 0px 13px 24px 0px rgba(0, 0 ,0 , 0.25); -webkit-box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.25); transform: rotateY(-180deg);}
.default51 .offering-content:hover .icon-img4{ box-shadow: 0px 13px 24px 0px rgba(0, 0 ,0 , 0.25); -webkit-box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.25); transform: rotateY(-180deg);}


@media screen and (max-width: 991px) {
  .default51 .offering-main h1 {font-size: 26px; line-height: 38px;}
}
@media screen and (max-width: 767px) {
  .default51 .offering-main h1 {font-size: 24px; line-height: 34px;}
}
@media screen and (max-width: 480px) {
  .default51 .offering-main h1 {font-size: 21px; line-height: 34px;}
}