:root {
   --theme-color: #224096;
   --theme-color2: #3D72FC;
   --title-color: #080809;
   --title-dark: #080809;
   --body-color: #54595F;
   --smoke-color: #F5F5F5;
   --smoke-color2: #EFF3FA;
   --black-color: #000000;
   --black-color2: #080E1C;
   --gray-color: #B5B5B5;
   --white-color: #ffffff;
   --light-color: #bdbdbd;
   --body-bg: #fff;
   --yellow-color: #FFB539;
   --success-color: #28a745;
   --error-color: #dc3545;
   --border-color: #EFEFEF;
   --title-font: "Noto Sans", sans-serif;
   --body-font: "Noto Sans", sans-serif;
   --icon-font: "Font Awesome 6 Pro";
   --main-container: 1224px;
   --container-gutters: 24px;
   --section-space: 60px;
   --section-space-mobile: 60px;
   --section-title-space: 40px;
   --ripple-ani-duration: 5s
}

@font-face {
  font-family: Noto Sans;
  src: url("../fonts/NotoSansMalayalam-Regular.ttf")
}

html,
body {
   scroll-behavior: auto !important
}

body {
/*    font-family: var(--body-font); */
   font-family: 'Noto Sans', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: var(--body-color);
   line-height: 26px;
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
   background-color: var(--body-bg)
}

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;
   -webkit-box-shadow: 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 .4s;
   transition: all ease .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 .4s;
   transition: all ease .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: 'Noto Sans';
   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: 54px;
   line-height: 1.185
}

.h2,
h2 {
   font-size: 40px;
   line-height: 1.25
}

.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
}

@media(max-width: 1199px) {

   .h1,
   h1 {
      font-size: 44px;
      line-height: 1.3
   }

   .h2,
   h2 {
      font-size: 34px;
      line-height: 1.3
   }

   .h3,
   h3 {
      font-size: 30px
   }

   .h4,
   h4 {
      font-size: 24px
   }

   .h5,
   h5 {
      font-size: 20px
   }

   .h6,
   h6 {
      font-size: 16px
   }
}

@media(max-width: 991px) {

   .h1,
   h1 {
      font-size: 40px
   }
}

@media(max-width: 767px) {

   .h1,
   h1 {
      font-size: 36px
   }

   .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
   }
}

@media(max-width: 575px) {

   .h1,
   h1 {
      font-size: 34px;
      line-height: 1.35
   }

   .h2,
   h2 {
      font-size: 28px
   }
}

@media(max-width: 375px) {

   .h1,
   h1 {
      font-size: 32px
   }
}

@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
   }
}

@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
   }
}

@media(min-width: 1300px) {
   .container-full {
      max-width: 1920px;
      padding: 0 var(--container-gutters)
   }
}

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

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

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

.g-10 {
   --bs-gutter-y: 10px;
   --bs-gutter-x: 10px
}

.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
   }
}

@media(max-width: 991px) {
   .gy-50 {
      --bs-gutter-y: 40px
   }
}

select,
.form-control,
.form-select,
textarea,
input {
   height: 50px;
   padding: 0 25px 0 25px;
   padding-right: 45px;
   border: none;
   color: var(--body-color);
   background-color: var(--smoke-color);
   border-radius: 5px;
   font-size: 16px;
   width: 100%;
   font-family: var(--body-font);
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
   color: var(--body-color);
   outline: 0;
   -webkit-box-shadow: none;
   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: 16px;
   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
}

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: "";
   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=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: "";
   position: absolute;
   font-family: var(--icon-font);
   left: 0;
   top: -2px;
   width: 20px;
   height: 20px;
   padding-left: 0;
   font-size: .6em;
   line-height: 19px;
   text-align: center;
   border: 1px solid var(--theme-color);
   border-radius: 100%;
   font-weight: 700;
   background: var(--white-color);
   color: rgba(0, 0, 0, 0);
   -webkit-transition: all .2s ease;
   transition: all .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: .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(.375em + .8875rem) center;
   background-image: none
}

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

textarea.is-invalid {
   background-position: top calc(.375em + .5875rem) right calc(.375em + .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: rgba(0, 0, 0, 0);
   color: inherit
}

.slick-track>[class*=col]:not(.col-auto) {
   -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 .col-auto {
   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 .4s;
   transition: all ease .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: .4s ease-in-out;
   transition: .4s ease-in-out;
   -webkit-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);
   transform: scale(1)
}

.slick-arrow {
   display: inline-block;
   padding: 0;
   background-color: var(--body-bg);
   color: var(--title-color);
   position: absolute;
   top: 50%;
   border: 1px solid var(--border-color);
   left: var(--pos-x, -80px);
   width: var(--icon-size, 34px);
   height: var(--icon-size, 34px);
   line-height: var(--icon-size, 34px);
   font-size: var(--icon-font-size, 14px);
   margin-top: calc(var(--icon-size, 34px)/-2);
   z-index: 2;
   border-radius: 99px
}

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

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

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

.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
}

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

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

@media(max-width: 991px) {
   .slick-dots {
      margin: 40px 0 0 0
   }
}

.th-menu-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, .6);
   z-index: 999999;
   width: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: all ease .8s;
   transition: all ease .8s;
   opacity: 0;
   visibility: hidden
}

.th-menu-wrapper .mobile-logo {
   padding-bottom: 0px;
   padding-top: 30px;
   display: block;
   text-align: center;
   width: 186px;
}

.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: "";
   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);
   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);
   -webkit-box-shadow: 0 0 20px -8px rgba(173, 136, 88, .5);
   box-shadow: 0 0 20px -8px rgba(173, 136, 88, .5);
   border-radius: 50%
}

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

.th-mobile-menu ul .th-item-has-children>a:after {
   content: "";
   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: ""
}

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

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

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

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

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

.th-menu-toggle.style-text,
.th-menu-toggle.style-text-white {
   width: auto;
   height: auto;
   background-color: rgba(0, 0, 0, 0);
   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
   }
}

.preloader {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 999999;
   background-color: var(--body-bg)
}

.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%);
   transform: translate(-50%, -50%);
   text-align: center;
   line-height: 1
}

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

.loader {
   display: inline-block;
   font-size: 48px;
   color: var(--theme-color);
   width: 1em;
   height: 1em;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background-color: currentcolor;
   position: relative;
   border-radius: 50%;
   -webkit-transform: rotateX(-60deg) perspective(1000px);
   transform: rotateX(-60deg) perspective(1000px)
}

.loader:before,
.loader:after {
   content: "";
   display: block;
   position: absolute;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   top: 0;
   left: 0;
   width: inherit;
   height: inherit;
   border-radius: inherit;
   -webkit-animation: flowerFlow 1s ease-out infinite;
   animation: flowerFlow 1s ease-out infinite
}

.loader:after {
   -webkit-animation-delay: .4s;
   animation-delay: .4s
}

@-webkit-keyframes flowerFlow {
   0% {
      opacity: 1;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-box-shadow: 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor;
      box-shadow: 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor
   }

   100% {
      opacity: 0;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-box-shadow: -1em -1em 0 -0.35em currentcolor, 0 -1.5em 0 -0.35em currentcolor, 1em -1em 0 -0.35em currentcolor, -1.5em 0 0 -0.35em currentcolor, 1.5em 0 0 -0.35em currentcolor, -1em 1em 0 -0.35em currentcolor, 0 1.5em 0 -0.35em currentcolor, 1em 1em 0 -0.35em currentcolor;
      box-shadow: -1em -1em 0 -0.35em currentcolor, 0 -1.5em 0 -0.35em currentcolor, 1em -1em 0 -0.35em currentcolor, -1.5em 0 0 -0.35em currentcolor, 1.5em 0 0 -0.35em currentcolor, -1em 1em 0 -0.35em currentcolor, 0 1.5em 0 -0.35em currentcolor, 1em 1em 0 -0.35em currentcolor
   }
}

@keyframes flowerFlow {
   0% {
      opacity: 1;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-box-shadow: 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor;
      box-shadow: 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor, 0 0 0 -0.5em currentcolor
   }

   100% {
      opacity: 0;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-box-shadow: -1em -1em 0 -0.35em currentcolor, 0 -1.5em 0 -0.35em currentcolor, 1em -1em 0 -0.35em currentcolor, -1.5em 0 0 -0.35em currentcolor, 1.5em 0 0 -0.35em currentcolor, -1em 1em 0 -0.35em currentcolor, 0 1.5em 0 -0.35em currentcolor, 1em 1em 0 -0.35em currentcolor;
      box-shadow: -1em -1em 0 -0.35em currentcolor, 0 -1.5em 0 -0.35em currentcolor, 1em -1em 0 -0.35em currentcolor, -1.5em 0 0 -0.35em currentcolor, 1.5em 0 0 -0.35em currentcolor, -1em 1em 0 -0.35em currentcolor, 0 1.5em 0 -0.35em currentcolor, 1em 1em 0 -0.35em currentcolor
   }
}

.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: 700;
   line-height: 1;
   padding: 17.5px 26px;
   min-width: 150px;
   border-radius: 4px
}

.th-btn:before {
   content: "";
   position: absolute;
   height: calc(100% + 2px);
   width: calc(100% + 30px);
   top: -1px;
   right: 100%;
   background-color: var(--title-color);
   z-index: -1;
   -webkit-transition: all .4s ease-out;
   transition: all .4s ease-out;
   border-radius: inherit;
   clip-path: polygon(calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%, 0 0)
}

.th-btn i {
   -webkit-transition: .4s transform ease-in-out;
   transition: .4s transform ease-in-out
}

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

.th-btn:hover:before,
.th-btn.active:before {
   right: -30px
}

.th-btn:hover .fa-arrow-up-right,
.th-btn.active .fa-arrow-up-right {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.th-btn.style2 {
   background-color: rgba(0, 0, 0, 0);
   color: var(--title-color);
   border: 1px solid var(--border-color);
   padding: 16.5px 25px;
   -webkit-box-shadow: none;
   box-shadow: none
}

.th-btn.style2:hover {
   color: var(--white-color);
   border-color: var(--title-color)
}

.th-btn.style3:hover {
   color: var(--title-color)
}

.th-btn.style3:hover:before,
.th-btn.style3:hover:after {
   background-color: var(--white-color)
}

.th-btn.btn-fw {
   width: 100%
}

.th-btn.btn-small {
   padding: 16px 25px;
   min-width: 152px
}

/* .icon-btn {
    display: inline-block;
    width: var(--btn-size, 50px);
    height: var(--btn-size, 50px);
    line-height: var(--btn-size, 50px);
    font-size: var(--btn-font-size, 20px);
    background-color: var(--theme-color);
    color: var(--white-color);
    text-align: center;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    position: relative;
    padding-top: 2px;
}

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

.play-btn {
   display: inline-block;
   position: relative;
   z-index: 1
}

.play-btn>i {
   display: inline-block;
   width: var(--icon-size, 50px);
   height: var(--icon-size, 50px);
   line-height: var(--icon-size, 50px);
   text-align: center;
   background-color: var(--white-color);
   color: var(--title-dark);
   font-size: var(--icon-font-size, 1.3em);
   border-radius: 50%;
   z-index: 1;
   -webkit-transition: all ease .4s;
   transition: all ease .4s
}

.play-btn:after,
.play-btn:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background-color: var(--white-color);
   z-index: -1;
   border-radius: 50%;
   -webkit-transition: all ease .4s;
   transition: all ease .4s
}

.play-btn:after {
   -webkit-animation-delay: 2s;
   animation-delay: 2s
}

.play-btn:hover:after,
.play-btn:hover::before,
.play-btn:hover i {
   background-color: var(--theme-color);
   color: var(--white-color)
}

.play-btn.style2:before,
.play-btn.style2:after {
   background-color: rgba(0, 0, 0, 0);
   border: 1px solid var(--white-color)
}

.play-btn.style3>i {
   --icon-size: 40px;
   font-size: 14px;
   border: 1px solid;
   background-color: var(--theme-color2);
   color: var(--white-color)
}

.play-btn.style3:before,
.play-btn.style3:after {
   background-color: var(--white-color)
}

.play-btn.style3:hover>i {
   background-color: var(--white-color);
   color: var(--theme-color)
}

.play-btn.style3:hover:before,
.play-btn.style3:hover:after {
   background-color: var(--white-color)
} */

.link-btn {
   font-weight: 600;
   font-size: 14px;
   display: inline-block;
   line-height: .8;
   position: relative;
   padding-bottom: 2px;
   margin-bottom: -2px;
   text-transform: uppercase;
   color: var(--theme-color)
}

.link-btn i {
   margin-left: 5px;
   font-size: .9rem
}

.link-btn:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 2px;
   background-color: var(--theme-color);
   -webkit-transition: all ease .4s;
   transition: all ease .4s
}

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

.link-btn:hover::before {
   width: 100%
}

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

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

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

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

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

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

.scroll-top:after {
   content: "";
   font-family: var(--icon-font);
   position: absolute;
   text-align: center;
   line-height: 38px;
   font-size: 16px;
   color: var(--theme-color);
   left: 0;
   top: 0;
   height: 40px;
   width: 40px;
   cursor: pointer;
   display: block;
   z-index: 1;
   border: 2px solid rgba(231, 71, 60, .4);
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 50%
}

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

.scroll-top svg path {
   fill: none
}

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

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

.box-title-50 {
   font-size: 50px;
   line-height: 1.2;
   font-weight: 700;
   margin-top: -0.22em
}

@media(max-width: 1299px) {
   .box-title-50 {
      font-size: 40px
   }
}

@media(max-width: 991px) {
   .box-title-50 {
      font-size: 36px
   }
}

@media(max-width: 991px) {
   .box-title-50 {
      font-size: 30px;
      line-height: 1.3
   }
}

@media(max-width: 375px) {
   .box-title-50 {
      font-size: 24px
   }
}

.box-title-40 {
   font-size: 40px;
   line-height: 1.25;
   font-weight: 700;
   margin-top: -0.26em
}

@media(max-width: 1299px) {
   .box-title-40 {
      font-size: 34px
   }
}

@media(max-width: 991px) {
   .box-title-40 {
      font-size: 28px;
      line-height: 1.34
   }
}

@media(max-width: 991px) {
   .box-title-40 {
      font-size: 24px;
      line-height: 1.34
   }
}

@media(max-width: 375px) {
   .box-title-40 {
      font-size: 22px
   }
}

.box-title-30 {
   font-size: 30px;
   line-height: 1.267;
   font-weight: 700;
   margin-top: -0.22em
}

@media(max-width: 1299px) {
   .box-title-30 {
      font-size: 28px
   }
}

@media(max-width: 991px) {
   .box-title-30 {
      font-size: 24px;
      line-height: 1.34
   }
}

@media(max-width: 375px) {
   .box-title-30 {
      font-size: 22px
   }
}

.box-title-20 {
   font-size: 20px;
   line-height: 1.4;
   font-weight: 700;
   margin-top: -0.26em
}

.box-title-18 {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    margin-top: -0.26em;
    margin: 0 0 5px 0;
}

.box-title-24 {
   font-size: 24px;
   line-height: 1.417;
   font-weight: 700;
   margin-top: -0.24em
}
@media(max-width: 360px) {
   .box-title-24 {
      font-size: 22px
   }
}

.box-title-22 {
   font-size: 20px;
   line-height: 1.364;
   font-weight: 700;
   margin-top: -0.22em
}

.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-title {
   margin-bottom: calc(var(--section-title-space) - 7px);
   margin-top: -0.2em;
   font-size: 30px;
   text-transform: capitalize;
   font-weight: 600;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   --bs-gutter-x: 24px
}

@media(max-width: 767px) {
   .sec-title {
      font-size: 24px
   }
}

.sec-title.has-line:after {
   content: "";
   height: 6px;
   width: 100%;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border-top: 1px dashed var(--gray-color);
   border-bottom: 1px dashed var(--gray-color);
   margin-left: var(--bs-gutter-x)
}

.sec-title.videio.has-line:after {
   content: "";
   height: 6px;
   width: 100%;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border-top: 1px dashed var(--gray-color);
   border-bottom: 1px dashed var(--gray-color);
   margin-left: var(--bs-gutter-x);
   margin-right: 20px !important;
}
.sec-title.has-line.text-center {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.sec-title.has-line.text-center:before {
   content: "";
   height: 6px;
   width: 100%;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border-top: 1px dashed var(--gray-color);
   border-bottom: 1px dashed var(--gray-color);
   margin-right: var(--bs-gutter-x)
}

.sec-title.fs-20 {
   --section-title-space: 30px
}

.sec-title2 {
   --section-title-space: 60px;
   margin-bottom: calc(var(--section-title-space) - 7px);
   margin-top: -0.24em
}

@media(max-width: 991px) {
   .sec-title2 {
      --section-title-space: 45px
   }
}

.sub-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color);
    text-transform: uppercase;
    display: block;
    margin-top: -0.3em;
    margin-bottom: 25px;
}

.title-area {
   --section-title-space: 60px;
   margin-bottom: calc(var(--section-title-space) - 10px)
}

@media(max-width: 991px) {
   .title-area {
      --section-title-space: 45px
   }
}

.title-area .sec-title2 {
   margin-bottom: 22px
}

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

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

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)
}

@media(max-width: 767px) {
   :root {
      --section-title-space: 34px
   }
}

.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;
   -ms-flex: 1;
   flex: 1
}

.badge {
   position: absolute;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   display: inline-block;
   text-align: center;
   background-color: var(--theme-color);
   color: var(--white-color);
   padding: .25em .45em;
   font-size: .7em;
   border-radius: 50%;
   top: 8px;
   right: 8px;
   font-weight: 400;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out
}

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

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

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

.th-social.color-theme a {
   color: var(--body-color);
   border-color: var(--theme-color)
}

.th-social.style-black a {
   background-color: #363739;
   color: var(--white-color)
}

.th-social.style-black a:hover {
   background-color: var(--theme-color)
}

.slider-shadow .slick-list {
   padding-top: 30px;
   padding-bottom: 30px;
   margin-bottom: -30px;
   margin-top: -30px
}

.box-text {
   margin-bottom: -0.5em
}

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

.btn-group.style2 {
   gap: 20px 70px
}

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

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

.dark-img {
   display: none
}

.mfp-zoom-in .mfp-content {
   opacity: 0;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   -webkit-transform: scale(0.5);
   transform: scale(0.5)
}

.mfp-zoom-in.mfp-bg {
   opacity: 0;
   -webkit-transition: all .4s ease;
   transition: all .4s ease
}

.mfp-zoom-in.mfp-ready .mfp-content {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
   opacity: .7
}

.mfp-zoom-in.mfp-removing .mfp-content {
   -webkit-transform: scale(0.7);
   transform: scale(0.7);
   opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
   opacity: 0
}

.font-icon {
   font-family: var(--icon-font)
}

.font-title {
   font-family: var(--title-font)
}

.font-body {
   font-family: var(--body-font)
}

.fw-extralight {
   font-weight: 100
}

.fw-light {
   font-weight: 300
}

.fw-normal {
   font-weight: 400
}

.fw-medium {
   font-weight: 500
}

.fw-semibold {
   font-weight: 600
}

.fw-bold {
   font-weight: 700
}

.fw-extrabold {
   font-weight: 800
}

.fs-20 {
   font-size: 20px
}

.fs-md {
   font-size: 18px
}

.fs-xs {
   font-size: 14px
}

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

.bg-theme2 {
   background-color: var(--theme-color2) !important
}

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

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

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

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

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

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

.bg-title-dark {
   background-color: var(--title-dark) !important
}

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

.bg-fixed {
   background-attachment: fixed
}

.bg-fluid {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: center center
}

.bg-auto {
   background-size: auto auto
}

.bg-top-center {
   background-size: auto;
   background-position: top center
}

.bg-repeat {
   background-size: auto;
   background-repeat: repeat
}

.bg-bottom-right {
   background-size: auto;
   background-position: bottom right
}

.bg-top-right {
   background-size: auto;
   background-position: top right
}

.bg-top-left {
   background-size: auto;
   background-position: top left
}

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

.text-theme2 {
   color: var(--theme-color2) !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
}

.overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%
}

.position-center {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-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=theme]:before {
   background-color: var(--theme-color)
}

[data-overlay=theme2]:before {
   background-color: var(--theme-color2)
}

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

[data-overlay=smoke]:before {
   background-color: var(--smoke-color)
}

[data-overlay=white]:before {
   background-color: var(--white-color)
}

[data-overlay=black]:before {
   background-color: var(--black-color)
}

[data-overlay=overlay1]:before {
   background-color: #080E1C
}

[data-opacity="1"]:before {
   opacity: 0.1
}

[data-opacity="2"]:before {
   opacity: 0.2
}

[data-opacity="3"]:before {
   opacity: 0.3
}

[data-opacity="4"]:before {
   opacity: 0.4
}

[data-opacity="5"]:before {
   opacity: 0.5
}

[data-opacity="6"]:before {
   opacity: 0.6
}

[data-opacity="7"]:before {
   opacity: 0.7
}

[data-opacity="8"]:before {
   opacity: 0.8
}

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

[data-opacity="10"]:before {
   opacity: 1
}

