/* display */

.none { display: none !important; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }

@media (min-width: 768px) {
    .md\:none { display: none !important; } 
    .md\:block { display: block !important; }
}

/* padding */

.p-0 { padding: 0px !important; }

/* margin */

.mb-0 { margin-bottom: 0px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }

@media (min-width: 768px) {
    .md\:mb-0 { margin-bottom: 0px !important; }
    .md\:mb-20 { margin-bottom: 20px !important; }
    .md\:mb-30 { margin-bottom: 30px !important; }
    .md\:mb-40 { margin-bottom: 40px !important; }
    .md\:mb-50 { margin-bottom: 50px !important; }
}

@media (min-width: 992px) {
    .lg\:mb-0 { margin-bottom: 0px !important; }
    .lg\:mb-20 { margin-bottom: 20px !important; }
    .lg\:mb-30 { margin-bottom: 30px !important; }
    .lg\:mb-40 { margin-bottom: 40px !important; }
    .lg\:mb-50 { margin-bottom: 50px !important; }
}

/* text */

.text-center { text-align: center; }
.uppercase { text-transform: uppercase; }

/* position */

.relative{position: relative;}

/* flex-box */

.flex{ display: flex }

.flex-row { flex-direction: row !important; }
.flex-col { flex-direction: column !important; }

.justify-center { justify-content: center !important; }
.justify-between { justify-content: space-between !important; }

.align-content-center { align-content: center !important; }
.align-content-start {  align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.items-center {align-items: center;}

@media (min-width: 768px) {

    .md\:flex{ display: flex }

    .md\:flex-row { flex-direction: row !important; }
    .md\:flex-col { flex-direction: column !important; }

    .md\:justify-center { justify-content: center !important; }
    .md\:justify-between { justify-content: space-between !important; }

    .md\:align-content-center { align-content: center !important; }
    .md\:align-content-start {  align-content: flex-start !important; }
    .md\:align-content-end { align-content: flex-end !important; }
}

@media (min-width: 992px) {

    .lg\:flex{ display: flex }

    .lg\:flex-row { flex-direction: row !important; }
    .lg\:flex-col { flex-direction: column !important; }

    .lg\:justify-center { justify-content: center !important; }
    .lg\:justify-between { justify-content: space-between !important; }

    .lg\:align-content-center { align-content: center !important; }
    .lg\:align-content-start {  align-content: flex-start !important; }
    .lg\:align-content-end { align-content: flex-end !important; }
}

.color-orange {
  color: #FF8F01
}
.txt-18 {
  font-size: 18px !important;
}