.-featured-widgets-title--URLArea-v1,.feat-icon,.features {
    display:flex;
}

.-ycwt-benefits h2.-widgets-h1-title,.features {
    text-align:center
}

.feat-ste1 {
    border-radius:var(--miniradius);
    max-width:346px;
    flex:1;
    min-width:326px;
    margin:0 17px 27px;
    position:relative;
    display:flex;
    align-items:center
}

.feat-ste1:last-child .elementor-icon {
    display:none
}

.feat-ste1:last-child {
    margin-bottom:0
}

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

.feat-ste1:hover svg {
    color:var(--uicolor)
}

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

.feat-icon {
    height:114px;
    width:114px;
    display:flex;
    font-weight:300;
    font-size:36px;
    border-radius:50%;
    transition:.3s;
    background: #3ca20017;
    justify-content:center;
    border: 1px solid var(--uicolor);
    align-items:center
}

.feat-boxed {
    position:relative;
    overflow:hidden
}

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

.feat-seowl {
    display:flex;
    position:relative;
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:space-between
}

.feat-seowl .owl-stage {
    display:flex
}

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

.feat-seowl .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
}

.--mafeat-area {
    position:relative;
    width:100%
}

.-ycwt-benefits .shape-divider {
    --firstbottom-fill:#172952;
    --secondbuttom-fill:var(--primary-text)
}

.-ycw-section.-ycwt-benefits .custom-shape-divider-top.shape-divider .shape-fill {
    fill:var(--primary-text)
}

.-featured-widgets-title--URLArea-v1 {
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin:40px 0 0
}

.-featured-widgets-title--URLArea-v1:empty {
    margin:0
}

.-featured-widgets-title--URLArea-v1>.--BTN>a {
    display:flex;
    padding:15px 25px;
    border-radius:var(--largeradius);
    font-size:16px;
    font-weight:500;
    align-content:center;
    align-items:center;
    margin-inline-end:15px;background:var(--primary-text);
    color:#fff;
    border:2px solid #fff;
    flex-wrap:wrap
}

.-featured-widgets-title--URLArea-v1>.--BTN>a:hover {
    color:var(--primary-text);
    background:#fff;
    color:var(--uicolor);
    border-color:#fff
}

.-featured-widgets-title--URLArea-v1>.--BTN>a._url_2:hover {
    color:var(--uicolor);
    background:0 0;
    color:#fff;
    border-color:#fff
}

.-featured-widgets-title--URLArea-v1>.--BTN>a>i {
    margin-right:10px;
    font-weight:400
}

.-featured-widgets-title--URLArea-v1>.--BTN>a._url_2 {
    background:var(--uicolor);
    color:#fff;
    border-color:var(--uicolor)
}

.feat-boxed .owl-nav {
    display:none
}

a.service-grid_btn span {
    margin-inline-end:8px}

a.service-grid_btn i {
    font-size:18px
}

.active .feat-ste1:before,.feat-ste1:hover:before {
    bottom:-2px
}

.feature-text {
    line-height:1.6;
    font-size:16px;
    font-weight:400;
    color:var(--secondarytext)
}

.feat-icon:before {
    border-radius:var(--largeradius) var(--largeradius) 0 0
}

.feat-icon {
    position:relative;
    margin-bottom:14px;
    flex-direction:column
}

.feat-icon>svg {
    width: 50px;
}

.svg_future {
    position:absolute;
    top:0;
    right:-10px;
    z-index:2;
    width:66px
}

.-ycw-section -ycwt-benefits h2.-widgets-h1-title,.ser-flexx--left .-defult-widgets-title-style-1 {
    width:100%
}

.feat-icon::after {
    top:0;
    left:0;
    width:100%;
    transform:scale(0);
    transition:.4s;
    border-radius:50%;
    background-color:#16171a
}

.features:hover .feature-text,.features:hover .feature-title,.features:hover a.feature-title {
    color:#16171a
}

.-defult-widgets-title-style-1-futer {
    display:flex;
    position:relative;
    align-items:center;
    max-width:900px;
    margin-bottom:40px
}

.contact--flex {
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}

.-ycwt-benefits .P-content p {
    width:100%;
    text-align:start;
    border:0;
    font-size:18px;
    line-height:1.5;
    padding:0;
    z-index:3;
    color:var(--secondarytext);
    position:relative
}

.feat-ste1:hover .conter-number {
    animation:.7s cubic-bezier(.4,0,1,1) infinite pulsep
}

.ser-flexx {
    position:relative;
    z-index:1
}

.ser-flexx--left {
    display:flex;
    width:100%;
    flex-wrap:wrap;
    flex-direction:column;
    align-items:center
}

.benefits_photo {
    position:relative;
    background:var(--photo);
    width:100%;
    height:500px;
    border-radius:var(--miniradius);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover
}

@media only screen and (max-width:1170px) {
    .benefits_photo {
        height:200px
    }

    .--mafeat-area {
        max-width:100%
    }

    .feat-seowl {
        display:flex;
        padding-inline:10px;
        flex-wrap:wrap;
        justify-content:center;
        align-items: flex-start;
    }
}

@media only screen and (max-width:590px) {
    .--mafeat-area {
        flex:none;
        width:100%
    }

    .feat-ste1 {
        margin-inline-end:0}
}

@media only screen and (max-width:610px) {
    .feat-ste1 {
        flex-direction:column;
        width:100%
    }
}

@media only screen and (max-width:950px) {
    .feat-ste1 {
        min-width:220px;
        flex:1
    }
}

@media only screen and (max-width:1440px) {
    .--mafeat-area {
        flex:1
    }

    .feat-ste1 {
        margin-right:0!important
    }
}

.elementor-icon {
    left:-125px;
    position:absolute;
    top:28%;
    transform:rotateY(180deg)
}

.features {
    flex-direction:column;
    align-items:center
}