@charset "UTF-8";

/*------------------- 1.2. Function -------------------*/
/*------------------- 1.3. Variable-------------------*/
:root {
  --theme-color: #fec514 !important;
  --theme-yellow: #fec514;
  --theme-blue: #001430;
  --title-color: #191825;
  --body-color: #74757B;
  --smoke-color: #F7F7F7;
  --smoke-color2: #E8F3FF;
  --black-color: #000000;
  --black-color2: #080E1C;
  --gray-color: #bdbdbd;
  --white-color: #ffffff;
  --light-color: #bdbdbd;
  --yellow-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --border-color: #E6E6E6;
  --title-font: 'Raleway', sans-serif;
  --body-font: 'Roboto', sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1220px;
  --container-gutters: 30px;
  --section-space: 120px;
  --section-space-mobile: 80px;
  --section-title-space: 60px;
  --ripple-ani-duration: 5s;
}

/* .theme-blue {
  --theme-color: #fec514;
} */
.theme-blue {
  --theme-color: #001430 !important;
}

/*------------------- 1.5. Typography -------------------*/
html,
body {
  scroll-behavior: auto !important;
}

body {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
  line-height: 26px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

iframe {
  border: none;
  width: 100%;
}

.slick-slide:focus,
button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  outline: none;
}

input:focus {
  outline: none;
  box-shadow: none;
}

img:not([draggable]),
embed,
object,
video {
  max-width: 100%;
  height: auto;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--border-color);
}

th {
  font-weight: 700;
  color: var(--title-color);
}

td,
th {
  border: 1px solid var(--border-color);
  padding: 9px 12px;
}

a {
  color: var(--theme-color);
  text-decoration: none;
  outline: 0;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

a:hover {
  color: var(--title-color);
}

a:active, a:focus, a:hover, a:visited {
  text-decoration: none;
  outline: 0;
}

button {
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

img {
  border: none;
  max-width: 100%;
}

ins {
  text-decoration: none;
}

pre {
  font-family: var(--body-font);
  background: #f5f5f5;
  color: #666;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

span.ajax-loader:empty,
p:empty {
  display: none;
}

p {
  font-family: var(--body-font);
  margin: 0 0 18px 0;
  color: var(--body-color);
  line-height: 1.75;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: none;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 15px 0;
}

.h1,
h1 {
  font-size: 64px;
  line-height: 1.167;
}

.h2,
h2 {
  font-size: 48px;
  line-height: 1.208;
}

.h3,
h3 {
  font-size: 36px;
  line-height: 1.278;
}

.h4,
h4 {
  font-size: 30px;
  line-height: 1.333;
}

.h5,
h5 {
  font-size: 24px;
  line-height: 1.417;
}

.h6,
h6 {
  font-size: 20px;
  line-height: 1.5;
}

/* Large devices */
@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 44px;
    line-height: 1.3;
  }
  .h2,
  h2 {
    font-size: 36px;
    line-height: 1.3;
  }
  .h3,
  h3 {
    font-size: 30px;
  }
  .h4,
  h4 {
    font-size: 24px;
  }
  .h5,
  h5 {
    font-size: 20px;
  }
  .h6,
  h6 {
    font-size: 16px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 40px;
  }
  .h2,
  h2 {
    font-size: 34px;
    line-height: 1.3;
  }
  .h3,
  h3 {
    font-size: 26px;
  }
  .h4,
  h4 {
    font-size: 22px;
  }
  .h5,
  h5 {
    font-size: 18px;
  }
  .h6,
  h6 {
    font-size: 16px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .h1,
  h1 {
    font-size: 34px;
    line-height: 1.35;
  }
  .h2,
  h2 {
    font-size: 28px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .h1,
  h1 {
    font-size: 32px;
  }
}



/*=================================
    02. Reset
==================================*/
/*------------------- 2.1. Container -------------------*/
/* Medium Large devices */
@media (max-width: 1399px) {
  :root {
    --main-container: 1250px;
  }
}

@media (min-width: 1560px) {
  .th-container2 {
    width: 100%;
    max-width: 1560px;
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .th-container2 .container {
    --main-container: 1220px;
  }
  .th-container3 {
    width: 100%;
    max-width: 1560px;
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .th-container3 .container {
    --main-container: 1220px;
  }
}

/* Hight Resoulation devices */
@media (min-width: 1922px) {
  .th-container3,
  .th-container2 {
    margin-right: auto;
  }
}

@media only screen and (min-width: 1300px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: calc(var(--main-container) + var(--container-gutters));
    padding-left: calc(var(--container-gutters) / 2);
    padding-right: calc(var(--container-gutters) / 2);
  }
  .container-xxl.px-0,
  .container-xl.px-0,
  .container-lg.px-0,
  .container-md.px-0,
  .container-sm.px-0,
  .container.px-0 {
    max-width: var(--main-container);
  }
}

@media only screen and (min-width: 1300px) {
  .th-container {
    --main-container: 1720px;
  }
}

@media only screen and (max-width: 1600px) {
  .container-fluid.px-0 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .container-fluid.px-0 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*------------------- 2.2. Grid -------------------*/
.slick-track > [class*=col] {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
  margin-top: var(--bs-gutter-y);
}

@media (min-width: 1300px) {
  .row {
    --bs-gutter-x: 30px;
  }
}

.gy-30 {
  --bs-gutter-y: 30px;
}

.g-0 {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0;
}

.gx-0 {
  --bs-gutter-x: 0;
}

.gy-40 {
  --bs-gutter-y: 40px;
}

.gy-50 {
  --bs-gutter-y: 50px;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gy-10 {
  --bs-gutter-y: 10px;
}

@media (min-width: 1299px) {
  .gx-60 {
    --bs-gutter-x: 60px;
  }
}

@media (min-width: 1399px) {
  .gx-30 {
    --bs-gutter-x: 30px;
  }
  .gx-25 {
    --bs-gutter-x: 25px;
  }
  .gx-40 {
    --bs-gutter-x: 40px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .gy-50 {
    --bs-gutter-y: 40px;
  }
}

/*------------------- 2.3. Input -------------------*/
select,
.form-control,
.form-select,
textarea,
input {
  height: 56px;
  padding: 0 25px 0 25px;
  padding-right: 45px;
  border: 1px solid transparent;
  color: var(--body-color);
  background-color: var(--smoke-color);
  border-radius: 5px;
  font-size: 16px;
  width: 100%;
  font-family: var(--body-font);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  outline: 0;
  box-shadow: none;
  border-color: var(--border-color);
  background-color: var(--smoke-color);
}

select::-moz-placeholder,
.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
  color: var(--body-color);
}

select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: var(--body-color);
}

select:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: var(--body-color);
}

select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: var(--body-color);
}

select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
  color: var(--body-color);
}

select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
  color: var(--body-color);
}

select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder {
  color: var(--body-color);
}

select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
  color: var(--body-color);
}

.form-select,
select {
  display: block;
  width: 100%;
  line-height: 1.5;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 26px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.form-select.style2,
select.style2 {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E");
}

textarea.form-control,
textarea {
  min-height: 154px;
  padding-top: 16px;
  padding-bottom: 17px;
}

textarea.form-control.style2,
textarea.style2 {
  min-height: 100px;
}

.form-group {
  margin-bottom: var(--bs-gutter-x);
  position: relative;
}

.form-group > i {
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 19px;
  font-size: 16px;
  color: var(--body-color);
}

.form-group > i.fa-envelope {
  padding-top: 1px;
}

.form-group > i.fa-comment {
  margin-top: -2px;
}

.form-group > i.fa-chevron-down {
  width: 17px;
  background-color: var(--smoke-color);
}

.form-group.has-label > i {
  top: 50px;
}

[class*="col-"].form-group > i {
  right: calc((var(--bs-gutter-x) / 2) + 25px);
}

option:checked, option:focus, option:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

input[type="checkbox"] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}

input[type="checkbox"]:checked ~ label:before {
  content: "\f00c";
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

input[type="checkbox"] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
}

input[type="checkbox"] ~ label:before {
  content: "";
  font-family: var(--icon-font);
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 3.5px;
  background-color: var(--white-color);
  border: 1px solid var(--border-color);
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
}

input[type="checkbox"].style2 ~ label {
  color: #8B929C;
  padding-left: 23px;
  margin-bottom: -0.5em;
}

input[type="checkbox"].style2 ~ label:before {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #8B929C;
  height: 14px;
  width: 14px;
  line-height: 14px;
  border-radius: 3px;
  top: 6px;
}

input[type="checkbox"].style2:checked ~ label:before {
  color: var(--theme-color);
}

input[type="radio"] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}

input[type="radio"] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 1;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
}

input[type="radio"] ~ label::before {
  content: "\f111";
  position: absolute;
  font-family: var(--icon-font);
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  padding-left: 0;
  font-size: 0.6em;
  line-height: 19px;
  text-align: center;
  border: 1px solid var(--theme-color);
  border-radius: 100%;
  font-weight: 700;
  background: var(--white-color);
  color: transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

input[type="radio"]:checked ~ label::before {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
  color: var(--white-color);
}

label {
  margin-bottom: 0.5em;
  margin-top: -0.3em;
  display: block;
  color: var(--title-color);
  font-family: var(--body-font);
  font-size: 16px;
}

textarea.is-invalid,
select.is-invalid,
input.is-invalid,
.was-validated input:invalid {
  border: 1px solid var(--error-color) !important;
  background-position: right calc(0.375em + 0.8875rem) center;
  background-image: none;
}

textarea.is-invalid:focus,
select.is-invalid:focus,
input.is-invalid:focus,
.was-validated input:invalid:focus {
  outline: 0;
  box-shadow: none;
}

textarea.is-invalid {
  background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
}

/* .row.no-gutters > .form-group {
  margin-bottom: 0;
} */

.form-messages {
  display: none;
}

.form-messages.mb-0 * {
  margin-bottom: 0;
}

.form-messages.success {
  color: var(--success-color);
  display: block;
}

.form-messages.error {
  color: var(--error-color);
  display: block;
}

.form-messages pre {
  padding: 0;
  background-color: transparent;
  color: inherit;
}

/*------------------- 2.4. Slick Slider -------------------*/
/* .slick-track > [class*=col] {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
} */

/* .slick-track {
  min-width: 100%;
}

.slick-list {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.slick-slide img {
  display: inline-block;
} */

.slick-dots {
  list-style-type: none;
  padding: 0;
  margin: 40px 0 0px 0;
  line-height: 0;
  text-align: center;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.slick-dots li {
  display: inline-block;
  margin-right: 15px;
}

.slick-dots li:last-child {
  margin-right: 0;
}

.slick-dots button {
  font-size: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  line-height: 0;
  border-radius: 9999px;
  border: none;
  background-color: var(--border-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  position: relative;
  z-index: 2;
}

.slick-dots button:before {
  content: '';
  position: absolute;
  inset: -5px;
  border: 1px solid var(--theme-color);
  border-radius: inherit;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
  z-index: -1;
  visibility: hidden;
}

.slick-dots button:hover {
  border-color: var(--theme-color);
}

.slick-dots .slick-active button {
  background-color: var(--theme-color);
}

.slick-dots .slick-active button::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.slick-arrow {
  display: inline-block;
  padding: 0;
  background-color: var(--smoke-color);
  color: var(--title-color);
  position: absolute;
  top: 50%;
  border: 1px solid var(--border-color);
  left: var(--pos-x, -100px);
  width: var(--icon-size, 56px);
  height: var(--icon-size, 56px);
  line-height: var(--icon-size, 54px);
  font-size: var(--icon-font-size, 18px);
  margin-top: calc(var(--icon-size, 56px) / -2);
  z-index: 2;
  border-radius: 5px;
}

.slick-arrow.default {
  position: relative;
  --pos-x: 0;
  margin-top: 0;
}

.slick-arrow.slick-next {
  right: var(--pos-x, -100px);
  left: auto;
}

.slick-arrow:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.arrow-margin .slick-arrow {
  top: calc(50% - 30px);
}

.arrow-wrap .slick-arrow {
  opacity: 0;
  visibility: hidden;
}

.arrow-wrap:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}

/* Extra large devices */
@media (max-width: 1500px) {
  .slick-arrow {
    --arrow-horizontal: -20px;
    --pos-x: -70px;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .slick-arrow {
    --arrow-horizontal: 40px;
    --pos-x: -17px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .slick-arrow {
    --icon-size: 40px;
    line-height: 38px;
    margin-right: 40px;
    font-size: 14px;
  }
  .slick-arrow.slick-next {
    margin-right: 0;
    margin-left: 40px;
  }
  .slick-dots {
    margin: 40px 0 0 0;
  }
  .icon-box .slick-arrow {
    margin-right: 0;
  }
}

/*------------------- 2.5. Mobile Menu -------------------*/
.th-menu-wrapper {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}

.th-menu-wrapper .mobile-logo {
  background-color: var(--smoke-color2);
}

.th-menu-wrapper .mobile-logo svg {
  max-width: 185px;
}

.th-menu-wrapper .th-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: -16.5px;
  top: 25px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 35px;
  font-size: 18px;
  z-index: 1;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
}

.th-menu-wrapper .th-menu-toggle:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}

.th-menu-wrapper .th-menu-area {
  /* width: 100%; */
  max-width: 310px;
  /* background-color: #fff; */
  border-right: 3px solid var(--theme-color);
  /* height: 100%; */
  /* position: relative; */
  left: -110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  z-index: 1;
}

.th-menu-wrapper.th-body-visible {
  opacity: 1;
  visibility: visible;
}

.th-menu-wrapper.th-body-visible .th-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.th-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  /* padding-bottom: 40px;
  margin-top: 33px;
  text-align: left; */
}

.th-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}

