/* ==== REXOTHYST CSS LAYOUT ==== */
/* Global Layout for CSS Stylings */
/* ============================== */
@font-face {
  font-family: "Medium";
  src: url("../fonts/Poppins-Medium.ttf");
}
@font-face {
  font-family: "Italic";
  src: url("../fonts/Poppins-MediumItalic.ttf");
}
@font-face {
  font-family: "Bold";
  src: url("../fonts/Poppins-Bold.ttf");
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  font-family: "Medium";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bold";
}
a {
  text-decoration: none;
  display: block;
}

/* ====== POSITIONING ====== */
.rx-po-re {
  position: relative !important;
}
.rx-po-ab {
  position: absolute !important;
}

/* ====== DISPLAY ====== */
.rx-di-bl {
  display: block !important;
}

/* ====== TEXT ====== */
.rx-ta-le {
  text-align: left !important;
}
.rx-ta-ri {
  text-align: right !important;
}
.rx-ta-ce {
  text-align: center !important;
}
.rx-ta-ju {
  text-align: justify !important;
}

/* ====== LIST STYLE TYPE ====== */
.rx-ls-ty-no{
  list-style-type: none !important;
}

/* ======== FLEX ======== */
/* Define Flex */
.rx-fl-in {
  display: inline-flex !important;
  align-items: center !important;
}
.rx-fl-ce {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Align Item Flex */
.rx-fl-ai-st {
  display: flex !important;
  align-items: flex-start !important;
}
.rx-fl-ai-en {
  display: flex !important;
  align-items: flex-end !important;
}
.rx-fl-ai-ce {
  display: flex !important;
  align-items: center !important;
}

/* Justify Content Flex */
.rx-fl-jc-st {
  display: flex !important;
  justify-content: flex-start !important;
}
.rx-fl-jc-en {
  display: flex !important;
  justify-content: end !important;
}
.rx-fl-jc-ce {
  display: flex !important;
  justify-content: center !important;
}
.rx-fl-jc-sb {
  display: flex !important;
  justify-content: space-between !important;
}
.rx-fl-jc-se {
  display: flex !important;
  justify-content: space-evenly !important;
}
.rx-fl-jc-sa {
  display: flex !important;
  justify-content: space-around !important;
}

/* Flex Direction */
.rx-fl-ro {
  display: flex !important;
  flex-direction: row !important;
}
.rx-fl-co {
  display: flex !important;
  flex-direction: column !important;
}
.rx-fl-rr {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.rx-fl-cr {
  display: flex !important;
  flex-direction: column-reverse !important;
}

/* ======= GRID ======= */
/* Column Set for Grid */
.rx-gr-rg-15 {
  display: grid !important;
  row-gap: 15px;
}
.rx-gr-rg-20 {
  display: grid !important;
  row-gap: 20px;
}
.rx-gr-co {
  display: grid !important;
  grid-template-columns: auto !important;
}
.rx-gr-co-2 {
  display: grid !important;
  grid-template-columns: auto auto !important;
}
.rx-gr-co-3 {
  display: grid !important;
  grid-template-columns: auto auto auto !important;
}
.rx-gr-co-4 {
  display: grid !important;
  grid-template-columns: auto auto auto auto !important;
}
.rx-gr-co-30-30-30 {
  display: grid !important;
  grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
}
.rx-gr-co-25-25-25-25 {
  display: grid !important;
  grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
      25% - 10px
    ) !important;
}
.rx-gr-co-10-90 {
  display: grid !important;
  grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-20-80 {
  display: grid !important;
  grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-30-70 {
  display: grid !important;
  grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-40-60 {
  display: grid !important;
  grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-50-50 {
  display: grid !important;
  grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-60-40 {
  display: grid !important;
  grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-70-30 {
  display: grid !important;
  grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-80-20 {
  display: grid !important;
  grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-90-10 {
  display: grid !important;
  grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  column-gap: 20px;
}
.rx-gr-co-au-150 {
  display: grid !important;
  grid-template-columns: auto 150px !important;
  column-gap: 20px;
}
.rx-gr-co-150-au {
  display: grid !important;
  grid-template-columns: 150px auto;
  column-gap: 20px;
}
.rx-gr-co-200-au {
  display: grid !important;
  grid-template-columns: 200px auto;
  column-gap: 20px;
}
.rx-gr-co-250-au {
  display: grid !important;
  grid-template-columns: 250px auto;
  column-gap: 20px;
}
.rx-gr-co-300-au {
  display: grid !important;
  grid-template-columns: 300px auto;
  column-gap: 20px;
}
.rx-gr-co-350-au {
  display: grid !important;
  grid-template-columns: 350px auto;
  column-gap: 20px;
}
.rx-gr-co-400-au {
  display: grid !important;
  grid-template-columns: 400px auto;
  column-gap: 20px;
}
.rx-gr-co-450-au {
  display: grid !important;
  grid-template-columns: 450px auto;
  column-gap: 20px;
}

/* ====== MARGIN ====== */
/* Universal Child Margin */
.rx-un-ch-ma * {
  margin: 0 3px;
}
.rx-un-ch-ma-ex * {
  margin: 0 3px;
}
.rx-un-ch-ma :nth-child(1) {
  margin-right: 0;
}
.rx-un-ch-ma :nth-last-child(1) {
  margin-right: 0;
}
/* Define 0 Margin */
.rx-ma-0 {
  margin: 0 !important;
}
.rx-ma-to-0 {
  margin-top: 0 !important;
}
.rx-ma-le-0 {
  margin-left: 0 !important;
}
.rx-ma-ri-0 {
  margin-right: 0 !important;
}
.rx-ma-bo-0 {
  margin-bottom: 0 !important;
}
.rx-ma-tb-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.rx-ma-lr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Define Auto Margin */
.rx-ma-au {
  margin: auto !important;
}
.rx-ma-le-au {
  margin-left: auto !important;
}
.rx-ma-ri-au {
  margin-right: auto !important;
}
.rx-ma-lr-au {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Define 5px Margin */
.rx-ma-5 {
  margin: 5px !important;
}
.rx-ma-to-5 {
  margin-top: 5px !important;
}
.rx-ma-le-5 {
  margin-left: 5px !important;
}
.rx-ma-ri-5 {
  margin-right: 5px !important;
}
.rx-ma-bo-5 {
  margin-bottom: 5px !important;
}
.rx-ma-tb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.rx-ma-lr-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

/* Define 10px Margin */
.rx-ma-10 {
  margin: 10px !important;
}
.rx-ma-to-10 {
  margin-top: 10px !important;
}
.rx-ma-le-10 {
  margin-left: 10px !important;
}
.rx-ma-ri-10 {
  margin-right: 10px !important;
}
.rx-ma-bo-10 {
  margin-bottom: 10px !important;
}
.rx-ma-tb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.rx-ma-lr-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

/* Define 15px Margin */
.rx-ma-15 {
  margin: 15px !important;
}
.rx-ma-to-15 {
  margin-top: 15px !important;
}
.rx-ma-le-15 {
  margin-left: 15px !important;
}
.rx-ma-ri-15 {
  margin-right: 15px !important;
}
.rx-ma-bo-15 {
  margin-bottom: 15px !important;
}
.rx-ma-tb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.rx-ma-lr-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

/* Define 20px Margin */
.rx-ma-20 {
  margin: 20px !important;
}
.rx-ma-to-20 {
  margin-top: 20px !important;
}
.rx-ma-le-20 {
  margin-left: 20px !important;
}
.rx-ma-ri-20 {
  margin-right: 20px !important;
}
.rx-ma-bo-20 {
  margin-bottom: 20px !important;
}
.rx-ma-tb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.rx-ma-lr-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

/* Define 25px Margin */
.rx-ma-25 {
  margin: 25px !important;
}
.rx-ma-to-25 {
  margin-top: 25px !important;
}
.rx-ma-le-25 {
  margin-left: 25px !important;
}
.rx-ma-ri-25 {
  margin-right: 25px !important;
}
.rx-ma-bo-25 {
  margin-bottom: 25px !important;
}
.rx-ma-tb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.rx-ma-lr-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

/* Define 30px Margin */
.rx-ma-30 {
  margin: 30px !important;
}
.rx-ma-to-30 {
  margin-top: 30px !important;
}
.rx-ma-le-30 {
  margin-left: 30px !important;
}
.rx-ma-ri-30 {
  margin-right: 30px !important;
}
.rx-ma-bo-30 {
  margin-bottom: 30px !important;
}
.rx-ma-tb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.rx-ma-lr-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

/* Define 35px Margin */
.rx-ma-35 {
  margin: 35px !important;
}
.rx-ma-to-35 {
  margin-top: 35px !important;
}
.rx-ma-le-35 {
  margin-left: 35px !important;
}
.rx-ma-ri-35 {
  margin-right: 35px !important;
}
.rx-ma-bo-35 {
  margin-bottom: 35px !important;
}
.rx-ma-tb-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.rx-ma-lr-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

/* Define 40px Margin */
.rx-ma-40 {
  margin: 40px !important;
}
.rx-ma-to-40 {
  margin-top: 40px !important;
}
.rx-ma-le-40 {
  margin-left: 40px !important;
}
.rx-ma-ri-40 {
  margin-right: 40px !important;
}
.rx-ma-bo-40 {
  margin-bottom: 40px !important;
}
.rx-ma-tb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.rx-ma-lr-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

/* Define 45px Margin */
.rx-ma-45 {
  margin: 45px !important;
}
.rx-ma-to-45 {
  margin-top: 45px !important;
}
.rx-ma-le-45 {
  margin-left: 45px !important;
}
.rx-ma-ri-45 {
  margin-right: 45px !important;
}
.rx-ma-bo-45 {
  margin-bottom: 45px !important;
}
.rx-ma-tb-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.rx-ma-lr-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

/* Define 50px Margin */
.rx-ma-50 {
  margin: 50px !important;
}
.rx-ma-to-50 {
  margin-top: 50px !important;
}
.rx-ma-le-50 {
  margin-left: 50px !important;
}
.rx-ma-ri-50 {
  margin-right: 50px !important;
}
.rx-ma-bo-50 {
  margin-bottom: 50px !important;
}
.rx-ma-tb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.rx-ma-lr-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

/* Define 55px Margin */
.rx-ma-55 {
  margin: 55px !important;
}
.rx-ma-to-55 {
  margin-top: 55px !important;
}
.rx-ma-le-55 {
  margin-left: 55px !important;
}
.rx-ma-ri-55 {
  margin-right: 55px !important;
}
.rx-ma-bo-55 {
  margin-bottom: 55px !important;
}
.rx-ma-tb-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}
.rx-ma-lr-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

/* Define 60px Margin */
.rx-ma-60 {
  margin: 60px !important;
}
.rx-ma-to-60 {
  margin-top: 60px !important;
}
.rx-ma-le-60 {
  margin-left: 60px !important;
}
.rx-ma-ri-60 {
  margin-right: 60px !important;
}
.rx-ma-bo-60 {
  margin-bottom: 60px !important;
}
.rx-ma-tb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.rx-ma-lr-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

/* Define 65px Margin */
.rx-ma-65 {
  margin: 65px !important;
}
.rx-ma-to-65 {
  margin-top: 65px !important;
}
.rx-ma-le-65 {
  margin-left: 65px !important;
}
.rx-ma-ri-65 {
  margin-right: 65px !important;
}
.rx-ma-bo-65 {
  margin-bottom: 65px !important;
}
.rx-ma-tb-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}
.rx-ma-lr-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

/* Define 70px Margin */
.rx-ma-70 {
  margin: 70px !important;
}
.rx-ma-to-70 {
  margin-top: 70px !important;
}
.rx-ma-le-70 {
  margin-left: 70px !important;
}
.rx-ma-ri-70 {
  margin-right: 70px !important;
}
.rx-ma-bo-70 {
  margin-bottom: 70px !important;
}
.rx-ma-tb-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.rx-ma-lr-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

/* Define 75px Margin */
.rx-ma-75 {
  margin: 75px !important;
}
.rx-ma-to-75 {
  margin-top: 75px !important;
}
.rx-ma-le-75 {
  margin-left: 75px !important;
}
.rx-ma-ri-75 {
  margin-right: 75px !important;
}
.rx-ma-bo-75 {
  margin-bottom: 75px !important;
}
.rx-ma-tb-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.rx-ma-lr-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

/* Define 80px Margin */
.rx-ma-80 {
  margin: 80px !important;
}
.rx-ma-to-80 {
  margin-top: 80px !important;
}
.rx-ma-le-80 {
  margin-left: 80px !important;
}
.rx-ma-ri-80 {
  margin-right: 80px !important;
}
.rx-ma-bo-80 {
  margin-bottom: 80px !important;
}
.rx-ma-tb-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.rx-ma-lr-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

/* Define 85px Margin */
.rx-ma-85 {
  margin: 85px !important;
}
.rx-ma-to-85 {
  margin-top: 85px !important;
}
.rx-ma-le-85 {
  margin-left: 85px !important;
}
.rx-ma-ri-85 {
  margin-right: 85px !important;
}
.rx-ma-bo-85 {
  margin-bottom: 85px !important;
}
.rx-ma-tb-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}
.rx-ma-lr-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

/* Define 90px Margin */
.rx-ma-90 {
  margin: 90px !important;
}
.rx-ma-to-90 {
  margin-top: 90px !important;
}
.rx-ma-le-90 {
  margin-left: 90px !important;
}
.rx-ma-ri-90 {
  margin-right: 90px !important;
}
.rx-ma-bo-90 {
  margin-bottom: 90px !important;
}
.rx-ma-tb-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.rx-ma-lr-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

/* Define 95px Margin */
.rx-ma-95 {
  margin: 95px !important;
}
.rx-ma-to-95 {
  margin-top: 95px !important;
}
.rx-ma-le-95 {
  margin-left: 95px !important;
}
.rx-ma-ri-95 {
  margin-right: 95px !important;
}
.rx-ma-bo-95 {
  margin-bottom: 95px !important;
}
.rx-ma-tb-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}
.rx-ma-lr-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

/* Define 100px Margin */
.rx-ma-100 {
  margin: 100px !important;
}
.rx-ma-to-100 {
  margin-top: 100px !important;
}
.rx-ma-le-100 {
  margin-left: 100px !important;
}
.rx-ma-ri-100 {
  margin-right: 100px !important;
}
.rx-ma-bo-100 {
  margin-bottom: 100px !important;
}
.rx-ma-tb-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.rx-ma-lr-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

/* ====== PADDING ====== */
/* Define 0 padding */
.rx-pa-0 {
  padding: 0 !important;
}
.rx-pad-le-0 {
  padding-left: 0 !important;
}
.rx-pad-to-0 {
  padding-top: 0 !important;
}
.rx-pad-ri-0 {
  padding-right: 0 !important;
}
.rx-pad-bo-0 {
  padding-bottom: 0 !important;
}
.rx-pad-tb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.rx-pad-lr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Define 5px padding */
.rx-pa-5 {
  padding: 5px !important;
}
.rx-pa-le-5 {
  padding-left: 5px !important;
}
.rx-pa-ri-5 {
  padding-right: 5px !important;
}
.rx-pa-to-5 {
  padding-top: 5px !important;
}
.rx-pa-bo-5 {
  padding-bottom: 5px !important;
}
.rx-pa-tb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.rx-pa-lr-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

/* Define 10px padding */
.rx-pa-10 {
  padding: 10px !important;
}
.rx-pa-le-10 {
  padding-left: 10px !important;
}
.rx-pa-ri-10 {
  padding-right: 10px !important;
}
.rx-pa-to-10 {
  padding-top: 10px !important;
}
.rx-pa-bo-10 {
  padding-bottom: 10px !important;
}
.rx-pa-tb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.rx-pa-lr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Define 15px padding */
.rx-pa-15 {
  padding: 15px !important;
}
.rx-pa-le-15 {
  padding-left: 15px !important;
}
.rx-pa-ri-15 {
  padding-right: 15px !important;
}
.rx-pa-to-15 {
  padding-top: 15px !important;
}
.rx-pa-bo-15 {
  padding-bottom: 15px !important;
}
.rx-pa-tb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.rx-pa-lr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Define 20px padding */
.rx-pa-20 {
  padding: 20px !important;
}
.rx-pa-le-20 {
  padding-left: 20px !important;
}
.rx-pa-ri-20 {
  padding-right: 20px !important;
}
.rx-pa-to-20 {
  padding-top: 20px !important;
}
.rx-pa-bo-20 {
  padding-bottom: 20px !important;
}
.rx-pa-tb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.rx-pa-lr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Define 25px padding */
.rx-pa-25 {
  padding: 25px !important;
}
.rx-pa-le-25 {
  padding-left: 25px !important;
}
.rx-pa-ri-25 {
  padding-right: 25px !important;
}
.rx-pa-to-25 {
  padding-top: 25px !important;
}
.rx-pa-bo-25 {
  padding-bottom: 25px !important;
}
.rx-pa-tb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.rx-pa-lr-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

/* Define 30px padding */
.rx-pa-30 {
  padding: 30px !important;
}
.rx-pa-le-30 {
  padding-left: 30px !important;
}
.rx-pa-ri-30 {
  padding-right: 30px !important;
}
.rx-pa-to-30 {
  padding-top: 30px !important;
}
.rx-pa-bo-30 {
  padding-bottom: 30px !important;
}
.rx-pa-tb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.rx-pa-lr-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* Define 35px padding */
.rx-pa-35 {
  padding: 35px !important;
}
.rx-pa-le-35 {
  padding-left: 35px !important;
}
.rx-pa-ri-35 {
  padding-right: 35px !important;
}
.rx-pa-to-35 {
  padding-top: 35px !important;
}
.rx-pa-bo-35 {
  padding-bottom: 35px !important;
}
.rx-pa-tb-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.rx-pa-lr-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

/* Define 40px padding */
.rx-pa-40 {
  padding: 40px !important;
}
.rx-pa-le-40 {
  padding-left: 40px !important;
}
.rx-pa-ri-40 {
  padding-right: 40px !important;
}
.rx-pa-to-40 {
  padding-top: 40px !important;
}
.rx-pa-bo-40 {
  padding-bottom: 40px !important;
}
.rx-pa-tb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.rx-pa-lr-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* Define 45px padding */
.rx-pa-45 {
  padding: 45px !important;
}
.rx-pa-le-45 {
  padding-left: 45px !important;
}
.rx-pa-ri-45 {
  padding-right: 45px !important;
}
.rx-pa-to-45 {
  padding-top: 45px !important;
}
.rx-pa-bo-45 {
  padding-bottom: 45px !important;
}
.rx-pa-tb-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.rx-pa-lr-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

/* Define 50px padding */
.rx-pa-50 {
  padding: 50px !important;
}
.rx-pa-le-50 {
  padding-left: 50px !important;
}
.rx-pa-ri-50 {
  padding-right: 50px !important;
}
.rx-pa-to-50 {
  padding-top: 50px !important;
}
.rx-pa-bo-50 {
  padding-bottom: 50px !important;
}
.rx-pa-tb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.rx-pa-lr-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

/* Define 55px padding */
.rx-pa-55 {
  padding: 55px !important;
}
.rx-pa-le-55 {
  padding-left: 55px !important;
}
.rx-pa-ri-55 {
  padding-right: 55px !important;
}
.rx-pa-to-55 {
  padding-top: 55px !important;
}
.rx-pa-bo-55 {
  padding-bottom: 55px !important;
}
.rx-pa-tb-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}
.rx-pa-lr-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

/* Define 60px padding */
.rx-pa-60 {
  padding: 60px !important;
}
.rx-pa-le-60 {
  padding-left: 60px !important;
}
.rx-pa-ri-60 {
  padding-right: 60px !important;
}
.rx-pa-to-60 {
  padding-top: 60px !important;
}
.rx-pa-bo-60 {
  padding-bottom: 60px !important;
}
.rx-pa-tb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.rx-pa-lr-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

/* Define 65px padding */
.rx-pa-65 {
  padding: 65px !important;
}
.rx-pa-le-65 {
  padding-left: 65px !important;
}
.rx-pa-ri-65 {
  padding-right: 65px !important;
}
.rx-pa-to-65 {
  padding-top: 65px !important;
}
.rx-pa-bo-65 {
  padding-bottom: 65px !important;
}
.rx-pa-tb-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}
.rx-pa-lr-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

/* Define 70px padding */
.rx-pa-70 {
  padding: 70px !important;
}
.rx-pa-le-70 {
  padding-left: 70px !important;
}
.rx-pa-ri-70 {
  padding-right: 70px !important;
}
.rx-pa-to-70 {
  padding-top: 70px !important;
}
.rx-pa-bo-70 {
  padding-bottom: 70px !important;
}
.rx-pa-tb-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.rx-pa-lr-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

/* Define 75px padding */
.rx-pa-75 {
  padding: 75px !important;
}
.rx-pa-le-75 {
  padding-left: 75px !important;
}
.rx-pa-ri-75 {
  padding-right: 75px !important;
}
.rx-pa-to-75 {
  padding-top: 75px !important;
}
.rx-pa-bo-75 {
  padding-bottom: 75px !important;
}
.rx-pa-tb-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}
.rx-pa-lr-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

/* Define 80px padding */
.rx-pa-80 {
  padding: 80px !important;
}
.rx-pa-le-80 {
  padding-left: 80px !important;
}
.rx-pa-ri-80 {
  padding-right: 80px !important;
}
.rx-pa-to-80 {
  padding-top: 80px !important;
}
.rx-pa-bo-80 {
  padding-bottom: 80px !important;
}
.rx-pa-tb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.rx-pa-lr-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* Define 85px padding */
.rx-pa-85 {
  padding: 85px !important;
}
.rx-pa-le-85 {
  padding-left: 85px !important;
}
.rx-pa-ri-85 {
  padding-right: 85px !important;
}
.rx-pa-to-85 {
  padding-top: 85px !important;
}
.rx-pa-bo-85 {
  padding-bottom: 85px !important;
}
.rx-pa-tb-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}
.rx-pa-lr-85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

/* Define 90px padding */
.rx-pa-90 {
  padding: 90px !important;
}
.rx-pa-le-90 {
  padding-left: 90px !important;
}
.rx-pa-ri-90 {
  padding-right: 90px !important;
}
.rx-pa-to-90 {
  padding-top: 90px !important;
}
.rx-pa-bo-90 {
  padding-bottom: 90px !important;
}
.rx-pa-tb-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.rx-pa-lr-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

/* Define 95px padding */
.rx-pa-95 {
  padding: 95px !important;
}
.rx-pa-le-95 {
  padding-left: 95px !important;
}
.rx-pa-ri-95 {
  padding-right: 95px !important;
}
.rx-pa-to-95 {
  padding-top: 95px !important;
}
.rx-pa-bo-95 {
  padding-bottom: 95px !important;
}
.rx-pa-tb-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}
.rx-pa-lr-95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

/* Define 100px padding */
.rx-pa-100 {
  padding: 100px !important;
}
.rx-pa-le-100 {
  padding-left: 100px !important;
}
.rx-pa-ri-100 {
  padding-right: 100px !important;
}
.rx-pa-to-100 {
  padding-top: 100px !important;
}
.rx-pa-bo-100 {
  padding-bottom: 100px !important;
}
.rx-pa-tb-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.rx-pa-lr-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

/* ==== MAX WIDTH FOR DISPLAY ==== */
.rx-fw {
  width: 100% !important;
}
.rx-vw {
  width: 100vw !important;
}
.rx-mw-200 {
  max-width: 200px !important;
}
.rx-mw-300 {
  max-width: 300px !important;
}
.rx-mw-400 {
  max-width: 400px !important;
}
.rx-mw-500 {
  max-width: 500px !important;
}
.rx-mw-600 {
  max-width: 600px !important;
}
.rx-mw-700 {
  max-width: 700px !important;
}
.rx-mw-800 {
  max-width: 800px !important;
}
.rx-mw-900 {
  max-width: 900 !important;
}
.rx-mw-1000 {
  max-width: 1000 !important;
}
.rx-mw-1100 {
  max-width: 1100 !important;
}
.rx-mw-1200 {
  max-width: 1200px !important;
}
.rx-mw-1300 {
  max-width: 1300px !important;
}
.rx-mw-1400 {
  max-width: 1400px !important;
}
.rx-mw-1500 {
  max-width: 1500px !important;
}
.rx-mw-1600 {
  max-width: 1600px !important;
}

/* ==== HEIGHT ==== */
.rx-fh {
  height: 100% !important;
}
.rx-vh {
  height: 100vh !important;
}
.rx-vh-mo {
  height: calc(var(--vh) * 100) !important;
}

/* ===== OBJECT POSITIONING ===== */
.rx-fl-wr {
  display: flex !important;
  flex-direction: row !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
}

/* ===== GAP ===== */
.rx-ga-5 {
  gap: 5px !important;
}
.rx-ga-10 {
  gap: 10px !important;
}
.rx-ga-15 {
  gap: 15px !important;
}
.rx-ga-20 {
  gap: 20px !important;
}
.rx-ga-25 {
  gap: 25px !important;
}
.rx-ga-30 {
  gap: 30px !important;
}
.rx-ga-35 {
  gap: 35px !important;
}
.rx-ga-40 {
  gap: 40px !important;
}

/* ================================ */
/* ==== RESPONSIVENESS SECTION ==== */
/* ================================ */

@media (max-width: 1400px) {
  /* Will Seized when hit 1440px */

  /* === DISPLAY === */
  .rx-1400-no {
    display: none !important;
  }
  .rx-1400-un {
    display: unset !important;
  }

  /* == FLEX== */
  .rx-1400-fl {
    display: flex !important;
  }
  .rx-1400-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-1400-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-1400-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-1400-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-1400-gr {
    display: grid !important;
  }
  .rx-1400-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-1400-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-1400-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-1400-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-1400-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-1400-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-1400-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-1400-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-1400-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-1400-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-1400-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-1400-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-1400-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-1400-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-1400-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 1300px) {
  /* Will Seized when hit 1300px */
  /* === DISPLAY === */
  .rx-1300-no {
    display: none !important;
  }
  .rx-1300-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-1300-fl {
    display: flex !important;
  }
  .rx-1300-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-1300-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-1300-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-1300-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-1300-gr {
    display: grid !important;
  }
  .rx-1300-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-1300-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-1300-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-1300-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-1300-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-1300-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-1300-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-1300-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-1300-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-1300-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-1300-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-1300-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-1300-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-1300-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-1300-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 1200px) {
  /* Will Seized when hit 1200px */
  /* === DISPLAY === */
  .rx-1200-no {
    display: none !important;
  }
  .rx-1200-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-1200-fl {
    display: flex !important;
  }
  .rx-1200-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-1200-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-1200-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-1200-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-1200-gr {
    display: grid !important;
  }
  .rx-1200-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-1200-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-1200-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-1200-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-1200-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-1200-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-1200-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-1200-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-1200-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-1200-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-1200-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-1200-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-1200-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-1200-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-1200-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 1100px) {
  /* Will Seized when hit 1100px */
  /* === DISPLAY === */
  .rx-1100-no {
    display: none !important;
  }
  .rx-1100-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-1100-fl {
    display: flex !important;
  }
  .rx-1100-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-1100-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-1100-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-1100-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-1100-gr {
    display: grid !important;
  }
  .rx-1100-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-1100-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-1100-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-1100-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-1100-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-1100-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-1100-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-1100-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-1100-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-1100-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-1100-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-1100-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-1100-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-1100-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-1100-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 1000px) {
  /* Will Seized when hit 1000px */
  /* === DISPLAY === */
  .rx-1000-no {
    display: none !important;
  }
  .rx-1000-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-1000-fl {
    display: flex !important;
  }
  .rx-1000-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-1000-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-1000-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-1000-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-1000-gr {
    display: grid !important;
  }
  .rx-1000-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-1000-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-1000-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-1000-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-1000-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-1000-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-1000-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-1000-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-1000-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-1000-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-1000-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-1000-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-1000-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-1000-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-1000-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 900px) {
  /* Will Seized when hit 900px */
  /* === DISPLAY === */
  .rx-900-no {
    display: none !important;
  }
  .rx-900-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-900-fl {
    display: flex !important;
  }
  .rx-900-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-900-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-900-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-900-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-900-gr {
    display: grid !important;
  }
  .rx-900-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-900-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-900-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-900-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-900-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-900-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-900-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-900-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-900-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-900-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-900-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-900-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-900-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-900-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-900-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 800px) {
  /* Will Seized when hit 800px */
  /* === DISPLAY === */
  .rx-800-no {
    display: none !important;
  }
  .rx-800-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-800-fl {
    display: flex !important;
  }
  .rx-800-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-800-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-800-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-800-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-800-gr {
    display: grid !important;
  }
  .rx-800-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-800-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-800-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-800-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-800-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-800-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-800-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-800-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-800-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-800-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-800-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-800-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-800-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-800-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-800-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 700px) {
  /* Will Seized when hit 700px */
  /* === DISPLAY === */
  .rx-700-no {
    display: none !important;
  }
  .rx-700-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-700-fl {
    display: flex !important;
  }
  .rx-700-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-700-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-700-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-700-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-700-gr {
    display: grid !important;
  }
  .rx-700-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-700-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-700-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-700-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-700-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-700-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-700-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-700-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-700-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-700-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-700-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-700-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-700-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-700-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-700-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 600px) {
  /* Will Seized when hit 600px */
  /* === DISPLAY === */
  .rx-600-no {
    display: none !important;
  }
  .rx-600-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-600-fl {
    display: flex !important;
  }
  .rx-600-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-600-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-600-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-600-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-600-gr {
    display: grid !important;
  }
  .rx-600-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-600-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-600-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-600-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-600-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-600-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-600-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-600-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-600-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-600-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-600-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-600-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-600-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-600-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-600-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 500px) {
  /* Will Seized when hit 500px */
  /* === DISPLAY === */
  .rx-500-no {
    display: none !important;
  }
  .rx-500-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-500-fl {
    display: flex !important;
  }
  .rx-500-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-500-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-500-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-500-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-500-gr {
    display: grid !important;
  }
  .rx-500-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-500-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-500-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-500-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-500-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-500-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-500-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-500-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-500-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-500-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-500-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-500-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-500-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-500-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-500-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 400px) {
  /* Will Seized when hit 400px */
  /* === DISPLAY === */
  .rx-400-no {
    display: none !important;
  }
  .rx-400-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-400-fl {
    display: flex !important;
  }
  .rx-400-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-400-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-400-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-400-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-400-gr {
    display: grid !important;
  }
  .rx-400-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-400-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-400-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-400-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-400-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-400-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-400-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-400-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-400-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-400-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-400-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-400-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-400-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-400-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-400-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 300px) {
  /* Will Seized when hit 300px */
  /* === DISPLAY === */
  .rx-300-no {
    display: none !important;
  }
  .rx-300-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-300-fl {
    display: flex !important;
  }
  .rx-300-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-300-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-300-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-300-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-300-gr {
    display: grid !important;
  }
  .rx-300-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-300-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-300-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-300-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-300-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-300-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-300-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-300-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-300-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-300-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-300-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-300-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-300-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-300-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-300-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 200px) {
  /* Will Seized when hit 200px */
  /* === DISPLAY === */
  .rx-200-no {
    display: none !important;
  }
  .rx-200-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-200-fl {
    display: flex !important;
  }
  .rx-200-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-200-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-200-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-200-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-200-gr {
    display: grid !important;
  }
  .rx-200-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-200-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-200-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-200-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-200-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-200-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-200-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-200-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-200-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-200-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-200-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-200-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-200-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-200-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-200-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}
@media (max-width: 100px) {
  /* Will Seized when hit 100px */
  /* === DISPLAY === */
  .rx-100-no {
    display: none !important;
  }
  .rx-100-un {
    display: unset !important;
  }
  /* == FLEX== */
  .rx-100-fl {
    display: flex !important;
  }
  .rx-100-fl-co {
    display: flex !important;
    flex-direction: column !important;
  }
  .rx-100-fl-ro {
    display: flex !important;
    flex-direction: row !important;
  }
  .rx-100-fl-cr {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .rx-100-fl-rr {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  /* == GRID == */
  .rx-100-gr {
    display: grid !important;
  }
  .rx-100-gr-co {
    display: grid !important;
    grid-template-columns: auto !important;
  }
  .rx-100-gr-co-2 {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rx-100-gr-co-3 {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .rx-100-gr-co-4 {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .rx-100-gr-co-30-30-30 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(30% - 10px) calc(30% - 10px) !important;
  }
  .rx-100-gr-co-25-25-25-25 {
    display: grid !important;
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(
        25% - 10px
      ) !important;
  }
  .rx-100-gr-co-50-50 {
    display: grid !important;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
  }
  .rx-100-gr-co-10-90 {
    display: grid !important;
    grid-template-columns: calc(10% - 10px) calc(90% - 10px) !important;
  }
  .rx-100-gr-co-20-80 {
    display: grid !important;
    grid-template-columns: calc(20% - 10px) calc(80% - 10px) !important;
  }
  .rx-100-gr-co-30-70 {
    display: grid !important;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px) !important;
  }
  .rx-100-gr-co-40-60 {
    display: grid !important;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  }
  .rx-100-gr-co-60-40 {
    display: grid !important;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px) !important;
  }
  .rx-100-gr-co-70-30 {
    display: grid !important;
    grid-template-columns: calc(70% - 10px) calc(30% - 10px) !important;
  }
  .rx-100-gr-co-80-20 {
    display: grid !important;
    grid-template-columns: calc(80% - 10px) calc(20% - 10px) !important;
  }
  .rx-100-gr-co-90-10 {
    display: grid !important;
    grid-template-columns: calc(90% - 10px) calc(10% - 10px) !important;
  }
}