@charset "utf-8";
/*--- TEXT ---*/
.color-white,
.link-color-white {
  color: rgba(var(--white),1.00);
}

.color-black,
.link-color-black {
  color: rgba(var(--black),1.00);
}

.color-none,
.link-color-none {
  color: rgba(var(--black),0.00);
}

.color-theme,
.link-color-theme {
  color:rgba(var(--theme),1.00);
}

.color-primary,
.link-color-primary {
  color:rgba(var(--primary),1.00);
}

.color-secondary,
.link-color-secondary {
  color: rgba(var(--secondary),1.00);
}

.color-black-opacity,
.link-color-black-opacity {
  color: rgba(var(--black),0.20);
}

.color-white-opacity,
.link-color-white-opacity {
  color: rgba(var(--white),0.20);
}

.color-gold,
.link-color-gold {
  color: rgba(var(--gold),1.00);
}

.color-brown,
.link-color-brown {
  color: rgba(var(--brown),1.00);
}

.color-blue,
.link-color-blue {
  color: rgba(var(--blue),1.00);
}

.color-indigo,
.link-color-indigo {
  color: rgba(var(--indigo),1.00);
}

.color-purple,
.link-color-purple {
  color: rgba(var(--purple),1.00);
}

.color-pink,
.link-color-pink {
  color: rgba(var(--pink),1.00);
}

.color-red,
.link-color-red {
  color: rgba(var(--red),1.00);
}

.color-orange,
.link-color-orange {
  color: rgba(var(--orange),1.00);
}

.color-yellow,
.link-color-yellow {
  color: rgba(var(--yellow),1.00);
}

.color-green,
.link-color-green {
  color: rgba(var(--green),1.00);
}

.color-teal,
.link-color-teal {
  color: rgba(var(--teal),1.00);
}

.color-cyan,
.link-color-cyan {
  color: rgba(var(--cyan),1.00);
}

.color-gray,
.link-color-gray {
  color: rgba(var(--gray),1.00);
}

.color-graylight,
.link-color-graylight {
  color: rgba(var(--graylight),1.00);
}

.color-graydark,
.link-color-graydark {
  color: rgba(var(--graydark),1.00);
}

.color-success,
.link-color-success {
  color: rgba(var(--success),1.00);
}

.color-info,
.link-color-info {
  color: rgba(var(--cyan),1.00);
}

.color-warning,
.link-color-warning {
  color: rgba(var(--yellow),1.00);
}

.color-danger,
.link-color-danger {
  color: rgba(var(--danger),1.00);
}

.color-light,
.link-color-light {
  color: rgba(var(--light),1.00);
}

.color-dark,
.link-color-dark {
  color: rgba(var(--dark),1.00);
}

.color-egov,
.link-color-egov {
  color: rgba(var(--egov),1.00);
}

.color-gsb,
.link-color-gsb {
  color: rgba(var(--gsb),1.00);
}

.color-appmobile,
.link-color-appmobile {
  color: rgba(var(--appmobile),1.00);
}

.color-appline,
.link-color-appline {
  color: rgba(var(--appline),1.00);
}

.color-appfacebook,
.link-color-appfacebook {
  color: rgba(var(--appfacebook),1.00);
}

.color-appmessenger,
.link-color-appmessenger {
  color: rgba(var(--appmessenger),1.00);
}

.color-apptwitter,
.link-color-apptwitter {
  color: rgba(var(--apptwitter),1.00);
}

.color-appyoutube,
.link-color-appyoutube {
  color: rgba(var(--appyoutube),1.00);
}

.link-color-white:hover {
  color: rgba(var(--white),0.50);
}

.link-color-black:hover {
  color: rgba(var(--black),0.50);
}

.link-color-none:hover {
  color: rgba(var(--black),0.00);
}

.link-color-theme:hover {
  color: rgba(var(--theme),0.50);
}

.link-color-primary:hover {
  color: rgba(var(--primary),0.50);
}

.link-color-secondary:hover {
  color: rgba(var(--secondary),0.50);
}

.link-color-black-opacity:hover {
  color: rgba(var(--black),0.10);
}

.link-color-white-opacity:hover {
  color: rgba(var(--white),0.10);
}

.link-color-gold:hover {
  color: rgba(var(--gold),0.50);
}

