/*
! tailwindcss v3.0.17 | MIT License | https://tailwindcss.com
  ¸ü¶àÏÂÔØ£ºHttp://www.bootstrapmb.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

 
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
 
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
 
  
/*
Removes the default spacing and border for appropriate elements.
*/
 
 

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
 
   
@media (min-width: 1024px) {
  .column-title {
    font-size: 44px;
  }

  .column-title {
    line-height: 61.6px;
  }
}

 
 
@media (min-width: 640px) {
  .container {
    max-width: 640px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .\!container {
    max-width: 640px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

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

  .\!container {
    max-width: 768px !important;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .\!container {
    max-width: 1024px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

@media (min-width: 1140px) {
  .container {
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .\!container {
    max-width: 1140px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

@media (min-width: 1170px) {
  .container {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .\!container {
    max-width: 1170px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

 
.\!mian-menu > ul > li.\!active > a,
  .\!mian-menu ul > li:hover > a {
  color: #fff !important;
  background: #9b3c38 !important;
}
 

.active-price span.active {
  height: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(48 190 173 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!active-price span.\!active {
  height: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(48 190 173 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.active-price .form-check:checked ~ span {
  height: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(48 190 173 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.active-price .form-check:checked ~ span.active {
  height: 100%;
  border-radius: 0.375rem;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(12 19 39 / var(--tw-text-opacity));
}

.\!active-price .\!form-check:checked ~ span.\!active {
  height: 100%;
  border-radius: 0.375rem;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(12 19 39 / var(--tw-text-opacity));
}

.filter-list li {
  cursor: pointer;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(12 19 39 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.filter-list li:hover {
  --tw-text-opacity: 1;
  color: rgb(45 114 158 / var(--tw-text-opacity));
}

.filter-list li.active {
  --tw-text-opacity: 1;
  color: rgb(45 114 158 / var(--tw-text-opacity));
}

.\!filter-list li.\!active {
  --tw-text-opacity: 1;
  color: rgb(255 126 132 / var(--tw-text-opacity));
}

.social-explore {
  display: none;
}

.explore-button:hover ~ .social-explore {
  display: flex;
}

.explore-button:hover {
  display: none;
}

.accrodains li {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.accrodains li.open {
  --tw-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 30px 30px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.course-accrodain li {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.course-accrodain li.open {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 30px 30px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.course-accrodain .extra-text {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(123 123 138 / var(--tw-text-opacity));
}

.course-accrodain li.open .extra-text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.accrodains li .accrodain-button .icon-pm {
  background: url("https://api.iconify.design/heroicons/plus-20-solid.svg?color=%230c1327&width=24&height=24")
      no-repeat center center / contain;
  height: 1.5rem;
  width: 1.5rem;
}

.course-accrodain li .accrodain-button .icon-pm {
  background: url("https://api.iconify.design/heroicons/chevron-right.svg?color=%230c1327&width=24&height=24")
      no-repeat center center / contain;
  height: 1.5rem;
  width: 1.5rem;
}

.course-accrodain li.open .accrodain-button .icon-pm {
  background: url("https://api.iconify.design/heroicons/chevron-down.svg?color=white&width=24&height=24")
      no-repeat center center / contain;
}

.accrodains li.open .accrodain-button .icon-pm {
  background: url("https://api.iconify.design/heroicons/x-mark-20-solid.svg?color=white&width=24&height=24")
      no-repeat center center / contain;
}

.accrodains li .accrodain-button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(12 19 39 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .accrodains li .accrodain-button {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.accrodains li.open .accrodain-button {
  --tw-bg-opacity: 1;
  background-color: rgb(48 190 173 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.course-accrodain li .accrodain-button {
  display: flex;
  width: 100%;
  align-items: center;
}

.course-accrodain li .accrodain-button > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.course-accrodain li .accrodain-button {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(12 19 39 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .course-accrodain li .accrodain-button {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.course-accrodain li.open .accrodain-button {
  --tw-bg-opacity: 1;
  background-color: rgb(48 190 173 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.accrodains li .content {
  padding: 1.5rem;
}

.course-accrodain li .content {
  padding: 1.5rem;
}

 
.course-tab {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
  .course-tab {
    display: flex;
  }

  .course-tab > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .course-tab > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(236 236 236 / var(--tw-divide-opacity));
  }
}

.course-tab li {
  flex: 1 1 0%;
}

.course-tab li a {
  display: block;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 15px;
  padding-bottom: 15px;
}

.course-tab li a:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.course-tab li a:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.course-tab li.active {
  --tw-bg-opacity: 1;
  background-color: rgb(45 114 158 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.course-tab li.active:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.course-tab li.active:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
 
 
.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}