.container-lg{ width: 100%; max-width: 1440px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }

/* letter spacing */
.letter-spacing{ letter-spacing:0.2rem;  }

/* font size */
.font-size-lg{ font-size: 1.25rem !important; line-height: 1.4;  }
.font-size-md{ font-size: 1.067rem !important; line-height:1.4;  }
.font-size-sm{ font-size: 0.88rem !important; line-height:1.4;  }
.font-size-xs{ font-size: 0.75rem !important; line-height:1.4;  }
.display-4{ font-size: 2.5rem; }

/* font weight */
.font-weight-100{ font-weight:100 !important;  }
.font-weight-200{ font-weight:200 !important;  }
.font-weight-300{ font-weight:300 !important;  }
.font-weight-400{ font-weight:400 !important;  }
.font-weight-500{ font-weight:500 !important;  }
.font-weight-600{ font-weight:600 !important;  }
.font-weight-700{ font-weight:700 !important;  }
.font-weight-800{ font-weight:800 !important;  }
.font-weight-900{ font-weight:900 !important;  }

/* shadow */
.shadow-1{ box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.1); }

/* flex property */
.flex-1{ flex: 0 0 1; }

/* position */
.top{ top: 0; }
.left{ left: 0; }
.right{ right: 0; }
.bottom{ bottom: 0; }

/* z-index */
.index-1{ z-index: 1; }
.index-2{ z-index: 2; }
.index-3{ z-index: 3; }
.index-4{ z-index: 4; }
.index-5{ z-index: 5; }

/* img style */
.img-cover{ width: 100%; height: 100%; object-fit: cover; }
.img-contain{ width: 100%; height: 100%; object-fit: contain; }