.link-color-brown:hover {
  color: rgba(var(--brown),0.50);
}

.link-color-blue:hover {
  color: rgba(var(--blue),0.50);
}

.link-color-indigo:hover {
  color: rgba(var(--indigo),0.50);
}

.link-color-purple:hover {
  color: rgba(var(--purple),0.50);
}

.link-color-pink:hover {
  color: rgba(var(--pink),0.50);
}

.link-color-red:hover {
  color: rgba(var(--red),0.50);
}

.link-color-orange:hover {
  color: rgba(var(--orange),0.50);
}

.link-color-yellow:hover {
  color: rgba(var(--yellow),0.50);
}

.link-color-green:hover {
  color: rgba(var(--green),0.50);
}

.link-color-teal:hover {
  color: rgba(var(--teal),0.50);
}

.link-color-cyan:hover {
  color: rgba(var(--cyan),0.50);
}

.link-color-gray:hover {
  color: rgba(var(--gray),0.50);
}

.link-color-graylight:hover {
  color: rgba(var(--graylight),0.50);
}

.link-color-graydark:hover {
  color: rgba(var(--graydark),0.50);
}

.link-color-success:hover {
  color: rgba(var(--success),0.50);
}

.link-color-info:hover {
  color: rgba(var(--cyan),0.50);
}

.link-color-warning:hover {
  color: rgba(var(--yellow),0.50);
}

.link-color-danger:hover {
  color: rgba(var(--danger),0.50);
}

.link-color-light:hover {
  color: rgba(var(--light),0.50);
}

.link-color-dark:hover {
  color: rgba(var(--dark),0.50);
}

.link-color-egov:hover {
  color: rgba(var(--egov),0.50);
}

.link-color-gsb:hover {
  color: rgba(var(--gsb),0.50);
}

.link-color-appmobile:hover {
  color: rgba(var(--appmobile),0.50);
}

.link-color-appline:hover {
  color: rgba(var(--appline),0.50);
}

.link-color-appfacebook:hover {
  color: rgba(var(--appfacebook),0.50);
}

.link-color-appmessenger:hover {
  color: rgba(var(--appmessenger),0.50);
}

.link-color-apptwitter:hover {
  color: rgba(var(--apptwitter),0.50);
}

.link-color-appyoutube:hover {
  color: rgba(var(--appyoutube),0.50);
}

.color-theme-op1 {
  color: rgba(var(--theme),0.10);
}

.color-theme-op2 {
  color: rgba(var(--theme),0.20);
}

.color-theme-op3 {
  color: rgba(var(--theme),0.30);
}

.color-theme-op4 {
  color: rgba(var(--theme),0.40);
}

.color-theme-op5 {
  color: rgba(var(--theme),0.50);
}

.color-theme-op6 {
  color: rgba(var(--theme),0.60);
}

.color-theme-op7 {
  color: rgba(var(--theme),0.70);
}

.color-theme-op8 {
  color: rgba(var(--theme),0.80);
}

.color-theme-op9 {
  color: rgba(var(--theme),0.90);
}

.color-white-op1 {
  color: rgba(var(--white),0.10);
}

.color-white-op2 {
  color: rgba(var(--white),0.20);
}

.color-white-op3 {
  color: rgba(var(--white),0.30);
}

.color-white-op4 {
  color: rgba(var(--white),0.40);
}

.color-white-op5 {
  color: rgba(var(--white),0.50);
}

.color-white-op6 {
  color: rgba(var(--white),0.60);
}

.color-white-op7 {
  color: rgba(var(--white),0.70);
}

.color-white-op8 {
  color: rgba(var(--white),0.80);
}

.color-white-op9 {
  color: rgba(var(--white),0.90);
}

.color-black-op1 {
  color: rgba(var(--black),0.10);
}

.color-black-op2 {
  color: rgba(var(--black),0.20);
}

.color-black-op3 {
  color: rgba(var(--black),0.30);
}

.color-black-op4 {
  color: rgba(var(--black),0.40);
}

.color-black-op5 {
  color: rgba(var(--black),0.50);
}

.color-black-op6 {
  color: rgba(var(--black),0.60);
}

.color-black-op7 {
  color: rgba(var(--black),0.70);
}

.color-black-op8 {
  color: rgba(var(--black),0.80);
}

