.features {
  position: relative; /* Positioning context for the pseudo-element */
  background: linear-gradient(242deg, #FF551A 24.57%, #4744D1 96.42%);
  overflow: hidden; /* Hides any overflow from the pseudo-element */
}

.features::before {
  content: "";
  position: absolute; /* Allows for absolute positioning */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('https://5511330.fs1.hubspotusercontent-na1.net/hubfs/5511330/FileJet%2024/burst.png');
  background-size: cover; /* Scales the image to cover the entire area while keeping its aspect ratio */
  background-position: center; /* Centers the image within the pseudo-element */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  opacity: 0.5; /* Optional: Adjust the opacity of the image */
  z-index: 0; /* Keeps the image above the background gradient */
}
.features .bttn-line {
    margin-top: 40px;
    padding-left: 0;
}
.features hr {
  height: 1px; /* Set the height to 1px */
  opacity: 0.2; /* Set the opacity to 20% */
  background: #D9D9F1; /* Set the background color */
  border: none; /* Remove the default border */
  margin: 20px 0 40px 0; /* Optional: Adjust the margin as needed */
}

.features .feature-box-full,
.features .feature-box-half {
  border-radius: 12px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(12px);
  padding: 0;
  overflow: hidden;
}

.features h4 {
  margin-bottom: 30px;
}

.features .feature-box-full-left {
  padding: 40px;
}

.features-box-tag {
  display: inline-flex;
  height: 34px;
  padding: 5px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 1px solid var(--white);
  background: var(--orange);
  color: var(--white, #FFF);
  font-family: Sora;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 30px;
}

/* Target the first .feature-box-full within .feature-boxes-wrap */
.feature-boxes-wrap .feature-box-full:first-of-type {
  margin-bottom: 30px;
}

/* Apply margin-left only to the first half-width box */
.feature-box-half:nth-child(2) {
    margin-right: 0px;
}

/* Ensure no margin-left on the second half-width box */
.feature-box-half:nth-child(3) {
    margin-left: 20px;
}

.feature-boxes-wrap .col-lg-6 {
        flex: 0 0 auto;
        width: calc(50% - 10px);
    }
}
.feature-box-full-right img {width:100%}
.feature-box-full-left img {width:100%}
/*--------------------------------------------------------------
## 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) {
    .row.feature-boxes-wrap {
        padding: 0 20px;
    }
  .row.feature-boxes-wrap {
    padding: 0 20px;
}
  .feature-boxes-wrap .col-lg-6 {
    flex: 0 0 auto;
    width: calc(100%);
}

.features .feature-box-full-left {
    padding: 20px;
}
  .feature-box-half:nth-child(3) {
    margin-left: 0px;
    margin-top: 20px;
}
  .features .center {text-align:left;}
}
/*--------------------------------------------------------------
## iPad sm
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

}

/*--------------------------------------------------------------
## iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
.row.feature-boxes-wrap {
    padding: 0 20px;
}
  .feature-boxes-wrap .col-lg-6 {
    flex: 0 0 auto;
    width: calc(100%);
}

.features .feature-box-full-left {
    padding: 20px;
}
  .feature-box-half:nth-child(3) {
    margin-left: 0px;
    margin-top: 20px;
}
  .features .center {text-align:left;}
}
/*--------------------------------------------------------------
## iPhone sm
--------------------------------------------------------------*/
@media only screen and (max-width: 375px) {

}