/*
custom styles for product search banner
*/
/* 
    Created on : Feb 2, 2021, 6:45:31 PM
    Author     : christel
*/

.ace-featured-3-col-wrap{
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 25px
}

.ace-f3c-content-wrap,
.ace-f3c-column{
    width: 100%
}

.ace-f3c-header{
    margin-bottom: 40px
}

.ace-f3c-header .ace-f3c-description{
    color: #3A3A3A;
    font-size: 22px;
    line-height: 30px;
    font-family: "Drescher Grotesk BT";
    font-weight: 300
}

.ace-f3c-header .ace-f3c-description p{
    margin-bottom: 0;
}

.ace-f3c-list-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 60px 60px 0
}

.ace-f3c-list-wrap .ace-f3c-item{
    flex-grow: 1;
    width: 33%;
    flex: 1 1 33%; /*grow | shrink | basis */
    position: relative
}

.ace-f3c-item-content{
    max-width: 338px;
    margin: auto;
}

.ace-f3c-item-thumb{
    width: 225px;
    height: 225px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: -5px 10px 20px 0px rgb(0 0 0 / 29%);
    position: relative;
    cursor: pointer
}

.ace-f3c-item-thumb img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    transform: translate(-50%, -50%);
    height: auto
}

.ace-f3c-item .ace-f3c-item-thumb:after{
    position: absolute;
    width: 143px;
    height: 143px;
    z-index: -1;
    content: url('../images/vector-halftone-round-dot-5.png');
}

.ace-f3c-item-1 .ace-f3c-item-thumb:after{    
    bottom: -10px;
    left: -20px;
}

.ace-f3c-item-2 .ace-f3c-item-thumb:after{    
    top: -10px;
    left: -20px;
}

.ace-f3c-item-3 .ace-f3c-item-thumb:after{    
    bottom: -10px;
    right: -20px;
}

.ace-f3c-list-wrap:before{
    position: absolute;
    width: 60%;
    height: auto;
    z-index: -1;
    content: url('../images/vector-path-gray.png');
    top: 27%;
    left: 10%;
    overflow: hidden;
}

.ace-f3c-item-text{
    margin-top: 60px
}

.ace-f3c-item-text .ace-f3c-item-title a,
.ace-f3c-item-text .ace-f3c-item-title{
    color: #01CF6A;
    font-size: 23px;
    line-height: 36px;
    font-weight: 700
}

.ace-f3c-item-description{
    margin-top: 15px
}

.ace-f3c-item-description ol,
.ace-f3c-item-description ul{
    margin-left: 20px;
    padding-left: 0;
}

.ace-featured-3-col-wrap{
    padding-top: 0
}

.ace-f3c-list-wrap .ace-f3c-item.ace-f3c-item-1 .ace-f3c-item-content{
    padding-right: 30px;
    padding-left: 30px;
}
.ace-f3c-list-wrap .ace-f3c-item.ace-f3c-item-2 .ace-f3c-item-content{
    padding-left: 30px;
    padding-right: 30px
}
.ace-f3c-list-wrap .ace-f3c-item.ace-f3c-item-3 .ace-f3c-item-content{
    padding-left: 30px;
    padding-right: 30px;
}


@media screen and ( min-width: 1440px ){
    .elementor-section.elementor-section-boxed>.elementor-container.ace-f3c-container{
        max-width: 1390px;
    }
}

@media screen and ( max-width: 1439px ){
    
    .ace-f3c-list-wrap .ace-f3c-item.ace-f3c-item-3 .ace-f3c-item-content,
    .ace-f3c-list-wrap .ace-f3c-item.ace-f3c-item-2 .ace-f3c-item-content,
    .ace-f3c-list-wrap .ace-f3c-item.ace-f3c-item-1 .ace-f3c-item-content{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and ( max-width: 1024px ){
    .ace-f3c-list-wrap{
        margin: 20px
    }
    
    .ace-f3c-item-thumb{
        width: 160px;
        height: 160px;
    }
    
    .ace-f3c-item-thumb img{
        width: 80%;
    }
    
    .ace-f3c-list-wrap .ace-f3c-item{
        padding: 10px
    }
}

@media screen and ( max-width: 1024px ){
    .ace-featured-3-col-wrap{
        padding-top: 30px
    }
    
}

@media screen and ( max-width: 767px ){
    .ace-f3c-list-wrap{
        display: block
    }
    
    .ace-f3c-list-wrap .ace-f3c-item{
        width: 100%
    }
    
    .ace-f3c-item-thumb {
        width: 225px;
        height: 225px;
        margin: auto;
    }
    
    .ace-f3c-item-text .ace-f3c-item-title a, .ace-f3c-item-text .ace-f3c-item-title{
        text-align: center
    }
    
    
}