.yc-shode-box {
    margin:30px 0!important
}

.yc-shode-box h2 {
    position:relative;
    margin-bottom:20px
}

.yc-shode-box .--short--code--content {
    margin-bottom:30px
}

.yc-fea-it {
    display:flex;
    flex-wrap:wrap;
    margin:-15px!important;
    max-width:unset!important;
    align-content:center
}

.yc-sh-sine-fes {
    cursor:pointer;
    border:var(--border-defult);
    box-shadow:var(--box-shadow-defult);
    padding: 20px !important;
    display:flex;
    align-items:center;
    flex:1;
    margin:15px!important;
    border-radius:var(--largeradius);
    transition:250ms;
    min-width:500px;
    position:relative
}

.yc-sh-sine-fes:last-child {
    border-bottom:0
}

.yc-sh-sine-fes:hover {
    border-color:var(--border-defult-hover);
    box-shadow:var(--box-shadow-hover);
    transition:80ms;
    transform:translateY(-1px)
}

.yc-shortcode-features--icon {
    font-size:47px;
    text-align:center;
    display:flex;
    justify-content:center;
    margin:0!important;
    color:var(--primary-text);
    transition:180ms;
    margin-inline-end: 25px!important;
    --el-w:120px;
    min-width:var(--el-w);
    height:var(--el-w);
    align-items:center;
    position:relative;
    background:#fff;
    border-radius:40px;
    box-shadow:var(--box-shadow-hover);
    border:1px solid var(--border-defult-hover)
}

.yc-shortcode-features--icon:before {
    content:'';
    position:absolute
}

.yc-sh-sine-fes:hover .yc-shortcode-features--icon {
    color:var(--uicolor);
    background:#f9fcff;
    border-color:var(--uicolor)
}

.yc-shortcode-features--icon i {
    font-weight:400;
    transition:180ms;
    position:relative
}

.yc-shcode-inf {
    opacity:.8;
    transition:180ms
}

.yc-sh-sine-fes:hover .yc-shcode-inf {
    opacity:1
}

.yc-shcode-inf h3 {
    font-weight:500;
    margin:0 0 10px!important;
    font-size:22px
}

.yc-shcode-inf p {
    margin:0!important;
    font-size:17px
}

.yc-shcode--section--contactus {
    display:flex;
    padding:40px!important;
    border-radius:var(--largeradius);
    transition:250ms;
    align-items:center;
    background:#fff;
    border:3px solid var(--uicolor);
    justify-content:space-between
}

.--contact--post-info {
    display:block;
    text-align:start;
    flex:1
}

.--shortcode--section--contactus--title {
    display:flex;
    margin:0;
    justify-content:start;
    text-align:start;
    font-size:30px;
    color:#0f2648
}

.--contact--post-info p {
    margin:10px 0 0;
    color:#343434;
    max-width:500px!important
}

.--contl--but {
    display:flex;
    justify-content:center;
    flex-direction:column
}

.--contl--but a {
    font-size:16px;
    display:flex;
    align-items:center;
    margin-bottom:10px;
    color:#fff!important;
    padding:8px 18px;
    border:2px solid var(--info-color);
    border-radius:var(--largeradius);
    background:var(--info-color);
    justify-content:center
}

.--contl--but a:hover {
    background:0 0;
    color:var(--uicolor) !important
}

.--contl--but a.--button-call-link-whatsapp:hover {
    background:0 0;
    color:var(--whatsapp)
}

.--contl--but a.--button-call-link-whatsapp {
    color:#fff;
    background:var(--whatsapp);
    border-color:var(--whatsapp)
}

.--contl--but a:last-child {
    margin-bottom:0
}

.--contl--but a i {
    margin:0!important;
    margin-inline-end:10px!important;font-weight:500;
    font-size:18px
}

.--contl--but a strong {
    font-weight:500
}

.yc-shcode--servi {
    display:flex;
    flex-wrap:wrap;
    margin:0 -20px!important;
    max-width:-webkit-fill-available!important;
    align-items: flex-end;
}

.yc-sh-ser-it {
    padding:30px 0!important;
    border-bottom:1px solid var(--diver);
    display:flex;
    align-items:center;
    flex:1;
    min-width:500px;
    margin:0 20px!important;
    text-align:right
}

.yc-sh-ser-it:last-child {
    border-bottom:0
}

.yc-shcode--single-worksteps-item:hover,.yc-shory--im:hover {
    transform:translateY(-1px);
    box-shadow:var(--box-shadow-hover);
    border-color:var(--border-defult-hover)
}

.yc-she-step--im {
    display:flex;
    min-width:160px;
    overflow:hidden;
    justify-content:center;
    background:#f8f8f8;
    border-radius:var(--miniradius);
    margin-inline-end:30px!important;box-shadow:var(--box-shadow-hover)
}

.yc-she-step--im img {
    max-width:unset;
    max-height:100%;
    margin:0!important;
    padding:0!important
}

.yc-shcode--services--info {
    display:block
}

.yc-shcode--services--info h3 {
    margin:0;
    font-size:20px;
    font-weight:600
}

.yc-shc-im {
    gap:16px;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.yc-shode-box.yc-shcode--post--gallery {
    display:flex;
    flex-direction:column
}

.yc-shory--im {
    break-inside:avoid;
    display:flex;
    overflow:hidden;
    align-items:center;
    justify-content:center;
    border-radius:var(--largeradius);
    background:var(--background2);
    box-shadow:var(--box-shadow-defult);
    border:var(--border-defult);
    transition:250ms;
    padding:0!important;
    margin:0!important;
    height:160px;
    min-width:140px;
    max-width:151px!important;
    flex:1
}

.yc-shory--im:hover {
    transition:80ms
}

.yc-shory--im a {
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    justify-content:center;
    position:relative
}

.yc-shory--im a:before {
    filter:blur(34px);
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:#041d42
}

.yc-shory--im a img {
    width:auto;
    height:100%;
    border-radius:0;
    z-index:0
}

.yc-shcode--single-worksteps-item {
    display:block;
    padding:30px!important;
    border:var(--border-defult);
    box-shadow:var(--box-shadow-defult);
    border-radius:var(--largeradius);
    cursor:pointer;
    transition:250ms;
    text-align:right;
    flex:1;
    max-width: 300px !important;
    min-width:250px;
}

.yc-shortcode-worksteps--image {
    font-size:50px;
    font-weight:500;
    margin:0!important;
    font-family:var(--f-number)
}

.yc-shcode--worksteps--info {
    display:block
}

.yc-shcode--worksteps--info h3 {
    margin:0;
    font-weight:500;
    font-size:22px
}

.yc-shcode--worksteps--info p {
    font-size:17px
}