/* .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: .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: .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: .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: .4
   }

   100% {
      -webkit-transform: scale(2.8);
      transform: scale(2.8);
      opacity: 0
   }
}

.fancy-animation {
   -webkit-animation: morph 8s ease-in-out infinite;
   animation: morph 8s ease-in-out infinite
}

@-webkit-keyframes morph {
   0% {
      border-radius: 60% 40% 30% 70%/60% 30% 70% 40%
   }

   50% {
      border-radius: 30% 60% 70% 40%/50% 60% 30% 60%
   }

   100% {
      border-radius: 60% 40% 30% 70%/60% 30% 70% 40%
   }
}

@keyframes morph {
   0% {
      border-radius: 60% 40% 30% 70%/60% 30% 70% 40%
   }

   50% {
      border-radius: 30% 60% 70% 40%/50% 60% 30% 60%
   }

   100% {
      border-radius: 60% 40% 30% 70%/60% 30% 70% 40%
   }
}

.movingX {
   -webkit-animation: movingX 8s linear infinite;
   animation: movingX 8s linear infinite
}

@-webkit-keyframes movingX {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   50% {
      -webkit-transform: translateX(50px);
      transform: translateX(50px)
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@keyframes movingX {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   50% {
      -webkit-transform: translateX(50px);
      transform: translateX(50px)
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(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 + 108%));
      transform: translateX(calc(-100vw + 108%))
   }

   51% {
      -webkit-transform: translateX(calc(-100vw + 108%)) rotateY(180deg);
      transform: translateX(calc(-100vw + 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 + 108%));
      transform: translateX(calc(-100vw + 108%))
   }

   51% {
      -webkit-transform: translateX(calc(-100vw + 108%)) rotateY(180deg);
      transform: translateX(calc(-100vw + 108%)) rotateY(180deg)
   }

   100% {
      -webkit-transform: translateX(0) rotateY(180deg);
      transform: translateX(0) rotateY(180deg)
   }
}

.moving {
   -webkit-animation: moving 8s linear infinite;
   animation: moving 8s linear infinite
}

@-webkit-keyframes moving {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   50% {
      -webkit-transform: translateX(-50px);
      transform: translateX(-50px)
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@keyframes moving {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   50% {
      -webkit-transform: translateX(-50px);
      transform: translateX(-50px)
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

.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)
   }
}

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

@-webkit-keyframes jumpReverseAni {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }

   50% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px)
   }

   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@keyframes jumpReverseAni {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }

   50% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px)
   }

   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

.spin {
   -webkit-animation: spin 10s linear infinite;
   animation: spin 10s linear infinite
}

@-webkit-keyframes spin {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes spin {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

.bg-color-ani,
.color-animate {
   -webkit-animation: bgColor 6s linear infinite;
   animation: bgColor 6s linear infinite
}

@-webkit-keyframes bgColor {
   0% {
      background-color: #f2ba4c
   }

   25% {
      background-color: #81f24c
   }

   50% {
      background-color: #41f27d
   }

   75% {
      background-color: #0500ff
   }

   100% {
      background-color: #f2ba4c
   }
}

@keyframes bgColor {
   0% {
      background-color: #f2ba4c
   }

   25% {
      background-color: #81f24c
   }

   50% {
      background-color: #41f27d
   }

   75% {
      background-color: #0500ff
   }

   100% {
      background-color: #f2ba4c
   }
}

@-webkit-keyframes animate-positive {
   0% {
      width: 0
   }
}

@keyframes animate-positive {
   0% {
      width: 0
   }
}

.scalein.th-animated {
   --animation-name: scalein
}

.slidetopleft.th-animated {
   --animation-name: slidetopleft
}

.slidebottomright.th-animated {
   --animation-name: slidebottomright
}

.slideinleft.th-animated {
   --animation-name: slideinleft
}

.slideinright.th-animated {
   --animation-name: slideinright
}

.slideinup.th-animated {
   --animation-name: slideinup
}

.slideindown.th-animated {
   --animation-name: slideindown
}

.rollinleft.th-animated {
   --animation-name: rollinleft
}

.rollinright.th-animated {
   --animation-name: rollinright
}

.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {
   opacity: 0;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-delay: .3s;
   animation-delay: .3s;
   -webkit-animation-name: var(--animation-name);
   animation-name: var(--animation-name)
}

.th-animated {
   opacity: 1
}

@-webkit-keyframes slideinup {
   0% {
      opacity: 0;
      -webkit-transform: translateY(70px);
      transform: translateY(70px)
   }

   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@keyframes slideinup {
   0% {
      opacity: 0;
      -webkit-transform: translateY(70px);
      transform: translateY(70px)
   }

   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@-webkit-keyframes slideinright {
   0% {
      opacity: 0;
      -webkit-transform: translateX(70px);
      transform: translateX(70px)
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@keyframes slideinright {
   0% {
      opacity: 0;
      -webkit-transform: translateX(70px);
      transform: translateX(70px)
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@-webkit-keyframes slideindown {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px)
   }

   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@keyframes slideindown {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px)
   }

   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@-webkit-keyframes slideinleft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-70px);
      transform: translateX(-70px)
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@keyframes slideinleft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-70px);
      transform: translateX(-70px)
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@-webkit-keyframes slidebottomright {
   0% {
      opacity: 0;
      -webkit-transform: translateX(100px) translateY(100px);
      transform: translateX(100px) translateY(100px)
   }

   100% {
      -webkit-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0)
   }
}

@keyframes slidebottomright {
   0% {
      opacity: 0;
      -webkit-transform: translateX(100px) translateY(100px);
      transform: translateX(100px) translateY(100px)
   }

   100% {
      -webkit-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0)
   }
}

@-webkit-keyframes slidetopleft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-100px) translateY(-100px);
      transform: translateX(-100px) translateY(-100px)
   }

   100% {
      -webkit-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0)
   }
}

@keyframes slidetopleft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-100px) translateY(-100px);
      transform: translateX(-100px) translateY(-100px)
   }

   100% {
      -webkit-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0)
   }
}

.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_archive ul,
.widget_categories ul,
.wp-block-categories ul {
   list-style: none;
   padding: 0;
   margin: 0 0 0 0
}

.widget_nav_menu>ul,
.widget_nav_menu .menu,
.widget_meta>ul,
.widget_meta .menu,
.widget_pages>ul,
.widget_pages .menu,
.widget_archive>ul,
.widget_archive .menu,
.widget_categories>ul,
.widget_categories .menu,
.wp-block-categories>ul,
.wp-block-categories .menu {
   margin: 0
}

.widget_nav_menu a,
.widget_meta a,
.widget_pages a,
.widget_archive a,
.widget_categories a,
.wp-block-categories a {
   display: block;
   background-color: rgba(0, 0, 0, 0);
   margin: 0;
   padding: 16px 45px 19px 27px;
   font-size: 16px;
   line-height: 1.313;
   color: var(--title-color);
   background-color: var(--title-color);
   font-weight: 700;
   border-radius: 4px;
   position: relative;
   z-index: 2;
   margin-bottom: 10px
}

.widget_nav_menu a:after,
.widget_meta a:after,
.widget_pages a:after,
.widget_archive a:after,
.widget_categories a:after,
.wp-block-categories a:after {
   content: "";
   position: absolute;
   right: 25px;
   top: 13px;
   font-family: var(--icon-font);
   font-size: 13px;
   font-weight: 900;
   color: var(--title-color);
   height: 30px;
   width: 30px;
   line-height: 31px;
   background-color: var(--body-bg);
   border-radius: 99px;
   text-align: center;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.widget_nav_menu a:before,
.widget_meta a:before,
.widget_pages a:before,
.widget_archive a:before,
.widget_categories a:before,
.wp-block-categories a:before {
   content: "";
   position: absolute;
   inset: 0;
   background-color: var(--smoke-color);
   border-radius: inherit;
   z-index: -1;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.widget_nav_menu a:hover,
.widget_meta a:hover,
.widget_pages a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.wp-block-categories a:hover {
   color: var(--white-color)
}

.widget_nav_menu a:hover:after,
.widget_meta a:hover:after,
.widget_pages a:hover:after,
.widget_archive a:hover:after,
.widget_categories a:hover:after,
.wp-block-categories a:hover:after {
   background-color: var(--theme-color);
   color: var(--white-color)
}

.widget_nav_menu a:hover:before,
.widget_meta a:hover:before,
.widget_pages a:hover:before,
.widget_archive a:hover:before,
.widget_categories a:hover:before,
.wp-block-categories a:hover:before {
   -webkit-transform: scaleY(0);
   transform: scaleY(0)
}

.widget_nav_menu li,
.widget_meta li,
.widget_pages li,
.widget_archive li,
.widget_categories li,
.wp-block-categories li {
   display: block;
   position: relative
}

.widget_nav_menu li:last-child a,
.widget_meta li:last-child a,
.widget_pages li:last-child a,
.widget_archive li:last-child a,
.widget_categories li:last-child a,
.wp-block-categories li:last-child a {
   border-bottom: none
}

.widget_nav_menu li>span,
.widget_meta li>span,
.widget_pages li>span,
.widget_archive li>span,
.widget_categories li>span,
.wp-block-categories li>span {
   color: var(--body-color);
   text-align: center;
   position: absolute;
   right: 0;
   top: 14px;
   -webkit-transition: all ease .4s;
   transition: all ease .4s;
   pointer-events: none;
   min-width: 20px;
   text-align: right
}

.widget_nav_menu a:hover~span,
.widget_meta a:hover~span,
.widget_pages a:hover~span,
.widget_archive a:hover~span,
.widget_categories a:hover~span,
.wp-block-categories a:hover~span {
   color: var(--theme-color)
}

.widget_nav_menu .children,
.widget_meta .children,
.widget_pages .children,
.widget_archive .children,
.widget_categories .children,
.wp-block-categories .children {
   margin-left: 10px
}

.wp-block-categories {
   list-style: none;
   padding: 0;
   margin: 0 0 -10px 0
}

.widget_nav_menu a,
.widget_meta a,
.widget_pages a {
   padding-right: 20px
}

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

.wp-block-archives {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-bottom: 20px
}

.wp-block-archives a:not(:hover) {
   color: inherit
}

.th-blog ul.wp-block-archives li {
   margin: 5px 0
}

.widget {
   margin-bottom: 35px;
   position: relative
}

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

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

.widget textarea {
   min-height: 120px
}

.widget input,
.widget select {
   height: 56px
}

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

.wp-block-search__label:after,
.wp-block-search__label:before,
.widget_title:after,
.widget_title:before {
   content: "";
   width: 100%;
   border-bottom: 2px dashed var(--gray-color);
   position: absolute;
   bottom: 0;
   left: 0
}

.wp-block-search__label:after,
.widget_title:after {
   border-color: var(--theme-color);
   width: 56px;
   outline-width: 14px;
   outline-color: var(--body-bg);
   outline-style: solid;
   -webkit-animation: titleLine 16s linear infinite;
   animation: titleLine 16s linear infinite
}

@-webkit-keyframes titleLine {
   0% {
      width: 56px
   }

   50% {
      width: 100%
   }

   100% {
      width: 56px
   }
}

@keyframes titleLine {
   0% {
      width: 56px
   }

   50% {
      width: 100%
   }

   100% {
      width: 56px
   }
}

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

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

.widget .search-form input {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border-radius: 4px 0 0 4px;
   padding-right: 25px;
   border: 1px solid var(--smoke-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 4px 4px 0
}

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

.wp-block-tag-cloud a,
.tagcloud a {
   display: inline-block;
   font-size: 15px;
   font-family: var(--body-font);
   text-transform: capitalize;
   line-height: 1;
   padding: 9px 16px;
   margin-right: 6px;
   margin-bottom: 10px;
   color: var(--body-color);
   background-color: rgba(0, 0, 0, 0);
   border-radius: 4px;
   border: 1px solid var(--gray-color)
}

.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
   background-color: var(--theme-color);
   color: var(--white-color) !important;
   border-color: var(--theme-color)
}

.wp-block-tag-cloud,
.tagcloud {
   margin-right: -10px;
   margin-bottom: -10px
}

.newsletter-widget2 {
   background-color: var(--smoke-color);
   padding: 40px 30px;
   text-align: center
}

.newsletter-widget2 .newsletter-form {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-left: auto;
   margin-right: auto
}

.newsletter-widget2 input,
.newsletter-widget2 select {
   height: 50px
}

.newsletter-widget2 .th-btn {
   padding: 18px 20px !important
}

.newsletter-widget3 {
    background-color: none;
    padding: 40px;
    text-align: center;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
}

.newsletter-widget3 .newsletter-form {
   margin-left: auto;
   margin-right: auto
}

.newsletter-widget3 .form-control {
   border-radius: 99px
}

.newsletter-widget3 .icon-btn {
   border-radius: 99px;
   width: 56px;
   height: 56px;
   margin-left: -66px
}

.sidebar-gallery {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   max-width: 320px
}

.sidebar-gallery .gallery-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   color: var(--white-color);
   visibility: hidden;
   opacity: 0;
   -webkit-transform: translate(-50%, 20px);
   transform: translate(-50%, 20px)
}

.sidebar-gallery .gallery-btn:hover {
   color: var(--theme-color)
}

.sidebar-gallery .gallery-thumb {
   overflow: hidden;
   position: relative;
   border-radius: 0
}

.sidebar-gallery .gallery-thumb:before {
   content: "";
   height: calc(100% - 14px);
   width: calc(100% - 14px);
   background-color: var(--title-dark);
   opacity: .8;
   position: absolute;
   top: 7px;
   left: 7px;
   border: 1px solid var(--white-color);
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   border-radius: inherit;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.sidebar-gallery .gallery-thumb img {
   width: 100%
}

.sidebar-gallery .gallery-thumb:hover:before {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

.sidebar-gallery .gallery-thumb:hover .gallery-btn {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

.sidebar-gallery .wp-block-image {
   overflow: hidden;
   position: relative;
   border-radius: 5px;
   width: 100% !important
}

.sidebar-gallery .wp-block-image img {
   width: 100%
}

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

.recent-post:last-child {
   margin-bottom: 0
}

.recent-post .media-img {
   margin-right: 18px;
   width: 80px;
   overflow: hidden;
   border-radius: 0;
   position: relative
}

.recent-post .media-img img {
   width: 100%;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.recent-post .media-img:after {
   content: "";
   font-family: var(--icon-font);
   position: absolute;
   inset: 0;
   text-align: center;
   line-height: 85px;
   font-size: 24px;
   background-color: rgba(0, 0, 0, .7);
   color: var(--theme-color);
   pointer-events: none;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out;
   display:none;
}

.recent-post .post-title {
   font-weight: 700;
   font-size: 16px;
   line-height: 24px;
   margin: 0 0 10px 0;
   font-family: var(--title-font)
}

.recent-post .recent-post-meta a {
   text-transform: capitalize;
   font-size: 14px;
   color: var(--body-color);
   font-family: var(--body-font);
   font-weight: 500
}

.recent-post .recent-post-meta a i {
   margin-right: 6px
}

.recent-post .recent-post-meta a:hover {
   color: var(--theme-color)
}

.recent-post:hover .media-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.recent-post:hover .media-img:after {
   -webkit-transform: scale(1);
   transform: scale(1)
}

.sidebar-wrap {
   position: relative;
   margin-bottom: 30px
}

.sidebar-area {
   margin-bottom: -10px;
   position: sticky;
   top: 80px;
   right: 0
}

.sidebar-area ul.wp-block-latest-posts {
   margin-bottom: 0
}

.sidebar-area ul.wp-block-latest-posts li:last-child {
   margin-bottom: 0
}

.sidebar-area .sidebar-gallery {
   margin-bottom: 0 !important
}

.sidebar-area .widget .wp-block-search {
   margin-bottom: 0
}

.sidebar-area .wp-block-group__inner-container h2 {
   font-size: 20px;
   line-height: 1em;
   margin-bottom: 20px;
   margin-top: -0.07em
}

.sidebar-area ol.wp-block-latest-comments {
   padding: 0;
   margin: 0
}

.sidebar-area ol.wp-block-latest-comments li {
   line-height: 1.5;
   margin: 0 0 20px 0;
   border-bottom: 1px solid rgba(0, 0, 0, .1);
   padding-bottom: 20px
}

.sidebar-area ol.wp-block-latest-comments li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none
}

.sidebar-area.style-bg {
   background-color: var(--body-bg);
   padding: 30px;
   margin-bottom: 10px
}

@media(max-width: 575px) {
   .sidebar-area.style-bg {
      padding: 15px
   }
}

.sidebar-area.style-bg .widget:last-child {
   margin-bottom: 0
}

.th-weather {
   background-color: var(--smoke-color);
   padding: 30px 20px 20px 20px;
   text-align: center
}

.th-weather .name {
   font-size: 14px
}

.th-weather .temperature {
   font-size: 12px
}

.th-weather .days-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.th-weather .days {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border-radius: 6px
}

.th-weather .days:hover {
   background-color: var(--white-color)
}

.th-weather .days.active {
   background-color: var(--theme-color)
}

.th-weather .days.active .name,
.th-weather .days.active .temperature {
   color: var(--white-color)
}

.th-weather .days.active .icon {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1)
}

.th-weather .active-area {
   margin-top: 20px;
   border-radius: 10px;
   padding: 40px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 12px
}

.th-weather .active-area .icon {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1)
}

.th-weather .temp-active {
   color: var(--white-color);
   font-size: 40px
}

.price_slider_wrapper {
   margin-top: -0.5em
}

.price_slider_wrapper .price_label {
   margin-bottom: 10px
}

.price_slider_wrapper .price_label span {
   display: inline-block;
   color: var(--body-color)
}

.price_slider_wrapper .ui-slider {
   height: 6px;
   position: relative;
   width: 100%;
   background-color: var(--theme-color);
   border: none;
   margin-top: 15px;
   margin-bottom: 25px;
   cursor: pointer;
   border-radius: 0
}

.price_slider_wrapper .ui-slider-range {
   border: none;
   cursor: pointer;
   position: absolute;
   top: 0;
   height: 100%;
   z-index: 1;
   display: block;
   background-color: var(--title-color)
}

.price_slider_wrapper .ui-slider-handle {
   width: 16px;
   height: 16px;
   line-height: 16px;
   border-radius: 50%;
   text-align: center;
   padding: 0;
   cursor: pointer;
   position: absolute;
   margin-top: -5px;
   z-index: 2;
   background-color: var(--white-color);
   border: 3px solid var(--title-color);
   -webkit-transform: translateX(-1px);
   transform: translateX(-1px)
}

.price_slider_wrapper .ui-slider-handle:focus {
   outline: none;
   -webkit-box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, .15);
   box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, .15)
}

.price_slider_wrapper .ui-slider-handle:last-child {
   -webkit-transform: translateX(-9px);
   transform: translateX(-9px)
}

.price_slider_wrapper button,
.price_slider_wrapper .button {
   background-color: var(--theme-color);
   color: var(--white-color);
   font-weight: 500;
   line-height: 1.6;
   text-transform: capitalize;
   text-align: center;
   border: none;
   display: inline-block;
   overflow: hidden;
   position: relative;
   z-index: 2;
   padding: 7px 20px;
   min-width: 100px;
   font-size: 14px;
   border-radius: 0;
   -webkit-transition: .4s ease-in;
   transition: .4s ease-in
}

.price_slider_wrapper button:hover,
.price_slider_wrapper .button:hover {
   background-color: var(--title-color)
}

.widget_shopping_cart .widget_title {
   margin-bottom: 30px;
   border-bottom: none
}

.widget_shopping_cart ul {
   margin: 0;
   padding: 0
}

.widget_shopping_cart ul li {
   list-style-type: none
}

.widget_shopping_cart .mini_cart_item {
   position: relative;
   padding: 30px 30px 30px 90px;
   border-bottom: 1px solid var(--border-color);
   margin-bottom: 0;
   text-align: left
}

.widget_shopping_cart .mini_cart_item:first-child {
   border-top: 1px solid var(--border-color)
}

.widget_shopping_cart .cart_list a:not(.remove) {
   display: block;
   color: var(--body-color);
   font-size: 16px;
   font-weight: 500;
   font-family: var(--title-font);
   font-weight: 600;
   color: var(--title-color)
}

.widget_shopping_cart .cart_list a:not(.remove):hover {
   color: var(--theme-color)
}

.widget_shopping_cart .cart_list a.remove {
   position: absolute;
   top: 50%;
   left: 95%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   color: var(--body-color)
}

.widget_shopping_cart .cart_list a.remove:hover {
   color: var(--theme-color)
}

.widget_shopping_cart .cart_list img {
   width: 75px;
   height: 75px;
   position: absolute;
   left: 0;
   top: 18px;
   background-color: var(--smoke-color)
}

.widget_shopping_cart .quantity {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
   vertical-align: top;
   margin-right: 20px;
   font-size: 14px;
   font-weight: 500
}

.widget_shopping_cart .total {
   margin-top: 20px;
   font-size: 18px;
   color: var(--title-color);
   font-family: var(--body-font)
}

.widget_shopping_cart .total strong {
   font-family: var(--title-font)
}

.widget_shopping_cart .amount {
   padding-left: 5px
}

.widget_shopping_cart .th-btn {
   margin-right: 15px
}

.widget_shopping_cart .th-btn:last-child {
   margin-right: 0
}

.th-video-widget .video-thumb {
   position: relative
}

.th-video-widget .play-btn {
   --icon-size: 60px;
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

.th-video-widget .play-btn i {
   font-size: 16px
}

.th-video-widget .video-thumb-title {
   font-size: 20px;
   font-weight: 600;
   line-height: 1.4;
   margin-top: 10px;
   margin-bottom: -0.3em
}

.widget_recent_entries ul {
   margin: -0.3em 0 0 0;
   padding: 0;
   list-style: none
}

.widget_recent_entries ul li>a {
   color: var(--body-color);
   font-weight: 500;
   display: inline-block
}

.widget_recent_entries ul li>a:hover {
   color: var(--theme-color)
}

.widget_recent_entries ul li span.post-date {
   font-size: 14px
}

.widget_recent_entries ul li:not(:last-child) {
   border-bottom: 1px solid #dadada;
   padding-bottom: 12px;
   margin-bottom: 12px
}

.widget_recent_comments ul,
.wp-block-latest-comments ul {
   list-style-type: none;
   padding-left: 0
}

ul.widget_recent_comments,
ol.widget_recent_comments,
.wp-block-latest-comments {
   margin-top: -0.11em;
   padding-left: 0
}

.widget_recent_comments ol,
.widget_recent_comments ul,
.wp-block-latest-comments ol,
.wp-block-latest-comments ul {
   margin-bottom: 0
}

.widget_recent_comments li,
.wp-block-latest-comments li {
   margin-bottom: 0;
   color: var(--body-color);
   padding-left: 30px;
   position: relative
}

.widget_recent_comments li:before,
.wp-block-latest-comments li:before {
   content: "";
   position: absolute;
   left: 0;
   top: -1px;
   color: var(--theme-color);
   font-family: var(--icon-font)
}

.widget_recent_comments.has-avatars li,
.wp-block-latest-comments.has-avatars li {
   padding-left: 0;
   padding-bottom: 0 !important
}

.widget_recent_comments.has-avatars li:before,
.wp-block-latest-comments.has-avatars li:before {
   display: none
}

.widget_recent_comments .avatar,
.wp-block-latest-comments .avatar {
   margin-top: .4em
}

.widget_recent_comments li:not(:last-child),
.wp-block-latest-comments li:not(:last-child) {
   padding-bottom: 12px
}

.widget_recent_comments article,
.wp-block-latest-comments article {
   line-height: 1.5
}

.widget_recent_comments a,
.wp-block-latest-comments a {
   color: inherit
}

.widget_recent_comments a:hover,
.wp-block-latest-comments a:hover {
   color: var(--theme-color)
}

.wp-block-latest-comments__comment {
   line-height: 1.6
}

.wp-block-latest-comments__comment a {
   color: var(--body-color)
}

.wp-block-latest-comments__comment a:hover {
   color: var(--theme-color)
}

.wp-block-latest-comments__comment:last-child {
   margin-bottom: 0
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
   padding: 10px
}

.wp-block-calendar,
.calendar_wrap {
   position: relative;
   background-color: #fff;
   padding-bottom: 0;
   border: none
}

.wp-block-calendar span[class*=wp-calendar-nav],
.calendar_wrap span[class*=wp-calendar-nav] {
   position: absolute;
   top: 9px;
   left: 20px;
   font-size: 14px;
   color: var(--white-color);
   font-weight: 400;
   z-index: 1;
   line-height: 1.7
}

.wp-block-calendar span[class*=wp-calendar-nav] a,
.calendar_wrap span[class*=wp-calendar-nav] a {
   color: inherit
}

.wp-block-calendar span.wp-calendar-nav-next,
.calendar_wrap span.wp-calendar-nav-next {
   left: auto;
   right: 20px
}

.wp-block-calendar caption,
.calendar_wrap caption {
   caption-side: top;
   text-align: center;
   color: var(--white-color);
   background-color: var(--theme-color)
}

.wp-block-calendar th,
.calendar_wrap th {
   font-size: 14px;
   padding: 5px 5px;
   border: none;
   text-align: center;
   border-right: 1px solid #fff;
   color: var(--title-color);
   font-weight: 500
}

.wp-block-calendar th:first-child,
.calendar_wrap th:first-child {
   border-left: 1px solid #eee
}

.wp-block-calendar th:last-child,
.calendar_wrap th:last-child {
   border-right: 1px solid #eee
}

.wp-block-calendar table th,
.calendar_wrap table th {
   font-weight: 500
}

.wp-block-calendar td,
.calendar_wrap td {
   font-size: 14px;
   padding: 5px 5px;
   color: #01133c;
   border: 1px solid #eee;
   text-align: center;
   background-color: rgba(0, 0, 0, 0);
   -webkit-transition: all ease .4s;
   transition: all ease .4s
}

.wp-block-calendar #today,
.calendar_wrap #today {
   color: var(--theme-color);
   background-color: var(--white-color);
   border-color: #ededed
}

.wp-block-calendar thead,
.calendar_wrap thead {
   background-color: #fff
}

.wp-block-calendar .wp-calendar-table,
.calendar_wrap .wp-calendar-table {
   margin-bottom: 0
}

.wp-block-calendar .wp-calendar-nav .pad,
.calendar_wrap .wp-calendar-nav .pad {
   display: none
}

.wp-block-calendar a,
.calendar_wrap a {
   color: inherit;
   text-decoration: none
}

.wp-block-calendar a:hover,
.calendar_wrap a:hover {
   color: var(--title-color)
}

.wp-block-calendar {
   margin-bottom: 30px;
   border: none;
   padding-bottom: 0
}

.wp-block-calendar table caption {
   color: var(--white-color)
}

ul.widget_rss,
ul.wp-block-rss,
ol.widget_rss,
ol.wp-block-rss {
   padding-left: 0
}

.widget_rss,
.wp-block-rss {
   list-style-type: none
}

.widget_rss ul,
.wp-block-rss ul {
   margin: -0.2em 0 -0.5em 0;
   padding: 0;
   list-style: none
}

.widget_rss ul .rsswidget,
.wp-block-rss ul .rsswidget {
   color: var(--title-color);
   font-family: var(--theme-font);
   font-size: 18px;
   display: block;
   margin-bottom: 10px
}

.widget_rss ul .rssSummary,
.wp-block-rss ul .rssSummary {
   font-size: 14px;
   margin-bottom: 7px;
   line-height: 1.5
}

.widget_rss ul a,
.wp-block-rss ul a {
   display: block;
   font-weight: 600;
   color: inherit
}

.widget_rss ul a:hover,
.wp-block-rss ul a:hover {
   color: var(--theme-color)
}

.widget_rss ul .rss-date,
.wp-block-rss ul .rss-date {
   font-size: 14px;
   display: inline-block;
   margin-bottom: 5px;
   font-weight: 400;
   color: var(--title-color)
}

.widget_rss ul .rss-date:before,
.wp-block-rss ul .rss-date:before {
   content: "";
   font-family: var(--icon-font);
   margin-right: 10px;
   font-weight: 300;
   color: var(--theme-color)
}

.widget_rss ul cite,
.wp-block-rss ul cite {
   font-weight: 500;
   color: var(--title-color);
   font-family: var(--body-font);
   font-size: 14px
}

.widget_rss ul cite:before,
.wp-block-rss ul cite:before {
   content: "";
   position: relative;
   top: -1px;
   left: 0;
   width: 20px;
   height: 2px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 8px;
   background-color: var(--theme-color)
}

.widget_rss li:not(:last-child),
.wp-block-rss li:not(:last-child) {
   margin-bottom: 16px;
   border-bottom: 1px solid rgba(0, 0, 0, .1);
   padding-bottom: 16px
}

.widget_rss a:hover,
.wp-block-rss a:hover {
   color: var(--theme-color)
}

.textwidget {
   margin-top: -0.1em
}

.sidebar-area .widget_shopping_cart .th-btn {
   margin-right: 10px;
   padding: 8px 22px;
   font-size: 14px
}

.sidebar-area .widget_shopping_cart .th-btn {
   margin-right: 10px;
   padding: 8px 22px;
   font-size: 14px
}

@media(max-width: 1199px) {
   .author-widget-wrap .name {
      font-size: 22px
   }
}

@media(max-width: 991px) {
   .sidebar-area {
      padding-top: 15px
   }

   .wp-block-tag-cloud a,
   .tagcloud a {
      padding: 10.5px 18px
   }
}

.footer-widget {
   margin-bottom: 40px
}

.footer-widget,
.footer-widget .widget {
   padding: 0;
   border: none;
   padding-bottom: 0;
   background-color: rgba(0, 0, 0, 0);
   -webkit-box-shadow: none;
   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; */
    font-weight: 600;
    color: var(--white-color);
    text-transform: capitalize;
    margin: -0.12em 0 10px 0;
    padding: 0;
    font-size: 18px;
}

