/* color variables */
/* Font variables */
/* Font size variables */
/* -------- grid-breakpoints: ------------ */
.demotext h2 {
  font-size: 100px;
  background: var(--fl-global-primary-color);
  color: var(--fl-global-primary-color);
  text-align: center; }
  @media (max-width: 1400px) {
    .demotext h2 {
      /* background: pink;
       font-size: 50px; */ } }
  @media (max-width: 1200px) {
    .demotext h2 {
      background: #cfa329;
      font-size: 40px; } }
  @media (max-width: 992px) {
    .demotext h2 {
      background: #1cc032;
      font-size: 30px; } }
  @media (max-width: 576px) {
    .demotext h2 {
      background: #6b7acc;
      font-size: 30px; } }

/* -------- mixin box ------------ */
/* -------- mixin box end  ------------ */
.demobox1 {
  color: red;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid blue;
  background: yellow; }

.demobox1 .uabb-image.uabb-image-crop-simple {
  text-align: center; }

.demobox1 h3 {
  color: red;
  font-size: 26px;
  font-weight: bold;
  text-align: center !important;
  margin-top: 20px !important; }

.demobox1 p {
  color: red !important;
  font-size: 14px;
  text-align: center !important; }

.demobox2 {
  color: red;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid blue;
  background: #9d61ce; }

.demobox2 .uabb-image.uabb-image-crop-simple {
  text-align: center; }

.demobox2 h3 {
  color: red;
  font-size: 26px;
  font-weight: bold;
  text-align: center !important;
  margin-top: 20px !important; }

.demobox2 p {
  color: red !important;
  font-size: 14px;
  text-align: center !important; }

.demobox3 {
  color: red;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid blue;
  background: #50e7ec; }

.demobox3 .uabb-image.uabb-image-crop-simple {
  text-align: center; }

.demobox3 h3 {
  color: red;
  font-size: 26px;
  font-weight: bold;
  text-align: center !important;
  margin-top: 20px !important; }

.demobox3 p {
  color: red !important;
  font-size: 14px;
  text-align: center !important; }

.demobox4 {
  color: red;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid blue;
  background: #62af5b; }

.demobox4 .uabb-image.uabb-image-crop-simple {
  text-align: center; }

.demobox4 h3 {
  color: red;
  font-size: 26px;
  font-weight: bold;
  text-align: center !important;
  margin-top: 20px !important; }

.demobox4 p {
  color: red !important;
  font-size: 14px;
  text-align: center !important; }

.testmenu ul {
  margin: 0;
  padding: 0; }
  .testmenu ul li {
    display: inline-block; }
    .testmenu ul li a {
      color: var(--fl-global-primary-color);
      padding: 20px;
      font-size: 20px;
      text-decoration: none;
      text-transform: uppercase; }
    .testmenu ul li a:hover {
      background-color: #c6538c;
      color: #fff;
      text-decoration: none; }

/*# sourceMappingURL=custom_style.css.map */