@charset "UTF-8";

body,
.site-header.alway-dark {
    --sala-primary: #db3e2d;
    --custom-primary-dark: #b62413;
    --custom-pink: #ea6e61;
    --custom-dark: #4f4c5c;
    --custom-yellow: #fead37;
    --custom-green: #769a7e;
    --custom-muted: #727272;
}

.text-primary {
    color: var(--sala-primary) !important;
}

.background-red {
    background-color: var(--sala-primary);
}
.background-yellow {
    background-color: var(--custom-yellow);
}

.why-choose-box {
    border: 1px solid #e8e8e8;
    display: inline-block;
    width: 100%;
    padding: 0 30px 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.why-choose-box.customer::before {
    border: 1px solid #db3e2d;
}

.why-choose-box>i {
    padding: 13px;
    background-color: #db3e2d;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-top: -1px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 35px;
    color: #fff;
    animation-duration: 0.5s;
}

.why-choose-box.customer>i {
    background-color: #db3e2d;
}

.why-choose-box.inbound>i {
    background-color: #fead37;
}

.why-choose-box.martech>i {
    background-color: #769a7e;
    padding: 15px 0px 0px 3px;
}

.block-timeline.layout-01 .item:before {
    background-color: var(--sala-primary);
}

.block-modern-box .box:nth-child(4n+1),
.block-modern-box .box.hover-effect:nth-child(4n+1):hover {
    transition: .5s;
    background-color: var(--custom-pink);
}
.block-modern-box .box:nth-child(4n+2),
.block-modern-box .box.hover-effect:nth-child(4n+2):hover {
    transition: .5s;
    background-color: var(--custom-dark);
}
.block-modern-box .box:nth-child(4n+3),
.block-modern-box .box.hover-effect:nth-child(4n+3):hover {
    transition: .5s;
    background-color: var(--custom-yellow);
}
.block-modern-box .box:nth-child(4n),
.block-modern-box .box.hover-effect:nth-child(4n):hover {
    transition: .5s;
    background-color: var(--custom-green);
}


.box {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.block-modern-box .box .box-content {
    color: #fff;
    background-color: rgba(19, 19, 19, 0.9);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px 15px 11px;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
}

.box:hover .box-content {
    padding-bottom: 24px;
    padding-top: 24px;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
}

.block-modern-box .box.background-muted {
    background-color: var(--custom-muted);
}

.block-modern-box .box:hover {
    cursor: pointer;
}

.button.fullfield:hover {
    background-color: var(--custom-primary-dark);
}