.fatre-style {border-radius:var(--largeradius);padding: 25px;background:var(--sp-fill);position:relative;box-shadow:0px 10px 12px 1px rgb(10 9 20 / 3%), 0 1px 2px 1px #f5f5f5;border:1px solid #ededed;flex:1;min-width:360px;max-width:435px;}

.fatre-style:last-child {
    margin-left:0;
}

.fatre-style::after {
    border-radius:47px;
    top:8px;
    border:3px solid var(--uicolor);
}

.fatre-style:hover svg {
    color:var(--uicolor);
}

.fatre-style .feature-title {
    font-weight:500;
    line-height:1.5;
    font-size:20px;
    transition:.4s;
    color:var(--primary-text);
    cursor:pointer;
}

.fatre-style  i {position:relative;display:flex;color: var(--uicolor);font-size:55px;border-radius:var(--miniradius);margin-bottom: 10px;transition:0.3s;justify-content:center;align-items:center;font-weight:200;}

.feature-style2,.feature-style2 .feature-img {
    position:relative;
    overflow:hidden
}

.feature-style2 .feature-img img {
    width:100%
}

.feature-style2 .feature-img:before {
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,.5);
    transition:.4s
}

.feature-style2 .feature-content {
    bottom:0;
    padding:0 30px 90px;
    position:absolute;
    text-align:center;
    transform:translateY(230px);
    transition:.6s
}

@media(max-width:1199px) {
    .vs-feature-area {
        padding-top:120px
    }
}

.featured-boxed {
    position:relative;
    overflow:hidden;
    margin-inline:-35px;
    }

p.feature-text {
    font-size:16px;
    margin:0 0 18px;
    color:var(--secondarytext);
    line-height:1.75;
    font-weight:300
}

.-setup-owl {
    display:flex;
    flex-wrap:wrap;
    position:relative;
    gap:30px;
}

.-setup-owl svg {
    position:absolute;
    top:93px;
    right:211px;
    display:none;
}

.-setup-owl .owl-stage {
    display:flex
}

.-setup-owl .owl-stage-outer {
    position:relative;
    display:block
}

.-setup-owl .owl-nav>div {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    border:2px solid var(--secondarytext);
    --chev-w:50px;
    width:var(--chev-w);
    height:var(--chev-w);
    z-index:2;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    font-size:24px;
    color:var(--secondarytext);
    transition:180ms;
    cursor:pointer
}

.-setup-owl .owl-nav>div.owl-prev {
    left:-28px
}

.-setup-owl .owl-nav>div.owl-next {
    right:-28px
}  
.featured-boxed .owl-nav {
    display:none
} 

.active .fatre-style:before,.fatre-style:hover:before {bottom:-2px;}


.feature-text {
    line-height:1.7;
    font-size:17px;
    font-weight:400;
    color:var(--second-text-color);
}
 
.feature-icon:before {
    border-radius:var(--largeradius) var(--largeradius) 0 0;
}

.feature-icon {
    position:relative;
    display:flex;
    margin-bottom: 10px;
    flex-direction:column;
    align-items:flex-start;
}
 
.services--flexx--left .wds-title-style {
    width:100%;
}
 
 
section.featured-style1-area {
    position:relative;
    background:var(--photo);
    background-repeat:no-repeat;
    background-size:auto;
    background-position:top;
}

section.featured-style1-area::after {
    content:'';
    position:absolute;
    background:var(--photo);
    width:100%;
    height:100%;
    top:0;
    z-index:-1;
    background-repeat:no-repeat;
    background-size:cover;
}
 
.features:hover a.feature-title {
    color:#16171a;
}
 
 
.features:hover .feature-text {
    color:#16171a;
} 
 
.contact--flex {display:flex;flex-wrap:wrap;}