.container{
  width: 100%
}

@media (min-width: 320px){
  .container{
    max-width: 320px
  }
}

@media (min-width: 360px){
  .container{
    max-width: 360px
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px
  }
}

@media (min-width: 992px){
  .container{
    max-width: 992px
  }
}

@media (min-width: 1200px){
  .container{
    max-width: 1200px
  }
}

.bg-white{
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.border{
  border-width: 1px
}

.cursor-pointer{
  cursor: pointer
}

.block{
  display: block
}

.flex{
  display: flex
}

.hidden{
  display: none
}

.flex-col{
  flex-direction: column
}

.flex-wrap{
  flex-wrap: wrap
}

.items-center{
  align-items: center
}

.justify-center{
  justify-content: center
}

.justify-between{
  justify-content: space-between
}

.flex-1{
  flex: 1 1 0%
}

.font-sans{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.font-medium{
  font-weight: 500
}

.h-14{
  height: 14px
}

.h-24{
  height: 24px
}

.h-40{
  height: 40px
}

.h-53{
  height: 53px
}

.h-55{
  height: 55px
}

.text-12{
  font-size: 12px
}

.text-13{
  font-size: 13px
}

.text-18{
  font-size: 18px
}

.leading-16{
  line-height: 16px
}

.leading-20{
  line-height: 20px
}

.leading-22{
  line-height: 22px
}

.leading-24{
  line-height: 24px
}

.leading-26{
  line-height: 26px
}

.leading-28{
  line-height: 28px
}

.m-auto{
  margin: auto
}

.mr-8{
  margin-right: 8px
}

.mt-10{
  margin-top: 10px
}

.mb-10{
  margin-bottom: 10px
}

.mb-11{
  margin-bottom: 11px
}

.mt-12{
  margin-top: 12px
}

.mb-12{
  margin-bottom: 12px
}

.mb-13{
  margin-bottom: 13px
}

.ml-13{
  margin-left: 13px
}

.mb-14{
  margin-bottom: 14px
}

.mb-15{
  margin-bottom: 15px
}

.mt-16{
  margin-top: 16px
}

.mb-18{
  margin-bottom: 18px
}

.mt-20{
  margin-top: 20px
}

.mb-20{
  margin-bottom: 20px
}

.mb-21{
  margin-bottom: 21px
}

.mt-22{
  margin-top: 22px
}

.mb-22{
  margin-bottom: 22px
}

.mt-26{
  margin-top: 26px
}

.mb-30{
  margin-bottom: 30px
}

.mb-40{
  margin-bottom: 40px
}

.mb-78{
  margin-bottom: 78px
}

.mt-auto{
  margin-top: auto
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover
}

.px-20{
  padding-left: 20px;
  padding-right: 20px
}

.px-24{
  padding-left: 24px;
  padding-right: 24px
}

.px-170{
  padding-left: 170px;
  padding-right: 170px
}

.pt-17{
  padding-top: 17px
}

.pb-17{
  padding-bottom: 17px
}

.pr-23{
  padding-right: 23px
}

.pl-24{
  padding-left: 24px
}

.pb-25{
  padding-bottom: 25px
}

.pb-35{
  padding-bottom: 35px
}

.pt-40{
  padding-top: 40px
}

.absolute{
  position: absolute
}

.relative{
  position: relative
}

.text-center{
  text-align: center
}

.text-blue{
  --text-opacity: 1;
  color: #00A0E3;
  color: rgba(0, 160, 227, var(--text-opacity))
}

.text-white{
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity))
}

.text-resetPassword{
  --text-opacity: 1;
  color: #cc3333;
  color: rgba(204, 51, 51, var(--text-opacity))
}

.w-14{
  width: 14px
}

.w-24{
  width: 24px
}

.w-49{
  width: 49px
}

.w-50{
  width: 50px
}

.w-200{
  width: 200px
}

.w-237{
  width: 237px
}

.w-240{
  width: 240px
}

.w-full{
  width: 100%
}