.color-black-op9 {
  color: rgba(var(--black),0.90);
}
/*--- BACKGROUND ---*/
.bg-white,
.link-bg-white {
  background-color: rgba(var(--white),1.00);
}

.bg-black,
.link-bg-black {
  background-color: rgba(var(--black),1.00);
}

.bg-none,
.link-bg-none {
  background-color: rgba(var(--black),0.00);
}

.bg-theme,
.link-bg-theme {
  background-color: rgba(var(--theme),1.00);
}

.bg-theme-opacity,
.link-bg-theme-opacity {
  background-color: rgba(var(--theme),0.95);
}

.bg-primary,
.link-bg-primary {
  background-color: rgba(var(--primary),1.00);
}

.bg-secondary,
.link-bg-secondary {
  background-color: rgba(var(--secondary),1.00);
}

.bg-black-opacity,
.link-bg-black-opacity {
  background-color: rgba(var(--black),0.20);
}

.bg-white-opacity,
.link-bg-white-opacity {
  background-color: rgba(var(--white),0.20);
}

.bg-gold,
.link-bg-gold {
  background-color: rgba(var(--gold),1.00);
}

.bg-brown,
.link-bg-brown {
  background-color: rgba(var(--brown),1.00);
}

.bg-blue,
.link-bg-blue {
  background-color: rgba(var(--blue),1.00);
}

.bg-indigo,
.link-bg-indigo {
  background-color: rgba(var(--indigo),1.00);
}

.bg-purple,
.link-bg-purple {
  background-color: rgba(var(--purple),1.00);
}

.bg-pink,
.link-bg-pink {
  background-color: rgba(var(--pink),1.00);
}

.bg-red,
.link-bg-red {
  background-color: rgba(var(--red),1.00);
}

.bg-orange,
.link-bg-orange {
  background-color: rgba(var(--orange),1.00);
}

.bg-yellow,
.link-bg-yellow {
  background-color: rgba(var(--yellow),1.00);
}

.bg-green,
.link-bg-green {
  background-color: rgba(var(--green),1.00);
}

.bg-teal,
.link-bg-teal {
  background-color: rgba(var(--teal),1.00);
}

.bg-cyan,
.link-bg-cyan {
  background-color: rgba(var(--cyan),1.00);
}

.bg-gray,
.link-bg-gray {
  background-color: rgba(var(--gray),1.00);
}

.bg-graylight,
.link-bg-graylight {
  background-color: rgba(var(--graylight),1.00);
}

.bg-graydark,
.link-bg-graydark {
  background-color: rgba(var(--graydark),1.00);
}

.bg-success,
.link-bg-success {
  background-color: rgba(var(--success),1.00);
}

.bg-info,
.link-bg-info {
  background-color: rgba(var(--cyan),1.00);
}

.bg-warning,
.link-bg-warning {
  background-color: rgba(var(--yellow),1.00);
}

.bg-danger,
.link-bg-danger {
  background-color: rgba(var(--danger),1.00);
}

.bg-light,
.link-bg-light {
  background-color: rgba(var(--light),1.00);
}

.bg-dark,
.link-bg-dark {
  background-color: rgba(var(--dark),1.00);
}

.bg-egov,
.link-bg-egov {
  background-color: rgba(var(--egov),1.00);
}

.bg-gsb,
.link-bg-gsb {
  background-color: rgba(var(--gsb),1.00);
}

.bg-egov,
.link-bg-egov {
  background-color: rgba(var(--egov),1.00);
}

.bg-appmobile,
.link-bg-appmobile {
  background-color: rgba(var(--appmobile),1.00);
}

.bg-appline,
.link-bg-appline {
  background-color: rgba(var(--appline),1.00);
}

.bg-appfacebook,
.link-bg-appfacebook {
  background-color: rgba(var(--appfacebook),1.00);
}

.bg-appmessenger,
.link-bg-appmessenger {
  background-color: rgba(var(--appmessenger),1.00);
}

.bg-apptwitter,
.link-bg-apptwitter {
  background-color: rgba(var(--apptwitter),1.00);
}

.bg-appyoutube,
.link-bg-appyoutube {
  background-color: rgba(var(--appyoutube),1.00);
}

.bg-contents,
.link-bg-contents {
  background-color: rgba(var(--graylight),0.50);
}

