/*
	DESKTOP CSS DECL ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
    ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
*/

.showClass {
  display: grid;
}
.invisiForm {
  display: none;
}
.BTftOfitWh32DK {
  font-family: "Xoutfit" sans-serif;
  font-weight: 600;
  font-size: clamp(1.5rem, 2.2rem, 3rem);
  color: #ffffff;
  line-height: 0.9em;
  

}
/* SPECIALTY FONTS SPECIALTY FONTS - TITLE SHADOW GLOW SELLING POINTS ETC ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬*/
.ftOF34ShDK {
  /*Shadow Font for Body Text Only*/

  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  color: #ffffff;
  line-height: 1.3;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
}
.ftOf34TshDK {
  /* Shadow Font Title base WHITE */
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  color: #ffffff;
  line-height: 1.5;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
}
/* TITLE FONTS _________________________________________________________________________*/
.ftPointTitleBDK {
  /* Shadow Font Title base WHITE */
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  color: #ffffff;
  line-height: 3.5rem;
  text-shadow: 0.2em 0.2em 0.9rem rgba(1, 1, 1, 0.7);
  letter-spacing: 0.2rem;
  word-spacing: 0.1rem;
}

.ftPointTitleADK {
  /* selling point title font */
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  color: #ffffff;
  line-height: 1.5;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
}
.ftPointTitleBlurDK {
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.5rem;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
  filter: blur(0.1rem);
  font-weight: 800;
  word-spacing: 0.55rem;
  letter-spacing: 0.15rem;
  font-size: clamp(2.9rem, 5rem, 6rem);
  white-space: nowrap;
}
.ftPointTitleBlur2DK {
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.5rem;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
  filter: blur(0.5rem);
  font-weight: 800;
  word-spacing: 0.55rem;
  letter-spacing: 0.15rem;
  font-size: clamp(2.9rem, 5rem, 6rem);
  white-space: nowrap;
}
.ftPointTitleBlurOrDK {
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  color: #ff8040;
  line-height: 1.5rem;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
  filter: blur(0.1rem);
  font-weight: 800;
  word-spacing: 0.55rem;
  letter-spacing: 0.15rem;
  font-size: clamp(2.9rem, 5rem, 6rem);
  white-space: nowrap;
}
/* BODY FONTS _________________________________________________________________________*/
.ftPointBodyADK {
  /* selling point title font ALT */
  font-family: "Xoutfit" sans-serif;
  font-weight: 800;
  font-size: clamp(3.8rem, 4.4rem, 5rem);
  padding-top:8%;
  letter-spacing: 0.4rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  text-shadow: 0.5em 0.2em 1rem #7ccce7;
}
.ftPointBodyBDK {
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: clamp(3.1rem, 4.4rem, 5rem);
  color: rgba(255, 255, 255, 1);
  line-height: 1.4;
  text-shadow: 0.2em 0.2em 0.8rem rgba(1, 1, 1, 1);
  letter-spacing: 0.1rem;
}
.ftPointBodyBNSDK {
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: clamp(3.1rem, 4.4rem, 5rem);
  color: rgba(255, 255, 255, 1);
  line-height: 1.4;
  
  backdrop-filter: blur(1rem);

  letter-spacing: 0.1rem;
}
.ftPointBodyCDK {
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
  text-shadow: 0.2em 0.2em 0.8rem rgba(1, 1, 1, 0.7);
}

/* END OF END OF SPECIALTY FONTS SPECIALTY FONTS - TITLE SHADOW GLOW SELLING POINTS ETC - END OF 
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */

/*  CARD FONTS ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬*/

.showClass {
  display: grid;
}
.DKinvisiForm {
  display: none;
}
.ftOF34ShDK {
  /*Shadow Font for Body Text Only*/

  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: 2.6rem;
  color: #ffffff;
  line-height: 1.3;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
}
.ftOf34TshDK {
  /* Shadow Font Title base WHITE */
  font-family: "Xoutfit" sans-serif;
  font-weight: 800;
  font-size: 3.1rem;
  color: #ffffff;
  line-height: 1.5;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
}
.ftOfTitlePiDK {
  /* Font Title base PINK */
  font-family: "Xoutfit" sans-serif;
  font-weight: 600;
  font-size: 3rem;
  color: #ea15cf;
  line-height: 1.5;
}
.ftOfTitleWHIDK {
  /* Font Title base WHITE */
  font-family: "Xoutfit" sans-serif;
  font-weight: 600;
  font-size: 2.9rem;
  color: #ffffff;
  line-height: 1.5;
}