.footer-widget .widget_title:before,
.footer-widget .widget_title:after {
   display: none
}

.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 {
   color: var(--body-color);
   font-size: 14px;
   font-weight: 400;
   padding: 0 0 0 18px;
   margin-bottom: 10px;
   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: rgba(0, 0, 0, 0);
   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 {
   display: none
}

.footer-widget.widget_meta a:after,
.footer-widget.widget_pages a:after,
.footer-widget.widget_archive a:after,
.footer-widget.widget_categories a:after,
.footer-widget.widget_nav_menu a:after {
   content: "";
   right: unset;
   left: 0;
   top: 0;
   background-color: rgba(0, 0, 0, 0);
   height: auto;
   width: auto;
   line-height: inherit;
   border-radius: 0;
   color: inherit;
   -webkit-transition: .3s transform ease-in-out;
   transition: .3s transform ease-in-out
}

.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: rgba(0, 0, 0, 0);
   color: var(--theme-color)
}

.footer-widget.widget_meta a:hover:after,
.footer-widget.widget_pages a:hover:after,
.footer-widget.widget_archive a:hover:after,
.footer-widget.widget_categories a:hover:after,
.footer-widget.widget_nav_menu a:hover:after {
   -webkit-transform: translateX(4px);
   transform: translateX(4px)
}

.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: rgba(0, 0, 0, 0);
   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: 285px;
   margin-top: -0.1em
}

.footer-widget .recent-post .post-title {
   color: var(--white-color)
}

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

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

.th-widget-about .about-logo {
   margin-bottom: 30px
}

.th-widget-about .about-text {
    margin-bottom: 15px;
    margin-top: -1.45em;
    font-size: 15px;
    line-height: 25px;
}

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

.social-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: 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: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px
}

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

.newsletter-form.width2 {
   max-width: 600px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.newsletter-form.width2 input {
   height: 56px
}

@media(max-width: 991px) {
   .newsletter-form.width2 {
      margin-left: auto;
      margin-right: auto
   }
}

@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
   }
}

@media(max-width: 767px) {
   .footer-widget .widget_title {
   margin-bottom: 20px;
}

   .th-widget-about .about-text {
      margin-bottom: 20px
   }

   .social-box.mb-30 {
      margin-bottom: 25px
   }
}

.th-header {
   position: relative;
   z-index: 41
}

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

.sticky-wrapper.sticky {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   background-color: var(--white-color);
   -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
   -webkit-animation: stickyAni .4s ease-in-out;
   animation: stickyAni .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: .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: .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: 500;
   font-size: 15px;
   font-family: var(--body-font);
   color: var(--title-color);
   text-transform: capitalize
}
.main-menu li a.active {
  color: #ff1d50;
}

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

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

.main-menu>ul>li>a {
    padding: 5px 0;
    color: #000;
}

.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.menu-item-has-children>a:after {
   content: "";
   display: inline-block;
   position: relative;
   font-family: var(--icon-font);
   margin-left: 4px;
   font-weight: 600;
   top: 0;
   font-size: .9em;
   color: inherit;
   -webkit-transition: .4s transform ease-in-out;
   transition: .4s transform ease-in-out
}

.main-menu ul li.menu-item-has-children>a:hover:after {
   content: "";
   -webkit-transform: rotate(180deg) translateY(1px);
   transform: rotate(180deg) translateY(1px)
}

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

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

.main-menu ul li:hover .mega-menu,
.main-menu ul li:hover>ul.sub-menu {
   visibility: visible;
   opacity: 1;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
   z-index: 9
}

.main-menu .mega-menu,
.main-menu ul.sub-menu {
   border-top: 3px solid var(--theme-color);
   position: absolute;
   text-align: left;
   top: 100%;
   left: 0;
   background-color: var(--body-bg);
   visibility: hidden;
   min-width: 230px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   padding: 7px;
   left: -14px;
   opacity: 0;
   z-index: -1;
   -webkit-box-shadow: 0px 4px 15px rgba(1, 15, 28, .06);
   box-shadow: 0px 4px 15px rgba(1, 15, 28, .06);
   border-radius: 0;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: top center;
   transform-origin: top center;
   -webkit-transition: all .4s ease 0s;
   transition: all .4s ease 0s
}

.main-menu .mega-menu a,
.main-menu ul.sub-menu a {
   font-size: 14px;
   line-height: 30px
}

.main-menu .mega-menu,
.main-menu ul.sub-menu {
   padding: 18px 20px 18px 18px;
   left: -27px
}

.main-menu .mega-menu li,
.main-menu ul.sub-menu li {
   display: block;
   margin: 0 0;
   padding: 0px 9px
}

.main-menu .mega-menu li.menu-item-has-children>a:after,
.main-menu ul.sub-menu li.menu-item-has-children>a:after {
   content: "";
   float: right;
   top: 1px;
   display: inline-block
}

.main-menu .mega-menu li.menu-item-has-children>a:hover:after,
.main-menu ul.sub-menu li.menu-item-has-children>a:hover:after {
   content: "";
   -webkit-transform: rotate(90deg) translateY(-1px);
   transform: rotate(90deg) translateY(-1px)
}

.main-menu .mega-menu li a,
.main-menu ul.sub-menu li a {
   color: var(--title-color);
   position: relative;
   padding-left: 0;
   text-transform: uppercase
}

.main-menu .mega-menu li a:before,
.main-menu ul.sub-menu li a:before {
   content: "";
   position: absolute;
   top: 7px;
   left: 10px;
   font-family: var(--icon-font);
   width: 11px;
   height: 11px;
   text-align: center;
   border-radius: 50%;
   display: inline-block;
   font-size: 1em;
   line-height: 1;
   color: var(--theme-color);
   font-weight: 900;
   opacity: 0;
   visibility: visible;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out
}

.main-menu .mega-menu li a:hover,
.main-menu ul.sub-menu li a:hover {
   padding-left: 19px;
   color: var(--theme-color)
}

.main-menu .mega-menu li a:hover:before,
.main-menu ul.sub-menu li a:hover:before {
   visibility: visible;
   opacity: 1;
   left: 0
}

.main-menu .mega-menu li .mega-menu,
.main-menu .mega-menu li ul.sub-menu,
.main-menu ul.sub-menu li .mega-menu,
.main-menu ul.sub-menu li ul.sub-menu {
   left: 100%;
   right: auto;
   top: 0;
   margin: 0 0;
   margin-left: 20px
}

.main-menu .mega-menu li .mega-menu li ul,
.main-menu .mega-menu li ul.sub-menu li ul,
.main-menu ul.sub-menu li .mega-menu li ul,
.main-menu ul.sub-menu li ul.sub-menu li ul {
   left: 100%;
   right: auto
}

.main-menu .mega-menu-wrap {
   position: static
}

.main-menu .mega-menu {
   width: 100%;
   max-width: var(--main-container);
   left: calc(50% - var(--main-container)/2)
}

.main-menu.hide-icon ul.sub-menu li a {
   padding-left: 0
}

.main-menu.hide-icon ul.sub-menu li a:before {
   display: none
}

@media(max-width: 1299px) {
   .main-menu .mega-menu {
      width: 100%;
      max-width: 100%;
      left: 0
   }
}

@media(max-width: 1500px) {
   .main-menu>ul>li {
      margin: -12px 15px;
/*       display: none; */
   }
}

.header-pages {
   max-width: 100%
}

.header-pages .header-page {
   border: 1px solid var(--border-color)
}

.simple-icon {
   position: relative;
   font-size: 20px;
   border: none;
   background-color: rgba(0, 0, 0, 0);
   padding: 0;
   color: var(--title-color)
}

.simple-icon:has(.badge) {
   padding-right: 10px
}

.simple-icon .badge {
   top: -6px;
   right: 0;
   font-size: 12px
}

.simple-icon:hover {
   color: var(--theme-color)
}

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

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

.header-button .icon-btn {
   --btn-size: 40px;
   margin-left: 10px
}

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

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

.header-button .simple-icon {
   color: #000;
}

.header-button .simple-icon:hover {
   color: var(--theme-color)
}

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

.social-links a {
   font-size: 14px;
   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: 10px;
   padding-bottom: 10px
}

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

.header-links li {
   display: inline-block;
   position: relative;
   font-size: 13px;
   line-height: 18px;
   font-weight: 500;
   text-transform: uppercase
}

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

.header-links li:not(:last-child):after {
   content: "";
   height: 10px;
   width: 1px;
   background-color: var(--body-color);
   position: absolute;
   top: 3px;
   right: -20px;
   opacity: .6
}

.header-links li>i {
   font-size: 14px;
   margin-right: 8px;
   color: var(--theme-color)
}

.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
}

.theme-toggler i {
   margin-right: 6px;
   font-size: 14px
}

.theme-toggler .dark {
   display: none
}

.header-notice {
   margin: 0
}

.header-top {
   padding: 7px 0;
   background-color: var(--border-color)
}

.header-middle {
   padding: 25px 0
}

.header-middle .header-logo {
   padding: 0
}

@media(max-width: 1199px) {
   .header-middle {
      padding: 15px 0
   }
}

@media(max-width: 991px) {
   .header-middle {
      padding: 12px 0
   }
}

.menu-area {
   position: relative;
   z-index: 2;
   background-color: #fff;
   border-bottom: 1px solid #e8e3e3;
}

.header-layout1 {
   position: relative
}

.header-layout1 .header-logo {
   position: relative;
   z-index: 2
}

.header-layout1 .th-menu-toggle {
   margin-left: auto
}

@media(max-width: 575px) {
   .header-layout1 .header-logo img {
      max-width: 180px
   }
}

.theme-switcher {
   display: inline-block;
   height: 18px;
   width: 54px;
   background-color: #f5f5f5;
   border-radius: 99px;
   position: relative;
   cursor: pointer
}

.theme-switcher button {
   height: 24px;
   width: 24px;
   font-size: 14px;
   text-align: center;
   background: #fff;
   -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, .3);
   box-shadow: 0px 0px 25px rgba(0, 0, 0, .3);
   border-radius: 90px;
   color: var(--title-dark);
   border: none;
   padding: 0;
   position: absolute;
   top: 0;
   left: 0;
   margin-top: -3px;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.theme-switcher.active button {
   left: calc(100% - 24px)
}

.theme-switcher .dark {
   display: none
}

.header-icon {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   gap: 20px;
   margin-bottom: 15px
}

.header-layout2 .header-top {
   padding: 10px 0;
   background-color: var(--body-bg)
}

.header-layout3 .header-top {
   background-color: var(--title-dark);
   padding: 0
}

.header-layout3 .header-top .news-area {
   background-color: var(--title-dark)
}

@media(max-width: 767px) {
   .header-layout3 .header-middle {
      padding: 15px 0 8px 0
   }

   .header-layout3 .header-middle .header-icon {
      margin-bottom: 5px
   }
}

.header-layout3 .theme-switcher {
   background-color: var(--gray-color)
}

.header-layout3 .menu-area {
   background-color: var(--body-bg);
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color)
}

.header-layout3 .main-menu>ul>li>a {
   color: var(--title-color)
}

.header-layout3 .header-button .simple-icon {
   color: var(--title-color)
}

.header-layout5 {
   background-color: var(--title-dark)
}

.header-layout5 .sticky-wrapper {
   background-color: var(--title-dark);
   position: relative;
   z-index: 20
}

.header-layout5 .sticky-wrapper.sticky {
   position: fixed
}

.header-layout5 .sticky-wrapper:after {
   content: "";
   position: absolute;
   height: 100%;
   width: 50%;
   height: 40px;
   right: 0;
   top: 0;
   background-color: var(--smoke-color2);
   pointer-events: none;
   z-index: -1
}

.header-layout5 .header-top {
   --body-color: #fff;
   padding: 0;
   background-color: var(--smoke-color2)
}

.header-layout5 .news-area {
   background-color: var(--smoke-color2)
}

.header-layout5 .header-logo {
   height: 100%;
   display: grid;
   -ms-flex-line-pack: center;
   align-content: center;
   border-right: 1px solid #363636
}

.header-layout5 .main-menu>ul>li>a {
   padding: 27px 0
}

.header-layout5 .toggle-icon {
   margin-left: 40px
}

@media(min-width: 1300px) {
   .header-layout5 .container {
      --main-container: 1664px
   }
}

@media(max-width: 1299px) {
   .header-layout5 .social-links a {
      margin: 0 10px 0 0
   }

   .header-layout5 .th-btn {
      display: none
   }
}

@media(max-width: 1199px) {
   .header-layout5 .main-menu {
      margin-left: 35px
   }
}

@media(max-width: 991px) {
   .header-layout5 .header-logo {
      border-right: none
   }
}

.footer-wrapper {
   --border-color: #464646;
   --body-color: #B5B5B5;
   position: relative;
   z-index: 2;
   background-color: var(--title-dark);
   overflow: hidden
}

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

.footer-wrapper label {
   color: var(--body-color);
   font-size: 14px
}

.footer-wrapper input[type=checkbox]~label {
   padding-left: 21px
}

.footer-wrapper input[type=checkbox]~label:before {
   top: 5px;
   height: 14px;
   width: 14px;
   line-height: 14px
}

.footer-layout1 {
   background-size: auto;
   background-repeat: repeat
}

.widget-area {
   padding-top: 55px;
   padding-bottom: 0px
}

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

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

.footer-links li:after {
   content: "";
   height: 12px;
   width: 1px;
   background-color: var(--border-color);
   position: absolute;
   top: 50%;
   right: 0;
   margin: -6px 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: 10px 0;
   background-size: 100% auto;
   border-top: 1px solid var(--border-color);
   font-size:14px;
}

@media(max-width: 1199px) {
   .copyright-wrap {
      padding: 20px 0
   }
}

.copyright-text {
   margin: 0;
   text-align: center;
}

.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: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -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: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-bottom: 1px dashed hsla(0, 0%, 100%, .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
}

.newsletter-widget {
   max-width: 300px
}

.newsletter-widget .newsletter-form:has(.th-btn) {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 15px
}

.newsletter-widget .newsletter-form:has(.icon-btn) {
   gap: 0
}

.newsletter-widget .newsletter-form:has(.icon-btn) .form-control {
   border-radius: 5px 0 0 5px;
   margin-right: -1px
}

.newsletter-widget .form-group {
   margin-bottom: 0
}

.newsletter-widget .icon-btn {
   border: none;
   background-color: var(--theme-color);
   color: #000;
   min-width: 56px;
   height: 56px;
   border-radius: 0 5px 5px 0
}

.newsletter-widget .icon-btn:hover {
   background-color: var(--title-color)
}

.newsletter-widget .footer-text {
   margin-bottom: 25px
}

@media(max-width: 991px) {
   .footer-wrapper .widget-area {
      padding-top: var(--section-space-mobile);
      padding-bottom: 30px
   }

   .copyright-text {
      text-align: center
   }
}

.newsletter-form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   max-width: 428px;
   gap: 10px
}

.newsletter-form .form-group {
   margin-bottom: 0;
   width: 100%
}

.newsletter-form .form-group>i {
   color: var(--theme-color)
}

.newsletter-form input {
   background-color: var(--body-bg);
   border: 1px solid var(--body-bg);
   width: 100%
}

.newsletter-form input:focus {
   background-color: var(--body-bg);
   color: var(--body-color)
}

.newsletter-form .th-btn {
   min-width: 150px
}

.newsletter-form .newsletter-btn {
   display: inline-block;
   border: none;
   background-color: var(--theme-color);
   color: var(--title-color);
   width: 55px;
   height: 55px;
   line-height: 55px;
   min-width: 55px
}

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

@media(max-width: 575px) {
   .newsletter-form:has(.th-btn) {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }
}

.footer-layout3 {
   --border-color: #B5B5B5;
   --body-color: #54595F;
   background-color: var(--smoke-color)
}

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

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

.footer-layout4 {
   --body-color: #fff
}

.footer-layout4 .th-social {
   margin-bottom: 35px
}

@media(max-width: 991px) {
   .footer-layout4 .th-social {
      margin-bottom: 25px
   }
}

.footer-menu {
   text-align: center
}

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

.footer-menu ul li {
   display: inline-block;
   margin-right: 35px;
   font-size: 14px;
   font-weight: 500;
   color: var(--body-color);
   text-transform: uppercase;
   font-weight: 500
}

@media(max-width: 767px) {
   .footer-menu ul li {
      margin-right: 24px
   }
}

.footer-menu ul li:last-child {
   margin-right: 0
}

.footer-menu ul li a {
   color: inherit
}

.footer-menu ul li a:hover {
   color: var(--theme-color)
}

.breadcumb-menu {
   max-width: 100%;
   padding: 0;
   margin: 0;
   list-style-type: none;
   position: relative
}

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

.breadcumb-menu li:after {
   content: "";
   position: relative;
   margin-left: 8px;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
   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;
    word-break: break-word;
    font-weight: 600;
    font-size: 14px;
    color: var(--title-color);
    text-transform: capitalize;
}

.breadcumb-wrapper {
   background-color: var(--border-color);
   padding: 15px 0;
   overflow: hidden;
}

.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(--title-color);
   background-color: rgba(0, 0, 0, 0);
   width: 50px;
   height: 50px;
   line-height: 50px;
   z-index: 1;
   font-size: 14px;
   font-weight: 600;
   border-radius: 99px;
   border: 1px solid var(--border-color);
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.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);
   border-color: var(--theme-color)
}

@media(max-width: 767px) {

   .th-pagination span,
   .th-pagination a {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 14px
   }
}

blockquote,
.wp-block-quote {
   font-size: 20px;
   line-height: 1.545;
   padding: 50px 50px 50px 50px;
   display: block;
   position: relative;
   background-color: var(--smoke-color);
   overflow: hidden;
   margin: 30px 0;
   color: var(--title-color)
}

blockquote p,
.wp-block-quote p {
   font-size: inherit;
   font-family: inherit;
   margin-top: -0.3em;
   margin-bottom: 22px;
   line-height: inherit;
   color: inherit;
   width: 100%;
   position: relative;
   z-index: 3
}

blockquote p a,
.wp-block-quote p a {
   color: inherit
}

blockquote:before,
.wp-block-quote:before {
   content: url('data:image/svg+xml,<svg width="54" height="40" viewBox="0 0 54 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_311_7235)"><path d="M11.3087 24.2569V23.2569H10.3087H1.60408C1.28718 23.2569 1 22.9905 1 22.6238V1.63309C1 1.26637 1.28718 1 1.60408 1H22.2219C22.5388 1 22.826 1.26637 22.826 1.63309V22.6238C22.826 22.6933 22.8149 22.7621 22.7934 22.8275L22.7929 22.8289L17.6385 38.5721C17.5519 38.8371 17.3159 39 17.0675 39H11.9128C11.596 39 11.3087 38.7334 11.3087 38.3669V24.2569Z" stroke="%2354595F" stroke-width="2"/><path d="M41.3087 24.2569V23.2569H40.3087H31.6041C31.2872 23.2569 31 22.9905 31 22.6238V1.63309C31 1.26637 31.2872 1 31.6041 1H52.2219C52.5388 1 52.826 1.26637 52.826 1.63309V22.6238C52.826 22.6933 52.8149 22.7621 52.7934 22.8275L52.7929 22.8289L47.6385 38.5721C47.5519 38.8371 47.3159 39 47.0675 39H41.9128C41.596 39 41.3087 38.7334 41.3087 38.3669V24.2569Z" stroke="%2354595F" stroke-width="2"/></g><defs><clipPath id="clip0_311_7235"><rect width="54" height="40" fill="white"/></clipPath></defs></svg>');
   position: absolute;
   bottom: 50px;
   right: 50px;
   line-height: .8
}

blockquote cite,
.wp-block-quote cite {
   display: block;
   font-size: 16px;
   position: relative;
   border-color: inherit;
   line-height: 1;
   font-weight: 600;
   margin-top: 0;
   margin-bottom: -0.1em;
   font-style: normal;
   font-family: var(--title-font);
   padding-left: 40px;
   margin-left: 10px;
   color: var(--body-color)
}