.th-mobile-menu ul li {
  border-bottom: 1px solid #fdedf1;
  list-style-type: none;
}

.th-mobile-menu ul li li:first-child {
  border-top: 1px solid #fdedf1;
}

.th-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1.4;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--title-color);
  padding-left: 18px;
}

/* .th-mobile-menu ul li a:before {
  content: '\f105';
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 12px;
  margin-right: 10px;
  display: inline-block;
} */

.th-mobile-menu ul li.th-active > a {
  color: var(--theme-color);
}

.th-mobile-menu ul li.th-active > a:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.th-mobile-menu ul li ul li {
  padding-left: 20px;
}

.th-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}

.th-mobile-menu ul .th-item-has-children > a .th-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: var(--smoke-color);
  color: var(--title-color);
  box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
  border-radius: 50%;
}

.th-mobile-menu ul .th-item-has-children > a .th-mean-expand:before {
  content: '\f067';
  font-family: var(--icon-font);
}

.th-mobile-menu ul .th-item-has-children > a:after {
  content: "\f067";
  font-family: var(--icon-font);
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  border-radius: 50px;
  background-color: var(--smoke-color);
  float: right;
  margin-top: 1px;
}

.th-mobile-menu ul .th-item-has-children.th-active > a .th-mean-expand:before {
  content: '\f068';
}

.th-mobile-menu ul .th-item-has-children.th-active > a:after {
  content: "\f068";
}

.th-mobile-menu > ul {
  padding: 0 40px;
}

.th-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.th-menu-toggle {
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 20px;
  border: none;
  background-color: var(--theme-color);
  color: var(--white-color);
  display: inline-block;
  border-radius: 5px;
}

.th-menu-toggle:hover {
  background-color: var(--title-color);
}

.th-menu-toggle.style-text, .th-menu-toggle.style-text-white {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--title-color);
  font-size: 20px;
}

.th-menu-toggle.style-text i, .th-menu-toggle.style-text-white i {
  margin-right: 10px;
}

.th-menu-toggle.style-text-white {
  color: var(--white-color);
}

@media (max-width: 400px) {
  .th-menu-wrapper .th-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .th-mobile-menu > ul {
    padding: 0 20px;
  }
}

/*=================================
    03. Utilities
==================================*/
/*------------------- 3.1. Preloader -------------------*/
.preloader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background-color: var(--white-color);
}

.preloader .th-btn {
  padding: 15px 20px;
  border-radius: 0;
  font-size: 14px;
}

.preloader-inner {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  line-height: 1;
}

.preloader-inner img {
  display: block;
  margin: 0 auto 0 auto;
}

.loader {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  background-color: var(--white-color);
  /* background-image: url("data:image/svg+xml,%3Csvg width='101' height='101' viewBox='0 0 101 101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.8411 0.0601557C42.4528 0.460496 36.6594 1.80205 32.7965 3.31233C17.7304 9.20286 6.19776 22.2024 2.33176 37.6519C1.15065 42.372 0.869141 44.7577 0.869141 50.049C0.869141 55.3402 1.15065 57.7259 2.33176 62.4461C6.69142 79.8684 20.6695 93.9387 38.1205 98.4716C43.0691 99.7567 45.4298 100.049 50.8691 100.049C56.1604 100.049 58.5461 99.7675 63.2663 98.5864C80.6924 94.2256 94.758 80.2526 99.2917 62.7976C100.577 57.849 100.869 55.4884 100.869 50.049C100.869 44.6096 100.577 42.2489 99.2917 37.3003C94.3039 18.0976 78.1442 3.56028 58.3657 0.482874C56.1881 0.144073 48.8648 -0.124462 46.8411 0.0601557ZM57.5917 14.8989C72.0209 17.7282 83.1452 28.8699 86.0447 43.3965C86.7026 46.6921 86.7561 53.0924 86.1517 56.2029C84.6819 63.768 81.2939 70.2018 76.0223 75.4378C70.8521 80.5731 64.4861 83.8888 57.0231 85.3331C53.8311 85.9507 47.4874 85.8867 44.1558 85.203C29.5193 82.1997 18.6007 71.2661 15.6936 56.7015C14.975 53.1022 14.975 46.9957 15.6936 43.3965C17.7181 33.253 23.486 24.9703 32.4043 19.3991C36.2488 16.9975 41.7607 15.0997 46.7174 14.4711C49.2519 14.1495 54.9045 14.3719 57.5917 14.8989ZM45.2747 21.9788C42.5904 22.5586 40.7031 23.2179 38.2256 24.4409C35.2554 25.9073 32.5459 27.898 30.2526 30.2983C28.5544 32.0755 26.2506 35.1294 26.2568 35.5944C26.2586 35.7289 29.2461 37.0875 32.8959 38.6134L39.5316 41.3881L40.3332 40.4905C40.774 39.9971 41.589 39.2344 42.1442 38.796C43.108 38.0347 45.8607 36.59 46.8306 36.3365C47.2804 36.2188 47.2887 36.0847 47.2887 28.9229C47.2887 23.2275 47.2274 21.6329 47.009 21.6467C46.8552 21.6566 46.0747 21.8061 45.2747 21.9788ZM54.4496 28.9126C54.4496 36.085 54.4579 36.2188 54.9077 36.3365C55.8775 36.59 58.6302 38.0347 59.5941 38.796C60.1492 39.2344 60.9654 39.9982 61.4075 40.4934L62.2116 41.3937L68.846 38.6163C72.4949 37.0888 75.4814 35.7289 75.4826 35.5944C75.4868 35.131 73.1864 32.0784 71.5138 30.3278C67.1233 25.7323 61.6792 22.8552 55.2888 21.7535L54.4496 21.6087V28.9126ZM23.2289 42.7202C22.8435 43.782 22.4052 46.7735 22.3024 49.042C21.9878 55.9856 24.6092 63.4996 29.1331 68.6226C29.9188 69.5121 30.0602 69.5905 30.3466 69.2939C30.9016 68.7193 39.2326 58.5597 39.2326 58.4577C39.2326 58.4044 38.8869 57.7747 38.4644 57.0582C37.1801 54.8808 36.7165 53.174 36.6511 50.3849L36.5934 47.9237L30.1367 45.1952C26.5856 43.6945 23.6013 42.4609 23.5053 42.4535C23.409 42.4463 23.2846 42.5665 23.2289 42.7202ZM71.5687 45.218L65.0791 47.9651L65.1487 49.5106C65.2431 51.6078 64.6843 54.2824 63.768 56.1194L63.0087 57.6416L67.4789 63.3557C69.9375 66.4987 72.033 69.0702 72.1355 69.0702C72.5629 69.0702 75.3501 64.9752 76.4768 62.6925C78.6886 58.2106 79.3942 55.0574 79.3564 49.8252C79.3295 46.1187 78.8218 42.6712 78.282 42.5296C78.159 42.4973 75.1379 43.7071 71.5687 45.218ZM49.1908 43.0823C47.1367 43.622 45.6191 44.8264 44.5917 46.7315C43.8942 48.0251 43.8284 48.3104 43.8284 50.049C43.8284 51.7862 43.8944 52.0735 44.5888 53.3611C45.4356 54.9316 46.1378 55.6097 47.8242 56.486C48.7987 56.9924 49.247 57.0799 50.8691 57.0799C52.4913 57.0799 52.9395 56.9924 53.9141 56.486C55.6005 55.6097 56.3027 54.9316 57.1495 53.3611C57.8457 52.0699 57.9094 51.7909 57.905 50.049C57.9007 48.4326 57.8108 47.9752 57.3061 47.004C56.4341 45.3259 55.7506 44.6141 54.2375 43.8076C52.795 43.0387 50.5722 42.7191 49.1908 43.0823ZM56.307 63.1685C53.4764 64.5075 49.7415 64.687 46.6173 63.6339C45.5168 63.2629 44.8502 63.1416 44.6808 63.2815C44.3303 63.571 35.7815 73.968 35.6965 74.2083C35.5893 74.5109 40.4939 76.8113 42.5931 77.4431C48.1986 79.1299 54.1811 79.0538 59.7659 77.2244C62.0272 76.4837 65.8607 74.6465 66.3334 74.077C66.4992 73.8769 65.3716 72.283 62.1697 68.1916C59.7545 65.1055 57.7092 62.5891 57.6246 62.5992C57.54 62.6095 56.947 62.8657 56.307 63.1685Z' fill='%230073E6'/%3E%3C/svg%3E"); */
  background-image: url("../../assets/img/theme-img/loader-img.webp");
  -webkit-animation: spinPreloader 1s linear infinite;
          animation: spinPreloader 1s linear infinite;
  border-radius: 50%;
}

@-webkit-keyframes spinPreloader {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinPreloader {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*------------------- 3.2. Buttons -------------------*/
.th-btn {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white-color);
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 21px 30px;
  min-width: 166px;
  border-radius: 5px;
}

.th-btn:before, .th-btn:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 50%;
  background-color: var(--title-color);
  z-index: -1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border-radius: 0;
}

.th-btn:before {
  -webkit-transform: scale(0) rotate(0);
      -ms-transform: scale(0) rotate(0);
          transform: scale(0) rotate(0);
}

.th-btn:after {
  -webkit-transform: scale(0) rotate(0);
      -ms-transform: scale(0) rotate(0);
          transform: scale(0) rotate(0);
  left: unset;
  right: 0;
}

.th-btn:hover, .th-btn.active {
  color: var(--white-color);
  box-shadow: none;
}

.th-btn:hover::before, .th-btn:hover:after, .th-btn.active::before, .th-btn.active:after {
  border-radius: 0;
  -webkit-transform: scale(1) rotate(360deg);
      -ms-transform: scale(1) rotate(360deg);
          transform: scale(1) rotate(360deg);
}

.icon-btn {
  display: inline-block;
  width: var(--btn-size, 56px);
  height: var(--btn-size, 56px);
  line-height: var(--btn-size, 54px);
  font-size: var(--btn-font-size, 20px);
  background-color: var(--icon-bg, #f7f7f7);
  color: var(--title-color);
  text-align: center;
  border-radius: 0;
  border: 1px solid var(--border-color);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: relative;
}

.icon-btn:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: var(--theme-color);
}

.line-btn {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  line-height: 0.8;
  position: relative;
  padding-bottom: 4px;
  margin-bottom: -1px;
  text-transform: uppercase;
  color: var(--title-color);
}

.line-btn i {
  margin-left: 5px;
  font-size: 0.9rem;
}

.line-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--title-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.line-btn:hover {
  color: var(--theme-color);
}

.line-btn:hover::before {
  background-color: var(--theme-color);
  width: 45px;
}

.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 10000;
  opacity: 1;
  visibility: hidden;
  -webkit-transform: translateY(45px);
      -ms-transform: translateY(45px);
          transform: translateY(45px);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.scroll-top:after {
  content: "\f062";
  font-family: var(--icon-font);
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: var(--theme-color);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  border: 2px solid var(--theme-color);
  box-shadow: none;
  border-radius: 50%;
}

.scroll-top svg {
  color: var(--theme-color);
  border-radius: 50%;
  background: var(--white-color);
}

.scroll-top svg path {
  fill: none;
}

.scroll-top .progress-circle path {
  stroke: var(--theme-color);
  stroke-width: 20px;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.scroll-top.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/*------------------- 3.3. Titles -------------------*/
.sec-title {
  margin-bottom: calc(var(--section-title-space) - 12px);
  margin-top: -0.2em;
  text-transform: capitalize;
  font-weight: 800;
}

.sub-title {
  display: block;
  font-size: 20px;
  font-weight: 500;
  font-family: var(--body-font);
  color: var(--theme-color);
  margin-bottom: 30px;
  text-transform: capitalize;
  line-height: 24px;
  margin-top: -0.34em;
}

.sub-title:has(img) {
  margin-top: 0;
}

.sub-title.h4 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-top: -0.14em;
}

