/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

em {
    font-family: 'Newsreader';
    color: #c3272b !important;
}

.nectar-cta.red-btn .link_wrap {
    background: linear-gradient(to bottom, #e64249 0%, #db2f37 55%, #cd171d 100%) !important;
    box-shadow:
       inset 0 1px 0 rgba(255, 255, 255, 0.30),
        inset 0 -1px 0 rgba(131, 10, 16, 0.12),
        0 7px 17px rgba(217, 35, 43, 0.28) !important;
}

.hero-icons .wpb_wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    color: #686865;
}

.hero-icons .wpb_wrapper span {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
}

.hero-icons .wpb_wrapper span img {
    margin-bottom: 0;
}

img.img-with-animation.img-badge {
    transform: rotate(10deg) !important;
}

.hero-icons.check-icons .wpb_wrapper {
    color :#000;
    gap: 40px;
}

.hero-icons.check-icons .wpb_wrapper span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 500;
}


.service-card {
    padding: 29px 30px 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.service-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 41px
}

.service-top span {
    font-size: 14px;
    color: #686865;
}

.service-icon {
    width: 42px;
    height: 42px;
}

.service-icon path {
    stroke-width: 1.2 !important;
}

.service-card p {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #686865;
    max-width: 320px
}

.service-footer {
    border-top: 1px solid #dadad5;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-top: auto;
    font-size: 15px
}

.service-footer strong {
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap
}

.service-arrow {
    position: relative;
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #000;
    clip-path: circle(50% at 50% 50%);
    overflow: hidden;
    transition:
        background-color 0.35s ease,
        clip-path 0.35s ease;
    z-index: 100;
}

.arrow-circle-animation-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    transition:
        transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
}

.arrow-circle-animation-arrow:nth-child(2) {
    top: 100%;
    left: 0;
    transform: translate(-100%, 0);
}

.services-boxes .vc_col-sm-4 .vc_column-inner:hover .service-arrow {
    background-color: #C3272B;
    clip-path: circle(45% at 50% 50%);
}

.services-boxes .vc_col-sm-4 .vc_column-inner:hover .arrow-circle-animation-arrow {
    transform: translate(50%, -150%);
}

.extra-plus strong {
    color: #c3272b !important;
    font-size: 40px !important;
    display: inline-block;
    position: relative;
    top: 4px;
    font-weight: 400;
}