blockquote cite:before,
.wp-block-quote cite:before {
   content: "";
   height: 2px;
   width: 40px;
   background-color: var(--theme-color);
   position: absolute;
   bottom: 8px;
   left: -10px
}

blockquote.is-large:not(.is-style-plain),
blockquote.is-style-large:not(.is-style-plain),
blockquote.style-left-icon,
blockquote.is-large,
blockquote.is-style-large,
blockquote.has-text-align-right,
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-quote.style-left-icon,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.has-text-align-right {
   padding: 50px
}

blockquote.is-large:not(.is-style-plain):not(.has-text-align-right) cite,
blockquote.is-style-large:not(.is-style-plain):not(.has-text-align-right) cite,
blockquote.style-left-icon:not(.has-text-align-right) cite,
blockquote.is-large:not(.has-text-align-right) cite,
blockquote.is-style-large:not(.has-text-align-right) cite,
blockquote.has-text-align-right:not(.has-text-align-right) cite,
.wp-block-quote.is-large:not(.is-style-plain):not(.has-text-align-right) cite,
.wp-block-quote.is-style-large:not(.is-style-plain):not(.has-text-align-right) cite,
.wp-block-quote.style-left-icon:not(.has-text-align-right) cite,
.wp-block-quote.is-large:not(.has-text-align-right) cite,
.wp-block-quote.is-style-large:not(.has-text-align-right) cite,
.wp-block-quote.has-text-align-right:not(.has-text-align-right) cite {
   text-align: left
}

blockquote.style-left-icon,
.wp-block-quote.style-left-icon {
   font-size: 18px;
   color: var(--body-color);
   font-weight: 400;
   line-height: 1.556;
   background-color: var(--smoke-color);
   padding-left: 160px
}

blockquote.style-left-icon:before,
.wp-block-quote.style-left-icon:before {
   right: unset;
   left: 56px;
   top: 60px;
   font-size: 6rem;
   font-weight: 400;
   line-height: 4rem;
   color: var(--theme-color);
   text-shadow: none
}

blockquote.style-left-icon cite,
.wp-block-quote.style-left-icon cite {
   color: var(--title-color)
}

blockquote.style-left-icon cite:before,
.wp-block-quote.style-left-icon cite:before {
   background-color: var(--title-color);
   top: 8px
}

blockquote.is-large cite:before,
blockquote.is-style-large cite:before,
.wp-block-quote.is-large cite:before,
.wp-block-quote.is-style-large cite:before {
   top: unset;
   bottom: 8px
}

blockquote.has-text-align-right:before,
.wp-block-quote.has-text-align-right:before {
   right: unset;
   left: 60px
}

blockquote.has-text-align-right cite,
.wp-block-quote.has-text-align-right cite {
   padding-left: 0;
   padding-right: 60px
}

blockquote.has-text-align-right cite:before,
.wp-block-quote.has-text-align-right cite:before {
   right: 0;
   left: unset
}

blockquote:not(:has(>cite)) p:last-child,
.wp-block-quote:not(:has(>cite)) p:last-child {
   margin-bottom: 0
}

blockquote:not(:has(>cite)) p cite,
.wp-block-quote:not(:has(>cite)) p cite {
   margin-top: 18px
}

.wp-block-pullquote {
   color: var(--title-color);
   padding: 0
}

.wp-block-pullquote cite {
   padding-left: 0;
   margin-left: 0
}

.wp-block-pullquote cite:before {
   display: none
}

blockquote.has-very-dark-gray-color {
   color: var(--title-color) !important
}

.wp-block-column blockquote,
.wp-block-column .wp-block-quote {
   padding: 30px 15px 30px 15px
}

.wp-block-column blockquote.style-left-icon,
.wp-block-column blockquote.is-large:not(.is-style-plain),
.wp-block-column blockquote.is-style-large:not(.is-style-plain),
.wp-block-column blockquote.has-text-align-right,
.wp-block-column .wp-block-quote.style-left-icon,
.wp-block-column .wp-block-quote.is-large:not(.is-style-plain),
.wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-column .wp-block-quote.has-text-align-right {
   padding: 30px 15px 30px 15px
}

.wp-block-column blockquote cite,
.wp-block-column .wp-block-quote cite {
   padding-left: 0;
   margin-left: 0
}

.wp-block-column blockquote cite:before,
.wp-block-column .wp-block-quote cite:before {
   display: none
}

@media(max-width: 1199px) {

   blockquote,
   .wp-block-quote {
      padding: 40px 20px 40px 20px;
      font-size: 18px
   }

   blockquote:before,
   .wp-block-quote:before {
      right: 20px;
      bottom: 30px
   }

   blockquote.style-left-icon,
   blockquote.is-large:not(.is-style-plain),
   blockquote.is-style-large:not(.is-style-plain),
   blockquote.has-text-align-right,
   .wp-block-quote.style-left-icon,
   .wp-block-quote.is-large:not(.is-style-plain),
   .wp-block-quote.is-style-large:not(.is-style-plain),
   .wp-block-quote.has-text-align-right {
      padding: 40px 20px 40px 20px
   }
}

@media(max-width: 767px) {
   .wp-block-pullquote.is-style-solid-color blockquote {
      max-width: 90%
   }

   blockquote cite,
   .wp-block-quote cite {
      font-size: 18px
   }
}

.blog-meta {
   display: block
}

.blog-meta span,
.blog-meta a {
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   text-transform: capitalize;
   color: var(--body-color);
   font-family: var(--body-font);
   position: relative;
   padding-right: 15px;
   margin-right: 10px
}

.blog-meta span i, .blog-meta a i {
    margin-right: 6px;
}

.blog-meta span:after,
.blog-meta a:after {
   content: "";
   height: 12px;
   width: 1px;
   background-color: var(--border-color);
   position: absolute;
   top: 50%;
   right: 0;
   margin: -6px 0
}

.blog-meta span:last-child,
.blog-meta a:last-child {
   margin-right: 0;
   padding-right: 0
}

.blog-meta span:last-child:after,
.blog-meta a:last-child:after {
   display: none
}

.blog-meta .author img {
   border-radius: 50%;
   width: 30px;
   height: 30px;
   margin-right: 6px
}

.blog-meta .category {
   color: var(--white-color);
   text-align: center;
   padding: 0 8px
}

.blog-meta .category:after {
   display: none
}

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

@media(max-width: 575px) {

   .blog-single .blog-meta span,
   .blog-single .blog-meta a {
      padding-right: 0;
      margin-right: 15px
   }

   .blog-single .blog-meta span:after,
   .blog-single .blog-meta a:after {
      display: none
   }
}

.blog-navigation {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
   padding: 30px 0
}

.blog-navigation .nav-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   max-width: 350px;
   gap: 20px
}

.blog-navigation .nav-btn.next {
   text-align: right
}

.blog-navigation .nav-btn .title {
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 12px;
   margin-top: -0.3em
}

.blog-navigation .nav-btn .img {
   max-width: 80px;
   border-radius: 99px;
   overflow: hidden
}

.blog-navigation .nav-btn .img img {
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.blog-navigation .nav-btn .nav-text {
   font-weight: 500;
   color: var(--body-color);
   display: block;
   margin-bottom: -0.4em
}

.blog-navigation .nav-btn .nav-text:hover {
   color: var(--theme-color)
}

.blog-navigation .nav-btn i {
   color: var(--theme-color)
}

.blog-navigation .nav-btn:hover img {
   -webkit-transform: scale(1.13);
   transform: scale(1.13)
}

.blog-navigation .divider {
   height: 80px;
   width: 1px;
   background-color: var(--border-color)
}

@media(max-width: 1299px) {
   .blog-navigation .nav-btn .title {
      font-size: 16px
   }
}

@media(max-width: 767px) {
   .blog-navigation .nav-btn {
      gap: 15px
   }

   .blog-navigation .nav-btn .title {
      display: none
   }

   .blog-navigation .nav-btn img {
      max-width: 50px
   }

   .blog-navigation .divider {
      height: 50px
   }
}

.blog-author {
   padding: 40px;
   background-color: var(--smoke-color);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 30px;
   margin-top: 40px;
   margin-bottom: 30px
}

.blog-author .auhtor-img img {
   border-radius: 999px
}

.blog-author .author-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.blog-author .author-name {
   font-size: 20px;
   margin-bottom: 4px;
   margin-top: -0.24em
}

.blog-author .author-desig {
   font-size: 14px;
   font-weight: 500;
   color: var(--theme-color);
   display: block
}

.blog-author .social-links a {
   font-size: 18px
}

.blog-author .author-text {
   margin-top: 11px;
   margin-bottom: -0.45em
}

@media(max-width: 767px) {
   .blog-author {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

@media(max-width: 575px) {
   .blog-author {
      text-align: center;
      padding: 40px 20px
   }

   .blog-author .author-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 10px
   }
}

.category {
   display: inline-block;
   font-size: 12px;
   font-weight: 700;
   line-height: 26px;
   text-transform: uppercase;
   padding: 0 8px;
   background-color: var(--theme-color);
   color: var(--white-color);
   border-radius: 3px
}

.category:hover {
   background-color: var(--title-dark);
   color: var(--white-color)
}

.blog-audio,
.blog-img,
.blog-video {
   position: relative
}

.blog-audio img,
.blog-img img,
.blog-video img {
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.blog-audio .category,
.blog-img .category,
.blog-video .category {
   position: absolute;
   top: 20px;
   left: 20px;
   z-index: 3
}

@media(max-width: 991px) {

   .blog-audio.mb-40,
   .blog-img.mb-40,
   .blog-video.mb-40 {
      margin-bottom: 30px
   }
}

.blog-audio .vimeo-video,
.blog-img .vimeo-video,
.blog-video .vimeo-video {
   position: relative;
   padding: 56.25% 0 0 0
}

.blog-audio .vimeo-video iframe,
.blog-img .vimeo-video iframe,
.blog-video .vimeo-video iframe {
   position: absolute;
   top: 0;
   left: 0
}

.blog-audio iframe,
.blog-img iframe,
.blog-video iframe {
   width: 100%;
   height: 100%
}

.blog-audio {
   line-height: 1px
}

.blog-audio:has(audio) {
   height: 54px
}

.blog-audio audio {
   height: 54px;
   width: 100%
}

.blog-title a {
   color: inherit;
   background-image: -webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(var(--theme-color)));
   background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 0 2px;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.blog-title a:hover {
   background-size: 100% 2px;
   color: var(--theme-color)
}

a.hover-line {
   color: inherit;
   background-image: -webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(var(--theme-color)));
   background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 0 2px;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

a.hover-line:hover {
   background-size: 100% 2px;
   color: var(--theme-color)
}

.blog-inner-title {
   margin-top: -0.25em;
   margin-bottom: 25px
}

.blog-inner-title i {
   color: var(--theme-color);
   margin-right: 4px
}

@media(min-width: 1300px) {

   .related-post-wrapper,
   .blog-navigation,
   .blog-author,
   .search-wrap,
   .page-single,
   .blog-single,
   .th-comments-wrap,
   .th-comment-form {
      margin-right: 16px
   }
}

.blog-single {
   position: relative;
   margin-bottom: var(--blog-space-y, 40px)
}

.blog-single .blog-text {
   margin-bottom: 22px
}

.blog-single .blog-meta {
   margin: -0.35em 0 17px 0
}

.blog-single .blog-content {
   margin: 0;
   position: relative
}

.blog-single .blog-audio {
   line-height: 1
}

.blog-single .blog-audio,
.blog-single .blog-img,
.blog-single .blog-video {
   position: relative;
   overflow: hidden;
/*    background-color: var(--smoke-color); */
   margin-bottom: 25px;
   border-radius: inherit
}

.blog-single .blog-img .slick-arrow {
   --pos-x: 30px;
   --icon-size: 45px;
   border: none;
   background-color: var(--white-color);
   color: var(--theme-color);
   -webkit-box-shadow: none;
   box-shadow: none
}

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

.blog-single .blog-img .play-btn {
   --icon-size: 60px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: calc(var(--icon-size)/-2) 0 0 calc(var(--icon-size)/-2)
}

.blog-single .line-btn {
   display: block;
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   margin-bottom: -1px
}

.blog-single:hover .blog-img .slick-arrow {
   opacity: 1;
   visibility: visible
}

@media(max-width: 767px) {
   .blog-single {
      margin-bottom: 35px
   }
}

.blog-single:not(.has-post-thumbnail) {
   border: 1px solid var(--border-color);
   padding: 40px;
   border-radius: 5px
}

@media(max-width: 1199px) {
   .blog-single:not(.has-post-thumbnail) {
      padding: 30px
   }
}

@media(max-width: 767px) {
   .blog-single:not(.has-post-thumbnail) {
      padding: 20px
   }
}

.blog-single.style-bg {
   background-color: var(--body-bg);
   padding: 30px !important
}

.blog-single.style-bg .blog-content-wrap {
   margin-bottom: 30px
}

.blog-single.style-bg .th-comment-form,
.blog-single.style-bg .th-comments-wrap {
   margin-bottom: 0
}

@media(max-width: 575px) {
   .blog-single.style-bg {
      padding: 15px !important
   }
}

.blog-single.style-bg .blog-navigation,
.blog-single.style-bg .blog-author,
.blog-single.style-bg .search-wrap,
.blog-single.style-bg .th-comments-wrap,
.blog-single.style-bg .th-comment-form {
   margin-right: 0 !important
}

.blog-style-bg {
   background-color: var(--body-bg);
   padding: 30px;
   margin-bottom: 30px
}

.blog-style-bg .blog-content-wrap {
   margin-bottom: 30px
}

.blog-style-bg .blog-single {
   margin-bottom: 0
}

.blog-style-bg .sidebar-wrap {
   margin-bottom: 0
}

.blog-style-bg .th-comment-form,
.blog-style-bg .th-comments-wrap {
   margin-bottom: 0
}

@media(max-width: 991px) {
   .blog-style-bg .sidebar-wrap {
      margin-top: 35px
   }
}

@media(max-width: 575px) {
   .blog-style-bg {
      padding: 15px
   }
}

.blog-style-bg .blog-navigation,
.blog-style-bg .blog-author,
.blog-style-bg .search-wrap,
.blog-style-bg .th-comments-wrap,
.blog-style-bg .th-comment-form {
   margin-right: 0 !important
}

@media(max-width: 767px) {

   .blog-single .blog-audio,
   .blog-single .blog-img,
   .blog-single .blog-video {
      margin-bottom: 25px
   }

   .blog-single .blog-text {
      margin-bottom: 22px
   }

   .blog-single .blog-bottom {
      padding-top: 15px
   }
}

.share-links-wrap {
   max-width: 40px
}

@media(max-width: 575px) {
   .share-links-wrap {
      max-width: 100%
   }
}

.share-links .share-links-title {
   font-size: 14px;
   line-height: 20px;
   color: var(--title-color);
   font-family: var(--title-font);
   font-weight: 700;
   margin-top: -0.32em;
   margin-bottom: 15px;
   display: block;
   text-transform: capitalize
}

@media(max-width: 575px) {
   .share-links .share-links-title {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 0
   }
}

@media(max-width: 340px) {
   .share-links .share-links-title {
      width: 50px
   }
}

@media(max-width: 575px) {
   .share-links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }
}

.multi-social a {
   display: inline-block;
   margin-bottom: 10px
}

.multi-social a i {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   background-color: rgba(0, 0, 0, 0);
   font-size: 14px;
   color: var(--theme-color);
   text-align: center;
   border-radius: 99px;
   border: 1px solid var(--border-color);
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

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

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

@media(max-width: 575px) {
   .multi-social a {
      margin-bottom: 0;
      margin-right: 3px
   }
}

.multi-social [class*=facebook] {
   --theme-color: #1D4292
}

.multi-social [class*=twitter] {
   --theme-color: #1C96E8
}

.multi-social [class*=linkedin] {
   --theme-color: #0270AD
}

.multi-social [class*=pinterest] {
   --theme-color: #B7081B
}

.multi-social [class*=instagram] {
   --theme-color: #AE2EB5
}

.blog-info {
   font-size: 14px;
   font-weight: 600;
   color: var(--body-color);
   background-color: var(--smoke-color);
   border: 1px solid var(--border-color);
   border-radius: 4px;
   padding: 2px 10px
}

.blog-info-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 24px
}

@media(max-width: 575px) {
   .blog-info-wrap {
      gap: 5px
   }
}

.blog-info i {
   color: var(--theme-color);
   margin-left: 3px
}

.blog-inner-list ul {
   padding: 0 0 0 17px;
   margin: 0
}

.blog-inner-list li {
   margin-bottom: 13px
}

.blog-inner-list li:last-child {
   margin-bottom: 0
}

.blog-tag {
   margin-top: 35px
}

.blog-tag .title {
   font-size: 18px;
   font-weight: 700;
   display: inline-block;
   float: left;
   margin-right: 20px;
   margin-bottom: 0;
   padding-top: 3px
}

.blog-details .blog-single .blog-audio,
.blog-details .blog-single .blog-img,
.blog-details .blog-single .blog-video {
   margin-bottom: 35px
}

.blog-details .share-links {
   position: sticky;
   top: 80px;
   left: 0
}

.blog-details .blog-single {
   padding: 0;
   border: none;
   border-radius: 0
}

.blog-details .blog-title {
   margin-top: 10px;
   margin-bottom: 18px
}

.blog-details .blog-meta {
   margin-bottom: 24px
}

.blog-details .blog-content-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 30px;
   position: relative
}

@media(max-width: 575px) {
   .blog-details .blog-content-wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 24px
   }
}

.blog-details .blog-content .content>p:last-child {
   margin-bottom: 0
}

.th-comment-form {
   margin-top: var(--blog-space-y, 50px);
   margin-bottom: 30px;
   position: relative
}

.th-comment-form .blog-inner-title {
   margin-bottom: 0px
}

.th-comment-form .form-title {
   margin-top: -0.35em
}

.th-comment-form .form-title a#cancel-comment-reply-link {
   font-size: .7em;
   text-decoration: underline
}

.th-comment-form .form-text {
   margin-bottom: 25px
}

.th-comment-form .form-group>i {
   color: var(--theme-color)
}

.blog-comment-area {
   margin-bottom: 25px
}

.th-comment-form,
.th-comments-wrap {
   margin-bottom: 30px
}