.sub-title img {
  margin: 0 8px 0 0;
}

.sub-title i {
  font-size: 32px;
  margin-right: 8px;
  
}
/* Medium devices */
@media (max-width: 991px) {
  .sub-title i {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .sub-title{
    font-size: 14px;
  }
}
/* small devices */


.sub-title .spin {
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
}

.box-title {
  font-size: 24px;
  line-height: 1.417;
  font-weight: 700;
  margin-top: -0.32em;
}

.box-title a {
  color: inherit;
}

.box-title a:hover {
  color: var(--theme-yellow);
}

.box-title2 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  margin-top: -0.35em;
}

.box-title2 a {
  color: inherit;
}

.box-title2 a:hover {
  color: var(--theme-color);
}

/* .sec-text {
  max-width: 720px;
} */

.title-area {
  margin-bottom: calc(var(--section-title-space) - 12px);
  position: relative;
  z-index: 2;
}

.title-area .sec-title {
  margin-bottom: 11px;
}

.title-area.mb-0 .sec-title {
  margin-bottom: -0.24em;
}

.title-area .th-btn {
  margin-top: 20px;
  margin-bottom: 10px;
}

hr.title-line {
  margin-top: 0;
  background-color: var(--border-color);
  opacity: 1;
}

.sec-btn {
  text-align: center;
}

.sec-btn,
.title-line {
  margin-bottom: var(--section-title-space);
}

/* Large devices */
@media (max-width: 1199px) {
  .sub-title {
    margin-bottom: 20px;
  }
 
  .title-area,
  .sec-title {
    --section-title-space: 60px;
  }
  .title-area.mb-45,
  .sec-title.mb-45 {
    margin-bottom: 36px;
  }
  .title-area.mb-50,
  .sec-title.mb-50 {
    margin-bottom: 40px;
  }
  .sec-btn,
  .title-line {
    --section-title-space: 55px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .shadow-title {
    font-size: 60px;
  }
  .title-area,
  .sec-title {
    --section-title-space: 50px;
  }
  .title-area.mb-45,
  .sec-title.mb-45 {
    margin-bottom: 35px;
  }
  .sec-btn,
  .title-line {
    --section-title-space: 50px;
  }
  .sub-title.h4 {
    font-size: 22px;
  }
}



/*------------------- 3.4. Common -------------------*/
.shape-mockup-wrap {
  z-index: 2;
  position: relative;
}

.shape-mockup {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.shape-mockup.z-index-3 {
  z-index: 3;
  pointer-events: none;
}

.shape-mockup.z-index-1 {
  z-index: 1;
  pointer-events: none;
}

.shape-mockup .svg-img {
  height: 110px;
  width: 110px;
}

.z-index-step1 {
  position: relative;
  z-index: 4 !important;
}

.z-index-common {
  position: relative;
  z-index: 3;
}

.z-index-3 {
  z-index: 3;
}

.z-index-n1 {
  z-index: -1;
}

.media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.th-social a {
  display: inline-block;
  width: var(--icon-size, 46px);
  height: var(--icon-size, 46px);
  line-height: var(--icon-size, 46px);
  background-color: var(--smoke-color);
  color: var(--body-color);
  font-size: 16px;
  text-align: center;
  margin-right: 5px;
  border-radius: 5px;
}

.th-social a:last-child {
  margin-right: 0;
}

.th-social a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.btn-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  /* Small devices */
}


@media (max-width: 767px) {
  .btn-group {
    gap: 20px;
  }
}

/*------------------- 3.6. Font -------------------*/


.fw-normal {
  font-weight: 400;
}

.fw-semibold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

/*------------------- 3.7. Background -------------------*/
.bg-theme {
  background-color: var(--theme-color) !important;
}

.bg-smoke {
  background-color: var(--smoke-color) !important;
}

.bg-white {
  background-color: var(--white-color) !important;
}

.bg-black {
  background-color: var(--black-color) !important;
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*------------------- 3.8. Text Color -------------------*/
.text-theme {
  color: var(--theme-color) !important;
}

.text-title {
  color: var(--title-color) !important;
}

.text-body {
  color: var(--body-color) !important;
}

.text-white {
  color: var(--white-color) !important;
}

.text-light {
  color: var(--light-color) !important;
}

.text-yellow {
  color: var(--yellow-color) !important;
}

.text-success {
  color: var(--success-color) !important;
}

.text-error {
  color: var(--error-color) !important;
}

.text-inherit {
  color: inherit;
}

.text-inherit:hover {
  color: var(--theme-color);
}

a.text-theme:hover,
.text-reset:hover {
  text-decoration: underline;
}

/*------------------- 3.9. Overlay -------------------*/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.position-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

[data-overlay] {
  position: relative;
  z-index: 2;
}

[data-overlay] [class^="col-"],
[data-overlay] [class*="col-"] {
  z-index: 1;
}

[data-overlay]:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

[data-overlay="title"]:before {
  background-color: var(--title-color);
}


[data-opacity="9"]:before {
  opacity: 0.9;
}


/*------------------- 3.10. Animation -------------------*/
.ripple-animation, .play-btn:after, .play-btn:before {
  -webkit-animation-duration: var(--ripple-ani-duration);
          animation-duration: var(--ripple-ani-duration);
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: ripple;
          animation-name: ripple;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
}

@-webkit-keyframes ripple2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0;
  }
}

@keyframes ripple2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0;
  }
}


.movingCar {
  -webkit-animation: movingCar 25s linear infinite;
          animation: movingCar 25s linear infinite;
}

@-webkit-keyframes movingCar {
  0% {
    -webkit-transform: translateX(0) rotateY(0deg);
            transform: translateX(0) rotateY(0deg);
  }
  50% {
    -webkit-transform: translateX(calc(100vw*-1 + 108%));
            transform: translateX(calc(100vw*-1 + 108%));
  }
  51% {
    -webkit-transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
            transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
  }
  100% {
    -webkit-transform: translateX(0) rotateY(180deg);
            transform: translateX(0) rotateY(180deg);
  }
}

@keyframes movingCar {
  0% {
    -webkit-transform: translateX(0) rotateY(0deg);
            transform: translateX(0) rotateY(0deg);
  }
  50% {
    -webkit-transform: translateX(calc(100vw*-1 + 108%));
            transform: translateX(calc(100vw*-1 + 108%));
  }
  51% {
    -webkit-transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
            transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
  }
  100% {
    -webkit-transform: translateX(0) rotateY(180deg);
            transform: translateX(0) rotateY(180deg);
  }
}

.jump {
  -webkit-animation: jumpAni 7s linear infinite;
          animation: jumpAni 7s linear infinite;
}

@-webkit-keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
.widget_nav_menu ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}

.widget_nav_menu > ul,
.widget_nav_menu .menu{
  margin: -20px 0 -20px 0;
}

.widget_nav_menu a{
  display: block;
  background-color: transparent;
  margin: 0;
  padding: 16px 45px 19px 27px;
  font-size: 16px;
  line-height: 1.313;
  color: var(--body-color);
  border-radius: 0;
  border-bottom: 1px solid var(--border-color);
}

.widget_nav_menu a::before {
  content: "\f07c";
  position: absolute;
  left: 0;
  top: 17px;
  font-family: var(--icon-font);
  font-weight: 500;
}

.widget_nav_menu li {
  display: block;
  position: relative;
}

.widget_nav_menu li:last-child a{
  border-bottom: none;
}

.widget_nav_menu li > span {
  color: var(--body-color);
  text-align: center;
  position: absolute;
  right: 0;
  top: 14px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  pointer-events: none;
  min-width: 20px;
  text-align: right;
}

.widget_nav_menu a:hover {
  color: var(--theme-color);
}

.widget_nav_menu a:hover ~ span {
  color: var(--theme-color);
}

.widget_nav_menu .children{
  margin-left: 10px;
}

.widget_nav_menu a,

.widget_pages a {
  padding-right: 20px;
}

.widget_nav_menu .sub-menu {
  margin-left: 10px;
}

.widget {
  padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
  background-color: var(--smoke-color);
  margin-bottom: 40px;
  position: relative;
  border-radius: 10px;
}

.widget[data-overlay]:before {
  z-index: -1;
}

.widget .th-social a {
  box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1);
}

.widget select,
.widget input,
.widget .form-select,
.widget .form-control,
.widget textarea {
  background-color: var(--white-color);
}

.widget textarea {
  min-height: 120px;
}

.widget .form-group > i {
  background-color: var(--white-color);
}

.wp-block-search__label,
.widget_title {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--title-font);
  line-height: 1em;
  padding-bottom: 17px;
  margin: -0.12em 0 30px 0;
}

.wp-block-search__label:after, .wp-block-search__label:before,
.widget_title:after,
.widget_title:before {
  content: '';
  height: 3px;
  width: 100%;
  background-color: var(--border-color);
  position: absolute;
  bottom: 0;
  left: 0;
}

.wp-block-search__label:after,
.widget_title:after {
  background-color: var(--theme-color);
  width: 30px;
}

.widget-form {
  --bs-gutter-x: 20px;
}

.widget .search-form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.widget .search-form input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 5px 0 0 5px;
  padding-right: 25px;
  border: 1px solid var(--white-color);
}

.widget .search-form input:focus {
  border-color: var(--theme-color);
}

.widget .search-form button {
  border: none;
  font-size: 16px;
  font-size: 500;
  background-color: var(--theme-color);
  color: var(--white-color);
  display: inline-block;
  padding: 0;
  width: 56px;
  text-align: center;
  border-radius: 0 5px 5px 0;
}

.widget .search-form button:hover {
  background-color: var(--title-color);
}

/* Large devices */
@media (max-width: 1199px) {
  .widget {
    --widget-padding-y: 30px;
    --widget-padding-x: 30px;
  }
  .widget_title {
    font-size: 22px;
    margin: -0.12em 0 24px 0;
  }

}

/* Medium devices */
@media (max-width: 991px) {
  .widget {
    --widget-padding-y: 40px;
    --widget-padding-x: 40px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .widget {
    padding: 35px 20px;
  }
}

.footer-widget {
  margin-bottom: 50px;
}

.footer-widget,
.footer-widget .widget {
  padding: 0;
  border: none;
  padding-bottom: 0;
  background-color: transparent;
  box-shadow: none;
}

.footer-widget .form-group > i {
  color: var(--theme-color);
  top: 18px;
}

.footer-widget .sidebar-gallery {
  max-width: 287px;
  gap: 11px;
}

.footer-widget .sidebar-gallery .gallery-thumb {
  border-radius: 5px;
}

.footer-widget .widget_title {
  max-width: 270px;
  color: var(--white-color);
  font-weight: 500;
  text-transform: capitalize;
  margin: -0.12em 0 38px 0;
  padding: 0 0 17px 0;
}

.footer-widget .widget_title:before {
  display: none;
}

.footer-widget .widget_title:after {
  border-radius: 10px;
  height: 3px;
  width: 112px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, var(--theme-color) 0, var(--theme-color) 80px, transparent 80px, transparent 85px, var(--theme-color) 85px, var(--theme-color) 100px, transparent 100px, transparent 105px, var(--theme-color) 105px, var(--theme-color) 112px);
  background-image: linear-gradient(to right, var(--theme-color) 0, var(--theme-color) 80px, transparent 80px, transparent 85px, var(--theme-color) 85px, var(--theme-color) 100px, transparent 100px, transparent 105px, var(--theme-color) 105px, var(--theme-color) 112px);
}

.footer-widget.widget_meta ul, .footer-widget.widget_pages ul, .footer-widget.widget_archive ul, .footer-widget.widget_categories ul, .footer-widget.widget_nav_menu ul {
  margin-top: -4px;
}

.footer-widget.widget_meta .menu,
.footer-widget.widget_meta > ul, .footer-widget.widget_pages .menu,
.footer-widget.widget_pages > ul, .footer-widget.widget_archive .menu,
.footer-widget.widget_archive > ul, .footer-widget.widget_categories .menu,
.footer-widget.widget_categories > ul, .footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu > ul {
  margin-bottom: -4px;
}

.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
  font-size: 16px;
  font-weight: 400;
  padding: 0 0 0 20px;
  margin-bottom: 21px;
  font-family: var(--body-font);
  display: block;
  max-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 0;
  background-color: transparent;
  border-bottom: none;
  position: relative;
}

.footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, .footer-widget.widget_nav_menu a:before {
  content: "\f061";
  font-weight: 600;
  left: 0;
  top: 2px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  font-size: 0.9em;
  background-color: transparent;
  border: none;
  color: inherit;
}

.footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover {
  background-color: transparent;
  color: var(--theme-color);
}

.footer-widget.widget_meta a:hover:before, .footer-widget.widget_pages a:hover:before, .footer-widget.widget_archive a:hover:before, .footer-widget.widget_categories a:hover:before, .footer-widget.widget_nav_menu a:hover:before {
  color: var(--theme-color);
}

.footer-widget.widget_meta li > span, .footer-widget.widget_pages li > span, .footer-widget.widget_archive li > span, .footer-widget.widget_categories li > span, .footer-widget.widget_nav_menu li > span {
  width: auto;
  height: auto;
  position: relative;
  background-color: transparent;
  color: var(--body-color);
  line-height: 1;
}

.footer-widget.widget_meta li:last-child a, .footer-widget.widget_pages li:last-child a, .footer-widget.widget_archive li:last-child a, .footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a {
  margin-bottom: 0;
}

.footer-widget .recent-post {
  max-width: 300px;
  margin-top: -0.4em;
  margin-bottom: 20px;
}

.footer-widget .recent-post .media-img {
  max-width: 74px;
}

.footer-widget .recent-post .media-img:after {
  line-height: 74px;
}

.footer-widget .recent-post .post-title {
  color: var(--white-color);
  font-weight: 500;
}

.footer-widget .recent-post:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.footer-widget .recent-post .recent-post-meta a {
  font-weight: 400;
  line-height: 1.2;
}

.footer-widget .recent-post .recent-post-meta i {
  color: var(--theme-color);
}

.footer-widget .recent-post .recent-post-meta a:hover i {
  color: var(--theme-color);
}

.about-logo {
  margin-bottom: 15px;
}

.th-widget-about .about-logo {
  margin-bottom: 35px;
  margin-top: -8px;
}

.th-widget-about .about-text {
  margin-bottom: 30px;
  margin-top: -0.9em;
}

.footer-text {
  margin-top: -0.5em;
  margin-bottom: 25px;
}

.social-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.social-box .social-title {
  font-size: 20px;
  color: var(--white-color);
  font-weight: 600;
  margin-right: 20px;
  margin-bottom: 0;
}

.icon-group a {
  color: var(--white-color);
  font-size: 18px;
  margin-right: 17px;
}

.icon-group a:last-child {
  margin-right: 0;
}

.newsletter-form {
  position: relative;
  max-width: 465px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.newsletter-form .th-btn {
  min-width: 145px;
  padding: 21px 20px;
}

/* Large devices */
@media (max-width: 1199px) {
  .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
    margin-bottom: 16px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .footer-widget .widget_title {
    margin-bottom: 35px;
  }
  .th-widget-about .about-text {
    margin-bottom: 20px;
  }
  .social-box.mb-30 {
    margin-bottom: 25px;
  }
}

/*------------------- 4.2. Header  -------------------*/
.th-header {
  position: relative;
  z-index: 41;
}

.th-header .icon-btn {
  border-radius: 99px;
}

.th-header .menu-area {
  position: relative;
  z-index: 2;
}

.sticky-wrapper {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.sticky-wrapper.sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: var(--white-color);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
  -webkit-animation: stickyAni 0.4s ease-in-out;
          animation: stickyAni 0.4s ease-in-out;
}

@-webkit-keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
            transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
            transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

@keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
            transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
            transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

.main-menu a {
  display: block;
  position: relative;
  font-weight: 600;
  font-size: 18px;
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: capitalize;
}

.main-menu a:hover {
  color: var(--theme-color);
}

.main-menu > ul > li {
  margin: 0 17px;
}

.main-menu > ul > li > a {
  padding: 37px 0;
}

.main-menu > ul > li > a:hover {
  color: var(--theme-color);
}

.main-menu ul {
  margin: 0;
  padding: 0;
}

.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.main-menu ul li:last-child {
  margin-right: 0 !important;
}

.main-menu ul li:first-child {
  margin-left: 0 !important;
}

@media (max-width: 1500px) {
  .main-menu > ul > li {
    margin: 0 15px;
  }
}


.header-button {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.header-button .th-btn {
  margin-left: 15px;
}

.header-button .icon-btn .badge {
  font-size: 12px;
  top: 0;
  right: 0;
}

.header-button .icon-btn:hover .badge {
  background-color: var(--title-color);
}

.social-links .social-title {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
  color: var(--body-color);
}

.social-links a {
  font-size: 16px;
  display: inline-block;
  color: var(--body-color);
  margin: 0 15px 0 0;
}

.social-links a:last-child {
  margin-right: 0 !important;
}

.social-links a:hover {
  color: var(--theme-color);
}

.header-logo {
  padding-top: 15px;
  padding-bottom: 15px;
}

.header-links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.header-links li {
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: 400;
}

.header-links li:not(:last-child) {
  margin: 0 45px 0 0;
}

.header-links li:not(:last-child):after {
  content: '';
  height: 26px;
  width: 1px;
  background-color: var(--body-color);
  position: absolute;
  top: 0px;
  right: -30px;
  opacity: 0.6;
}

.header-links li > i {
  margin-right: 6px;
}

.header-links li,
.header-links span,
.header-links p,
.header-links a {
  color: var(--body-color);
}

.header-links a:hover {
  color: var(--theme-color);
}

.header-links b,
.header-links strong {
  font-weight: 600;
  margin-right: 6px;
}

.header-notice {
  margin: 0;
}

.header-top {
  padding: 16px 0;
  background-color: var(--theme-blue);
  --body-color: #fff;
}

.header-top a:hover {
  color: var(--theme-color);
}

@media (max-width: 575px) {
  .header-links li{
    font-size: 14px;
  }
}





/*------------------- 4.3. Footer  -------------------*/
.footer-wrapper {
  --border-color: rgba(255, 255, 255, 0.3);
  --body-color: #BDBDBD;
  position: relative;
  z-index: 2;
  background-color: var(--title-color);
  overflow: hidden;
}

.footer-wrapper .th-social a {
  background-color: #3D4250;
  color: var(--white-color);
}

.footer-wrapper .th-social a:hover {
  background-color: var(--theme-color);
}

.footer-wrapper .social-links a {
  margin: 0 30px 0 0;
}

.widget-area {
  padding-top: var(--section-space);
  padding-bottom: 66px;
}

.footer-links ul {
  padding: 0;
  margin: 0;
}

.footer-links li {
  font-family: var(--body-font);
  display: inline-block;
  padding-right: 15px;
  margin-right: 10px;
  position: relative;
}

.footer-links li:after {
  content: "";
  height: 20px;
  width: 1px;
  background-color: var(--body-color);
  position: absolute;
  top: 50%;
  right: 0;
  margin: -10px 0;
}

.footer-links li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.footer-links li:last-child:after {
  display: none;
}

.footer-links a {
  font-family: inherit;
  color: var(--body-color);
}

.footer-links a:hover {
  color: var(--theme-color);
}

.copyright-wrap {
  padding: 22px 0;
  background-size: 100% auto;
  background-color: #2A2F3C;
}

.copyright-text {
  margin: 0;
}

.copyright-text a {
  color: var(--theme-color);
}

.copyright-text a:hover {
  color: var(--white-color);
}

.th-widget-contact {
  max-width: 265px;
}

.footer-newsletter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 25px;
  padding-left: 60px;
}

.footer-newsletter .newsletter-title {
  max-width: 425px;
  margin-bottom: 0;
}

.schedule-info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.schedule-info:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.th-widget-schedule {
  width: 280px;
  max-width: 100%;
}

.th-widget-schedule .title {
  color: var(--white-color);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}


/* Medium devices */
@media (max-width: 991px) {
  .footer-wrapper .widget-area {
    padding-top: var(--section-space-mobile);
    padding-bottom: 30px;
  }
  .copyright-text {
    text-align: center;
  }
}

/* footer 2 ---------------------------------- */


.th-widget-contact {
  max-width: 280px;
}

.info-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.info-box:last-child {
  margin-bottom: 0;
}

.info-box_icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  line-height: 32px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.15);
  color: var(--theme-color);
  border-radius: 6px;
  text-align: center;
  margin-right: 10px;
}

.info-box_text {
  display: block;
  color: var(--body-color);
  margin-top: -0.45em;
  margin-bottom: -0.45em;
}

.info-box_link {
  display: inline-block;
  color: var(--body-color);
}

.info-box_link:hover {
  color: var(--theme-color);
}

.footer-layout2 {
  --border-color: #2A2F3C;
  --gap-x: 60px;
  --gap-y: 60px;
}

.footer-layout2 .copyright-wrap {
  border-top: 1px solid var(--border-color);
  background-color: var(--title-color);
}