.ftOfitWh38DK {
  /* Font  base WHITE */
  font-family: "Xoutfit";
  font-weight: 600;
  font-size: 2rem;
  color: rgba(255, 255, 255, 1);
  line-height: 1.2;
}
/* FOOTER FONTS _________________________________________*/
.ftFootOF30DK {
  font-family: "Xoutfit" sans-serif;
  font-weight: 600;
  font-size: clamp(1.3rem, 1.3rem, 2.1rem);
  color: #ffffff;
  line-height: 1;
}
/* FOOTER FONTS END_________________________________________*/

/*  CARD FONTS _■▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/
.lCardftOF34shDK {
  /*Shadow Font for Body Text Only*/

  font-family: "Xoutfit" sans-serif;
  font-weight: 600;
  font-size: clamp(3.5rem, 3.2rem, 2.2rem);
  color: #ffffff;
  line-height: 1.3;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
}
.lCardftOF34TshDK {
  /* Shadow Font Title base WHITE */
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: clamp(3.5rem, 4.2rem, 2.8rem);
  color: #ffffff;
  line-height: 1.5;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
}
.HdrCardftOF34TshDK {
  /* Shadow Font Title base WHITE */
  font-family: "Xoutfit" sans-serif;
  font-weight: 700;
  font-size: clamp(3.5rem, 4.2rem, 5.2rem);
  color: #ffffff;
  line-height: 1.5;
  text-shadow: 0.2em 0.2em 0.8rem #0e0e0e;
}
/*  CARD FONTS END_▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/

/*Grid WRAPPERS Below DESKTOP  ┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼
┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼*/

/*Grid Container H E A D E R BELOW DESKTOP □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
     .gridWrapperHdrDK {
      display: grid;
      grid-auto-columns: 1fr 1fr 1fr;
      grid-auto-rows: auto;
      /* grid-template-rows: 15% 15% auto auto auto auto auto;
      grid-template-columns: auto-fit;
         justify-content:stretch;
                           align-content:stretch; */
      row-gap: 1%;
    }
  /*Grid Container H E A D E R END DESKTOP END END □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

.gridWrapperDK {
  display: grid;

  /*grid-template-columns: max-content max-content 1fr;*/
  row-gap: 1%;

  
  grid-auto-columns: 25% 25% auto auto;
  grid-auto-rows: auto auto auto auto auto;
}


/*Grid WRAPPERS E N D DESKTOP  ┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼
┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼*/



/* Grid Section Classes BELOW
       □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□▬▬▬ */

/* ------------------GRID SECTION H E A D E R DESKTOP BELOW _______________________*/  
.LgrdHeaderDK {
      display: grid;
      position: absolute;
      grid-area: 1 / 1 / 1 / 1;
      top: 1%;
      z-index:77;
      align-self: stretch;
}
.RgrdHeaderDK {
      display:grid;
      position: relative;
      grid-area: 4 / 2 / 4 / 3;
      top: 2%;
        left: 0%;

      align-self: start;

      text-align: center;
      text-transform: uppercase;
    }
      /* ------------------GRID SECTION H E A D E R DESKTOP END _______________________*/

.grdHeroMainDK {
  position: relative;
  grid-area: 1 / 1 / 4 / 4;
}
.grdFmDK {
  grid-column: 2 / 3;
  grid-row: 2 / 2;
  margin-top: 5%;
  z-index: 30;

  /*      justify-self: stretch;
                       align-self: stretch; */
}
.grdHeroMidDK {
  position: absolute;
  grid-area: 1 / 1 / 2 / 5;
  text-align: center;
  text-transform: uppercase;
  padding: 3%;
}
.grdHero2DK {
  
  position:relative;
  grid-area: 4 / 1 / 5 / 5;
  text-align: center;
  align-self: flex-end;
    
}

/* CARD GRID SETTINGS ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*/
.grdLftCardDK {
  position: relative;
  
  grid-area: 1 / 1 / 2 / 3;
  padding: 4%;
}
.grdRtCardDK {
  position: relative;

  grid-area: 1 / 3 / 3 / 4;
  
}
.grdHdrCardDK {
  position: absolute;

  grid-area: 1 / 1 / 3 / 5;
}
.grdCtCardDK {
  position: relative;
  grid-area: 4 / 3 / 5 / 2;
  align-self: center;

  
}
.grdLtFootCardDK {
  position: relative;
  grid-area: 1 / 1 / 5 / 3;
  text-align: center;
  text-transform: uppercase;
  align-self: center;
  padding: 3%;
  left: 2%;
  box-shadow: 0rem 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
}