.th-comment-form:has(#wp-temp-form-div),
.th-comments-wrap:has(#wp-temp-form-div) {
   padding: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   display: none
}

.th-comments-wrap {
   margin-top: var(--blog-space-y, 40px);
   margin-bottom: 30px
}

.th-comments-wrap .description p:last-child {
   margin-bottom: -0.5em
}

.th-comments-wrap .comment-respond {
   margin: 30px 0
}

.th-comments-wrap pre {
   background: #ededed;
   color: #666;
   font-size: 14px;
   margin: 20px 0;
   overflow: auto;
   padding: 20px;
   white-space: pre-wrap;
   word-wrap: break-word
}

.th-comments-wrap li {
   margin: 0
}

.th-comments-wrap .th-post-comment {
   padding: 0;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 30px;
   padding-bottom: 30px;
   position: relative;
   border-bottom: 1px solid var(--border-color)
}

.th-comments-wrap .th-post-comment ol,
.th-comments-wrap .th-post-comment ul,
.th-comments-wrap .th-post-comment dl {
   margin-bottom: 1rem
}

.th-comments-wrap .th-post-comment ol ol,
.th-comments-wrap .th-post-comment ol ul,
.th-comments-wrap .th-post-comment ul ol,
.th-comments-wrap .th-post-comment ul ul {
   margin-bottom: 0
}

.th-comments-wrap ul.comment-list {
   list-style: none;
   margin: 0;
   padding: 0
}

.th-comments-wrap ul.comment-list ul ul,
.th-comments-wrap ul.comment-list ul ol,
.th-comments-wrap ul.comment-list ol ul,
.th-comments-wrap ul.comment-list ol ol {
   margin-bottom: 0
}

.th-comments-wrap .comment-avater {
   width: 80px;
   height: 80px;
   margin-right: 20px;
   overflow: hidden;
   border-radius: 999px
}

.th-comments-wrap .comment-avater img {
   width: 100%
}

.th-comments-wrap .comment-content {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   margin-top: -6px;
   position: relative
}

.th-comments-wrap .commented-on {
   font-weight: 500;
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
   margin-bottom: 5px;
   color: var(--body-color)
}

.th-comments-wrap .commented-on i {
   margin-right: 6px;
   font-size: .9rem
}

.th-comments-wrap .name {
   margin-bottom: 12px;
   font-size: 20px
}

.th-comments-wrap .comment-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.th-comments-wrap .text {
   margin-bottom: 17px
}

.th-comments-wrap .children {
   margin: 0;
   padding: 0;
   list-style-type: none;
   margin-left: 80px
}

.th-comments-wrap .reply_and_edit {
   margin-top: 12px
}

.th-comments-wrap .reply_and_edit a {
   margin-right: 15px
}

.th-comments-wrap .reply_and_edit a:last-child {
   margin-right: 0
}

.th-comments-wrap .reply-btn {
   font-weight: 700;
   font-size: 14px;
   text-transform: uppercase;
   color: var(--white-color);
   display: inline-block;
   background-color: var(--title-dark);
   border-radius: 4px;
   padding: 5px 14px
}

.th-comments-wrap .reply-btn i {
   margin-right: 5px
}

.th-comments-wrap .reply-btn:hover {
   background-color: var(--theme-color)
}

.th-comments-wrap .star-rating {
   font-size: 12px;
   margin-bottom: 10px;
   position: absolute;
   top: 5px;
   right: 0;
   width: 80px
}

ul.comment-list .th-comment-item:last-child>.th-post-comment {
   border-bottom: none;
   padding-bottom: 0
}

ul.comment-list .children .th-comment-item>.th-post-comment {
   padding-bottom: 30px;
   border-bottom: 1px solid var(--border-color)
}

ul.comment-list:has(>.th-comment-item~.th-comment-item):first-child>.th-post-comment {
   padding-bottom: 30px;
   border-bottom: 1px solid var(--border-color)
}

.th-comments-wrap.th-comment-form {
   margin: 0
}

.comment-respond .must-log-in {
   margin-bottom: 0;
   margin-top: 8px
}

@media(max-width: 1199px) {
   .th-comments-wrap .children {
      margin-left: 40px
   }
}

@media(max-width: 767px) {
   .th-comments-wrap .th-post-comment {
      display: block
   }

   .th-comments-wrap .star-rating {
      position: relative;
      top: 0;
      right: 0
   }

   .th-comments-wrap .comment-top {
      display: block
   }

   .th-comments-wrap .comment-avater {
      margin-right: 0;
      margin-bottom: 25px
   }

   .th-comments-wrap .children {
      margin-left: 40px
   }

   .th-comments-wrap .children {
      margin-left: 30px
   }
}

.error-content {
   text-align: center
}

.error-img {
   text-align: center;
   margin-bottom: 45px
}

.error-title {
   margin-bottom: 20px
}

.error-text {
   margin-bottom: 35px;
   max-width: 650px;
   margin-left: auto;
   margin-right: auto
}

@media(max-width: 991px) {
   .error-title {
      margin-bottom: 15px
   }

   .error-img {
      margin-bottom: 30px
   }

   .error-text {
      margin-bottom: 25px
   }
}

@media(max-width: 767px) {
   .error-title {
      margin-bottom: 10px
   }
}

.popup-search-box {
   position: fixed;
   top: 0;
   left: 50%;
   background-color: rgba(0, 0, 0, .95);
   height: 0;
   width: 0;
   overflow: hidden;
   z-index: 99999;
   opacity: 0;
   visibility: hidden;
   border-radius: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transition: all ease .4s;
   transition: all ease .4s
}

.popup-search-box button.searchClose {
   width: 60px;
   height: 60px;
   position: absolute;
   top: 40px;
   right: 40px;
   border-width: 1px;
   border-style: solid;
   border-color: var(--theme-color);
   background-color: rgba(0, 0, 0, 0);
   font-size: 22px;
   border-radius: 50%;
   -webkit-transform: rotate(0);
   transform: rotate(0);
   -webkit-transition: all ease .4s;
   transition: all ease .4s;
   color: var(--theme-color)
}

@media(max-width: 575px) {
   .popup-search-box button.searchClose {
      top: 20px;
      right: 20px
   }
}

.popup-search-box button.searchClose:hover {
   color: var(--body-color);
   background-color: #fff;
   border-color: rgba(0, 0, 0, 0);
   border-color: rgba(0, 0, 0, 0);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.popup-search-box form {
   position: absolute;
   top: 50%;
   left: 50%;
   display: inline-block;
   padding-bottom: 40px;
   cursor: auto;
   width: calc(100% - 24px);
   max-width: 700px;
   -webkit-transform: translate(-50%, -50%) scale(0);
   transform: translate(-50%, -50%) scale(0);
   -webkit-transition: -webkit-transform ease .4s;
   transition: -webkit-transform ease .4s;
   transition: transform ease .4s;
   transition: transform ease .4s, -webkit-transform ease .4s;
   margin: 0 12px 0 0
}

@media(max-width: 1199px) {
   .popup-search-box form {
      max-width: 600px
   }
}

.popup-search-box form input {
   font-size: 18px;
   height: 70px;
   width: 100%;
   border: 2px solid var(--theme-color);
   background-color: rgba(0, 0, 0, 0);
   padding-left: 30px;
   color: #fff;
   border-radius: 50px
}

.popup-search-box form input::-moz-placeholder {
   color: #fff
}

.popup-search-box form input::-webkit-input-placeholder {
   color: #fff
}

.popup-search-box form input:-ms-input-placeholder {
   color: #fff
}

.popup-search-box form input::-ms-input-placeholder {
   color: #fff
}

.popup-search-box form input::placeholder {
   color: #fff
}

@media(max-width: 575px) {
   .popup-search-box form input {
      font-size: 16px;
      height: 60px
   }
}

.popup-search-box form button {
   position: absolute;
   top: 0px;
   background-color: rgba(0, 0, 0, 0);
   border: none;
   color: #fff;
   font-size: 24px;
   right: 12px;
   color: var(--white-color);
   cursor: pointer;
   width: 70px;
   height: 70px;
   -webkit-transition: all ease .4s;
   transition: all ease .4s;
   -webkit-transform: scale(1.001);
   transform: scale(1.001)
}

.popup-search-box form button:hover {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

@media(max-width: 575px) {
   .popup-search-box form button {
      font-size: 20px;
      height: 60px;
      width: 60px
   }
}

.popup-search-box.show {
   opacity: 1;
   visibility: visible;
   width: 100.1%;
   height: 100%;
   -webkit-transition: all ease .4s;
   transition: all ease .4s;
   border-radius: 0
}

.popup-search-box.show form {
   -webkit-transition-delay: .5s;
   transition-delay: .5s;
   -webkit-transform: translate(-50%, -50%) scale(1);
   transform: translate(-50%, -50%) scale(1)
}

.popup-subscribe {
   max-width: 808px;
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: var(--smoke-color);
   position: relative;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out;
   -webkit-animation: newsLetter 1.2s ease;
   animation: newsLetter 1.2s ease
}

.popup-subscribe-area {
   position: fixed;
   inset: 0;
   display: grid;
   -ms-flex-line-pack: center;
   align-content: center;
   background-color: rgba(0, 0, 0, .8);
   z-index: 9999;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out;
   -webkit-transition-delay: .6s;
   transition-delay: .6s
}

.popup-subscribe-area.hide {
   visibility: hidden;
   opacity: 0;
   pointer-events: none
}

.popup-subscribe .popupClose {
   position: absolute;
   top: 15px;
   right: 20px
}

@media(max-width: 767px) {
   .popup-subscribe {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.popup-subscribe .widget {
   margin-bottom: 0
}

.popup-subscribe input[type=checkbox]~label {
   margin-bottom: -0.5em;
   font-size: 14px
}

.popup-subscribe .widget_title {
   color: var(--title-color);
   font-size: 30px;
   margin-bottom: 30px
}

.popup-subscribe .box-content {
   padding: 50px
}

@media(max-width: 991px) {
   .popup-subscribe .box-content {
      padding: 30px
   }
}

@media(max-width: 767px) {
   .popup-subscribe .box-content {
      text-align: center;
      padding: 40px 20px
   }
}

.popup-subscribe .box-img {
   height: 100%
}

.popup-subscribe .box-img img {
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

@media(max-width: 991px) {
   .popup-subscribe .box-img {
      width: 336px
   }
}

@media(max-width: 767px) {
   .popup-subscribe .box-img {
      width: 100%
   }

   .popup-subscribe .box-img img {
      width: 100%
   }
}

@-webkit-keyframes newsLetter {
   0% {
      -webkit-transform: scale(0.5);
      transform: scale(0.5)
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

@keyframes newsLetter {
   0% {
      -webkit-transform: scale(0.5);
      transform: scale(0.5)
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

@-webkit-keyframes newsLetterclose {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0
   }
}

@keyframes newsLetterclose {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0
   }
}

.popup-subscribe-area.hide .popup-subscribe {
   -webkit-animation: newsLetterclose 1s ease;
   animation: newsLetterclose 1s ease
}

.sidemenu-wrapper {
   position: fixed;
   z-index: 99999;
   right: 0;
   top: 0;
   height: 100%;
   width: 0;
   background-color: rgba(0, 0, 0, .75);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all ease .8s;
   transition: all ease .8s
}

.sidemenu-wrapper .closeButton {
    display: inline-block;
    border: 2px solid;
    width: 50px;
    height: 50px;
    line-height: 55px;
    font-size: 24px;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--body-bg);
    border-radius: 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    color: var(--title-color);
}

.sidemenu-wrapper .closeButton:hover {
   color: var(--theme-color);
   border-color: var(--theme-color);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.sidemenu-wrapper .sidemenu-content {
   background-color: var(--body-bg);
   width: 450px;
   margin-left: auto;
   padding: 80px 30px;
   height: 100%;
   overflow: scroll;
   position: relative;
   right: -500px;
   cursor: auto;
   -webkit-transition-delay: 1s;
   transition-delay: 1s;
   -webkit-transition: right ease 1s;
   transition: right ease 1s
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
   box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
   background-color: #f5f5f5
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {
   width: 2px;
   background-color: #f5f5f5
}

.sidemenu-wrapper .sidemenu-content select,
.sidemenu-wrapper .sidemenu-content input,
.sidemenu-wrapper .sidemenu-content .form-select,
.sidemenu-wrapper .sidemenu-content .form-control,
.sidemenu-wrapper .sidemenu-content textarea {
   background-color: var(--smoke-color)
}

.sidemenu-wrapper .widget {
   padding: 0;
   border: none;
   background-color: rgba(0, 0, 0, 0)
}

.sidemenu-wrapper .recent-post {
   max-width: 300px
}

.sidemenu-wrapper.show {
   opacity: 1;
   visibility: visible;
   width: 100%;
   -webkit-transition: all ease .8s;
   transition: all ease .8s
}

.sidemenu-wrapper.show .sidemenu-content {
   right: 0;
   opacity: 1;
   visibility: visible
}

.woocommerce-message,
.woocommerce-info {
   position: relative;
   padding: 11px 20px 11px 50px;
   background-color: var(--theme-color);
   color: var(--white-color);
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 15px;
   border-radius: 4px
}

.woocommerce-message a,
.woocommerce-info a {
   color: var(--white-color);
   text-decoration: underline
}

.woocommerce-message a:hover,
.woocommerce-info a:hover {
   color: var(--title-color)
}

.woocommerce-message:before,
.woocommerce-info:before {
   content: "";
   font-family: var(--icon-font);
   font-weight: 400;
   margin-right: 10px;
   font-size: 18px;
   position: absolute;
   left: 20px;
   top: 11px
}

.woocommerce-notices-wrapper .woocommerce-message {
   background-color: var(--theme-color);
   color: var(--white-color)
}

.woocommerce-notices-wrapper .woocommerce-message:before {
   content: "";
   font-weight: 300
}

.woocommerce-form-login-toggle .woocommerce-info {
   background-color: var(--theme-color);
   color: var(--white-color)
}

.woocommerce-form-login-toggle .woocommerce-info a {
   color: inherit
}

.woocommerce-form-login-toggle .woocommerce-info a:hover {
   color: var(--title-color)
}

.woocommerce-form-register,
.woocommerce-form-coupon,
.woocommerce-form-login {
   padding: 35px 40px 35px 40px;
   background-color: var(--body-bg);
   -webkit-box-shadow: 0px 6px 30px rgba(1, 15, 28, .1);
   box-shadow: 0px 6px 30px rgba(1, 15, 28, .1);
   margin-bottom: 0;
   border-radius: 5px
}

@media(max-width: 575px) {

   .woocommerce-form-register,
   .woocommerce-form-coupon,
   .woocommerce-form-login {
      padding: 40px 20px
   }
}

.woocommerce-form-register .form-group,
.woocommerce-form-coupon .form-group,
.woocommerce-form-login .form-group {
   margin-bottom: 20px
}

.woocommerce-form-register .form-group:last-child,
.woocommerce-form-coupon .form-group:last-child,
.woocommerce-form-login .form-group:last-child {
   margin-bottom: 0
}

.woocommerce-form-login {
   margin-bottom: 30px
}

.woocommerce-error {
   background-color: var(--error-color);
   color: #fff;
   list-style: none;
   padding: 10px 26px;
   margin: 0 0 30px 0;
   border-radius: 0;
   font-weight: 500;
   font-size: 14px
}

nav.woocommerce-MyAccount-navigation li {
   border: 1px solid #ddd;
   margin: 0;
   border-top: none
}

nav.woocommerce-MyAccount-navigation li:first-child {
   border-top: 1px solid #ddd
}

nav.woocommerce-MyAccount-navigation li a {
   color: var(--title-color);
   font-weight: 700;
   padding: 7px 17px;
   display: block
}

nav.woocommerce-MyAccount-navigation li.is-active a,
nav.woocommerce-MyAccount-navigation li a:hover {
   color: var(--white-color);
   background-color: var(--theme-color)
}

.woocommerce-MyAccount-content h3 {
   margin-top: -0.3em
}

.woocommerce-MyAccount-content .btn {
   background-color: var(--theme-color);
   color: var(--white-color);
   font-size: 14px;
   padding: 10px 25px;
   font-weight: 700
}

.woocommerce-MyAccount-content .btn:hover {
   background-color: var(--title-color);
   color: var(--white-color)
}

table.variations,
.woocommerce-grouped-product-list-item {
   border-collapse: separate;
   border-spacing: 0 15px;
   margin-bottom: 5px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border: none
}

table.variations td,
.woocommerce-grouped-product-list-item td {
   border: none;
   vertical-align: middle;
   padding: 0 5px
}

table.variations td:first-child,
.woocommerce-grouped-product-list-item td:first-child {
   padding: 0
}

table.variations label,
.woocommerce-grouped-product-list-item label {
   margin: 0;
   font-size: 14px;
   text-transform: capitalize
}

table.variations label a,
.woocommerce-grouped-product-list-item label a {
   color: var(--title-color)
}

table.variations label a:hover,
.woocommerce-grouped-product-list-item label a:hover {
   color: var(--theme-color)
}

table.variations .label,
.woocommerce-grouped-product-list-item .label {
   border: none
}

table.variations__label,
.woocommerce-grouped-product-list-item__label {
   border: none !important;
   font-weight: 600
}

table.variations__price,
.woocommerce-grouped-product-list-item__price {
   border: none !important
}

table.variations__price .price,
table.variations__price .amount,
.woocommerce-grouped-product-list-item__price .price,
.woocommerce-grouped-product-list-item__price .amount {
   font-size: 18px !important
}

table.variations del,
.woocommerce-grouped-product-list-item del {
   margin-left: 12px
}

.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
   border: 1px solid var(--border-color)
}

.woocommerce-product-attributes th p:last-child,
.woocommerce-product-attributes td p:last-child {
   margin-bottom: 0
}

.woocommerce-grouped-product-list.group_table {
   border-collapse: collapse;
   margin-bottom: 15px
}

.woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount {
   font-size: 16px;
   color: var(--title-color)
}

.woocommerce-grouped-product-list.group_table label {
   margin: 0 0 0 10px;
   margin: 0 0 0 10px;
   font-family: var(--title-font);
   font-size: 18px
}

.woocommerce-grouped-product-list.group_table .qty-input {
   border-color: #e3e6e9
}

.woocommerce-grouped-product-list.group_table tr {
   border-bottom: 1px solid #e3e6e9
}

.woocommerce-grouped-product-list.group_table tr:last-child {
   border-bottom: none
}

.woocommerce-grouped-product-list.group_table td {
   padding: 30px 5px
}

table.variations {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   position: relative
}

table.variations td {
   padding: 0
}

table.variations td.label {
   padding-right: 10px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

table.variations select {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   font-weight: 400;
   line-height: 1.5;
   vertical-align: middle;
   margin: 0;
   padding-right: 54px;
   padding-left: 20px;
   height: 50px
}

table.variations .reset_variations {
   margin-left: 16px;
   display: inline-block;
   position: absolute;
   left: 100%;
   bottom: 25px
}

.woosq-product .product .woocommerce-grouped-product-list-item__quantity,
.woosq-product .product .woocommerce-grouped-product-list-item__label,
.woosq-product .product .woocommerce-grouped-product-list-item__price {
   width: auto !important
}

.woocommerce-grouped-product-list-item__label:after,
.woocommerce-grouped-product-list-item__price:after {
   display: none
}

.woocommerce-variation.single_variation {
   margin-bottom: 30px
}

.woocommerce-variation.single_variation .price {
   color: var(--title-color);
   font-weight: 700
}

.wooscp-table-items td.woocommerce-product-attributes-item__value {
   padding-left: 15px !important
}

.wooscp-table-items a.added_to_cart.wc-forward {
   margin-left: 15px;
   text-decoration: underline
}

.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open {
   z-index: 1111
}

table.woocommerce-product-attributes {
   margin-bottom: 30px
}

#woosq-popup .product_meta {
   margin-top: 20px
}

#woosq-popup .product_title {
   font-size: 24px;
   margin-bottom: 5px
}

#woosq-popup .single-product .product .actions {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px
}

#woosq-popup .single-product .product .actions>div {
   height: auto;
   overflow: visible;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

#woosq-popup .single-product .product .actions>div .quantity.style2.woocommerce-grouped-product-list-item__quantity {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

.login-tab {
   margin-bottom: 30px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.login-tab button.nav-link {
   background-color: var(--smoke-color);
   color: var(--title-color);
   padding: 11px 39px;
   font-size: 18px;
   font-weight: 500;
   border-radius: 15px ​15px 0
}

.login-tab button.nav-link.active {
   background-color: var(--theme-color);
   color: var(--white-color)
}

.star-rating {
   overflow: hidden;
   position: relative;
   width: 100px;
   height: 1.2em;
   line-height: 1.2em;
   display: block;
   font-family: var(--icon-font);
   font-weight: 700;
   font-size: 14px
}

.star-rating:before {
   content: "";
   color: #e1e1e1;
   float: left;
   top: 0;
   left: 0;
   position: absolute;
   letter-spacing: 3px
}

.star-rating span {
   overflow: hidden;
   float: left;
   top: 0;
   left: 0;
   position: absolute;
   padding-top: 1.5em
}

.star-rating span:before {
   content: "";
   top: 0;
   position: absolute;
   left: 0;
   color: var(--theme-color);
   letter-spacing: 3px
}

.rating-select label {
   margin: 0;
   margin-right: 10px
}

.rating-select p.stars {
   margin-bottom: 0;
   line-height: 1
}

.rating-select p.stars a {
   position: relative;
   height: 14px;
   width: 18px;
   text-indent: -999em;
   display: inline-block;
   text-decoration: none
}

.rating-select p.stars a::before {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 18px;
   height: 14px;
   line-height: 1;
   font-family: var(--icon-font);
   content: "";
   font-weight: 400;
   text-indent: 0;
   color: var(--yellow-color)
}

.rating-select p.stars a:hover~a::before {
   content: "";
   font-weight: 400
}

.rating-select p.stars:hover a::before {
   content: "";
   font-weight: 700
}

.rating-select p.stars.selected a.active::before {
   content: "";
   font-weight: 700
}

.rating-select p.stars.selected a.active~a::before {
   content: "";
   font-weight: 400
}

.rating-select p.stars.selected a:not(.active)::before {
   content: "";
   font-weight: 700
}

@media(max-width: 767px) {

   .woocommerce-message,
   .woocommerce-info {
      font-size: 14px;
      line-height: 22px;
      padding: 10px 15px 10px 37px
   }

   .woocommerce-message:before,
   .woocommerce-info:before {
      font-size: 16px;
      top: 10px;
      left: 15px
   }
}

.th-product {
   text-align: center;
   -webkit-transition: all ease .4s;
   transition: all ease .4s
}

.th-product .product-title {
   font-size: 20px;
   margin: 10px 0 8px 0;
   font-weight: 600
}

.th-product .product-title a {
   color: inherit
}

.th-product .product-title a:hover {
   color: var(--theme-color)
}

.th-product .price {
   display: block;
   color: var(--body-color);
   font-weight: 500;
   margin-bottom: -0.4em;
   font-family: var(--body-font)
}

.th-product .price del {
   margin-left: 10px;
   color: #a9a9a9
}

.th-product .product-img {
   --space: 20px;
   background-color: var(--smoke-color);
   overflow: hidden;
   position: relative;
   margin: 0 0 25px 0;
   text-align: center;
   background-color: var(--smoke-color);
   z-index: 2;
   border-radius: 5px
}

.th-product .product-img:before {
   --space: 20px;
   content: "";
   height: calc(100% - var(--space)*2);
   width: calc(100% - var(--space)*2);
   border-radius: inherit;
   position: absolute;
   top: var(--space);
   left: var(--space);
   background-color: var(--title-dark);
   z-index: 1;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   visibility: hidden;
   opacity: 0;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.th-product .product-img img {
   width: 100%;
   -webkit-transition: all ease .4s;
   transition: all ease .4s;
   -webkit-transform: scale(1);
   transform: scale(1)
}

.th-product .star-rating {
   margin: 0 auto 10px auto;
   width: 93px
}

.th-product .actions {
   height: 100%;
   position: absolute;
   left: 0;
   top: 50%;
   right: 0;
   text-align: center;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 3;
   margin-top: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.th-product .actions .icon-btn {
   --btn-size: 40px;
   font-size: 14px;
   border-color: var(--white-color);
   -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, .05);
   box-shadow: 0px 4px 20px rgba(0, 0, 0, .05);
   color: var(--white-color);
   border-radius: 6px
}

.th-product .actions .icon-btn:hover {
   color: var(--white-color);
   border-color: var(--white-color)
}

.th-product .actions>* {
   margin: 0 var(--icon-gap-x, 5px)
}

.th-product .actions>*>a {
   margin: 0
}

.th-product .icon-btn {
   -webkit-transform: translateY(30px);
   transform: translateY(30px);
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
   width: 40px;
   height: 40px;
   line-height: 40px;
   display: inline-block
}

.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
   position: relative;
   top: 0;
   left: 0;
   line-height: inherit;
   margin: 0;
   font-size: 24px
}

.th-product .tinv-wishlist a {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   background-color: var(--white-color);
   color: var(--title-color);
   border-radius: 50%
}

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

.th-product .add_to_cart_button.added {
   display: none
}

.th-product .added_to_cart {
   width: 40px;
   height: 40px;
   line-height: 40px;
   background-color: var(--white-color);
   color: var(--white-color);
   font-size: 0;
   text-align: center;
   border-radius: 50%
}

.th-product .added_to_cart:after {
   content: "";
   position: relative;
   font-family: var(--icon-font);
   font-size: 16px;
   font-weight: 700
}

.th-product .added_to_cart:hover {
   background-color: var(--title-color);
   color: var(--white-color)
}

.th-product .action-btn {
   background-color: var(--white-color);
   font-size: 14px;
   font-family: var(--title-font);
   text-transform: uppercase;
   font-weight: bold;
   display: inline-block;
   padding: 13px 25px
}

.th-product:hover .product-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.th-product:hover .product-img:before {
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
   visibility: visible;
   opacity: .7
}

.th-product:hover .actions {
   margin-top: 0;
   opacity: 1;
   visibility: visible
}

.th-product:hover .icon-btn {
   -webkit-transform: translateY(0);
   transform: translateY(0)
}

.th-product.list-view {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-align: left;
   height: 100%
}

.th-product.list-view .product-img {
   width: 100%;
   max-width: 200px;
   margin: 0
}

.th-product.list-view .star-rating {
   margin: 0 auto 10px 0;
   width: 93px
}

.th-product.list-view .product-content {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border: 1px solid var(--border-color);
   border-left: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 0 25px
}

.th-product.list-view .actions {
   --btn-size: 35px;
   --btn-font-size: 13px;
   --icon-gap-x: 2px
}

.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
   width: 35px;
   height: 35px;
   line-height: 35px
}

.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
   font-size: 20px
}

.th-product.list-view .tinv-wishlist a {
   width: 35px;
   height: 35px;
   line-height: 35px
}

.th-product.list-view .added_to_cart {
   width: 35px;
   height: 35px;
   line-height: 35px
}

.th-product.list-view .added_to_cart:after {
   font-size: 16px
}

.th-product.list-view .action-btn {
   padding: 8px 15px
}

.th-product.list-view .tag {
   top: 8px;
   right: 8px;
   padding: 0px 15px
}

.th-product.list-view .product-title {
   font-size: 18px;
   margin: 0 0 5px 0
}

.th-product.list-view .product-price {
   font-size: 14px
}

#productCarousel .slick-arrow {
   top: 37.5%
}

.mfp-content {
   margin: 1.5rem auto
}

.mfp-content .product-details-img {
   padding-top: 15px
}

.mfp-content .product-about {
   padding-top: 20px;
   padding-bottom: 20px
}

.mfp-content .container {
   position: relative
}

.mfp-content .product-big-img {
   margin-top: 20px;
   margin-bottom: 20px
}

.mfp-fade.mfp-bg {
   opacity: 0;
   -webkit-transition: all .15s ease-out;
   transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
   opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
   opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
   opacity: 0;
   -webkit-transition: all .4s ease-out;
   transition: all .4s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
   opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0
}

.quick-view .container {
   background-color: var(--body-bg)
}

.quick-view .mfp-close {
   color: var(--title-color)
}

.woosq-popup {
   max-height: 600px;
   max-width: 1220px
}

.woosq-popup .product_meta>span>a:after,
.woosq-popup .product_meta>span>span:after {
   display: none
}

.woosq-product>.product>div {
   max-height: 600px;
   min-height: 460px;
   height: auto
}

.th-sort-bar {
   padding: 10px;
   margin: 0 0 24px 0;
   background-color: var(--smoke-color);
   border-radius: 5px
}

.th-sort-bar .row {
   --bs-gutter-x: 0;
   --bs-gutter-y: 15px
}

.th-sort-bar select {
   height: 50px;
   border: 1px solid var(--border-color);
   background-color: var(--body-bg);
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   min-width: 250px;
   font-size: 16px;
   margin: 0;
   color: var(--body-color)
}

.th-sort-bar .woocommerce-result-count {
   padding-left: 15px;
   margin-bottom: 0;
   color: var(--body-color)
}

.th-sort-bar .nav a {
   display: inline-block;
   height: 50px;
   width: 50px;
   line-height: 50px;
   border: 1px solid var(--border-color);
   background-color: var(--white-color);
   text-align: center;
   position: relative;
   font-family: var(--title-font);
   font-weight: 600;
   font-size: 16px;
   text-transform: capitalize;
   color: var(--body-color);
   margin: 0 0 0 10px
}

.th-sort-bar .nav a.active,
.th-sort-bar .nav a:hover {
   color: var(--theme-color)
}

.product-thumb-area {
   position: relative;
   margin-right: 10px
}

.product-thumb-area .product-thumb-tab {
   position: absolute;
   top: 0;
   left: 0
}

.product-thumb-tab {
   --thumb: 120px;
   --gap: 10px;
   max-width: var(--thumb);
   margin-left: calc(0px - var(--thumb)/2);
   position: relative;
   z-index: 3;
   display: grid;
   -ms-flex-line-pack: center;
   align-content: center;
   height: 100%
}

.product-thumb-tab .tab-btn {
   background-color: var(--white-color);
   cursor: pointer;
   height: var(--thumb);
   width: var(--thumb);
   padding: var(--gap)
}

.product-thumb-tab .tab-btn img {
   max-width: 100%
}

.product-thumb-tab .tab-btn:not(:last-of-type) {
   margin-bottom: 20px
}

.product-thumb-tab .indicator {
   position: absolute;
   top: calc(var(--pos-y) + var(--gap));
   left: calc(var(--pos-x) + var(--gap));
   width: calc(var(--width-set) - var(--gap)*2);
   height: calc(var(--height-set) - var(--gap)*2);
   border: 2px solid var(--theme-color);
   pointer-events: none;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.product-big-img {
   background-color: var(--smoke-color);
   text-align: center;
   overflow: hidden;
   border-radius: 5px
}

.product-big-img .img {
   width: 100%
}

.product-big-img .img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.product-big-img:hover .img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.quantity {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle
}

.quantity>.screen-reader-text {
   display: inline-block;
   font-weight: 600;
   color: var(--title-color);
   font-family: var(--title-font);
   margin: 0;
   -ms-flex-item-align: center;
   align-self: center;
   margin-right: 10px
}

.quantity .qty-btn,
.quantity .qty-input {
   display: inline-block;
   width: 50px;
   height: 50px;
   border: none;
   border-right: none;
   background-color: rgba(0, 0, 0, 0);
   padding: 0;
   border-radius: 0;
   text-align: center;
   color: var(--body-color);
   font-size: 18px;
   font-weight: 600
}

.quantity .qty-btn:last-child,
.quantity .qty-input:last-child {
   border-right: none
}

.quantity .qty-btn {
   font-size: 16px
}

.product_meta {
   font-weight: 700;
   font-size: 16px;
   font-family: var(--body-font);
   margin: 35px 0 0 0
}

.product_meta>span {
   display: block;
   margin-bottom: 3px;
   color: var(--title-color);
   font-weight: bold
}

.product_meta>span:last-child {
   margin-bottom: 0
}

.product_meta>span a {
   color: inherit
}

.product_meta>span a:hover {
   color: var(--theme-color)
}

.product_meta>span>a,
.product_meta>span>span {
   position: relative;
   color: var(--body-color);
   font-weight: 400
}

.product_meta>span>a:after,
.product_meta>span>span:after {
   content: ",";
   margin-right: 5px
}

.product_meta>span>a:last-child:after,
.product_meta>span>span:last-child:after {
   display: none
}

.product_meta>span>a:first-child,
.product_meta>span>span:first-child {
   margin-left: 7px
}

.product-tab-style1 {
   border-bottom: 1px solid var(--border-color);
   margin: 60px auto 40px auto;
   padding-bottom: 40px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 24px
}

.woocommerce-Reviews .th-post-comment .text {
   margin-bottom: -0.5em
}

.woocommerce-Reviews .th-comments-wrap {
   padding: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
   margin-right: 0
}

.woocommerce-Reviews .th-comment-form {
   padding: 60px;
   background-color: var(--smoke-color);
   -webkit-box-shadow: none;
   box-shadow: none;
   margin-right: 0;
   border-radius: 5px
}

.woocommerce-Reviews .th-comment-form input,
.woocommerce-Reviews .th-comment-form .form-control {
   background-color: var(--body-bg)
}

.woocommerce-Reviews .th-comment-form .blog-inner-title {
   margin-bottom: 10px
}

.woocommerce-Reviews .comment-list {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0 24px;
   margin-bottom: 40px
}

.woocommerce-Reviews .th-post-comment {
   border: 1px solid var(--border-color) !important;
   padding: 40px !important;
   -webkit-box-shadow: 0px 4px 30px rgba(1, 15, 28, .06);
   box-shadow: 0px 4px 30px rgba(1, 15, 28, .06);
   margin-bottom: 24px;
   border-radius: 5px
}

.woocommerce-Reviews .th-post-comment .name {
   margin-bottom: 3px
}

.woocommerce-Reviews .th-post-comment .commented-on {
   margin-bottom: 12px
}

@media(max-width: 1199px) {
   .woocommerce-Reviews .th-post-comment {
      padding: 30px !important
   }
}

@media(max-width: 991px) {
   .woocommerce-Reviews .comment-list {
      grid-template-columns: repeat(1, 1fr)
   }

   .woocommerce-Reviews .th-comment-form {
      padding: 40px
   }
}

@media(max-width: 575px) {
   .woocommerce-Reviews .th-comment-form {
      padding: 40px 20px
   }
}

#productTabContent {
   margin-bottom: -10px
}

#additional_information {
   margin-bottom: 40px
}

.product-inner-list>ul {
   margin: 0;
   padding: 0;
   list-style-type: none
}

.product-inner-list li {
   position: relative;
   padding-left: 15px
}

.product-inner-list li:before {
   content: "-";
   position: absolute;
   left: 0
}

.share-title {
   font-size: 16px;
   font-weight: 600;
   color: var(--title-color);
   margin-bottom: 8px
}

.share-title i {
   color: var(--theme-color)
}

.summary-content .product-title,
.product-about .product-title {
   margin: 0 0 5px 0
}

.summary-content>.price,
.product-about>.price {
   font-family: var(--title-font);
   font-size: 20px;
   font-weight: 800;
   color: var(--title-color);
   display: inline-block;
   margin-bottom: 19px;
   margin-top: -0.2em
}

.summary-content>.price del,
.product-about>.price del {
   color: var(--gray-color);
   font-weight: 500;
   margin-left: 15px
}

.summary-content .product-rating,
.product-about .product-rating {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   gap: 5px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   top: 2px;
   font-size: 16px;
   line-height: 20px;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   margin-bottom: 22px
}

.summary-content .product-rating .star-rating,
.product-about .product-rating .star-rating {
   width: 80px;
   font-size: 12px;
   margin-right: 8px
}

.summary-content .woocommerce-review-link,
.product-about .woocommerce-review-link {
   color: var(--body-color)
}

.summary-content .checklist,
.product-about .checklist {
   margin: 25px 0 30px 0
}

.summary-content .actions,
.product-about .actions {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 15px;
   margin: 35px 0 24px 0
}

.summary-content .actions .th-btn .btn-icon,
.product-about .actions .th-btn .btn-icon {
   padding: 10.5px 15px 10.5px 15px
}

.summary-content .actions .icon-btn,
.product-about .actions .icon-btn {
   border-color: var(--border-color)
}

.summary-content .actions .icon-btn:hover,
.product-about .actions .icon-btn:hover {
   background-color: var(--theme-color);
   color: var(--white-color);
   border-color: var(--theme-color)
}

.summary-content .share,
.product-about .share {
   margin-top: 25px
}

.summary-content .th-social a,
.product-about .th-social a {
   --icon-size: 40px;
   line-height: 38px;
   font-size: 14px;
   border: 1px solid var(--border-color);
   border-radius: 0
}

.summary-content .th-social a:hover,
.product-about .th-social a:hover {
   border-color: var(--theme-color)
}

.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
   width: 60px;
   height: 60px;
   line-height: 60px;
   display: inline-block;
   border-radius: 0
}

.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
   position: relative;
   top: 0;
   left: 0;
   line-height: inherit;
   margin: 0;
   font-size: 24px
}

.summary-content .tinv-wishlist a,
.product-about .tinv-wishlist a {
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   border-radius: 0
}

.summary-content .tinv-wishlist a:hover,
.product-about .tinv-wishlist a:hover {
   background-color: var(--theme-color);
   color: var(--white-color)
}

.summary-content .quantity,
.product-about .quantity {
   position: relative
}

.summary-content .quantity:after,
.product-about .quantity:after {
   content: "";
   height: 100%;
   width: 1px;
   background-color: var(--border-color);
   position: absolute;
   top: 0;
   left: 55px
}

.summary-content .quantity .qty-input,
.product-about .quantity .qty-input {
   width: 112px;
   height: 50px;
   border: 1px solid var(--border-color);
   background-color: rgba(0, 0, 0, 0);
   color: var(--title-color);
   padding: 0 21px;
   text-align: left;
   font-weight: 500;
   border-radius: 4px
}

.summary-content .quantity .qty-btn,
.product-about .quantity .qty-btn {
   color: var(--title-color);
   background-color: rgba(0, 0, 0, 0);
   position: absolute;
   right: 21px;
   height: auto;
   width: auto;
   border: none;
   line-height: 10px
}

.summary-content .quantity .quantity-minus,
.product-about .quantity .quantity-minus {
   bottom: 10px
}

.summary-content .quantity .quantity-plus,
.product-about .quantity .quantity-plus {
   top: 10px
}

#description {
   margin-bottom: 30px
}