.transform{
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

@media (max-width: 767px){

  .xsMax\:block{
    display: block
  }

  .xsMax\:hidden{
    display: none
  }

  .xsMax\:justify-center{
    justify-content: center
  }

  .xsMax\:text-18{
    font-size: 18px
  }

  .xsMax\:leading-24{
    line-height: 24px
  }

  .xsMax\:leading-26{
    line-height: 26px
  }

  .xsMax\:mx-16{
    margin-left: 16px;
    margin-right: 16px
  }

  .xsMax\:mb-0{
    margin-bottom: 0px
  }

  .xsMax\:mt-10{
    margin-top: 10px
  }

  .xsMax\:mb-10{
    margin-bottom: 10px
  }

  .xsMax\:mb-11{
    margin-bottom: 11px
  }

  .xsMax\:mt-14{
    margin-top: 14px
  }

  .xsMax\:mt-20{
    margin-top: 20px
  }

  .xsMax\:mb-20{
    margin-bottom: 20px
  }

  .xsMax\:mt-24{
    margin-top: 24px
  }

  .xsMax\:mb-25{
    margin-bottom: 25px
  }

  .xsMax\:mb-32{
    margin-bottom: 32px
  }

  .xsMax\:mt-40{
    margin-top: 40px
  }

  .xsMax\:mt-57{
    margin-top: 57px
  }

  .xsMax\:px-15{
    padding-left: 15px;
    padding-right: 15px
  }

  .xsMax\:px-24{
    padding-left: 24px;
    padding-right: 24px
  }

  .xsMax\:pb-10{
    padding-bottom: 10px
  }

  .xsMax\:pt-20{
    padding-top: 20px
  }
}

@media (min-width: 360px){

  .xsMin\:block{
    display: block
  }

  .xsMin\:mb-20{
    margin-bottom: 20px
  }

  .xsMin\:w-280{
    width: 280px
  }
}

@media (min-width: 768px){

  .smMin\:block{
    display: block
  }

  .smMin\:flex{
    display: flex
  }

  .smMin\:hidden{
    display: none
  }

  .smMin\:flex-row{
    flex-direction: row
  }

  .smMin\:flex-col{
    flex-direction: column
  }

  .smMin\:items-center{
    align-items: center
  }

  .smMin\:justify-end{
    justify-content: flex-end
  }

  .smMin\:text-24{
    font-size: 24px
  }

  .smMin\:leading-22{
    line-height: 22px
  }

  .smMin\:mb-0{
    margin-bottom: 0px
  }

  .smMin\:mr-8{
    margin-right: 8px
  }

  .smMin\:ml-8{
    margin-left: 8px
  }

  .smMin\:mt-10{
    margin-top: 10px
  }

  .smMin\:mt-14{
    margin-top: 14px
  }

  .smMin\:mb-19{
    margin-bottom: 19px
  }

  .smMin\:mt-20{
    margin-top: 20px
  }

  .smMin\:mb-20{
    margin-bottom: 20px
  }

  .smMin\:mb-21{
    margin-bottom: 21px
  }

  .smMin\:mt-22{
    margin-top: 22px
  }

  .smMin\:mb-30{
    margin-bottom: 30px
  }

  .smMin\:mt-34{
    margin-top: 34px
  }

  .smMin\:mb-37{
    margin-bottom: 37px
  }

  .smMin\:mt-54{
    margin-top: 54px
  }

  .smMin\:mr-57{
    margin-right: 57px
  }

  .smMin\:ml-57{
    margin-left: 57px
  }

  .smMin\:mt-90{
    margin-top: 90px
  }

  .smMin\:px-20{
    padding-left: 20px;
    padding-right: 20px
  }

  .smMin\:py-30{
    padding-top: 30px;
    padding-bottom: 30px
  }

  .smMin\:px-116{
    padding-left: 116px;
    padding-right: 116px
  }

  .smMin\:px-128{
    padding-left: 128px;
    padding-right: 128px
  }

  .smMin\:pb-28{
    padding-bottom: 28px
  }

  .smMin\:pt-40{
    padding-top: 40px
  }

  .smMin\:text-center{
    text-align: center
  }
}

@media (min-width: 992px){

  .mdMin\:block{
    display: block
  }

  .mdMin\:leading-28{
    line-height: 28px
  }

  .mdMin\:mr-0{
    margin-right: 0px
  }

  .mdMin\:mr-6{
    margin-right: 6px
  }

  .mdMin\:ml-6{
    margin-left: 6px
  }

  .mdMin\:mr-20{
    margin-right: 20px
  }

  .mdMin\:mb-20{
    margin-bottom: 20px
  }

  .mdMin\:ml-20{
    margin-left: 20px
  }

  .mdMin\:mt-22{
    margin-top: 22px
  }

  .mdMin\:mb-23{
    margin-bottom: 23px
  }

  .mdMin\:mt-149{
    margin-top: 149px
  }

  .mdMin\:px-12{
    padding-left: 12px;
    padding-right: 12px
  }
}

@media (min-width: 1200px){

  .lgMin\:mr-8{
    margin-right: 8px
  }

  .lgMin\:ml-8{
    margin-left: 8px
  }

  .lgMin\:mb-23{
    margin-bottom: 23px
  }

  .lgMin\:mt-93{
    margin-top: 93px
  }

  .lgMin\:px-36{
    padding-left: 36px;
    padding-right: 36px
  }
}

@media (min-width: 320px) and (max-width: 359px){

  .xxs\:mb-16{
    margin-bottom: 16px
  }

  .xxs\:mb-18{
    margin-bottom: 18px
  }

  .xxs\:mt-20{
    margin-top: 20px
  }

  .xxs\:mt-28{
    margin-top: 28px
  }

  .xxs\:mt-39{
    margin-top: 39px
  }

  .xxs\:mb-46{
    margin-bottom: 46px
  }

  .xxs\:mb-47{
    margin-bottom: 47px
  }

  .xxs\:mb-87{
    margin-bottom: 87px
  }

  .xxs\:w-241{
    width: 241px
  }
}

@media (min-width: 360px) and (max-width: 767px){

  .xs\:mb-21{
    margin-bottom: 21px
  }

  .xs\:mt-22{
    margin-top: 22px
  }

  .xs\:mb-26{
    margin-bottom: 26px
  }

  .xs\:mt-35{
    margin-top: 35px
  }

  .xs\:mb-96{
    margin-bottom: 96px
  }

  .xs\:w-280{
    width: 280px
  }
}

@media (min-width: 768px) and (max-width: 991px){

  .sm\:mb-11{
    margin-bottom: 11px
  }

  .sm\:mb-14{
    margin-bottom: 14px
  }

  .sm\:mb-23{
    margin-bottom: 23px
  }

  .sm\:mt-24{
    margin-top: 24px
  }

  .sm\:mt-93{
    margin-top: 93px
  }

  .sm\:mb-101{
    margin-bottom: 101px
  }
}

@media (min-width: 992px) and (max-width: 1119px){

  .md\:mb-57{
    margin-bottom: 57px
  }
}

@media (min-width: 768px) and (max-width: 1119px){

  .sm_md\:mr-6{
    margin-right: 6px
  }

  .sm_md\:ml-6{
    margin-left: 6px
  }

  .sm_md\:px-20{
    padding-left: 20px;
    padding-right: 20px
  }
}