.link-bg-contents:hover {
  background-color: rgba(var(--graylight),1.00);
}

.link-bg-white:hover {
  background-color: rgba(var(--white),0.80);
}

.link-bg-black:hover {
  background-color: rgba(var(--black),0.80);
}

.link-bg-none:hover {
  background-color: rgba(var(--black),0.00);
}

.link-bg-theme:hover {
  background-color: rgba(var(--theme),0.80);
}

.link-bg-theme-opacity:hover {
  background-color: rgba(var(--theme),0.80);
}

.link-bg-primary:hover {
  background-color: rgba(var(--primary),0.80);
}

.link-bg-secondary:hover {
  background-color: rgba(var(--secondary),0.80);
}

.link-bg-black-opacity:hover {
  background-color: rgba(var(--black),0.10);
}

.link-bg-white-opacity:hover {
  background-color: rgba(var(--white),0.10);
}

.link-bg-gold:hover {
  background-color: rgba(var(--gold),0.80);
}

.link-bg-brown:hover {
  background-color: rgba(var(--brown),0.80);
}

.link-bg-blue:hover {
  background-color: rgba(var(--blue),0.80);
}

.link-bg-indigo:hover {
  background-color: rgba(var(--indigo),0.80);
}

.link-bg-purple:hover {
  background-color: rgba(var(--purple),0.80);
}

.link-bg-pink:hover {
  background-color: rgba(var(--pink),0.80);
}

.link-bg-red:hover {
  background-color: rgba(var(--red),0.80);
}

.link-bg-orange:hover {
  background-color: rgba(var(--orange),0.80);
}

.link-bg-yellow:hover {
  background-color: rgba(var(--yellow),0.80);
}

.link-bg-green:hover {
  background-color: rgba(var(--green),0.80);
}

.link-bg-teal:hover {
  background-color: rgba(var(--teal),0.80);
}

.link-bg-cyan:hover {
  background-color: rgba(var(--cyan),0.80);
}

.link-bg-gray:hover {
  background-color: rgba(var(--gray),0.80);
}

.link-bg-graylight:hover {
  background-color: rgba(var(--graylight),0.80);
}

.link-bg-graydark:hover {
  background-color: rgba(var(--graydark),0.80);
}

.link-bg-success:hover {
  background-color: rgba(var(--success),0.80);
}

.link-bg-info:hover {
  background-color: rgba(var(--cyan),0.80);
}

.link-bg-warning:hover {
  background-color: rgba(var(--yellow),0.80);
}

.link-bg-danger:hover {
  background-color: rgba(var(--danger),0.80);
}

.link-bg-light:hover {
  background-color: rgba(var(--light),0.80);
}

.link-bg-dark:hover {
  background-color: rgba(var(--dark),0.80);
}

.link-bg-egov:hover {
  background-color: rgba(var(--egov),0.80);
}

.link-bg-gsb:hover {
  background-color: rgba(var(--gsb),0.80);
}

.link-bg-appmobile:hover {
  background-color: rgba(var(--appmobile),0.80);
}

.link-bg-appline:hover {
  background-color: rgba(var(--appline),0.80);
}

.link-bg-appfacebook:hover {
  background-color: rgba(var(--appfacebook),0.80);
}

.link-bg-appmessenger:hover {
  background-color: rgba(var(--appmessenger),0.80);
}

.link-bg-apptwitter:hover {
  background-color: rgba(var(--apptwitter),0.80);
}

.link-bg-appyoutube:hover {
  background-color: rgba(var(--appyoutube),0.80);
}

.bg-theme-op1 {
  background-color: rgba(var(--theme),0.10);
}

.bg-theme-op2 {
  background-color: rgba(var(--theme),0.20);
}

.bg-theme-op3 {
  background-color: rgba(var(--theme),0.30);
}

.bg-theme-op4 {
  background-color: rgba(var(--theme),0.40);
}

.bg-theme-op5 {
  background-color: rgba(var(--theme),0.50);
}

.bg-theme-op6 {
  background-color: rgba(var(--theme),0.60);
}

.bg-theme-op7 {
  background-color: rgba(var(--theme),0.70);
}

.bg-theme-op8 {
  background-color: rgba(var(--theme),0.80);
}

.bg-theme-op9 {
  background-color: rgba(var(--theme),0.90);
}

