/*
Theme Name: Jingze
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.2.5
*/

:root {
    --e-global-color-astglobalcolor0: #084e9d;
    --e-global-color-astglobalcolor8: #ed1c24;
}

.btnNut{
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 50px;
    border: 0px;
    font-weight: 700;
    box-shadow: 0px 0px 14px -7px #f09819;
    background-image: linear-gradient(45deg, #084e9d 0%, #ed1c24 51%, #084e9d 100%);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    background-color: transparent;
    background-image: linear-gradient(105deg, var(--primary-color) 0%, var(--mau-2) 51%);
}
.btnNut:hover{
    background-position: right center;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    background-image: linear-gradient(269deg, var( --primary-color ) 0%, var( --mau-2 ) 56%);
}
.btnNut:active {
  transform: scale(0.95);
}



.header-main .header-nav > li{
    position: relative;
}
.header-main .header-nav > li{
    position: relative;
}
.header-main .header-nav > li::after , .header-main .header-nav > li::before {
    position: absolute;
    transition: .4s;
    height: 1px;
    background-color: var(--primary-color);
    content: '';
    transform: scaleX(0);
    transform-origin: 0 0;
    left: 0px;
}
.header-main .header-nav > li::after {
  width: 4rem;
  bottom: -3px;
}
.header-main .header-nav > li::before {
  width: 3rem;
  bottom: -10px;
  transition-delay: .2s;
}
.header-main .header-nav > li:hover::after , .header-main .header-nav > li:hover::before {
  transform: scaleX(1);
}


@media only screen and (max-width: 48em) {

}