.product-details .th-comments-wrap {
   margin-top: 0
}

.product-details .border-title {
   position: relative;
   padding-bottom: 20px;
   margin-bottom: 40px
}

.product-details .border-title:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 80px;
   background-color: var(--theme-color)
}

.product-inner-title {
   font-size: 32px;
   border-bottom: 1px solid var(--border-color);
   padding: 0 0 7px 0;
   margin: 0 0 30px 0
}

.related-product-wrapper {
   padding-top: 115px
}

@media(max-width: 1399px) {
   .th-product.list-view .product-img {
      max-width: 150px
   }
}

@media(max-width: 1299px) {
   .product-thumb-tab {
      --thumb: 100px;
      margin-left: -40px
   }

   .product-thumb-area {
      margin-right: 0
   }
}

@media(max-width: 1199px) {
   .th-sort-bar select {
      min-width: auto
   }

   .product-tab-style1 {
      margin: 50px 0 40px 0
   }

   .summary-content,
   .product-about {
      padding-left: 0
   }
}

@media(max-width: 991px) {
   .product-big-img {
      margin-bottom: 40px
   }

   .product-thumb-tab {
      margin-left: -10px
   }

   .th-product-box.list-view .product-img {
      max-width: 150px
   }

   .th-sort-bar .row {
      --bs-gutter-x: 20px
   }

   .th-sort-bar .nav a:last-child {
      margin-right: 0;
      padding-right: 0
   }

   .th-sort-bar .nav a:last-child:before {
      display: none
   }

   .woosq-product>.product .thumbnails {
      max-height: 400px;
      min-height: 200px;
      padding: 10px
   }
}