.bg-white-op1 {
  background-color: rgba(var(--white),0.10);
}

.bg-white-op2 {
  background-color: rgba(var(--white),0.20);
}

.bg-white-op3 {
  background-color: rgba(var(--white),0.30);
}

.bg-white-op4 {
  background-color: rgba(var(--white),0.40);
}

.bg-white-op5 {
  background-color: rgba(var(--white),0.50);
}

.bg-white-op6 {
  background-color: rgba(var(--white),0.60);
}

.bg-white-op7 {
  background-color: rgba(var(--white),0.70);
}

.bg-white-op8 {
  background-color: rgba(var(--white),0.80);
}

.bg-white-op9 {
  background-color: rgba(var(--white),0.90);
}

.bg-black-op1 {
  background-color: rgba(var(--black),0.10);
}

.bg-black-op2 {
  background-color: rgba(var(--black),0.20);
}

.bg-black-op3 {
  background-color: rgba(var(--black),0.30);
}

.bg-black-op4 {
  background-color: rgba(var(--black),0.40);
}

.bg-black-op5 {
  background-color: rgba(var(--black),0.50);
}

.bg-black-op6 {
  background-color: rgba(var(--black),0.60);
}

.bg-black-op7 {
  background-color: rgba(var(--black),0.70);
}

.bg-black-op8 {
  background-color: rgba(var(--black),0.80);
}

.bg-black-op9 {
  background-color: rgba(var(--black),0.90);
}

