.header-button a {
background-image: repeating-linear-gradient(to right, #2b8eff, #ff0600, #2b8eff);
animation-fill-mode: forwards;
animation-timing-function: linear;
background-size: 200% auto;
background-position: 0 100%;
animation: 2s infinite gradient;
color: #FFF !important;
}

@keyframes gradient {
0% {
background-position: 0 0;
}

100% {
background-position: -200% 0;
}
}

.header-button::before, .header-button::after {
content: "";
position: absolute;
inset: -10px;
border: 2px solid;
border-radius: 7px;
animation: clippath 3s infinite linear;
}

.header-button::before {
border-color: #ff5e53;
}

.header-button::after {
border-color: #2b8eff;
animation-delay: -1.5s;
}

@keyframes clippath {
0%, 100% {
clip-path: inset(0 0 98% 0);
}

25% {
clip-path: inset(0 98% 0 0);
}

50% {
clip-path: inset(98% 0 0 0);
}

75% {
clip-path: inset(0 0 0 98%);
}
}

@keyframes gradient {
0% {
background-position: 0 0;
}

100% {
background-position: -200% 0;
}
}

@keyframes yellow-shadow {
0%, 100% {
top: 0;
left: 0;
}

25% {
top: 50%;
left: 0;
}

50% {
top: 50%;
left: 50%;
}

75% {
top: 0;
left: 50%;
}
}

@keyframes cyan-shadow {
0%, 100% {
right: 0;
bottom: 0;
}

25% {
right: 0;
bottom: 50%;
}

50% {
right: 50%;
bottom: 50%;
}

75% {
right: 50%;
bottom: 0;
}
}

.button:before {
left: 0;
top: 0;
-webkit-box-shadow: 0 0 17px 3px #ffff01, 0 0 4px 2px #ffff01;
box-shadow: 0 0 17px 3px #ffff01, 0 0 4px 2px #ffff01;
-webkit-animation-name: yellow-shadow;
animation-name: yellow-shadow;
}

.button:after {
right: 0;
bottom: 0;
-webkit-box-shadow: 0 0 17px 3px #0ff, 0 0 4px 2px #0ff;
box-shadow: 0 0 17px 3px #0ff, 0 0 4px 2px #0ff;
-webkit-animation-name: cyan-shadow;
animation-name: cyan-shadow;
}

.button:after,.button:before {
content: "";
position: absolute;
width: 50%;
height: 50%;
z-index: -1;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
}


.sg-section_911466077 {
  padding-top: 30px;
  padding-bottom: 30px;
}
 

.sg-section_927243363 {
  padding-top: 30px;
  padding-bottom: 30px;
}
 
:root {--primary-color: #446084;}html{background-image: url('https://localhost/wp-content/uploads/2026/06/WEbp.webp');}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1250px}.row.row-collapse{max-width: 1220px}.row.row-small{max-width: 1242.5px}.row.row-large{max-width: 1280px}body.framed, body.framed header, body.framed .header-wrapper, body.boxed, body.boxed header, body.boxed .header-wrapper, body.boxed .is-sticky-section{ max-width: 1230px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: rgba(180,53,53,0)}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 140px;}.header-wrapper:not(.stuck) .header-main .header-nav{margin-top: 3px }.success.is-underline:hover,.success.is-outline:hover,.success{background-color: #0e69b7}.success-color, .success.is-link, .success.is-outline{color: #0e69b7;}.success-border{border-color: #0e69b7!important;}/* Color !important */[data-text-color="success"]{color: #0e69b7!important;}/* Background Color */[data-text-bg="success"]{background-color: #0e69b7;}body{color: #000000}h1,h2,h3,h4,h5,h6,.heading-font{color: #005be5;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: "Roboto Serif", sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: "Roboto Serif", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Roboto Serif", sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Roboto Serif", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Roboto Serif", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #0c42bf;}.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #221dbd;}.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #221dbd;}a{color: #0743f7;}.absolute-footer, html{background-color: rgba(255,255,255,0)}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}