.row{
    padding-right: 0px;
    padding-left: 0px;
}

.service-sectors{

}

.service-sectors .views-row .b-bg{
    background-color: rgb(0 0 0 / 50%);
    background-blend-mode: overlay;
    border-radius: 5px;
}

.service-sectors .views-row{
    position: relative;
}

.service-sectors .views-row .views-field.views-field-edit-node{
    position: relative;
}

.service-sectors .views-row  p.read-more{
    margin-bottom: 20px;
}

.service-sectors .views-row  .flip-card-back a{
    color: white;
    padding: 10px 20px;
    border: 1px solid white;
    border-radius: 3px;
}


.service-sectors .views-row  .flip-card-back a:hover,
.service-sectors .views-row  .flip-card-back a:focus,
.service-sectors .views-row  .flip-card-back a:active{
    color: var(--bs-orange);
}


.columns-special-margin .row-wrapper{
    position: relative;
    background: linear-gradient(to right, #ff9d00, #b97e03) !important;
    padding: 3px !important;
    border-radius: 2px;
}

.columns-special-margin .row-wrapper > .gsc-column{
    background-color: white;
}

.flip-card{
    background-color: transparent;
    perspective: 1000px;
    width: 93%;
    height: 100%;
    translate: 4% 0%;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }

  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }

  .flip-card:hover .flip-card-front{
    opacity: 0;
  }

  .flip-card-front, .flip-card-back {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }

  .flip-card-front {
    /*background-color: #bbb;*/
    color: black;
  }

  .flip-card-back {
    /*background-color: dodgerblue;*/
    color: white;
    transform: rotateY(180deg);
    padding: 0px 15px;
  }