/* === Custom Block Styling === */
.solutionsGridCustom{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
    margin-top: 30px;
}

.solutionsGrid__innerColumn{
    height: 450px;
    border-radius: 30px;
    border: solid 1px #707070;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: var(--FC-default-transition);
}

.solutionsGrid__innerColumn:hover{
    border: solid 1px var(--FC-primary-color);
    transition: var(--FC-default-transition);
    cursor: none;
}

.solutionsGrid__innerWrapper {
    padding: 32px;
    background-color: #fff;
    height: 35%;
    transition: height .25s linear;
}
.solutionsGrid__innerWrapper::after {
    content: '';
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="397.477" height="126.958" viewBox="0 0 397.477 126.958"%3E%3Cdefs%3E%3CclipPath id="clip-path"%3E%3Crect id="Rectangle_594" data-name="Rectangle 594" width="397.477" height="126.958" fill="%23ffffff" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id="Group_788" data-name="Group 788" transform="translate(0 64.902)"%3E%3Cg id="Group_787" data-name="Group 787" transform="translate(0 -64.902)" clip-path="url(%23clip-path)"%3E%3Cpath id="Path_44639" data-name="Path 44639" d="M0,0V95.866a746.1,746.1,0,0,0,123.734,10.161c103.22,0,198.25-20.468,273.743-54.815V0Z" fill="%23ffffff" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat;
    background-size: cover;
    height: 125px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -75px;
}

@media screen and (max-width: 991.98px){
    .solutionsGrid__innerWrapper::after{
        bottom: -47px;
    }
}

@media screen and (max-width: 767.98px){
    .solutionsGrid__innerWrapper::after{
        bottom: -65px;
    }
}



.solutionsGrid__innerColumn:hover .solutionsGrid__innerWrapper{
    height: 100%;
    transition: height .25s linear;
}
/* When no excerpt is present, hover expands to only 50% */
.solutionsGrid__innerColumn.noExcerpt:hover .solutionsGrid__innerWrapper {
    height: 45%;
    transition: height .25s linear;
}
.solutionsGrid__heading_JUSTGRIDWrapper{
    min-height: 125px;
    display: flex;
    align-items: flex-start;
}
.solutionsGrid__heading_JUSTGRID{
    color: var(--FC-secondary-color);
}

.solutionsGrid__heading_JUSTGRID .first-word {
    color: var(--FC-primary-color);
    display: block;
}

.solutionsGrid__copy{
    opacity: 0;
    transition: opacity .3s linear;
}
.solutionsGrid__innerColumn:hover .solutionsGrid__copy{
    opacity: 1;
    transition: opacity .3s linear;

}

/* This is code is for the red circle on the bottom right corner that says click here */
/* .solutionsGrid__link::after {
    content: "Click";
    font-size: 16px;
    background-color: var(--FC-primary-color);
    color: var(--FC-white);
    width: 64px;
    height: 64px;
    z-index: 10;
    position: absolute;
    bottom: -15px;
    right: -15px;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: var(--FC-default-transition);
}

.solutionsGrid__link:hover::after {
    opacity: 1;
} */


/* === This code handles the custom cursor effect === */
.custom-cursor {
  position: absolute;
  width: 75px;
  height: 75px;
  background: url("data:image/svg+xml,%3Csvg%20height%3D%2275%22%20width%3D%2275%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2075%2075%22%3E%3Ccircle%20cx%3D%2237.5%22%20cy%3D%2237.5%22%20r%3D%2230%22%20fill%3D%22red%22%20stroke%3D%22none%22/%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-size%3D%2218%22%20fill%3D%22white%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%20font-family%3D%22AvertaStd%2C%20sans-serif%22%3EClick%3C/text%3E%3C/svg%3E") no-repeat center center;
  pointer-events: none;
  transform: translate(-50%, -75%);
  opacity: 0;
  transition: opacity .1s ease-in-out;
}

.custom-cursor.active{
  opacity: 1;
  transition: opacity .1s ease-in-out;
}



.solutionsGrid__innerColumn{
    width: calc(100% - 15px);
}


.solutionsGrid__col:nth-child(3) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(6) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(9) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(12) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(15) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(18) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(21) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(24) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(27) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(30) .solutionsGrid__innerColumn{
    margin-left: 15px;
}

.solutionsGrid__col:nth-child(2) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(5) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(8) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(11) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(4) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(17) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(20) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(23) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(26) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(29) .solutionsGrid__innerColumn {
    margin: auto;
}

.solutionsGrid__col:nth-child(1) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(4) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(7) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(10) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(13) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(16) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(19) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(22) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(25) .solutionsGrid__innerColumn,
.solutionsGrid__col:nth-child(28) .solutionsGrid__innerColumn{
    margin-right: 15px;
}


@media screen and (max-width: 992px){
    .solutionsGrid__col:nth-child(1) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(3) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(5) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(7) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(9) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(11) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(13) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(15) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(17) .solutionsGrid__innerColumn{
        margin-left: 0;
        margin-right: 15px;
    }
    .solutionsGrid__col:nth-child(2) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(4) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(6) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(8) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(10) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(12) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(14) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(16) .solutionsGrid__innerColumn,
    .solutionsGrid__col:nth-child(18) .solutionsGrid__innerColumn{
        margin-left: 15px;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px){
    .solutionsGrid__innerColumn {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    .solutionsGrid__innerWrapper{
        height: auto;
    }
    .solutionsGridCustom .solutionsGrid__copyWrapper{
        max-height: 100% !important;
    }
    .solutionsGrid__copy{
        opacity: 1;
    }
    .solutionsGrid__heading_JUSTGRIDWrapper{
        min-height: 50px;
    }
}





.solutionsGrid__col {
    margin-top: 25px;
}




@media screen and (max-width: 575px){
    .custom-cursor.active{
        display: none;
    }
    .solutionsGrid__innerColumn:hover{
        cursor: pointer;
    }
}