.boxcrad-gp h2 {
  text-align: center;
}

.boxcrad-gp .row-bg-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  z-index: 2;
  backface-visibility: hidden;
   border-radius: 15px; /* Apply the same radius to background */
  overflow: hidden;    /* Prevent overflow beyond rounded edges */
}

.boxcrad-gp .page-center {
  position: relative;
  z-index: 2;
}

.boxcrad-gp .boxcard-inner {
  display: flex;
  flex-wrap: wrap;
  padding: 0px; /* Removed padding */
}

.boxcrad-gp .boxcard-inner .box-inner-wrap {
  margin-bottom: 0px;
  padding: 0px; /* Removed all padding */
  width: 100%;
}

.boxcrad-gp .box-inner {
  border: none; /* Optional: remove border if not needed */
  border-radius: 15px; /* Apply rounded corners */
  height: 100%;
  padding: 2px 0px 0px 0px;
  transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
  position: relative;
  overflow: hidden; /* Ensure content stays within rounded borders */
}
}

.boxcrad-gp .box-inner-wrap .boxcard-inner {
  padding-top: 0px; /* Removed top padding */
}

.boxcrad-gp .box-inner-wrap .inner-wrap {
  text-align: center;
  padding: 0px; /* Removed padding */
}

.boxcrad-gp .box-inner-wrap .inner-wrap svg {
  height: 0px;
  margin-bottom: 0px;
  width: 50px;
}

.boxcrad-gp .box-inner-wrap em {
  font-style: italic;
}

.boxcrad-gp .box-inner-wrap {
  position: relative;
}

.boxcrad-gp .box-inner-wrap:before {
  display: block;
  position: absolute;
  left: 1%;
  top: 1%;
  height: 98%;
  width: 98%;
  opacity: 0;
  content: "";
  transition: opacity 0.45s cubic-bezier(0.25, 1, 0.2, 1);
  box-shadow: 0 30px 90px #fb3f59;
}

.boxcrad-gp .box-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  z-index: 1;
  background-position: center;
  backface-visibility: hidden;
  transition: all 0.6s cubic-bezier(0.24, 1, 0.3, 1);
  border-radius: 15px; /* Add border-radius here */
  overflow: hidden; /* Prevent overflow beyond rounded corners */
}

.boxcrad-gp .inner {
  padding: 0px; /* Removed padding */
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  position: relative;
}

.boxcrad-gp .box-bg:before {
  background-color: #fb3f59;
  transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: ' ';
  opacity: 0;
    border-radius: 15px; /* Apply the same radius to background */
  overflow: hidden;    /* Prevent overflow beyond rounded edges */
}

.boxcrad-gp .box-inner:hover .box-bg:before {
  opacity: 1;
}

.boxcrad-gp .box-inner:hover svg {
  fill: #fff !important;
}

.boxcrad-gp .box-inner-wrap.two_column {
  width: 50%;
}

.boxcrad-gp .box-inner-wrap.four_column {
  width: 25%;
}

.boxcrad-gp .box-inner-wrap.one_column {
  width: 100%;
}

.boxcrad-gp .box-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}

@media(max-width:767px) {
  .boxcrad-gp .box-inner-wrap {
    width: 100% !important;
  }

 .boxcrad-gp .box-inner {
  border: none; /* Remove the visible border */
  border-radius: 15px; /* Add border radius */
  height: 100%;
  padding: 2px 0px 0px 0px; /* Add 2px padding to the top */
  transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.boxcrad-gp .box-inner-wrap .boxcard-inner {
  padding-top: 2px; /* Add 2px padding to the top */
}
