.dl-info-box {position: relative;overflow: hidden;width: 100%;min-height: 250px;}.dl-info-box .box-bg {background-color: #4154f1;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s linear;}.dl-info-box:hover .box-bg {transform: scale(1.05);}.dl-info-box .dl-info-box-inner {background-color: #fff;padding: 20px;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transition: all .3s linear;transition: all .3s linear;z-index: 1;}.dl-info-box .dl-info-box-inner:before {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);content: "";border: 1px solid rgba(255,255,255,0.5);width: calc(100% + 20px);height: calc(100% + 20px);-webkit-transition: all .3s ease;transition: all .3s ease;z-index: -1;}.dl-info-box:hover .dl-info-box-inner:before {border-color: rgba(255,255,255,1);}.dl-info-box .dl-info-box-inner h3 {font-family: "Prata", sans-serif;font-size: 20px;font-weight: 600;color: #000;}.dl-info-box .dl-info-box-inner p {font-family: "Lora", sans-serif;font-size: 16px;line-height: 26px;color: #4b4b4b;margin: 0;}