@media(max-width: 767px) {
   .th-sort-bar {
      text-align: center;
      padding: 10px 15px 15px 15px
   }

   .th-sort-bar .nav {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .th-sort-bar select {
      margin: 0 auto
   }

   .th-sort-bar .woocommerce-result-count {
      padding-left: 0
   }

   .th-product-box.list-view .product-img {
      max-width: 130px
   }

   .th-product-box.list-view .actions {
      --btn-size: 30px;
      --btn-font-size: 10px;
      --icon-gap-x: 2px
   }
}

@media(max-width: 575px) {
   .product-about .actions {
      gap: 15px 15px
   }

   .product-thumb-tab {
      --thumb: 74px;
      --gap: 6px
   }

   .product-thumb-tab .tab-btn:not(:last-of-type) {
      margin-bottom: 10px
   }

   .product-grid {
      max-width: 340px;
      margin-left: auto;
      margin-right: auto
   }
}

@media(max-width: 375px) {
   .th-product.list-view .product-img {
      max-width: 130px
   }
}

.woocommerce-cart-form {
   text-align: center
}

.cart_table {
   border: 1px solid var(--border-color);
   margin-bottom: 45px
}

.cart_table thead {
   background-color: var(--smoke-color)
}

.cart_table thead th {
   border: none !important
}

.cart_table td:before,
.cart_table th {
   font-family: var(--title-font);
   color: var(--title-color);
   font-weight: 800;
   border: none;
   padding: 27px 15px
}

.cart_table td:before {
   content: attr(data-title);
   position: absolute;
   left: 15px;
   top: 50%;
   vertical-align: top;
   padding: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   display: none
}

.cart_table td {
   border: none;
   border-bottom: 1px solid var(--border-color);
   color: var(--body-color);
   padding: 20px 10px;
   position: relative;
   vertical-align: middle
}

.cart_table .product-quantity {
   color: var(--title-color)
}

.cart_table .product-quantity input {
   position: relative;
   top: -2px
}

.cart_table .cart-productname {
   font-weight: 400;
   font-family: var(--body-font);
   color: var(--body-color)
}

.cart_table .cart-productimage {
   display: inline-block;
   border: 2px solid var(--border-color);
   background-color: var(--smoke-color)
}

.cart_table .remove {
   color: var(--theme-color);
   font-size: 18px
}

.cart_table .quantity {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.cart_table td.product-quantity {
   min-width: 155px
}

.cart_table .qty-btn {
   border: 2px solid var(--border-color) !important;
   background-color: rgba(0, 0, 0, 0);
   color: #b8c6d0;
   padding: 0;
   width: 30px;
   height: 30px;
   line-height: 28px;
   font-size: 14px;
   border-radius: 4px
}

.cart_table .qty-btn:hover {
   background-color: var(--theme-color);
   color: var(--white-color)
}

.cart_table .qty-input {
   vertical-align: middle;
   border: 2px solid var(--border-color);
   width: 60px;
   height: 30px;
   font-size: 14px;
   text-align: center;
   color: var(--title-color);
   font-weight: 700;
   margin: 0 3px;
   border-radius: 4px;
   padding: 0
}

.cart_table .qty-input::-moz-placeholder {
   color: var(--title-color)
}

.cart_table .qty-input::-webkit-input-placeholder {
   color: var(--title-color)
}

.cart_table .qty-input:-ms-input-placeholder {
   color: var(--title-color)
}

.cart_table .qty-input::-ms-input-placeholder {
   color: var(--title-color)
}

.cart_table .qty-input::placeholder {
   color: var(--title-color)
}

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

.cart_table .qty-input[type=number] {
   -moz-appearance: textfield
}

.cart_table .actions {
   text-align: right;
   vertical-align: middle;
   padding-left: 20px
}

.cart_table .actions>.th-btn {
   margin-right: 15px
}

.cart_table .actions>.th-btn:last-child {
   margin-right: 0
}

.cart_table .th-cart-coupon {
   float: left;
   margin: 0;
   width: 455px;
   max-width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.cart_table .th-cart-coupon input {
   width: calc(100% - 200px);
   margin-right: 10px
}

.cart_table .th-cart-coupon .th-btn {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

.cart_totals {
   border: 1px solid var(--border-color)
}

.cart_totals th,
.cart_totals td {
   vertical-align: top;
   padding: 20px 20px;
   border: none;
   border-bottom: 1px solid var(--border-color);
   font-size: 14px;
   color: var(--title-color);
   width: 55%
}

.cart_totals th:first-child,
.cart_totals td:first-child {
   width: 45%;
   background-color: var(--smoke-color);
   font-weight: 700;
   font-size: 14px;
   color: var(--title-color)
}

.cart_totals .shipping-calculator-button {
   display: inline-block;
   border-bottom: 1px solid;
   color: var(--title-color);
   font-weight: 700
}

.cart_totals .shipping-calculator-button:hover {
   color: var(--theme-color)
}

.cart_totals .woocommerce-shipping-destination {
   margin-bottom: 10px
}

.cart_totals .woocommerce-shipping-methods {
   margin-bottom: 0
}

.cart_totals .shipping-calculator-form {
   display: none
}

.cart_totals .shipping-calculator-form p:first-child {
   margin-top: 20px
}

.cart_totals .shipping-calculator-form p:last-child {
   margin-bottom: 0
}

.cart_totals .amount {
   font-weight: 700
}

.cart_totals .order-total .amount {
   color: var(--theme-color)
}

.empty-notice {
   margin: 40px auto
}

@media(max-width: 991px) {
   .cart_table th {
      padding: 23px 8px;
      font-size: 14px
   }

   .cart_table .cart-productname {
      font-size: 14px
   }

   .cart_table .th-cart-coupon {
      width: 100%;
      margin-bottom: 20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .cart_table .actions {
      text-align: center
   }

   .cart_table .cart-productimage {
      max-width: 100px
   }
}

@media(max-width: 767px) {
   .cart_table {
      text-align: left;
      min-width: auto;
      border-collapse: separate;
      border-spacing: 0 20px;
      border: none
   }

   .cart_table thead {
      display: none
   }

   .cart_table td {
      padding: 15px;
      display: block;
      width: 100%;
      padding-left: 25%;
      text-align: right;
      border: 1px solid var(--border-color);
      border-bottom: none
   }

   .cart_table td::before {
      display: block
   }

   .cart_table td:last-child {
      border-bottom: 1px solid var(--border-color)
   }

   .cart_table td.actions {
      padding-left: 15px;
      text-align: center
   }

   .cart_table td.actions>.th-btn {
      margin-top: 10px;
      margin-right: 0;
      display: block;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin-left: auto;
      margin-right: auto
   }

   .cart_table td.actions>.th-btn:last-child {
      margin-right: auto
   }

   .cart_table .th-cart-coupon {
      width: 100%;
      text-align: center;
      float: none;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: block;
      padding-bottom: 10px
   }

   .cart_table .th-cart-coupon input {
      width: 100%;
      margin-bottom: 10px
   }

   .cart_totals th,
   .cart_totals td {
      padding: 15px 10px
   }

   .cart_totals th:first-child,
   .cart_totals td:first-child {
      width: 17%;
      line-height: 1.4
   }
}

.woocommerce-checkout .form-group,
.woocommerce-checkout .form-row {
   margin-bottom: 0
}

.woocommerce-checkout .form-select,
.woocommerce-checkout .select2-container,
.woocommerce-checkout .form-control {
   margin-bottom: 0
}

.woocommerce-checkout .select2-container--open .select2-dropdown--below {
   margin-top: 0
}

.woocommerce-checkout .select2-container--open .select2-dropdown--above {
   position: relative;
   bottom: 0
}

.woocommerce-checkout .select2-dropdown {
   border: none;
   border-top: none
}

.woocommerce-checkout .select2-container--default .select2-selection--single {
   border-radius: 4px
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout .select2-container--default .select2-selection--single .form-control:focus {
   color: var(--body-color)
}

.woocommerce-checkout .shipping_address {
   margin-top: -3px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   border: 1px solid #eee;
   padding: 0
}

.woocommerce-form-login select,
.woocommerce-form-login .form-select,
.woocommerce-form-login .form-control,
.woocommerce-form-login .select2,
.woocommerce-form-login .select2-container,
.woocommerce-form-coupon select,
.woocommerce-form-coupon .form-select,
.woocommerce-form-coupon .form-control,
.woocommerce-form-coupon .select2,
.woocommerce-form-coupon .select2-container,
.woocommerce-checkout select,
.woocommerce-checkout .form-select,
.woocommerce-checkout .form-control,
.woocommerce-checkout .select2,
.woocommerce-checkout .select2-container {
   margin-bottom: var(--bs-gutter-x)
}

#ship-to-different-address {
   margin-top: 15px
}

.select2-container--default .select2-selection--single {
   height: 50px;
   border: 1px solid rgba(0, 0, 0, 0);
   background-color: var(--smoke-color)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 50px;
   padding-left: 25px;
   padding-right: 25px
}

.woocommerce-billing-fields .form-row {
   margin-bottom: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
   content: "";
   font-family: var(--icon-font)
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
   margin: 0;
   border: none;
   top: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 50px;
   line-height: 50px;
   margin-right: 30px
}

span.select2-selection.select2-selection--single:focus {
   outline: none
}

.checkout-ordertable th,
.checkout-ordertable td {
   border: 1px solid var(--border-color);
   text-align: right;
   padding: 5px 20px;
   vertical-align: top;
   font-size: 14px;
   font-weight: 600;
   color: var(--title-color)
}

.checkout-ordertable th {
   font-weight: 800;
   text-align: left
}

.checkout-ordertable ul {
   margin: 0;
   padding: 0
}

.checkout-ordertable .order-total .amount {
   color: var(--theme-color)
}

.checkout-ordertable input[type=hidden]~label {
   color: var(--theme-color)
}

.woocommerce-checkout .form-group input:not(:last-child) {
   margin-bottom: var(--bs-gutter-x)
}

.woocommerce-checkout-payment {
   text-align: left
}

.woocommerce-checkout-payment ul {
   margin: 0;
   padding: 0;
   list-style-type: none
}

.woocommerce-checkout-payment ul li {
   padding-top: 12px;
   border-bottom: 1px solid var(--border-color);
   border-radius: 4px;
   font-size: 16px
}

.woocommerce-checkout-payment ul input[type=radio]~label {
   margin-bottom: 17px;
   color: var(--body-color)
}

.woocommerce-checkout-payment ul input[type=radio]~label img {
   margin-bottom: -2px;
   margin-left: 10px
}

.woocommerce-checkout-payment .place-order {
   padding-top: 30px
}

.woocommerce-checkout-payment .payment_box {
   color: var(--body-color);
   background-color: var(--smoke-color);
   border: 1px solid var(--border-color);
   border-bottom: none;
   font-size: 14px;
   padding: 10px 20px;
   border-radius: 4px;
   display: none
}

.woocommerce-checkout-payment .payment_box p {
   margin: 0
}

.th-checkout-wrapper form.woocommerce-form {
   margin-bottom: 25px
}

@media(max-width: 767px) {
   tfoot.checkout-ordertable th {
      display: none
   }

   .woocommerce-checkout-payment ul input[type=radio]~label img {
      max-width: 150px
   }

   .checkout-ordertable th,
   .checkout-ordertable td {
      padding: 5px 20px 5px 60px
   }
}

.tinv-wishlist input[type=checkbox] {
   display: inline-block;
   opacity: 1;
   visibility: visible;
   vertical-align: middle;
   width: auto;
   height: auto
}

.tinv-wishlist .tinv-header {
   margin-top: -0.5rem;
   text-transform: capitalize
}

.tinv-wishlist .cart-empty {
   padding: 12px 25px;
   background-color: var(--smoke-color);
   border-radius: 0;
   font-weight: 700;
   font-size: 14px
}

.tinv-wishlist p.return-to-shop .button {
   display: inline-block;
   background-color: var(--theme-color);
   color: #fff;
   font-size: 14px;
   padding: 10px 25px;
   margin-top: 10px;
   font-weight: 700
}

.tinv-wishlist p.return-to-shop .button:hover {
   background-color: var(--title-color);
   color: var(--white-color)
}

.tinv-wishlist table {
   border: none
}

.tinv-wishlist table th {
   color: var(--title-color)
}

.tinv-wishlist table td,
.tinv-wishlist table th {
   padding: 15.3px 10px;
   border-bottom: 1px solid var(--border-color);
   text-align: center
}

.tinv-wishlist table thead {
   background-color: var(--smoke-color)
}

.tinv-wishlist .product-cb,
.tinv-wishlist .product-remove {
   width: 40px;
   text-align: center
}

.tinv-wishlist .product-thumbnail {
   width: 110px
}

.tinv-wishlist .stock.in-stock {
   margin-bottom: 0
}

.tinv-wishlist ins {
   text-decoration: none
}

.tinv-wishlist .product-remove button {
   border: none;
   height: 22px;
   width: 22px;
   text-align: center;
   font-size: 12px;
   line-height: 22px;
   border-radius: 0;
   padding-top: 0;
   background-color: var(--smoke-color);
   color: var(--title-color)
}

.tinv-wishlist .product-remove button i {
   line-height: 22px;
   font-size: 16px
}

.tinv-wishlist .tinvwl-mobile {
   display: none
}

.tinv-wishlist .social-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   max-width: 295px;
   margin-left: auto;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.tinv-wishlist .social-buttons ul {
   padding-left: 0;
   margin-bottom: 0;
   margin-left: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 6px
}

.tinv-wishlist table.tinvwl-table-manage-list {
   font-size: 16px
}

.tinv-wishlist .product-stock .stock {
   display: block
}

.tinv-wishlist .product-stock span {
   display: inline
}

.tinv-wishlist .product-stock i {
   margin-right: 5px
}

.tinv-wishlist .tinv-modal .icon_big_times {
   margin-bottom: 5px;
   color: var(--theme-color)
}

.tinv-wishlist button.button {
   border: none;
   height: 38px;
   line-height: 38px;
   font-size: 14px;
   font-weight: 600;
   background-color: var(--theme-color);
   color: #fff;
   padding: 1px 15px;
   min-width: 140px
}

.tinv-wishlist button.button i {
   font-size: 14px !important;
   margin-right: 5px !important
}

.tinv-wishlist button.button:hover {
   background-color: var(--title-color);
   color: #fff
}

.tinv-wishlist .tinvwl-buttons-group button i {
   font-size: 14px
}

.tinv-wishlist th,
.tinv-wishlist td.product-name {
   font-size: 16px;
   font-weight: 700;
   font-family: var(--title-font)
}

.tinv-wishlist td.product-name a {
   color: var(--body-color)
}

.tinv-wishlist td.product-name a:hover {
   color: var(--theme-color)
}

.tinv-wishlist td.product-price del {
   margin-left: 8px;
   font-size: .9em
}

.tinv-wishlist .social-buttons>span {
   font-weight: 700;
   margin-right: 10px;
   font-family: var(--title-font);
   color: var(--title-color)
}

.tinv-wishlist .social-buttons li {
   display: inline-block;
   margin-right: 0
}

.tinv-wishlist .social-buttons li a.social {
   background-color: var(--theme-color);
   color: #fff;
   width: 30px;
   height: 30px;
   line-height: 30px;
   font-size: 14px;
   display: inline-block;
   text-align: center;
   border-radius: 50px;
   margin-left: 3px
}

.tinv-wishlist .social-buttons li a.social:first-child {
   margin-left: 0
}

.tinv-wishlist .social-buttons li a.social i {
   line-height: inherit
}

.tinv-wishlist .social-buttons li a.social:hover {
   background-color: var(--title-color);
   color: var(--white-color)
}

@media(max-width: 991px) {
   .tinvwl-full {
      display: none
   }

   .tinv-wishlist .tinvwl-mobile {
      display: block
   }

   .tinvwl-txt {
      display: inline-block !important
   }

   .product-stock {
      width: 40px;
      text-align: center
   }
}

@media(max-width: 767px) {
   .tinv-wishlist table {
      table-layout: fixed;
      border-bottom: 1px solid var(--border-color)
   }

   .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove,
   .tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name) {
      display: none
   }

   .tinv-wishlist table td,
   .tinv-wishlist table th {
      border: 1px solid var(--border-color)
   }

   .tinv-wishlist table.tinvwl-table-manage-list tbody td {
      display: block;
      width: 100% !important;
      text-align: center
   }

   .product-name {
      text-align: center
   }

   .tinv-wishlist table td,
   .tinv-wishlist table th {
      border-bottom: none
   }

   .tinv-wishlist table tfoot {
      border-bottom: 1px solid var(--border-color)
   }

   .tinv-wishlist .social-buttons {
      max-width: 100%;
      margin-left: unset;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .tinv-wishlist .social-buttons ul {
      margin-left: unset;
      margin-top: 5px
   }

   .tinvwl-txt {
      display: inline-block !important
   }
}

.contact-feature {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 25px;
   margin-bottom: 40px;
   text-align: left
}

@media(max-width: 1199px) {
   .contact-feature-wrap {
      display: grid;
      grid-template-columns: auto auto auto;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
   }
}

@media(max-width: 1199px)and (max-width: 767px) {
   .contact-feature-wrap {
      grid-template-columns: repeat(2, 1fr);
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }
}

@media(max-width: 1199px)and (max-width: 575px) {
   .contact-feature-wrap {
      grid-template-columns: repeat(1, 1fr);
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }
}

@media(max-width: 991px) {
   .contact-feature {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center
   }
}

.contact-feature:last-child {
   margin-bottom: 0 !important
}

.contact-feature .box-content {
   max-width: 235px
}

@media(max-width: 575px) {
   .contact-feature .box-content {
      margin-left: auto;
      margin-right: auto
   }
}

.contact-feature .box-content a {
   display: block;
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   color: inherit
}

@media(max-width: 991px) {
   .contact-feature .box-content a {
      margin-left: auto;
      margin-right: auto
   }
}

.contact-feature .box-content a:hover {
   color: var(--theme-color)
}

.contact-feature .box-title-22 {
   margin-bottom: 5px
}

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

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

.quote-form-box {
   padding: 50px;
   background-color: var(--smoke-color)
}

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

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

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

@media(max-width: 575px) {
   .quote-form-box {
      padding: 40px 20px
   }
}

.contact-map {
   line-height: 0px
}

.contact-map iframe {
   height: 500px
}

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

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

@media(min-width: 1300px) {
   .img-box1 {
      margin-right: 36px
   }
}

.img-box1 {
   position: relative;
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 30px
}

.img-box1 .img2 img {
   border-radius: 999px
}

.img-box1 .icon-btn {
   --btn-size: 80px;
   border-radius: 10px;
   position: absolute;
   top: 90px;
   right: 0
}

.img-box1 .icon-btn i {
   padding-right: .1em
}

@media(max-width: 1199px) {
   .img-box1 img {
      width: 100%;
      max-height: 470px;
      -o-object-fit: cover;
      object-fit: cover
   }

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

   .img-box1 .img2 {
      width: 37%
   }
}

@media(max-width: 575px) {
   .img-box1 {
      gap: 10px
   }

   .img-box1 .icon-btn {
      --btn-size: 50px;
      border-radius: 5px;
      top: 40px
   }
}

.story-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   max-width: 536px;
   position: relative;
   z-index: 3
}

.story-box:before,
.story-box:after {
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 36px 36px 0 0;
   border-color: var(--border-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   margin-top: 19px
}

@media(max-width: 575px) {

   .story-box:before,
   .story-box:after {
      margin-top: 0;
      margin-left: 19px;
      -webkit-transform: rotateY(0) !important;
      transform: rotateY(0) !important
   }
}

.story-box:before {
   border-width: 34px 34px 0 0;
   border-color: var(--body-bg) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   position: absolute;
   top: 1px;
   right: 3px;
   z-index: 2
}

@media(max-width: 575px) {
   .story-box:before {
      top: calc(100% - 38px) !important;
      left: 2px !important
   }
}

@media(max-width: 575px) {
   .story-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.story-box-area {
   max-width: 1060px;
   margin: 0 auto;
   background-size: auto;
   background-repeat: repeat-y;
   background-position: top center
}

@media(max-width: 1199px) {
   .story-box-area {
      background-image: none !important
   }
}

.story-box-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 50px;
   margin-bottom: 60px;
   position: relative;
   z-index: 2;
   max-width: 635px
}

.story-box-wrap:nth-child(even) {
   margin-left: auto;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse
}

.story-box-wrap:nth-child(even) .story-box {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse
}

.story-box-wrap:nth-child(even) .story-box:before,
.story-box-wrap:nth-child(even) .story-box:after {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

.story-box-wrap:nth-child(even) .story-box:before {
   left: 3px;
   right: unset
}

@media(max-width: 575px) {
   .story-box-wrap:nth-child(even) .story-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

@media(max-width: 575px) {
   .story-box-wrap:nth-child(even) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.story-box-wrap .story-year {
   font-family: var(--title-font);
   font-weight: 700;
   color: var(--title-color);
   height: 50px;
   min-width: 50px;
   line-height: 50px;
   border-radius: 99px;
   -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, .2);
   box-shadow: 0px 10px 50px rgba(0, 0, 0, .2);
   text-align: center;
   background-color: var(--body-bg);
   margin-left: auto;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

@media(max-width: 575px) {
   .story-box-wrap .story-year {
      margin-left: unset;
      margin-right: auto
   }
}

@media(max-width: 1199px) {
   .story-box-wrap {
      gap: 20px;
      margin-bottom: 40px
   }
}

@media(max-width: 575px) {
   .story-box-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.story-box-wrap:hover .story-year {
   background-color: var(--theme-color);
   color: var(--white-color)
}

.story-box-wrap:last-child {
   margin-bottom: 0 !important
}

.story-box .box-img {
   width: 200px
}

.story-box .box-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

@media(max-width: 575px) {
   .story-box .box-img {
      width: 100%;
      max-height: 200px;
      overflow: hidden
   }
}

.story-box .box-title {
   font-size: 22px;
   margin-top: -0.24em;
   margin-bottom: 5px
}

.story-box .box-content {
   padding: 38px 40px;
   -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, .08);
   box-shadow: 0px 10px 50px rgba(0, 0, 0, .08);
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border: 1px solid var(--border-color);
   background-color: var(--body-bg)
}

@media(max-width: 767px) {
   .story-box .box-content {
      padding: 20px
   }
}

@media(max-width: 575px) {
   .story-box .box-content {
      padding: 38px 40px
   }
}

.team-card .box-img {
   overflow: hidden;
   position: relative;
   z-index: 2;
   margin-bottom: 20px
}

.team-card .box-img:after {
   content: "";
   position: absolute;
   inset: 0;
   background-color: var(--black-color);
   opacity: 0;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.team-card .box-img img {
   width: 100%
}

.team-card .th-social {
   position: absolute;
   bottom: 30px;
   right: 30px;
   z-index: 3;
   width: 40px
}

.team-card .th-social a {
   margin: 10px 0 0 0;
   visibility: hidden;
   opacity: 0;
   -webkit-transform: translateX(30px);
   transform: translateX(30px)
}

.team-card .th-social a:nth-child(1) {
   -webkit-transition-delay: .3s;
   transition-delay: .3s
}

.team-card .th-social a:nth-child(2) {
   -webkit-transition-delay: .2s;
   transition-delay: .2s
}

.team-card .th-social a:nth-child(3) {
   -webkit-transition-delay: .1s;
   transition-delay: .1s
}

.team-card .th-social a:nth-child(4) {
   -webkit-transition-delay: 0s;
   transition-delay: 0s
}

.team-card .box-title {
   font-size: 22px;
   margin-bottom: 5px
}

.team-card .box-text {
   font-size: 14px;
   font-weight: 500
}

.team-card:hover .box-img:after {
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
   opacity: .6
}

.team-card:hover .th-social a {
   -webkit-transform: translateX(0);
   transform: translateX(0);
   visibility: visible;
   opacity: 1
}

.author-details {
   --border-color: #E5E5E5;
   background-color: var(--smoke-color)
}

.author-details .author-img {
   overflow: hidden
}

.author-details .author-img img {
   width: 100%;
   max-height: 400px;
   -o-object-fit: cover;
   object-fit: cover
}

.author-details .info-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-bottom: 1px solid var(--border-color);
   padding-bottom: 17px;
   margin-bottom: 17px
}

.author-details .info-wrap .info {
   font-weight: 500
}

.author-details .info-wrap .info a {
   color: inherit
}

.author-details .info-wrap .info a:hover {
   color: var(--theme-color)
}

.author-details .info-wrap strong {
   color: var(--title-color)
}

.author-details .info-wrap.top-border {
   border-top: 1px solid var(--border-color);
   padding-top: 17px
}

.author-details .box-title-24 {
   margin-bottom: 5px
}

.author-details .box-title-18 {
   margin-bottom: 10px;
   margin-top: 25px;
   font-weight: 700
}

.author-details .author-content {
   background-color: var(--smoke-color);
   padding: 40px
}

@media(max-width: 375px) {
   .author-details .author-content {
      padding: 20px
   }
}

.counter-card {
   --border-color: rgba(255, 255, 255, 0.3);
   border-right: 1px solid var(--border-color);
   text-align: center;
   position: relative;
   z-index: 2
}

.counter-card-wrap {
   background-color: var(--theme-color);
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   padding: 60px 0;
   position: relative;
   z-index: 3
}

.counter-card:last-child {
   border-right: none
}

.counter-card_number {
   font-size: 60px;
   color: var(--white-color);
   font-weight: 900;
   margin-bottom: 2px;
   margin-top: -0.25em
}

.counter-card_text {
   font-weight: 500;
   color: var(--white-color);
   display: block;
   margin-bottom: -0.5em
}

.cta-sec-1 {
   padding-bottom: 100px;
   background-attachment: fixed
}

.counter-sec-1 {
   margin-top: -100px
}

@media(max-width: 991px) {
   .counter-card-wrap {
      grid-template-columns: repeat(2, 1fr);
      padding: 40px
   }

   .counter-card:nth-child(even) {
      border-right: none
   }

   .counter-card:nth-child(-n+2) {
      border-bottom: 1px solid var(--border-color);
      padding-bottom: 30px
   }

   .counter-card:nth-last-child(-n+2) {
      padding-top: 30px
   }
}

@media(max-width: 575px) {
   .counter-card-wrap {
      padding: 40px 0
   }

   .counter-card_number {
      font-size: 48px;
      margin-bottom: 0
   }

   .counter-card_text {
      font-size: 14px
   }
}

.blog-style1 .category {
   margin-bottom: 22px
}

.blog-style1 .blog-img {
   overflow: hidden;
   margin-bottom: 20px
}

.blog-style1 .blog-img img {
   width: 100%
}

.blog-style1 .blog-img .category {
   margin-bottom: 0
}

/* .blog-style1 .blog-img .play-btn {
   --icon-size: 50px;
   position: absolute;
   top: 50%;
   right: 50%;
   margin-top: calc(var(--icon-size)/-2);
   margin-right: calc(var(--icon-size)/-2)
} */

.blog-style1 .box-title-20 {
   margin-bottom: 10px
}

.blog-style1 .box-title-22 {
   margin-bottom: 10px
}

.blog-style1 .blog-meta {
   margin-bottom: -0.4em
}

.blog-style1:has(.box-title-24) .blog-img {
   margin-bottom: 25px
}

.blog-style1.style-big .blog-img {
   margin-bottom: 30px
}

.blog-style1.style-big .blog-meta span,
.blog-style1.style-big .blog-meta a {
   padding-right: 20px;
   margin-right: 16px
}

.blog-style1:hover .blog-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.border-blog>* {
   padding-bottom: 0px;
/*    border-bottom: 1px solid var(--border-color) */
}

.border-blog:last-child>* {
   padding-bottom: 0;
   border-bottom: none
}

@media(max-width: 1199px) {
   .border-blog:last-child>* {
      padding-bottom: 24px;
      border-bottom: 1px solid var(--border-color)
   }
}

.border-blog.two-column:nth-last-child(-n+2)>* {
   padding-bottom: 0;
   border-bottom: none
}

.border-blog.three-column:nth-last-child(-n+3)>* {
   padding-bottom: 0;
   border-bottom: none
}

@media(max-width: 991px) {
   .border-blog.three-column:nth-last-child(-n+3)>* {
      border-bottom: 1px solid var(--border-color);
      padding-bottom: 24px
   }
}

.blog-style2 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 18px
}

.blog-style2 .blog-img {
   overflow: hidden;
   width: 100px
}

.blog-style2 .blog-img .play-btn {
   --icon-size: 34px;
   font-size: 12px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: calc(var(--icon-size)/-2) 0 0 calc(var(--icon-size)/-2)
}

.blog-style2 .blog-img img {
    width: 100%;
    height: 80px;
}

.blog-style2 .blog-img .icon {
   position: absolute;
   bottom: 0;
   left: 10px;
   color: var(--white-color);
   font-size: 20px;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.blog-style2 .blog-content {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1
}

.blog-style2 .box-title-18 {
   margin-bottom: 5px
}

.blog-style2 .category {
   line-height: 21px;
   margin-bottom: 9px
}

.blog-style2 .blog-meta {
   margin-bottom: -0.5em
}

.blog-style2 .box-title-20 {
   margin-bottom: 2px
}

@media(max-width: 340px) {
   .blog-style2 .box-title-20 {
      font-size: 18px
   }
}

.blog-style2:has(.box-title-20) {
   gap: 24px
}

.blog-style2:has(.box-title-20) .blog-img {
   width: 110px
}

@media(max-width: 340px) {
   .blog-style2:has(.box-title-20) .blog-img {
      width: 100px
   }
}

.blog-style2 .blog-img.img-100 {
   width: 100px
}

.blog-style2 .img-big {
   width: 130px !important
}

@media(max-width: 375px) {
   .blog-style2 .img-big {
      width: 110px !important
   }
}

.blog-style2:has(.img-big) .category {
   line-height: 24px;
   margin-bottom: 14px
}

@media(max-width: 375px) {
   .blog-style2:has(.img-big) .category {
      line-height: 21px
   }
}

.blog-style2:hover .blog-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.dark-theme .blog-style2 .box-title-20 {
   font-weight: 500
}

.gy-24.filter-active .blog-style2,
.gy-24.filter-active .blog-style3 {
   margin-bottom: 24px
}

.mbn-24 {
   margin-bottom: -24px
}

.blog-style3 {
   --space: 25px;
   position: relative;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.blog-style3:has(.box-title-24),
.blog-style3:has(.box-title-30) {
   --space: 30px
}

@media(max-width: 575px) {

   .blog-style3:has(.box-title-24),
   .blog-style3:has(.box-title-30) {
      --space: 20px
   }
}

.blog-style3:has(.box-title-22) {
   --space: 20px
}

.blog-style3>.play-btn {
   --icon-size: 70px;
   margin-top: calc(var(--icon-size)/-2);
   margin-right: calc(var(--icon-size)/-2);
   position: absolute;
   top: 50%;
   right: 50%;
   z-index: 3
}

@media(max-width: 575px) {
   .blog-style3>.play-btn {
      --icon-size: 50px;
      font-size: .9em
   }
}

@media(max-width: 375px) {
   .blog-style3>.play-btn {
      top: 60px;
      right: 60px
   }
}

.blog-style3 .blog-img {
   overflow: hidden
}

.blog-style3 .blog-img:after {
   content: "";
   position: absolute;
   inset: 0;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.75)));
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.75) 100%)
}

.blog-style3 .blog-img .play-btn {
   position: absolute;
   top: var(--space);
   right: var(--space)
}

.blog-style3 .blog-img img {
   min-height: 220px;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

@media(max-width: 1199px) {
   .blog-style3 .blog-img img {
      max-height: 500px
   }
}

.blog-style3 .blog-content {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   padding: var(--space);
   z-index: 3
}

.blog-style3 .category {
   margin-bottom: 15px
}

.blog-style3 .box-title-30 {
   margin-top: 0;
   margin-bottom: 10px
}

.blog-style3 .box-title-40 {
   margin-top: 0
}

.blog-style3 .box-title-24 {
   margin-top: 0;
   margin-bottom: 10px
}

.blog-style3 .box-title-22,
.blog-style3 .box-title-20,
.blog-style3 .box-title-18 {
   margin-bottom: 7px
}

.blog-style3 .blog-meta {
   margin-bottom: -0.5em
}

.blog-style3:hover .blog-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.dark-theme>.blog-style3 {
   --border-color: #EFEFEF
}

.dark-theme>.blog-style3 h3 {
   font-weight: 600
}

.border-blog>.blog-style3 .blog-content {
}

.border-blog:last-child>.blog-style3 .blog-content {
   padding-bottom: var(--space)
}

@media(max-width: 1199px) {
   .border-blog:last-child>.blog-style3 .blog-content {
      padding-bottom: calc(var(--space) + 24px)
   }
}

.space-40 .blog-style3 {
   --space: 40px
}

@media(max-width: 767px) {
   .space-40 .blog-style3 {
      --space: 30px
   }
}

@media(max-width: 575px) {
   .space-40 .blog-style3 {
      --space: 20px
   }
}

#blog-video-slide1 {
   margin-left: 0;
   margin-right: 0
}

.video-center-mode {
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.video-center-mode>* {
   --space: 25px
}

.video-center-mode .blog-img img {
   height: 350px
}

.video-center-mode>* {
   width: 288px
}

.video-center-mode .box-title-30 {
   font-size: 18px
}

.video-center-mode.slick-current .box-title-30 {
   font-size: 30px
}

.video-center-mode.slick-current>* {
   width: 600px;
   --space: 35px
}

@media(max-width: 1299px) {
   .video-center-mode .box-title-30 {
      font-size: 16px
   }

   .video-center-mode.slick-current .box-title-30 {
      font-size: 26px
   }

   .video-center-mode.slick-current>* {
      width: 501px
   }
}

@media(max-width: 767px) {
   .video-center-mode .box-title-30 {
      font-size: 26px
   }

   .video-center-mode>* {
      --space: 30px;
      width: 100%
   }

   .video-center-mode.slick-current .box-title-30 {
      font-size: 26px
   }

   .video-center-mode.slick-current>* {
      width: 100%;
      --space: 30px
   }

   #blog-video-slide1 {
      margin-left: -12px;
      margin-right: -12px
   }
}

@media(max-width: 575px) {
   .video-center-mode .box-title-30 {
      font-size: 24px !important
   }

   .video-center-mode>* {
      --space: 20px
   }

   .video-center-mode.slick-current>* {
      --space: 20px
   }

   .blog-style3 {
      --space: 20px
   }
}

.img-overlay2 .blog-img:after {
   background: -webkit-gradient(linear, left top, left bottom, color-stop(19.27%, rgba(0, 0, 0, 0)), to(#000000));
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 19.27%, #000000 100%)
}

.blog-style4 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 30px
}

.blog-style4 .blog-img {
   overflow: hidden;
   width: 300px
}

.blog-style4 .blog-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.blog-style4 .w-270 {
   width: 270px
}

.blog-style4 .w-386 {
   width: 386px
}

@media(max-width: 1299px) {
   .blog-style4 .w-386 {
      width: 280px
   }
}

.blog-style4 .blog-content {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   -ms-flex-item-align: center;
   align-self: center
}

.blog-style4 .category {
   margin-bottom: 16px
}

.blog-style4 .blog-meta {
   margin-bottom: -0.45em
}

.blog-style4 .box-title-24 {
   margin-bottom: 8px
}

.blog-style4 .box-title-22 {
   margin-bottom: 15px
}

.blog-style4 .blog-text {
   margin-bottom: 10px
}

.blog-style4 .th-btn {
   margin-top: 28px
}

.blog-style4:hover .blog-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.two-column .blog-style4 .blog-img {
   width: 220px
}

@media(max-width: 767px) {
   .blog-style4 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
   }

   .blog-style4 .blog-img {
      min-width: 100%
   }
}

.border-blog2 {
   border-bottom: 1px solid var(--border-color);
   padding-bottom: 30px;
   margin-bottom: 30px
}

.border-blog2:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none
}

.blog-style5 .box-title-18 {
   margin-bottom: 9px
}

.blog-style5 .blog-meta {
   margin-bottom: -0.5em
}

.blog-overflow {
   overflow-y: scroll;
   max-height: 497px;
   border: 1px solid var(--border-color);
   padding: 30px;
   cursor: s-resize
}

.blog-style6 .category {
   margin-bottom: 20px
}

.blog-style6 .blog-img {
   overflow: hidden
}

.blog-style6 .blog-img img {
   width: 100%
}

.blog-style6 .blog-img .category {
   margin-bottom: 0
}

.blog-style6 .box-title-22 {
   margin-bottom: 10px
}

.blog-style6 .blog-meta {
   margin-bottom: -0.45em
}

.blog-style6 .blog-content {
   padding: 30px;
   border: 1px solid var(--border-color)
}

.blog-style6:hover .blog-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.blog-bg-style1 {
   padding: 160px 0
}

@media(max-width: 1199px) {
   .blog-bg-style1 {
      padding: 120px 0
   }
}

@media(max-width: 991px) {
   .blog-bg-style1 {
      padding: 100px 0
   }
}

@media(max-width: 575px) {
   .blog-bg-style1 {
      text-align: center
   }
}

.blog-bg-style1 .category {
   margin-bottom: 30px
}

.blog-bg-style1 .blog-meta {
   margin-bottom: -0.45em
}

.blog-bg-style1 .play-btn {
   --icon-size: 80px
}

.blog-bg-style1.row {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.blog-style7 .blog-img {
   overflow: hidden;
   margin-bottom: 22px
}

.blog-style7 .blog-img img {
   width: 100%
}

.blog-style7 .blog-img .category {
   margin-bottom: 0
}

.blog-style7 .box-title-24 {
   margin-bottom: 18px
}

.blog-style7 .blog-meta {
   margin-bottom: 12px
}

.blog-style7:hover .blog-img img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

@media(min-width: 1300px) {
   .blog-tab {
      padding-right: 15px
   }
}

.blog-tab {
   position: relative;
   z-index: 2
}

.blog-tab .play-btn {
   pointer-events: none
}

.blog-tab .tab-btn {
   margin-bottom: 20px;
   cursor: pointer
}

.blog-tab .tab-btn:last-child {
   margin-bottom: 0
}

.blog-tab:after {
   content: "";
   height: 100%;
   width: 4px;
   background-color: var(--border-color);
   border-radius: 99px;
   position: absolute;
   bottom: 0;
   right: -15px
}

.blog-tab .indicator {
   position: absolute;
   right: -15px;
   top: var(--pos-y);
   background-color: var(--theme-color);
   border-radius: 99px;
   height: var(--height-set);
   width: 4px;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out;
   z-index: 2
}

.blog-style2 .blog-img:after {
   content: "";
   position: absolute;
   inset: 0;
   background-color: var(--title-dark);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .3s ease;
   transition: .3s ease
}

.tab-btn.active .blog-style2 .blog-img:after {
   opacity: .5;
   visibility: visible
}

.tab-btn.active .blog-style2 .blog-img .icon {
   visibility: visible;
   opacity: 1;
   bottom: 7px;
   z-index: 2
}

.tab-btn.active .blog-style2 .blog-img .play-btn {
   -webkit-transform: scale(0);
   transform: scale(0)
}

@media(max-width: 1199px) {
   .blog-tab .tab-btn {
      margin-bottom: 24px
   }

   .blog-tab .tab-btn:last-child {
      margin-bottom: 0
   }

   .blog-tab .blog-style2 .blog-content {
      display: none
   }

   .blog-tab::after {
      right: -10px
   }

   .blog-tab .indicator {
      right: -10px
   }
}

@media(max-width: 991px) {
   .blog-tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      margin-bottom: 24px
   }

   .blog-tab .blog-img {
      width: 100% !important
   }

   .blog-tab .blog-img img {
      height: 100px !important;
      -o-object-fit: cover;
      object-fit: cover
   }

   .blog-tab .tab-btn {
      margin-bottom: 24px;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
   }

   .blog-tab:after {
      height: 4px;
      width: 100%;
      right: 0
   }

   .blog-tab .indicator {
      right: unset;
      left: var(--pos-x);
      top: unset;
      bottom: 0;
      height: 4px;
      width: var(--width-set)
   }
}

@media(max-width: 575px) {
   .blog-tab {
      gap: 10px
   }
}

@media(max-width: 375px) {
   .blog-tab {
      gap: 5px
   }
}

.blog-style8 {
   padding-left: 28px
}

@media(max-width: 991px) {
   .blog-style8 {
      padding-left: 0
   }
}

.blog-style8 .box-title-30 {
   margin-bottom: 15px
}

.blog-style8 .blog-img {
   margin-bottom: 32px
}

/* .blog-style8 .blog-img:after {
   content: "";
   position: absolute;
   inset: 0;
   background-color: var(--title-dark);
   opacity: .4
} */

.blog-style8 .blog-img img {
   width: 100%;
   min-height: 378px;
   -o-object-fit: cover;
   object-fit: cover
}

.blog-style8 .blog-img .play-btn {
   --icon-size: 50px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: calc(var(--icon-size)/-2) 0 0 calc(var(--icon-size)/-2)
}

.dark-theme .blog-style8 .box-title-30 {
   font-weight: 600
}

.container-full-1 {
   max-width: 100%;
   padding: 36px 36px 0 36px
}

@media(max-width: 575px) {
   .container-full-1 {
      max-width: 575px;
      padding: 12px 12px 0 12px
   }
}

.blog-style9 {
   padding-bottom: 100px;
   position: relative
}

.blog-style9 .blog-img {
   overflow: hidden
}

.blog-style9 .blog-img img {
   width: 100%;
   min-height: 310px;
   -o-object-fit: cover;
   object-fit: cover
}

.blog-style9 .blog-content {
   background-color: var(--body-bg);
   -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, .08);
   box-shadow: 0px 5px 20px rgba(0, 0, 0, .08);
   max-width: calc(100% - 80px);
   position: absolute;
   bottom: 0;
   left: 40px;
   padding: 30px;
   text-align: center
}

.blog-style9 .category {
   margin-bottom: 20px
}

.blog-style9 .box-title-24 {
   margin-bottom: 12px
}

.blog-style9:hover .blog-img img {
   -webkit-transform: scale(1.09);
   transform: scale(1.09)
}

@media(max-width: 575px) {
   .blog-style9 .blog-content {
      max-width: calc(100% - 40px);
      left: 20px;
      padding: 30px 10px
   }
}

.checklist ul {
   padding-left: 0;
   list-style: none;
   text-align: left;
   margin-bottom: 0
}

.checklist li {
   color: var(--title-color);
   font-weight: 500;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px
}

.checklist li>i {
   color: var(--theme-color)
}

.checklist li:not(:last-child) {
   margin-bottom: 11px
}

.checklist.style2 li>i {
   font-size: 24px;
   color: var(--theme-color2)
}

@media(max-width: 1199px) {
   .checklist.mb-45 {
      margin-bottom: 40px
   }
}

.th-video {
   position: relative
}

.th-video img {
   border-radius: inherit
}

.th-video .play-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

.rounded-10 {
   border-radius: 10px
}

.icon-box {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   gap: 10px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.icon-box.has-right-line {
   position: relative
}

.icon-box.has-right-line:after {
   content: "";
   width: 160px;
   height: 4px;
   background: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(rgba(232, 58, 21, 0)));
   background: linear-gradient(90deg, var(--theme-color) 0%, rgba(232, 58, 21, 0) 100%);
   margin-left: 10px
}

@media(max-width: 1199px) {
   .icon-box.has-right-line:after {
      display: none
   }
}

.btn-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px 30px
}

.box-title a {
   color: inherit
}

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

.box-icon img {
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out;
   width: 40px;
}

.switcher-fixed {
   position: fixed;
   top: 50%;
   right: 50px;
   margin-top: -9px;
   z-index: 20;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.switcher-fixed i {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

@media(max-width: 767px) {
   .switcher-fixed {
      right: 20px
   }
}

.category-card {
   position: relative;
   z-index: 2;
   text-align: center;
   padding: 25px 10px
}

.category-card:after {
   content: "";
   position: absolute;
   inset: 0;
   background-color: var(--body-bg);
   border: 1px solid var(--border-color);
   z-index: -1;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.category-card .box-icon {
   margin-bottom: 10px
}

.category-card .box-title {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: -0.3em
}

.category-card:hover:after {
   -webkit-transform: scaleX(0);
   transform: scaleX(0)
}

.category-card:hover .box-icon img {
   -webkit-filter: invert(1);
   filter: invert(1);
   -webkit-transform: rotateY(360deg);
   transform: rotateY(360deg)
}

.category-card:hover .box-title {
   color: var(--white-color)
}

@media(max-width: 1199px) {
   p.mb-40 {
      margin-bottom: 35px
   }

   p.mb-45 {
      margin-bottom: 38px
   }
}

.news-area {
   background-color: var(--border-color);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   overflow: hidden
}

.news-area .title {
   display: inline-block;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   padding: 7px 20px;
   color: var(--white-color);
   background-color: var(--theme-color);
   white-space: nowrap;
   min-width: 160px;
   text-align: center
}

.news-area .news-wrap {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   max-width: calc(100% - 160px);
   padding: 5px 40px
}

.breaking-news {
   font-size: 14px;
   color: var(--body-color);
   position: relative;
   padding-left: 18px
}

.breaking-news:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -4px;
   width: 8px;
   height: 8px;
   background-color: var(--theme-color);
   border-radius: 99px
}

.breaking-news:hover {
   color: var(--theme-color)
}

@media(max-width: 575px) {
   .news-area .title {
      padding: 4px 3px;
    min-width: 62px;
    font-size: 10px;
   }

   .news-area .news-wrap {
      max-width: 295px;
      padding: 5px 0px
   }
}

.tab-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background-color: var(--smoke-color);
   border-radius: 4px;
   position: relative;
   z-index: 2;
   overflow: hidden;
   margin-bottom: 10px
}

.tab-menu .tab-btn {
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   padding: 8px 5px 6px 5px;
   color: var(--title-color);
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   background-color: rgba(0, 0, 0, 0);
   border: none
}

.tab-menu .tab-btn.active {
   color: var(--white-color)
}

.tab-menu .indicator {
   position: absolute;
   top: var(--pos-y);
   left: var(--pos-x);
   height: var(--height-set);
   width: var(--width-set);
   background-color: var(--theme-color);
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out;
   z-index: -1
}

.filter-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 8px
}

@media(max-width: 375px) {
   .filter-menu {
      gap: 5px
   }
}

.filter-menu .tab-btn {
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   background-color: var(--body-bg);
   border: 1px solid var(--border-color);
   color: var(--title-color);
   padding: 2px 16px;
   border-radius: 4px;
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

.filter-menu .tab-btn:last-child {
   margin-right: 0
}

.filter-menu .tab-btn.active {
   background-color: var(--theme-color);
   color: #224096;
   border-color: var(--theme-color)
}

.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%);
   transform: translateY(-50%)
}

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

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