.grdRtFootCardDK {
  position: relative;

  top: 1%;

  grid-area: 1 / 2 / 3 / 5;
  text-align: left;
  justify-self: end;
  right: 2%;
  align-self: center;
  /*text-transform: uppercase;*/
  padding: 2%;
  box-shadow: 0rem 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
}
/* CARD GRID SETTINGS END ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*/

/* SECTION FORMAT & GRP BELOW ≡≡≡
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/

.fmFmtDK {
  position: absolute;

  top: 5%;
  right: 11%;
  padding: 1%;
}
.heroMainFmtDK {
  height: 100%;
  width: 100%;
}
.heroMidFmtDK {
  top: 4%;
  z-index: 5;
  justify-content: center;
  justify-self: center;
  filter: blur(0.05rem);
}
.hero2FmtDK {
  
  
  top: 8%;
  z-index: 5;
  justify-content: center;
  justify-self: center;
  letter-spacing: 3rem;
  

   
  height: 3rem;
  background-color: red; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right,#AFDBF5, #eec0c8, #FF69B4 , #FF00BF);
  filter: drop-shadow(2px 5px 9rem rgb(0 0 0 / .2));



}
/* *****************  CARD formatting BELOW
              ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
              __________________________________________________________________________
                  */
.lftCardFmtDK {
  
  top: -1%;
  left: 1%;
  z-index: 41;
  justify-content: center;
  /*padding: 0% 2% 0% 2%;*/
  width: 100%;
  height: auto;
  padding: 3%;
}

.HdrCardFmtDK {
  top: -29%;
  position: absolute;
  z-index: 44;
  justify-content: center;
  /*padding: 1% 1% 1% 1%;*/
  text-decoration: none;
  }

.lftCardWrapperDK {
  text-align: center;
  background-image: var(--imgBkCardRocket);
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
  box-shadow: 0rem 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
  z-index: 25;
}
.RtCardFmtDK {
  top: -4%;
  right: 1%;
  z-index: 41;
  justify-content: center;
  padding: 5% 2% 5% 2%;
  width:100%;
  height: auto;
  line-height: 7rem;

  
}

.RtCardWrapperDK {
  text-align: center;
  background-image: var(--imgCardRocket);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position-x: 22%;
  box-shadow: 0rem 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
  z-index: 35;
  margin-left: -3%;
}
.HdrCardWrapperDK {
  text-align: center;
}
.footCardFmtDK {
  top: 1%;

  justify-content: center;
  padding: 4%;
  width: 50%;
  height: auto;
  z-index: 55;
}

.footCardWrapperDK {
  background-image: var(--imgBkCardRocket);
  background-size: cover;
  background-position: stretch;
  text-align: center;

  margin-left: 0.5%;
  width: 99%;

  box-shadow: 0rem 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
  z-index: 25;
}

/* Card Formatting END_■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* SECTION FORMAT & GRP END■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                    ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* Glowing Effects start here ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.cdEffectsDK {
  /* Add shadows to create the "card" effect */
  box-shadow: 0rem 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.cdEffectsDK:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
}
.glowEffectsDK {
  -webkit-box-shadow: 0px 0px 105px 45px rgba(98, 46, 255, 0.9);
  -moz-box-shadow: 0px 0px 105px 45px rgba(98, 46, 255, 0.9);
  box-shadow: 0px 0px 55px 45px rgba(98, 46, 255, 0.7);
}
.glowEffectsPiDK {
  -webkit-box-shadow: 0px 0px 105px 55px rgba(255, 46, 245, 0.7);
  -moz-box-shadow: 0px 0px 65px 45px rgba(255, 46, 245, 0.8);
  box-shadow: 0px 0px 65px 45px rgba(255, 46, 245, 0.8);
  
}
.glowEffectsPiNBDK {
  -webkit-box-shadow: -28% 8% -20% 10% rgba(51, 6, 249, 0.889);
  -moz-box-shadow: -30% 5% -35% 15% rgba(255, 46, 245, 0.8);
  box-shadow: -20% 5% -25% 10% rgba(255, 46, 245, 0.8);
  backdrop-filter:blur(1em);
  z-index:35;
}
/* Glowing Effects END here ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
/* Glowing Effects END here ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* FORM FORMATTING FORM FORMATTING FORM FORMATTING ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
            ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
            ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
            ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.DKfmTxtInput {
  font-family: "Xoutfit" sans-serif;
  font-weight: 500;
  margin-top: 1%;
  margin-left: 1%;
  align-content: left;

  font-size: var(--baseFontSize15);
  background: #35354b;
  color: #ffffff;
}