/* position */
.relative {
  position: relative;
}

.absolut {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.isolation {
  isolation: isolate;
}

.container {
  max-width: 90rem;
  margin: 0 auto;
  padding: 2rem 4rem;
}
@media screen and (max-width: 1220px) {
  .container {
    max-width: 100%;
    padding: 1rem 2rem;
  }
}

.p-auto {
  padding: 0 auto;
}

.py-sm {
  padding-block: 0.5rem;
}

.py-1 {
  padding-block: 1rem;
}

.py-2 {
  padding-block: 2rem;
}

.py-3 {
  padding-block: 3rem;
}

.py-4 {
  padding-block: 4rem;
}

.px-sm {
  padding-inline: 0.5rem;
}

.px-1 {
  padding-inline: 1rem;
}

.px-2 {
  padding-inline: 2rem;
}

.px-3 {
  padding-inline: 3rem;
}

.px-4 {
  padding-inline: 4rem;
}

/*
 margin

 */
.m-auto {
  margin: 0 auto;
}

/* margin inline */
.mx-sm {
  margin-inline: 0.5rem;
}

.mx-1 {
  margin-inline: 1rem;
}

.mx-2 {
  margin-inline: 2rem;
}

.mx-3 {
  margin-inline: 3rem;
}

.mx-4 {
  margin-inline: 4rem;
}

/* margin block */
.my-sm {
  margin-block: 0.5rem;
}

.my-1 {
  margin-block: 1rem;
}

.my-2 {
  margin-inline: 2rem;
}

.my-3 {
  margin-block: 3rem;
}

.my-4 {
  margin-block: 4rem;
}

/*
 margin top
*/
.mt-sm {
  margin-top: 0.5rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-1-x {
  margin-top: 1.5rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-2-x {
  margin-top: 2.5rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-3-x {
  margin-top: 3.5rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mt-4-x {
  margin-top: 4.5rem;
}

.ml-sm {
  margin-left: 0.5rem;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-1-x {
  margin-left: 1.5rem;
}

.ml-2 {
  margin-left: 2rem;
}

.ml-2-x {
  margin-left: 2.5rem;
}

.ml-3 {
  margin-left: 3rem;
}

.ml-3-x {
  margin-left: 3.5rem;
}

.mr-sm {
  margin-right: 0.5rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-1-x {
  margin-right: 1.5rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mr-2-x {
  margin-right: 2.5rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mr-3-x {
  margin-right: 3.5rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mr-4-x {
  margin-right: 4.5rem;
}

.mb-sm {
  margin-bottom: 0.5rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-1-x {
  margin-bottom: 1.5rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-2-x {
  margin-bottom: 2.5rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-3-x {
  margin-bottom: 3.5rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-4-x {
  margin-bottom: 4.5rem;
}

.gap-sm {
  gap: 0.5rem;
}

.gap-1 {
  gap: 1rem;
}

.gap-1-x {
  gap: 1.5rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-2-x {
  gap: 2.5rem;
}

.gap-3 {
  gap: 2rem;
}

.gap-3-x {
  gap: 3.5rem;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.d-flex {
  display: flex;
}

.justify-c-s-b {
  justify-content: space-between;
}

.align-i-c {
  align-items: center;
}

.columns {
  width: 100%;
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap !important;
  justify-content: space-between;
  align-items: center;
}

.columns-left {
  width: 45%;
}
@media screen and (max-width: 840px) {
  .columns-left {
    width: 100%;
  }
}

.columns-right {
  width: 48%;
}
@media screen and (max-width: 840px) {
  .columns-right {
    width: 80%;
    margin: 0 auto;
  }
}
.columns-right img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.link_btn {
  display: grid;
  font-size: 1rem;
  place-items: center;
  width: 200px;
  height: 3.75rem;
  border-radius: 5px;
  text-align: center;
}

.start {
  text-align: left !important;
}

.center {
  text-align: center !important;
}/*# sourceMappingURL=utilities.css.map */