.platform-feature {
    border-radius: 10px;
    background: var(--Purple, #711BDE);
    border-radius: 10px;
    border: 1px solid var(--Grey, #D5DCE4);
    /* background: var(--Light-Grey, #F0F3F7); */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  min-height:500px;
}
.white-link {
    color: #fff;
}
.platform-feature-top {
    padding: 40px;
}
.platform-features .cta-wrap {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    left: -5px;
    position: relative;
}
.platform-features-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates 3 equal columns */
    gap: 20px; /* 10px gap between rows and columns */
    width: 100%; /* Ensures it spans the container's width */';;
}
.platform-feature.img-bg {
    background-size: cover !important;
    background-repeat: no-repeat;
      position: relative;
}
.platform-feature > * {
position: relative;
}
.platform-feature.img-bg:before{

    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.platform-feature.invert-box {
    color: #fff;
}
/* 1st box CTA hover */
.platform-features-wrap .platform-feature:nth-child(1) .cta-wrap a:hover {

  color: #FF4B00;

}

.platform-features-wrap .platform-feature:nth-child(1) .cta-wrap a:hover svg path {
  stroke: #FF4B00;         /* arrow stroke colour */
}

/* 3rd box CTA hover */
.platform-features-wrap .platform-feature:nth-child(3) .cta-wrap a:hover {
  color: #fff;

}

.platform-features-wrap .platform-feature:nth-child(3) .cta-wrap a:hover svg path {
  stroke: #fff;
}
.platform-features-wrap .platform-feature:nth-child(5) .cta-wrap a:hover {
  color: #fff;

}

.platform-features-wrap .platform-feature:nth-child(5) .cta-wrap a:hover svg path {
  stroke: #fff;
}

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

}
/*--------------------------------------------------------------
## iPad Pro
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 834px) {
.platform-features-wrap {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}
  .platform-feature {
    border-radius: 10px;
    background: var(--Purple, #711BDE);
    border-radius: 10px;
    border: 1px solid var(--Grey, #D5DCE4);
    /* background: var(--Light-Grey, #F0F3F7); */
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
  .platform-feature-top {
    padding: 20px;
}
}
/*--------------------------------------------------------------
## iPad sm
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

}

/*--------------------------------------------------------------
## iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  .platform-features-wrap {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    width: 100%;
}
.platform-feature {
        border-radius: 10px;
        background: var(--Purple, #711BDE);
        border-radius: 10px;
        border: 1px solid var(--Grey, #D5DCE4);
        /* background: var(--Light-Grey, #F0F3F7); */
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
/*--------------------------------------------------------------
## iPhone sm
--------------------------------------------------------------*/
@media only screen and (max-width: 375px) {

}