/* Medium devices */
@media (max-width: 991px) {
  .footer-wrapper .newsletter-form {
    max-width: 400px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .footer-wrapper .newsletter-form {
    max-width: 550px;
    gap: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .newsletter-wrap {
    padding: 40px 20px;
  }
  .footer-wrapper .newsletter-form {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* footer 3 ---------------------------------- */
.footer-layout3 {
  --border-color: #e0e0e0;
  --body-color: #74757B;
  background-color: #F7F4ED;
  border-top: 2px solid #fec514;
}

.footer-layout3 .footer-top {
  border-bottom: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}

.footer-layout3 .footer-logo {
  width: 100%;
  padding: 27px 40px;
  position: relative;
  background-color: var(--theme-color);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 60px) 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, calc(100% - 60px) 100%, 0% 100%);
}

.footer-layout3 .widget-area {
  padding-top: 80px;
  padding-bottom: 30px;
}

.footer-layout3 .copyright-wrap {
  --body-color: #fff;
  background-color: var(--title-color);
}

.footer-layout3 .copyright-wrap a {
  color: var(--white-color);
}

.footer-layout3 .copyright-wrap a:hover {
  color: var(--theme-color);
}

.footer-layout3 .widget_title {
  color: var(--title-color);
}

.footer-layout3 .recent-post .post-title {
  color: var(--title-color);
}

/* Contact Media ---------------------------------- */
.contact-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  padding: 32px;
}

.contact-media_text {
  font-size: 14px;
  display: block;
  margin-top: -0.5em;
  margin-bottom: 5px;
}

.contact-media .icon-btn {
  border: none;
  line-height: 56px;
  background-color: var(--white-color);
  border-radius: 10px;
  font-size: 36px;
  color: var(--theme-color);
  border-right: 2px solid var(--theme-color);
  border-bottom: 2px solid var(--theme-color);
}

.contact-media .box-title {
  margin-bottom: -0.24em;
}

.contact-media.has-border {
  border-left: 1px solid var(--border-color);
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .contact-media {
    padding: 32px 30px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .contact-media {
    padding: 30px 15px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .footer-layout3 .footer-logo {
    padding: 30px;
  }
  .footer-layout3 .widget-area {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .contact-media {
    padding: 30px 30px;
    border-left: 1px solid var(--border-color);
  }
}

/* Small devices */
@media (max-width: 767px) {
  .contact-media.has-border {
    border-top: 1px solid var(--border-color);
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .contact-media {
    gap: 15px;
  }
  .contact-media .box-title {
    font-size: 22px;
  }
}

@media (max-width: 340px) {
  .contact-media {
    padding: 30px 10px;
  }
}

/*------------------- 4.4. Breadcumb  -------------------*/
.breadcumb-menu {
  max-width: 100%;
  padding: 0;
  margin: 10px;
  list-style-type: none;
  position: relative;
}

.breadcumb-menu li {
  display: inline-block;
  margin-right: 3px;
  padding-right: 5px;
  list-style: none;
  position: relative;
}

.breadcumb-menu li:after {
  content: "\f054";
  position: relative;
  margin-left: 10px;
  font-weight: 500;
  font-size: 15px;
  color: var(--white-color);
  font-family: var(--icon-font);
}

.breadcumb-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
  color: var(--theme-color);
}

.breadcumb-menu li:last-child:after {
  display: none;
}

.breadcumb-menu li,
.breadcumb-menu a,
.breadcumb-menu span {
  white-space: normal;
  color: inherit;
  word-break: break-word;
  font-weight: 500;
  font-size: 18px;
  color: var(--white-color);
}

.breadcumb-title {
  color: var(--white-color);
  margin: -0.2em 0 0.82em 0;
  line-height: 1.1;
  font-weight: 800;
}

.breadcumb-wrapper {
  background-color: var(--title-color);
  padding: 45px 0;
  overflow: hidden;
  text-align: center;
  background-image: url(../img/bg/breadcrumb.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 267px;
}


/* Large devices */
@media (max-width: 1199px) {
  .breadcumb-menu {
    margin: 25px 0 -0.5em 0;
  }
  .breadcumb-menu li,
  .breadcumb-menu a,
  .breadcumb-menu span {
    font-size: 16px;
  }
}


/* Extra small devices */
@media (max-width: 575px) {
  .breadcumb-title {
    font-size: 34px;
  }
}

/*------------------- 4.5. Pagination  -------------------*/
.th-pagination {
  margin-bottom: 30px;
}

.th-pagination ul {
  margin: 0;
  padding: 0;
}

.th-pagination li {
  display: inline-block;
  margin: 0 3px;
  list-style-type: none;
}

.th-pagination li:last-child {
  margin-right: 0;
}

.th-pagination li:first-child {
  margin-left: 0;
}

.th-pagination span,
.th-pagination a {
  display: inline-block;
  text-align: center;
  position: relative;
  border: none;
  color: var(--theme-color);
  background-color: var(--smoke-color);
  width: 56px;
  height: 56px;
  line-height: 56px;
  z-index: 1;
  font-size: 18px;
  font-weight: 500;
  border-radius: 5px;
}

.th-pagination span.active, .th-pagination span:hover,
.th-pagination a.active,
.th-pagination a:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
}

/* Small devices */
@media (max-width: 767px) {
  .th-pagination span,
  .th-pagination a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}

/*------------------- 4.8. Hero Area  -------------------*/
/* Hero Global ---------------------------------- */
.th-hero-wrapper {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.th-hero-wrapper .slick-arrow {
  border: none;
}

.th-hero-wrapper .slick-dots {
  position: absolute;
  top: 50%;
  left: 80px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.th-hero-bg {
  position: absolute;
  inset: 0;
}

.th-hero-bg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* Hero 1 ---------------------------------- */
.hero-subtitle {
  font-family: var(--title-font);
  color: var(--theme-color);
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 17px;
  text-transform: uppercase;
  margin-top: -0.24em;
}

.hero-title {
  font-size: 50px;
  font-weight: 800;
  line-height: 1.135;
  margin-bottom: 0;
  width: 86%;
}

.hero-title:last-of-type {
  margin-bottom: 17px;
}

.hero-text {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .hero-text {
    font-size: 16px;
  }
}

.hero-1 {
  overflow: hidden;
}

.hero-style1 {
  position: relative;
  z-index: 6;
  padding: 220px 0;
  max-width: 620px;
}

.hero-style1 .hero-title {
  color: var(--white-color);
}

.hero-style1 .hero-text {
  color: var(--white-color);
  font-weight: 400;
}

.hero-style1 .sub-title {
  margin-bottom: 15px;
}

@media (max-width: 1400px) {
  /* .hero-style1 {
    padding: 180px 0;
  } */
  .hero-title {
    font-size: 48px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-title {
    font-size: 37px;
    width: 70% !important;
  }
  .hero-style1 {
    max-width: 600px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-title {
    width: 100% !important;
    line-height: 1.2;
  }
  .hero-style1 {
    padding: 110px 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-style1 .btn-group {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hero-style1 .hero-text {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-subtitle {
    font-size: 18px;
  }
  .hero-title {
    font-size: 28px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style1 {
    padding: 70px 0;
  }
  .hero-subtitle {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .hero-title {
    line-height: 1.24;
  }
  .hero-text {
    margin-bottom: 28px;
  }
}

@media (max-width: 390px) {
  .hero-title {
    line-height: 1.3;
  }
}

@media (max-width: 330px) {
  .hero-title {
    font-size: 30px;
  }
}

/* Contact Page ---------------------------------- */
.contact-feature {
  background-color: #F7F4ED;
}

.contact-feature_subtitle {
  font-size: 14px;
}

.contact-feature .box-title {
  margin-bottom: -0.32em;
  font-size: 18px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .contact-feature .box-title {
    font-size: 22px;
  }
}

.contact-feature.bg-theme .contact-feature_subtitle {
  color: var(--white-color);
}

.contact-feature.bg-theme .contact-feature_icon img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.contact-feature.bg-theme .box-title {
  color: var(--white-color);
}

.contact-feature.bg-theme .box-title a:hover {
  color: var(--title-color);
}

.contact-form select,
.contact-form .form-control,
.contact-form .form-select,
.contact-form textarea,
.contact-form input {
  background-color: var(--white-color);
}

.contact-form .form-group > i {
  background-color: var(--white-color);
  color: var(--theme-color);
  width: 18px;
  text-align: right;
}

.quote-form-box {
  padding: 50px;
  /* Large devices */
}

.quote-form-box textarea {
  min-height: 120px;
}

.quote-form-box .form-title {
  margin-top: -0.24em;
  margin-bottom: 10px;
}

.quote-form-box .form-text {
  margin-bottom: 25px;
}

@media (max-width: 1199px) {
  .quote-form-box {
    text-align: center;
  }
}

.rounded-20 {
  border-radius: 20px;
  overflow: hidden;
}

.form-text {
  font-size: 16px;
}

/* Extra small devices */
@media (max-width: 575px) {
  .quote-form-box {
    padding: 40px 20px;
  }
}

.contact-map {
  line-height: 0px;
  height: 100%;
}

.contact-map iframe {
  height: 100%;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .contact-map iframe {
    min-height: 360px;
  }
}

@media (max-width: 767px) {
  .contact-map iframe {
    min-height: 260px;
  }
}

/*------------------- 4.00. About  -------------------*/
/* About 1 ---------------------------------- */
@media (min-width: 1300px) {
  .img-box1 {
    margin-right: 50px;
  }
}

.img-box1 {
  position: relative;
  z-index: 2;
}


.img-box1 img {
  border-radius: 10px;
}

.img-box1 .img1 {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.img-box1 .img1 img {
  width: 100%;
}

.img-box1 .img2 {
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 3;
}

.img-box1 .year-counter-wrap {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--smoke-color);
  -webkit-clip-path: path("M325 0V140L195 235H0L325 0Z");
          clip-path: path("M325 0V140L195 235H0L325 0Z");
  height: 235px;
  width: 325px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}

.year-counter {
  max-width: 135px;
  text-align: center;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
  padding-top: 6px;
}

.year-counter_number {
  font-family: var(--title-font);
  font-size: 44px;
  font-weight: 600;
  color: var(--theme-color);
  line-height: 46px;
  padding-left: 5px;
}

.year-counter_text {
  margin-bottom: 0;
}

/* Large devices */
@media (max-width: 1199px) {
  .img-box1 .img1 {
    display: block;
    width: 70%;
  }
  .img-box1 .img1 img {
    max-height: 500px;
    object-fit: cover;
  }
  .img-box1 .year-counter-wrap {
    top: 100px;
    right: 100px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .img-box1 .year-counter-wrap {
    top: 50px;
    right: 50px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .img-box1 .year-counter-wrap {
    top: 0;
    right: 0;
  }
  .video-checklist {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .img-box1 .year-counter-wrap {
    top: -1px;
    z-index: 3;
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
            clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
    height: 100px;
    width: 240px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 0;
  }
  .img-box1 .year-counter {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    padding-top: 4px;
  }
  .img-box1 .img2 {
    max-width: 60%;
  }
  .video-checklist {
    gap: 13px;
  }
}


/* About 3 ---------------------------------- */
.about-quote {
  padding-left: 19px;
  margin: -0.5em 0;
  font-style: italic;
  position: relative;
  font-weight: 600;
}

.about-quote:before {
  content: '';
  height: calc(100% - 15px);
  width: 4px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: var(--theme-color);
}

@media (min-width: 1300px) {
  .img-box5 {
    margin-right: 50px;
  }
}

.img-box5 {
  -webkit-animation: jumpAni 4s linear infinite;
          animation: jumpAni 4s linear infinite;
}

.img-box5 img {
  width: 100%;
}


/*------------------- 4.00. Testimonial  -------------------*/
/* Testimonial Card ---------------------------------- */
.testi-card {
  overflow: hidden;
  position: relative;
  padding: 34px 40px 30px 40px;
  background-color: var(--white-color);
  box-shadow: 0px 0px 15px rgba(191, 191, 191, 0.09);
  border-radius: 10px;
}

.testi-card:before {
  content: '';
  height: 90px;
  width: 108px;
  background-color: var(--theme-color);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-clip-path: path("M0 0H40L108 90H10C4.47715 90 0 85.5229 0 80V0Z");
          clip-path: path("M0 0H40L108 90H10C4.47715 90 0 85.5229 0 80V0Z");
  z-index: 2;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.testi-card_quote {
  position: absolute;
  right: 40px;
  bottom: 40px;
  font-size: 36px;
  color: var(--theme-color);
}

.testi-card_profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 3;
  gap: 10px;
}

.testi-card_avater {
  width: 60px;
  min-width: 60px;
  border: 5px solid var(--white-color);
  border-radius: 50%;
}

.testi-card_avater img {
  border-radius: 50%;
}

.testi-card_name {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}

.testi-card_desig {
  margin-bottom: 0;
  display: block;
  color: var(--theme-color);
}

.testi-card_text {
  margin: 15px 0 19px 0;
  font-style: italic;
}

.testi-card_review {
  color: var(--theme-color);
  font-size: 16px;
}

.testi-card_review i {
  margin-right: 3px;
}

.testi-card_review i:last-child {
  margin-right: 0 !important;
}

.testi-card:hover:before {
  background-color: var(--title-color);
}

/* Extra small devices */
@media (max-width: 375px) {
  .testi-card {
    padding: 34px 20px 30px 20px;
    border-radius: 10px;
  }
  .testi-card_quote {
    right: 20px;
  }
}

/*------------------- 4.00. Brand  -------------------*/
/* Brand 1 ---------------------------------- */
.brand-box {
  text-align: center;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.brand-box:hover {
  -webkit-filter: none;
          filter: none;
}



/*------------------- 4.00. Faq -------------------*/
/* Faq 1 ---------------------------------- */
.accordion-card {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--white-color);
  text-align: left;
}

.accordion-card:not(:last-child) {
  margin-bottom: 30px;
}

.accordion-card .accordion-button {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--title-font);
  border: 0;
  color: var(--title-color);
  background-color: var(--white-color);
  border-radius: 0;
  padding: 12px 45px 12px 30px;
  min-height: 56px;
  gap: 10px;
  margin-bottom: 0;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.accordion-card .accordion-button:after {
  content: "\f078";
  height: 100%;
  width: auto;
  line-height: 1;
  background-color: transparent;
  background-image: none;
  font-family: var(--icon-font);
  color: var(--theme-color);
  font-weight: 700;
  font-size: 1em;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.accordion-card .accordion-button:focus {
  outline: none;
  box-shadow: none;
}

.accordion-card .accordion-button:not(.collapsed) {
  box-shadow: none;
  border-radius: 0;
}

.accordion-card .accordion-button:not(.collapsed):after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-card .accordion-collapse {
  border: none;
}

.accordion-card .accordion-body {
  border-radius: 0;
  border: none;
  padding: 0px 30px 30px 30px;
}

.accordion-card .faq-text {
  margin-bottom: -0.48em;
  font-size: 14px;
}

.accordion-card.active {
  padding-top: 9px;
}

/* Large devices */
@media (max-width: 1199px) {
  .accordion-card:not(:last-child) {
    margin-bottom: 24px;
  }
  .faq-sec1 {
    background-position: right 50% center;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .page-title {
    font-size: 32px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .page-title {
    font-size: 28px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .page-title {
    font-size: 24px;
  }
  .service-feature-wrap {
    grid-template-columns: auto;
  }
}

.checklist li.unavailable {
  color: #C4C4C4;
}

.checklist li.unavailable > i {
  color: #C4C4C4;
}

/* Extra small devices */
@media (max-width: 375px) {
  .price-card_price {
    font-size: 30px;
  }
}



/*------------------- 4.00. Feature -------------------*/
/* Feature Card ---------------------------------- */
.line-icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  margin: 0 auto 30px auto;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: relative;
  z-index: 2;
}

.line-icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.line-icon:before, .line-icon:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.line-icon:before {
  background-color: var(--smoke-color2);
  -webkit-clip-path: path("M13.3881 76.4603C4.65737 67.4651 0.294678 56.9287 0.294678 44.8461C0.294678 36.791 2.54587 29.3421 7.04826 22.4942C11.5453 15.6463 17.4822 10.278 24.8483 6.38399C32.209 2.49515 39.9834 0.548157 48.1661 0.548157C60.1689 0.548157 70.3234 4.44728 78.6512 12.2301C86.9683 20.0181 91.1322 30.4928 91.1322 43.6388C91.1322 56.528 86.834 67.4702 78.2429 76.4603C69.6465 85.4606 58.9385 89.9557 46.1245 89.9557C33.031 89.9557 22.1135 85.4606 13.3881 76.4603Z");
          clip-path: path("M13.3881 76.4603C4.65737 67.4651 0.294678 56.9287 0.294678 44.8461C0.294678 36.791 2.54587 29.3421 7.04826 22.4942C11.5453 15.6463 17.4822 10.278 24.8483 6.38399C32.209 2.49515 39.9834 0.548157 48.1661 0.548157C60.1689 0.548157 70.3234 4.44728 78.6512 12.2301C86.9683 20.0181 91.1322 30.4928 91.1322 43.6388C91.1322 56.528 86.834 67.4702 78.2429 76.4603C69.6465 85.4606 58.9385 89.9557 46.1245 89.9557C33.031 89.9557 22.1135 85.4606 13.3881 76.4603Z");
  inset: 4px;
}

.line-icon:after {
  -webkit-mask-image: url("../img/theme-img/feature_card_circle.svg");
          mask-image: url("../img/theme-img/feature_card_circle.svg");
  -webkit-animation: spin 10s linear infinite;
          animation: spin 10s linear infinite;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: var(--theme-color);
}

/* Feature Box ---------------------------------- */
.feature-box {
  padding: 38px;
  border: 1px solid var(--border-color);
  overflow: hidden;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.feature-box:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-color: var(--theme-color);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  z-index: -1;
}

.feature-box .line-icon {
  width: 95px;
  height: 95px;
  line-height: 95px;
  margin-bottom: 10px;
}

.feature-box .line-icon:before {
  -webkit-clip-path: path("M12.5183 72.3869C4.22412 63.8415 0.0795898 53.832 0.0795898 42.3535C0.0795898 34.7012 2.21821 27.6248 6.49546 21.1194C10.7676 14.6139 16.4076 9.51403 23.4054 5.81476C30.398 2.12038 37.7836 0.270752 45.5572 0.270752C56.9598 0.270752 66.6065 3.9749 74.5179 11.3685C82.419 18.7671 86.3747 28.718 86.3747 41.2067C86.3747 53.4513 82.2915 63.8463 74.13 72.3869C65.9634 80.9371 55.7909 85.2074 43.6176 85.2074C31.1789 85.2074 20.8074 80.9371 12.5183 72.3869Z");
          clip-path: path("M12.5183 72.3869C4.22412 63.8415 0.0795898 53.832 0.0795898 42.3535C0.0795898 34.7012 2.21821 27.6248 6.49546 21.1194C10.7676 14.6139 16.4076 9.51403 23.4054 5.81476C30.398 2.12038 37.7836 0.270752 45.5572 0.270752C56.9598 0.270752 66.6065 3.9749 74.5179 11.3685C82.419 18.7671 86.3747 28.718 86.3747 41.2067C86.3747 53.4513 82.2915 63.8463 74.13 72.3869C65.9634 80.9371 55.7909 85.2074 43.6176 85.2074C31.1789 85.2074 20.8074 80.9371 12.5183 72.3869Z");
}

.feature-box .box-title2 {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.feature-box_text {
  margin-bottom: 15px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.feature-box:hover {
  border-color: var(--theme-color);
}

.feature-box:hover:before {
  width: 100%;
  left: 0;
  right: unset;
}

.feature-box:hover .box-title2 {
  color: var(--white-color);
}

.feature-box:hover .line-icon:before {
  background-color: transparent;
}

.feature-box:hover .line-btn {
  color: var(--white-color);
}

.feature-box:hover .line-btn:before {
  background-color: var(--white-color);
}

.feature-box:hover .feature-box_text {
  color: var(--white-color);
}

.feature-sec2 {
  background-color: var(--title-color);
  margin-top: -350px;
  padding-top: 350px;
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .feature-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

/*------------------- 4.00. Course -------------------*/
/* Course Card ---------------------------------- */
.course-meta {
  display: inline-block;
}

.course-meta > a,
.course-meta > span {
  color: var(--body-color);
  font-weight: 500;
  margin-right: 25px;
}

.course-meta > a i,
.course-meta > span i {
  margin-right: 5px;
  color: var(--theme-color);
}

.course-meta > a:last-child,
.course-meta > span:last-child {
  margin-right: 0;
}

.course-meta .meta-box {
  border-right: 1px solid var(--border-color);
  padding-right: 12px;
  margin-right: 8px;
}

.course-meta .meta-box:last-child {
  border-right: none !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.course-meta a:hover {
  color: var(--theme-color);
}

/* Course Card ---------------------------------- */
.course-box {
  background: var(--white-color);
  box-shadow: 0px 3px 15px rgba(193, 193, 193, 0.2);
  border-radius: 10px;
  padding: 30px;
}

.course-box_img {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}

.course-box_img img {
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.course-box .price {
  font-size: 24px;
  font-weight: 700;
  color: var(--white-color);
  text-align: center;
  line-height: 46px;
  padding-right: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 46px;
  width: 116px;
  background-color: var(--theme-color);
  -webkit-clip-path: path("M0 0H82.8871C90.8496 0 98.0536 4.72328 101.228 12.0255L116 46H10C4.47715 46 0 41.5228 0 36V0Z");
          clip-path: path("M0 0H82.8871C90.8496 0 98.0536 4.72328 101.228 12.0255L116 46H10C4.47715 46 0 41.5228 0 36V0Z");
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.course-box .course-meta {
  margin-bottom: 23px;
}

.course-box_text {
  margin-bottom: 23px;
}

.course-box .th-btn {
  background-color: var(--white-color);
  border: 1px solid var(--border-color);
  color: var(--title-color);
  width: 166px;
}

.course-box .th-btn:before, .course-box .th-btn:after {
  background-color: var(--theme-color);
}

.course-box .th-btn:hover {
  color: var(--white-color);
  border-color: var(--theme-color);
}

.course-box:hover .price {
  background-color: var(--title-color);
}

.course-box:hover .course-box_img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

@media (max-width: 350px) {
  .course-box {
    padding: 20px;
  }
}

/*------------------- 4.00. Guideline -------------------*/
/* Guideline ---------------------------------- */
.guide-map {
  text-align: center;
}

.guide-map-phone {
  display: none;
}

.guide-feature {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 20px;
  position: absolute;
}

.guide-feature .box-title2 {
  margin-bottom: 3px;
}

.guide-feature_text {
  font-size: 14px;
  margin-bottom: -0.5em;
  max-width: 300px;
}

.guide-feature.right-align {
  text-align: right;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.guideline-area {
  position: relative;
  margin-bottom: 85px;
}

.guideline-area .one {
  top: 7%;
  left: 3%;
}

.guideline-area .two {
  top: 38%;
  left: -4%;
}

.guideline-area .three {
  bottom: 10%;
  left: -2%;
}

.guideline-area .four {
  bottom: -25%;
  left: 5%;
}

.guideline-area .five {
  top: 18%;
  right: 0.5%;
}

.guideline-area .six {
  top: 49%;
  right: 0.5%;
}

.guideline-area .seven {
  bottom: 0%;
  right: 1.5%;
}

.guideline-area .eight {
  bottom: -25%;
  left: 47%;
}

/* Large devices */
@media (max-width: 1199px) {
  .guide-map img {
    -webkit-transform: scalex(0.65);
        -ms-transform: scalex(0.65);
            transform: scalex(0.65);
  }
  .guide-feature {
    max-width: 350px;
  }
  .guide-feature.right-align {
    margin-left: -30px;
  }
  .guide-feature.left-align {
    margin-right: -40px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .guide-map {
    display: none;
  }
  .guide-map-phone {
    display: block;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
  }
  .guide-map-phone img {
    border: 3px dashed var(--theme-color);
    padding: 16px;
    border-radius: 50%;
    background-color: var(--white-color);
  }
  .guide-map-phone:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    height: 20px;
    border-top: 3px dashed var(--theme-color);
    border-left: 3px dashed var(--theme-color);
    border-radius: 15px 0 0 0;
    z-index: -1;
  }
  .guide-feature {
    position: relative;
    inset: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin: 0 0 35px 160px !important;
  }
  .guide-feature:last-child {
    margin-bottom: 0 !important;
  }
  .guide-feature.right-align {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
  }
  .guide-feature:before {
    content: '';
    position: absolute;
    top: 20px;
    right: calc(100% + 30px);
    width: 130px;
    border-top: 3px dashed var(--theme-color);
  }
  .guide-feature:after {
    content: '';
    position: absolute;
    top: 17px;
    right: calc(100% + 30px);
    width: 8px;
    height: 8px;
    background-color: var(--theme-color);
    border-radius: 50%;
  }
  .guide-feature_icon {
    width: 50px;
    text-align: center;
  }
  .guideline-area {
    margin-bottom: 0;
  }
  .guideline-area:before {
    content: '';
    height: calc(100% - 152px);
    width: 0;
    border-left: 3px dashed var(--theme-color);
    position: absolute;
    top: 152px;
    left: 0;
  }
  .guideline-area:after {
    content: '';
    position: absolute;
    top: 100%;
    left: -3px;
    width: 9px;
    height: 9px;
    background-color: var(--theme-color);
    border-radius: 50%;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .guide-feature {
    margin: 0 0 35px 50px !important;
  }
  .guide-feature:last-child {
    margin-bottom: 0 !important;
  }
  .guide-feature:before {
    width: 20px;
  }
  .guide-feature:after {
    right: calc(100% + 20px);
  }
}

/*=================================
    05. Spacing
==================================*/
/*-- Padding Left And Right --*/
.px-5 {
  padding-right: 5px;
  padding-left: 5px;
}

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

/*-- margin Top --*/
.mt-5 {
  margin-top: 5px;
}

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

/*-- margin bottom --*/
.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

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

.mb-33 {
  margin-bottom: 33px;
}


.space,
.space-top {
  padding-top: var(--section-space);
}

.space,
.space-bottom {
  padding-bottom: var(--section-space);
}

.space-extra,
.space-extra-top {
  padding-top: calc(var(--section-space) - 30px);
}

.space-extra,
.space-extra-bottom {
  padding-bottom: calc(var(--section-space) - 30px);
}

.space-extra2,
.space-extra2-top {
  padding-top: calc(var(--section-space) - 40px);
}

.space-extra2,
.space-extra2-bottom {
  padding-bottom: calc(var(--section-space) - 40px);
}

/* Medium devices */
@media (max-width: 991px) {
  .space,
  .space-top {
    padding-top: var(--section-space-mobile);
  }
  .space,
  .space-bottom {
    padding-bottom: var(--section-space-mobile);
  }
  .space-extra,
  .space-extra-top {
    padding-top: calc(var(--section-space-mobile) - 30px);
  }
  .space-extra,
  .space-extra-bottom {
    padding-bottom: calc(var(--section-space-mobile) - 30px);
  }
  .space-top-md-none {
    padding-top: 0;
  }
  .space-extra2,
  .space-extra2-top {
    padding-top: 70px;
  }
  .space-extra2,
  .space-extra2-bottom {
    padding-bottom: 70px;
  }
}

/*=================================
    Update 1
==================================*/
.th-hero-wrapper .social-links {
  position: absolute;
  z-index: 2;
  left: 0%;
  top: 50%;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.th-hero-wrapper .social-links a {
  color: var(--white-color);
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  margin: 0 10px;
}

.th-hero-wrapper .social-links a:hover {
  color: var(--theme-color);
}

.th-hero-wrapper .social-links .social-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--white-color);
  letter-spacing: 0.06em;
}

.th-hero-wrapper .social-links .social-title:after {
  content: '';
  position: relative;
  background-color: var(--white-color);
  height: 1px;
  width: 90px;
  display: inline-block;
  top: -6px;
  margin-left: 15px;
}

.hero-1 .th-hero-bg img {
  height: 100%;
  width: auto;
  object-fit: fill;
}

.th-hero-wrapper .slick-dots {
  left: unset;
  right: 8%;
  width: 66px;
  margin: 0;
}

.th-hero-wrapper .slick-dots li {
  margin-right: 0;
  margin: 10px 0;
}

.th-hero-wrapper .slick-arrow {
  border: none;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  --pos-x: 5%;
  color: var(--white-color);
}

.th-hero-wrapper .slick-arrow:hover {
  background-color: var(--white-color);
  color: var(--theme-color);
}

@media (max-width: 1800px) {
  .th-hero-wrapper .social-links {
    left: -8%;
  }
  .th-hero-wrapper .slick-arrow {
    --pos-x: 1%;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .th-hero-wrapper .social-links {
    left: 20px;
    bottom: 12px;
    top: unset;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    z-index: 99;
  }
  .th-hero-wrapper .social-links a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .th-hero-wrapper .social-links {
    left: 0;
    text-align: center;
    width: 100%;
  }
  .th-hero-wrapper .social-links .social-title {
    margin-right: 5px;
  }
  .th-hero-wrapper .social-links .social-title:after {
    content: ':';
    width: auto;
    background-color: transparent !important;
    top: -1px;
    margin-left: 2px;
  }
  .th-hero-wrapper .social-links a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    margin: 0 5px;
  }
}

/*=================================
    Hero 6
==================================*/
.sub-title.has-line:before {
  content: '';
  width: 40px;
  height: 2px;
  display: inline-block;
  margin-right: 10px;
  background-color: var(--theme-color);
  position: relative;
  top: -5px;
}

.sub-title.has-line.text-theme:before {
  background-color: var(--theme-color);
}

.hero-text .text-body {
  font-weight: 500;
}

.hero-6 .hero-img-wrap {
  position: absolute;
  bottom: 15px;
  right: 12%;
}

.hero-6 .social-links .social-title {
  color: var(--title-color);
}

.hero-6 .social-links .social-title:after {
  background-color: var(--title-color);
}

.hero-6 .social-links a {
  color: var(--title-color);
}

.hero-6 .social-links a:hover {
  color: var(--theme-color);
}

.hero-img-wrap {
  --img-size: 535px;
  --gap: 15px;
  width: 100%;
  max-width: var(--img-size);
  text-align: center;
}

.hero-img-wrap .img1 {
  width: 100%;
  text-align: center;
  position: relative;
  bottom: 20px;
  left: 3px;
}

.hero-img-wrap .polygon {
  height: calc(var(--img-size) + 9%);
  width: var(--img-size);
  background-color: var(--theme-blue);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-clip-path: path("M242.5 7.43376C257.97 -1.49788 277.03 -1.49788 292.5 7.43376L509.669 132.816C525.139 141.748 534.669 158.254 534.669 176.118V426.882C534.669 444.746 525.139 461.252 509.669 470.184L292.5 595.566C277.03 604.498 257.97 604.498 242.5 595.566L25.3312 470.184C9.86113 461.252 0.331177 444.746 0.331177 426.882V176.118C0.331177 158.254 9.86112 141.748 25.3312 132.816L242.5 7.43376Z");
          clip-path: path("M242.5 7.43376C257.97 -1.49788 277.03 -1.49788 292.5 7.43376L509.669 132.816C525.139 141.748 534.669 158.254 534.669 176.118V426.882C534.669 444.746 525.139 461.252 509.669 470.184L292.5 595.566C277.03 604.498 257.97 604.498 242.5 595.566L25.3312 470.184C9.86113 461.252 0.331177 444.746 0.331177 426.882V176.118C0.331177 158.254 9.86112 141.748 25.3312 132.816L242.5 7.43376Z");
}

.hero-img-wrap .polygon1 {
  opacity: 0.25;
}

.hero-img-wrap .polygon2 {
  height: calc(var(--img-size) + 9% - var(--gap)*2);
  width: calc(var(--img-size) - var(--gap)*2);
  left: var(--gap);
  bottom: var(--gap);
  -webkit-clip-path: path("M228 7.43376C243.47 -1.49788 262.53 -1.49789 278 7.43375L480.013 124.066C495.483 132.998 505.013 149.504 505.013 167.368V400.632C505.013 418.496 495.483 435.002 480.013 443.934L278 560.566C262.53 569.498 243.47 569.498 228 560.566L25.9866 443.934C10.5166 435.002 0.986603 418.496 0.986603 400.632V167.368C0.986603 149.504 10.5165 132.998 25.9866 124.066L228 7.43376Z");
          clip-path: path("M228 7.43376C243.47 -1.49788 262.53 -1.49789 278 7.43375L480.013 124.066C495.483 132.998 505.013 149.504 505.013 167.368V400.632C505.013 418.496 495.483 435.002 480.013 443.934L278 531.566C262.53 519.498 279.47 472.498 256 550.566L25.9866 438.934C10.5166 435.002 0.986603 418.496 0.986603 400.632V167.368C0.986603 149.504 10.5165 132.998 25.9866 124.066L228 7.43376Z");
}


.hero-img-wrap .line-shape,
.hero-img-wrap .line-shape2 {
  height: 97px;
  width: 298px;
  position: absolute;
  background-color: var(--theme-color);
  top: 7%;
  left: -106px;
  -webkit-clip-path: path("M288.076 71.4605C283.819 65.847 276.626 58.4099 266.366 50.5859C261.25 46.6638 255.399 42.5423 249.007 38.368C242.592 34.1904 235.567 29.9501 227.787 26.3188C223.901 24.4797 219.824 22.8046 215.565 21.4137C211.312 19.976 206.865 18.8927 202.289 18.2204C197.717 17.5248 193.011 17.2636 188.329 17.6738C183.634 18.0106 178.993 18.9754 174.502 20.558C174.252 20.6418 174.022 20.7523 173.772 20.8362C173.956 21.0531 174.166 21.2499 174.326 21.4635C177.798 25.558 180.549 30.1947 182.466 35.1665C184.387 40.1149 185.647 45.3515 185.865 50.703C186.038 56.0478 185.289 61.5008 183.292 66.6814C181.278 71.812 178.079 76.7269 173.55 80.4275C171.396 82.3412 168.848 84.0081 165.976 85.2713C163.107 86.511 159.774 87.3271 156.313 87.1946C149.298 86.9164 143.304 83.1324 139.468 78.4136C135.486 73.5547 133.981 67.52 134.022 62.0145C134.05 56.4356 135.443 51.1455 137.498 46.2354C139.579 41.3052 142.487 36.7548 145.968 32.7147C150.308 27.6513 155.556 23.4086 161.336 20.1239C160.154 19.2168 158.919 18.3498 157.596 17.5898C149.903 12.8493 141.083 10.3351 132.489 9.42749C123.871 8.51657 115.462 9.16214 107.784 10.6987C100.127 12.262 93.1878 14.6428 87.227 17.5202C81.2395 20.4176 76.0134 23.8285 71.4347 27.2118C62.1872 33.9418 55.4928 40.8189 50.2225 46.7287C45.0356 52.7219 41.2362 57.838 38.5507 62.1576C35.775 66.4406 33.8928 69.8004 32.5037 72.3712C31.271 74.5108 30.5017 76.0719 29.862 77.2219C30.4524 76.9239 31.0162 76.6459 31.5832 76.3445C36.5132 73.846 40.9929 71.6654 44.8157 69.9166C52.4612 66.4191 57.4319 64.6421 57.94 65.4299C58.448 66.2176 54.3997 69.3898 47.4194 73.9121C43.9308 76.1615 39.7251 78.7627 34.9924 81.5515C34.3953 81.8964 33.7983 82.2413 33.1979 82.6095C32.5242 82.9912 31.7737 83.4098 30.7929 83.7718C30.2925 83.9395 29.7654 84.1273 29.1315 84.2283C28.4708 84.3494 27.6766 84.4039 26.949 84.3246C25.4671 84.1862 24.0314 83.5534 22.9091 82.5593C20.9116 80.6777 20.4261 79.0581 19.7207 77.813C19.0286 76.4742 18.3398 75.1121 17.6309 73.7233C6.43931 51.6191 -1.23134 33.0915 0.543331 32.3409C2.31469 31.6137 12.8241 48.945 24.0157 71.0492C24.4973 72.0241 24.9822 72.9755 25.4637 73.9504C25.7629 72.8476 26.1822 71.5709 26.8314 70.0167C27.9032 67.1623 29.5714 63.462 32.2132 58.7783C34.7883 54.0613 38.5772 48.5142 43.8804 42.0365C49.2671 35.6422 56.1946 28.2971 65.9989 21.0018C70.8776 17.3508 76.4305 13.6522 83.0618 10.4166C89.7164 7.18424 97.2827 4.58211 105.751 2.84741C114.216 1.13609 123.563 0.432523 133.282 1.47565C142.978 2.51547 153.192 5.4421 162.192 11.0596C164.7 12.5362 167.088 14.3538 169.329 16.3654C170.313 15.9799 171.27 15.6146 172.271 15.2792C177.322 13.609 182.587 12.6134 187.82 12.3528C193.039 12.0187 198.205 12.3928 203.135 13.2584C208.095 14.0805 212.822 15.3706 217.289 16.9817C221.786 18.5494 226.003 20.4114 229.986 22.4073C237.976 26.4025 245.059 30.9133 251.414 35.3449C257.766 39.7999 263.493 44.1187 268.573 48.298C278.71 56.6533 285.706 64.6352 289.573 70.6468C291.532 73.6442 292.809 76.0679 293.595 77.7539C294.331 79.4567 294.656 80.3617 294.505 80.412C294.108 80.5227 292.363 77.0306 288.076 71.4605ZM167.68 26.1524C167.149 25.5283 166.611 24.9511 166.05 24.3705C160.409 27.508 155.321 31.6303 151.238 36.5631C148.218 40.215 145.735 44.2771 143.978 48.6089C142.243 52.944 141.136 57.5589 141.188 62.0755C141.242 66.5686 142.525 70.9733 145.321 74.2803C148.088 77.6308 152.305 79.9939 156.37 80.0688C160.405 80.1872 164.708 78.0771 168.095 75.026C171.637 72.0683 174.096 68.1699 175.683 64.0287C177.254 59.8375 177.844 55.3402 177.649 50.8272C177.431 46.3108 176.299 41.8558 174.626 37.6821C173.007 33.4683 170.607 29.5494 167.68 26.1524Z");
          clip-path: path("M288.076 71.4605C283.819 65.847 276.626 58.4099 266.366 50.5859C261.25 46.6638 255.399 42.5423 249.007 38.368C242.592 34.1904 235.567 29.9501 227.787 26.3188C223.901 24.4797 219.824 22.8046 215.565 21.4137C211.312 19.976 206.865 18.8927 202.289 18.2204C197.717 17.5248 193.011 17.2636 188.329 17.6738C183.634 18.0106 178.993 18.9754 174.502 20.558C174.252 20.6418 174.022 20.7523 173.772 20.8362C173.956 21.0531 174.166 21.2499 174.326 21.4635C177.798 25.558 180.549 30.1947 182.466 35.1665C184.387 40.1149 185.647 45.3515 185.865 50.703C186.038 56.0478 185.289 61.5008 183.292 66.6814C181.278 71.812 178.079 76.7269 173.55 80.4275C171.396 82.3412 168.848 84.0081 165.976 85.2713C163.107 86.511 159.774 87.3271 156.313 87.1946C149.298 86.9164 143.304 83.1324 139.468 78.4136C135.486 73.5547 133.981 67.52 134.022 62.0145C134.05 56.4356 135.443 51.1455 137.498 46.2354C139.579 41.3052 142.487 36.7548 145.968 32.7147C150.308 27.6513 155.556 23.4086 161.336 20.1239C160.154 19.2168 158.919 18.3498 157.596 17.5898C149.903 12.8493 141.083 10.3351 132.489 9.42749C123.871 8.51657 115.462 9.16214 107.784 10.6987C100.127 12.262 93.1878 14.6428 87.227 17.5202C81.2395 20.4176 76.0134 23.8285 71.4347 27.2118C62.1872 33.9418 55.4928 40.8189 50.2225 46.7287C45.0356 52.7219 41.2362 57.838 38.5507 62.1576C35.775 66.4406 33.8928 69.8004 32.5037 72.3712C31.271 74.5108 30.5017 76.0719 29.862 77.2219C30.4524 76.9239 31.0162 76.6459 31.5832 76.3445C36.5132 73.846 40.9929 71.6654 44.8157 69.9166C52.4612 66.4191 57.4319 64.6421 57.94 65.4299C58.448 66.2176 54.3997 69.3898 47.4194 73.9121C43.9308 76.1615 39.7251 78.7627 34.9924 81.5515C34.3953 81.8964 33.7983 82.2413 33.1979 82.6095C32.5242 82.9912 31.7737 83.4098 30.7929 83.7718C30.2925 83.9395 29.7654 84.1273 29.1315 84.2283C28.4708 84.3494 27.6766 84.4039 26.949 84.3246C25.4671 84.1862 24.0314 83.5534 22.9091 82.5593C20.9116 80.6777 20.4261 79.0581 19.7207 77.813C19.0286 76.4742 18.3398 75.1121 17.6309 73.7233C6.43931 51.6191 -1.23134 33.0915 0.543331 32.3409C2.31469 31.6137 12.8241 48.945 24.0157 71.0492C24.4973 72.0241 24.9822 72.9755 25.4637 73.9504C25.7629 72.8476 26.1822 71.5709 26.8314 70.0167C27.9032 67.1623 29.5714 63.462 32.2132 58.7783C34.7883 54.0613 38.5772 48.5142 43.8804 42.0365C49.2671 35.6422 56.1946 28.2971 65.9989 21.0018C70.8776 17.3508 76.4305 13.6522 83.0618 10.4166C89.7164 7.18424 97.2827 4.58211 105.751 2.84741C114.216 1.13609 123.563 0.432523 133.282 1.47565C142.978 2.51547 153.192 5.4421 162.192 11.0596C164.7 12.5362 167.088 14.3538 169.329 16.3654C170.313 15.9799 171.27 15.6146 172.271 15.2792C177.322 13.609 182.587 12.6134 187.82 12.3528C193.039 12.0187 198.205 12.3928 203.135 13.2584C208.095 14.0805 212.822 15.3706 217.289 16.9817C221.786 18.5494 226.003 20.4114 229.986 22.4073C237.976 26.4025 245.059 30.9133 251.414 35.3449C257.766 39.7999 263.493 44.1187 268.573 48.298C278.71 56.6533 285.706 64.6352 289.573 70.6468C291.532 73.6442 292.809 76.0679 293.595 77.7539C294.331 79.4567 294.656 80.3617 294.505 80.412C294.108 80.5227 292.363 77.0306 288.076 71.4605ZM167.68 26.1524C167.149 25.5283 166.611 24.9511 166.05 24.3705C160.409 27.508 155.321 31.6303 151.238 36.5631C148.218 40.215 145.735 44.2771 143.978 48.6089C142.243 52.944 141.136 57.5589 141.188 62.0755C141.242 66.5686 142.525 70.9733 145.321 74.2803C148.088 77.6308 152.305 79.9939 156.37 80.0688C160.405 80.1872 164.708 78.0771 168.095 75.026C171.637 72.0683 174.096 68.1699 175.683 64.0287C177.254 59.8375 177.844 55.3402 177.649 50.8272C177.431 46.3108 176.299 41.8558 174.626 37.6821C173.007 33.4683 170.607 29.5494 167.68 26.1524Z");
}

.hero-img-wrap .line-shape2 {
  background-color: var(--theme-color);
  -webkit-animation: widthAni 7s linear infinite;
          animation: widthAni 7s linear infinite;
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
}

.hero-style6 {
  max-width: 680px;
}

@-webkit-keyframes widthAni {
  from {
    width: 298px;
  }
  to {
    width: 0;
  }
}

@keyframes widthAni {
  from {
    width: 298px;
  }
  to {
    width: 0;
  }
}

/* Extra large devices */
@media (max-width: 1500px) {
  .hero-6 .hero-img-wrap {
    right: 5%;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-6 .hero-img-wrap {
    right: -1%;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
    bottom: -7%;
  }
  .hero-6 .hero-text {
    max-width: 580px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-6 .hero-img-wrap {
    position: relative;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    bottom: 0;
    right: unset;
    margin: 60px auto -70px auto;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-6 .hero-img-wrap{
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
  .hero-img-wrap {
    --img-size: 100vw;
    margin: 50px auto -100px auto;
  }
  .hero-img-wrap .img1 {
    bottom: 40px;
  }
  .hero-img-wrap .line-shape,
  .hero-img-wrap .line-shape2 {
    left: 0;
  }
  .hero-img-wrap .polygon {
    -webkit-clip-path: polygon(50% 0, 100% 30%, 100% 70%, 49% 94%, 0 70%, 0 30%);
            clip-path: polygon(50% 0, 100% 30%, 100% 70%, 49% 94%, 0 70%, 0 30%);
  }
  .hero-img-wrap .line-shape, .hero-img-wrap .line-shape2{
    display: none;
  }
}
@media (max-width: 400px){
  
}

@media (max-width: 375px) {
  .hero-img-wrap .polygon {
    -webkit-clip-path: polygon(50% 0, 100% 30%, 100% 68%, 49% 93%, 0 70%, 0 30%);
            clip-path: polygon(50% 0, 100% 30%, 100% 68%, 49% 93%, 0 70%, 0 30%);
  }
}



/*=================================
    Header 6
==================================*/

.header-logo {
  position: relative;
  z-index: 3;
}
.header-layout6 {
  --logo-bg: 21.8%;
}

.header-layout6 .logo-bg {
  height: 100%;
  width: var(--logo-bg);
  position: absolute;
  bottom: 0;
  left: 0;
}

.header-layout6 .logo-bg:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F4ED;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 75px) 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, calc(100% - 75px) 100%, 0% 100%);
}


/* Hight Resoulation devices */
@media (min-width: 1922px) {
  .header-layout6 {
    --logo-bg: 32%;
  }
}

@media (max-width: 1700px) {
  .header-layout6 {
    --logo-bg: 21%;
  }
}

/* Extra large devices */
@media (max-width: 1500px) {
  .header-layout6 {
    --logo-bg: 20%;
  }
  .header-layout6 .main-menu {
    margin-left: 0;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .header-layout6 {
    --logo-bg: 26%;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .header-layout6 {
    --logo-bg: 30%;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .header-layout6 {
    --logo-bg: 56%;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .header-layout6 {
    --logo-bg: 65%;
  }
  .header-layout6 .header-logo img,.mobile-logo img,.footer-logo img {
    max-width: 120px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .header-layout6 {
    --logo-bg: 70%;
  }
}

/*=================================
    Global
==================================*/
.slideinzoom.th-animated {
  --animation-name: bgZoom;
}

.slideinzoom {
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  opacity: 1;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-name: var(--animation-name);
          animation-name: var(--animation-name);
}

@-webkit-keyframes bgZoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes bgZoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

/*=================================
    Header 9
==================================*/
.dropdown-link {
  position: relative;
  display: inline-block;
}

.dropdown-link > a {
  color: var(--white-color);
}

.dropdown-link > a i {
  color: var(--theme-color);
  margin-right: 6px;
}

.dropdown-toggle::after {
  content: "\f107";
  border: none;
  font-family: var(--icon-font);
  vertical-align: middle;
  font-weight: 400;
  margin-left: 6px;
}

.dropdown-menu {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
      -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  padding: 8px 20px !important;
  text-align: center;
  border-color: var(--border-color);
}

.dropdown-menu li {
  padding-right: 0;
  margin-right: 0;
}

.dropdown-menu li:after {
  display: none;
}

.dropdown-menu li a {
  display: block;
}

.dropdown-menu a {
  color: var(--title-color) !important;
}

.dropdown-menu a:hover {
  color: var(--theme-color) !important;
}

.dropdown-menu:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  background-color: var(--white-color);
  z-index: -1;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
}


.btn-group:has(.video-btn) {
  gap: 45px;
  /* Small devices */
}

@media (max-width: 767px) {
  .btn-group:has(.video-btn) {
    gap: 25px;
  }
}



.about-feature .box-title {
  margin-bottom: 8px;
}

.recent-post .post-title,
.project-card .box-title2,
.skill-feature_title,
.skill-feature .progress-value {
  font-weight: 600;
}

.counter-number,
.price-card_price {
  font-weight: 800;
  -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
          font-feature-settings: 'pnum' on, 'lnum' on;
}

.number-line {
  -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
          font-feature-settings: 'pnum' on, 'lnum' on;
}

.course-feature_title,
.testi-box_name,
.counter-number,
.counter-card_number .counter-number {
  font-weight: 700 !important;
}

.service-feature_title,
.th-product .product-title {
  font-weight: 700;
}

.page-title,
.blog-single .blog-title {
  font-weight: 800;
}

.feature-sec1.style2 {
  background-size: 100% 430px;
}

.counter-card.style2 {
  border-color: #74757B;
}

.counter-card.style2 .counter-number {
  color: var(--theme-color);
}

.accordion-card.style2 {
  background-color: rgba(255, 255, 255, 0.2);
}

.accordion-card.style2:not(:last-child) {
  margin-bottom: 20px;
}

.accordion-card.style2 .accordion-button {
  background-color: transparent;
  color: var(--white-color);
}

.accordion-card.style2 .faq-text {
  color: var(--white-color);
}

.faq-form {
  background-color: var(--white-color);
  box-shadow: 0px 10px 40px rgba(191, 191, 191, 0.3);
  border-radius: 10px;
  padding: 50px;
  margin-bottom: -18px;
  /* Extra small devices */
  /* Extra small devices */
}

.faq-form .form-title {
  margin-bottom: 30px;
}

.faq-form .row {
  --bs-gutter-x: 16px;
}

.faq-form .form-title {
  margin-top: -0.24em;
}

.faq-form .form-control,
.faq-form .form-select {
  box-shadow: 0px 0px 30px rgba(191, 191, 191, 0.3);
}

.faq-form textarea.form-control,
.faq-form textarea {
  min-height: 180px;
}

@media (max-width: 575px) {
  .faq-form {
    padding: 40px;
  }
}

@media (max-width: 375px) {
  .faq-form {
    padding: 40px 20px;
  }
}

.cta-sec1.style2 {
  max-width: 100%;
  margin: 0;
  border-radius: 0;
}

.newsletter-wrap .newsletter-title {
  margin-top: -0.2em;
  margin-bottom: -0.2em;
  max-width: 540px;
  font-weight: 700;
}

.faq-sec2 {
  background-size: auto;
  background-position: top left;
  /* Small devices */
}

@media (max-width: 767px) {
  .faq-sec2 {
    background-size: cover;
  }
}

.faq-img1 {
  /* Large devices */
}

.faq-img1 img {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 30px 0 0 0;
}

@media (max-width: 1199px) {
  .faq-img1 img {
    width: 100%;
    max-width: 100%;
    max-height: 500px;
    border-radius: 20px;
    object-fit: cover;
  }
}

.footer-widget .widget_title {
  font-weight: 600;
}

.footer-widget .recent-post .post-title {
  font-weight: 600;
}

.footer-layout3 .footer-top {
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}

.footer-layout3.black {
  --body-color: #bdbdbd;
  --border-color: #2A2F3C;
}

.footer-layout3.black .recent-post .post-title,
.footer-layout3.black .box-title,
.footer-layout3.black .widget_title {
  --title-color: #fff;
}

.footer-layout3.black .copyright-wrap {
  background-color: #2A2F3C;
}


@media (min-width: 993px) {
  .footer-layout3 .footer-logo {
    padding: 35px 40px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .footer-layout3 .footer-top {
    border-left: 1px solid var(--border-color);
  }
  .footer-layout3 .contact-media {
    border-left: none;
  }
  .footer-layout3 .footer-logo {
    text-align: center;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 45px) 100%, 45px 100%);
            clip-path: polygon(0 0, 100% 0, calc(100% - 45px) 100%, 45px 100%);
  }
}

.contact-feature {
  background-color: var(--smoke-color2);
}

.btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px 40px;
}

/*-----------------------------------------------------*/
.main-menu a .new-label {
  font-size: 13px;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 2px 5px;
  border-radius: 4px;
  position: relative;
  top: -1px;
}


/* Header 6 ---------------------------------- */
.dropdown-link {
  position: relative;
}

.dropdown-link > a {
  color: var(--white-color);
}

.dropdown-toggle::after {
  content: "\f107";
  border: none;
  font-family: var(--icon-font);
  vertical-align: middle;
  font-weight: 400;
  margin-left: 6px;
}

.dropdown-menu {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
      -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  padding: 8px 20px !important;
  text-align: center;
  border-color: var(--border-color);
}

.dropdown-menu li {
  padding-right: 0;
  margin-right: 0;
}

.dropdown-menu li:after {
  display: none;
}

.dropdown-menu li a {
  display: block;
}

.dropdown-menu a {
  color: var(--title-color) !important;
}

.dropdown-menu a:hover {
  color: var(--theme-color) !important;
}

.dropdown-menu:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  background-color: var(--white-color);
  z-index: -1;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
}


/* Extra small devices */
@media (max-width: 375px) {
  .header-logo img {
    max-width: 170px;
  }
}

/*---------------------------------------------------------*/

.hero-img-wrap .line-shape2 {
  background-color: var(--title-color);
}

.checklist li.text-white {
  font-weight: 400;
}

/* Custom-css */

/* course-section */

.course-section{
  background-attachment: fixed;
}
.course-section .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active{
    color: #ffffff !important;
    background-color: #fec514 !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
}
.course-section .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #fec514;
}
.course-section .dropdown-item.active, .dropdown-item:active {
  background-color: #fec51447;
}
.booking-form .book_form{
  background: #ffc5152e !important;
}
.booking-form .registration_box .plusminus-btn .fa-minus {
  top: 15px;
  left: 20px;
  background: #fec514 !important;
}
.booking-form .registration_box .plusminus-btn .fa-plus  {
  top: 15px;
  right: 20px;
  background: #fec514 !important;
}

/* modal */
.modal{
  z-index: 999 ;
}
.modal-backdrop{
  z-index: 99 ;
}