.hero-1 {
   --body-color: #fff;
   --title-color: #fff
}

.hero-1 .blog-bg-style1 {
   padding: 120px 0 270px 0;
   max-width: 810px;
   position: relative;
   z-index: 6
}

.hero-1 .blog-text {
   font-size: 18px;
   margin-top: 22px;
   max-width: 690px;
   margin-bottom: -0.45em
}

.hero-tab {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 24px;
   border-top: 1px solid #54595f;
   padding-top: 30px;
   position: relative
}

.hero-tab-area {
   position: absolute;
   bottom: 40px;
   right: 0;
   width: 100%
}

.hero-tab .tab-btn {
   cursor: pointer
}

.hero-tab .indicator {
   position: absolute;
   left: var(--pos-x);
   top: -1px;
   background-color: var(--theme-color);
   height: 2px;
   width: var(--width-set);
   -webkit-transition: .4s ease-in-out;
   transition: .4s ease-in-out
}

@media(max-width: 1199px) {
   .hero-1 .blog-bg-style1 {
      padding: 90px 0 220px 0;
      max-width: 740px
   }

   .hero-tab .tab-btn img {
      min-height: 60px;
      -o-object-fit: cover;
      object-fit: cover
   }
}

@media(max-width: 991px) {
   .hero-1 .blog-bg-style1 {
      padding: 90px 0 190px 0;
      max-width: 540px
   }

   .hero-1 .blog-text {
      font-size: 16px;
      max-width: 600px
   }

   .hero-tab {
      gap: 12px;
      padding-top: 16px
   }
}

@media(max-width: 767px) {
   .hero-1 .blog-bg-style1 {
      text-align: center
   }
}

@media(max-width: 575px) {
   .hero-1 .blog-bg-style1 {
      padding: 90px 0 160px 0
   }

   .hero-tab-area {
      bottom: 20px
   }

   .hero-tab .tab-btn img {
      min-height: 40px
   }
}

.dark-theme {
   --title-color: #fff;
   --body-color: #B5B5B5;
   --smoke-color: #171718;
   --smoke-color2: #171718;
   --border-color: #54595F;
   --gray-color: #54595F;
   --body-bg: #1e1e1e
}

.dark-theme .footer-wrapper {
   --border-color: #54595F
}

.dark-theme .author-details {
   --border-color: #54595F
}

.dark-theme .light-img {
   display: none
}

.dark-theme .dark-img {
   display: inline-block
}

.dark-theme .header-top,
.dark-theme .news-area,
.dark-theme .breadcumb-wrapper {
   --border-color: #282828
}

.dark-theme .theme-toggler .light {
   display: none
}

.dark-theme .theme-toggler .dark {
   display: inline
}

.dark-theme .th-btn:hover,
.dark-theme .th-btn.active {
   color: #080809
}

.dark-theme .category-card .box-icon img {
   -webkit-filter: invert(1);
   filter: invert(1)
}

.dark-theme .story-box-wrap .story-year {
   background-color: var(--smoke-color)
}

.dark-theme .author-details .th-social a {
   --smoke-color: #1e1e1e
}

.dark-theme .main-menu ul.sub-menu,
.dark-theme .woocommerce-form-register,
.dark-theme .woocommerce-form-coupon,
.dark-theme .woocommerce-form-login {
   -webkit-box-shadow: 0px 6px 30px hsla(0, 0%, 100%, .05);
   box-shadow: 0px 6px 30px hsla(0, 0%, 100%, .05)
}

.dark-theme .box-title-30,
.dark-theme .box-title-20,
.dark-theme .box-title-18,
.dark-theme .box-title-24,
.dark-theme .box-title-22 {
   font-weight: 600
}

html.dark-theme .theme-switcher .light {
   display: none
}

html.dark-theme .theme-switcher .dark {
   display: inline-block
}

html.dark-theme .dark-theme>.blog-style3 {
   --border-color: #54595F
}

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

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

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

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

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

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

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

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

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

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

.py-5 {
   padding-top: 5px;
   padding-bottom: 5px
}

.py-10 {
   padding-top: 10px;
   padding-bottom: 10px
}

.py-15 {
   padding-top: 15px;
   padding-bottom: 15px
}

.py-20 {
   padding-top: 20px;
   padding-bottom: 20px
}

.py-25 {
   padding-top: 25px;
   padding-bottom: 25px
}

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

.py-35 {
   padding-top: 35px;
   padding-bottom: 35px
}

.py-40 {
   padding-top: 40px;
   padding-bottom: 40px
}

.py-45 {
   padding-top: 45px;
   padding-bottom: 45px
}

.py-50 {
   padding-top: 50px;
   padding-bottom: 50px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mx-5 {
   margin-right: 5px;
   margin-left: 5px
}

.mx-10 {
   margin-right: 10px;
   margin-left: 10px
}

.mx-15 {
   margin-right: 15px;
   margin-left: 15px
}

.mx-20 {
   margin-right: 20px;
   margin-left: 20px
}

.mx-25 {
   margin-right: 25px;
   margin-left: 25px
}

.mx-30 {
   margin-right: 30px;
   margin-left: 30px
}

.mx-35 {
   margin-right: 35px;
   margin-left: 35px
}

.mx-40 {
   margin-right: 40px;
   margin-left: 40px
}

.mx-45 {
   margin-right: 45px;
   margin-left: 45px
}

.mx-50 {
   margin-right: 50px;
   margin-left: 50px
}

.my-5 {
   margin-top: 5px;
   margin-bottom: 5px
}

.my-10 {
   margin-top: 10px;
   margin-bottom: 10px
}

.my-15 {
   margin-top: 15px;
   margin-bottom: 15px
}

.my-20 {
   margin-top: 20px;
   margin-bottom: 20px
}

.my-25 {
   margin-top: 25px;
   margin-bottom: 25px
}

.my-30 {
   margin-top: 30px;
   margin-bottom: 30px
}

.my-35 {
   margin-top: 35px;
   margin-bottom: 35px
}

.my-40 {
   margin-top: 40px;
   margin-bottom: 40px
}

.my-45 {
   margin-top: 45px;
   margin-bottom: 45px
}

.my-50 {
   margin-top: 50px;
   margin-bottom: 50px
}

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

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

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

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

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

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

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

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

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

.mt-50 {
   margin-top: 50px
}
.mt-100 {
   margin-top: 100px
}
.mb-5 {
   margin-bottom: 5px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-n1 {
   margin-top: -0.25rem
}

.mt-n2 {
   margin-top: -0.4rem
}

.mt-n3 {
   margin-top: -0.8rem
}

.mt-n4 {
   margin-top: -1.5rem
}

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

.mb-n1 {
   margin-bottom: -0.25rem
}

.mb-n2 {
   margin-bottom: -0.4rem
}

.mb-n3 {
   margin-bottom: -0.8rem
}

.mb-n4 {
   margin-bottom: -1.5rem
}

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

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

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

.space2,
.space2-top {
   padding-top: 100px
}

@media(max-width: 991px) {

   .space2,
   .space2-top {
      padding-top: 60px
   }
   .breadcumb-wrapper{
      margin-bottom: -40px;
   }
}

.space2,
.space2-bottom {
   padding-bottom: 100px
}

@media(max-width: 991px) {

   .space2,
   .space2-bottom {
      padding-bottom: 60px
   }
}

.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)
}

@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
   }
}

button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
  background-color: transparent !important;
}
.main-menu ul li.active a{
    color:#224096;
    font-weight:600;
}
.pap-single h2.sec-title {
    margin-bottom: 10px;
}
.pap-single button.th-btn {
    background-color: var(--theme-color) !important;
}
.pap-single .news-more {
    margin-bottom: 20px;
}

.pap-single .blog-img img {
   cursor: zoom-in;
   transition: 0.3s ease;
   height: 250px;
}
.pap-single .blog-img img:hover {
   transform: scale(1.03);
}
.newsletter-form button.th-btn.btn-fw {
    background-color: var(--theme-color) !important;
}
.news-indd .blog-style3 .blog-img img {
    height: 500px;
}
.wpcf7-form-control.wpcf7-submit.has-spinner.th-btn.btn-fw {
   background-color: #224096 !important;
}
.paper-news img {
    height: 200px !important;
    object-fit: cover;
}
.blog-img.banner {
  height: 253px;
}
.box-title-15 {
    font-size: 15px;
    margin: 0 0 10px 0;
}

.lat-news .blog-style1 .blog-img img {
    width: 100%;
    height: 200px;
   object-fit:cover;
}
li.header-logo {
    padding-right: 50px;
}
.blog-style1 {
    margin-bottom: 15px;
}




@media (max-width: 768px) {
  .far.fa-bars {
    color: #000 !important;
  }
  .fal.fa-times {
  color: #fff;
  font-weight: 700;
  background: #ed1b22;
  padding: 10px;
}
   .space.modified {
    padding-top: 5px;
}
   .header-top{
      display:none;
   }
}

@media (max-width: 768px) {
.main-menu ul li:first-child {
   margin-left: 0 !important;
   display:block !important;
   }
.single-news-sec.blog-details .blog-title {
  font-size: 17px !important;
  line-height: 24px !important;
}
.single-ppr .sec-title {
  font-size: 17px !important;
  line-height: 25px !important;
}
.box-title-24 {
   font-size: 14px;
}
.main-menu>ul>li {
   margin: 0px 15px;
   display: none;
}  
.mwpb-40 {
   padding-bottom: 40px;
}
.mwmb-0 {
   margin-bottom: 0;
}  
.sub-title {
   margin-bottom: 10px;
}  
.mwpt-0 {
   padding-top: 0;
}  
.newsletter-widget3 {
   padding: 30px 25px;
}
.mis-vis .box-title-24 {
   font-size: 28px !important;
}  
.mis-vis p {
   font-size: 15px;
   line-height: 27px;
}  
.mis-item {
   margin-top: 0;
}  
.team-card .box-img img {
   height: unset !important;
}
.mwptb-30 {
   padding-top: 30px !important;
   padding-bottom: 30px !important;
}  
.event-pg .border-blog > * {
   padding-bottom: 10px !important;
}  
.box-title-24 {
   font-size: 18px;
}  
.mwmb-70 {
   margin-bottom: 70px;
}
   
   
   
   
   
   
}







.news-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.news-marquee {
    overflow: hidden;
    white-space: nowrap;
}

.news-track {
    display: inline-flex;
    gap: 50px; /* space between news */
    animation: marqueeMove 20s linear infinite;
}

.news-item {
    display: inline-block;
}

.news-marquee:hover .news-track {
    animation-play-state: paused;
}

@keyframes marqueeMove {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.date-loc {
    display: flex;
    gap: 35px;
}
.single-news .blog-img img {
    width: 100%;
}
.space.modified {
  padding-top: 30px;
}
.blog-img.vedio.img-100 {
  width: 100px;
  height: 100px;
}
.box-title-16 {
    font-size: 16px;
    line-height: 26px;
}
.pb-45 {
    padding-bottom: 45px;
}



@media only screen and (max-width: 767px) {
   
.mwpb-20 {
   padding-bottom: 20px;
}
}

@media (max-width: 768px) {
  .slick-track {
    height: 300px;
  }
}

.blog-img.event-kdf img{
  height: 300px !important;
  object-fit: cover !important;

}

.blog-img.vedio {
  height: 550px;
}
@media (max-width: 768px) {
  .blog-img.vedio {
    height: 305px;
  }
}

@media (max-width: 768px) {
.mt-100 {
   margin-top: 50px
   }
.mwmt-30 {
   margin-top: 30px !important;
}
.mwpb-10 {
   padding-bottom: 10px !important;
}
   
   
}


.mt-80 {
   margin-top: 80px;
}
/* video styles */

.vid-indx .lite-youtube{
position:relative;
cursor:pointer;
height:214px;
overflow:hidden;
background:#000;
}

.vid-indx .lite-youtube img{
width:100%;
height:100%;
object-fit:cover;
}

.vid-indx .play-btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:70px;
height:70px;
background:rgba(255,0,0,0.9);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

.vid-indx .play-btn::before{
content:'';
width:0;
height:0;
border-left:22px solid white;
border-top:14px solid transparent;
border-bottom:14px solid transparent;
margin-left:5px;
}



.share-links-wrap {
    max-width: unset;
    margin-top: 20px;
}
.share-links .share-links-title {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 0;
}
.blog-details .share-links {
    position: static;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    margin-top: 0px;
}


/* sticky btn styles */
.sticky-btn {
    position: fixed;
    bottom: 75px;
    right: 20px;    
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 20px;
    color: var(--white-color);
    background-color: var(--theme-color);
    white-space: nowrap;
    min-width: 160px;
    text-align: center;

    z-index: 9999;
    border-radius: 4px;
    cursor: pointer;
}
.sticky-btn a {
    color: #ffffff !important;
}
/* end */