.sdf-area-we-serve {

    position: relative;

    background-image: url(../images/aws-bg-img.png);

    background-repeat: repeat;

    background-size: contain;

    background-color: #27519D;

}



.sdf-area-we-serve::before {

    content: "";

    position: absolute;

    inset: 0;

    background: radial-gradient(circle 400px at center, rgba(255, 255, 255, 0.3), rgba(39, 81, 157, 0.8));

}



.sdf-area-we-serve .aws-col-wrapper {

    border: 1px solid #fff;

    padding: 28px 20px;

    position: relative;

    transition: transform 1s ease;

    cursor: pointer;

}



.sdf-area-we-serve .aws-col-wrapper::before {

    content: "";

    position: absolute;

    inset: 0;

    background-color: #27519D;

    opacity: 0;

    transition: opacity 1s ease;

    z-index: -1;

}



.sdf-area-we-serve .aws-col-wrapper:hover {

    transform: scale(1.01);

}



.sdf-area-we-serve .aws-col-wrapper:hover::before {

    opacity: 1;

}



.sdf-area-we-serve .aws-title {

    position: relative;

}



.sdf-area-we-serve .aws-col-wrapper:not(:last-of-type) {

    margin-bottom: 28px;

}



.sdf-area-we-serve .aws-col-wrapper .aws-col-heading {

    margin-bottom: 24px;

    color: #fff;

}



.sdf-area-we-serve .aws-icon-list {

    list-style: none;

}



.sdf-area-we-serve .aws-icon-list a {

    color: #fff;

}



.sdf-area-we-serve .aws-icon-list .aws-icon {

    position: absolute;

    margin-left: -32px;

}



@media (min-width:768px) {

    .sdf-area-we-serve .aws-col-wrapper {

        margin-bottom: 0px;

        min-height: 348px;

        overflow: hidden;

    }

}



@media (min-width:992px) {

    .sdf-area-we-serve .aws-col-wrapper {

        min-height: 240px;

    }

}