/*** Style 1 ***/

.template-7400.style-1{
    transition: box-shadow .4s;
}

.template-7400.style-1:before,
.template-7400.style-1:after {
 content: '';
 background: var(--color-3);
 height: 4px;
 width: 50%;
 position: absolute;
 transition: transform .4s;
 transform: scaleX(0);
}

.template-7400.style-1.hovered:before,
.template-7400.style-1.hovered:after,
.template-7400.style-1:hover:before,
.template-7400.style-1:hover:after {
 transform: scaleX(1);
}

.template-7400.style-1:before {
 transform-origin: left;
 top: 0;
 left: 0;
}

.template-7400.style-1:after {
 transform-origin: right;
 bottom: 0;
 right: 0;
}

.template-7400.style-1.hovered,
.template-7400.style-1:hover {
 text-decoration: none;
 box-shadow: 0 0 5px 5px #005ce747;
}

/*** Renesse style 2 ***/

.template-7400.style-2,
.template-7400.style-2 .card__title{
    transition: all .3s;
}

.template-7400.style-2:before,
.template-7400.style-2:after {
    content: '';
    background: var(--color-3);
    height: 4px;
    width: 50%;
    position: absolute;
    transition: transform .4s;
    transform: scaleX(0);
}

.template-7400.style-2:hover:before,
.template-7400.style-2:hover:after {
    transform: scaleX(1);
}

.template-7400.style-2:before {
    transform-origin: left;
    top: 0;
    left: 0;
}

.template-7400.style-2:after {
    transform-origin: right;
    bottom: 0;
    right: 0;
}

.template-7400.style-2:hover {
    text-decoration: none;
    box-shadow: 0 0 10px 2px var(--color-3);
}

.template-7400.style-2:hover .card__title {
    color: var(--color-3);
}

.template-7400.dropdown_arrow--effect a {
    color: #505050;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: color 0.4s ease, transform 0.4s ease;
}

.template-7400.dropdown_arrow--effect a::before {
    content: "\f061";
    display: none;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    position: relative;
    margin-right: 8px; 
    opacity: 0; 
    transform: translateX(-5px); 
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.template-7400.dropdown_arrow--effect a:hover {
    color: #121F3F!important; 
    transform: translateX(10px); 
}


.template-7400.dropdown_arrow--effect a:hover::before {
    display:block;
    opacity: 1; 
    transform: translateX(0); 
    color: #121F3F!important; 
}