/*--- Gradient BG ---*/
.bg-gradient {
  background: linear-gradient(0deg, rgba(var(--secondary),0.20), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-theme {
  background: linear-gradient(60deg, rgba(var(--theme),1.00), rgba(var(--primary),1.00), rgba(var(--theme),1.00), rgba(var(--primary),1.00));
  background-size: 200% 200%;
  -webkit-animation: Gradient 9s ease infinite;
  animation: Gradient 9s ease infinite;
}

.bg-gradient-primary {
  background: linear-gradient(90deg, rgba(var(--black),0.80), rgba(var(--dark),0.80), rgba(var(--primary),0.80));
  background-size: 100% 100%;
}

.bg-gradient-secondary {
  background: linear-gradient(0deg, rgba(var(--secondary),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-color {
  background: linear-gradient(90deg, rgba(var(--white),1.00), rgba(var(--primary),1.00), rgba(var(--theme),1.00));
  background-size: 100% 100%;
}

.bg-gradient-gold {
  background: linear-gradient(-45deg, rgba(var(--gold),1.00), rgba(var(--black),1.00), rgba(var(--gold),1.00), rgba(var(--black),1.00));
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

.bg-gradient-red {
  background: linear-gradient(-45deg, rgba(var(--red),1.00), rgba(var(--black),1.00), rgba(var(--red),1.00), rgba(145,0,0,1.00));
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

.bg-gradient-green {
  background: linear-gradient(-45deg, rgba(var(--success),1.00), rgba(var(--green),1.00), rgba(var(--success),1.00), rgba(var(--green),1.00));
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

.bg-gradient-dark {
  background: linear-gradient(90deg, rgba(var(--dark),1.00), rgba(var(--black),1.00), rgba(var(--dark),1.00), rgba(var(--black),1.00));
  background-size: 400% 400%;
  -webkit-animation: Gradient 5s ease infinite;
  animation: Gradient 5s ease infinite;
}

.bg-gradient-light {
  background: linear-gradient(90deg, rgba(var(--primary),1.00), rgba(var(--light),1.00), rgba(var(--primary),1.00), rgba(var(--light),1.00));
  background-size: 400% 400%;
  -webkit-animation: Gradient 5s ease infinite;
  animation: Gradient 5s ease infinite;
}

.bg-gradient-gray {
  background: linear-gradient(90deg, rgba(var(--white),1.00), rgba(var(--red),1.00), rgba(var(--white),1.00), rgba(var(--red),1.00));
  background-size: 400% 400%;
  -webkit-animation: Gradient 5s ease infinite;
  animation: Gradient 5s ease infinite;
}

.bg-gradient-egov {
  background: linear-gradient(90deg, rgba(var(--egov),1.00), rgba(var(--green),1.00), rgba(var(--egov),1.00), rgba(var(--green),1.00));
  background-size: 400% 400%;
  -webkit-animation: Gradient 5s ease infinite;
  animation: Gradient 5s ease infinite;
}

.bg-gradient-gsb {
  background: linear-gradient(90deg, rgba(var(--gsb),1.00), rgba(var(--pink),1.00), rgba(var(--gsb),1.00), rgba(var(--pink),1.00));
  background-size: 400% 400%;
  -webkit-animation: Gradient 5s ease infinite;
  animation: Gradient 5s ease infinite;
}

.bg-gradient-rainbow {
  background: linear-gradient(-45deg, red,orange,yellow,green,blue,indigo,violet);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

.bg-gradient-theme-dark {
  background: linear-gradient(90deg, rgba(var(--red),0.80), rgba(var(--graydark),0.80), rgba(var(--black),0.80));
  background-size: 100% 100%;
}

.bg-gradient-theme-dark-theme {
  background: linear-gradient(90deg, rgba(var(--theme),0.80), rgba(var(--red),0.80), rgba(var(--black),0.80), rgba(var(--theme),0.80));
  background-size: 100% 100%;
}

.bg-gradient-gold-dark {
  background: linear-gradient(90deg, rgba(var(--black),1.00), rgba(var(--gold),1.00), rgba(var(--black),1.00));
  background-size: 100% 100%;
}

.bg-gradient-underline {
  background: linear-gradient(90deg, rgba(var(--theme),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-center {
  background: linear-gradient(90deg, rgba(var(--white),0.00), rgba(var(--white),0.00), rgba(var(--theme),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-center-theme {
  background: linear-gradient(90deg, rgba(var(--white),0.00), rgba(var(--white),0.00), rgba(var(--theme),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-center-green {
  background: linear-gradient(90deg, rgba(var(--white),0.00), rgba(var(--white),0.00), rgba(var(--green),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-center-orange {
  background: linear-gradient(90deg, rgba(var(--white),0.00), rgba(var(--white),0.00), rgba(var(--orange),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-center-red {
  background: linear-gradient(90deg, rgba(var(--white),0.00), rgba(var(--white),0.00), rgba(var(--red),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-center-blue {
  background: linear-gradient(90deg, rgba(var(--white),0.00), rgba(var(--white),0.00), rgba(var(--blue),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-center-black {
  background: linear-gradient(90deg, rgba(var(--white),0.00), rgba(var(--white),0.00), rgba(var(--black),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-center-white {
  background: linear-gradient(90deg, rgba(var(--white),0.00), rgba(var(--white),0.00), rgba(var(--white),1.00), rgba(var(--white),0.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-theme {
  background: linear-gradient(90deg, rgba(var(--theme),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-green {
  background: linear-gradient(90deg, rgba(var(--green),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-orange {
  background: linear-gradient(90deg, rgba(var(--orange),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-red {
  background: linear-gradient(90deg, rgba(var(--red),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-blue {
  background: linear-gradient(90deg, rgba(var(--blue),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-black {
  background: linear-gradient(90deg, rgba(var(--black),0.50), rgba(var(--black),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-white {
  background: linear-gradient(90deg, rgba(var(--white),0.50), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-black:hover {
  background: linear-gradient(90deg, rgba(var(--black),0.20), rgba(var(--black),0.00));
  background-size: 100% 100%;
}

.bg-gradient-underline-white:hover {
  background: linear-gradient(90deg, rgba(var(--white),0.20), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-theme-opacity {
  background: linear-gradient(180deg, rgba(var(--theme),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-primary-opacity {
  background: linear-gradient(180deg, rgba(var(--primary),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-secondary-opacity {
  background: linear-gradient(180deg, rgba(var(--secondary),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-dark-opacity {
  background: linear-gradient(180deg, rgba(var(--white),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-gray-opacity {
  background: linear-gradient(180deg, rgba(var(--white),1.00), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-white-opacity {
  background: linear-gradient(180deg, rgba(var(--white),0.20), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-black-opacity {
  background: linear-gradient(180deg, rgba(var(--black),0.20), rgba(var(--white),0.00));
  background-size: 100% 100%;
}

.bg-gradient-bottom {
  background: linear-gradient(180deg, rgba(var(--white),0.00), rgba(var(--white),1.00), rgba(var(--white),1.00));
  background-size: 100% 100%;
}