@charset "UTF-8";
/*
Template Name: kitar 
Template URL: https://themeholy.com/html/kitar /
Description: kitar Children Kindergarten  & Baby Care HTML Template  
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0 
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation
    
04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Feature
    4.00. Gallery
    4.00. Category
    4.00. CTA
    4.00. Deal
    4.00. Tab Menu
    4.00. Particle 

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
@use "sass:math";
/*------------------- 1.2. Function -------------------*/
/*------------------- 1.3. Variable-------------------*/

/* DEFAULT ROOT */
/* :root {
  --theme-color: #FE5A86;
  --theme-color2: #FC800A;
  --theme-color3: #16C4E3;
  --theme-color4: #7DBE48;
  --title-color: #103741;
  --body-color: #74787C;
  --smoke-color: #F9F6EF;
  --smoke-color2: #F3F4F6;
  --black-color: #000000;
  --black-color2: #080E1C;
  --gray-color: #888C97;
  --white-color: #ffffff;
  --light-color: #bdbdbd;
  --yellow-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --th-border-color: #E9EDF5;
  --title-font: "Baloo 2", sans-serif;
  --body-font: "Catamaran", sans-serif;
  --style-font: 'Urbanist', sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1290px;
  --container-gutters: 24px;
  --section-space: 120px;
  --section-space-mobile: 80px;
  --section-title-space: 60px;
  --ripple-ani-duration: 5s;
} */


:root {
  --theme-color: #f58634;
  --theme-color2: #FC800A;
  --theme-color3: #16C4E3;
  --theme-color4: #7DBE48;
  --title-color: #103741;
  --body-color: #74787C;
  --smoke-color: #F9F6EF;
  --smoke-color2: #F3F4F6;
  --black-color: #000000;
  --black-color2: #080E1C;
  --gray-color: #888C97;
  --white-color: #ffffff;
  --light-color: #bdbdbd;
  --yellow-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --th-border-color: #E9EDF5;
  --title-font: "Baloo 2", sans-serif;
  --body-font: "Catamaran", sans-serif;
  --style-font: 'Urbanist', sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1290px;
  --container-gutters: 24px;
  --section-space: 120px;
  --section-space-mobile: 80px;
  --section-title-space: 60px;
  --ripple-ani-duration: 5s;
}

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

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

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

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

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

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

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

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

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

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

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

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


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

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

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

ins {
  text-decoration: none;
}

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

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

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

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

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

.h1,
h1 {
  font-size: 74px;
  line-height: 1.18;
}

.h2,
h2 {
  font-size: 54px;
  line-height: 1.227;
}

.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: 1399px) {

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

/* Large devices */
@media (max-width: 1199px) {

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

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

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

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

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

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

/* Small devices */
@media (max-width: 767px) {

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

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

  .h3,
  h3 {
    font-size: 26px;
  }

  .h4,
  h4 {
    font-size: 22px;
  }

  .h5,
  h5 {
    font-size: 18px;
  }

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

/* Extra small devices */
@media (max-width: 575px) {

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

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

/* Extra small devices */
@media (max-width: 375px) {

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

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

@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: 1680px;
  }
}

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

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

.container-gallery {
  max-width: 1840px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-group>i {
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 19px;
  font-size: 14px;
  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-color2);
}

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

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

.form-rounded-10 .form-control,
.form-rounded-10 .form-select {
  border-radius: 10px !important;
}

.form-rounded-10 .th-btn {
  border-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-messages {
  display: none;
}

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

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

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

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

/*------------------- 2.4. nice-select -------------------*/
:root {
  --input-height: 56px;
}

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  position: relative;
  line-height: calc(var(--input-height) - 2px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.nice-select:after {
  content: '';
  font-family: var(--icon-font);
  font-weight: 700;
  font-size: 16px;
  pointer-events: none;
  border-bottom: 1px solid var(--body-color);
  border-right: 1px solid var(--body-color);
  position: absolute;
  right: 20px;
  line-height: calc(var(--input-height) - 2px);
  top: 21px;
  height: 8px;
  width: 8px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  border-radius: 0;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  border-bottom: 1px solid var(--theme-color);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-28px);
  -ms-transform: scale(0.75) translateY(-28px);
  transform: scale(0.75) translateY(-28px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: var(--smoke-color);
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*------------------- 2.5. Slick Slider -------------------*/
.swiper-wrapper.row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.th-slider.has-shadow {
  padding-left: 12px;
  padding-right: 12px;
  margin: -25px -12px;
}

.th-slider.has-shadow .swiper-wrapper {
  padding: 25px 0;
}

.swiper-fade .swiper-slide {
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

.swiper-fade .swiper-slide-prev {
  opacity: 0;
}

.swiper-pagination-bullets {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: 45px 0 10px 0;
  padding-bottom: 20px;
  line-height: 14px;
  height: 14px;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  --swiper-pagination-bullet-size: 14px;
  --swiper-pagination-bullet-horizontal-gap: 15px;
  margin: 5px 7px;
  opacity: 1;
  background-color: #E4E4E4;
  color: #E4E4E4;
  border-radius: 0;
  position: relative;
  cursor: pointer;
}

.swiper-pagination-bullets .swiper-pagination-bullet:before {
  content: '';
  position: absolute;
  inset: -5px;
  border: 1px solid #E4E4E4;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  border-radius: inherit;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border-color: var(--theme-color);
}

.slider-area {
  position: relative;
}

.slider-arrow {
  display: inline-block;
  padding: 0;
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
  color: var(--white-color);
  position: absolute;
  top: 50%;
  left: var(--pos-x, -120px);
  width: var(--icon-size, 56px);
  height: var(--icon-size, 56px);
  line-height: var(--icon-size, 56px);
  font-size: var(--icon-font-size, 18px);
  margin-top: calc(var(--icon-size, 56px) / -2);
  border-radius: 50%;
  z-index: 3;
  /* Extra large devices */
}

@media (max-width: 1500px) {
  .slider-arrow {
    display: none !important;
  }
}

.slider-arrow.style2 {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: var(--theme-color);
}

.slider-arrow.style2:hover {
  background-color: var(--title-color);
  color: var(--white-color);
  border-color: var(--title-color);
  border-color: var(--title-color);
}

.slider-arrow.style3 {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-radius: 50%;
  border-color: var(--theme-color);
}

.slider-arrow.style3:hover {
  background-color: var(--title-color);
  color: var(--white-color);
  border-color: var(--title-color);
}

.slider-arrow.style4 {
  background-color: transparent;
  color: var(--title-color);
  border-color: #E4E4E4;
  box-shadow: none;
  font-size: var(--icon-font-size, 22px);
}

.slider-arrow.style4:hover {
  background-color: var(--title-color);
  color: var(--white-color);
  border-color: var(--title-color);
  border-color: var(--title-color);
}

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

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

.slider-arrow:hover {
  background-color: var(--title-color);
  color: var(--white-color);
  border-color: var(--title-color);
}

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

.arrow-wrap {
  position: relative;
}

.arrow-wrap .slider-arrow {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .arrow-wrap .slider-arrow {
    display: none;
  }
}

.arrow-wrap:hover .slider-arrow {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

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

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

.icon-box .slider-arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.icon-box .slider-arrow:not(:last-child) {
  margin-right: 8px;
}

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

  .slider-arrow.slider-next {
    margin-right: 0;
    margin-left: 40px;
  }

  .slick-dots {
    margin: 40px 0 0 0;
  }

  .icon-box .slider-arrow {
    margin-right: 0;
  }
}

.slick-3d-active {
  margin-left: -12%;
  margin-right: -12%;
}

.slick-3d-active .slick-list {
  padding-left: 30% !important;
  padding-right: 30% !important;
}

.slick-3d-active .slick-track {
  max-width: 100% !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  -webkit-perspective: 100px;
  perspective: 100px;
}

.slick-3d-active .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 100% !important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
}

.slick-3d-active .slick-3d-next,
.slick-3d-active .slick-3d-prev,
.slick-3d-active .slick-3d-next2,
.slick-3d-active .slick-3d-prev2 {
  display: block;
}

.slick-3d-active .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  z-index: 2;
}

.slick-3d-active .slick-3d-next {
  opacity: 1;
  -webkit-transform: translate3d(50%, 0, -21px);
  transform: translate3d(50%, 0, -21px);
  z-index: 1;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.slick-3d-active .slick-3d-next2 {
  opacity: 1;
  -webkit-transform: translate3d(40%, 0, -23px);
  transform: translate3d(40%, 0, -23px);
  z-index: 0;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.slick-3d-active .slick-3d-prev {
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0, -21px);
  transform: translate3d(-50%, 0, -21px);
}

.slick-3d-active .slick-3d-prev .testi-card {
  box-shadow: none;
}

.slick-3d-active .slick-3d-prev2 {
  opacity: 1;
  -webkit-transform: translate3d(-40%, 0, -23px);
  transform: translate3d(-40%, 0, -23px);
}

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

.th-menu-wrapper .mobile-logo {
  padding-bottom: 30px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: var(--smoke-color2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.th-menu-toggle {
  width: 56px;
  height: 56px;
  line-height: 60px;
  font-size: 20px;
  border: none;
  border-radius: 50%;
  padding: 0;
  background-color: var(--theme-color);
  color: var(--white-color);
  display: inline-block;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .th-menu-toggle {
    width: 40px;
    height: 40px;
    line-height: 45px;
    font-size: 14px;
  }
}

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

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

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

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

@media (max-width: 400px) {
  .th-menu-wrapper .th-menu-area {
    width: 100%;
    max-width: 270px;
  }

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

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

.th-preloader {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 900;
}

.th-preloader .pencil {
  display: block;
  width: 10em;
  height: 10em;
}

.th-preloader .pencil__body1,
.th-preloader .pencil__body2,
.th-preloader .pencil__body3,
.th-preloader .pencil__eraser,
.th-preloader .pencil__eraser-skew,
.th-preloader .pencil__point,
.th-preloader .pencil__rotate,
.th-preloader .pencil__stroke {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.th-preloader .pencil__body1,
.th-preloader .pencil__body2,
.th-preloader .pencil__body3 {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.th-preloader .pencil__body1 {
  -webkit-animation-name: pencilBody1;
  animation-name: pencilBody1;
}

.th-preloader .pencil__body2 {
  -webkit-animation-name: pencilBody2;
  animation-name: pencilBody2;
}

.th-preloader .pencil__body3 {
  -webkit-animation-name: pencilBody3;
  animation-name: pencilBody3;
}

.th-preloader .pencil__eraser {
  -webkit-animation-name: pencilEraser;
  animation-name: pencilEraser;
  -webkit-transform: rotate(-90deg) translate(49px, 0);
  -ms-transform: rotate(-90deg) translate(49px, 0);
  transform: rotate(-90deg) translate(49px, 0);
}

.th-preloader .pencil__eraser-skew {
  -webkit-animation-name: pencilEraserSkew;
  animation-name: pencilEraserSkew;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.th-preloader .pencil__point {
  -webkit-animation-name: pencilPoint;
  animation-name: pencilPoint;
  -webkit-transform: rotate(-90deg) translate(49px, -30px);
  -ms-transform: rotate(-90deg) translate(49px, -30px);
  transform: rotate(-90deg) translate(49px, -30px);
}

.th-preloader .pencil__rotate {
  -webkit-animation-name: pencilRotate;
  animation-name: pencilRotate;
}

.th-preloader .pencil__stroke {
  -webkit-animation-name: pencilStroke;
  animation-name: pencilStroke;
  -webkit-transform: translate(100px, 100px) rotate(-113deg);
  -ms-transform: translate(100px, 100px) rotate(-113deg);
  transform: translate(100px, 100px) rotate(-113deg);
}

/* Animations */
@-webkit-keyframes pencilBody1 {

  from,
  to {
    stroke-dashoffset: 351.86;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  50% {
    stroke-dashoffset: 150.8;
    /* 3/8 of diameter */
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
}

@keyframes pencilBody1 {

  from,
  to {
    stroke-dashoffset: 351.86;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  50% {
    stroke-dashoffset: 150.8;
    /* 3/8 of diameter */
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
}

@-webkit-keyframes pencilBody2 {

  from,
  to {
    stroke-dashoffset: 406.84;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  50% {
    stroke-dashoffset: 174.36;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
}

@keyframes pencilBody2 {

  from,
  to {
    stroke-dashoffset: 406.84;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  50% {
    stroke-dashoffset: 174.36;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
}

@-webkit-keyframes pencilBody3 {

  from,
  to {
    stroke-dashoffset: 296.88;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  50% {
    stroke-dashoffset: 127.23;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
}

@keyframes pencilBody3 {

  from,
  to {
    stroke-dashoffset: 296.88;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  50% {
    stroke-dashoffset: 127.23;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
}

@-webkit-keyframes pencilEraser {

  from,
  to {
    -webkit-transform: rotate(-45deg) translate(49px, 0);
    transform: rotate(-45deg) translate(49px, 0);
  }

  50% {
    -webkit-transform: rotate(0deg) translate(49px, 0);
    transform: rotate(0deg) translate(49px, 0);
  }
}

@keyframes pencilEraser {

  from,
  to {
    -webkit-transform: rotate(-45deg) translate(49px, 0);
    transform: rotate(-45deg) translate(49px, 0);
  }

  50% {
    -webkit-transform: rotate(0deg) translate(49px, 0);
    transform: rotate(0deg) translate(49px, 0);
  }
}

@-webkit-keyframes pencilEraserSkew {

  from,
  32.5%,
  67.5%,
  to {
    -webkit-transform: skewX(0);
    transform: skewX(0);
  }

  35%,
  65% {
    -webkit-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }

  37.5%,
  62.5% {
    -webkit-transform: skewX(8deg);
    transform: skewX(8deg);
  }

  40%,
  45%,
  50%,
  55%,
  60% {
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
  }

  42.5%,
  47.5%,
  52.5%,
  57.5% {
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
  }
}

@keyframes pencilEraserSkew {

  from,
  32.5%,
  67.5%,
  to {
    -webkit-transform: skewX(0);
    transform: skewX(0);
  }

  35%,
  65% {
    -webkit-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }

  37.5%,
  62.5% {
    -webkit-transform: skewX(8deg);
    transform: skewX(8deg);
  }

  40%,
  45%,
  50%,
  55%,
  60% {
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
  }

  42.5%,
  47.5%,
  52.5%,
  57.5% {
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
  }
}

@-webkit-keyframes pencilPoint {

  from,
  to {
    -webkit-transform: rotate(-90deg) translate(49px, -30px);
    transform: rotate(-90deg) translate(49px, -30px);
  }

  50% {
    -webkit-transform: rotate(-225deg) translate(49px, -30px);
    transform: rotate(-225deg) translate(49px, -30px);
  }
}

@keyframes pencilPoint {

  from,
  to {
    -webkit-transform: rotate(-90deg) translate(49px, -30px);
    transform: rotate(-90deg) translate(49px, -30px);
  }

  50% {
    -webkit-transform: rotate(-225deg) translate(49px, -30px);
    transform: rotate(-225deg) translate(49px, -30px);
  }
}

@-webkit-keyframes pencilRotate {
  from {
    -webkit-transform: translate(100px, 100px) rotate(0);
    transform: translate(100px, 100px) rotate(0);
  }

  to {
    -webkit-transform: translate(100px, 100px) rotate(720deg);
    transform: translate(100px, 100px) rotate(720deg);
  }
}

@keyframes pencilRotate {
  from {
    -webkit-transform: translate(100px, 100px) rotate(0);
    transform: translate(100px, 100px) rotate(0);
  }

  to {
    -webkit-transform: translate(100px, 100px) rotate(720deg);
    transform: translate(100px, 100px) rotate(720deg);
  }
}

@-webkit-keyframes pencilStroke {
  from {
    stroke-dashoffset: 439.82;
    -webkit-transform: translate(100px, 100px) rotate(-113deg);
    transform: translate(100px, 100px) rotate(-113deg);
  }

  50% {
    stroke-dashoffset: 164.93;
    -webkit-transform: translate(100px, 100px) rotate(-113deg);
    transform: translate(100px, 100px) rotate(-113deg);
  }

  75%,
  to {
    stroke-dashoffset: 439.82;
    -webkit-transform: translate(100px, 100px) rotate(112deg);
    transform: translate(100px, 100px) rotate(112deg);
  }
}

@keyframes pencilStroke {
  from {
    stroke-dashoffset: 439.82;
    -webkit-transform: translate(100px, 100px) rotate(-113deg);
    transform: translate(100px, 100px) rotate(-113deg);
  }

  50% {
    stroke-dashoffset: 164.93;
    -webkit-transform: translate(100px, 100px) rotate(-113deg);
    transform: translate(100px, 100px) rotate(-113deg);
  }

  75%,
  to {
    stroke-dashoffset: 439.82;
    -webkit-transform: translate(100px, 100px) rotate(112deg);
    transform: translate(100px, 100px) rotate(112deg);
  }
}

/*------------------- 3.2. Buttons -------------------*/
.th-btn {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  text-transform: capitalize;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white-color);
  font-family: var(--title-font);
  text-transform: uppercase;
  border: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 21px 50px;
  border-radius: 30px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: inline-block;
}

.th-btn.th-icon i {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.th-btn span {
  display: inline-block;
  font-weight: 700;
  margin-left: 1px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.th-btn::after,
.th-btn::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  background-color: var(--title-color);
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.th-btn:before {
  top: -2em;
  left: -2em;
}

.th-btn:after {
  left: calc(100% + 2em);
  top: calc(100% + 2em);
}

.th-btn i {
  font-size: 14px;
}

.th-btn:focus,
.th-btn:hover,
.th-btn:active,
.th-btn.nice-select.open {
  color: var(--white-color);
}

.th-btn:focus:after,
.th-btn:focus:before,
.th-btn:hover:after,
.th-btn:hover:before,
.th-btn:active:after,
.th-btn.nice-select.open:after,
.th-btn:active:before,
.th-btn.nice-select.open:before {
  height: 410px;
  width: 410px;
}

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

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

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

.th-btn.style2 {
  background-color: transparent;
  color: var(--title-color);
  border: 1px solid var(--title-color);
}

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

.th-btn.style2:hover:before,
.th-btn.style2:hover:after {
  background-color: var(--title-color);
}

.th-btn.style3 {
  background-color: var(--white-color);
  color: var(--title-color);
  box-shadow: none;
  border: none;
}

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

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

.th-btn.style4 {
  background-color: var(--title-color);
  color: var(--white-color);
}

.th-btn.style4:hover {
  color: var(--white-color);
}

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

.th-btn.style5 {
  background-color: var(--white-color);
  color: var(--theme-color);
  padding: 18px 40px;
  font-weight: 700;
}

.th-btn.style5:hover {
  color: var(--white-color);
}

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

.th-btn.style6 {
  background-color: #262A36;
  color: var(--white-color);
}

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

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

.th-btn.th-style {
  padding: 21px 35px;
}

.th-btn.blue-border {
  background-color: transparent;
  color: var(--theme-color);
  border: 1px solid var(--theme-color);
  box-shadow: none;
}

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

.th-btn.blue-border:hover:before,
.th-btn.blue-border:hover:after {
  background-color: var(--theme-color);
}

.th-btn.btn-green {
  background-color: var(--theme-color4);
}

.th-btn.th-border {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  padding: 16px 39.4px;
}

.th-btn.th-border:hover {
  background: var(--title-color);
  border: 1px solid var(--title-color);
}

.th-btn.th-radius {
  border-radius: 0;
}

.th-btn.th-radius2 {
  border-radius: 10px;
}

.th-btn.btn-fw {
  width: 100%;
  padding: 18px 30px;
}

.icon-btn {
  display: inline-block;
  width: var(--btn-size, 56px);
  height: var(--btn-size, 56px);
  line-height: var(--btn-size, 60px);
  font-size: var(--btn-font-size, 18px);
  background-color: var(--smoke-color);
  border: none;
  color: var(--title-color);
  text-align: center;
  border-radius: 99px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: relative;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .icon-btn {
    --btn-size: 40px;
    font-size: 14px;
  }
}

.icon-btn.th-icon i {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

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

.icon-btn:hover.th-icon i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.icon-btn.style2 {
  background-color: var(--theme-color);
  color: var(--white-color);
  border: none;
  border-radius: 99px;
}

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

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

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

.play-btn:after,
.play-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #7dbe48;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.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: transparent;
  border: 1px solid var(--white-color);
}

.play-btn.style3>i {
  --icon-size: 40px;
  font-size: 14px;
  border: 1px solid;
  background-color: var(--theme-color);
  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: 0.8;
  position: relative;
  padding-bottom: 2px;
  margin-bottom: -2px;
  text-transform: uppercase;
  color: var(--theme-color);
}

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

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

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

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

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

.line-btn.th-icon i {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.line-btn i {
  margin-left: 5px;
  font-size: 0.9rem;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

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

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

.line-btn:hover.th-icon i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

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

.space-top {
  padding-top: 120px;
}

.space-bottom {
  padding-bottom: 120px;
}

.space {
  padding-top: 120px;
  padding-bottom: 120px;
}

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

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

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

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

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

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

/*------------------- 3.3. Titles -------------------*/
.sec-title {
  margin-bottom: calc(var(--section-title-space) - 11px);
  margin-top: -0.2em;
}

.sub-title {
  display: block;
  color: var(--theme-color);
  font-size: 20px;
  font-weight: 600;
  font-family: var(--title-font);
  position: relative;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.sub-title.sub-title2.style1::before {
  margin-left: -4.5rem;
  display: none;
  /* Extra small devices */
  /* Extra small devices */
}

@media (max-width: 575px) {
  .sub-title.sub-title2.style1::before {
    margin-left: -4.5rem;
  }
}

@media (max-width: 375px) {
  .sub-title.sub-title2.style1::before {
    display: none;
  }
}

.sub-title.sub-title2::before,
.sub-title.sub-title2:after {
  content: "";
  position: absolute;
  top: 48%;
  height: 2px;
  width: 60px;
  /* Extra small devices */
}

@media (max-width: 575px) {

  .sub-title.sub-title2::before,
  .sub-title.sub-title2:after {
    width: 30px;
  }
}

@media (max-width: 450px) {

  .sub-title.sub-title2::before,
  .sub-title.sub-title2:after {
    display: none;
  }
}

.sub-title.sub-title2::before {
  background-color: var(--theme-color);
  margin-left: -3.2rem;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .sub-title.sub-title2::before {
    margin-left: -2.6rem;
  }
}

.sub-title.sub-title2::after {
  background-color: var(--theme-color);
  margin-left: 10px;
}

.sub-title.style2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 22px;
  letter-spacing: 0;
  text-transform: capitalize;
}

.sub-title.style2:before,
.sub-title.style2:after {
  display: none;
}

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

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

.box-title a {
  color: inherit;
}

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

.box-subtitle {
  margin-bottom: 8px;
}

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

.box-title2 a {
  color: inherit;
}

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

.sec-text {
  line-height: 26px;
}

.title-area {
  /* margin-bottom: calc(var(--section-title-space) - 11px); */
  position: relative;
  z-index: 2;
  /* margin-top: -6px; */
}

.title-area .sec-title {
  text-transform: capitalize;
  margin-bottom: 18px;
}

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

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

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

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

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

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

.shadow-title {
  font-family: var(--title-font);
  font-size: 74px;
  font-weight: 900;
  line-height: 1;
  background-image: -webkit-linear-gradient(top, rgba(226, 232, 250, 0.7) 0%, rgba(226, 232, 250, 0) 88.54%);
  background-image: linear-gradient(180deg, rgba(226, 232, 250, 0.7) 0%, rgba(226, 232, 250, 0) 88.54%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin: -0.55em 0 -0.45em -0.25em;
}

.shadow-title.color2 {
  background-image: -webkit-linear-gradient(top, #232C47 0%, rgba(20, 29, 56, 0) 91.15%);
  background-image: linear-gradient(180deg, #232C47 0%, rgba(20, 29, 56, 0) 91.15%);
}

.shadow-title.color3 {
  background-image: -webkit-linear-gradient(top, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%);
  background-image: linear-gradient(180deg, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%);
}

.title-area2 {
  padding: 50px 100px;
}

.title-area2 .subtitle {
  color: var(--white-color);
  text-transform: uppercase;
  margin-top: -0.4em;
  margin-bottom: 5px;
  display: block;
}

.title-area2 .title {
  color: var(--white-color);
  max-width: 430px;
  margin-bottom: -0.26em;
}

@media (max-width: 1700px) {
  .title-area2 {
    padding: 50px 50px;
  }
}

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

  .title-area,
  .sec-title {
    --section-title-space: 60px;
  }

  .title-area.mb-45,
  .sec-title.mb-45 {
    margin-bottom: 36px;
  }

  .title-area.mb-50,
  .sec-title.mb-50 {
    margin-bottom: 40px;
  }

  .sec-btn,
  .title-line {
    --section-title-space: 55px;
  }

  .title-area2 .title {
    max-width: 300px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .shadow-title {
    font-size: 60px;
  }

  .title-area,
  .sec-title {
    --section-title-space: 50px;
  }

  .title-area.mb-45,
  .sec-title.mb-45 {
    margin-bottom: 35px;
  }

  .sec-btn,
  .title-line {
    --section-title-space: 50px;
  }

  .sub-title.h4 {
    font-size: 22px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .sub-title {
    margin-bottom: 10px;
  }

  .title-area2 {
    text-align: center;
  }

  .title-area2 .title {
    max-width: 100%;
  }
}

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

/* Extra small devices */
@media (max-width: 375px) {
  .shadow-title {
    font-size: 40px;
  }

  .title-area2 {
    padding: 40px 20px;
  }
}

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

.shape-mockup {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  /* Extra large devices */
}

@media (max-width: 1500px) {
  .shape-mockup {
    display: none !important;
  }
}

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

.shape-mockup.hero_wrap {
  z-index: 1;
}

@media (max-width: 1599px) {
  .shape-mockup.hero_wrap {
    display: none !important;
  }
}

@media (max-width: 1799px) {
  .shape-mockup.shape1 {
    display: none !important;
  }
}

.shape-mockup.contact-shape {
  /* Large devices */
}

@media (max-width: 1799px) {
  .shape-mockup.contact-shape {
    max-width: 50%;
    height: 100%;
    display: block !important;
  }
}

@media (max-width: 1199px) {
  .shape-mockup.contact-shape {
    display: none !important;
  }
}

.shape-mockup.contact-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

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

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

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

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

.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: 0.25em 0.45em;
  font-size: 11px;
  border-radius: 50%;
  top: 10px;
  right: 10px;
  font-weight: 400;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .badge {
    top: 2px;
    right: 2px;
  }
}

.th-social a {
  display: inline-block;
  width: var(--icon-size, 46px);
  height: var(--icon-size, 46px);
  line-height: var(--icon-size, 46px);
  background-color: var(--body-color);
  color: var(--white-color);
  font-size: 16px;
  text-align: center;
  margin-right: 5px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

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

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

.th-social a:hover i {
  -webkit-animation: slideTop 0.5s;
  animation: slideTop 0.5s;
}

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

.bg-mask {
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

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

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

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

.btn-group.style1 {
  gap: 40px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .btn-group.style1 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.btn-group.style2 {
  gap: 20px 70px;
  /* Small devices */
}

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

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

@media (max-width: 375px) {
  .btn-group {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

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

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

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

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

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

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.7;
}

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

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

/*------------------- 3.6. Font -------------------*/
.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-md {
  font-size: 18px;
}

.fs-16 {
  font-size: 16px !important;
}

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

/*------------------- 3.7. Background -------------------*/
.bg-theme {
  background-color: var(--theme-color) !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;
}

.gradient-body {
  background-image: -webkit-linear-gradient(top, rgba(237, 240, 244, 0.5) 2.66%, rgba(237, 240, 244, 0.36) 90.4%);
  background-image: linear-gradient(180deg, rgba(237, 240, 244, 0.5) 2.66%, rgba(237, 240, 244, 0.36) 90.4%);
}

.gr-bg1 {
  background: -webkit-linear-gradient(top, rgba(237, 240, 244, 0) 0%, rgba(237, 240, 244, 0.85) 100%);
  background: linear-gradient(180deg, rgba(237, 240, 244, 0) 0%, rgba(237, 240, 244, 0.85) 100%);
}

.gr-bg2 {
  background-image: -webkit-linear-gradient(349.38deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);
  background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);
}

.gr-bg3 {
  background-image: -webkit-linear-gradient(339.41deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);
  background-image: linear-gradient(110.59deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.gr-bg4 {
  background-image: -webkit-linear-gradient(344.56deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);
  background-image: linear-gradient(105.44deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

.gray-body {
  background-color: #F8FAFF;
}

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

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

.th-radius {
  border-radius: 20px;
}

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

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

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

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

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

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

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

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

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

.text-inherit {
  color: inherit;
}

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

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

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

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

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

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

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

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

[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;
}

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

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

  30% {
    opacity: 0.4;
  }

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

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

  30% {
    opacity: 0.4;
  }

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

@-webkit-keyframes ripple2 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }

  10% {
    opacity: 0.60;
  }

  30% {
    opacity: 0.40;
  }

  40% {
    opacity: 0.20;
  }

  50% {
    opacity: 0.14;
  }

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

@keyframes ripple2 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }

  10% {
    opacity: 0.60;
  }

  30% {
    opacity: 0.40;
  }

  40% {
    opacity: 0.20;
  }

  50% {
    opacity: 0.14;
  }

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

@-webkit-keyframes ripple3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  30% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 1;
  }
}

@keyframes ripple3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  30% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 1;
  }
}

@-webkit-keyframes scrollMove {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

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

@keyframes scrollMove {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

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

.scale {
  -webkit-animation: scale 5s ease forwards;
  animation: scale 5s ease forwards;
}

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

  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

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

  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

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

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

@-webkit-keyframes morph2 {
  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 morph2 {
  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%;
  }
}

@-webkit-keyframes morph3 {

  0%,
  100% {
    border-radius: 53% 37% 54% 46%/55% 48% 52% 45%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 50% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 52%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 51% 39% 55% 45%/41% 38% 52% 39%;
  }

  56% {
    border-radius: 51% 39% 57% 33%/50% 40% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 58% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 55%;
  }
}

@keyframes morph3 {

  0%,
  100% {
    border-radius: 53% 37% 54% 46%/55% 48% 52% 45%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 50% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 52%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 51% 39% 55% 45%/41% 38% 52% 39%;
  }

  56% {
    border-radius: 51% 39% 57% 33%/50% 40% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 58% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 55%;
  }
}

.swing {
  -webkit-animation: swing 10s infinite ease-in-out;
  animation: swing 10s infinite ease-in-out;
}

@-webkit-keyframes swing {

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

  25% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  75% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@keyframes swing {

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

  25% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  75% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@-webkit-keyframes footerLine {
  0% {
    left: 40px;
  }

  50% {
    left: 0;
  }

  100% {
    left: 40px;
  }
}

@keyframes footerLine {
  0% {
    left: 40px;
  }

  50% {
    left: 0;
  }

  100% {
    left: 40px;
  }
}

.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*-1 + 108%));
    transform: translateX(calc(100vw*-1 + 108%));
  }

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

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

@keyframes movingCar {
  0% {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
  }

  50% {
    -webkit-transform: translateX(calc(100vw*-1 + 108%));
    transform: translateX(calc(100vw*-1 + 108%));
  }

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

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

.th-ani {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.th-ani:hover {
  -webkit-transform: translate(0, -26px);
  -ms-transform: translate(0, -26px);
  transform: translate(0, -26px);
}

.img-alt {
  -webkit-animation: img-alt 10s infinite;
  animation: img-alt 10s infinite;
}

@-webkit-keyframes img-alt {
  0% {
    -webkit-transform: rotate(-117deg) scale(0.7) translate(-134%, 25%);
    transform: rotate(-117deg) scale(0.7) translate(-134%, 25%);
  }

  75% {
    opacity: 1;
  }

  100% {
    -webkit-transform: inherit;
    transform: inherit;
    opacity: 0;
  }
}

@keyframes img-alt {
  0% {
    -webkit-transform: rotate(-117deg) scale(0.7) translate(-134%, 25%);
    transform: rotate(-117deg) scale(0.7) translate(-134%, 25%);
  }

  75% {
    opacity: 1;
  }

  100% {
    -webkit-transform: inherit;
    transform: inherit;
    opacity: 0;
  }
}

.dance {
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}

@-webkit-keyframes dance {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
  animation: dance2 4s alternate infinite;
}

@-webkit-keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(15px, -15px, 0);
    transform: translate3d(15px, -15px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -15px, 15px);
    transform: translate3d(0, -15px, 15px);
  }
}

@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(15px, -15px, 0);
    transform: translate3d(15px, -15px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -15px, 15px);
    transform: translate3d(0, -15px, 15px);
  }
}

@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

.pulse {
  -webkit-animation: pulse 6s linear infinite;
  animation: pulse 6s linear infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes fillAni {
  0% {
    stroke-dashoffset: 2500;
    fill: transparent;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-width: 1;
    fill: var(--white-color);
  }
}

@keyframes fillAni {
  0% {
    stroke-dashoffset: 2500;
    fill: transparent;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-width: 1;
    fill: var(--white-color);
  }
}

.anim01 {
  -webkit-animation: anim01 4s infinite linear;
  animation: anim01 4s infinite linear;
}

@-webkit-keyframes anim01 {

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

  25% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  75% {
    -webkit-transform: rotate(-80deg);
    transform: rotate(-80deg);
  }
}

@keyframes anim01 {

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

  25% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  75% {
    -webkit-transform: rotate(-80deg);
    transform: rotate(-80deg);
  }
}

.anim02 {
  -webkit-animation: anim02 4s infinite linear;
  animation: anim02 4s infinite linear;
}

@-webkit-keyframes anim02 {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0);
    transform: translate(0px, 0px) rotate(0);
  }

  25% {
    -webkit-transform: translate(-10px, -10px) rotate(5deg);
    transform: translate(-10px, -10px) rotate(5deg);
  }

  50% {
    -webkit-transform: translate(-20px, 0px) rotate(0);
    transform: translate(-20px, 0px) rotate(0);
  }

  75% {
    -webkit-transform: translate(-10px, -10px) rotate(-2deg);
    transform: translate(-10px, -10px) rotate(-2deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
}

@keyframes anim02 {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0);
    transform: translate(0px, 0px) rotate(0);
  }

  25% {
    -webkit-transform: translate(-10px, -10px) rotate(5deg);
    transform: translate(-10px, -10px) rotate(5deg);
  }

  50% {
    -webkit-transform: translate(-20px, 0px) rotate(0);
    transform: translate(-20px, 0px) rotate(0);
  }

  75% {
    -webkit-transform: translate(-10px, -10px) rotate(-2deg);
    transform: translate(-10px, -10px) rotate(-2deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
}

.anim03 {
  -webkit-animation: anim03 4s infinite linear;
  animation: anim03 4s infinite linear;
}

@-webkit-keyframes anim03 {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0);
    transform: translate(0px, 0px) rotate(0);
  }

  25% {
    -webkit-transform: translate(10px, 10px) rotate(-5deg);
    transform: translate(10px, 10px) rotate(-5deg);
  }

  50% {
    -webkit-transform: translate(-5px, 15px) rotate(-10deg);
    transform: translate(-5px, 15px) rotate(-10deg);
  }

  75% {
    -webkit-transform: translate(-10px, 5px) rotate(-5deg);
    transform: translate(-10px, 5px) rotate(-5deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
}

@keyframes anim03 {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0);
    transform: translate(0px, 0px) rotate(0);
  }

  25% {
    -webkit-transform: translate(10px, 10px) rotate(-5deg);
    transform: translate(10px, 10px) rotate(-5deg);
  }

  50% {
    -webkit-transform: translate(-5px, 15px) rotate(-10deg);
    transform: translate(-5px, 15px) rotate(-10deg);
  }

  75% {
    -webkit-transform: translate(-10px, 5px) rotate(-5deg);
    transform: translate(-10px, 5px) rotate(-5deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
}

.anim04 {
  -webkit-animation: anim04 2s infinite alternate;
  animation: anim04 2s infinite alternate;
}

@-webkit-keyframes anim04 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes anim04 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.anim06 {
  -webkit-animation: anim06 4s infinite linear;
  animation: anim06 4s infinite linear;
}

@-webkit-keyframes anim06 {

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

  50% {
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
  }
}

@keyframes anim06 {

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

  50% {
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
  }
}

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

@-webkit-keyframes ding-dong {
  0% {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
  }

  5% {
    -webkit-transform: rotateZ(5.3deg);
    transform: rotate(5.3deg);
  }

  10% {
    -webkit-transform: rotateZ(7.8deg);
    transform: rotate(7.8deg);
  }

  15% {
    -webkit-transform: rotateZ(7deg);
    transform: rotate(7deg);
  }

  20% {
    -webkit-transform: rotateZ(3.9deg);
    transform: rotate(3.9deg);
  }

  20% {
    -webkit-transform: rotateZ(3.9deg);
    transform: rotate(3.9deg);
  }

  25% {
    -webkit-transform: rotateZ(0);
    transform: rotate(0);
  }

  30% {
    -webkit-transform: rotateZ(-3.2deg);
    transform: rotate(-3.2deg);
  }

  35% {
    -webkit-transform: rotateZ(-4.7deg);
    transform: rotate(-4.7deg);
  }

  40% {
    -webkit-transform: rotate(-4.3deg);
    transform: rotate(-4.3deg);
  }

  45% {
    -webkit-transform: rotateZ(-2.4deg);
    transform: rotate(-2.4deg);
  }

  50% {
    -webkit-transform: rotateZ(0);
    transform: rotate(0);
  }

  55% {
    -webkit-transform: rotateZ(2deg);
    transform: rotate(2deg);
  }

  60% {
    -webkit-transform: rotateZ(2.9deg);
    transform: rotate(2.9deg);
  }

  65% {
    -webkit-transform: rotateZ(2.6deg);
    transform: rotate(2.6deg);
  }

  70% {
    -webkit-transform: rotateZ(1.4deg);
    transform: rotate(1.4deg);
  }

  75% {
    -webkit-transform: rotateZ(0);
    transform: rotate(0);
  }

  80% {
    -webkit-transform: rotateZ(-1.2deg);
    transform: rotate(-1.2deg);
  }

  85% {
    -webkit-transform: rotateZ(-1.7deg);
    transform: rotate(-1.7deg);
  }

  90% {
    -webkit-transform: rotateZ(-1.6deg);
    transform: rotate(-1.6deg);
  }

  95% {
    -webkit-transform: rotateZ(-0.9deg);
    transform: rotate(-0.9deg);
  }

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

@keyframes ding-dong {
  0% {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
  }

  5% {
    -webkit-transform: rotateZ(5.3deg);
    transform: rotate(5.3deg);
  }

  10% {
    -webkit-transform: rotateZ(7.8deg);
    transform: rotate(7.8deg);
  }

  15% {
    -webkit-transform: rotateZ(7deg);
    transform: rotate(7deg);
  }

  20% {
    -webkit-transform: rotateZ(3.9deg);
    transform: rotate(3.9deg);
  }

  20% {
    -webkit-transform: rotateZ(3.9deg);
    transform: rotate(3.9deg);
  }

  25% {
    -webkit-transform: rotateZ(0);
    transform: rotate(0);
  }

  30% {
    -webkit-transform: rotateZ(-3.2deg);
    transform: rotate(-3.2deg);
  }

  35% {
    -webkit-transform: rotateZ(-4.7deg);
    transform: rotate(-4.7deg);
  }

  40% {
    -webkit-transform: rotate(-4.3deg);
    transform: rotate(-4.3deg);
  }

  45% {
    -webkit-transform: rotateZ(-2.4deg);
    transform: rotate(-2.4deg);
  }

  50% {
    -webkit-transform: rotateZ(0);
    transform: rotate(0);
  }

  55% {
    -webkit-transform: rotateZ(2deg);
    transform: rotate(2deg);
  }

  60% {
    -webkit-transform: rotateZ(2.9deg);
    transform: rotate(2.9deg);
  }

  65% {
    -webkit-transform: rotateZ(2.6deg);
    transform: rotate(2.6deg);
  }

  70% {
    -webkit-transform: rotateZ(1.4deg);
    transform: rotate(1.4deg);
  }

  75% {
    -webkit-transform: rotateZ(0);
    transform: rotate(0);
  }

  80% {
    -webkit-transform: rotateZ(-1.2deg);
    transform: rotate(-1.2deg);
  }

  85% {
    -webkit-transform: rotateZ(-1.7deg);
    transform: rotate(-1.7deg);
  }

  90% {
    -webkit-transform: rotateZ(-1.6deg);
    transform: rotate(-1.6deg);
  }

  95% {
    -webkit-transform: rotateZ(-0.9deg);
    transform: rotate(-0.9deg);
  }

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

.watermark-animate {
  -webkit-animation: watermark-animate 8s infinite;
  animation: watermark-animate 8s infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes watermark-animate {
  0% {
    left: 0;
  }

  100% {
    left: 100%;
  }
}

@keyframes watermark-animate {
  0% {
    left: 0;
  }

  100% {
    left: 100%;
  }
}

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

  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
  }
}

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

  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
  }
}

@-webkit-keyframes fadeLeftRight {

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

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

@keyframes fadeLeftRight {

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

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

@-webkit-keyframes headerShapeAnim {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top left 2000px;
  }
}

@keyframes headerShapeAnim {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top left 2000px;
  }
}

@-webkit-keyframes lineMove {
  0% {
    left: 0px;
  }

  50% {
    left: calc(100% - 50px);
  }

  100% {
    left: 0px;
  }
}

@keyframes lineMove {
  0% {
    left: 0px;
  }

  50% {
    left: calc(100% - 50px);
  }

  100% {
    left: 0px;
  }
}

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

  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
  }
}

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

  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
  }
}

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

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

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes zoom1 {
  0% {
    scale: 0.2;
  }

  50% {
    scale: 1;
  }

  100% {
    scale: 0.2;
  }
}

@keyframes zoom1 {
  0% {
    scale: 0.2;
  }

  50% {
    scale: 1;
  }

  100% {
    scale: 0.2;
  }
}

/* Mooving Animation */
@-webkit-keyframes moving {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }

  20% {
    -webkit-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
  }

  50% {
    -webkit-transform: translate(-100px, -30px);
    transform: translate(-100px, -30px);
  }

  70% {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
  }

  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@keyframes moving {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }

  20% {
    -webkit-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
  }

  50% {
    -webkit-transform: translate(-100px, -30px);
    transform: translate(-100px, -30px);
  }

  70% {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
  }

  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

.cloudAni {
  -webkit-animation: cloudAni 15s linear infinite;
  animation: cloudAni 15s linear infinite;
}

@-webkit-keyframes cloudAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
    opacity: 0;
  }

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

@keyframes cloudAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
    opacity: 0;
  }

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

@keyframes fadeLeftRight {

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

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

@-webkit-keyframes slideTop {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

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

  51% {
    opacity: 1;
  }
}

@keyframes slideTop {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

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

  51% {
    opacity: 1;
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

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

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

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

.swiper-slide-active .fadein {
  --animation-name: fadein;
}

.swiper-slide-active .scalein {
  --animation-name: scalein;
}

.swiper-slide-active .slidetopleft {
  --animation-name: slidetopleft;
}

.swiper-slide-active .slidebottomright {
  --animation-name: slidebottomright;
}

.swiper-slide-active .slideinleft {
  --animation-name: slideinleft;
}

.swiper-slide-active .slideinright {
  --animation-name: slideinright;
}

.swiper-slide-active .slideinup {
  --animation-name: slideinup;
}

.swiper-slide-active .slideindown {
  --animation-name: slideindown;
}

.swiper-slide-active .rollinleft {
  --animation-name: rollinleft;
}

.swiper-slide-active .rollinright {
  --animation-name: rollinright;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 1;
    -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% {
    opacity: 1;
    -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% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

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

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

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

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
.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 a,
.widget_meta a,
.widget_pages a,
.widget_archive a,
.widget_categories a,
.wp-block-categories a {
  position: relative;
  display: block;
  background-color: var(--white-color);
  margin: 0 0 14px 0;
  padding: 17.5px 30px;
  font-size: 18px;
  font-family: var(--title-font);
  font-weight: 500;
  line-height: 1.313;
  color: var(--title-color);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Large devices */
}

@media (max-width: 1199px) {

  .widget_nav_menu a,
  .widget_meta a,
  .widget_pages a,
  .widget_archive a,
  .widget_categories a,
  .wp-block-categories a {
    padding: 17.5px 20px;
    font-size: 16px;
  }
}

.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;
  top: 16px;
  left: auto;
  right: 25px;
  width: 12px;
  height: 24px;
  background-color: var(--theme-color);
  -webkit-clip-path: path("M12 12L0 0L6.38677 12L0 24L12 12Z");
  clip-path: path("M12 12L0 0L6.38677 12L0 24L12 12Z");
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Large devices */
}

@media (max-width: 1199px) {

  .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 {
    right: 20px;
  }
}

.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 {
  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 {
  background-color: var(--white-color);
}

.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>span,
.widget_nav_menu li>i,
.widget_meta li>span,
.widget_meta li>i,
.widget_pages li>span,
.widget_pages li>i,
.widget_archive li>span,
.widget_archive li>i,
.widget_categories li>span,
.widget_categories li>i,
.wp-block-categories li>span,
.wp-block-categories li>i {
  color: var(--white-color);
  text-align: center;
  position: absolute;
  right: 30px;
  top: 18px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  pointer-events: none;
  min-width: 20px;
  text-align: right;
}

.widget_nav_menu .menu>li:last-child>a,
.widget_nav_menu>ul>li:last-child>a,
.widget_meta .menu>li:last-child>a,
.widget_meta>ul>li:last-child>a,
.widget_pages .menu>li:last-child>a,
.widget_pages>ul>li:last-child>a,
.widget_archive .menu>li:last-child>a,
.widget_archive>ul>li:last-child>a,
.widget_categories .menu>li:last-child>a,
.widget_categories>ul>li:last-child>a,
.wp-block-categories .menu>li:last-child>a,
.wp-block-categories>ul>li:last-child>a {
  border-bottom: none;
  margin-bottom: 0;
}

.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~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(--white-color);
}

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

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

.widget_nav_menu.style2 a,
.widget_meta.style2 a,
.widget_pages.style2 a,
.widget_archive.style2 a,
.widget_categories.style2 a,
.wp-block-categories.style2 a {
  display: block;
  background-color: var(--white-color);
  margin: 0;
  padding: 16px 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.313;
  color: var(--body-color);
  border-bottom: 1px solid var(--white-color);
  border-radius: 100px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.widget_nav_menu.style2 a:not(:last-child),
.widget_meta.style2 a:not(:last-child),
.widget_pages.style2 a:not(:last-child),
.widget_archive.style2 a:not(:last-child),
.widget_categories.style2 a:not(:last-child),
.wp-block-categories.style2 a:not(:last-child) {
  margin-bottom: 15px;
}

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

.widget_nav_menu.style2 li>span,
.widget_nav_menu.style2 li>i,
.widget_meta.style2 li>span,
.widget_meta.style2 li>i,
.widget_pages.style2 li>span,
.widget_pages.style2 li>i,
.widget_archive.style2 li>span,
.widget_archive.style2 li>i,
.widget_categories.style2 li>span,
.widget_categories.style2 li>i,
.wp-block-categories.style2 li>span,
.wp-block-categories.style2 li>i {
  color: var(--body-color);
  right: 20px;
}

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

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

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

.wp-block-categories>li:last-child>a {
  border-bottom: none;
}

.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 {
  padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
  background-color: var(--smoke-color);
  border-radius: 60px;
  margin-bottom: 40px;
  position: relative;
  /* Large devices */
}

@media (max-width: 1199px) {
  .widget {
    border-radius: 30px;
  }
}

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

.widget select,
.widget input,
.widget .form-select,
.widget .form-control,
.widget textarea {
  background: #262A36;
  border-color: #262A36;
  border-radius: 0;
}

.widget select:focus,
.widget input:focus,
.widget .form-select:focus,
.widget .form-control:focus,
.widget textarea:focus {
  border-color: var(--theme-color);
}

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

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

.widget .form-group input[type="checkbox"]~label:before {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
  border-radius: 6px;
}

.widget .form-group label {
  color: var(--body-color);
  padding-left: 16px;
  text-align: left;
}

.widget_title {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  font-family: var(--title-font);
  line-height: 1em;
  margin: -0.12em 0 28px 0;
}

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

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

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

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

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

.widget .search-form input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  padding-right: 25px;
  border-radius: 30px;
}

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

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

.wp-block-tag-cloud a,
.tagcloud a {
  display: inline-block;
  border: none;
  line-height: 1;
  margin-right: 5px;
  margin-bottom: 10px;
  text-transform: capitalize;
  font-family: var(--body-font);
  color: var(--title-color);
  font-size: 16px;
  font-weight: 400;
  border-radius: 30px;
  background-color: var(--white-color);
  padding: 14px 20px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

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

.th-social {
  margin-top: 5px;
}

.th-social a {
  --icon-size: 25px;
  border-radius: 50%;
  font-size: 14px;
  background-color: var(--theme-color3);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 2px;
  margin-right: 15px;
}

.th-social a:nth-child(2) {
  background-color: var(--theme-color2);
}

.th-social a:nth-child(3) {
  background-color: var(--theme-color);
}

.th-social a:nth-child(4) {
  background-color: var(--theme-color4);
}

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

.sidebar-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  max-width: 254px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .sidebar-gallery {
    max-width: 100%;
  }
}

.sidebar-gallery .gallery-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--white-color);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(-50%, 20px);
  -ms-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;
}

.sidebar-gallery .gallery-thumb:before {
  content: '';
  height: 100%;
  width: 100%;
  background-color: var(--title-color);
  opacity: 0.8;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  border-radius: inherit;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

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

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

.sidebar-gallery .gallery-thumb:hover .gallery-btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

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

.recent-post .media-img {
  margin-right: 20px;
  width: 103px;
  height: 85px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.recent-post .media-img img {
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 20px;
}

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

.recent-post .post-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 5px;
  font-family: var(--title-font);
  color: var(--title-color);
}

.recent-post .recent-post-meta {
  margin-bottom: -0.2rem;
}

.recent-post .recent-post-meta a {
  text-transform: capitalize;
  font-size: 16px;
  color: var(--theme-color);
  font-family: var(--title-font);
  font-weight: 400;
  font-size: 16px;
}

.recent-post .recent-post-meta a i {
  margin-right: 6px;
  color: var(--theme-color);
}

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

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

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

.widget_offer {
  padding: 60px;
  margin-bottom: 0;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .widget_offer {
    padding: 40px;
  }
}

@media (max-width: 991px) {
  .widget_offer {
    margin-bottom: 40px;
  }
}

.widget_offer .offer-banner {
  text-align: center;
}

.widget_offer .offer-banner .sub-title {
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-top: -0.4rem;
  display: block;
}

.widget_offer .offer-banner .sub-title:before,
.widget_offer .offer-banner .sub-title:after {
  display: none;
}

.widget_offer .offer-banner .box-title {
  color: var(--white-color);
  margin: -0.4rem 0 3px 0;
}

.widget_offer .offer-banner .offer-text {
  font-family: var(--title-font);
  margin-bottom: 20px;
}

.widget_offer .offer-banner .th-btn {
  margin-top: 30px;
  padding: 21px 39px;
}

.sidebar-area {
  margin-left: 10px;
  margin-bottom: -10px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .sidebar-area {
    margin-left: 0;
  }
}

.sidebar-area.style2 .widget {
  background-color: var(--white-color);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  border-radius: 60px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .sidebar-area.style2 .widget {
    border-radius: 30px;
  }
}

.sidebar-area.style2 .widget_title.style2 {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 24px;
  color: var(--title-color);
  background-color: var(--smoke-color);
  border-radius: 30px;
  padding: 9.5px 30px;
  display: block;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .sidebar-area.style2 .widget_title.style2 {
    font-size: 18px;
  }
}

.sidebar-area.style2 .widget_title.style2:before,
.sidebar-area.style2 .widget_title.style2:after {
  display: none;
}

.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 select,
.sidebar-area input {
  background-color: var(--white-color);
}

.sidebar-area .widget_categories.style2 ul {
  margin: 0px 0 -15px 0;
}

.sidebar-area .wp-block-categories {
  margin: -20px 0 -20px 0;
}

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

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

.sidebar-area .wp-block-search__label,
.sidebar-area .wp-block-group__inner-container h2 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--title-font);
  line-height: 1em;
  padding-bottom: 20px;
  margin: -0.12em 0 38px 0;
}

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

.sidebar-area .wp-block-search__label:after,
.sidebar-area .wp-block-group__inner-container h2:after {
  background-color: var(--theme-color);
  width: 40px;
}

.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, 0.1);
  padding-bottom: 20px;
}

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

.author-widget-wrap {
  position: relative;
  background-color: var(--smoke-color);
  padding: 30px 40px 30px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  border-radius: 15px;
  /* Large devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .author-widget-wrap {
    display: block;
  }
}

@media (max-width: 375px) {
  .author-widget-wrap {
    padding: 25px;
  }
}

.author-widget-wrap.style2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  margin-bottom: 50px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .author-widget-wrap.style2 {
    display: block;
  }
}

.author-widget-wrap .avater-content {
  position: relative;
}

.author-widget-wrap .avater {
  min-width: 189px;
  border-radius: 15px;
  border-radius: 50%;
  /* Large devices */
}

@media (max-width: 1199px) {
  .author-widget-wrap .avater {
    min-width: 100%;
    margin-bottom: 15px;
  }
}

.author-widget-wrap .avater img {
  border-radius: 15px;
  width: 100%;
  /* Large devices */
}

@media (max-width: 1199px) {
  .author-widget-wrap .avater img {
    width: 100%;
  }
}

.author-widget-wrap .name {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: var(--title-color);
  margin-bottom: 0px;
}

.author-widget-wrap .name a {
  color: inherit;
}

.author-widget-wrap .name a:hover {
  color: var(--theme-color);
}

.author-widget-wrap .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: var(--theme-color);
  margin-bottom: 25px;
}

.author-widget-wrap .author-info {
  text-align: left;
  padding-right: 20px;
  margin-bottom: 15px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .author-widget-wrap .author-info {
    padding: 10px 0;
    margin-bottom: 0;
  }
}

.author-widget-wrap .author-bio {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: var(--body-color);
  margin-bottom: 0px;
}

.author-widget-wrap .author-social {
  display: block;
  position: absolute;
  top: 20px;
  right: 40px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .author-widget-wrap .author-social {
    right: 0px;
  }
}

@media (max-width: 450px) {
  .author-widget-wrap .author-social {
    display: none;
  }
}

.author-widget-wrap .author-social a {
  font-size: 14px;
  color: var(--title-color);
  position: relative;
  margin-right: 10px;
}

.author-widget-wrap .author-social a:last-child {
  margin-right: 0;
  border-right: none;
}

.author-widget-wrap .author-social a:hover {
  color: var(--theme-color);
}

.donwload-media-wrap {
  margin-top: -4px;
  margin-bottom: -4px;
}

.donwload-media-wrap .download-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--white-color);
  padding: 8px 8px 8px 20px;
  box-shadow: 0px 2px 4px 0px rgba(2, 29, 53, 0.1);
  margin-bottom: 15px;
  border-bottom: 1px solid #E7E7E7;
}

.donwload-media-wrap .download-media:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.donwload-media-wrap .download-media_icon {
  margin-right: 15px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .donwload-media-wrap .download-media_icon {
    margin-right: 10px;
  }
}

.donwload-media-wrap .download-media_icon i {
  font-size: 16px;
  color: var(--theme-color);
}

.donwload-media-wrap .download-media_title {
  color: var(--title-color);
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: -4px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .donwload-media-wrap .download-media_title {
    font-size: 14px;
    line-height: 24px;
  }
}

.donwload-media-wrap .download-media_text {
  color: var(--body-color);
  font-size: 14px;
}

.donwload-media-wrap .download-media_btn {
  margin-left: auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--theme-color);
  color: var(--white-color);
  text-align: center;
}

.donwload-media-wrap .download-media_btn:hover {
  background: var(--title-color);
}

.widget_call {
  background-color: var(--theme-color);
  border-radius: 20px;
  position: relative;
  z-index: 2;
}

.widget-map {
  border-radius: 30px;
}

.widget-map iframe {
  min-height: 324px;
  border-radius: 30px;
}

.widget-call .box-title {
  margin-bottom: 5px;
}

.widget-call .info-box_link {
  font-size: 18px;
  color: var(--white-color);
}

.widget-call .info-box_link:hover {
  color: var(--white-color);
}

.widget-call .info-box_icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  line-height: 50px;
  font-size: 16px;
  background-color: var(--theme-color);
  border: 1px solid var(--white-color);
  color: var(--white-color);
  border-radius: 50%;
  text-align: center;
  margin-right: 14px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.widget-call .info-box_icon:hover {
  background-color: var(--white-color);
  color: var(--theme-color);
}

.widget-call .info-box_subtitle {
  color: var(--white-color);
  text-transform: capitalize;
  margin-bottom: 5px;
}

.widget_info {
  padding: 40px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .widget_info {
    padding: 30px;
  }
}

.info-list {
  margin-top: -8px;
}

.info-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.info-list i {
  color: var(--theme-color);
  width: 16px;
  margin-right: 2px;
  font-size: 16px;
}

.info-list h6 {
  margin-bottom: 0;
}

.info-list strong {
  font-family: var(--title-font);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--body-color);
  display: block;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .info-list strong {
    font-size: 16px;
    line-height: 26px;
  }
}

.info-list li {
  border-bottom: 1px solid #D8DDE1;
  padding: 18px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
}

.info-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: -0.45em;
}

.info-list li span {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--body-color);
  /* Extra small devices */
}

@media (max-width: 575px) {
  .info-list li span {
    font-size: 16px;
    line-height: 26px;
  }
}

.event-btn .th-btn:hover:before,
.event-btn .th-btn:hover:after {
  width: 140%;
}

/* calender start  ---------------*/
.calendar-info {
  padding: 0;
}

.calendar-wrapper .calendar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #16C4E3;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 30px;
  color: var(--white-color);
  padding: 23px 40px;
  border-radius: 60px 60px 0 0;
  margin-bottom: 0;
  /* Large devices */
}

@media (max-width: 1199px) {
  .calendar-wrapper .calendar-title {
    border-radius: 30px 30px 0 0;
  }
}

.calendar_wrap.style2 {
  padding: 0 0px 40px 0px;
  border-radius: 0 0 60px 60px;
}

.calendar_wrap.style2 .wp-calendar-table {
  border: none;
}

.calendar_wrap.style2 thead {
  background-color: var(--theme-color4);
  border-radius: 5px;
  margin-bottom: 20px;
}

.calendar_wrap.style2 th {
  font-family: var(--title-font);
  font-weight: 500;
  font-size: 18px;
  border: none;
  color: var(--white-color);
}

.calendar_wrap.style2 th:first-child {
  border-left: 1px solid transparent;
}

.calendar_wrap.style2 td {
  font-family: var(--title-font);
  font-size: 24px;
  padding: 5px;
  color: var(--title-color);
  border: none;
  text-align: center;
  background-color: transparent;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

/* calender end  ---------------*/
.price_slider_wrapper {
  margin-top: -0.5em;
}

.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);
  -ms-transform: translateX(-1px);
  transform: translateX(-1px);
}

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

.price_slider_wrapper .ui-slider-handle:last-child {
  -webkit-transform: translateX(-9px);
  -ms-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: 0.4s ease-in;
  transition: 0.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: 35px;
  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 rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  text-align: left;
}

.widget_shopping_cart .mini_cart_item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.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%);
  -ms-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;
}

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

.widget_shopping_cart .total {
  margin-top: 20px;
  font-size: 18px;
  color: var(--title-color);
  font-family: var(--title-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%);
  -ms-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: "\f086";
  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: 0.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: transparent;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.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: "\f073";
  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, 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;
}

@media (min-width: 1200px) {
  .sidebar-shop .widget {
    padding: 30px;
  }
}

@media (min-width: 992px) {
  .sidebar-shop .widget {
    margin-bottom: 24px;
  }
}

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

  .widget_title {
    font-size: 22px;
    margin: -0.12em 0 28px 0;
  }

  .author-widget-wrap .name {
    font-size: 22px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .sidebar-area {
    padding-top: 30px;
  }

  .widget {
    --widget-padding-y: 40px;
    --widget-padding-x: 40px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .widget {
    --widget-padding-y: 30px;
    --widget-padding-x: 30px;
  }
}

@media (max-width: 330px) {
  .recent-post .post-title {
    font-size: 16px;
    line-height: 24px;
  }

  .recent-post .recent-post-meta a {
    font-size: 12px;
  }
}

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

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

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

.footer-widget .sidebar-gallery {
  gap: 14px;
}

.footer-widget .sidebar-gallery .gallery-thumb {
  min-width: 120px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .footer-widget .sidebar-gallery .gallery-thumb {
    width: 100%;
  }
}

.footer-widget .sidebar-gallery .gallery-thumb img {
  width: 120px;
  object-fit: cover;
  /* Large devices */
}

@media (max-width: 1199px) {
  .footer-widget .sidebar-gallery .gallery-thumb img {
    width: 100%;
  }
}

.footer-widget .widget_title {
  max-width: 270px;
  color: var(--white-color);
  margin: -0.11em 0 30px 0;
  padding: 0 0 18px 0;
}

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

.footer-widget .widget_title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: none;
  height: 3px;
  width: 113px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, var(--theme-color), transparent);
  background-image: linear-gradient(to right, var(--theme-color), transparent);
}

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

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

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

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

.footer-widget.widget_meta a:hover,
.footer-widget.widget_pages a:hover,
.footer-widget.widget_archive a:hover,
.footer-widget.widget_categories a:hover,
.footer-widget.widget_nav_menu a:hover {
  background-color: transparent;
  color: var(--theme-color);
  box-shadow: none;
  padding: 0 0 0 23px;
}

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

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

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

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

.footer-widget .recent-post .media-img {
  border-radius: 8px;
  margin-right: 10px;
}

.footer-widget .recent-post .media-img img {
  border-radius: 8px;
}

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

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

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

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

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

.th-widget-about .th-widget-contact.style2 .footer-info-title {
  margin-bottom: 3px;
}

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

.footer-info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #A4ADB6;
  font-size: 18px;
  line-height: 28px;
  padding: 0 0 0 20px;
  max-width: 337px;
}

.footer-info:not(:last-child) {
  margin: 0em 0 6px 0;
}

.footer-info i {
  display: inline-block;
  color: var(--theme-color);
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 12px;
}

.footer-info:nth-child(2) i {
  color: #16C4E3;
}

.footer-info:nth-child(3) i {
  color: #7DBE48;
}

.footer-info-title {
  font-size: 18px;
  font-family: var(--title-font);
  font-weight: 600;
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 5px;
  margin-top: -0.2em;
}

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

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

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

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

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

/* Large devices */
@media (max-width: 1199px) {

  .footer-widget.widget_meta a,
  .footer-widget.widget_pages a,
  .footer-widget.widget_archive a,
  .footer-widget.widget_categories a,
  .footer-widget.widget_nav_menu a {
    margin-bottom: 16px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .footer-widget .widget_title {
    margin-bottom: 35px;
  }

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

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

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

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

.info-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  /* Small devices */
}

.info-card_icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--white-color);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  color: var(--theme-color);
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.info-card_icon i {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.info-card_icon img {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.info-card_icon:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.info-card_icon:hover i {
  color: var(--white-color);
}

.info-card_icon:hover img {
  -webkit-filter: brightness(9);
  filter: brightness(9);
}

.info-card-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px 80px;
  /* Medium Large devices */
  /* Small devices */
}

@media (max-width: 1299px) {
  .info-card-wrap {
    gap: 15px 40px;
  }
}

@media (max-width: 767px) {
  .info-card-wrap {
    display: block;
  }
}

@media (max-width: 767px) {
  .info-card {
    margin-bottom: 20px;
  }
}

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

.info-card_icon i {
  background-color: var(--icon-bg, #fff);
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 20px;
  color: var(--theme-color);
  font-weight: 500;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.info-card_icon i:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.info-card_text {
  font-family: var(--body-font);
  font-size: 14px;
  color: var(--body-color);
  margin-bottom: 0;
}

.info-card_link {
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: 600;
  color: var(--title-color);
  margin-bottom: 0;
}

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

.header-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

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

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

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

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
    transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
    transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

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

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

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

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

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

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

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

.main-menu ul li.menu-item-has-children>a:after {
  content: "\2b";
  display: inline-block;
  position: relative;
  font-family: var(--icon-font);
  margin-left: 4px;
  font-weight: 600;
  top: 0;
  font-size: 0.7em;
  color: var(--title-color);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.main-menu ul li.menu-item-has-children>a:hover:after {
  content: "\f068";
  color: var(--theme-color);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.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>ul.sub-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  z-index: 9;
}

.main-menu ul.sub-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: var(--white-color);
  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;
  box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
  border-radius: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  border-bottom: 3px solid var(--theme-color);
  border-radius: 0 0 20px 20px;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

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

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

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

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

.main-menu ul.sub-menu li.menu-item-has-children>a:hover:after {
  content: "\f068";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main-menu ul.sub-menu li a {
  position: relative;
  padding-left: 0;
  text-transform: capitalize;
}

.main-menu ul.sub-menu li a:before {
  content: "\f02d";
  position: absolute;
  top: 6px;
  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: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.main-menu ul.sub-menu li a:hover {
  padding-left: 23px;
}

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

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

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

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

.simple-icon {
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 24px;
  position: relative;
}

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

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

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

.header-button .th-btn {
  margin-left: 15px;
  padding: 21px 53.4px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .header-button .th-btn {
    display: none;
  }
}

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

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

@media (max-width: 1599px) {
  .social-links .social-title {
    display: none;
  }
}

.social-links a {
  font-size: 14px;
  display: inline-block;
  color: var(--body-color);
  margin: 0 15px 0 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

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

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

.social-links a:hover i {
  -webkit-animation: slideTop 0.5s;
  animation: slideTop 0.5s;
}

.header-logo {
  padding-top: 15px;
  padding-bottom: 15px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .header-logo {
    max-width: 140px;
  }
}

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

.header-links li {
  display: inline-block;
  position: relative;
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 500;
}

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

.header-links li:not(:last-child):after {
  content: '';
  height: 14px;
  width: 1px;
  background-color: #888C97;
  position: absolute;
  top: 3px;
  right: -28px;
}

.header-links li>i {
  color: var(--white-color);
  margin-right: 8px;
}

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

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

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

.header-links .social-links a {
  font-size: 14px;
}

.header-notice {
  margin: 0;
  /* Large devices */
}

@media (max-width: 1199px) {
  .header-notice {
    display: none;
  }
}

.header-top {
  position: relative;
  padding: 8.5px 0;
  background-color: var(--theme-color);
  z-index: 2;
  --body-color: #fff;
}

.social-links {
  padding-left: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}

.social-links .social-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--white-color);
}

.social-links a {
  width: 25px;
  height: 25px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--white-color);
  color: var(--title-color);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  margin: 0 2px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-links a:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}


.header-links {
  /* Small devices */
}

@media (max-width: 767px) {
  .header-links {
    display: none;
  }
}

.header-links li {
  font-weight: 400;
}

.header-links li a {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

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

.header-links li:not(:last-child):after {
  content: '';
  height: 21px;
  width: 1px;
  background-color: #fff;
}

/* Header 1 Start ---------------------------------- */
.header-layout1 .header-top {
  border-radius: 0 0 100px 100px;
  /* Extra small devices */
}

@media (max-width: 1699px) {
  .header-layout1 .header-top {
    border-radius: 0 0 30px 30px;
  }
}

@media (max-width: 375px) {
  .header-layout1 .header-top {
    border-radius: 0;
  }
}

.header-layout1 .header-logo {
  padding-top: 30px;
  padding-bottom: 0;
}

@media (max-width: 480px) {
  .header-layout1 .header-logo {
    max-width: 140px;
  }
}

.header-layout1 .sticky-wrapper.sticky .menu-area {
  box-shadow: none;
}

.header-layout1 .sticky-wrapper.sticky .logo-bg {
  /* Extra small devices */
}

@media (max-width: 575px) {
  .header-layout1 .sticky-wrapper.sticky .logo-bg {
    margin-top: -30px;
  }
}

.header-layout1 .menu-area {
  position: relative;
  background-color: var(--white-color);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  padding: 0 20px 0 40px;
  z-index: 2;
  /* Extra small devices */
  /* Extra small devices */
}

@media (max-width: 1399px) {
  .header-layout1 .menu-area {
    padding: 0 20px 0 30px;
  }
}

@media (max-width: 575px) {
  .header-layout1 .menu-area {
    padding: 0 20px 0 20px;
  }
}

@media (max-width: 375px) {
  .header-layout1 .menu-area {
    padding: 0 10px 0 0;
    border-radius: 0 0 30px 30px;
  }
}

.header-layout1 .menu-area .logo-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 370px;
  height: 361px;
  background-color: var(--white-color);
  z-index: -1;
  -webkit-mask-size: auto;
  mask-size: auto;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .header-layout1 .menu-area .logo-bg {
    width: 260px;
    height: 150px;
  }
}

.header-layout1 .main-menu {
  position: relative;
  padding-right: 150px;
  /* Extra large devices */
}

@media (max-width: 1500px) {
  .header-layout1 .main-menu {
    padding-right: 100px;
  }
}

@media (max-width: 1399px) {
  .header-layout1 .main-menu {
    padding-right: 0px;
  }
}

.header-layout1 .main-menu>ul>li {
  margin: 0 16px;
}

.header-layout1 .main-menu>ul>li>a {
  padding: 35.5px 0;
}

.header-layout1 .main-menu a {
  /* Large devices */
}

@media (max-width: 1199px) {
  .header-layout1 .main-menu a {
    font-size: 16px;
  }
}

@media (min-width: 1400px) {
  .header-layout1 .th-container {
    --main-container: 1690px;
  }
}

/* Header 1 End ---------------------------------- */
/* Header 2 start ---------------------------------- */
.header-layout2 .header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.header-layout2 .menu-area {
  background-color: var(--white-color);
}

.header-layout2 .main-menu>ul>li>a {
  padding: 40px 0;
}

.header-layout2 .main-menu {
  position: relative;
  padding-right: 180px;
  /* Extra large devices */
  /* Large devices */
}

@media (max-width: 1500px) {
  .header-layout2 .main-menu {
    padding-right: 100px;
  }
}

@media (max-width: 1399px) {
  .header-layout2 .main-menu {
    padding-right: 50px;
  }
}

@media (max-width: 1199px) {
  .header-layout2 .main-menu {
    padding-right: 0;
  }
}

.header-layout2 .main-menu>ul>li {
  margin: 0 17.3px;
}

.header-layout2 .header-button .th-btn {
  margin-left: 20px;
  padding: 20px 48px;
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .unittest-header .main-menu a {
    font-size: 15px;
  }

  .unittest-header .main-menu>ul>li {
    margin: 0 11px;
  }
}

/* Header 2 end ---------------------------------- */
/* ------------------------------Header 1  Start ---------------------------------- */
/* ------------------------------ Header 3  start ---------------------------------- */
.header-layout3 .main-menu {
  position: relative;
  padding-right: 155px;
  /* Large devices */
}

@media (max-width: 1399px) {
  .header-layout3 .main-menu {
    padding-right: 50px;
  }
}

@media (max-width: 1199px) {
  .header-layout3 .main-menu {
    padding-right: 0;
  }
}

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

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

.widget-area {
  padding-top: 100px;
  padding-bottom: 46px;
}

.sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

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

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

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

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

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

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

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

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

.about-text {
  font-size: 18px;
  max-width: 337px;
  margin-bottom: 10px;
}

.copyright-wrap {
  padding: 18px 0;
  background-size: 100% auto;
  background-color: #262A36;
}

.copyright-wrap .copyright-text {
  color: var(--white-color);
  font-weight: 400;
  font-size: 18px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .copyright-wrap .copyright-text {
    font-size: 16px;
  }
}

.copyright-wrap .copyright-text a {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

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

.copyright-wrap.bg-title .copyright-text a:hover {
  color: var(--theme-color);
}

.footer-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 170px;
  margin-top: -0.4rem;
  margin-bottom: 0;
}

.footer-info:not(:last-child) {
  margin-top: 0;
  margin-bottom: 10px;
}

.footer-info_title {
  font-size: 18px;
  color: var(--white-color);
  display: block;
  margin-bottom: 7px;
}

.footer-info_icon {
  width: 26px;
  height: 26px;
  min-width: 26px;
  line-height: 26px;
  font-size: 14px;
  background-color: var(--theme-color);
  color: var(--white-color);
  text-align: center;
  border-radius: 5px;
  gap: 8px;
  margin-right: 10px;
}

.footer-info_text {
  display: block;
  color: var(--body-color);
  margin-top: -0.45em;
  margin-bottom: -0.45em;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.footer-info_link {
  display: inline-block;
  color: var(--body-color);
}

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

.newsletter-form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  /* Medium devices */
}

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

.newsletter-form.style2 {
  margin: auto;
}

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

.newsletter-form .form-control {
  min-height: 56px;
  padding-left: 22px;
  padding-right: 52px;
  background: #FFFFFF;
  border: 1px solid #D8DDE1;
  border-radius: 50px 0 0 50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.newsletter-form .form-control:hover {
  border: 1px solid var(--theme-color);
}

.newsletter-form .th-btn {
  min-width: 140px;
  height: 56px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding: 18.5px 40px;
  text-transform: capitalize;
  font-size: 18px;
  font-family: var(--title-font);
  font-weight: 500;
  border-radius: 100px;
  margin-left: -50px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .newsletter-form .th-btn {
    padding: 18.5px 25px;
  }
}

.newsletter-area {
  position: initial;
  background-color: #001328;
}

.newsletter-area .newsletter-shape {
  position: relative;
  top: -107px;
  left: 0;
  width: 100%;
  height: 110px;
  background-size: auto;
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #001328;
  z-index: 5;
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-animation: headerShapeAnim 80s linear infinite;
  animation: headerShapeAnim 80s linear infinite;
}

.newsletter-area .newsletter-top {
  padding-bottom: 55px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: -100px;
}

.newsletter-area .newsletter-top .newsletter-title {
  font-size: 48px;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .newsletter-area .newsletter-top .newsletter-title {
    font-size: 36px;
  }
}

@media (max-width: 991px) {
  .newsletter-area .newsletter-top .newsletter-title {
    text-align: center;
  }
}

/** footer layout 1 start ------------------------*/
.footer-layout1 {
  position: initial;
  background-color: #001328;
  background-size: auto;
  background-repeat: repeat;
  --body-color: #A4ADB6;
}

.footer-layout1 .widget-area {
  padding-top: 80px;
  padding-bottom: 40px;
}

.footer-layout1 .th-widget-about .about-logo {
  margin-top: -20px;
}

.footer-layout1 .newsletter-form .th-btn {
  padding: 19px 40px;
}

.footer-layout1 .copyright-wrap {
  position: relative;
  background-color: transparent;
  padding: 40px 0 15px 0;
  z-index: 2;
}

.footer-layout1 .copyright-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-color);
  -webkit-clip-path: path("M0 31.6228C0 11.146 20.0609 -3.31303 39.4868 3.16228L60 10C98.9467 22.9822 141.053 22.9822 180 10C218.947 -2.98222 261.053 -2.98222 300 10C338.947 22.9822 381.053 22.9822 420 10C458.947 -2.98222 501.053 -2.98222 540 10C578.947 22.9822 621.053 22.9822 660 10C698.947 -2.98222 741.053 -2.98222 780 10C818.947 22.9822 861.053 22.9822 900 10C938.947 -2.98222 981.053 -2.98222 1020 10C1058.95 22.9822 1101.05 22.9822 1140 10C1178.95 -2.98222 1221.05 -2.98222 1260 10C1298.95 22.9822 1341.05 22.9822 1380 10C1418.95 -2.98222 1461.05 -2.98222 1500 10C1538.95 22.9822 1581.05 22.9822 1620 10C1658.95 -2.98222 1701.05 -2.98222 1740 10C1778.95 22.9822 1821.05 22.9822 1860 9.99999L1880.51 3.16226C1899.94 -3.31305 1920 11.146 1920 31.6228V90H0V31.6228Z");
  clip-path: path("M0 31.6228C0 11.146 20.0609 -3.31303 39.4868 3.16228L60 10C98.9467 22.9822 141.053 22.9822 180 10C218.947 -2.98222 261.053 -2.98222 300 10C338.947 22.9822 381.053 22.9822 420 10C458.947 -2.98222 501.053 -2.98222 540 10C578.947 22.9822 621.053 22.9822 660 10C698.947 -2.98222 741.053 -2.98222 780 10C818.947 22.9822 861.053 22.9822 900 10C938.947 -2.98222 981.053 -2.98222 1020 10C1058.95 22.9822 1101.05 22.9822 1140 10C1178.95 -2.98222 1221.05 -2.98222 1260 10C1298.95 22.9822 1341.05 22.9822 1380 10C1418.95 -2.98222 1461.05 -2.98222 1500 10C1538.95 22.9822 1581.05 22.9822 1620 10C1658.95 -2.98222 1701.05 -2.98222 1740 10C1778.95 22.9822 1821.05 22.9822 1860 9.99999L1880.51 3.16226C1899.94 -3.31305 1920 11.146 1920 31.6228V90H0V31.6228Z");
  z-index: -1;
}

@media (min-width: 1930px) {
  .footer-layout1 .copyright-wrap:before {
    -webkit-clip-path: path("M0 31.6228C0 11.146 20.0609 -3.31303 39.4868 3.16228L60 10C98.9467 22.9822 141.053 22.9822 180 10C218.947 -2.98222 261.053 -2.98222 300 10C338.947 22.9822 381.053 22.9822 420 10C458.947 -2.98222 501.053 -2.98222 540 10C578.947 22.9822 621.053 22.9822 660 10C698.947 -2.98222 741.053 -2.98222 780 10C818.947 22.9822 861.053 22.9822 900 10C938.947 -2.98222 981.053 -2.98222 1020 10C1058.95 22.9822 1101.05 22.9822 1140 10C1178.95 -2.98222 1221.05 -2.98222 1260 10C1298.95 22.9822 1341.05 22.9822 1380 10C1418.95 -2.98222 1461.05 -2.98222 1500 10C1538.95 22.9822 1581.05 22.9822 1620 10C1658.95 -2.98222 1701.05 -2.98222 1740 10C1778.95 22.9822 1821.05 22.9822 1860 9.99999L1880.51 3.16226C1899.94 -3.31305 1920 11.146 2720 31.6228V90H0V31.6228Z");
    clip-path: path("M0 31.6228C0 11.146 20.0609 -3.31303 39.4868 3.16228L60 10C98.9467 22.9822 141.053 22.9822 180 10C218.947 -2.98222 261.053 -2.98222 300 10C338.947 22.9822 381.053 22.9822 420 10C458.947 -2.98222 501.053 -2.98222 540 10C578.947 22.9822 621.053 22.9822 660 10C698.947 -2.98222 741.053 -2.98222 780 10C818.947 22.9822 861.053 22.9822 900 10C938.947 -2.98222 981.053 -2.98222 1020 10C1058.95 22.9822 1101.05 22.9822 1140 10C1178.95 -2.98222 1221.05 -2.98222 1260 10C1298.95 22.9822 1341.05 22.9822 1380 10C1418.95 -2.98222 1461.05 -2.98222 1500 10C1538.95 22.9822 1581.05 22.9822 1620 10C1658.95 -2.98222 1701.05 -2.98222 1740 10C1778.95 22.9822 1821.05 22.9822 1860 9.99999L1880.51 3.16226C1899.94 -3.31305 1920 11.146 2720 31.6228V90H0V31.6228Z");
  }
}

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

.footer-layout1 .copyright-wrap .copyright-text a:hover {
  color: var(--title-color);
}

/** footer layout 1 end ------------------------*/
.copyright-text {
  margin: 0;
}

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

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

.newsletter-sec {
  position: relative;
  padding: 140px 0;
  z-index: 3;
  text-align: center;
  margin-top: 25px;
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 991px) {
  .newsletter-sec {
    padding: 140px 0 80px;
  }
}

@media (max-width: 767px) {
  .newsletter-sec {
    background-color: var(--smoke-color);
    padding: 80px 0;
    margin-top: 0;
  }
}

.newsletter-sec .newsletter-shape {
  background-color: var(--smoke-color);
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /* Small devices */
}

@media (max-width: 767px) {
  .newsletter-sec .newsletter-shape {
    display: none;
  }
}

.newsletter-sec .newsletter-shape2 {
  position: absolute;
  top: -5%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 2px solid var(--theme-color);
  background-color: var(--theme-color);
  /* Small devices */
}

@media (max-width: 767px) {
  .newsletter-sec .newsletter-shape2 {
    display: none;
  }
}

.newsletter-sec .newsletter-title {
  max-width: 675px;
  display: block;
  margin: auto auto 50px auto;
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 991px) {
  .newsletter-sec .newsletter-title {
    max-width: 500px;
  }
}

.newsletter-sec .newsletter-text {
  color: var(--white-color);
  line-height: 26px;
  margin-bottom: -0.4rem;
}

.newsletter-widget {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

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

.schedule-info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 15px;
  color: #A4ADB6;
  margin-bottom: 2px;
}

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

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

.th-widget-schedule.style2 {
  width: 100%;
}

.th-widget-schedule.style2 .schedule-info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #D8DDE1;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.th-widget-schedule.style2 .schedule-info span {
  font-size: 18px;
  color: var(--body-color);
}

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

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

.newsletter-widget .title {
  color: #888C97;
}

.newsletter-widget.style2 {
  background-color: #191D27;
  padding: 40px;
  border-radius: 30px;
  text-align: center;
  max-width: 387px;
  /* Medium Large devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .newsletter-widget.style2 {
    min-width: 100%;
  }
}

@media (max-width: 575px) {
  .newsletter-widget.style2 {
    padding: 25px;
  }
}

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

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

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

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

/* Small devices */
@media (max-width: 767px) {
  .newsletter-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

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

  .footer-layout1 .widget-area {
    padding-bottom: 40px;
  }

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

/* footer 2 ---------------------------------- */
.footer-layout2 {
  position: relative;
  background-color: #001328;
  --body-color: #A4ADB6;
}

.footer-layout2 .widget-area {
  padding-top: 110px;
  padding-bottom: 54px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .footer-layout2 .widget-area {
    padding-top: 80px;
  }
}

.footer-layout2 .copyright-wrap {
  position: relative;
  padding: 30px 0 24px 0;
  background-color: transparent;
  z-index: 2;
}

.footer-layout2 .copyright-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-color);
  -webkit-clip-path: path("M960 198L0 198L1.47133e-05 29.7L1.7307e-05 0.0311676C0.305017 0.0351276 0.615 0.043553 0.92 0.060383C7.745 0.456384 14.005 3.72832 20.175 6.95671L20.1868 6.96289C26.9378 10.4931 33.5842 13.9687 40.77 13.5699C47.5892 13.1748 53.8393 9.90709 60.0091 6.6814L60.025 6.67308L60.0321 6.66937C66.7847 3.13833 73.4325 -0.337946 80.615 0.06039C87.4363 0.456176 93.6882 3.72479 99.86 6.95148L99.87 6.95672C106.62 10.489 113.275 13.9689 120.46 13.5699C127.28 13.1747 133.531 9.90657 139.702 6.68039L139.715 6.67359L139.725 6.6686C146.476 3.138 153.123 -0.337891 160.305 0.060397C167.13 0.456398 173.39 3.72883 179.565 6.95723L179.572 6.9609C186.325 10.492 192.973 13.9683 200.155 13.5699C206.975 13.1747 213.226 9.89902 219.397 6.66535L219.41 6.65875C226.16 3.1195 232.815 -0.367287 240 0.0311885C240.305 0.0311886 240.615 0.031199 240.92 0.060404C247.745 0.456405 254.005 3.72834 260.175 6.95673L260.187 6.96285C266.938 10.4931 273.584 13.9687 280.77 13.5699C287.589 13.1748 293.839 9.90713 300.009 6.68145L300.025 6.6731L300.032 6.66943C306.785 3.13837 313.432 -0.337926 320.615 0.060411C327.436 0.456196 333.688 3.72479 339.86 6.95147L339.87 6.95674C346.62 10.4891 353.275 13.9689 360.46 13.57C367.28 13.1747 373.531 9.90661 379.702 6.68044L379.715 6.67361L379.724 6.66867C386.476 3.13804 393.123 -0.337872 400.305 0.0604179C407.13 0.456419 413.39 3.72886 419.565 6.95725L419.572 6.96088C426.325 10.492 432.973 13.9683 440.155 13.57C446.98 13.1745 453.235 9.902 459.405 6.67362L459.408 6.67202C466.163 3.14025 472.815 -0.337991 480 0.0604249V0.0312095C480.308 0.0351695 480.615 0.043595 480.922 0.060425C487.747 0.456426 494.003 3.72836 500.175 6.95675L500.177 6.95765C506.93 10.4897 513.583 13.9689 520.768 13.57C527.592 13.1745 533.85 9.9023 540.022 6.67429L540.025 6.67312C546.779 3.1408 553.431 -0.338044 560.615 0.060432C567.439 0.456433 573.696 3.72837 579.868 6.95676L579.868 6.95698C586.622 10.4892 593.275 13.9689 600.461 13.57C607.285 13.1745 613.542 9.90222 619.714 6.67394L619.715 6.67363C626.468 3.14131 633.121 -0.338037 640.307 0.0604389C647.133 0.456439 653.391 3.72888 659.564 6.95727C666.318 10.4896 672.971 13.9685 680.154 13.57C686.978 13.1745 693.235 9.89514 699.408 6.65958L699.409 6.65879C706.162 3.11954 712.815 -0.367245 720 0.0312305C720.307 0.0312305 720.615 0.0312409 720.922 0.060446C727.747 0.456447 734.003 3.72839 740.175 6.95678L740.177 6.95763C746.93 10.4897 753.583 13.9689 760.768 13.57C767.593 13.1745 773.851 9.90179 780.024 6.67352L780.025 6.67315C786.779 3.14083 793.431 -0.338023 800.615 0.0604529C807.439 0.456454 813.695 3.72839 819.868 6.95678L819.868 6.957C826.622 10.4892 833.275 13.969 840.461 13.57C847.285 13.1745 853.541 9.90238 859.714 6.67415L859.715 6.67365C866.468 3.14133 873.121 -0.338016 880.307 0.0604599C887.133 0.45646 893.391 3.7289 899.564 6.95729C906.318 10.4896 912.97 13.9685 920.154 13.57C926.978 13.1745 933.234 9.90219 939.407 6.67387L939.407 6.67366C946.161 3.14134 952.814 -0.338009 960 0.0604669V0.0311676C960.305 0.0351276 960.615 0.043553 960.92 0.060383C967.745 0.456384 974.005 3.72832 980.175 6.95671L980.187 6.96291C986.938 10.4931 993.584 13.9687 1000.77 13.5699C1007.59 13.1748 1013.84 9.90708 1020.01 6.68138L1020.03 6.67308L1020.03 6.66945C1026.78 3.13838 1033.43 -0.337949 1040.61 0.06039C1047.44 0.456181 1053.69 3.72486 1059.86 6.95159L1059.87 6.95672C1066.62 10.489 1073.28 13.9689 1080.46 13.5699C1087.28 13.1747 1093.53 9.90662 1099.7 6.68047L1099.72 6.67359L1099.72 6.66852C1106.48 3.13794 1113.12 -0.337888 1120.31 0.060397C1127.13 0.456398 1133.39 3.72883 1139.57 6.95723L1139.57 6.9609C1146.32 10.492 1152.97 13.9683 1160.16 13.5699C1166.98 13.1747 1173.23 9.89914 1179.4 6.66552L1179.41 6.65875C1186.16 3.1195 1192.82 -0.367287 1200 0.0311885C1200.31 0.0311886 1200.61 0.031199 1200.92 0.060404C1207.74 0.456405 1214.01 3.72834 1220.18 6.95673L1220.19 6.96293C1226.94 10.4931 1233.58 13.9687 1240.77 13.5699C1247.59 13.1748 1253.84 9.90703 1260.01 6.6813L1260.03 6.6731L1260.03 6.66947C1266.78 3.1384 1273.43 -0.337928 1280.61 0.060411C1287.44 0.456202 1293.69 3.72489 1299.86 6.95161L1299.87 6.95674C1306.62 10.4891 1313.28 13.9689 1320.46 13.57C1327.28 13.1747 1333.53 9.90664 1339.7 6.68049L1339.72 6.67361L1339.72 6.66854C1346.48 3.13796 1353.12 -0.337867 1360.31 0.0604179C1367.13 0.456419 1373.39 3.72886 1379.57 6.95725L1379.57 6.96092C1386.32 10.492 1392.97 13.9683 1400.16 13.57C1406.98 13.1745 1413.23 9.902 1419.41 6.67362L1419.41 6.67198C1426.16 3.14022 1432.81 -0.337989 1440 0.0604249V0.0312095C1440.31 0.0351695 1440.61 0.043595 1440.92 0.060425C1447.75 0.456426 1454 3.72836 1460.18 6.95675L1460.18 6.95745C1466.93 10.4895 1473.58 13.9689 1480.77 13.57C1487.59 13.1745 1493.85 9.90217 1500.02 6.6741L1500.02 6.67312C1506.78 3.1408 1513.43 -0.338044 1520.61 0.060432C1527.44 0.456433 1533.7 3.72837 1539.87 6.95676L1539.87 6.95714C1546.62 10.4893 1553.27 13.9689 1560.46 13.57C1567.29 13.1745 1573.54 9.90229 1579.71 6.67403L1579.71 6.67363C1586.47 3.14131 1593.12 -0.338037 1600.31 0.0604389C1607.13 0.456439 1613.39 3.72888 1619.56 6.95727C1626.32 10.4896 1632.97 13.9685 1640.15 13.57C1646.98 13.1745 1653.23 9.89534 1659.41 6.65988L1659.41 6.65879C1666.16 3.11954 1672.81 -0.367245 1680 0.0312305C1680.31 0.0312305 1680.61 0.0312409 1680.92 0.060446C1687.75 0.456447 1694 3.72839 1700.18 6.95678L1700.18 6.95779C1706.93 10.4898 1713.58 13.9689 1720.77 13.57C1727.59 13.1745 1733.85 9.90166 1740.02 6.67333L1740.02 6.67315C1746.78 3.14083 1753.43 -0.338023 1760.61 0.0604529C1767.44 0.456454 1773.7 3.72839 1779.87 6.95678C1786.62 10.4891 1793.27 13.969 1800.46 13.57C1807.29 13.1745 1813.54 9.90231 1819.71 6.67405L1819.71 6.67365C1826.47 3.14133 1833.12 -0.338016 1840.31 0.0604599C1847.13 0.45646 1853.39 3.7289 1859.56 6.95729C1866.32 10.4896 1872.97 13.9685 1880.15 13.57C1886.98 13.1745 1893.23 9.90219 1899.41 6.67387L1899.41 6.67366C1906.16 3.14134 1912.81 -0.338009 1920 0.0604669V29.7001V198H960Z");
  clip-path: path("M960 198L0 198L1.47133e-05 29.7L1.7307e-05 0.0311676C0.305017 0.0351276 0.615 0.043553 0.92 0.060383C7.745 0.456384 14.005 3.72832 20.175 6.95671L20.1868 6.96289C26.9378 10.4931 33.5842 13.9687 40.77 13.5699C47.5892 13.1748 53.8393 9.90709 60.0091 6.6814L60.025 6.67308L60.0321 6.66937C66.7847 3.13833 73.4325 -0.337946 80.615 0.06039C87.4363 0.456176 93.6882 3.72479 99.86 6.95148L99.87 6.95672C106.62 10.489 113.275 13.9689 120.46 13.5699C127.28 13.1747 133.531 9.90657 139.702 6.68039L139.715 6.67359L139.725 6.6686C146.476 3.138 153.123 -0.337891 160.305 0.060397C167.13 0.456398 173.39 3.72883 179.565 6.95723L179.572 6.9609C186.325 10.492 192.973 13.9683 200.155 13.5699C206.975 13.1747 213.226 9.89902 219.397 6.66535L219.41 6.65875C226.16 3.1195 232.815 -0.367287 240 0.0311885C240.305 0.0311886 240.615 0.031199 240.92 0.060404C247.745 0.456405 254.005 3.72834 260.175 6.95673L260.187 6.96285C266.938 10.4931 273.584 13.9687 280.77 13.5699C287.589 13.1748 293.839 9.90713 300.009 6.68145L300.025 6.6731L300.032 6.66943C306.785 3.13837 313.432 -0.337926 320.615 0.060411C327.436 0.456196 333.688 3.72479 339.86 6.95147L339.87 6.95674C346.62 10.4891 353.275 13.9689 360.46 13.57C367.28 13.1747 373.531 9.90661 379.702 6.68044L379.715 6.67361L379.724 6.66867C386.476 3.13804 393.123 -0.337872 400.305 0.0604179C407.13 0.456419 413.39 3.72886 419.565 6.95725L419.572 6.96088C426.325 10.492 432.973 13.9683 440.155 13.57C446.98 13.1745 453.235 9.902 459.405 6.67362L459.408 6.67202C466.163 3.14025 472.815 -0.337991 480 0.0604249V0.0312095C480.308 0.0351695 480.615 0.043595 480.922 0.060425C487.747 0.456426 494.003 3.72836 500.175 6.95675L500.177 6.95765C506.93 10.4897 513.583 13.9689 520.768 13.57C527.592 13.1745 533.85 9.9023 540.022 6.67429L540.025 6.67312C546.779 3.1408 553.431 -0.338044 560.615 0.060432C567.439 0.456433 573.696 3.72837 579.868 6.95676L579.868 6.95698C586.622 10.4892 593.275 13.9689 600.461 13.57C607.285 13.1745 613.542 9.90222 619.714 6.67394L619.715 6.67363C626.468 3.14131 633.121 -0.338037 640.307 0.0604389C647.133 0.456439 653.391 3.72888 659.564 6.95727C666.318 10.4896 672.971 13.9685 680.154 13.57C686.978 13.1745 693.235 9.89514 699.408 6.65958L699.409 6.65879C706.162 3.11954 712.815 -0.367245 720 0.0312305C720.307 0.0312305 720.615 0.0312409 720.922 0.060446C727.747 0.456447 734.003 3.72839 740.175 6.95678L740.177 6.95763C746.93 10.4897 753.583 13.9689 760.768 13.57C767.593 13.1745 773.851 9.90179 780.024 6.67352L780.025 6.67315C786.779 3.14083 793.431 -0.338023 800.615 0.0604529C807.439 0.456454 813.695 3.72839 819.868 6.95678L819.868 6.957C826.622 10.4892 833.275 13.969 840.461 13.57C847.285 13.1745 853.541 9.90238 859.714 6.67415L859.715 6.67365C866.468 3.14133 873.121 -0.338016 880.307 0.0604599C887.133 0.45646 893.391 3.7289 899.564 6.95729C906.318 10.4896 912.97 13.9685 920.154 13.57C926.978 13.1745 933.234 9.90219 939.407 6.67387L939.407 6.67366C946.161 3.14134 952.814 -0.338009 960 0.0604669V0.0311676C960.305 0.0351276 960.615 0.043553 960.92 0.060383C967.745 0.456384 974.005 3.72832 980.175 6.95671L980.187 6.96291C986.938 10.4931 993.584 13.9687 1000.77 13.5699C1007.59 13.1748 1013.84 9.90708 1020.01 6.68138L1020.03 6.67308L1020.03 6.66945C1026.78 3.13838 1033.43 -0.337949 1040.61 0.06039C1047.44 0.456181 1053.69 3.72486 1059.86 6.95159L1059.87 6.95672C1066.62 10.489 1073.28 13.9689 1080.46 13.5699C1087.28 13.1747 1093.53 9.90662 1099.7 6.68047L1099.72 6.67359L1099.72 6.66852C1106.48 3.13794 1113.12 -0.337888 1120.31 0.060397C1127.13 0.456398 1133.39 3.72883 1139.57 6.95723L1139.57 6.9609C1146.32 10.492 1152.97 13.9683 1160.16 13.5699C1166.98 13.1747 1173.23 9.89914 1179.4 6.66552L1179.41 6.65875C1186.16 3.1195 1192.82 -0.367287 1200 0.0311885C1200.31 0.0311886 1200.61 0.031199 1200.92 0.060404C1207.74 0.456405 1214.01 3.72834 1220.18 6.95673L1220.19 6.96293C1226.94 10.4931 1233.58 13.9687 1240.77 13.5699C1247.59 13.1748 1253.84 9.90703 1260.01 6.6813L1260.03 6.6731L1260.03 6.66947C1266.78 3.1384 1273.43 -0.337928 1280.61 0.060411C1287.44 0.456202 1293.69 3.72489 1299.86 6.95161L1299.87 6.95674C1306.62 10.4891 1313.28 13.9689 1320.46 13.57C1327.28 13.1747 1333.53 9.90664 1339.7 6.68049L1339.72 6.67361L1339.72 6.66854C1346.48 3.13796 1353.12 -0.337867 1360.31 0.0604179C1367.13 0.456419 1373.39 3.72886 1379.57 6.95725L1379.57 6.96092C1386.32 10.492 1392.97 13.9683 1400.16 13.57C1406.98 13.1745 1413.23 9.902 1419.41 6.67362L1419.41 6.67198C1426.16 3.14022 1432.81 -0.337989 1440 0.0604249V0.0312095C1440.31 0.0351695 1440.61 0.043595 1440.92 0.060425C1447.75 0.456426 1454 3.72836 1460.18 6.95675L1460.18 6.95745C1466.93 10.4895 1473.58 13.9689 1480.77 13.57C1487.59 13.1745 1493.85 9.90217 1500.02 6.6741L1500.02 6.67312C1506.78 3.1408 1513.43 -0.338044 1520.61 0.060432C1527.44 0.456433 1533.7 3.72837 1539.87 6.95676L1539.87 6.95714C1546.62 10.4893 1553.27 13.9689 1560.46 13.57C1567.29 13.1745 1573.54 9.90229 1579.71 6.67403L1579.71 6.67363C1586.47 3.14131 1593.12 -0.338037 1600.31 0.0604389C1607.13 0.456439 1613.39 3.72888 1619.56 6.95727C1626.32 10.4896 1632.97 13.9685 1640.15 13.57C1646.98 13.1745 1653.23 9.89534 1659.41 6.65988L1659.41 6.65879C1666.16 3.11954 1672.81 -0.367245 1680 0.0312305C1680.31 0.0312305 1680.61 0.0312409 1680.92 0.060446C1687.75 0.456447 1694 3.72839 1700.18 6.95678L1700.18 6.95779C1706.93 10.4898 1713.58 13.9689 1720.77 13.57C1727.59 13.1745 1733.85 9.90166 1740.02 6.67333L1740.02 6.67315C1746.78 3.14083 1753.43 -0.338023 1760.61 0.0604529C1767.44 0.456454 1773.7 3.72839 1779.87 6.95678C1786.62 10.4891 1793.27 13.969 1800.46 13.57C1807.29 13.1745 1813.54 9.90231 1819.71 6.67405L1819.71 6.67365C1826.47 3.14133 1833.12 -0.338016 1840.31 0.0604599C1847.13 0.45646 1853.39 3.7289 1859.56 6.95729C1866.32 10.4896 1872.97 13.9685 1880.15 13.57C1886.98 13.1745 1893.23 9.90219 1899.41 6.67387L1899.41 6.67366C1906.16 3.14134 1912.81 -0.338009 1920 0.0604669V29.7001V198H960Z");
  z-index: -1;
}

@media (min-width: 1930px) {
  .footer-layout2 .copyright-wrap:before {
    -webkit-clip-path: path("M960 198L0 198L1.47133e-05 29.7L1.7307e-05 0.0311676C0.305017 0.0351276 0.615 0.043553 0.92 0.060383C7.745 0.456384 14.005 3.72832 20.175 6.95671L20.1868 6.96289C26.9378 10.4931 33.5842 13.9687 40.77 13.5699C47.5892 13.1748 53.8393 9.90709 60.0091 6.6814L60.025 6.67308L60.0321 6.66937C66.7847 3.13833 73.4325 -0.337946 80.615 0.06039C87.4363 0.456176 93.6882 3.72479 99.86 6.95148L99.87 6.95672C106.62 10.489 113.275 13.9689 120.46 13.5699C127.28 13.1747 133.531 9.90657 139.702 6.68039L139.715 6.67359L139.725 6.6686C146.476 3.138 153.123 -0.337891 160.305 0.060397C167.13 0.456398 173.39 3.72883 179.565 6.95723L179.572 6.9609C186.325 10.492 192.973 13.9683 200.155 13.5699C206.975 13.1747 213.226 9.89902 219.397 6.66535L219.41 6.65875C226.16 3.1195 232.815 -0.367287 240 0.0311885C240.305 0.0311886 240.615 0.031199 240.92 0.060404C247.745 0.456405 254.005 3.72834 260.175 6.95673L260.187 6.96285C266.938 10.4931 273.584 13.9687 280.77 13.5699C287.589 13.1748 293.839 9.90713 300.009 6.68145L300.025 6.6731L300.032 6.66943C306.785 3.13837 313.432 -0.337926 320.615 0.060411C327.436 0.456196 333.688 3.72479 339.86 6.95147L339.87 6.95674C346.62 10.4891 353.275 13.9689 360.46 13.57C367.28 13.1747 373.531 9.90661 379.702 6.68044L379.715 6.67361L379.724 6.66867C386.476 3.13804 393.123 -0.337872 400.305 0.0604179C407.13 0.456419 413.39 3.72886 419.565 6.95725L419.572 6.96088C426.325 10.492 432.973 13.9683 440.155 13.57C446.98 13.1745 453.235 9.902 459.405 6.67362L459.408 6.67202C466.163 3.14025 472.815 -0.337991 480 0.0604249V0.0312095C480.308 0.0351695 480.615 0.043595 480.922 0.060425C487.747 0.456426 494.003 3.72836 500.175 6.95675L500.177 6.95765C506.93 10.4897 513.583 13.9689 520.768 13.57C527.592 13.1745 533.85 9.9023 540.022 6.67429L540.025 6.67312C546.779 3.1408 553.431 -0.338044 560.615 0.060432C567.439 0.456433 573.696 3.72837 579.868 6.95676L579.868 6.95698C586.622 10.4892 593.275 13.9689 600.461 13.57C607.285 13.1745 613.542 9.90222 619.714 6.67394L619.715 6.67363C626.468 3.14131 633.121 -0.338037 640.307 0.0604389C647.133 0.456439 653.391 3.72888 659.564 6.95727C666.318 10.4896 672.971 13.9685 680.154 13.57C686.978 13.1745 693.235 9.89514 699.408 6.65958L699.409 6.65879C706.162 3.11954 712.815 -0.367245 720 0.0312305C720.307 0.0312305 720.615 0.0312409 720.922 0.060446C727.747 0.456447 734.003 3.72839 740.175 6.95678L740.177 6.95763C746.93 10.4897 753.583 13.9689 760.768 13.57C767.593 13.1745 773.851 9.90179 780.024 6.67352L780.025 6.67315C786.779 3.14083 793.431 -0.338023 800.615 0.0604529C807.439 0.456454 813.695 3.72839 819.868 6.95678L819.868 6.957C826.622 10.4892 833.275 13.969 840.461 13.57C847.285 13.1745 853.541 9.90238 859.714 6.67415L859.715 6.67365C866.468 3.14133 873.121 -0.338016 880.307 0.0604599C887.133 0.45646 893.391 3.7289 899.564 6.95729C906.318 10.4896 912.97 13.9685 920.154 13.57C926.978 13.1745 933.234 9.90219 939.407 6.67387L939.407 6.67366C946.161 3.14134 952.814 -0.338009 960 0.0604669V0.0311676C960.305 0.0351276 960.615 0.043553 960.92 0.060383C967.745 0.456384 974.005 3.72832 980.175 6.95671L980.187 6.96291C986.938 10.4931 993.584 13.9687 1000.77 13.5699C1007.59 13.1748 1013.84 9.90708 1020.01 6.68138L1020.03 6.67308L1020.03 6.66945C1026.78 3.13838 1033.43 -0.337949 1040.61 0.06039C1047.44 0.456181 1053.69 3.72486 1059.86 6.95159L1059.87 6.95672C1066.62 10.489 1073.28 13.9689 1080.46 13.5699C1087.28 13.1747 1093.53 9.90662 1099.7 6.68047L1099.72 6.67359L1099.72 6.66852C1106.48 3.13794 1113.12 -0.337888 1120.31 0.060397C1127.13 0.456398 1133.39 3.72883 1139.57 6.95723L1139.57 6.9609C1146.32 10.492 1152.97 13.9683 1160.16 13.5699C1166.98 13.1747 1173.23 9.89914 1179.4 6.66552L1179.41 6.65875C1186.16 3.1195 1192.82 -0.367287 1200 0.0311885C1200.31 0.0311886 1200.61 0.031199 1200.92 0.060404C1207.74 0.456405 1214.01 3.72834 1220.18 6.95673L1220.19 6.96293C1226.94 10.4931 1233.58 13.9687 1240.77 13.5699C1247.59 13.1748 1253.84 9.90703 1260.01 6.6813L1260.03 6.6731L1260.03 6.66947C1266.78 3.1384 1273.43 -0.337928 1280.61 0.060411C1287.44 0.456202 1293.69 3.72489 1299.86 6.95161L1299.87 6.95674C1306.62 10.4891 1313.28 13.9689 1320.46 13.57C1327.28 13.1747 1333.53 9.90664 1339.7 6.68049L1339.72 6.67361L1339.72 6.66854C1346.48 3.13796 1353.12 -0.337867 1360.31 0.0604179C1367.13 0.456419 1373.39 3.72886 1379.57 6.95725L1379.57 6.96092C1386.32 10.492 1392.97 13.9683 1400.16 13.57C1406.98 13.1745 1413.23 9.902 1419.41 6.67362L1419.41 6.67198C1426.16 3.14022 1432.81 -0.337989 1440 0.0604249V0.0312095C1440.31 0.0351695 1440.61 0.043595 1440.92 0.060425C1447.75 0.456426 1454 3.72836 1460.18 6.95675L1460.18 6.95745C1466.93 10.4895 1473.58 13.9689 1480.77 13.57C1487.59 13.1745 1493.85 9.90217 1500.02 6.6741L1500.02 6.67312C1506.78 3.1408 1513.43 -0.338044 1520.61 0.060432C1527.44 0.456433 1533.7 3.72837 1539.87 6.95676L1539.87 6.95714C1546.62 10.4893 1553.27 13.9689 1560.46 13.57C1567.29 13.1745 1573.54 9.90229 1579.71 6.67403L1579.71 6.67363C1586.47 3.14131 1593.12 -0.338037 1600.31 0.0604389C1607.13 0.456439 1613.39 3.72888 1619.56 6.95727C1626.32 10.4896 1632.97 13.9685 1640.15 13.57C1646.98 13.1745 1653.23 9.89534 1659.41 6.65988L1659.41 6.65879C1666.16 3.11954 1672.81 -0.367245 1680 0.0312305C1680.31 0.0312305 1680.61 0.0312409 1680.92 0.060446C1687.75 0.456447 1694 3.72839 1700.18 6.95678L1700.18 6.95779C1706.93 10.4898 1713.58 13.9689 1720.77 13.57C1727.59 13.1745 1733.85 9.90166 1740.02 6.67333L1740.02 6.67315C1746.78 3.14083 1753.43 -0.338023 1760.61 0.0604529C1767.44 0.456454 1773.7 3.72839 1779.87 6.95678C1786.62 10.4891 1793.27 13.969 1800.46 13.57C1807.29 13.1745 1813.54 9.90231 1819.71 6.67405L1819.71 6.67365C1826.47 3.14133 1833.12 -0.338016 1840.31 0.0604599C1847.13 0.45646 1853.39 3.7289 1859.56 6.95729C1866.32 10.4896 1872.97 13.9685 1880.15 13.57C1886.98 13.1745 1893.23 9.90219 1899.41 6.67387L1899.41 6.67366C1906.16 3.14134 1912.81 -0.338009 6520 0.0604669V29.7001V198H960Z");
    clip-path: path("M960 198L0 198L1.47133e-05 29.7L1.7307e-05 0.0311676C0.305017 0.0351276 0.615 0.043553 0.92 0.060383C7.745 0.456384 14.005 3.72832 20.175 6.95671L20.1868 6.96289C26.9378 10.4931 33.5842 13.9687 40.77 13.5699C47.5892 13.1748 53.8393 9.90709 60.0091 6.6814L60.025 6.67308L60.0321 6.66937C66.7847 3.13833 73.4325 -0.337946 80.615 0.06039C87.4363 0.456176 93.6882 3.72479 99.86 6.95148L99.87 6.95672C106.62 10.489 113.275 13.9689 120.46 13.5699C127.28 13.1747 133.531 9.90657 139.702 6.68039L139.715 6.67359L139.725 6.6686C146.476 3.138 153.123 -0.337891 160.305 0.060397C167.13 0.456398 173.39 3.72883 179.565 6.95723L179.572 6.9609C186.325 10.492 192.973 13.9683 200.155 13.5699C206.975 13.1747 213.226 9.89902 219.397 6.66535L219.41 6.65875C226.16 3.1195 232.815 -0.367287 240 0.0311885C240.305 0.0311886 240.615 0.031199 240.92 0.060404C247.745 0.456405 254.005 3.72834 260.175 6.95673L260.187 6.96285C266.938 10.4931 273.584 13.9687 280.77 13.5699C287.589 13.1748 293.839 9.90713 300.009 6.68145L300.025 6.6731L300.032 6.66943C306.785 3.13837 313.432 -0.337926 320.615 0.060411C327.436 0.456196 333.688 3.72479 339.86 6.95147L339.87 6.95674C346.62 10.4891 353.275 13.9689 360.46 13.57C367.28 13.1747 373.531 9.90661 379.702 6.68044L379.715 6.67361L379.724 6.66867C386.476 3.13804 393.123 -0.337872 400.305 0.0604179C407.13 0.456419 413.39 3.72886 419.565 6.95725L419.572 6.96088C426.325 10.492 432.973 13.9683 440.155 13.57C446.98 13.1745 453.235 9.902 459.405 6.67362L459.408 6.67202C466.163 3.14025 472.815 -0.337991 480 0.0604249V0.0312095C480.308 0.0351695 480.615 0.043595 480.922 0.060425C487.747 0.456426 494.003 3.72836 500.175 6.95675L500.177 6.95765C506.93 10.4897 513.583 13.9689 520.768 13.57C527.592 13.1745 533.85 9.9023 540.022 6.67429L540.025 6.67312C546.779 3.1408 553.431 -0.338044 560.615 0.060432C567.439 0.456433 573.696 3.72837 579.868 6.95676L579.868 6.95698C586.622 10.4892 593.275 13.9689 600.461 13.57C607.285 13.1745 613.542 9.90222 619.714 6.67394L619.715 6.67363C626.468 3.14131 633.121 -0.338037 640.307 0.0604389C647.133 0.456439 653.391 3.72888 659.564 6.95727C666.318 10.4896 672.971 13.9685 680.154 13.57C686.978 13.1745 693.235 9.89514 699.408 6.65958L699.409 6.65879C706.162 3.11954 712.815 -0.367245 720 0.0312305C720.307 0.0312305 720.615 0.0312409 720.922 0.060446C727.747 0.456447 734.003 3.72839 740.175 6.95678L740.177 6.95763C746.93 10.4897 753.583 13.9689 760.768 13.57C767.593 13.1745 773.851 9.90179 780.024 6.67352L780.025 6.67315C786.779 3.14083 793.431 -0.338023 800.615 0.0604529C807.439 0.456454 813.695 3.72839 819.868 6.95678L819.868 6.957C826.622 10.4892 833.275 13.969 840.461 13.57C847.285 13.1745 853.541 9.90238 859.714 6.67415L859.715 6.67365C866.468 3.14133 873.121 -0.338016 880.307 0.0604599C887.133 0.45646 893.391 3.7289 899.564 6.95729C906.318 10.4896 912.97 13.9685 920.154 13.57C926.978 13.1745 933.234 9.90219 939.407 6.67387L939.407 6.67366C946.161 3.14134 952.814 -0.338009 960 0.0604669V0.0311676C960.305 0.0351276 960.615 0.043553 960.92 0.060383C967.745 0.456384 974.005 3.72832 980.175 6.95671L980.187 6.96291C986.938 10.4931 993.584 13.9687 1000.77 13.5699C1007.59 13.1748 1013.84 9.90708 1020.01 6.68138L1020.03 6.67308L1020.03 6.66945C1026.78 3.13838 1033.43 -0.337949 1040.61 0.06039C1047.44 0.456181 1053.69 3.72486 1059.86 6.95159L1059.87 6.95672C1066.62 10.489 1073.28 13.9689 1080.46 13.5699C1087.28 13.1747 1093.53 9.90662 1099.7 6.68047L1099.72 6.67359L1099.72 6.66852C1106.48 3.13794 1113.12 -0.337888 1120.31 0.060397C1127.13 0.456398 1133.39 3.72883 1139.57 6.95723L1139.57 6.9609C1146.32 10.492 1152.97 13.9683 1160.16 13.5699C1166.98 13.1747 1173.23 9.89914 1179.4 6.66552L1179.41 6.65875C1186.16 3.1195 1192.82 -0.367287 1200 0.0311885C1200.31 0.0311886 1200.61 0.031199 1200.92 0.060404C1207.74 0.456405 1214.01 3.72834 1220.18 6.95673L1220.19 6.96293C1226.94 10.4931 1233.58 13.9687 1240.77 13.5699C1247.59 13.1748 1253.84 9.90703 1260.01 6.6813L1260.03 6.6731L1260.03 6.66947C1266.78 3.1384 1273.43 -0.337928 1280.61 0.060411C1287.44 0.456202 1293.69 3.72489 1299.86 6.95161L1299.87 6.95674C1306.62 10.4891 1313.28 13.9689 1320.46 13.57C1327.28 13.1747 1333.53 9.90664 1339.7 6.68049L1339.72 6.67361L1339.72 6.66854C1346.48 3.13796 1353.12 -0.337867 1360.31 0.0604179C1367.13 0.456419 1373.39 3.72886 1379.57 6.95725L1379.57 6.96092C1386.32 10.492 1392.97 13.9683 1400.16 13.57C1406.98 13.1745 1413.23 9.902 1419.41 6.67362L1419.41 6.67198C1426.16 3.14022 1432.81 -0.337989 1440 0.0604249V0.0312095C1440.31 0.0351695 1440.61 0.043595 1440.92 0.060425C1447.75 0.456426 1454 3.72836 1460.18 6.95675L1460.18 6.95745C1466.93 10.4895 1473.58 13.9689 1480.77 13.57C1487.59 13.1745 1493.85 9.90217 1500.02 6.6741L1500.02 6.67312C1506.78 3.1408 1513.43 -0.338044 1520.61 0.060432C1527.44 0.456433 1533.7 3.72837 1539.87 6.95676L1539.87 6.95714C1546.62 10.4893 1553.27 13.9689 1560.46 13.57C1567.29 13.1745 1573.54 9.90229 1579.71 6.67403L1579.71 6.67363C1586.47 3.14131 1593.12 -0.338037 1600.31 0.0604389C1607.13 0.456439 1613.39 3.72888 1619.56 6.95727C1626.32 10.4896 1632.97 13.9685 1640.15 13.57C1646.98 13.1745 1653.23 9.89534 1659.41 6.65988L1659.41 6.65879C1666.16 3.11954 1672.81 -0.367245 1680 0.0312305C1680.31 0.0312305 1680.61 0.0312409 1680.92 0.060446C1687.75 0.456447 1694 3.72839 1700.18 6.95678L1700.18 6.95779C1706.93 10.4898 1713.58 13.9689 1720.77 13.57C1727.59 13.1745 1733.85 9.90166 1740.02 6.67333L1740.02 6.67315C1746.78 3.14083 1753.43 -0.338023 1760.61 0.0604529C1767.44 0.456454 1773.7 3.72839 1779.87 6.95678C1786.62 10.4891 1793.27 13.969 1800.46 13.57C1807.29 13.1745 1813.54 9.90231 1819.71 6.67405L1819.71 6.67365C1826.47 3.14133 1833.12 -0.338016 1840.31 0.0604599C1847.13 0.45646 1853.39 3.7289 1859.56 6.95729C1866.32 10.4896 1872.97 13.9685 1880.15 13.57C1886.98 13.1745 1893.23 9.90219 1899.41 6.67387L1899.41 6.67366C1906.16 3.14134 1912.81 -0.338009 6520 0.0604669V29.7001V198H960Z");
  }
}

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

.footer-layout2 .copyright-text a:hover {
  color: var(--title-color);
}

.footer-layout2 .footer-widget.widget_nav_menu a {
  margin-bottom: 11px;
}

.footer-top-newsletter .newsletter-wrap,
.footer-layout2 .newsletter-wrap {
  padding: 80px 0;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid var(--th-border-color);
  gap: 20px;
  /* Medium devices */
}

@media (max-width: 991px) {

  .footer-top-newsletter .newsletter-wrap,
  .footer-layout2 .newsletter-wrap {
    padding: 60px 0;
  }
}

.footer-top-newsletter .newsletter-content,
.footer-layout2 .newsletter-content {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.footer-top-newsletter .newsletter-content .email-icon,
.footer-layout2 .newsletter-content .email-icon {
  /* Medium devices */
}

@media (max-width: 991px) {

  .footer-top-newsletter .newsletter-content .email-icon,
  .footer-layout2 .newsletter-content .email-icon {
    display: none;
  }
}

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

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

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

.info-box_icon {
  width: 65px;
  height: 65px;
  min-width: 65px;
  line-height: 65px;
  font-size: 20px;
  background-color: var(--theme-color);
  color: var(--white-color);
  border-radius: 50%;
  text-align: center;
  margin-right: 20px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .info-box_icon {
    width: 55px;
    height: 55px;
    min-width: 55px;
    line-height: 55px;
  }
}

.info-box_subtitle {
  font-family: var(--title-font);
  font-size: 14px;
  color: var(--body-color);
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}

.info-box_text {
  display: block;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  margin-top: -0.45em;
  margin-bottom: -0.45em;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

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

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

.footer-top-newsletter {
  background-color: var(--smoke-color2);
  border-bottom: 1px solid var(--th-border-color);
}

.footer-top-newsletter .newsletter-wrap {
  border-bottom: none;
}

.footer-top-newsletter .newsletter-title {
  color: var(--title-color);
}

.footer-top-newsletter .newsletter-wrap .form-control {
  border-radius: 99px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
}

.footer-top-newsletter .newsletter-wrap .th-btn {
  border-radius: 99px;
}

@media (min-width: 1300px) {
  .footer-top-newsletter .newsletter-form {
    max-width: 600px;
  }
}

/* footer layout 3 start -------------------------*/
.footer-layout3 {
  background-color: #001328;
  overflow: initial;
}

.footer-layout3 .shape-top {
  background-color: #001328;
  z-index: -1;
  top: -50px;
  height: 53px;
}

@media (min-width: 1930px) {
  .footer-layout3 .shape-top {
    top: -38px;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}

.footer-layout3 .widget-area {
  padding-top: 145px;
  padding-bottom: 70px;
}

.footer-layout3 .footer-logo3 {
  position: relative;
}

.footer-layout3 .footer-shape {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-layout3 .footer-shape a {
  position: relative;
  width: 420px;
  display: block;
  margin: 0 auto;
  margin-top: -50px;
  /* Medium devices */
}

@media (min-width: 1930px) {
  .footer-layout3 .footer-shape a {
    margin-top: -40px;
  }
}

@media (max-width: 1060px) {
  .footer-layout3 .footer-shape a {
    margin-top: -40px;
  }
}

@media (max-width: 991px) {
  .footer-layout3 .footer-shape a {
    margin-top: -37px;
  }
}

.footer-layout3 .footer-shape a:before,
.footer-layout3 .footer-shape a:after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url(../img/logo-shape.png);
  mask-image: url(../img/logo-shape.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.footer-layout3 .footer-shape a:before {
  bottom: -55px;
  background-color: var(--smoke-color);
}

.footer-layout3 .footer-shape a:after {
  bottom: -60px;
  right: -18px;
  background: var(--theme-color);
  opacity: 0.3;
  z-index: -1;
  /* Medium devices */
}

@media (max-width: 991px) {
  .footer-layout3 .footer-shape a:after {
    right: 0;
    bottom: -70px;
  }
}

.footer-layout3 .footer-shape a img {
  position: relative;
  z-index: 2;
}

.footer-layout3 .footer-info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #A4ADB6;
  font-size: 16px;
  line-height: 26px;
  padding: 0 0 0 25px;
  max-width: 337px;
}

.footer-layout3 .footer-info:not(:last-child) {
  margin: 0em 0 10px 0;
}

.footer-layout3 .footer-info i {
  display: inline-block;
  color: var(--theme-color);
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 16px;
}

.footer-layout3 .footer-info:nth-child(2) i {
  color: #16C4E3;
}

.footer-layout3 .footer-info:nth-child(3) i {
  color: #7DBE48;
}

.footer-layout3 .footer-info-title {
  font-size: 18px;
  font-family: var(--title-font);
  font-weight: 600;
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 5px;
  margin-top: -0.2em;
}

.footer-layout3 .newsletter-area2 .newsletter-title {
  /* Medium devices */
}

@media (max-width: 991px) {
  .footer-layout3 .newsletter-area2 .newsletter-title {
    text-align: center;
  }
}

.footer-layout3 .newsletter-form.style3 {
  margin-right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  /* Extra small devices */
  /* Medium devices */
}

@media (max-width: 575px) {
  .footer-layout3 .newsletter-form.style3 {
    display: block;
  }
}

@media (max-width: 991px) {
  .footer-layout3 .newsletter-form.style3 {
    margin: auto;
  }
}

.footer-layout3 .newsletter-form.style3 .form-control {
  background-color: #1C2836;
  padding: 0 25px 0 25px;
  border-radius: 50px;
  border: none;
}

.footer-layout3 .newsletter-form.style3 .form-control::-moz-placeholder {
  color: #74787C;
}

.footer-layout3 .newsletter-form.style3 .form-control::-webkit-input-placeholder {
  color: #74787C;
}

.footer-layout3 .newsletter-form.style3 .form-control:-ms-input-placeholder {
  color: #74787C;
}

.footer-layout3 .newsletter-form.style3 .form-control::-ms-input-placeholder {
  color: #74787C;
}

.footer-layout3 .newsletter-form.style3 .form-control::placeholder {
  color: #74787C;
}

.footer-layout3 .newsletter-form.style3 .th-btn {
  position: relative;
  min-width: 140px;
  font-size: 16px;
  padding: 18.5px 25px;
  margin: 0;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .footer-layout3 .newsletter-form.style3 .th-btn {
    min-width: 100%;
    margin-top: 20px;
  }
}

.footer-layout3 .about-text {
  font-size: 16px;
  color: #A4ADB6;
}

.footer-layout3 .copyright-wrap {
  background-color: #1C2836;
}

.footer-layout3 .th-social a {
  --icon-size: 44px;
  border-radius: 50%;
  padding: 2px;
  background-color: var(--theme-color3);
}

.footer-layout3 .th-social a:nth-child(2) {
  background-color: var(--theme-color2);
}

.footer-layout3 .th-social a:nth-child(3) {
  background-color: var(--theme-color);
}

.footer-layout3 .th-social a:nth-child(4) {
  background-color: var(--theme-color4);
}

/* footer layout 3 end -------------------------*/
/*------------------- 4.4. Breadcumb  -------------------*/
.breadcumb-menu {
  max-width: 100%;
  padding: 0;
  margin: 15px 0 -0.5em 0;
  list-style-type: none;
  position: relative;
}

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

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

.breadcumb-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
  color: var(--white-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-family: var(--title-font);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #103741;
}

.breadcumb-title {
  margin: -0.18em 0 -0.18em 0;
  font-size: 64px;
  font-family: var(--title-font);
  color: var(--white-color);
  line-height: 74px;
  font-weight: 700;
  text-transform: capitalize;
}

.breadcumb-wrapper {
  position: relative;
  background-color: var(--title-color);
  background-position: bottom center;
  padding: 90px 0;
  z-index: 2;
  text-align: center;
  /* -webkit-clip-path: path("M0 0H1920V399L1752.02 378.69C1704.18 372.906 1655.82 372.906 1607.98 378.69L1512.02 390.292C1464.18 396.076 1415.82 396.076 1367.98 390.292L1272.02 378.69C1224.18 372.906 1175.82 372.906 1127.98 378.69L1032.02 390.292C984.181 396.076 935.819 396.076 887.979 390.292L792.021 378.69C744.181 372.906 695.819 372.906 647.979 378.69L552.021 390.292C504.181 396.076 455.819 396.076 407.979 390.292L312.021 378.69C264.181 372.906 215.819 372.906 167.979 378.69L0 399V0Z");
  clip-path: path("M0 0H1920V399L1752.02 378.69C1704.18 372.906 1655.82 372.906 1607.98 378.69L1512.02 390.292C1464.18 396.076 1415.82 396.076 1367.98 390.292L1272.02 378.69C1224.18 372.906 1175.82 372.906 1127.98 378.69L1032.02 390.292C984.181 396.076 935.819 396.076 887.979 390.292L792.021 378.69C744.181 372.906 695.819 372.906 647.979 378.69L552.021 390.292C504.181 396.076 455.819 396.076 407.979 390.292L312.021 378.69C264.181 372.906 215.819 372.906 167.979 378.69L0 399V0Z"); */
}

@media (min-width: 1930px) {
  .breadcumb-wrapper {
    -webkit-clip-path: path("M0 0H2780V399L2482.43 374.151C2449.2 371.376 2415.8 371.376 2382.57 374.151L2134.93 394.831C2101.7 397.605 2068.3 397.605 2035.07 394.831L1787.43 374.151C1754.2 371.376 1720.8 371.376 1687.57 374.151L1439.93 394.831C1406.7 397.605 1373.3 397.605 1340.07 394.831L1092.43 374.151C1059.2 371.376 1025.8 371.376 992.57 374.151L744.929 394.831C711.701 397.605 678.299 397.605 645.07 394.831L397.429 374.151C364.201 371.376 330.799 371.376 297.57 374.151L0 399V0Z");
    clip-path: path("M0 0H2780V399L2482.43 374.151C2449.2 371.376 2415.8 371.376 2382.57 374.151L2134.93 394.831C2101.7 397.605 2068.3 397.605 2035.07 394.831L1787.43 374.151C1754.2 371.376 1720.8 371.376 1687.57 374.151L1439.93 394.831C1406.7 397.605 1373.3 397.605 1340.07 394.831L1092.43 374.151C1059.2 371.376 1025.8 371.376 992.57 374.151L744.929 394.831C711.701 397.605 678.299 397.605 645.07 394.831L397.429 374.151C364.201 371.376 330.799 371.376 297.57 374.151L0 399V0Z");
  }
}

.breadcumb-wrapper:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(112, 95, 83, .6);
  z-index: -1;
}

.breadcumb-wrapper .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 152px;
  background-size: auto;
  background-repeat: repeat-x;
  background-position: bottom center;
  z-index: 5;
}

.breadcumb-wrapper .banner-shape {
  top: -10px;
}

.breadcumb-shape {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 3;
}

/* Large devices */
@media (max-width: 1199px) {
  .breadcumb-wrapper {
    padding: 150px 0;
  }

  .breadcumb-title {
    margin: -0.18em 0 -0.18em 0;
  }

  .breadcumb-menu li,
  .breadcumb-menu a,
  .breadcumb-menu span {
    font-size: 16px;
    line-height: 26px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .breadcumb-wrapper {
    padding: 130px 0;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .breadcumb-wrapper {
    padding: 130px 0;
  }

  .breadcumb-title {
    font-size: 44px;
    line-height: 54px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .breadcumb-wrapper {
    padding: 120px 0;
  }

  .breadcumb-title {
    font-size: 34px;
    line-height: 44px;
  }

  .breadcumb-menu {
    margin: 15px 0 -0.5em 0;
  }
}

/*------------------- 4.5. Pagination  -------------------*/
.wp-block-query-pagination-numbers,
.th-pagination {
  margin-bottom: 30px;
}

.wp-block-query-pagination-numbers ul,
.th-pagination ul {
  margin: 0;
  padding: 0;
}

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

.wp-block-query-pagination-numbers li:last-child,
.th-pagination li:last-child {
  margin-right: 0;
}

.wp-block-query-pagination-numbers li:first-child,
.th-pagination li:first-child {
  margin-left: 0;
}

.wp-block-query-pagination-numbers span,
.wp-block-query-pagination-numbers a,
.th-pagination span,
.th-pagination a {
  display: inline-block;
  text-align: center;
  position: relative;
  color: var(--title-color);
  background-color: var(--white-color);
  border-radius: 50%;
  width: 56px;
  height: 56px;
  line-height: 56px;
  z-index: 1;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.wp-block-query-pagination-numbers span i,
.wp-block-query-pagination-numbers a i,
.th-pagination span i,
.th-pagination a i {
  color: var(--theme-color);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.wp-block-query-pagination-numbers span.active,
.wp-block-query-pagination-numbers span:hover,
.wp-block-query-pagination-numbers a.active,
.wp-block-query-pagination-numbers a:hover,
.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);
}

.wp-block-query-pagination-numbers span.active i,
.wp-block-query-pagination-numbers span:hover i,
.wp-block-query-pagination-numbers a.active i,
.wp-block-query-pagination-numbers a:hover i,
.th-pagination span.active i,
.th-pagination span:hover i,
.th-pagination a.active i,
.th-pagination a:hover i {
  color: var(--white-color);
}

.wp-block-query-pagination-next {
  display: inline-block;
  text-align: center;
  position: relative;
  border: none;
  color: var(--title-color);
  background-color: var(--smoke-color2);
  min-width: 56px;
  height: 56px;
  line-height: 56px;
  z-index: 1;
  font-size: 16px;
  padding: 0 20px;
  font-weight: 500;
  border-radius: 12px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.wp-block-query-pagination-next.active,
.wp-block-query-pagination-next:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

/* Small devices */
@media (max-width: 767px) {

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

/*------------------- 4.6. Blog  -------------------*/
blockquote,
.wp-block-quote {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  padding: 30px;
  display: block;
  position: relative;
  background-color: var(--smoke-color);
  margin: 40px 0 53px 0;
  color: var(--title-color);
  font-family: var(--title-font);
  border-radius: 30px;
}

blockquote.event-blockquote:after,
.wp-block-quote.event-blockquote:after {
  display: none;
}

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

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

blockquote:after,
.wp-block-quote:after {
  content: url("data:image/svg+xml,%3Csvg width='62' height='41' viewBox='0 0 62 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.0484 41C48.396 35.4229 42.279 25.8884 42.279 25.8884C37.8209 23.6428 34.7612 19.0133 34.7612 13.6667C34.7612 6.11877 40.8588 0 48.3806 0C55.9024 0 62 6.11877 62 13.6667C62 25.8884 51.4754 41 34.0484 41ZM0 41C14.3476 35.4229 8.23053 25.8884 8.23053 25.8884C3.77242 23.6428 0.712807 19.0133 0.712807 13.6667C0.712807 6.11877 6.81041 0 14.3322 0C21.854 0 27.9516 6.11877 27.9516 13.6667C27.9516 25.8884 17.427 41 0 41Z' fill='%23FE5A86'/%3E%3C/svg%3E%0A");
  position: absolute;
  bottom: -20px;
  right: 46px;
}

blockquote cite,
.wp-block-quote cite {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 18px;
  font-style: normal;
  font-family: var(--title-font);
  white-space: nowrap;
  position: absolute;
  bottom: -17px;
  left: 80px;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 8px 50px 8px 20px;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
}

blockquote cite br,
.wp-block-quote cite br {
  display: none;
}

blockquote.is-large:not(.is-style-plain),
blockquote.is-style-large:not(.is-style-plain),
blockquote.style-left-icon,
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.has-text-align-right {
  padding: 40px;
  margin-bottom: 30px;
}

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:not(:has(> cite)) p:last-child,
.wp-block-quote:not(:has(> cite)) p:last-child {
  margin-bottom: -0.3em;
}

blockquote p:has(cite),
.wp-block-quote p:has(cite) {
  padding-bottom: 10px;
}

blockquote p cite,
.wp-block-quote p cite {
  margin-top: 20px;
  margin-bottom: -0.5em;
  bottom: -32px;
}

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

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

.wp-block-pullquote blockquote,
.wp-block-pullquote p {
  color: var(--title-color);
}

.wp-block-pullquote cite {
  position: absolute;
  color: var(--white-color) !important;
}

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

.wp-block-column blockquote:before,
.wp-block-column .wp-block-quote:before {
  width: 100%;
  height: 60px;
  font-size: 30px;
}

.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: 40px 15px 40px 15px;
}

.wp-block-column blockquote cite,
.wp-block-column .wp-block-quote cite {
  font-size: 14px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {

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

.wp-block-column blockquote cite:before,
.wp-block-column .wp-block-quote cite:before {
  bottom: 6px;
}

.wp-block-pullquote__citation::before,
.wp-block-pullquote cite::before,
.wp-block-pullquote footer::before {
  bottom: 7px;
}

.has-cyan-bluish-gray-background-color blockquote,
.has-cyan-bluish-gray-background-color .wp-block-quote {
  background-color: var(--white-color);
}

.wp-block-pullquote.is-style-solid-color blockquote {
  /* Medium Large devices */
}

.wp-block-pullquote.is-style-solid-color blockquote:before {
  background-color: var(--white-color);
}

@media (max-width: 1299px) {
  .wp-block-pullquote.is-style-solid-color blockquote p {
    font-size: 22px;
  }
}

.comment-content blockquote:before {
  background-color: var(--white-color);
}

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

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

/* Extra small devices */
@media (max-width: 575px) {

  .wp-block-quote.is-large:not(.is-style-plain) p,
  .wp-block-quote.is-style-large:not(.is-style-plain) p {
    font-size: 1.2em;
  }
}

/* Extra small devices */
@media (max-width: 375px) {

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

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

.blog-meta {
  display: block;
}

.blog-meta span,
.blog-meta a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--body-color);
  font-family: var(--body-font);
  position: relative;
  text-transform: capitalize;
  margin-right: 16px;
}

.blog-meta span i,
.blog-meta a i {
  margin-right: 8px;
  color: var(--theme-color);
}

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

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

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

/* Large devices */
@media (max-width: 1199px) {

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

  .blog-meta span:not(:last-child),
  .blog-meta a:not(:last-child) {
    padding-right: 15px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {

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

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

  .blog-meta span:not(:last-child):after,
  .blog-meta a:not(:last-child):after {
    display: none;
  }
}

.blog-audio,
.blog-img,
.blog-video {
  line-height: 1px;
}

.blog-audio img,
.blog-img img,
.blog-video img {
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.blog-title a {
  color: inherit;
}

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

.th-blog {
  margin-bottom: 30px;
}

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

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

.blog-single {
  position: relative;
  background-color: var(--white-color);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.05);
  border-radius: 60px;
  margin-bottom: 40px;
  overflow: hidden;
  /* Large devices */
}

@media (max-width: 1199px) {
  .blog-single {
    border-radius: 30px;
  }
}

.blog-single.blog-grid {
  background-color: var(--smoke-color2);
}

.blog-single.blog-grid .blog-content {
  padding: 40px 30px 40px 40px;
  border: none;
  /* Small devices */
}

@media (max-width: 767px) {
  .blog-single.blog-grid .blog-content {
    padding: 30px;
  }
}

.blog-single.blog-grid .blog-content .line-btn {
  color: var(--theme-color);
}

.blog-single.blog-grid .blog-content .line-btn:before {
  background-color: var(--theme-color);
}

.blog-single .blog-title {
  margin-bottom: 25px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 600;
}

.blog-single .blog-text {
  line-height: 26px;
  margin-bottom: 25px;
}

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

.blog-single .blog-content {
  margin: 0 0 0 0;
  padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px);
  position: relative;
}

.blog-single .blog-content .blog-single {
  padding: 20px;
}

.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: 0;
}

.blog-single .blog-img {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.blog-single .blog-img:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  z-index: 2;
}

.blog-single .blog-img .slider-arrow {
  --pos-x: 30px;
  --icon-size: 44px;
  border: none;
  background-color: var(--white-color);
  color: var(--theme-color);
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border-radius: 30px;
  /* Large devices */
}

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

@media (max-width: 1199px) {
  .blog-single .blog-img .slider-arrow {
    display: none;
  }
}

.blog-single .blog-img .play-btn {
  --icon-size: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2);
  font-size: var(--icon-font-size, 1.7em);
  /* Small devices */
}

@media (max-width: 767px) {
  .blog-single .blog-img .play-btn {
    --icon-size: 70px;
  }
}

.blog-single .blog-img .blog-date {
  position: absolute;
  top: 40px;
  left: 40px;
  background: var(--theme-color);
  border-radius: 30px;
  color: var(--white-color);
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 36px;
  line-height: 30px;
  padding: 12.5px 20px;
  display: block;
}

.blog-single .blog-img .blog-date .month {
  font-size: 20px;
  display: block;
}

.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:before {
  -webkit-animation: shine 1.9s;
  animation: shine 1.9s;
}

.blog-list-single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 50px;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .blog-list-single {
    gap: 25px;
  }
}

@media (max-width: 991px) {
  .blog-list-single {
    display: block;
  }
}

.blog-list-single .blog-img {
  position: relative;
  min-width: 50%;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /* Medium devices */
}

.blog-list-single .blog-img:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  z-index: 2;
}

.blog-list-single .blog-img img {
  width: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .blog-list-single .blog-img {
    min-width: 100%;
    margin-bottom: 30px;
  }
}

.blog-list-single .blog-meta {
  display: block;
  margin-top: -0.3rem;
}

.blog-list-single .blog-title {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 500;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .blog-list-single .blog-title {
    font-size: 26px;
  }
}

.blog-list-single:hover .blog-img:before {
  -webkit-animation: shine 1.9s;
  animation: shine 1.9s;
}

.share-links-area {
  border-bottom: 1px solid #D8DDE1;
  padding-bottom: 15px;
}

.share-links-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  color: var(--title-color);
  font-family: var(--title-font);
  margin: 0 15px 0 0;
  display: inline-block;
  text-transform: capitalize;
}

.share-links {
  margin: 30px 0 0px 0;
}

.share-links>.row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  --bs-gutter-y: 15px;
}

.share-links .wp-block-tag-cloud,
.share-links .tagcloud {
  display: inline-block;
}

.share-links .wp-block-tag-cloud a,
.share-links .tagcloud a {
  background-color: var(--smoke-color);
  font-family: var(--body-font);
  box-shadow: none;
  padding: 12px 20px;
}

.share-links .wp-block-tag-cloud a:hover,
.share-links .tagcloud a:hover {
  background-color: var(--theme-color);
}

.share-links .th-social {
  display: inline-block;
}

.share-links .th-social a {
  --icon-size: 25px;
  line-height: 25px;
  border-radius: 30px;
  font-size: 14px;
  padding: 1px;
  background-color: #16C4E3;
  color: var(--white-color);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.share-links .th-social a:nth-child(2) {
  background-color: #FC800A;
}

.share-links .th-social a:nth-child(3) {
  background-color: var(--theme-color);
}

.share-links .th-social a:nth-child(4) {
  background-color: #7DBE48;
}

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

.blog-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /* Large devices */
}

@media (max-width: 1199px) {
  .blog-navigation {
    display: block;
  }
}

.blog-navigation i {
  width: 56px;
  height: 104px;
  line-height: 104px;
  display: block;
  text-align: center;
  color: var(--white-color);
  font-size: 20px;
  background: var(--theme-color);
  border-radius: 60px 0px 0px 60px;
}

.blog-navigation .nav-text {
  font-size: 20px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--title-color);
  display: inline-block;
  max-width: 208px;
  /* Small devices */
}

@media (max-width: 767px) {
  .blog-navigation .nav-text {
    font-size: 16px;
  }
}

.blog-navigation .nav-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  background-color: var(--white-color);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
  border-radius: 60px;
  min-width: 400px;
  /* Medium Large devices */
  /* Large devices */
}

@media (max-width: 1399px) {
  .blog-navigation .nav-btn {
    min-width: 340px;
  }
}

@media (max-width: 1299px) {
  .blog-navigation .nav-btn {
    min-width: 300px;
  }
}

@media (max-width: 1199px) {
  .blog-navigation .nav-btn {
    margin-bottom: 40px;
  }
}

.blog-navigation .nav-btn.next {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}

.blog-navigation .nav-btn.next i {
  border-radius: 0px 60px 60px 0px;
}

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

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

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

.blog-navigation .nav-btn .nav-img {
  min-width: 85px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Small devices */
}

@media (max-width: 767px) {
  .blog-navigation .nav-btn .nav-img {
    display: none;
  }
}

.blog-navigation .nav-btn .nav-img:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.blog-navigation .nav-btn .nav-img i {
  position: absolute;
  inset: 0;
  text-align: center;
  line-height: 81px;
  font-size: 24px;
  color: var(--theme-color);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: 2;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.blog-navigation .nav-btn .nav-img img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  border-radius: 10px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.blog-navigation .blog-next {
  text-align: right;
}

.blog-navigation .blog-btn {
  font-size: 38px;
  color: var(--smoke-color);
  /* Small devices */
}

@media (max-width: 767px) {
  .blog-navigation .blog-btn {
    font-size: 25px;
  }
}

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

.blog-author {
  margin-top: 40px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--smoke-color);
  border-radius: 20px;
  overflow: hidden;
}

.blog-author .auhtor-img {
  width: 212px;
  min-height: 100%;
  background-color: #00ffff;
  text-align: center;
  display: grid;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Small devices */
}

@media (max-width: 767px) {
  .blog-author .auhtor-img {
    width: 100%;
    min-height: 200px;
  }
}

.blog-author .auhtor-img img {
  width: 96px;
  height: auto;
  object-fit: cover;
  object-position: center center;
}

.blog-author .author-name {
  font-size: 24px;
  margin-top: -0.2em;
  margin-bottom: 16px;
}

.blog-author .author-text {
  margin-bottom: 0;
}

.blog-author .media-body {
  padding: 40px 40px 40px 40px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

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

  .blog-author .auhtor-img img {
    width: 100%;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .blog-author .media-body {
    padding: 35px 20px 30px 20px;
  }
}

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

.blog-content .wp-block-search .wp-block-search__input {
  box-shadow: none;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .blog-single .blog-title {
    font-size: 28px;
    line-height: 1.4;
  }

  .share-links {
    --blog-space-x: 20px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .blog-single {
    --blog-space-x: 20px;
    --blog-space-y: 20px;
  }
}

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

  .share-links {
    --blog-space-x: 40px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .share-links {
    --blog-space-x: 20px;
  }

  .blog-single {
    --blog-space-x: 30px;
    --blog-space-y: 30px;
  }

  .blog-single .blog-title {
    font-size: 24px;
    line-height: 1.3;
  }

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

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

/* Extra small devices */
@media (max-width: 575px) {
  .share-links-title {
    margin: 0 15px 5px 0;
  }
}

/*------------------- 4.7. Comments  -------------------*/
.th-comment-form {
  background-color: var(--white-color);
  margin-top: 60px;
  padding: 60px;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
  border-radius: 80px;
  position: relative;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .th-comment-form {
    border-radius: 30px;
  }
}

.th-comment-form.style2 {
  background-color: var(--smoke-color);
  box-shadow: none;
  border-radius: 60px;
  padding: 60px;
  margin-top: 45px;
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .th-comment-form.style2 {
    border-radius: 30px;
    padding: 40px;
  }
}

@media (max-width: 991px) {
  .th-comment-form.style2 {
    padding: 40px;
  }
}

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

.th-comment-form.style2 .th-comments-wrapp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  .th-comment-form.style2 .th-comments-wrapp {
    display: block;
  }
}

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

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

@media (max-width: 991px) {
  .th-comment-form {
    padding: 40px;
  }
}

.th-comment-form .row {
  --bs-gutter-x: 30px;
}

.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: 0.7em;
  text-decoration: underline;
}

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

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

.th-comment-form .form-group select,
.th-comment-form .form-group .form-control,
.th-comment-form .form-group .form-select,
.th-comment-form .form-group textarea,
.th-comment-form .form-group input {
  border-radius: 30px;
}

.th-comment-form .form-group label {
  margin-bottom: -0.3rem;
}

.th-comment-form .th-btn:focus:after,
.th-comment-form .th-btn:focus:before,
.th-comment-form .th-btn:hover:after,
.th-comment-form .th-btn:hover:before,
.th-comment-form .th-btn:active:after,
.th-comment-form .th-btn.nice-select.open:after,
.th-comment-form .th-btn.nice-select.open:after,
.th-comment-form .th-btn:active:before,
.th-comment-form .th-btn.nice-select.open:before,
.th-comment-form .th-btn.nice-select.open:before {
  width: 145%;
}

.comment-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 55px;
}

@media (max-width: 480px) {
  .comment-wrapper {
    display: block;
  }
}

.comment-wrapper .comment-profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media (max-width: 480px) {
  .comment-wrapper .comment-profile {
    margin-bottom: 15px;
  }
}

.comment-wrapper .comment-avater {
  min-width: 56px;
  border-radius: 10px;
}

.comment-wrapper .comment-avater img {
  border-radius: 10px;
  background-color: var(--theme-color);
  padding: 4px;
  width: 56px;
  height: 56px;
  border-radius: 10px;
}

.comment-wrapper .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 2px;
}

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

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

.th-comments-wrap {
  padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px);
  background-color: var(--white-color);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
  border-radius: 60px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .th-comments-wrap {
    border-radius: 30px;
  }
}

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
  background: var(--white-color);
  border-radius: 0px;
}

.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;
  margin-bottom: -30px;
}

.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: 56px;
  height: 56px;
  border-radius: 17px;
  margin-right: 20px;
  overflow: hidden;
}

.th-comments-wrap .comment-avater img {
  width: 100%;
  border: 4px solid var(--theme-color);
  border-radius: 17px;
}

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

.th-comments-wrap .commented-on {
  font-size: 16px;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 26px;
  font-family: var(--body-font);
  color: var(--body-color);
}

.th-comments-wrap .commented-on i {
  color: var(--theme-color);
  margin-right: 7px;
  font-size: 0.9rem;
}

.th-comments-wrap .name {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

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

.th-comments-wrap .text {
  margin-bottom: -0.4rem;
}

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

.th-comments-wrap .reply_and_edit {
  margin-top: 0px;
  margin-bottom: -0.46em;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .th-comments-wrap .reply_and_edit {
    position: relative;
    margin-top: 12px;
  }
}

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

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

.th-comments-wrap .reply-btn {
  font-weight: 500;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  display: inline-block;
  color: var(--theme-color);
  text-transform: capitalize;
}

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

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

.form-submit input[type="submit"] {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.form-submit input[type="submit"]:hover {
  background-color: var(--title-color);
}

.wp-block-post-comments-form textarea,
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
  border: 1px solid var(--th-border-color);
}

.wp-block-comment-author-name {
  font-weight: 600;
}

ul.comment-list .th-comment-item:first-child>.th-post-comment {
  border-bottom: 1px solid #D8DDE1;
}

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

ul.comment-list:has(> .th-comment-item ~ .th-comment-item):first-child>.th-post-comment {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--th-border-color);
}

.th-comments-wrap.th-comment-form {
  margin: 0;
}

.comment-respond .must-log-in {
  margin-bottom: 0;
  margin-top: 8px;
}

/* Medium Large devices */
/* Large devices */
/* Medium devices */
/* Small devices */
@media (max-width: 767px) {

  .th-comment-form,
  .th-comments-wrap {
    padding: 30px 30px;
  }

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

/* Small devices */
@media (max-width: 767px) {
  .th-comment-form {
    --blog-space-y: 30px;
    padding: 30px;
  }
}

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

.th-hero-wrapper .swiper-wrapper {
  gap: 0 !important;
  margin: 0 !important;
}

.th-hero-wrapper .sub-title {
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

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

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

.banner-shape {
  background-size: auto;
  background-repeat: repeat-x;
  background-position: top left;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 74px;
  -webkit-animation: headerShapeAnim 80s linear infinite;
  animation: headerShapeAnim 80s linear infinite;
  z-index: 3;
}

.banner-shape.style2 {
  bottom: -52px;
  left: 0;
  height: 74px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .banner-shape.style2 {
    bottom: -60px;
  }
}

/* Hero 1  start ---------------------------------- */
.hero-1 {
  position: relative;
  overflow: initial;
  padding: 241px 0 141px 0;
  z-index: 2;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .hero-1 {
    padding: 270px 0 180px 0;
  }
}

.hero-1 .bottom-shape {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 260px;
  background-size: auto;
  background-repeat: repeat-x;
  background-position: bottom center;
  z-index: 5;
}

.hero-style1 {
  position: relative;
  max-width: 880px;
  padding: 179px 110px;
  margin-left: -90px;
  text-align: center;
  background: url(../img/shape/hero_shape1.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  /* Extra large devices */
  /* Large devices */
}

@media (max-width: 1500px) {
  .hero-style1 {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .hero-style1 {
    padding: 179px 110px;
  }
}

.hero-style1 .sub-title {
  color: var(--theme-color4);
  text-transform: capitalize;
  margin-top: -0.5rem;
  margin-bottom: 10px;
}

.hero-style1 .sub-title:before {
  margin-left: -3.7rem;
}

.hero-style1 .sub-title:before,
.hero-style1 .sub-title:after {
  width: 50px;
  background-color: var(--theme-color4);
}

.hero-style1 .hero-title {
  font-weight: 800;
  font-size: 94px;
  line-height: 104px;
  text-transform: capitalize;
  color: var(--title-color);
}

.hero-style1 .th-btn {
  padding: 21px 62px;
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-style1 {
    max-width: 100%;
    padding: 144px 110px;
    margin-left: 0;
  }

  .hero-style1 .hero-title {
    font-size: 58px;
    line-height: 68px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-style1 {
    padding: 76px 50px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style1 {
    padding: 104px 50px;
  }

  .hero-style1 .sub-title {
    font-size: 16px;
  }

  .hero-style1 .hero-title {
    font-size: 44px;
    line-height: 55px;
  }
}

@media (max-width: 520px) {
  .hero-style1 {
    background: none;
    padding: 40px 0 50px 0;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-style1 {
    background: none;
    padding: 0;
  }
}

/* Hero 1 end ----------------------------------*/
/* Hero 2  start --------------------------------------*/
.hero-2 {
  position: relative;
  z-index: 6;
}

.hero-2:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #f3f2f7;
  -webkit-clip-path: path("M0 0H1920V849.574C1920 849.574 1429 931.533 960 849.574C491 767.615 0 849.574 0 849.574V0Z");
  clip-path: path("M0 0H1920V849.574C1920 849.574 1429 931.533 960 849.574C491 767.615 0 849.574 0 849.574V0Z");
  z-index: -1;
}

@media (min-width: 1930px) {
  .hero-2:before {
    -webkit-clip-path: path("M0 0H3520V850C3520 850 2509.83 976 1760 850C1010.17 724 0 850 0 850V0Z");
    clip-path: path("M0 0H3520V850C3520 850 2509.83 976 1760 850C1010.17 724 0 850 0 850V0Z");
  }
}

.hero-2 .th-hero-bg {
  -webkit-clip-path: path("M0 0H1920V850C1920 850 1369 976 960 850C551 724 0 850 0 850V0Z");
  clip-path: path("M0 0H1920V850C1920 850 1369 976 960 850C551 724 0 850 0 850V0Z");
  z-index: 3;
  /* Medium devices */
}

@media (max-width: 991px) {
  .hero-2 .th-hero-bg {
    background-position: left;
  }
}

@media (min-width: 1930px) {
  .hero-2 .th-hero-bg {
    -webkit-clip-path: path("M0 0H3520V849.574C3520 849.574 2619.83 931.533 1760 849.574C900.167 767.615 0 849.574 0 849.574V0Z");
    clip-path: path("M0 0H3520V849.574C3520 849.574 2619.83 931.533 1760 849.574C900.167 767.615 0 849.574 0 849.574V0Z");
  }
}

.hero-2 .banner-shape {
  top: -10px;
}

.hero-style2 {
  position: relative;
  z-index: 6;
  max-width: 620px;
  padding: 240px 0 310px 0;
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 991px) {
  .hero-style2 {
    max-width: 520px;
  }
}

@media (max-width: 767px) {
  .hero-style2 {
    max-width: 100%;
    text-align: center;
  }
}

.hero-style2 .sub-title {
  margin-top: -0.3rem;
  text-transform: none;
  margin-bottom: 10px;
}

.hero-style2 .sub-title.sub-title2 {
  padding-left: 65px;
}

.hero-style2 .sub-title.sub-title2:before {
  width: 50px;
  margin-left: -4.0rem;
}

.hero-style2 .sub-title.sub-title2:after {
  display: none;
}

.hero-style2 .hero-title {
  font-weight: 800;
  font-size: 74px;
  line-height: 84px;
  margin-bottom: 18px;
}

.hero-style2 .hero-text {
  max-width: 488px;
  color: #888C97;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 33px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .hero-style2 .hero-text {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 320px) {
  .hero-style2 .hero-text {
    font-size: 16px;
    line-height: 26px;
  }
}

.hero-style2 .th-btn {
  padding: 21px 53px;
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-style2 {
    padding: 150px 0 140px 0;
  }

  .hero-style2 .hero-title {
    font-size: 74px;
    font-size: 84px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-style2 .hero-title {
    font-size: 64px;
    line-height: 74px;
  }

  .hero-style2 .hero-text {
    font-size: 16px;
    line-height: 26px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-style2 {
    padding: 120px 0 110px 0;
  }

  .hero-style2 .sub-title.sub-title2 {
    padding: 0;
  }

  .hero-style2 .sub-title.sub-title2:before {
    display: none;
  }

  .hero-style2 .hero-text {
    color: var(--white-color);
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style2 .hero-title {
    font-size: 54px;
    line-height: 64px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-style2 .sub-title {
    font-size: 16px;
  }

  .hero-style2 .hero-title {
    font-size: 40px;
    line-height: 50px;
  }
}

/* hero 2 end ------------------------ */
/* hero 3 start ------------------------ */
.hero-3 {
  position: relative;
  z-index: 3;
}

.hero-3 .th-hero-bg {
  background-size: auto;
  background-position: right center;
  -webkit-clip-path: path("M0 0H1920V850L1765.74 803.993C1709.8 787.308 1650.2 787.308 1594.26 803.993L1525.74 824.428C1469.8 841.113 1410.2 841.113 1354.26 824.428L1285.74 803.993C1229.8 787.308 1170.2 787.308 1114.26 803.993L1045.74 824.428C989.798 841.113 930.202 841.113 874.258 824.428L805.742 803.993C749.798 787.308 690.202 787.308 634.258 803.993L565.742 824.428C509.798 841.113 450.202 841.113 394.258 824.428L325.742 803.993C269.798 787.308 210.202 787.308 154.258 803.993L0 850V0Z");
  clip-path: path("M0 0H1920V850L1765.74 803.993C1709.8 787.308 1650.2 787.308 1594.26 803.993L1525.74 824.428C1469.8 841.113 1410.2 841.113 1354.26 824.428L1285.74 803.993C1229.8 787.308 1170.2 787.308 1114.26 803.993L1045.74 824.428C989.798 841.113 930.202 841.113 874.258 824.428L805.742 803.993C749.798 787.308 690.202 787.308 634.258 803.993L565.742 824.428C509.798 841.113 450.202 841.113 394.258 824.428L325.742 803.993C269.798 787.308 210.202 787.308 154.258 803.993L0 850V0Z");
  /* Medium devices */
}

@media (min-width: 1930px) {
  .hero-3 .th-hero-bg {
    -webkit-clip-path: path("M0 0H3333V850L2967.17 787.148C2933.55 781.372 2899.2 781.372 2865.58 787.148L2550.55 841.273C2516.93 847.049 2482.57 847.049 2448.95 841.273L2133.92 787.148C2100.3 781.372 2065.95 781.372 2032.33 787.148L1717.3 841.273C1683.68 847.049 1649.32 847.049 1615.7 841.273L1300.67 787.148C1267.05 781.372 1232.7 781.372 1199.08 787.148L884.048 841.273C850.429 847.049 816.071 847.049 782.452 841.273L467.423 787.148C433.804 781.372 399.446 781.372 365.827 787.148L0 850V0Z");
    clip-path: path("M0 0H3333V850L2967.17 787.148C2933.55 781.372 2899.2 781.372 2865.58 787.148L2550.55 841.273C2516.93 847.049 2482.57 847.049 2448.95 841.273L2133.92 787.148C2100.3 781.372 2065.95 781.372 2032.33 787.148L1717.3 841.273C1683.68 847.049 1649.32 847.049 1615.7 841.273L1300.67 787.148C1267.05 781.372 1232.7 781.372 1199.08 787.148L884.048 841.273C850.429 847.049 816.071 847.049 782.452 841.273L467.423 787.148C433.804 781.372 399.446 781.372 365.827 787.148L0 850V0Z");
  }
}

@media (max-width: 991px) {
  .hero-3 .th-hero-bg {
    background-position: left center;
  }
}

.hero-3 .slider-pagination {
  position: absolute;
  top: 35%;
  left: 9.5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  display: block;
  /* Extra large devices */
}

@media (max-width: 1700px) {
  .hero-3 .slider-pagination {
    left: 5%;
  }
}

@media (max-width: 1500px) {
  .hero-3 .slider-pagination {
    display: none !important;
  }
}

.hero-3 .slider-pagination .swiper-pagination-bullet {
  background-color: #D8DDE1;
  border-radius: 50%;
  margin: 25px 0;
  display: block;
}

.hero-3 .slider-pagination .swiper-pagination-bullet:before {
  content: '';
  position: absolute;
  inset: -8px;
  border: 8px solid #D8DDE1;
}

.hero-3 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
}

.hero-3 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-color: rgba(254, 90, 134, 0.4);
}

.hero-style3 {
  position: relative;
  padding: 222px 0 251px 0;
  max-width: 702px;
  z-index: 4;
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .hero-style3 {
    padding: 180px 0;
    max-width: 530px;
  }
}

@media (max-width: 991px) {
  .hero-style3 {
    padding: 160px 0;
  }
}

@media (max-width: 767px) {
  .hero-style3 {
    padding: 140px 0;
    max-width: 100%;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .hero-style3 {
    padding: 120px 0;
  }
}

@media (max-width: 375px) {
  .hero-style3 {
    text-align: center;
  }
}

.hero-style3 .sub-title {
  background-color: var(--theme-color3);
  padding: 2px 20px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: var(--white-color);
  display: inline-block;
}

.hero-style3 .hero-title {
  font-weight: 800;
  margin-bottom: 10px;
  /* Extra small devices */
}

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

.hero-style3 .hero-text {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  max-width: 666px;
  margin-bottom: 33px;
  /* Small devices */
}

@media (max-width: 767px) {
  .hero-style3 .hero-text {
    max-width: 100%;
    font-size: 18px;
    line-height: 28px;
  }
}

/* hero 3 end ------------------------ */
/*------------------- 4.9. Error  -------------------*/
.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;
}

/* Medium devices */
@media (max-width: 991px) {
  .error-title {
    margin-bottom: 15px;
  }

  .error-img {
    margin-bottom: 30px;
  }

  .error-text {
    margin-bottom: 25px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .error-title {
    margin-bottom: 10px;
  }
}

/*------------------- 4.00. Popup Search  -------------------*/
.popup-search-box {
  position: fixed;
  top: 0;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.95);
  height: 0;
  width: 0;
  overflow: hidden;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.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: transparent;
  font-size: 22px;
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  color: var(--theme-color);
}

.popup-search-box button.searchClose:hover {
  color: var(--body-color);
  background-color: #fff;
  border-color: transparent;
  border-color: transparent;
  -webkit-transform: rotate(90deg);
  -ms-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: 100%;
  max-width: 700px;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform ease 0.4s;
  transition: -webkit-transform ease 0.4s;
  transition: transform ease 0.4s;
  transition: transform ease 0.4s, -webkit-transform ease 0.4s;
  /* Large devices */
}

@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: transparent;
  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;
}

.popup-search-box form button {
  position: absolute;
  top: 0px;
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 24px;
  right: 12px;
  color: var(--white-color);
  cursor: pointer;
  width: 70px;
  height: 70px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  -webkit-transform: scale(1.001);
  -ms-transform: scale(1.001);
  transform: scale(1.001);
}

.popup-search-box form button:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.popup-search-box.show {
  opacity: 1;
  visibility: visible;
  width: 100.1%;
  height: 100%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 0;
}

.popup-search-box.show form {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/*------------------- 4.00. Popup Side Menu  -------------------*/
.sidemenu-wrapper {
  position: fixed;
  z-index: 99999;
  right: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
}

.sidemenu-wrapper .th-social a {
  box-shadow: none;
}

.sidemenu-wrapper .closeButton {
  display: inline-block;
  border: 2px solid;
  width: 50px;
  height: 50px;
  line-height: 48px;
  font-size: 24px;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: var(--white-color);
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.sidemenu-wrapper .closeButton:hover {
  color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sidemenu-wrapper .sidemenu-content {
  background-color: var(--white-color);
  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;
}

@media (max-width: 450px) {
  .sidemenu-wrapper .sidemenu-content {
    width: 300px;
  }
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {
  width: 2px;
  background-color: #f5f5f5;
}

.sidemenu-wrapper .sidemenu-content .th-widget-about .footer-info-title {
  color: var(--title-color);
}

.sidemenu-wrapper .sidemenu-content .widget_title {
  color: var(--title-color);
}

.sidemenu-wrapper .widget {
  padding: 0;
  border: none;
  background-color: transparent;
}

.sidemenu-wrapper .info-box_icon {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.sidemenu-wrapper.show {
  opacity: 1;
  visibility: visible;
  width: 100%;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
}

.sidemenu-wrapper.show .sidemenu-content {
  right: 0;
  opacity: 1;
  visibility: visible;
}

/*------------------- 4.00. Wocommerce  -------------------*/
.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;
}

.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: "\f06a";
  font-family: var(--icon-font);
  font-weight: 400;
  margin-right: 10px;
  font-size: 18px;
  position: absolute;
  left: 20px;
  top: 11px;
}

.woocommerce-checkout select,
.woocommerce-checkout .form-control,
.woocommerce-checkout .form-select,
.woocommerce-checkout textarea,
.woocommerce-checkout input {
  border: 1px solid var(--smoke-color);
  background-color: var(--smoke-color);
}

.woocommerce-checkout select:focus,
.woocommerce-checkout .form-control:focus,
.woocommerce-checkout .form-select:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout input:focus {
  background-color: var(--white-color);
  border-color: var(--theme-color);
}

.woocommerce-notices-wrapper .woocommerce-message {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.woocommerce-notices-wrapper .woocommerce-message:before {
  content: "\f14a";
  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(--white-color);
  box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.1);
  margin-bottom: 0;
  border-radius: 20px;
  /* Extra small devices */
}

@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-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;
  -webkit-align-items: 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(--th-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;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  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;
  -webkit-justify-content: 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: 900;
  font-size: 12px;
}

.star-rating:before {
  content: "\e28b\e28b\e28b\e28b\e28b";
  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: "\e28b\e28b\e28b\e28b\e28b";
  top: 0;
  position: absolute;
  left: 0;
  color: #FF9C00;
  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: "\e28b";
  font-weight: 400;
  text-indent: 0;
  color: var(--yellow-color);
}

.rating-select p.stars a:hover~a::before {
  content: "\e28b";
  font-weight: 400;
}

.rating-select p.stars:hover a::before {
  content: "\e28b";
  font-weight: 700;
}

.rating-select p.stars.selected a.active::before {
  content: "\e28b";
  font-weight: 700;
}

.rating-select p.stars.selected a.active~a::before {
  content: "\e28b";
  font-weight: 400;
}

.rating-select p.stars.selected a:not(.active)::before {
  content: "\e28b";
  font-weight: 700;
}

/* Small devices */
@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;
  }
}

.woocommerce-input-wrapper select,
.woocommerce-input-wrapper .form-control,
.woocommerce-input-wrapper .form-select,
.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper input {
  border: 1px solid var(--smoke-color);
  background-color: var(--smoke-color);
}

.select2-container--default .select2-selection--single {
  height: 56px;
  border: 1px solid transparent;
  background-color: var(--smoke-color) !important;
  border-radius: 0 !important;
}

/*------------------- 4.00. Products  -------------------*/
.th-product {
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  background-image: linear-gradient(to bottom, #f1f1f1 0%, #ebedee 100%);
  padding: 15px;
  border-radius: 20px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.06);
}

.th-product .product-title {
  font-size: 20px;
  margin: 2px 0 2px 0;
  font-weight: 600;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .th-product .product-title {
    font-size: 18px;
  }
}

.th-product .product-title a {
  color: inherit;
}

.th-product .product-title a:hover {
  color: var(--theme-color);
}

.th-product .product-category {
  color: var(--body-color);
  margin-bottom: 0px;
  display: block;
}

.th-product .product-category:hover {
  color: var(--theme-color);
}

.th-product .product-tag {
  font-size: 14px;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 7px 12px 4px 12px;
  min-width: 60px;
  border-radius: 100px;
  z-index: 3;
  line-height: 14px;
}

.th-product .woocommerce-product-rating {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
  margin-bottom: -0.4rem;
}

.th-product .product-content {
  margin-bottom: -0.4rem;
}

.th-product .star-rating {
  margin: 0 auto 0 auto;
  width: 93px;
}

.th-product .price {
  display: block;
  color: var(--theme-color);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  font-family: var(--title-font);
}

.th-product .price del {
  margin-left: 10px;
  font-weight: 400;
  color: var(--body-color);
}

.th-product .product-img {
  --space: 0px;
  background-color: var(--smoke-color);
  overflow: hidden;
  position: relative;
  margin: 0 0 20px 0;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
}

.th-product .product-img:before {
  --space: 0px;
  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-color);
  z-index: 1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.th-product .product-img img {
  width: 100%;
  min-height: 205px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.th-product .actions {
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.th-product .actions .icon-btn {
  --btn-size: 45px;
  font-size: 14px;
  border-radius: 50%;
  border-color: var(--white-color);
  background-color: var(--white-color);
  color: var(--title-color);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

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

.th-product .actions>* {
  margin: 0 var(--icon-gap-x, 5px);
}

.th-product .actions>*>a {
  margin: 0;
}

.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: 45px;
  height: 45px;
  line-height: 45px;
  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 {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-color: var(--white-color);
  color: var(--title-color);
  font-size: 0;
  text-align: center;
  border-radius: 99px;
  border: none;
  margin-bottom: 0px;
}

.th-product .added_to_cart:after {
  content: "\f07a";
  position: relative;
  font-family: var(--icon-font);
  font-size: 16px;
  font-weight: 700;
}

.th-product .added_to_cart:hover {
  background-color: var(--theme-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 .product-actions {
  position: absolute;
  left: 50%;
  bottom: -10%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.th-product .product-actions .th-btn {
  padding: 13px 15px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.th-product .product-actions .th-btn:hover:before {
  background-color: var(--theme-color);
}

.th-product:hover .product-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.th-product:hover .product-img:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  visibility: visible;
  opacity: 1;
}

.th-product:hover .product-actions {
  visibility: visible;
  opacity: 1;
  bottom: 35%;
}

.th-product:hover .product-actions .th-btn {
  background: var(--white-color);
}

.th-product:hover .product-actions .th-btn:before {
  background: var(--theme-color);
}

.th-product:hover .actions {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.th-product:hover .actions .icon-btn {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.th-product.list-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  height: 100%;
  padding: 10px;
}

.th-product.list-view .product-img {
  --space: 0px;
  width: 100%;
  width: 240px;
  margin: 0;
  /* Medium devices */
}

@media (max-width: 991px) {
  .th-product.list-view .product-img {
    width: 87px;
  }
}

.th-product.list-view .product-img:before {
  --space: 0px;
}

.th-product.list-view .product-category {
  font-size: 13px;
  line-height: 23px;
  margin-top: -3px;
}

.th-product.list-view .star-rating {
  margin: 5px 0 0 0;
  width: 93px;
  font-size: 12px;
  margin-bottom: 10px;
}

.th-product.list-view .product-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 4px 0 13px;
}

.th-product.list-view .actions {
  --icon-gap-x: 2px;
  width: 100%;
  right: 0;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.th-product.list-view .actions .icon-btn {
  --btn-size: 45px;
  --btn-font-size: 14px;
  background-color: var(--white-color);
  color: var(--title-color);
  border: none;
}

.th-product.list-view .actions .icon-btn:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.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: 45px;
  height: 45px;
  line-height: 45px;
}

.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 .tag {
  top: 8px;
  right: 8px;
  padding: 0px 15px;
}

.product-list-area {
  margin-bottom: -24px;
}

.swiper-slide.style2 .th-product {
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.06);
}

#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: 12px;
  margin-bottom: 12px;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.woosq-popup {
  border-radius: 10px;
}

.woosq-popup .product_meta>span>a:after,
.woosq-popup .product_meta>span>span:after {
  display: none;
}

.woosq-product>.product .summary {
  display: grid;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.woosq-product .thumbnails .slick-list {
  display: block;
}

.woosq-product .thumbnails .slick-dots li button {
  width: 12px;
  height: 12px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: var(--theme-color);
  opacity: 0.4;
}

.woosq-product .thumbnails .slick-dots li button:before {
  display: none;
}

.woosq-product .thumbnails .slick-dots li.slick-active button {
  opacity: 1;
}

.woosq-product .tinv-wraper {
  display: none;
}

.th-sort-bar {
  padding: 10px;
  margin: 0 0 24px 0;
}

.th-sort-bar .woocommerce-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 991px) {
  .th-sort-bar .woocommerce-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .th-sort-bar .woocommerce-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .th-sort-bar .woocommerce-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.th-sort-bar .woocommerce-wrapper select {
  background-color: #F5F6F8;
  border-radius: 100px;
  min-width: 160px;
  height: 45px;
}

.th-sort-bar .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 15px;
}

.th-sort-bar select {
  height: 50px;
  border: 1px solid var(--th-border-color);
  background-color: var(--white-color);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 250px;
  font-size: 16px;
  border-radius: 0;
  margin: 0;
  color: var(--body-color);
  border-radius: 5px;
}

.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(--th-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;
  border-radius: 5px;
}

.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;
  -webkit-align-content: center;
  -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: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.product-big-img {
  background-color: var(--smoke-color);
  text-align: center;
  overflow: hidden;
}

.product-big-img .img {
  width: 100%;
}

.product-big-img .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.product-big-img .slider-pagination {
  position: absolute;
  bottom: 40px;
  left: 0;
}

.product-big-img .slick-dots {
  margin: -11px 0 0 0 !important;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  --border-color: #c0c0c0;
}

.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: none;
  width: 200px;
  height: 200px;
}

.magnify {
  position: relative;
  cursor: none;
}

.magnify .magnifier {
  height: 180px;
  width: 180px;
  position: absolute;
  z-index: 20;
  box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  background-size: 700%;
  background-repeat: no-repeat;
  margin-left: -90px !important;
  margin-top: -90px !important;
  pointer-events: none;
  display: none;
}

.magnify .magnified {
  display: block;
  z-index: 10;
  margin: auto;
  width: 100%;
  height: 100%;
}

.magnify img {
  width: 100%;
  height: 100%;
}

.quantity {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  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;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 10px;
}

.quantity .qty-btn,
.quantity .qty-input {
  display: inline-block;
  width: 50px;
  height: 56px;
  border: none;
  border-right: none;
  background-color: transparent;
  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: 5px;
  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(--smoke-color);
  margin: 95px auto 40px auto;
  padding-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

.product-tab-style1 .th-btn.active {
  background-color: var(--title-color);
}

.product-tab-style2 {
  border-bottom: 1px solid #e4e4e4;
  margin: 95px 0 40px 0;
}

.product-tab-style2 li {
  margin: 0 45px 0 0;
}

.product-tab-style2 li:last-child {
  margin-right: 0;
}

.product-tab-style2 a {
  font-family: var(--title-font);
  color: var(--title-color);
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  line-height: 1;
  padding: 0 0 17px 0;
  text-transform: capitalize;
  /* Small devices */
}

@media (max-width: 767px) {
  .product-tab-style2 a {
    font-size: 16px;
  }
}

.product-tab-style2 a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 0;
  background-color: var(--theme-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.product-tab-style2 a.active:before {
  width: 100%;
}

#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 .product_title,
.product-about .product_title {
  margin-bottom: 20px !important;
}

.summary-content>.price,
.product-about>.price {
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: 800;
  color: var(--theme-color);
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 5px;
  margin-top: -0.2em;
}

.summary-content>.price del,
.product-about>.price del {
  color: var(--gray-color);
  font-weight: 500;
  margin-left: 15px;
}

.summary-content .woocommerce-product-rating,
.summary-content .product-rating,
.product-about .woocommerce-product-rating,
.product-about .product-rating {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
  -webkit-box-align: center;
  -webkit-align-items: 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: 15px;
}

.summary-content .woocommerce-product-rating .star-rating,
.summary-content .product-rating .star-rating,
.product-about .woocommerce-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: 29px 0 29px 0;
}

.summary-content .actions,
.product-about .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  margin: 35px 0 25px 0;
}

.summary-content .actions .th-btn,
.product-about .actions .th-btn {
  padding: 21px 44.5px;
}

.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(--theme-color);
  background-color: var(--theme-color);
  color: var(--white-color);
  border-radius: 99px;
}

.summary-content .actions .icon-btn:hover,
.product-about .actions .icon-btn:hover {
  background-color: var(--title-color);
  border-color: var(--title-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(--th-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: 56px;
  height: 56px;
  line-height: 54px;
  display: inline-block;
  border-radius: 0px;
  background-color: var(--theme-color);
  color: var(--white-color);
  border: none;
}

.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 .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover {
  background-color: var(--title-color);
}

.summary-content .tinv-wishlist a,
.product-about .tinv-wishlist a {
  display: inline-block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  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(--title-color);
  position: absolute;
  top: 0;
  left: 55px;
}

.summary-content .quantity .qty-input,
.product-about .quantity .qty-input {
  width: 101px;
  height: 56px;
  background-color: var(--title-color);
  color: var(--white-color);
  padding: 0 21px;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  border-radius: 27px;
}

.summary-content .quantity .qty-btn,
.product-about .quantity .qty-btn {
  color: var(--white-color);
  background-color: transparent;
  position: absolute;
  right: 21px;
  height: auto;
  width: auto;
  border: none;
  font-size: 14px;
  line-height: 16px;
}

.summary-content .quantity .quantity-minus,
.product-about .quantity .quantity-minus {
  bottom: 12px;
  color: rgba(255, 255, 255, 0.2);
}

.summary-content .quantity .quantity-plus,
.product-about .quantity .quantity-plus {
  top: 12px;
}

.woocommerce-Reviews .th-post-comment {
  border-radius: 20px;
}

.woocommerce-Reviews .th-post-comment .text {
  margin-bottom: -0.5em;
}

.woocommerce-Reviews .th-comments-wrap {
  padding: 0;
  margin-right: 0 !important;
  box-shadow: none;
  background-color: transparent;
}

.woocommerce-Reviews .th-comment-form {
  padding: 60px;
  background-color: var(--smoke-color);
  box-shadow: none;
  margin-right: 0 !important;
  margin-top: 28px;
  margin-bottom: 40px;
}

.woocommerce-Reviews .th-comment-form input,
.woocommerce-Reviews .th-comment-form .form-control {
  background-color: var(--white-color);
}

.woocommerce-Reviews .th-comment-form .blog-inner-title {
  margin-bottom: 10px;
}

.woocommerce-Reviews .comment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 24px;
  margin: -12px !important;
  margin-bottom: 28px !important;
}

.woocommerce-Reviews .comment-list li {
  width: 50%;
  /* Medium devices */
}

@media (max-width: 991px) {
  .woocommerce-Reviews .comment-list li {
    width: 100%;
  }
}

.woocommerce-Reviews .th-post-comment {
  border: 1px solid var(--th-border-color) !important;
  padding: 40px !important;
  box-shadow: 0px 4px 30px rgba(1, 15, 28, 0.06);
  margin: 12px;
  border-radius: 60px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .woocommerce-Reviews .th-post-comment {
    border-radius: 30px;
  }
}

.woocommerce-Reviews .th-post-comment .name {
  margin-bottom: 3px;
}

.woocommerce-Reviews .th-post-comment .commented-on {
  margin-bottom: 12px;
}

/* Large devices */
@media (max-width: 1199px) {
  .woocommerce-Reviews .th-post-comment {
    padding: 30px !important;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .woocommerce-Reviews .comment-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .woocommerce-Reviews .th-comment-form {
    padding: 40px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .woocommerce-Reviews .th-comment-form {
    padding: 40px 20px;
  }
}

#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(--th-border-color);
  padding: 0 0 7px 0;
  margin: 0 0 30px 0;
}

.related-product-wrapper {
  padding-top: 115px;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .th-product.list-view .product-img {
    max-width: 150px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .product-thumb-tab {
    --thumb: 100px;
    margin-left: -40px;
  }

  .product-thumb-area {
    margin-right: 0;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .th-sort-bar select {
    min-width: auto;
  }

  .product-tab-style1 {
    margin: 55px 0 40px 0;
  }

  .summary-content,
  .product-about {
    padding-left: 0;
  }
}

/* Medium devices */
@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;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .th-sort-bar {
    text-align: center;
    padding: 10px 15px 15px 15px;
  }

  .th-sort-bar .nav {
    -webkit-box-pack: center;
    -webkit-justify-content: 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;
  }
}

/* Extra small devices */
@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;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .th-product.list-view .product-img {
    max-width: 130px;
  }

  .th-product.list-view .product-content {
    padding: 0 15px;
  }
}

.productSlide {
  position: relative;
  /* Medium devices */
}

.productSlide img {
  border-radius: 25px;
}

@media (max-width: 991px) {
  .productSlide {
    margin-bottom: 30px;
  }
}

.productSlide .product-tag {
  font-size: 14px;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 7px 12px 4px 12px;
  min-width: 60px;
  border-radius: 100px;
  text-align: center;
  z-index: 3;
  line-height: 14px;
}

.product-thumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  cursor: pointer;
}

.product-thumb .tab-btn {
  border: 1px solid var(--title-color);
  width: 60px;
  height: 60px;
  border-radius: 10px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .product-thumb .tab-btn {
    width: 40px;
    height: 40px;
  }
}

.product-thumb .tab-btn.active {
  border: 1px solid var(--theme-color);
}

.product-thumb-wrap {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 2;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .product-thumb-wrap {
    left: 10px;
    bottom: 10px;
  }
}

@media (max-width: 991px) {
  .product-thumb-wrap {
    left: 20px;
    bottom: 20px;
  }
}

/*------------------- 4.00. Cart  -------------------*/
.woocommerce-cart-form {
  text-align: center;
}

.cart_table {
  border: 1px solid #eaf0f2;
  margin-bottom: 45px;
}

.cart_table thead {
  background-color: #ecf0f1;
}

.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%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}

.cart_table td {
  border: none;
  border-bottom: 1px solid #f3f3f3;
  color: #8b8b8b;
  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(--smoke-color);
}

.cart_table .remove {
  color: var(--theme-color);
  font-size: 18px;
}

.cart_table .quantity {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart_table td.product-quantity {
  min-width: 155px;
}

.cart_table .qty-btn {
  border: 2px solid var(--smoke-color) !important;
  background-color: transparent;
  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(--smoke-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;
  /* Firefox */
}

.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 {
  font-size: 16px;
  padding: 20px 28px;
  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: -webkit-flex;
  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 {
  font-size: 16px;
  padding: 20px 25px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.cart_totals {
  border: 1px solid #ecf0f1;
}

.cart_totals th,
.cart_totals td {
  vertical-align: top;
  padding: 20px 20px;
  border: none;
  border-bottom: 1px solid #ecf0f1;
  font-size: 14px;
  color: var(--title-color);
  width: 55%;
}

.cart_totals th:first-child,
.cart_totals td:first-child {
  width: 45%;
  background-color: #f9fbfb;
  font-weight: 700;
  font-size: 14px;
  color: #333333;
}

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

/* Medium devices */
@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;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .cart_table .actions {
    text-align: center;
  }

  .cart_table .cart-productimage {
    max-width: 100px;
  }
}

/* Small devices */
@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 #f3f3f3;
    border-bottom: none;
  }

  .cart_table td::before {
    display: block;
  }

  .cart_table td:last-child {
    border-bottom: 1px solid #f3f3f3;
  }

  .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;
    -webkit-justify-content: 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;
  }
}

.wc-block-components-quantity-selector {
  height: 40px;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  height: 40px;
}

.wc-block-components-product-badge {
  background: var(--theme-color);
  color: var(--white-color);
}

.wc-block-cart__submit-button {
  background: var(--theme-color) !important;
  color: var(--white-color) !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.wc-block-cart__submit-button:hover {
  background-color: var(--title-color) !important;
  color: var(--white-color) !important;
}

/*------------------- 4.00. Checkout  -------------------*/
.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: 27px;
}

.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 transparent;
  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: 56px;
  border: 1px solid transparent;
  background-color: var(--smoke-color2);
  border-radius: 27px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 56px;
  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: "\f107";
  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: 56px;
  line-height: 56px;
  margin-right: 30px;
}

span.select2-selection.select2-selection--single:focus {
  outline: none;
}

.checkout-ordertable th,
.checkout-ordertable td {
  border: 1px solid #ededed;
  text-align: right;
  padding: 5px 20px;
  vertical-align: top;
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
}

.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 #d8d8d8;
  border-radius: 0;
  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: #a1b1bc;
  background-color: #ecf0f1;
  border: 1px solid #d8d8d8;
  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: 30px;
}

/* Small devices */
@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;
  }
}

/*------------------- 4.00. Wishlist  -------------------*/
.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.8rem;
  text-transform: capitalize;
}

.tinv-wishlist .cart-empty {
  padding: 14px 25px;
  font-weight: 700;
  font-size: 14px;
  padding-left: 45px;
  border-radius: 8px;
}

.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(--th-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;
}

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 295px;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: 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: -webkit-flex;
  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: 18px !important;
  margin-right: 3px !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: 0.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);
}

/* Medium devices */
@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;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .tinv-wishlist table {
    table-layout: fixed;
    border-bottom: 1px solid var(--th-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(--th-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(--th-border-color);
  }

  .tinv-wishlist .social-buttons {
    max-width: 100%;
    margin-left: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tinv-wishlist .social-buttons ul {
    margin-left: unset;
    margin-top: 5px;
  }

  .tinvwl-txt {
    display: inline-block !important;
  }
}

.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  background: var(--theme-color);
  color: var(--white-color);
  border: none;
}

.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
  background-color: var(--title-color);
}

/*------------------- 4.00. Contact  -------------------*/
/* Contact Page ---------------------------------- */
.contact-area {
  position: relative;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  padding: 427px 0 120px 0;
  margin-top: -180px;
  /* Large devices */
  /* Medium devices */
}

@media (min-width: 1930px) {
  .contact-area {
    padding: 327px 0 120px 0;
    margin-top: -50px;
  }
}

@media (max-width: 1199px) {
  .contact-area {
    padding: 300px 0 120px 0;
    margin-top: -265px;
  }
}

@media (max-width: 991px) {
  .contact-area {
    background-image: none;
    padding: 240px 0 80px 0;
    margin-top: -253px;
  }
}

.contact-form.style2 {
  background-color: var(--white-color);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  border-radius: 60px;
  padding: 60px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .contact-form.style2 {
    padding: 30px;
    border-radius: 30px;
  }
}

.contact-form.style2 select,
.contact-form.style2 .form-control,
.contact-form.style2 .form-select,
.contact-form.style2 textarea,
.contact-form.style2 input {
  border: none;
  background: var(--smoke-color);
}

.contact-form.style2 .form-group i {
  color: var(--body-color);
}

.contact-form.style2 .nice-select:after {
  right: 30px;
  border-bottom: 2px solid var(--body-color);
  border-right: 2px solid var(--body-color);
}

.contact-form select,
.contact-form .form-control,
.contact-form .form-select,
.contact-form textarea,
.contact-form input {
  border: none;
  background: var(--white-color);
  color: var(--body-color);
  font-weight: 500;
  border-radius: 30px;
  font-size: 14px;
}

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

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

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

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

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

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

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

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

.contact-form .form-group i {
  color: var(--theme-color);
}

.contact-form .th-btn:hover:before,
.contact-form .th-btn:hover:after {
  width: 120%;
}

.contact-form .nice-select {
  font-size: 14px;
}

.contact-form .nice-select .option {
  color: var(--title-color);
}

.contact-form .nice-select .option.selected {
  color: var(--theme-color) !important;
  background: var(--theme-color) !important;
}

.contact-form .nice-select .option.selected.focus {
  color: #fff !important;
  background: var(--theme-color) !important;
}

.contact-form .nice-select .option:hover,
.contact-form .nice-select .option.focus {
  background: var(--theme-color) !important;
  color: #fff !important;
}

.contact-form .nice-select.open .list {
  border-bottom: 3px solid var(--theme-color);
}

.contact-form i {
  color: #888C97;
}

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

.contact-form .nice-select:after {
  right: 30px;
  border-bottom: 2px solid var(--theme-color);
  border-right: 2px solid var(--theme-color);
}

.contact-form .th-btn {
  padding: 19.5px 42px;
}

.contact-form .th-btn i {
  color: var(--white-color);
}

.contact-image.style2 {
  text-align: right;
  /* Medium devices */
}

@media (max-width: 991px) {
  .contact-image.style2 {
    margin-top: 60px;
    text-align: center;
  }
}

.contact-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  /* Extra small devices */
}

.contact-info_wrapp:nth-child(2) .contact-info_icon {
  background-color: var(--theme-color2);
}

.contact-info_wrapp:nth-child(3) .contact-info_icon {
  background-color: var(--theme-color3);
}

.contact-info_wrapp:nth-child(4) .contact-info_icon {
  background-color: var(--theme-color4);
}

@media (max-width: 375px) {
  .contact-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contact-info:not(:last-child) {
  margin-bottom: 30px;
}

.contact-info .media-body {
  /* Extra small devices */
}

@media (max-width: 375px) {
  .contact-info .media-body {
    text-align: center;
  }
}

.contact-info_icon {
  display: inline-block;
  width: 80px;
  min-width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 24px;
  background-color: var(--theme-color);
  color: var(--white-color);
  text-align: center;
  font-size: 35px;
  position: relative;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .contact-info_icon {
    display: block;
    margin: auto;
    text-align: center;
  }
}

.contact-info_label {
  font-family: var(--title-font);
  font-size: 24px;
  line-height: 30px;
  color: var(--title-color);
  font-weight: 600;
  margin-top: -0.3rem;
  margin-bottom: 2px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .contact-info_label {
    font-size: 20px;
  }
}

.contact-info_link {
  font-family: var(--body-font);
  color: #4D5765;
  line-height: 26px;
  font-size: 16px;
  display: block;
}

.contact-info_link span {
  display: block;
}

.contact-info .media-body {
  margin-bottom: -0.5rem;
}

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

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

.contact-map {
  position: relative;
  line-height: 0px;
  background-color: var(--white-color);
  box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.06);
  border-radius: 60px;
  padding: 40px;
  margin-top: 50px;
  /* Large devices */
}

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

.contact-map iframe {
  width: 100%;
  height: 465px;
  border-radius: 30px;
}

.contact-map.style2 {
  margin-bottom: -160px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .contact-map.style2 {
    margin-bottom: -250px;
  }
}

.contact-map.style2 iframe {
  width: 100%;
  height: 800px;
}

/*------------------- 4.00. About  -------------------*/
/* About  animation start ---------------------------------- */
.global-img {
  position: relative;
  min-width: 50%;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /* Medium devices */
}

.global-img:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  z-index: 2;
}

.global-img img {
  width: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .global-img {
    min-width: 100%;
    margin-bottom: 30px;
  }
}

.global-img:hover:before {
  -webkit-animation: shine 1.9s;
  animation: shine 1.9s;
}

/* About  animation end ---------------------------------- */
/* About 1 start ---------------------------------- */
.img-box1 {
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 3;
  min-height: 550px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .img-box1 {
    margin-bottom: 90px;
  }
}

.img-box1 .img1 {
  display: inline-block;
  width: 370px;
  height: 370px;
  text-align: center;
  margin: auto;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  margin-top: 38px;
}

.img-box1 .img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 22px;
}

.img-box1 .img1.style2 {
  position: absolute;
  right: 0%;
  top: 22%;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .img-box1 .img1.style2 {
    right: 30%;
  }
}

@media (max-width: 991px) {
  .img-box1 .img1.style2 {
    right: 10%;
  }
}

@media (max-width: 767px) {
  .img-box1 .img1.style2 {
    right: 0;
  }
}

@media (max-width: 375px) {
  .img-box1 .img1.style2 {
    display: none;
  }
}

.img-box1 .about-shape {
  position: absolute;
  bottom: 0;
  left: -70px;
  z-index: -1;
}

/* About 1 end ---------------------------------- */
/* About 2 start ---------------------------------- */
/* .img-box2 {
  margin-left: -35px;
} */

.th-experience {
  position: absolute;
  bottom: 24px;
  right: 10px;
  z-index: 2;
  width: 201px;
  height: 189px;
  display: block;
  text-align: center;
  padding: 50px 10px;
  color: var(--white-color);
  /* Extra small devices */
  /* Large devices */
}

@media (max-width: 375px) {
  .th-experience {
    bottom: 0px;
    right: 0px;
    width: 140px;
    height: 140px;
    padding: 40px 10px;
  }
}

.th-experience:before,
.th-experience:after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/shape/about_shape.png");
  mask-image: url("../img/shape/about_shape.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.th-experience:before {
  background: var(--smoke-color);
  z-index: -1;
}

.th-experience:after {
  inset: -10px;
  background-color: var(--title-color);
  z-index: -2;
}

@media (max-width: 1199px) {
  .th-experience {
    right: 10%;
  }
}

.th-experience .experience-year {
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
  color: var(--theme-color4);
  margin-bottom: 0px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .th-experience .experience-year {
    font-size: 36px;
    line-height: 36px;
  }
}

.th-experience .experience-year img {
  margin-right: 10px;
}

.th-experience .experience-text {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 36px;
  line-height: 46px;
  color: var(--title-color);
  margin-bottom: 0;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .th-experience .experience-text {
    font-size: 25px;
  }
}

.th-experience .about-shape3 {
  position: absolute;
  bottom: -20px;
  right: 35px;
  width: 130px;
  height: 6px;
  background: var(--title-color);
  -webkit-filter: blur(8.75px);
  filter: blur(8.75px);
  z-index: -1;
}

.year-counter {
  max-width: 230px;
  text-align: left;
  padding: 30px;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  background-color: var(--white-color);
  position: relative;
  z-index: 3;
}

.year-counter_number {
  font-family: var(--title-font);
  font-size: 70px;
  font-weight: 700;
  color: var(--theme-color);
  line-height: 50px;
  margin-bottom: 20px;
}

.year-counter_text {
  font-family: var(--title-font);
  color: var(--title-color);
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: -0.32em;
  text-transform: uppercase;
}

/* About 2  end ---------------------------------- */
/* About 3 start ----------------------------------*/
.img-box3 {
  position: relative;
  z-index: 3;
  margin-left: -100px;
  /* Large devices */
}

@media (max-width: 1699px) {
  .img-box3 {
    margin: 0 0 50px 0;
  }
}

@media (max-width: 1199px) {
  .img-box3 {
    margin: 0 0 50px 0;
  }
}

.img-box3 .img1 {
  min-width: 620px;
  /* Large devices */
}

@media (max-width: 1699px) {
  .img-box3 .img1 {
    min-width: 100%;
  }
}

@media (max-width: 1199px) {
  .img-box3 .img1 {
    min-width: 100%;
  }
}

.img-box3 .img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid var(--theme-color);
  -webkit-animation: morph3 20s ease-in-out infinite;
  animation: morph3 20s ease-in-out infinite;
}

.img-box3 .about-shape {
  position: absolute;
  top: 0;
  left: -8%;
  z-index: -1;
  /* Small devices */
}

@media (max-width: 767px) {
  .img-box3 .about-shape {
    left: 0;
  }
}

.img-box3 .about-shape2 {
  position: absolute;
  bottom: 0%;
  right: 0%;
  z-index: -1;
}

.about-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .about-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 80px;
  }
}

@media (max-width: 767px) {
  .about-wrapper {
    display: block;
  }
}

.about-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  max-width: 292px;
}

.about-item_icon i {
  font-size: 30px;
  color: var(--theme-color);
}

.about-item .box-title {
  font-size: 20px;
  margin-bottom: 5px;
}

.about-item_text {
  font-family: var(--body-font);
}

.about-blockquote {
  margin: 0;
  max-width: 270px;
  height: 168px;
  padding: 48px 30px 40px 30px;
  border-radius: 20px;
  text-align: center;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: var(--title-color);
  /* Small devices */
}

@media (max-width: 767px) {
  .about-blockquote {
    margin-bottom: 40px;
    max-width: 100%;
  }
}

.about-blockquote:after {
  content: url("data:image/svg+xml,%3Csvg width='35' height='23' viewBox='0 0 35 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5776 17.6741C25.4747 18.8664 24.9893 20.1095 23.8903 21.2623C30.2744 19.1494 34 12.8908 34 7.66667C34 3.98743 31.0082 1 27.3116 1C23.6151 1 20.6233 3.98743 20.6233 7.66667C20.6233 10.2718 22.1225 12.5312 24.3148 13.6285L24.5591 13.7508L24.7073 13.9804L23.8672 14.5227C24.7073 13.9804 24.7077 13.9809 24.708 13.9815L24.7089 13.9828L24.7108 13.9858L24.7155 13.9932L24.7285 14.0141C24.7387 14.0307 24.7519 14.0525 24.7676 14.0794C24.799 14.1332 24.8406 14.2074 24.8884 14.3002C24.9839 14.4852 25.1058 14.747 25.2216 15.0701C25.4513 15.7112 25.6681 16.6259 25.5776 17.6741ZM6.35672 17.6741C6.25383 18.8664 5.76842 20.1095 4.66937 21.2623C11.0535 19.1494 14.7791 12.8908 14.7791 7.66667C14.7791 3.98743 11.7873 1 8.09075 1C4.39421 1 1.40239 3.98743 1.40239 7.66667C1.40239 10.2718 2.90162 12.5312 5.09387 13.6285L5.3382 13.7508L5.48639 13.9804L4.64627 14.5227C5.48639 13.9804 5.48676 13.9809 5.48714 13.9815L5.48797 13.9828L5.48986 13.9858L5.49458 13.9932L5.50759 14.0141C5.5121 14.0214 5.51719 14.0298 5.52283 14.0392C5.52995 14.051 5.53793 14.0644 5.54669 14.0794C5.57808 14.1332 5.61967 14.2074 5.66753 14.3002C5.76299 14.4852 5.88492 14.747 6.00067 15.0701C6.2304 15.7112 6.44718 16.6259 6.35672 17.6741Z' stroke='%23FE5A86' stroke-width='2'/%3E%3C/svg%3E%0A");
}

/* About 3 end ----------------------------------*/
/* about 4 -----------------------*/
.th-anim {
  position: relative;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  visibility: hidden;
  overflow: hidden;
}

.th-anim img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}

.benefit-area {
  padding: 80px 0 183px 0;
}

/* about 2  start ---------------------------   */
.about-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  max-width: 450px;
  /* Medium Large devices */
  /* Large devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .about-block {
    max-width: 390px;
  }
}

@media (max-width: 1199px) {
  .about-block {
    max-width: 100%;
  }
}

.about-block:not(:last-child) {
  margin-bottom: 55px;
}

@media (max-width: 767px) {
  .about-block {
    margin-bottom: 55px;
  }
}

@media (max-width: 375px) {
  .about-block {
    gap: 15px;
  }
}

.about-block.style1 {
  direction: rtl;
  /* Small devices */
  /* Small devices */
}

.about-block.style1 .about-block_icon {
  background-color: var(--theme-color3);
}

@media (max-width: 767px) {
  .about-block.style1 {
    direction: ltr;
  }
}

.about-block.style1:nth-child(2) .about-block_icon {
  background-color: var(--theme-color4);
}

.about-block.style1:not(:last-child) {
  margin-bottom: 55px;
}

@media (max-width: 767px) {
  .about-block.style1 {
    margin-bottom: 0;
  }
}

.about-block:nth-child(2) .about-block_icon {
  background-color: var(--theme-color2);
}

.about-block_icon {
  position: relative;
  min-width: 92px;
  height: 92px;
  line-height: 92px;
  display: block;
  margin: auto;
  text-align: center;
  background-color: var(--theme-color);
  border-radius: 50%;
  /* Medium devices */
}

@media (max-width: 991px) {
  .about-block_icon {
    min-width: 72px;
    height: 72px;
    line-height: 72px;
  }
}

.about-block_icon .svg-img path {
  fill-opacity: 1;
  stroke: var(--white-color);
  fill: var(--white-color);
  stroke-width: 1;
  stroke-dasharray: 2500;
  stroke-dashoffset: 2500;
}

.about-block_icon:before {
  content: "";
  position: absolute;
  inset: -6px;
  border: 1px dashed #3A3D72;
  border-radius: 50%;
  -webkit-animation: spin 40s infinite linear;
  animation: spin 40s infinite linear;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.about-block_icon img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.about-block .box-title {
  margin-bottom: 10px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .about-block .box-title {
    font-size: 20px;
  }
}

.about-block:hover .about-block_icon path {
  -webkit-animation: fillAni 7s ease-in-out;
  animation: fillAni 7s ease-in-out;
  stroke: var(--white-color);
  fill: var(--white-color);
}

.about-image {
  max-width: 266px;
  height: 274px;
  background-color: var(--smoke-color);
  border-radius: 200px 200px 0 0;
}

.about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* about 2  end ---------------------------   */
/*------------------- 4.00. Team  -------------------*/
/* Team global ---------------------------------- */
.th-team {
  position: relative;
}

.th-team .team-img {
  position: relative;
  overflow: hidden;
}

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

.th-team .team-desig {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: -0.45em;
  color: var(--theme-color);
}

.th-team .th-social {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.th-team .th-social a {
  --icon-size: 46px;
  background-color: var(--white-color);
  color: var(--theme-color);
}

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

.th-team .box-title {
  margin-bottom: 0;
}

/* Team Card ---------------------------------- */
.teamSlider1 .swiper-slide .team-card .team-img-wrap:before {
  background-color: var(--theme-color3);
}

.teamSlider1 .swiper-slide-active .team-card .team-img-wrap:before {
  background-color: var(--theme-color);
}

.teamSlider1 .swiper-slide-prev .team-card .team-img-wrap:before {
  background-color: var(--theme-color3);
}

.teamSlider1 .swiper-slide-next .team-card .team-img-wrap:before {
  background-color: var(--theme-color4);
}

.team-card {
  position: relative;
  z-index: 2;
  --box-space: 20px;
}

.team-card .team-img-wrap {
  position: relative;
  padding: 14px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 2;
  margin: 7px;
}

@media (max-width: 1399px) {
  .team-card .team-img-wrap {
    margin: 0 0 7px 0;
  }
}

.team-card .team-img-wrap:before,
.team-card .team-img-wrap:after {
  content: "";
  inset: -10px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: var(--theme-color);
  z-index: -2;
}

.team-card .team-img-wrap:before {
  top: 5px;
  left: 0px;
  -webkit-mask-image: url(../img/shape/team-shape1.png);
  mask-image: url(../img/shape/team-shape1.png);
}

.team-card .team-img-wrap:after {
  inset: 0px;
  -webkit-mask-image: url(../img/shape/team-shape3.png);
  mask-image: url(../img/shape/team-shape3.png);
  background-color: var(--white-color);
  z-index: -2;
}

.team-card .team-img {
  overflow: hidden;
  position: relative;
}

.team-card .team-img .team-overlay {
  position: absolute;
  inset: 15px;
  background: rgba(16, 55, 65, 0.85);
  z-index: 2;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
}

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

.team-card .th-social {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.team-card .th-social a {
  --icon-size: 44px;
  border-radius: 50%;
  opacity: 0;
  background-color: var(--theme-color);
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 2px;
  margin-right: 3px;
  /* Medium Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .team-card .th-social a {
    margin-right: 0;
    --icon-size: 40px;
  }
}

@media (max-width: 991px) {
  .team-card .th-social a {
    --icon-size: 36px;
  }
}

@media (max-width: 375px) {
  .team-card .th-social a {
    --icon-size: 34px;
  }
}

.team-card .th-social a:nth-child(1) {
  background-color: var(--theme-color3);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.team-card .th-social a:nth-child(2) {
  background-color: var(--theme-color2);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.team-card .th-social a:nth-child(3) {
  background-color: var(--theme-color4);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.team-card .th-social a:nth-child(4) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.team-card .box-title {
  font-weight: 700;
  margin-top: -0.5rem;
  margin-bottom: 0px;
}

.team-card .team-desig {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: -0.5em;
}

.team-card .team-content {
  padding: 30px 30px 0px 30px;
  text-align: center;
}

.team-card:hover .team-img-wrap {
  border-color: var(--theme-color);
}

.team-card:hover .team-overlay {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.team-card:hover .team-img img {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.team-card:hover .th-social a {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

/* Team Box start ------------------------------*/
.team-area2 {
  position: relative;
  padding: 178px 0;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1299px) {
  .team-area2 {
    padding: 120px 0;
  }
}

@media (max-width: 1199px) {
  .team-area2 {
    background-color: var(--smoke-color);
    padding: 120px 0 280px 0;
  }
}

@media (max-width: 991px) {
  .team-area2 {
    padding: 80px 0 250px 0;
  }
}

@media (max-width: 480px) {
  .team-area2 {
    padding: 80px 0 100px 0;
  }
}

.team-area2:before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url(../img/bg/team_bg_2.png);
  mask-image: url(../img/bg/team_bg_2.png);
  background-repeat: no-repeat;
  background-size: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-color: var(--smoke-color);
  z-index: -2;
  /* Large devices */
}

@media (max-width: 1199px) {
  .team-area2:before {
    display: none;
  }
}

/* team box start ----------------------- */
.teamSlider2 .swiper-slide .team-box .team-img-wrap {
  border: 15px solid rgba(252, 127, 10, 0.4);
}

.teamSlider2 .swiper-slide .team-box .team-img-wrap:hover {
  border-color: var(--theme-color2);
}

.teamSlider2 .swiper-slide-active .team-box .team-img-wrap {
  border: 15px solid rgba(125, 190, 72, 0.4);
}

.teamSlider2 .swiper-slide-active .team-box .team-img-wrap:hover {
  border-color: var(--theme-color4);
}

.teamSlider2 .swiper-slide-prev .team-box .team-img-wrap {
  border: 15px solid rgba(252, 127, 10, 0.4);
}

.teamSlider2 .swiper-slide-prev .team-box .team-img-wrap:hover {
  border-color: var(--theme-color2);
}

.teamSlider2 .swiper-slide-next .team-box .team-img-wrap {
  border: 15px solid rgba(254, 90, 134, 0.4);
}

.teamSlider2 .swiper-slide-next .team-box .team-img-wrap:hover {
  border-color: var(--theme-color);
}

.team-box {
  position: relative;
  text-align: center;
  z-index: 2;
}

.team-box_wrapp:nth-child(1) .team-box .team-img-wrap {
  border: 15px solid rgba(125, 190, 72, 0.4);
}

.team-box_wrapp:nth-child(1) .team-box:hover .team-img-wrap {
  border: 15px solid #7dbe48;
}

.team-box_wrapp:nth-child(2) .team-box .team-img-wrap {
  border: 15px solid rgba(254, 90, 134, 0.4);
}

.team-box_wrapp:nth-child(2) .team-box:hover .team-img-wrap {
  border: 15px solid #fe5a86;
}

.team-box_wrapp:nth-child(3) .team-box .team-img-wrap {
  border: 15px solid rgba(252, 127, 10, 0.4);
}

.team-box_wrapp:nth-child(3) .team-box:hover .team-img-wrap {
  border: 15px solid #fc7f0a;
}

.team-box_wrapp:nth-child(4) .team-box .team-img-wrap {
  border: 15px solid rgba(22, 196, 227, 0.2);
}

.team-box_wrapp:nth-child(4) .team-box:hover .team-img-wrap {
  border: 15px solid #16c4e3;
}

.team-box_wrapp:nth-child(5) .team-box .team-img-wrap {
  border: 15px solid rgba(251, 176, 64, 0.3);
}

.team-box_wrapp:nth-child(5) .team-box:hover .team-img-wrap {
  border: 15px solid #fbb040;
}

.team-box_wrapp:nth-child(6) .team-box .team-img-wrap {
  border: 15px solid #D0D5F5;
}

.team-box_wrapp:nth-child(6) .team-box:hover .team-img-wrap {
  border: 15px solid #1f5dc9;
}

.team-box .team-img {
  position: relative;
  overflow: hidden;
}

.team-box .team-img img {
  width: 100%;
  border-radius: 50%;
}

.team-box .team-img:before {
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(16, 55, 65, 0.8);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.team-box .team-img-wrap {
  position: relative;
  border-radius: 50%;
  z-index: 2;
  border: 15px solid rgba(254, 90, 134, 0.4);
  overflow: hidden;
  margin-bottom: 25px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-box .box-title {
  font-weight: 700;
  margin-bottom: 0;
}

.team-box .th-social {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.team-box .th-social a {
  --icon-size: 44px;
  border-radius: 50%;
  opacity: 0;
  background-color: var(--theme-color3);
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 2px;
  margin-right: 3px;
  /* Medium Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .team-box .th-social a {
    margin-right: 0;
    --icon-size: 40px;
  }
}

@media (max-width: 991px) {
  .team-box .th-social a {
    --icon-size: 36px;
  }
}

@media (max-width: 375px) {
  .team-box .th-social a {
    --icon-size: 34px;
  }
}

.team-box .th-social a:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.team-box .th-social a:nth-child(2) {
  background-color: var(--white-color);
  color: var(--theme-color);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.team-box .th-social a:nth-child(3) {
  background-color: var(--theme-color4);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.team-box:hover .team-img:before {
  bottom: 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.team-box:hover .team-img-wrap {
  opacity: 1;
}

.team-box:hover .th-social a {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

/* team box end ---------------------------- */
/* team item start --------------------------------*/
.team-item {
  position: relative;
  text-align: center;
  z-index: 2;
}

.team-item .team-img {
  position: relative;
  overflow: hidden;
}

.team-item .team-img img {
  width: 100%;
}

.team-item .team-img:before {
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  background: rgba(16, 55, 65, 0.8);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.team-item .team-img-wrap {
  position: relative;
  border-radius: 50px;
  z-index: 2;
  border: 20px solid transparent;
  overflow: hidden;
}

.team-item .team-img2 {
  max-width: 80px;
  display: block;
  margin: auto auto 15px auto;
}

.team-item .team-img2 img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}

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

.team-item .team-desig {
  font-size: 14px;
  font-weight: 500;
  color: var(--title-color);
}

.team-item .team-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--theme-color);
  border-radius: 30px;
  padding: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item .team-content .box-title a {
  color: inherit;
}

.team-item .team-content .team-desig {
  display: block;
  margin-bottom: -0.6rem;
}

.team-item .team-info {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
}

.team-item .team-info_content {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item .team-info .team-desig {
  color: var(--theme-color2);
}

.team-item .th-social {
  margin-top: 5px;
}

.team-item .th-social a {
  --icon-size: 25px;
  border-radius: 50%;
  font-size: 14px;
  opacity: 0;
  background-color: var(--theme-color3);
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 2px;
  margin-right: 3px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .team-item .th-social a {
    margin-right: 0;
  }
}

.team-item .th-social a:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.team-item .th-social a:nth-child(2) {
  background-color: var(--white-color);
  color: var(--theme-color);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.team-item .th-social a:nth-child(3) {
  background-color: var(--theme-color4);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.team-item:hover .team-img:before {
  bottom: 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.team-item:hover .team-content {
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}

.team-item:hover .team-info_content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.team-item:hover .th-social a {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

/* team item end --------------------------------*/
/* Team Details ---------------------------------- */
.team-title {
  font-size: 48px;
  margin-top: -0.6rem;
  /* Large devices */
}

@media (max-width: 1399px) {
  .team-title {
    font-size: 44px;
  }
}

@media (max-width: 1199px) {
  .team-title {
    font-size: 36px;
    margin-top: 0;
  }
}

.checklist.team-checklist ul li {
  padding-left: 40px;
}

.checklist.team-checklist ul li:not(:last-child) {
  margin-bottom: 8px;
}

.checklist.team-checklist ul li:after {
  content: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 4C3.5 3.73438 3.71875 3.5 4 3.5H5C5.26562 3.5 5.5 3.73438 5.5 4C5.5 4.28125 5.26562 4.5 5 4.5H4C3.71875 4.5 3.5 4.28125 3.5 4ZM4.17188 3C4.21875 2.89062 4.25 2.76562 4.25 2.625V2H5.5C5.76562 2 6 2.23438 6 2.5C6 2.78125 5.76562 3 5.5 3H4.17188ZM4.25 1.5V0.625C4.25 0.59375 4.23438 0.546875 4.23438 0.5H7.5C7.76562 0.5 8 0.734375 8 1C8 1.28125 7.76562 1.5 7.5 1.5H4.25ZM5 5.5C5 5.78125 4.76562 6 4.5 6H3.5C3.21875 6 3 5.78125 3 5.5C3 5.23438 3.21875 5 3.5 5H4.5C4.76562 5 5 5.23438 5 5.5ZM3.15625 4.5625C2.78125 4.70312 2.5 5.07812 2.5 5.5C2.5 5.6875 2.54688 5.85938 2.625 6H2.125C0.9375 6 0 5.0625 0 3.875V2.5C0 2.04688 0.140625 1.60938 0.40625 1.25L0.8125 0.671875C1.125 0.25 1.60938 0 2.125 0H3.125C3.46875 0 3.75 0.28125 3.75 0.625V2.625C3.75 2.98438 3.46875 3.25 3.125 3.25C2.67188 3.25 2.48438 2.84375 2.48438 2.57812V1.5C2.5 1.375 2.35938 1.25 2.23438 1.25C2.10938 1.25 2 1.375 2 1.5V2.625C2 3.21875 2.45312 3.70312 3.03125 3.75C3.01562 3.82812 3 3.92188 3 4C3 4.21875 3.0625 4.40625 3.15625 4.5625Z' fill='white'/%3E%3C/svg%3E%0A");
  font-family: var(--icon-font);
  position: absolute;
  inset: 0px;
  color: var(--white-color);
  width: 24px;
  height: 24px;
  line-height: 16px;
  background: var(--theme-color4);
  display: block;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
}

.checklist.team-checklist ul li span {
  color: var(--body-color);
  font-weight: 400;
}

.checklist.team-checklist ul li:nth-child(2):after {
  background: var(--theme-color3);
}

.checklist.team-checklist ul li:nth-child(3):after {
  background: var(--theme-color2);
}

.checklist.team-checklist ul li:nth-child(4):after {
  background: var(--theme-color);
}

.team-about {
  /* Large devices */
}

@media (max-width: 1199px) {
  .team-about {
    margin-bottom: 20px;
  }
}

.team-about .th-social a:not(:hover) {
  background-color: #E4E4E4;
  color: var(--title-color);
}

.team-about.style2 {
  margin-left: 45px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .team-about.style2 {
    margin: 0;
  }
}

.team-about.style2 .team-about_title {
  font-weight: 600;
  margin: 0 0 3px 0px;
}

.team-about.style2 .team-about_desig {
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 20px;
}

.team-about.style2 .team-about_text {
  line-height: 26px;
  max-width: 465px;
}

.team-about_title {
  margin: -0.3rem 0 0 0px;
}

.team-about_desig {
  color: var(--theme-color);
  margin-bottom: 10px;
}

.team-about .th-btn {
  padding: 19.5px 38.9px;
}

.about-card-img {
  position: relative;
  background-color: var(--white-color);
  padding: 40px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.06);
  /* Medium Large devices */
  /* Large devices */
  /* Extra small devices */
}

.about-card-img img {
  width: 100%;
}

@media (max-width: 1299px) {
  .about-card-img {
    padding: 30px;
  }
}

@media (max-width: 1199px) {
  .about-card-img {
    margin-bottom: 40px;
  }
}

@media (max-width: 375px) {
  .about-card-img {
    padding: 20px;
  }
}

@media (min-width: 1300px) {
  .about-card {
    margin-left: 50px;
  }
}

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

.about-card_desig {
  color: var(--body-color);
  margin-bottom: 22px;
  margin-top: -0.5em;
}

.about-card_text {
  margin-bottom: 26px;
  margin-top: 32px;
}

.about-card .th-social a {
  border-radius: 10px;
}

.team-info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.team-info ul li {
  margin-bottom: 4px;
}

.team-info ul li:last-child {
  margin-bottom: 0;
}

.team-info ul li b {
  font-family: var(--title-font);
  width: 100%;
  max-width: 200px;
  font-weight: 600;
  font-size: 18px;
  color: var(--title-color);
  line-height: 28px;
}

.team-info ul li i {
  font-size: 12px;
  color: #FBB040;
  margin-right: 0;
}

.team-info ul li span,
.team-info ul li a {
  color: var(--body-color);
}

.team-info ul li a:hover {
  color: var(--theme-color);
}

/* Extra small devices */
@media (max-width: 575px) {
  .team-info ul li b {
    max-width: 140px;
  }
}

.team-contact-form {
  padding: 50px;
  background-color: var(--smoke-color);
  /* Extra small devices */
}

.team-contact-form textarea {
  height: 120px;
}

.team-contact-form .form-title {
  margin-top: -0.3em;
  margin-bottom: 25px;
}

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

.skill-feature {
  text-align: left;
}

.skill-feature:nth-child(2) .progress {
  box-shadow: inset 0px 0px 10px rgba(252, 128, 10, 0.7);
}

.skill-feature:nth-child(2) .progress-bar {
  background-color: var(--theme-color2);
}

.skill-feature.style2 .skill-feature_title {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: var(--white-color);
  margin-bottom: 10px;
}

.skill-feature.style2 .progress {
  height: 6px;
  background-color: #4D5765;
  border-radius: 3px;
}

.skill-feature.style2 .progress-bar {
  height: 6px;
  margin: 0px;
}

.skill-feature.style2 .progress-value {
  font-family: var(--title-font);
  color: var(--white-color);
}

.skill-feature:not(:last-child) {
  margin-bottom: 30px;
}

.skill-feature_title,
.skill-feature .progress-value {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
  margin-top: -0.5em;
  font-family: var(--title-font);
  color: var(--title-color);
}

.skill-feature .progress {
  position: relative;
  height: 20px;
  background-color: var(--white-color);
  border-radius: 20px;
  overflow: visible;
}

.skill-feature .progress:before {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0px 0px 10px var(--theme-color);
  opacity: 0.7;
  border-radius: 20px;
}

.skill-feature .progress-bar {
  background-color: var(--theme-color);
  height: 20px;
  margin: 0px;
  border-radius: inherit;
  overflow: visible;
  position: relative;
}

.skill-feature .progress-value {
  position: absolute;
  top: -30px;
  right: -8px;
}

/* team-profile start ------------------------------*/
.team_profile {
  padding: 0;
}

.team_profile .team-author img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 15px solid #FED9B6;
  border-radius: 60px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .team_profile .team-author img {
    border-radius: 30px;
  }
}

.team_profile .team-content {
  padding: 40px;
  /* Small devices */
}

@media (max-width: 767px) {
  .team_profile .team-content {
    padding: 30px;
  }
}

.team_profile .team-content .box-title {
  margin-bottom: 0;
}

.team_profile .th-widget-contact.style2 .footer-info {
  color: var(--title-color);
  font-weight: 500;
  padding: 0 0 0 25px;
}

.team_profile .th-widget-contact.style2 .footer-info i {
  top: 7px;
  font-size: 16px;
}

.team_profile .th-btn2 {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 24px;
  color: var(--title-color);
  background-color: var(--smoke-color);
  border-radius: 30px;
  padding: 9.5px 30px;
  display: block;
}

/* team-profile end ------------------------------*/
/*------------------- 4.00. Testimonial  -------------------*/
/* testi card start -----------------------*/
.testi-sec {
  position: relative;
  max-width: 1620px;
  display: block;
  margin: auto;
  margin-bottom: 80px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .testi-sec {
    background-color: var(--smoke-color);
  }
}

.testi-sec:before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url(../img/bg/shape_bg_1.png);
  mask-image: url(../img/bg/shape_bg_1.png);
  background-repeat: no-repeat;
  background-size: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-color: var(--smoke-color);
  z-index: -2;
}

.testi-sec .testi-wrapper {
  position: relative;
  /* Large devices */
}

@media (max-width: 1199px) {
  .testi-sec .testi-wrapper {
    text-align: center;
  }
}

.testi-sec .testi-wrapper .testi-shape {
  position: absolute;
  top: 0;
  right: 55px;
  width: 300px;
  height: 600px;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1399px) {
  .testi-sec .testi-wrapper .testi-shape {
    right: 52px;
  }
}

@media (max-width: 1299px) {
  .testi-sec .testi-wrapper .testi-shape {
    right: 46px;
  }
}

@media (max-width: 1199px) {
  .testi-sec .testi-wrapper .testi-shape {
    right: 106px;
  }
}

@media (max-width: 991px) {
  .testi-sec .testi-wrapper .testi-shape {
    right: 0;
  }
}

@media (max-width: 480px) {
  .testi-sec .testi-wrapper .testi-shape {
    display: none;
  }
}

.testi-sec .testi-image {
  min-width: 600px;
  margin: 0 80px 0 -90px;
  /* Medium Large devices */
  /* Large devices */
}

@media (max-width: 1299px) {
  .testi-sec .testi-image {
    min-width: 100%;
    margin: 0 80px 0 -40px;
  }
}

@media (max-width: 1199px) {
  .testi-sec .testi-image {
    display: block;
    margin: auto;
  }
}

.testi-area {
  padding: 170px 0 120px 0;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .testi-area {
    padding: 40px 0 120px 0;
  }
}

@media (max-width: 991px) {
  .testi-area {
    padding: 40px 0 80px 0;
  }
}

.team-thumb .tab-btn {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--title-color);
  cursor: pointer;
  position: absolute;
}

@media (max-width: 480px) {
  .team-thumb .tab-btn {
    top: 30%;
  }
}

@media (max-width: 480px) {
  .team-thumb .tab-btn {
    display: none;
  }
}

.team-thumb .tab-btn:nth-child(1) {
  top: 16%;
  right: 19%;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .team-thumb .tab-btn:nth-child(1) {
    right: 22%;
  }
}

@media (max-width: 1199px) {
  .team-thumb .tab-btn:nth-child(1) {
    right: 18.5%;
  }
}

@media (max-width: 991px) {
  .team-thumb .tab-btn:nth-child(1) {
    right: 10%;
  }
}

@media (max-width: 767px) {
  .team-thumb .tab-btn:nth-child(1) {
    right: 15%;
  }
}

@media (max-width: 575px) {
  .team-thumb .tab-btn:nth-child(1) {
    right: 13%;
  }
}

.team-thumb .tab-btn:nth-child(2) {
  top: 30%;
  right: 11%;
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .team-thumb .tab-btn:nth-child(2) {
    right: 13%;
  }
}

@media (max-width: 991px) {
  .team-thumb .tab-btn:nth-child(2) {
    right: 2%;
  }
}

@media (max-width: 767px) {
  .team-thumb .tab-btn:nth-child(2) {
    right: 5%;
  }
}

@media (max-width: 575px) {
  .team-thumb .tab-btn:nth-child(2) {
    right: 4%;
  }
}

.team-thumb .tab-btn:nth-child(3) {
  top: 47%;
  right: 7.5%;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .team-thumb .tab-btn:nth-child(3) {
    right: 10.8%;
  }
}

@media (max-width: 991px) {
  .team-thumb .tab-btn:nth-child(3) {
    right: -1%;
  }
}

.team-thumb .tab-btn:nth-child(4) {
  top: 65%;
  right: 10%;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .team-thumb .tab-btn:nth-child(4) {
    right: 8.5%;
  }
}

@media (max-width: 1199px) {
  .team-thumb .tab-btn:nth-child(4) {
    right: 12.5%;
  }
}

@media (max-width: 991px) {
  .team-thumb .tab-btn:nth-child(4) {
    right: 1.5%;
  }
}

@media (max-width: 767px) {
  .team-thumb .tab-btn:nth-child(4) {
    right: -1%;
  }
}

@media (max-width: 575px) {
  .team-thumb .tab-btn:nth-child(4) {
    right: 0%;
  }
}

.team-thumb .tab-btn:nth-child(5) {
  top: 80%;
  right: 18%;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .team-thumb .tab-btn:nth-child(5) {
    right: 14%;
  }
}

@media (max-width: 1199px) {
  .team-thumb .tab-btn:nth-child(5) {
    right: 18%;
  }
}

@media (max-width: 991px) {
  .team-thumb .tab-btn:nth-child(5) {
    right: 8.5%;
  }
}

@media (max-width: 767px) {
  .team-thumb .tab-btn:nth-child(5) {
    right: 4%;
  }
}

@media (max-width: 575px) {
  .team-thumb .tab-btn:nth-child(5) {
    right: 6%;
  }
}

.team-thumb .tab-btn.active {
  background-color: var(--theme-color);
}

.testi-card_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.testi-card_review i {
  color: #FBB040;
  font-size: 16px;
}

.testi-card_text {
  font-family: var(--title-font);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--body-color);
  margin-bottom: 30px;
}

.testi-card_profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.testi-card_avater {
  min-width: 56px;
  border-radius: 10px;
}

.testi-card_avater img {
  background-color: var(--theme-color2);
  padding: 4px;
  width: 56px;
  height: 56px;
  border-radius: 10px;
}

.testi-card .box-title {
  margin-bottom: 0;
}

.testi-card_desig {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color);
  text-transform: capitalize;
}

/* testi card end -----------------------*/
/* testi box start -----------------------------------*/
.testi-image2 {
  position: relative;
  margin-right: 6px;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .testi-image2 {
    margin: 0px;
  }
}

@media (max-width: 991px) {
  .testi-image2 {
    -webkit-mask-size: 100%;
    mask-size: 100%;
  }
}

.testi-image2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testi-slider {
  position: relative;
  margin: 100px 0 140px -250px;
  z-index: 5;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .testi-slider {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .testi-slider {
    margin: 0;
  }
}

.testi-slider .testi-frame {
  position: absolute;
  top: -3%;
  right: 15.5%;
  z-index: 4;
  /* Small devices */
}

@media (max-width: 767px) {
  .testi-slider .testi-frame {
    top: unset;
    right: 4%;
    z-index: 4;
    bottom: 35%;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
  }
}

.testi-slider .testi-quote {
  position: absolute;
  top: -45px;
  left: 40px;
  z-index: 2;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .testi-slider .testi-quote {
    top: -15px;
  }
}

@media (max-width: 767px) {
  .testi-slider .testi-quote {
    display: none;
  }
}

.testi-box {
  background-color: #F9F6EF;
  border-radius: 50px;
  padding: 70px 35px 70px 100px;
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 1399px) {
  .testi-box {
    padding: 70px 35px 70px 70px;
  }
}

@media (max-width: 991px) {
  .testi-box {
    padding: 70px 20px 70px 70px;
  }
}

@media (max-width: 767px) {
  .testi-box {
    padding: 70px 40px;
  }
}

@media (max-width: 575px) {
  .testi-box {
    padding: 70px 20px;
  }
}

.testi-box_profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* Small devices */
}

@media (max-width: 767px) {
  .testi-box_profile {
    display: block;
  }
}

.testi-box_text {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: var(--title-color);
  max-width: 440px;
  margin-top: -0.4rem;
  margin-bottom: 30px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .testi-box_text {
    font-size: 20px;
    line-height: 30px;
  }
}

.testi-box_img {
  position: relative;
  min-width: 182px;
  margin-top: -25px;
  /* Small devices */
}

@media (max-width: 767px) {
  .testi-box_img {
    margin-top: 0;
    display: block;
    margin-left: auto;
    text-align: right;
  }
}

.testi-box_img .img1 {
  width: 182px;
  border: 15px solid var(--white-color);
  -webkit-transform: rotate(-22.44deg);
  -ms-transform: rotate(-22.44deg);
  transform: rotate(-22.44deg);
  /* Small devices */
}

@media (max-width: 767px) {
  .testi-box_img .img1 {
    -webkit-transform: rotate(57deg);
    -ms-transform: rotate(57deg);
    transform: rotate(57deg);
  }
}

.testi-box_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -0.6rem;
  padding-right: 50px;
  /* Small devices */
}

@media (max-width: 767px) {
  .testi-box_wrapper {
    display: block;
  }
}

.testi-box_review i {
  color: #FBB040;
}

.testi-box .box-title {
  position: relative;
  margin: 0;
  padding-left: 60px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .testi-box .box-title {
    font-size: 18px;
    padding-left: 40px;
  }
}

.testi-box .box-title:before {
  content: "";
  height: 2px;
  width: 63px;
  background-color: var(--theme-color);
  position: absolute;
  top: 16px;
  left: -20px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .testi-box .box-title:before {
    width: 43px;
  }
}

/* testi box end -----------------------------------*/
/*testi -----------------*/
.testi-sec3 {
  padding: 115px 0 150px 0;
  /* Small devices */
}

@media (max-width: 767px) {
  .testi-sec3 {
    padding: 80px 0 100px 0;
  }
}

.testi-sec3 .shape-bottom {
  bottom: -25px;
}

.testi-image-wrapp {
  position: relative;
  max-width: 610px;
  margin: 0px auto auto -22px;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .testi-image-wrapp {
    margin: auto;
  }
}

@media (max-width: 767px) {
  .testi-image-wrapp {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

.testi-image-wrapp:after {
  content: "";
  inset: -10px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(../img/shape/testi-bg-shape.png);
  mask-image: url(../img/shape/testi-bg-shape.png);
  background-color: var(--theme-color);
  z-index: -2;
}

.testi-image3 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  z-index: 2;
}

.testi-image3 .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.testi-image3 .play-btn:before,
.testi-image3 .play-btn:after {
  background-color: var(--theme-color);
}

.testi-image3 .play-btn i {
  --icon-size: 55px;
  background-color: var(--theme-color);
}

.testi-image3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
  /* Large devices */
}

@media (max-width: 1199px) {
  .testi-image3 img {
    margin: 0;
  }
}

.testi-slider3 {
  position: relative;
}

.testi-slider3 .icon-box {
  position: absolute;
  right: 0;
  bottom: 0;
}

.testi-slider3 .icon-box .slider-arrow {
  border-radius: 50%;
  border: none;
}

.testi-slider3 .icon-box .slider-arrow:hover {
  background-color: var(--theme-color4);
}

/*------------------- 4.00. Pricing  -------------------*/
/* Pricing 1 ---------------------------------- */
.available-list {
  padding-left: 30px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .available-list {
    padding: 0;
  }
}

.available-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.available-list li {
  position: relative;
  font-family: var(--title-font);
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  padding-left: 30px;
  margin-bottom: 4px;
  text-transform: capitalize;
  color: var(--title-color);
}

.available-list li:after {
  content: "\f105";
  font-family: var(--icon-font);
  font-weight: 500;
  background-color: var(--theme-color);
  color: #F9E1E7;
  font-weight: 900;
  font-size: 12px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  top: 5px;
  left: 0;
}

.available-list li.unavailable:after {
  content: "\f00c";
  right: 4px;
  color: #E4E4E4;
  font-weight: 400;
}

.available-list li img {
  max-width: 18px;
  margin-right: 10px;
}

.available-list li:last-child {
  margin-bottom: 0;
}

.available-list li.unavailable {
  font-weight: 400;
  color: var(--body-color);
}

.available-list li.unavailable img {
  opacity: 0.2;
}

/* Price card start -------------------------*/
.price-card {
  position: relative;
  background-color: #F9E1E7;
  border-radius: 50px;
  overflow: hidden;
}

.price-card_wrapper:nth-child(2) .price-card {
  background-color: #F9E8D7;
}

.price-card_wrapper:nth-child(2) .price-card .price-shape {
  background-color: #FBB040;
}

.price-card_wrapper:nth-child(2) .price-card_price {
  color: #FBB040;
}

.price-card_wrapper:nth-child(2) .price-card .available-list ul li:after {
  color: #F9E8D7;
  background-color: #FBB040;
}

.price-card_wrapper:nth-child(2) .price-card .th-btn {
  background-color: #FBB040;
}

.price-card_wrapper:nth-child(3) .price-card {
  background-color: #CFF4FB;
}

.price-card_wrapper:nth-child(3) .price-card .price-shape {
  background-color: #16C4E3;
}

.price-card_wrapper:nth-child(3) .price-card_price {
  color: #16C4E3;
}

.price-card_wrapper:nth-child(3) .price-card .available-list ul li:after {
  color: #CFF4FB;
  background-color: #16C4E3;
}

.price-card_wrapper:nth-child(3) .price-card .th-btn {
  background-color: #16C4E3;
}

.price-card_title {
  font-weight: 600;
  font-size: 36px;
  margin-top: -0.6rem;
  margin-bottom: 20px;
  color: var(--title-color);
  text-align: center;
  /* Medium devices */
}

@media (max-width: 991px) {
  .price-card_title {
    font-size: 30px;
    margin-bottom: 0;
  }
}

.price-card_wrapp {
  position: relative;
  padding: 50px 50px 0px 50px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .price-card_wrapp {
    padding: 30px 30px 0 30px;
  }
}

.price-card_wrapp .price-shape {
  position: relative;
  width: 438px;
  height: 92px;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-position: top center;
  background-color: var(--theme-color);
  margin-left: -50px;
  z-index: 1;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .price-card_wrapp .price-shape {
    margin-left: -30px;
  }
}

@media (max-width: 767px) {
  .price-card_wrapp .price-shape {
    margin-left: 0px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .price-card_wrapp .price-shape {
    -webkit-mask-size: 100%;
    mask-size: 100%;
  }
}

.price-card_wrapp .price-shape2 {
  position: relative;
  width: 438px;
  height: 92px;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-size: auto;
  background-repeat: repeat-x;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-position: top center;
  background-color: var(--white-color);
  margin-top: -83px;
  margin-left: -50px;
  z-index: 0;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .price-card_wrapp .price-shape2 {
    margin-left: -30px;
  }
}

@media (max-width: 767px) {
  .price-card_wrapp .price-shape2 {
    margin-left: 0px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .price-card_wrapp .price-shape2 {
    -webkit-mask-size: 100%;
    mask-size: 100%;
  }
}

.price-card_content {
  padding: 20px 50px 50px 50px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .price-card_content {
    padding: 20px 20px 30px 20px;
  }
}

.price-card_content .available-list ul {
  margin-top: -0.3rem;
}

.price-card_content .available-list {
  padding: 0;
}

.price-card_content .available-list li {
  margin-bottom: 10px;
}

.price-card_price {
  font-weight: 700;
  font-size: 48px;
  line-height: 54px;
  margin-bottom: 35px;
  color: var(--theme-color);
  /* Large devices */
}

@media (max-width: 1199px) {
  .price-card_price {
    font-size: 33px;
    line-height: 44px;
  }
}

.price-card_price .duration {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--title-color);
}

.price-card_text {
  font-family: var(--title-font);
  color: var(--body-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -0.3rem;
}

.price-card .th-btn {
  margin-top: 30px;
  font-size: 14px;
}

/* Price card end -------------------------*/
/*------------------- 4.00. Counter  -------------------*/
/* Counter 1  start ---------------------------------- */
.counter-area {
  position: relative;
  background-color: var(--theme-color);
  z-index: 2;
}

.counter-area .counter-shape {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: 70px;
  background-size: auto;
  background-repeat: repeat-x;
  background-position: top left;
  background-color: var(--theme-color);
  z-index: 5;
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
}

.counter-sec {
  padding: 54px 0 120px 0;
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .counter-sec {
    padding: 20px 0 80px 0;
  }
}

@media (max-width: 991px) {
  .counter-sec {
    padding: 0px 0 60px 0;
  }
}

@media (max-width: 575px) {
  .counter-sec {
    padding: 0 0 40px 0;
  }
}

.counter-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  /* Large devices */
  /* Extra small devices */
  /* Extra small devices */
  /* Large devices */
}

.counter-card.style2 {
  gap: 20px;
}

@media (max-width: 1199px) {
  .counter-card {
    padding: 30px 0;
    display: block;
    text-align: center;
    border-right: 1px dashed rgba(255, 255, 255, 0.4);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
  }
}

@media (max-width: 575px) {
  .counter-card {
    border-right: 1px dashed transparent;
  }
}

.counter-card-wrap:nth-child(2) .counter-card {
  border-right: 1px dashed transparent;
}

.counter-card-wrap:nth-child(3) .counter-card {
  border-bottom: 1px dashed transparent;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .counter-card-wrap:nth-child(3) .counter-card {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
  }
}

.counter-card-wrap:last-child .counter-card {
  border-right: 1px dashed transparent;
  border-bottom: 1px dashed transparent;
}

@media (max-width: 575px) {
  .counter-card {
    display: block;
    margin: auto;
    text-align: center;
  }
}

.counter-card .icon {
  min-width: 63px;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  /* Large devices */
}

@media (max-width: 1199px) {
  .counter-card .icon {
    margin-bottom: 20px;
  }
}

.counter-card .icon .svg-img path {
  fill-opacity: 1;
  stroke: var(--white-color);
  fill: var(--white-color);
  stroke-width: 1;
  stroke-dasharray: 2500;
  stroke-dashoffset: 2500;
}

.counter-card .box-number {
  font-size: 54px;
  font-weight: 700;
  line-height: 54px;
  color: var(--title-color);
  margin-bottom: 0px;
  margin-top: -0.5rem;
}

.counter-card .box-text {
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.counter-card .counter-title {
  margin-bottom: 6px;
  font-size: 20px;
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 991px) {
  .counter-card .counter-title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .counter-card .counter-title {
    font-size: 20px;
  }
}

.counter-card .counter-text {
  /* Medium devices */
}

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

.counter-card .media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .counter-card .media-body {
    max-width: 100%;
  }
}

.counter-card:hover .icon path {
  -webkit-animation: fillAni 7s ease-in-out;
  animation: fillAni 7s ease-in-out;
  stroke: var(--white-color);
  fill: var(--white-color);
}

/* counter card  start --------------------------------*/
.counter-area2 {
  background-color: var(--theme-color);
  padding: 80px 0;
  /* Large devices */
}

@media (max-width: 1199px) {
  .counter-area2 {
    padding: 50px 0;
  }
}

/*------------------- 4.00. Blog  -------------------*/
/* Blog Card ---------------------------------- */
.blog-card {
  background-color: var(--white-color);
  position: relative;
  z-index: 3;
  border-radius: 30px;
  border: 1px solid #E3E8F5;
}

.blog-card.style2 {
  border-radius: 20px;
}

.blog-card.style2 .box-title {
  font-size: 20px;
}

.blog-card.style2 .blog-content {
  padding: 15px 30px 35px 30px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .blog-card.style2 .blog-content {
    padding: 20px;
  }
}

.blog-card.style2 .blog-tags {
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.blog-card.style2 .blog-img {
  border-radius: 20px 20px 0px 0px;
}

.blog-card.style2 .blog-img img {
  border-radius: 20px 20px 0px 0px;
}

.blog-card.style2 .box-title {
  margin-bottom: 15px;
}

.blog-card .blog-img {
  position: relative;
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
}

.blog-card .blog-img:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  z-index: 2;
}

.blog-card .blog-img img {
  width: 100%;
  border-radius: 30px 30px 0px 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.blog-card .blog-content {
  padding: 15px 30px 30px 40px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .blog-card .blog-content {
    padding: 20px;
  }
}

.blog-card .blog-tags {
  font-size: 12px;
  font-weight: 700;
  color: var(--theme-color);
  letter-spacing: 0.48px;
  text-transform: uppercase;
  margin-top: -0.3rem;
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #E1E5EB;
}

.blog-card .box-title {
  font-weight: 600;
  letter-spacing: -0.24px;
  margin-bottom: 5px;
}

.blog-card .box-title a {
  background-image: -webkit-linear-gradient(right, var(--theme-color), 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: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.blog-card .box-title a:hover {
  background-size: 100% 2px;
}

.blog-card_text {
  margin-bottom: 8px;
}

.blog-card_profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.blog-card_author {
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
}

.blog-card_author img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.blog-card_info a {
  font-size: 12px;
  color: var(--body-color);
  font-weight: 400;
}

.blog-card_name {
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.16px;
  margin-bottom: -0.3rem;
}

.blog-card:hover .blog-img img {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.blog-card:hover .blog-img:before {
  -webkit-animation: shine 1.9s;
  animation: shine 1.9s;
}

.blog-card .blog-btn {
  border-bottom: 1px solid #E1E5EB;
  margin-bottom: 25px;
  padding-bottom: 30px;
}

.blog-card .line-btn {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.16px;
}

/* Medium devices */
@media (max-width: 991px) {
  .blog-card .box-title {
    font-size: 22px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .blog-card .blog-content {
    padding: 30px;
  }

  .blog-card .box-title {
    font-size: 24px;
  }
}

@media (max-width: 410px) {
  .blog-card .box-title {
    font-size: 22px;
  }
}

@media (max-width: 350px) {
  .blog-card .blog-content {
    padding: 18px;
  }

  .blog-card .box-title {
    font-size: 20px;
  }
}

/* Blog Box ---------------------------------- */
.blog-box {
  position: relative;
  background-color: var(--white-color);
  padding: 40px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .blog-box {
    padding: 30px;
  }
}

.blog-box.style2 {
  background-color: var(--smoke-color);
}

.blog-box_content {
  position: relative;
  text-align: center;
  padding-top: 35px;
}

.blog-box .blog-date {
  position: absolute;
  top: -20px;
  left: 50%;
  background: var(--theme-color);
  border-radius: 8px;
  color: var(--white-color);
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 24px;
  line-height: 20px;
  padding: 9px 11.3px;
  display: block;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-box .blog-date .month {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  display: block;
}

.blog-box .blog-img {
  position: relative;
  overflow: hidden;
}

.blog-box .blog-img:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  z-index: 2;
}

.blog-box .blog-img img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03);
  transition: -webkit-transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03);
  transition: transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03);
  transition: transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03), -webkit-transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03);
  -webkit-transform-origin: 30% 60%;
  -ms-transform-origin: 30% 60%;
  transform-origin: 30% 60%;
}

.blog-box .box-title {
  line-height: 34px;
  margin-bottom: 13px;
}

.blog-box .line-btn {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}

.blog-box:hover .blog-img img {
  -webkit-transform: scale(1.04) rotate(5deg);
  -ms-transform: scale(1.04) rotate(5deg);
  transform: scale(1.04) rotate(5deg);
}

.blog-box:hover .blog-img:before {
  -webkit-animation: shine 1.9s;
  animation: shine 1.9s;
}

/* Blog Grid ---------------------------------- */
.blog-grid {
  background-color: var(--white-color);
}

.blog-grid.style2 {
  background-color: var(--white-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* Small devices */
}

@media (max-width: 767px) {
  .blog-grid.style2 {
    display: block;
  }
}

.blog-grid.style2 .blog-content {
  padding: 47px 40px 51px 40px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .blog-grid.style2 .blog-content {
    padding: 30px;
  }
}

.blog-grid.style2 .blog-img {
  min-width: 312px;
  /* Small devices */
}

@media (max-width: 767px) {
  .blog-grid.style2 .blog-img {
    min-width: 100%;
  }
}

.blog-grid .blog-img {
  position: relative;
  overflow: hidden;
}

.blog-grid .blog-content {
  padding: 47px 40px 40px 40px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .blog-grid .blog-content {
    padding: 30px;
  }
}

.blog-grid .blog-meta {
  margin: -0.3rem 0 20px 0;
}

.blog-grid .blog-tag {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--theme-color);
  padding: 9px 20px;
  color: var(--white-color);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

.blog-grid .box-title {
  margin-bottom: 22px;
}

.blog-grid .box-title a {
  background-image: -webkit-linear-gradient(right, var(--theme-color), 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: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.blog-grid .box-title a:hover {
  background-size: 100% 2px;
}

.blog-grid .line-btn:hover i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.blog-grid .blog-img {
  overflow: hidden;
}

.blog-grid .blog-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.blog-grid .blog-meta {
  margin: -0.4em 0 18px 0;
}

.blog-grid .blog-meta span,
.blog-grid .blog-meta a {
  /* Extra small devices */
}

@media (max-width: 375px) {

  .blog-grid .blog-meta span,
  .blog-grid .blog-meta a {
    font-size: 14px;
  }
}

.blog-grid .blog-meta span>i,
.blog-grid .blog-meta a>i {
  color: var(--theme-color);
  font-size: 14px;
}

.blog-grid:hover .blog-img img {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.blog-title-area {
  max-width: 613px;
  margin: auto;
  display: block;
  text-align: center;
}

.blog-area {
  position: relative;
  z-index: 2;
  padding: 180px 0 212px 0;
  /* Medium devices */
}

@media (max-width: 991px) {
  .blog-area {
    padding: 180px 0 190px 0;
  }
}

.blog-area .blog-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background-size: auto;
  background-repeat: repeat-x;
  background-position: bottom center;
  background-color: #001328;
  z-index: 5;
}

.blog-area3 {
  padding: 180px 0 170px 0 !important;
}

/*------------------- 4.00. Brand  -------------------*/
/* Brand 1 ---------------------------------- */
.brand-slider {
  background-color: var(--theme-color);
}

.brand-area {
  position: relative;
  z-index: 3;
}

@media (min-width: 1300px) {
  .brand-sec3 .th-container {
    --main-container: 1516px;
  }
}

.brand-sec {
  position: relative;
  padding: 55px 200px 55px 60px;
  z-index: 2;
  /* Medium devices */
}

@media (max-width: 1699px) {
  .brand-sec {
    padding: 55px 140px 55px 20px;
  }
}

@media (max-width: 991px) {
  .brand-sec {
    padding: 55px 20px 55px 20px;
  }
}

.brand-sec .brand-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 347px;
  height: 351px;
  background-color: var(--theme-color);
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  /* Medium devices */
}

@media (max-width: 1699px) {
  .brand-sec .brand-shape {
    width: 200px;
  }
}

@media (max-width: 991px) {
  .brand-sec .brand-shape {
    display: none;
  }
}

.brandSlider1 {
  background-color: #252F3D;
  padding: 40px 0px 10px 0;
  -webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);
  margin-right: -1px;
  /* Medium Large devices */
  /* Large devices */
}

@media (max-width: 1299px) {
  .brandSlider1 {
    padding: 40px 0px 10px 10px;
  }
}

@media (max-width: 1199px) {
  .brandSlider1 {
    -webkit-clip-path: none;
    clip-path: none;
  }
}

.brand-title-area {
  padding: 60px 0 60px 60px;
}

@media (max-width: 1399px) {
  .brand-title-area {
    padding: 40px 0 40px 40px;
  }
}

.brand-title-area .title-area .sec-title {
  font-weight: 600;
  line-height: 46px;
  margin-top: -0.5rem;
  margin-bottom: 12px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .brand-title-area .title-area .sec-title {
    font-size: 28px;
    line-height: 38px;
  }
}

.brand-title-area .title-area .brand-text {
  line-height: 26px;
  margin-bottom: 22px;
}

.brand-title-area .slider-arrow {
  border-radius: 50%;
  --icon-size: 46px;
  background-color: transparent;
  border: 1px solid var(--white-color);
  color: var(--white-color);
}

.brand-title-area .slider-arrow:hover {
  background-color: var(--white-color);
  color: var(--theme-color);
}

.brand-box {
  width: 200px;
  height: 108px;
  overflow: hidden;
  margin: auto;
  position: relative;
  display: block;
}

.brand-box:hover a img.gray {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.brand-box:hover a img.original {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.brand-box img {
  margin: 0 auto;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.brand-box img.gray {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.brand-box img.original {
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.brand-item {
  display: grid;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  min-height: 90px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Large devices */
}

@media (max-width: 1199px) {
  .brand-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.brand-item.style2 a .gray {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.brand-item a {
  overflow: hidden;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.brand-item a .original {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  visibility: hidden;
}

.brand-item a .gray {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
}

.brand-item a:hover .original {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  opacity: 3;
  visibility: visible;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.brand-item a:hover .gray {
  display: block;
  visibility: hidden;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

/*------------------- 4.00. Simple Sections  -------------------*/
.checklist ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}

.checklist.style1 li {
  padding-left: 30px;
}

.checklist.style1 li:after {
  content: "";
  font-family: var(--icon-font);
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 100%;
  display: block;
  margin-right: 10px;
  background-color: var(--theme-color);
  -webkit-clip-path: path("M14.5 16.7812C14.125 16.9688 13.6875 17.0312 13.1875 16.9688C12.8125 16.9375 12.4688 16.9531 12.1562 17.0156C11.8438 17.1094 11.5469 17.2656 11.2656 17.4844C10.8594 17.7969 10.4375 17.9688 10 18C9.5625 17.9688 9.14062 17.7969 8.73438 17.4844C8.45312 17.2656 8.15625 17.1094 7.84375 17.0156C7.53125 16.9219 7.1875 16.9062 6.8125 16.9688C6.3125 17.0312 5.875 16.9688 5.5 16.7812C5.15625 16.5312 4.89062 16.1719 4.70312 15.7031C4.54688 15.3906 4.35938 15.1094 4.14062 14.8594C3.89062 14.6406 3.59375 14.4531 3.25 14.2969C2.8125 14.1094 2.46875 13.8438 2.21875 13.5C2.03125 13.125 1.96875 12.6875 2.03125 12.1875C2.09375 11.8125 2.07812 11.4688 1.98438 11.1562C1.89062 10.8438 1.73438 10.5469 1.51562 10.2656C1.20312 9.85938 1.03125 9.4375 1 9C1.03125 8.5625 1.20312 8.14062 1.51562 7.73438C1.73438 7.45312 1.89062 7.15625 1.98438 6.84375C2.07812 6.53125 2.09375 6.1875 2.03125 5.8125C1.96875 5.3125 2.03125 4.875 2.21875 4.5C2.46875 4.15625 2.82812 3.89062 3.29688 3.70312C3.60938 3.54688 3.89062 3.35938 4.14062 3.14062C4.35938 2.89063 4.54688 2.60938 4.70312 2.29688C4.89062 1.82812 5.15625 1.46875 5.5 1.21875C5.875 1.03125 6.3125 0.96875 6.8125 1.03125C7.1875 1.09375 7.53125 1.07812 7.84375 0.984375C8.15625 0.890625 8.45312 0.734375 8.73438 0.515625C9.14062 0.203125 9.5625 0.03125 10 0C10.4375 0.0625 10.8594 0.25 11.2656 0.5625C11.5469 0.75 11.8281 0.890625 12.1094 0.984375C12.4219 1.07812 12.7656 1.09375 13.1406 1.03125C13.6406 0.96875 14.0781 1.03125 14.4531 1.21875C14.7969 1.46875 15.0625 1.82812 15.25 2.29688C15.4062 2.60938 15.5938 2.89063 15.8125 3.14062C16.0625 3.35938 16.3594 3.54688 16.7031 3.70312C17.1406 3.89062 17.4844 4.15625 17.7344 4.5C17.9219 4.875 17.9844 5.3125 17.9219 5.8125C17.8906 6.1875 17.9062 6.53125 17.9688 6.84375C18.0625 7.15625 18.2188 7.45312 18.4375 7.73438C18.75 8.14062 18.9219 8.5625 18.9531 9C18.9219 9.4375 18.75 9.85938 18.4375 10.2656C18.25 10.5469 18.1094 10.8438 18.0156 11.1562C17.9219 11.4688 17.9062 11.8125 17.9688 12.1875C18.0312 12.6875 17.9688 13.125 17.7812 13.5C17.5312 13.8438 17.1719 14.1094 16.7031 14.2969C16.3906 14.4531 16.1094 14.6406 15.8594 14.8594C15.6406 15.1094 15.4531 15.3906 15.2969 15.7031C15.1094 16.1719 14.8438 16.5312 14.5 16.7812ZM6.25 9C6.28125 10.0625 6.64062 10.9531 7.32812 11.6719C8.04688 12.3594 8.9375 12.7188 10 12.75C11.0625 12.7188 11.9531 12.3594 12.6719 11.6719C13.3594 10.9531 13.7188 10.0625 13.75 9C13.7188 7.9375 13.3594 7.04687 12.6719 6.32812C11.9531 5.64062 11.0625 5.28125 10 5.25C8.9375 5.28125 8.04688 5.64062 7.32812 6.32812C6.64062 7.04687 6.28125 7.9375 6.25 9ZM1.09375 20.2969L2.59375 16.4531C4.34375 18.1719 6.51562 19.1719 9.10938 19.4531L7.51562 23.2969C7.32812 23.7344 7 23.9688 6.53125 24C6.5 24 6.48438 24 6.48438 24C6.01562 24 5.67188 23.7969 5.45312 23.3906L4.46875 21.4219L2.35938 21.8438C1.92188 21.9062 1.5625 21.7656 1.28125 21.4219C1 21.0781 0.9375 20.7031 1.09375 20.2969ZM17.4062 16.4531L18.9062 20.2969C19.0625 20.7031 19 21.0781 18.7188 21.4219C18.4375 21.7656 18.0781 21.9062 17.6406 21.8438L15.5312 21.4219L14.5469 23.3906C14.3281 23.7969 13.9844 24 13.5156 24C13.4844 24 13.4688 24 13.4688 24C13 23.9688 12.6719 23.7344 12.4844 23.2969L10.8906 19.4531C13.4844 19.1719 15.6562 18.1719 17.4062 16.4531Z");
  clip-path: path("M14.5 16.7812C14.125 16.9688 13.6875 17.0312 13.1875 16.9688C12.8125 16.9375 12.4688 16.9531 12.1562 17.0156C11.8438 17.1094 11.5469 17.2656 11.2656 17.4844C10.8594 17.7969 10.4375 17.9688 10 18C9.5625 17.9688 9.14062 17.7969 8.73438 17.4844C8.45312 17.2656 8.15625 17.1094 7.84375 17.0156C7.53125 16.9219 7.1875 16.9062 6.8125 16.9688C6.3125 17.0312 5.875 16.9688 5.5 16.7812C5.15625 16.5312 4.89062 16.1719 4.70312 15.7031C4.54688 15.3906 4.35938 15.1094 4.14062 14.8594C3.89062 14.6406 3.59375 14.4531 3.25 14.2969C2.8125 14.1094 2.46875 13.8438 2.21875 13.5C2.03125 13.125 1.96875 12.6875 2.03125 12.1875C2.09375 11.8125 2.07812 11.4688 1.98438 11.1562C1.89062 10.8438 1.73438 10.5469 1.51562 10.2656C1.20312 9.85938 1.03125 9.4375 1 9C1.03125 8.5625 1.20312 8.14062 1.51562 7.73438C1.73438 7.45312 1.89062 7.15625 1.98438 6.84375C2.07812 6.53125 2.09375 6.1875 2.03125 5.8125C1.96875 5.3125 2.03125 4.875 2.21875 4.5C2.46875 4.15625 2.82812 3.89062 3.29688 3.70312C3.60938 3.54688 3.89062 3.35938 4.14062 3.14062C4.35938 2.89063 4.54688 2.60938 4.70312 2.29688C4.89062 1.82812 5.15625 1.46875 5.5 1.21875C5.875 1.03125 6.3125 0.96875 6.8125 1.03125C7.1875 1.09375 7.53125 1.07812 7.84375 0.984375C8.15625 0.890625 8.45312 0.734375 8.73438 0.515625C9.14062 0.203125 9.5625 0.03125 10 0C10.4375 0.0625 10.8594 0.25 11.2656 0.5625C11.5469 0.75 11.8281 0.890625 12.1094 0.984375C12.4219 1.07812 12.7656 1.09375 13.1406 1.03125C13.6406 0.96875 14.0781 1.03125 14.4531 1.21875C14.7969 1.46875 15.0625 1.82812 15.25 2.29688C15.4062 2.60938 15.5938 2.89063 15.8125 3.14062C16.0625 3.35938 16.3594 3.54688 16.7031 3.70312C17.1406 3.89062 17.4844 4.15625 17.7344 4.5C17.9219 4.875 17.9844 5.3125 17.9219 5.8125C17.8906 6.1875 17.9062 6.53125 17.9688 6.84375C18.0625 7.15625 18.2188 7.45312 18.4375 7.73438C18.75 8.14062 18.9219 8.5625 18.9531 9C18.9219 9.4375 18.75 9.85938 18.4375 10.2656C18.25 10.5469 18.1094 10.8438 18.0156 11.1562C17.9219 11.4688 17.9062 11.8125 17.9688 12.1875C18.0312 12.6875 17.9688 13.125 17.7812 13.5C17.5312 13.8438 17.1719 14.1094 16.7031 14.2969C16.3906 14.4531 16.1094 14.6406 15.8594 14.8594C15.6406 15.1094 15.4531 15.3906 15.2969 15.7031C15.1094 16.1719 14.8438 16.5312 14.5 16.7812ZM6.25 9C6.28125 10.0625 6.64062 10.9531 7.32812 11.6719C8.04688 12.3594 8.9375 12.7188 10 12.75C11.0625 12.7188 11.9531 12.3594 12.6719 11.6719C13.3594 10.9531 13.7188 10.0625 13.75 9C13.7188 7.9375 13.3594 7.04687 12.6719 6.32812C11.9531 5.64062 11.0625 5.28125 10 5.25C8.9375 5.28125 8.04688 5.64062 7.32812 6.32812C6.64062 7.04687 6.28125 7.9375 6.25 9ZM1.09375 20.2969L2.59375 16.4531C4.34375 18.1719 6.51562 19.1719 9.10938 19.4531L7.51562 23.2969C7.32812 23.7344 7 23.9688 6.53125 24C6.5 24 6.48438 24 6.48438 24C6.01562 24 5.67188 23.7969 5.45312 23.3906L4.46875 21.4219L2.35938 21.8438C1.92188 21.9062 1.5625 21.7656 1.28125 21.4219C1 21.0781 0.9375 20.7031 1.09375 20.2969ZM17.4062 16.4531L18.9062 20.2969C19.0625 20.7031 19 21.0781 18.7188 21.4219C18.4375 21.7656 18.0781 21.9062 17.6406 21.8438L15.5312 21.4219L14.5469 23.3906C14.3281 23.7969 13.9844 24 13.5156 24C13.4844 24 13.4688 24 13.4688 24C13 23.9688 12.6719 23.7344 12.4844 23.2969L10.8906 19.4531C13.4844 19.1719 15.6562 18.1719 17.4062 16.4531Z");
}

.checklist.style1 li:nth-child(2):after {
  background: var(--theme-color4);
}

.checklist.style1 li:nth-child(3):after {
  background: var(--theme-color3);
}

.checklist.style1 li:nth-child(4):after {
  background: var(--theme-color2);
}

.checklist.style1 li:nth-child(5):after {
  background: #FBB040;
}

.checklist.style1 li:nth-child(6):after {
  background: #1F5CC9;
}

.checklist.style1 li:nth-child(7):after {
  background: #8646C6;
}

.checklist.style1 li:nth-child(8):after {
  background: #FF0000;
}

.checklist.style2.list-two-column ul {
  display: grid;
  gap: 30px;
}

.checklist.style2 li {
  background-color: #E0F3D1;
  border-radius: 50px;
  padding: 14px 30px 14px 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--title-color);
  padding-left: 60px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .checklist.style2 li {
    padding: 14px 20px 14px 60px;
  }
}

.checklist.style2 li:before {
  display: none;
}

.checklist.style2 li:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 8C7 7.46875 7.4375 7 8 7H10C10.5312 7 11 7.46875 11 8C11 8.5625 10.5312 9 10 9H8C7.4375 9 7 8.5625 7 8ZM8.34375 6C8.4375 5.78125 8.5 5.53125 8.5 5.25V4H11C11.5312 4 12 4.46875 12 5C12 5.5625 11.5312 6 11 6H8.34375ZM8.5 3V1.25C8.5 1.1875 8.46875 1.09375 8.46875 1H15C15.5312 1 16 1.46875 16 2C16 2.5625 15.5312 3 15 3H8.5ZM10 11C10 11.5625 9.53125 12 9 12H7C6.4375 12 6 11.5625 6 11C6 10.4688 6.4375 10 7 10H9C9.53125 10 10 10.4688 10 11ZM6.3125 9.125C5.5625 9.40625 5 10.1562 5 11C5 11.375 5.09375 11.7188 5.25 12H4.25C1.875 12 0 10.125 0 7.75V5C0 4.09375 0.28125 3.21875 0.8125 2.5L1.625 1.34375C2.25 0.5 3.21875 0 4.25 0H6.25C6.9375 0 7.5 0.5625 7.5 1.25V5.25C7.5 5.96875 6.9375 6.5 6.25 6.5C5.34375 6.5 4.96875 5.6875 4.96875 5.15625V3C5 2.75 4.71875 2.5 4.46875 2.5C4.21875 2.5 4 2.75 4 3V5.25C4 6.4375 4.90625 7.40625 6.0625 7.5C6.03125 7.65625 6 7.84375 6 8C6 8.4375 6.125 8.8125 6.3125 9.125Z' fill='white'/%3E%3C/svg%3E%0A");
  font-family: var(--icon-font);
  position: absolute;
  inset: 8px;
  color: var(--white-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: var(--theme-color4);
  display: block;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
}

.checklist.style2 li:not(:last-child) {
  margin-bottom: 8px;
}

.checklist.style2 li:nth-child(2) {
  background-color: #CFF4FB;
}

.checklist.style2 li:nth-child(2):after {
  background: var(--theme-color3);
}

.checklist.style2 li:nth-child(3) {
  background-color: #F9E8D7;
}

.checklist.style2 li:nth-child(3):after {
  background: var(--theme-color2);
}

.checklist.style2 li:nth-child(4) {
  background-color: #F2D2DB;
}

.checklist.style2 li:nth-child(4):after {
  background: var(--theme-color);
}

.checklist.style3 {
  border-left: 1px solid var(--theme-color);
  padding-left: 40px;
}

.checklist.style3 li {
  position: relative;
  font-family: var(--body-font);
  color: var(--body-color);
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  padding-left: 17px;
}

.checklist.style3 li:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--theme-color);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 0;
  margin-right: 10px;
}

.checklist.style3 li:not(:last-child) {
  margin-bottom: 8px;
}

.checklist.style4 li {
  font-family: var(--body-font);
  color: var(--body-color);
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  padding-left: 27px;
}

.checklist.style4 li:before {
  display: none;
}

.checklist.style4 li:after {
  content: "\f058";
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 0px;
  color: var(--theme-color);
  margin-right: 10px;
}

.checklist.style4 li:not(:last-child) {
  margin-bottom: 14px;
}

.checklist.list-three-columns ul {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  gap: 10px 113px;
  /* Large devices */
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .checklist.list-three-columns ul {
    gap: 10px 40px;
  }
}

@media (max-width: 991px) {
  .checklist.list-three-columns ul {
    grid-template-columns: auto auto;
  }
}

@media (max-width: 767px) {
  .checklist.list-three-columns ul {
    grid-template-columns: auto;
  }
}

.checklist.list-three-columns ul li:not(:last-child) {
  margin-bottom: 0px;
}

.checklist.list-two-column ul {
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 10px 20px;
  /* Small devices */
}

@media (max-width: 767px) {
  .checklist.list-two-column ul {
    grid-template-columns: auto;
  }

  .checklist.list-two-column ul li {
    text-align: initial;
  }
}

@media (max-width: 1399px) {
  .checklist.list-two-column ul li {
    font-size: 16px;
  }
}

.checklist.list-two-column ul li:not(:last-child) {
  margin-bottom: 0;
}

.checklist.list-two-column.why-checklist ul {
  gap: 30px;
}

.checklist.list-two-column.why-checklist ul li {
  margin: 0;
}

.checklist.list-three-column ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0px;
}

@media (max-width: 480px) {
  .checklist.list-three-column ul {
    display: block;
  }
}

.checklist.list-three-column ul li {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  padding-left: 30px;
  margin-bottom: 0;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .checklist.list-three-column ul li {
    font-size: 16px;
    line-height: 26px;
  }
}

.checklist.list-three-column ul li:before {
  content: "\f00c";
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 0px;
  color: var(--theme-color);
  font-size: 18px;
  font-weight: 300;
  margin-right: 10px;
}

.checklist li {
  position: relative;
  color: var(--title-color);
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .checklist li {
    font-size: 16px;
  }
}

.checklist li img {
  margin-right: 10px;
}

.checklist li:not(:last-child) {
  margin-bottom: 25px;
}

.checklist.mb-45 {
  /* Large devices */
}

@media (max-width: 1199px) {
  .checklist.mb-45 {
    margin-bottom: 40px;
  }
}

.check-list ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}

.check-list li {
  margin-bottom: 16px;
}

.check-list li:last-child {
  margin-bottom: 0;
}

.check-list li>i {
  color: var(--theme-color);
  margin-right: 5px;
}

.mega-hover {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.mega-hover:after,
.mega-hover:before {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 1;
  z-index: -1;
}

.mega-hover:before {
  top: 0;
  right: 51%;
  bottom: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.mega-hover:after {
  top: 50%;
  right: 0;
  bottom: 50%;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
}

.mega-hover:hover:before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 900ms linear;
  transition: all 900ms linear;
}

.mega-hover:hover:after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 900ms linear;
  transition: all 900ms linear;
}

.bg-img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}

.bg-img img {
  width: 100%;
  height: 100%;
}

.th-video {
  position: relative;
  border-radius: 10px;
}

.th-video img {
  border-radius: inherit;
}

.th-video .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.rounded-10 {
  border-radius: 10px;
}

.rounded-20 {
  border-radius: 20px;
  /* Small devices */
}

@media (max-width: 767px) {
  .rounded-20 {
    border-radius: 10px;
  }
}

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

.filter-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 60px;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .filter-menu {
    margin-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .filter-menu {
    margin-top: -10px;
    margin-bottom: 45px;
    gap: 6px;
  }
}

.filter-menu .th-btn {
  border-radius: 5px;
  padding: 15px 30px;
  background-color: transparent;
  color: var(--body-color);
  border: 1px solid var(--th-border-color);
  min-width: auto;
  /* Medium devices */
}

.filter-menu .th-btn:before {
  background-color: var(--theme-color);
}

.filter-menu .th-btn:hover,
.filter-menu .th-btn.active {
  border-color: var(--theme-color);
  color: var(--white-color);
}

.filter-menu .th-btn:hover:before,
.filter-menu .th-btn.active:before {
  border-radius: 3px;
}

@media (max-width: 991px) {
  .filter-menu .th-btn {
    padding: 13px 20px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  p.mb-40 {
    margin-bottom: 35px;
  }

  p.mb-45 {
    margin-bottom: 38px;
  }
}

.global-image {
  position: relative;
  overflow: hidden;
  border-radius: 40px;
}

.global-image:before {
  content: '';
  z-index: 1;
  position: absolute;
  background: var(--theme-color);
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleX(0) translateX(0);
  -ms-transform: scaleX(0) translateX(0);
  transform: scaleX(0) translateX(0);
  -webkit-animation: 1s overlay ease-in-out forwards;
  animation: 1s overlay ease-in-out forwards;
}

.global-image img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
  -webkit-animation: 1s 0.5s loaded cubic-bezier(0.49, 0, 0.5, 1) forwards;
  animation: 1s 0.5s loaded cubic-bezier(0.49, 0, 0.5, 1) forwards;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  display: block;
}

@-webkit-keyframes loaded {
  from {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes loaded {
  from {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes overlay {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  55% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

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

@keyframes overlay {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  55% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

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

.call-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.call-btn .btn-title {
  font-size: 18px;
  color: var(--body-color);
  font-weight: 500;
}

.mouse-pointer {
  position: fixed;
  top: 50%;
  left: -100px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 9999;
  -webkit-transition-duration: .9s;
  transition-duration: .9s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 0.94, 0.336, 1);
  transition-timing-function: cubic-bezier(0.19, 0.94, 0.336, 1);
  border-radius: 50%;
  background: var(--theme-color);
  overflow: hidden;
}

.mouse-pointer:before {
  content: "";
  inset: 3px;
  position: absolute;
  background: var(--white-color);
  border-radius: inherit;
  border: 1px solid var(--theme-color);
}

.mouse-pointer .icon {
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  opacity: 0;
  -webkit-transition: 0.4s cubic-bezier(0.225, 1, 0.316, 0.99);
  transition: 0.4s cubic-bezier(0.225, 1, 0.316, 0.99);
}

.mouse-pointer .icon i {
  margin: 0px 3px;
}

/* custom-mouse-pointer */
.mouse-pointer.large {
  display: none;
}

.mouse-pointer.small {
  width: 25px;
  height: 25px;
}

.mouse-pointer.right {
  width: 50px;
  height: 50px;
}

.mouse-pointer.right.large .icon {
  opacity: 0;
}

.mouse-pointer.right.large {
  background: transparent !important;
}

.mouse-pointer.zoom,
.mouse-pointer.open {
  width: 80px;
  height: 80px;
}

.mouse-pointer .icon i {
  margin: 0px 3px;
}

.mouse-pointer.right .icon {
  opacity: 1;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.touch .mouse-pointer {
  display: none;
}

.mouse-pointer.transparent {
  display: none;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* custom-mouse-pointer-end */
.cursor {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--theme-color);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  z-index: 999999;
  -webkit-transform: translate(calc(-50% + 15px), -50%);
  -ms-transform: translate(calc(-50% + 15px), -50%);
  transform: translate(calc(-50% + 15px), -50%);
}

.cursor.hover {
  display: none;
}

.cursor2 {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--theme-color);
  opacity: .3;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 999999;
  -webkit-transition: width .3s, height .3s, opacity .3s;
  transition: width .3s, height .3s, opacity .3s;
}

.cursor2.hover {
  display: none;
}

/*------------------- 4.00. Why -------------------*/
.why-area .th-container {
  --main-container: 1350px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .why-area .th-container {
    --main-container: 100%;
    max-width: 100%;
  }
}

/* appointment 1 start ---------------------------------- */
.appointment-area {
  position: relative;
  padding: 100px;
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

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

@media (max-width: 991px) {
  .appointment-area {
    padding: 80px;
  }
}

@media (max-width: 767px) {
  .appointment-area {
    padding: 80px 40px;
  }
}

@media (max-width: 575px) {
  .appointment-area {
    padding: 80px 20px;
  }
}

.appointment-radio {
  position: relative;
  border-radius: 15px;
  background: #EFF0F4;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .appointment-radio {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1199px) {
  .appointment-radio {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .appointment-radio {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .appointment-radio {
    grid-template-columns: repeat(1, 1fr);
  }
}

.appointment-radio-wrapper {
  margin: 14px 0 40px 0;
}

.appointment-radio-wrapper .sec-title {
  font-size: 16px;
}

.appointment-radio label {
  font-size: 16px;
  color: var(--body-color);
}

.appointment-radio .class-name {
  text-wrap: nowrap;
}

.appointment-radio .class-name:last-child input[type="radio"]~label:after {
  display: none;
}

.appointment-radio input[type="radio"]~label {
  z-index: 2;
  margin-top: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.appointment-radio input[type="radio"]~label::before {
  top: 0px;
  left: 0px;
  border-radius: 0;
  border: none;
  height: 16px;
  width: 16px;
  background-color: transparent;
  border: 1px solid #9DA0A7;
  border-radius: 99px;
  line-height: 1.7;
  z-index: -1;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

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

.appointment-radio input[type="radio"]:checked~label:before {
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}

.loadcontent {
  display: none;
}

.th-loader {
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-align: right;
}

.sec-desc {
  max-width: 470px;
}

/* Feature 1 end ---------------------------------- */
/* Why 1 ---------------------------------- */
.choose-feature {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  max-width: 410px;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .choose-feature {
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .choose-feature {
    display: block;
    max-width: 100%;
    margin: auto;
  }
}

.choose-feature .box-icon {
  position: relative;
  z-index: 2;
  min-width: 80px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .choose-feature .box-icon {
    min-width: 60px;
  }
}

.choose-feature .box-icon:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #E8ECF6;
  border-radius: 999px;
  z-index: -1;
  /* Small devices */
}

@media (max-width: 767px) {
  .choose-feature .box-icon:before {
    top: 15px;
    left: 50%;
  }
}

.choose-feature .box-icon img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-left: 10px;
}

.choose-feature .box-title {
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 700;
}

.choose-feature_text {
  margin-bottom: -0.3rem;
}

.choose-feature:hover .box-icon img {
  -webkit-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.why-checklist {
  border-bottom: 1px solid var(--th-border-color);
  padding-bottom: 40px;
}

.why-checklist ul li {
  position: relative;
  border-radius: 20px;
  border: 1px solid var(--smoke-color2);
  background: var(--white-color);
  padding: 10px;
  font-size: 20px;
  font-family: var(--title-font);
  color: var(--title-color);
  font-weight: 600;
  line-height: 30px;
  min-width: 300px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  margin: 0;
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 991px) {
  .why-checklist ul li {
    min-width: 50%;
  }
}

@media (max-width: 375px) {
  .why-checklist ul li {
    font-size: 16px;
    line-height: 26px;
  }
}

.why-checklist ul li:before,
.why-checklist ul li:after {
  content: "";
  position: absolute;
  width: 84px;
  height: 90px;
  background: var(--theme-color);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.why-checklist ul li:before {
  left: -10px;
  top: -10px;
  -webkit-clip-path: path("M0 0H84L0 90V0Z");
  clip-path: path("M0 0H84L0 90V0Z");
}

.why-checklist ul li:after {
  left: -6px;
  top: 0;
  -webkit-clip-path: path("M0 0H84L0 90V0Z");
  clip-path: path("M0 0H84L0 90V0Z");
  opacity: 0.2;
}

.why-checklist ul li .check-img {
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: var(--white-color);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  z-index: 4;
}

.why-checklist ul li .check-img:before {
  content: "";
  position: absolute;
  inset: 10px;
  background-color: rgba(41, 70, 184, 0.1);
  z-index: 1;
  border-radius: inherit;
}

.video-box1 {
  position: relative;
}

.video-box1 img {
  border-radius: 0 80px 0 80px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .video-box1 img {
    border-radius: 0 40px 0 40px;
  }
}

.video-box1 .play-btn {
  --icon-size: 130px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2);
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 991px) {
  .video-box1 .play-btn {
    --icon-size: 100px;
  }
}

@media (max-width: 767px) {
  .video-box1 .play-btn {
    --icon-size: 80px;
  }
}

@media (max-width: 575px) {
  .video-box1 .play-btn {
    --icon-size: 60px;
  }
}

.appointment-img1 {
  position: relative;
  z-index: 2;
  width: 939.929px;
  height: 612px;
  margin-right: -30%;
  /* Extra large devices */
  /* Large devices */
}

@media (max-width: 1699px) {
  .appointment-img1 {
    margin-right: -20%;
  }
}

@media (max-width: 1500px) {
  .appointment-img1 {
    margin-right: 0;
    width: 850px;
  }
}

@media (max-width: 1199px) {
  .appointment-img1 {
    width: 100%;
    height: 100%;
    margin: 50px 0 0 0;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .choose-feature {
    text-align: center;
    padding: 0px 20px;
  }

  .choose-feature .box-icon {
    position: static;
    margin: 0 auto 20px auto;
    padding-top: 0;
    padding-left: 0;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .choose-feature {
    max-width: 100%;
    width: 100%;
  }

  .choose-feature .box-text {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Feature Box ------------------------------*/
.feature-box {
  background: var(--white-color);
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
  /* Extra small devices */
}

@media (max-width: 575px) {
  .feature-box {
    display: block;
    text-align: center;
  }
}

.feature-box:not(:first-child) {
  margin-top: 30px;
}

.feature-box:nth-child(2) .feature-box_step {
  background-color: var(--theme-color);
}

.feature-box:nth-child(3) .feature-box_step {
  background-color: var(--theme-color);
}

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

.feature-box_step {
  width: 86px;
  height: 100px;
  background-color: #00A1DE;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  /* Extra small devices */
}

@media (max-width: 575px) {
  .feature-box_step {
    display: block;
    margin: auto auto 20px auto;
  }
}

.feature-box_text {
  margin-bottom: 0;
}

.feature-box .box-number {
  font-size: 30px;
  line-height: 30px;
  color: var(--white-color);
  text-align: center;
  font-family: var(--title-font);
  font-weight: 600;
  display: block;
  padding: 15px 0;
  margin-bottom: 0;
}

.feature-box .step {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--body-font);
  display: block;
  text-align: center;
}

.feature-image {
  width: 678.838px;
  height: 669px;
  margin-left: 50px;
  /* Medium Large devices */
  /* Large devices */
}

@media (max-width: 1299px) {
  .feature-image {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 1199px) {
  .feature-image {
    margin: 0;
  }
}

/* Why 2 start---------------------------------- */
.why-content {
  max-width: 594px;
}

.why-content .checklist li {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.why-content .checklist li:before {
  content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.2' width='26' height='26' rx='5' fill='%23A0CE4E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4996 9.56685L9.60117 14.1326L9.60095 17.0845C9.60082 18.708 9.58812 20.2556 9.57267 20.5235C9.55364 20.8537 9.5589 21.0053 9.58906 20.9941C9.61349 20.985 12.699 17.4257 16.4458 13.0845C20.1926 8.74332 23.2977 5.14811 23.3461 5.09519C23.3946 5.04227 23.4261 4.99941 23.4161 5.00001C23.4061 5.00056 20.2937 7.05566 16.4996 9.56685Z' fill='%23A0CE4E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.65376 12.5395L9.6311 14.1338V18.2077C9.63116 19.3671 9.59351 20.4723 9.59976 20.6636C9.60746 20.8994 9.60533 21.0077 9.59313 20.9997C9.58325 20.9932 8.33528 18.4513 6.8199 15.3511C5.3045 12.2509 4.0486 9.68341 4.02902 9.64562C4.00943 9.60783 3.99669 9.57721 4.00074 9.57764C4.00477 9.57804 4.40641 9.8771 7.65376 12.5395Z' fill='%23A0CE4E'/%3E%3C/svg%3E%0A");
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 32px;
  font-weight: 600;
  color: var(--theme-color);
  margin-right: 10px;
}

.why-sec2 {
  /* Large devices */
}

@media (max-width: 1199px) {
  .why-sec2 {
    background-position: left center;
  }
}

.why-sec3 {
  background-position: top center;
  /* Large devices */
}

@media (max-width: 1199px) {
  .why-sec3 {
    background-position: right center;
  }
}

/* Why 2 end ---------------------------------- */
.history-item {
  background-color: var(--white-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* Extra small devices */
  /* Small devices */
}

@media (max-width: 375px) {
  .history-item {
    display: block;
  }
}

.history-item-right {
  max-width: 596px;
  display: block;
  margin-left: auto;
  /* Large devices */
}

@media (max-width: 1199px) {
  .history-item-right {
    max-width: 100%;
    margin-left: 0;
  }
}

.history-item-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 21px;
  /* Small devices */
}

@media (max-width: 767px) {
  .history-item-wrap {
    display: block;
  }
}

.history-item-wrap:not(:last-child) {
  margin-bottom: 30px;
}

.history-item-img {
  min-width: 140px;
}

.history-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.history-item .box-title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
}

.history-item-text {
  line-height: 26px;
  margin-bottom: -0.3rem;
}

.history-item-details {
  padding: 30px;
}

@media (max-width: 480px) {
  .history-item-details {
    padding: 30px 30px 30px 20px;
  }
}

.history-item-date {
  background: var(--white-color);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: var(--theme-color);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--title-font);
  padding: 25px;
  margin-right: 20px;
  position: relative;
  max-width: 142px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.05));
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.05));
  /* Small devices */
}

@media (max-width: 767px) {
  .history-item-date {
    max-width: none;
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.history-item-date:after {
  content: '';
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  border-left: solid 20px var(--white-color);
  border-bottom: solid 17px transparent;
  border-top: solid 17px transparent;
  /* Small devices */
}

@media (max-width: 767px) {
  .history-item-date:after {
    bottom: -20px;
    top: auto;
    right: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    border-top: solid 20px var(--white-color);
    border-left: solid 17px transparent;
    border-right: solid 17px transparent;
    border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .history-item .history-wrap-date {
    max-width: none;
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .history-item .history-wrap-date:after {
    bottom: -20px;
    top: auto;
    right: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    border-top: solid 20px var(--white-color);
    border-left: solid 17px transparent;
    border-right: solid 17px transparent;
    border-bottom: 0;
  }
}

.choose-content .sec-title {
  font-weight: 500;
  letter-spacing: normal;
}

.choose-content .box-text {
  font-size: 14px;
}

.choose-content .checklist {
  margin-bottom: 35px;
}

.choose-content .checklist li {
  color: var(--body-color);
  font-size: 14px;
  line-height: 16px;
}

.choose-content .checklist li:after {
  color: var(--body-color);
}

.why-content-area {
  background-color: var(--white-color);
  padding: 60px;
  box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.06);
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 1299px) {
  .why-content-area {
    padding: 40px;
  }
}

@media (max-width: 991px) {
  .why-content-area {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .why-content-area {
    padding: 30px 10px;
  }
}

.why-item {
  position: relative;
  background-color: var(--white-color);
  padding: 30px;
  border: 1.3px solid #E4E4E4;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .why-item {
    padding: 25px;
  }
}

.why-item_icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border: 1.3px solid var(--theme-color);
  background-color: var(--white-color);
  border-radius: 50%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.why-item_icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.why-item_text {
  line-height: 26px;
  margin-bottom: -0.4rem;
}

.why-item .box-title {
  font-weight: 600;
  line-height: 34px;
  margin: 23px 0 13px 0;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .why-item .box-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.why-item .icon-btn {
  border-radius: 99px;
  background-color: var(--white-color);
  border: 1px solid var(--th-border-color);
  color: var(--title-color);
  position: relative;
  z-index: 3;
  display: block;
  text-align: center;
  margin: auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

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

.why-item:hover .why-item_img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.why-item:hover .why-item_icon {
  border: 1px solid var(--theme-color);
}

.why-item:hover .why-item_icon:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.why-item:hover .why-item_icon img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.why-item_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .why-item_wrapper {
    gap: 20px;
  }
}

@media (max-width: 480px) {
  .why-item_wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.why-img1 {
  position: relative;
  margin-left: 55px;
}

@media (max-width: 480px) {
  .why-img1 {
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  .why-img1 .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.why-img1 .img2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

@media (max-width: 480px) {
  .why-img1 .img2 {
    display: none;
  }
}

.why-img1 .img2:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 275px;
  height: 336px;
  background-color: var(--white-color);
  z-index: -1;
}

.why-img1 .img3 {
  position: relative;
  margin: -48px 0 0 50px;
}

@media (max-width: 480px) {
  .why-img1 .img3 {
    display: none;
  }
}

.why-img1 .img3:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: 318px;
  height: 416px;
  background-color: var(--white-color);
}

.why-img1 .img3 img {
  -webkit-clip-path: polygon(0 0, 58% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 58% 0, 100% 100%, 0% 100%);
}

.feature-wrapper.style3 {
  margin-bottom: 60px;
}

.feature-wrapper.style3 .feature-icon {
  width: 75px;
  height: 75px;
  line-height: 75px;
  background-color: #1E2127;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.feature-wrapper.style3 .feature-icon:hover {
  background-color: var(--theme-color);
}

.feature-wrapper.style3 .header-info_label {
  font-size: 16px;
  font-family: var(--body-font);
  color: var(--body-color);
  font-weight: 500;
  letter-spacing: -0.32px;
}

.feature-wrapper.style3 .header-info_link {
  font-family: var(--body-font);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.48px;
}

/* event card start -------------------------------*/
.event-card {
  position: relative;
  padding: 30px;
  margin-top: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  background-color: #FEEDEA;
  border-radius: 50px 80px 50px 180px;
  z-index: 2;
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1399px) {
  .event-card {
    gap: 15px;
  }
}

@media (max-width: 1199px) {
  .event-card {
    display: block;
    text-align: center;
    border-radius: 50px 80px 50px 120px;
  }
}

@media (max-width: 991px) {
  .event-card {
    border-radius: 50px 80px;
  }
}

@media (max-width: 375px) {
  .event-card {
    padding: 30px 18px;
  }
}

.event-card_wrapp:nth-child(2) .event-card {
  background-color: #F1F9EA;
}

.event-card_wrapp:nth-child(2) .th-btn {
  background-color: var(--theme-color4);
}

.event-card_wrapp:nth-child(3) .event-card {
  background-color: #F0F8FA;
}

.event-card_wrapp:nth-child(3) .th-btn {
  background-color: var(--theme-color3);
}

.event-card_wrapp:nth-child(4) .event-card {
  background-color: #FFF6E8;
}

.event-card_wrapp:nth-child(4) .th-btn {
  background-color: var(--theme-color2);
}

.event-card_wrapp:nth-child(5) .event-card {
  background-color: #E7E5F6;
}

.event-card_wrapp:nth-child(5) .th-btn {
  background-color: #6416E3;
}

.event-card_wrapp:nth-child(6) .event-card {
  background-color: #E8F4FF;
}

.event-card_wrapp:nth-child(6) .th-btn {
  background-color: #2184F9;
}

.event-card_img {
  margin-top: -70px;
  min-width: 250px;
  /* Medium Large devices */
  /* Large devices */
}

@media (max-width: 1299px) {
  .event-card_img {
    min-width: 180px;
  }
}

@media (max-width: 1199px) {
  .event-card_img {
    margin-bottom: 30px;
  }
}

.event-card_img img {
  -webkit-animation: morph2 10s ease-in-out infinite;
  animation: morph2 10s ease-in-out infinite;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.event-card .box-title {
  margin-bottom: 10px;
}

.event-card .th-btn {
  padding: 18.5px 22px;
  font-weight: 400;
  font-size: 14px;
}

@media (max-width: 1399px) {
  .event-card .th-btn {
    padding: 18px 20px;
  }
}

.event-card .th-btn:not(:last-child) {
  margin-right: 15px;
  /* Extra small devices */
  /* Extra small devices */
}

@media (max-width: 375px) {
  .event-card .th-btn:not(:last-child) {
    margin-right: 10px;
  }
}

@media (max-width: 375px) {
  .event-card .th-btn:not(:last-child) {
    margin-right: 0;
  }
}

.event-card .th-btn i {
  margin-right: 8px;
}

/* event card end -------------------------------*/
/* event info start ---------------------------------*/
.event-info {
  background-color: var(--white-color);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  border-radius: 60px;
  padding: 40px;
}

/* event info end ---------------------------------*/
/*------------------- 4.00. Marquee -------------------*/
.marquee-wrapper .marquee {
  position: relative;
  --duration: 120s;
  --gap: 0px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: var(--gap);
}

.marquee-wrapper .marquee:first-child {
  --duration: 100s;
}

.marquee-wrapper .marquee:last-child {
  --duration: 80s;
}

.marquee-wrapper .marquee.marquee--reverse .marquee-group {
  animation-direction: reverse;
}

.marquee-wrapper .marquee .marquee-group {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: scroll var(--duration) linear infinite;
  animation: scroll var(--duration) linear infinite;
}

.marquee-wrapper .marquee .marquee-group .text {
  font-family: var(--title-font);
  font-weight: 700;
  font-size: 74px;
  line-height: 56px;
  text-transform: uppercase;
  color: var(--theme-color);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #888C97;
}

.marquee-wrapper .marquee .marquee-group .text img {
  margin: 0 20px 20px 20px;
}

/*------------------- 4.00. Course -------------------*/
/*-------------------Course Start  -------------------*/
.course-area {
  padding: 155px 0 130px 0;
  /* Medium devices */
}

@media (max-width: 991px) {
  .course-area {
    padding: 115px 0 90px 0;
  }
}

.course-area .slider-arrow {
  background-color: var(--white-color);
  color: var(--theme-color);
}

.course-area .slider-arrow:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}

.course-slider {
  margin: 0 60px !important;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .course-slider {
    margin: 0 !important;
  }
}

.course-card {
  position: relative;
  z-index: 2;
  --space: 50px;
  border-radius: 40px;
  overflow: hidden;
  /* Extra large devices */
  /* Medium Large devices */
}

@media (max-width: 1500px) {
  .course-card {
    --space: 35px;
  }
}

@media (max-width: 1299px) {
  .course-card {
    --space: 25px;
  }
}

.course-card_overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.course-card_img {
  position: relative;
  z-index: 2;
  border-radius: 40px;
  width: 100%;
}

.course-card_img img {
  width: 100%;
  border-radius: 40px;
}

.course-card_img:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 40px;
  opacity: 0.75;
  background: -webkit-linear-gradient(top, rgba(10, 10, 13, 0) 0%, #0E0E17 68.29%);
  background: linear-gradient(180deg, rgba(10, 10, 13, 0) 0%, #0E0E17 68.29%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 3;
}

.course-card_content {
  content: "";
  position: absolute;
  left: var(--space);
  bottom: var(--space);
  max-width: 462px;
  width: calc(100% - var(--space));
  z-index: 4;
  /* Large devices */
}

@media (max-width: 1399px) {
  .course-card_content {
    max-width: 330px;
  }
}

@media (max-width: 1199px) {
  .course-card_content {
    max-width: 400px;
  }
}

.course-card .box-title {
  font-size: 30px;
  color: var(--white-color);
  line-height: 38px;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  /* Extra large devices */
  /* Medium Large devices */
}

@media (max-width: 1500px) {
  .course-card .box-title {
    font-size: 24px;
    line-height: 34px;
  }
}

@media (max-width: 1299px) {
  .course-card .box-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.course-card .line-btn {
  font-size: 18px;
  font-weight: 400;
  color: var(--white-color);
}

.course-card .line-btn:before {
  background-color: var(--white-color);
}

.course-card:hover .course-card_overlay {
  opacity: 1;
  visibility: visible;
}

.course-card:hover .course-card_img {
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}

.course-card:hover .course-card_img:before {
  opacity: 0.6;
  background: -webkit-linear-gradient(top, rgba(10, 10, 13, 0) 0%, #0E0E17 68.29%);
  background: linear-gradient(180deg, rgba(10, 10, 13, 0) 0%, #0E0E17 68.29%);
}

/* Extra small devices */
@media (max-width: 575px) {
  .course-card {
    --space: 20px;
    border-radius: 20px;
  }

  .course-card_content {
    padding-right: 20px;
  }

  .course-card_img {
    border-radius: 20px;
  }

  .course-card_img:before {
    border-radius: 20px;
  }

  .course-card_img img {
    border-radius: 20px;
  }

  .course-card .box-title {
    font-size: 18px;
    line-height: 26px;
  }
}

/*-------------------Course end  -------------------*/
/* ------------------Job Post --------------------*/
.job-post {
  border-radius: 10px;
  background: var(--white-color);
  padding: 10px;
  box-shadow: 0px 10px 65px 0px rgba(0, 0, 0, 0.09);
}

.job-post.style2 {
  background: var(--smoke-color2);
  box-shadow: none;
  margin-bottom: 60px;
}

.job-post.style2 .job-wrapper {
  padding: 0px 20px 10px 20px;
}

.job-post.style2 .job-post_author {
  border: 0;
  padding: 0;
  margin: 0;
}

.job-post.style2 .job-post_date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  /* Small devices */
}

@media (max-width: 767px) {
  .job-post.style2 .job-post_date {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
  }
}

.job-post.style2 .th-btn {
  padding: 11px 22px;
}

.job-post.style2 .job-wrapper {
  /* Small devices */
}

@media (max-width: 767px) {
  .job-post.style2 .job-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.job-post_date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.job-post_date .date {
  background-color: var(--white-color);
  padding: 12px 20px;
  border-radius: 100px;
  font-size: 14px;
  line-height: 14px;
  color: var(--title-color);
  font-weight: 500;
  letter-spacing: -0.28px;
}

.job-post_date i {
  background-color: var(--white-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100px;
  color: #D0D7DF;
  border: 1px solid #DFE2E9;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.job-post_date i:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.job-post_author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #E2E5EC;
  border-radius: 5px;
  padding-bottom: 30px;
  margin-bottom: 10px;
}

@media (max-width: 400px) {
  .job-post_author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.job-post_author .job-author {
  min-width: 80px;
}

.job-post_author .job-author img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.job-post .company-name {
  font-family: var(--title-font);
  font-size: 16px;
  color: var(--theme-color);
  font-weight: 600;
  display: block;
}

.job-post .job-title {
  font-size: 22px;
  font-family: var(--title-font);
  font-weight: 600;
  color: var(--title-color);
  display: block;
}

.job-post .location {
  font-size: 14px;
  font-weight: 400;
}

.job-post .job-content {
  padding: 20px;
  border-radius: 10px;
  background: var(--smoke-color2);
  /* Extra small devices */
}

.job-post .job-content_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #E2E5EC;
  padding-bottom: 22px;
  margin-bottom: 12px;
  /* Small devices */
}

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

@media (max-width: 575px) {
  .job-post .job-content {
    padding: 15px;
  }
}

.job-post .job-category a {
  background-color: var(--white-color);
  padding: 7px 18px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  color: var(--title-color);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .job-post .job-category a {
    font-size: 12px;
  }
}

@media (max-width: 400px) {
  .job-post .job-category a {
    font-size: 10px;
    padding: 7px 10px;
  }
}

.job-post .job-category a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.job-post .job-category_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #E2E5EC;
  padding-bottom: 12px;
  /* Small devices */
}

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

.job-post .job-category_wrapper .star {
  font-size: 12px;
  /* Small devices */
}

@media (max-width: 767px) {
  .job-post .job-category_wrapper .star {
    margin: 20px 0 0 0;
  }
}

.job-post .job-category_wrapper .star i {
  color: #E5E5E5;
}

.job-post .job-category_wrapper .star i:not(:last-child) {
  color: #FFB321;
}

.job-post .job-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 20px 10px 20px;
}

@media (max-width: 400px) {
  .job-post .job-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
  }
}

.job-post .job-wrapper .price {
  color: var(--title-color);
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 400px) {
  .job-post .job-wrapper .price {
    margin-bottom: 10px;
  }
}

.job-post .job-wrapper .th-btn {
  padding: 10px 15px;
}

.career-btn .th-btn {
  padding: 19.5px 42.5px;
}

.job-responsibilities .checklist li {
  color: var(--body-color);
}

.job-responsibilities .checklist li:before {
  background-color: var(--body-color);
}

.job-skill .checklist li {
  color: var(--body-color);
}

.job-skill .checklist li:before {
  background-color: var(--body-color);
}

.career-btn {
  border-top: 1px solid #E1E1E1;
  padding-top: 30px;
  margin-top: 60px;
}

/*------------------- 4.00. Faq -------------------*/
/* Faq 1 ---------------------------------- */
.accordion-card {
  background-color: var(--white-color);
  box-shadow: 0px 7px 15px rgba(46, 46, 46, 0.2);
  border-radius: 16px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  overflow: hidden;
}

.accordion-card {
  margin-bottom: 24px;
}

.accordion-card .accordion-button {
  font-size: 24px;
  font-weight: 600;
  font-family: var(--title-font);
  border: 0;
  color: var(--title-color);
  border-radius: 10px;
  background-color: var(--white-color);
  padding: 12px 24px 12px 24px;
  min-height: 78px;
  gap: 10px;
  margin-bottom: 0;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .accordion-card .accordion-button {
    font-size: 18px;
  }
}

.accordion-card .accordion-button:after {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  border-radius: 8px;
  background-color: var(--theme-color);
  content: "\2b";
  inset: 0px;
  font-family: var(--icon-font);
  font-weight: 400;
  font-size: 16px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  color: var(--white-color);
  background-image: none;
  padding: 0;
  -webkit-clip-path: none;
  clip-path: none;
}

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

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

.accordion-card .accordion-button:not(.collapsed):after {
  content: "\f068";
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  color: var(--white-color);
}

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

.accordion-card .accordion-body {
  border-radius: 0 0 10px 10px;
  background-color: var(--white-color);
  border: none;
  padding: 0px 30px 30px 24px;
}

.accordion-card .faq-text {
  max-width: 500px;
  margin-bottom: -0.48em;
}

.accordion-card .faq-img {
  height: 100%;
}

.accordion-card .faq-img img {
  height: 100%;
  object-fit: cover;
}

.accordion-card.style2 {
  border-radius: 40px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .accordion-card.style2 {
    border-radius: 20px;
  }
}

.accordion-card.style2 .accordion-button:after {
  border-radius: 50%;
}

.accordion-card.style2 .accordion-button:not(.collapsed):after {
  background-color: var(--theme-color3);
}

.faq-img1 {
  margin-right: -20%;
  min-width: 740px;
  /* Large devices */
}

@media (max-width: 1399px) {
  .faq-img1 {
    min-width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 1199px) {
  .faq-img1 {
    margin-top: 50px;
  }
}

/*------------------- 4.00. Service -------------------*/
/* Service card start ---------------------------------- */
.service-card {
  position: relative;
  padding: 40px;
  z-index: 4;
  margin: 5px;
  -webkit-filter: drop-shadow(0px 8px 7px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(0px 8px 7px rgba(0, 0, 0, 0.08));
  /* Medium Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .service-card {
    margin: 0;
  }
}

@media (max-width: 991px) {
  .service-card {
    padding: 30px;
  }
}

@media (max-width: 375px) {
  .service-card {
    padding: 20px;
  }
}

.service-card:before {
  content: "";
  inset: 0;
  position: absolute;
  -webkit-mask-image: url(../img/shape/ser-shape.png);
  mask-image: url(../img/shape/ser-shape.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: var(--white-color);
  z-index: -2;
}

.service-card_img {
  margin-bottom: 40px;
}

.service-card_img:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  z-index: 2;
}

.service-card_img img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03);
  transition: -webkit-transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03);
  transition: transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03);
  transition: transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03), -webkit-transform 0.45s cubic-bezier(0.4, 0.87, 0.56, 1.03);
  -webkit-transform-origin: 30% 60%;
  -ms-transform-origin: 30% 60%;
  transform-origin: 30% 60%;
}

.service-card_text {
  margin-bottom: 20px;
}

.service-card .box-title {
  margin-bottom: 0px;
}

.service-card .service-tag {
  font-family: var(--title-font);
  color: var(--theme-color);
  font-weight: 500;
  margin-bottom: 15px;
}

.service-card .service-meta {
  font-family: var(--title-font);
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: var(--white-color);
  display: block;
}

.service-card .service-meta .tag {
  font-size: 14px;
  display: block;
}

.service-card .service-meta_wrapp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  background-color: var(--title-color);
  border-radius: 23px;
  padding: 10px 0 10px 15px;
}

.service-card .service-meta_content {
  position: relative;
}

.service-card .service-meta_content .icon-btn {
  position: absolute;
  top: 0px;
  right: -20px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .service-card .service-meta_content .icon-btn {
    top: 8px;
    right: 10px;
  }
}

.service-card .icon-btn {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.service-card .icon-btn:hover {
  background-color: var(--theme-color4);
}

.service-card .divider {
  background: rgba(255, 255, 255, 0.2);
  width: 1px;
  height: 30px;
  /* Medium devices */
}

.service-card .divider:last-of-type {
  display: none;
}

@media (max-width: 991px) {
  .service-card .divider {
    display: none;
  }
}

.service-card:hover .service-card_img img {
  -webkit-transform: scale(1.04) rotate(5deg);
  -ms-transform: scale(1.04) rotate(5deg);
  transform: scale(1.04) rotate(5deg);
}

.service-card:hover .service-card_img:before {
  -webkit-animation: shine 1.9s;
  animation: shine 1.9s;
}

/* Service card end -----------------------------------*/
/* Service box start -------------------------------------*/
.service-area3 {
  position: relative;
  padding: 155px 0 155px 0;
  overflow: hidden;
  /* Large devices */
}

@media (max-width: 1199px) {
  .service-area3 {
    margin-bottom: -50px;
  }
}

.service-area3 .shape-bottom {
  bottom: -22px;
}

.service-box {
  position: relative;
  padding: 50px 50px;
  text-align: center;
  z-index: 2;
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 1299px) {
  .service-box {
    padding: 50px 30px;
  }
}

@media (max-width: 991px) {
  .service-box {
    padding: 30px 20px 40px 20px;
  }
}

@media (max-width: 767px) {
  .service-box {
    padding: 40px 30px;
  }
}

.service-box .service-shape {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("../img/shape/ser_bg_shape.png");
  mask-image: url("../img/shape/ser_bg_shape.png");
  background-color: #F6D0DB;
  z-index: -1;
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 767px) {
  .service-box .service-shape {
    -webkit-mask-size: contain;
    mask-size: contain;
  }
}

@media (max-width: 375px) {
  .service-box .service-shape {
    -webkit-mask-size: cover;
    mask-size: cover;
  }
}

.service-box .service-shape:after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 767px) {
  .service-box .service-shape:after {
    -webkit-mask-size: contain;
    mask-size: contain;
  }
}

@media (max-width: 375px) {
  .service-box .service-shape:after {
    -webkit-mask-size: cover;
    mask-size: cover;
  }
}

.service-box .service-shape:after {
  inset: 25px;
  top: 150px;
  -webkit-mask-image: url("../img/shape/ser_bg_shape2.png");
  mask-image: url("../img/shape/ser_bg_shape2.png");
  background-color: var(--white-color);
  z-index: -1;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 1299px) {
  .service-box .service-shape:after {
    inset: 24px;
    top: 130px;
  }
}

@media (max-width: 1199px) {
  .service-box .service-shape:after {
    inset: 25px;
    top: 160px;
  }
}

@media (max-width: 991px) {
  .service-box .service-shape:after {
    inset: 14px;
    top: 136px;
  }
}

@media (max-width: 767px) {
  .service-box .service-shape:after {
    inset: 20px;
    top: 140px;
  }
}

@media (max-width: 320px) {
  .service-box .service-shape:after {
    inset: 20px;
    top: 120px;
  }
}

.service-box_img {
  position: relative;
  z-index: 3;
  max-width: 171px;
  display: block;
  overflow: hidden;
  margin: 13px auto 20px auto;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1299px) {
  .service-box_img {
    max-width: 150px;
    margin-top: 18px;
  }
}

@media (max-width: 1199px) {
  .service-box_img {
    max-width: 171px;
  }
}

@media (max-width: 991px) {
  .service-box_img {
    max-width: 150px;
    margin-top: 35px;
  }
}

.service-box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.service-box_number {
  font-family: var(--title-font);
  font-weight: 800;
  font-size: 36px;
  line-height: 46px;
  color: var(--theme-color);
  margin-bottom: 15px;
  display: block;
}

.service-box .box-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 10px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .service-box .box-title {
    font-size: 24px;
  }
}

.service-box_text {
  max-width: 310px;
  display: block;
  margin: auto auto 20px auto;
}

.service-box .th-btn {
  font-size: 14px;
  padding: 16px 23px;
}

/* Service box end -------------------------------------*/
/* */
.service-area5 {
  position: relative;
  margin-top: -50px;
  z-index: 1;
  padding: 155px 0 460px 0;
  background-color: var(--smoke-color);
  margin-bottom: -140px;
  overflow: hidden;
  /* Extra small devices */
  /* Extra small devices */
}

@media (max-width: 575px) {
  .service-area5 {
    padding-bottom: 300px;
  }
}

@media (max-width: 375px) {
  .service-area5 {
    padding-bottom: 250px;
  }
}

.service-area5 .service-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 350px;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-size: auto;
  background-repeat: repeat-x;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  background-position: top center;
  background-color: var(--white-color);
  z-index: 5;
}

/* Service Details ---------------------------------- */
.service-area4 {
  position: relative;
  margin-top: -50px;
  padding: 150px 0 120px 0;
  z-index: 1;
  /* Medium devices */
}

@media (max-width: 991px) {
  .service-area4 {
    padding: 150px 0 80px 0;
  }
}

.page-title {
  margin-bottom: 20px;
}

.page-img {
  width: 100%;
  border-radius: 60px;
  margin-bottom: 40px;
  overflow: hidden;
  /* Large devices */
}

@media (max-width: 1199px) {
  .page-img {
    border-radius: 30px;
  }
}

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

.page-single {
  margin-bottom: 30px;
  margin-right: 15px;
}

.checklist.list-three-column ul {
  gap: 50px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .checklist.list-three-column ul {
    display: block;
  }
}

.checklist.list-three-column ul li {
  padding-left: 75px;
}

@media (max-width: 320px) {
  .checklist.list-three-column ul li {
    padding-left: 60px;
  }
}

.checklist.list-three-column ul li:after {
  inset: 19px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .checklist.list-three-column ul li:after {
    inset: 8px;
  }
}

.service-process {
  background-color: var(--white-color);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 9px 37px 0px rgba(0, 0, 0, 0.07);
  border-radius: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.service-process-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 30px;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .service-process-wrap {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .service-process-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.service-process_img {
  margin-bottom: 8px;
}

.service-process_title {
  font-family: var(--body-font);
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 14px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .service-process_title {
    font-size: 20px;
    line-height: 30px;
  }
}

.service-process_text {
  line-height: 26px;
  margin-bottom: -0.3rem;
}

/* Service accordion end ---------------------------------- */
/*------------------- 4.00. Process -------------------*/
/* Process Card ---------------------------------- */
.process-sec {
  background-repeat: repeat;
  background-size: auto;
}

.process-area {
  background-size: auto;
  background-repeat: repeat;
  padding: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  /* Large devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .process-area {
    display: block;
  }
}

@media (max-width: 575px) {
  .process-area {
    padding: 30px;
  }
}

.process-content {
  background-color: var(--title-color);
  padding: 40px;
  max-width: 360px;
  /* Large devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .process-content {
    max-width: 100%;
    margin-bottom: 50px;
  }
}

@media (max-width: 575px) {
  .process-content {
    padding: 30px;
  }
}

.process-content .sub-title {
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.process-content .sec-text {
  color: #888C97;
  margin-bottom: 35px;
}

/* Process box  start ---------------------------------- */
.process-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .process-box {
    display: block;
    text-align: center;
  }
}

.process-box_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 73px 20px;
  /* Medium Large devices */
  /* Medium devices */
}

@media (max-width: 1299px) {
  .process-box_wrap {
    gap: 50px 20px;
  }
}

@media (max-width: 991px) {
  .process-box_wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.process-box_icon {
  position: relative;
  min-width: 100px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: var(--white-color);
  border-radius: 50%;
  text-align: center;
  -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.04));
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.04));
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Small devices */
}

@media (max-width: 767px) {
  .process-box_icon {
    margin: auto auto 25px auto;
    display: block;
  }
}

.process-box_icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

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

.process-box_text {
  line-height: 26px;
  margin-bottom: -0.3rem;
}

.process-box .box-number {
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: -0.4rem;
  margin-bottom: 8px;
}

.process-box:hover .process-box_icon img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/* Medium devices */
@media (max-width: 991px) {
  .process-box-wrap:nth-child(even):after {
    display: none;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .process-box-wrap {
    margin-bottom: 40px;
  }

  .process-box-wrap:after {
    display: none;
  }

  .process-box-wrap:nth-child(even) {
    margin-top: 0;
  }

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

/* Process box  end ---------------------------------- */
/* Process item  start ---------------------------------- */
.process-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  min-width: 350px;
  /* Extra small devices */
  /* Extra small devices */
}

@media (max-width: 575px) {
  .process-item {
    min-width: 100%;
  }
}

@media (max-width: 375px) {
  .process-item {
    display: block;
    text-align: center;
  }
}

.process-item-wrap:nth-child(even) {
  margin-top: 165px;
  /* Small devices */
}

@media (max-width: 767px) {
  .process-item-wrap:nth-child(even) {
    margin-top: 30px;
  }
}

.process-item-wrap:nth-child(3) {
  margin-left: -50px;
  /* Small devices */
}

@media (max-width: 767px) {
  .process-item-wrap:nth-child(3) {
    margin: 30px 0 0 0;
  }
}

.process-item-wrap:nth-child(4) {
  margin-left: -50px;
  /* Small devices */
}

@media (max-width: 767px) {
  .process-item-wrap:nth-child(4) {
    margin: 30px 0 0 0;
  }
}

.process-item_icon {
  position: relative;
  min-width: 100px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: var(--white-color);
  border-radius: 50%;
  text-align: center;
  -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.04));
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.04));
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Small devices */
}

@media (max-width: 767px) {
  .process-item_icon {
    margin: auto auto 25px auto;
    display: block;
  }
}

.process-item_icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.process-item .box-number {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}

.process-item .box-title {
  margin-bottom: 8px;
}

.process-item_text {
  line-height: 26px;
  margin-bottom: -0.3rem;
}

.process-item:hover .process-item_icon img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.step-wrap {
  position: relative;
}

.step-wrap .process-line {
  position: absolute;
  top: 45%;
  left: 0%;
  -webkit-transform: translate(calc(-50% + 887px), calc(-50% + 25px));
  -ms-transform: translate(calc(-50% + 887px), calc(-50% + 25px));
  transform: translate(calc(-50% + 887px), calc(-50% + 25px));
  margin: 0 -400px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .step-wrap .process-line {
    display: none;
  }
}

/* Process item  end ---------------------------------- */
.process-card-area {
  position: relative;
  max-width: 1350px;
  display: block;
  margin: auto;
  padding: 0 60px;
  z-index: 2;
  /* Medium Large devices */
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1299px) {
  .process-card-area {
    padding: 0 10px;
  }
}

@media (max-width: 1199px) {
  .process-card-area {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .process-card-area {
    padding: 30px 0px 0 0;
  }
}

.process-card-area:before {
  content: "";
  position: absolute;
  inset: 0;
  top: 60px;
  height: 265px;
  background-color: var(--title-color);
  z-index: -1;
  /* Small devices */
}

@media (max-width: 767px) {
  .process-card-area:before {
    top: 0;
  }
}

.process-card {
  position: relative;
  background-color: var(--white-color);
  padding: 30px;
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  z-index: 2;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .process-card {
    padding: 25px;
  }
}

.process-card:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: var(--theme-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}

.process-card_subtitle {
  font-family: var(--title-font);
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  display: block;
  text-transform: uppercase;
}

.process-card_icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(159, 206, 78, 0.1);
  margin-bottom: 20px;
}

.process-card_icon img {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.process-card .box-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 10px;
}

.process-card_text {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: -0.3rem;
}

.process-card:hover:before {
  height: 100%;
}

.process-card:hover .process-card_subtitle {
  color: var(--white-color);
}

.process-card:hover .process-card_icon {
  background-color: rgba(255, 255, 255, 0.7);
}

.process-card:hover .process-card_icon img {
  -webkit-filter: brightness(0);
  filter: brightness(0);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.process-card:hover .process-card_text {
  color: var(--white-color);
}

.process-card:hover .box-title {
  color: var(--white-color);
}

/*------------------- 4.00. Project -------------------*/
.project-area {
  padding: 470px 0 120px 0 !important;
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 991px) {
  .project-area {
    padding: 420px 0 80px !important;
  }
}

@media (max-width: 767px) {
  .project-area {
    padding: 425px 0 80px !important;
  }
}

.project-area .th-container {
  --main-container: 1540px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .project-area .th-container {
    max-width: 100%;
  }
}

.project-area4 .th-container {
  --main-container: 1720px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .project-area4 .th-container {
    max-width: 100%;
  }
}

.project-slider {
  position: relative;
  /* Extra large devices */
  /* Small devices */
}

.project-slider .slider-pagination {
  position: relative;
}

.project-slider .slider-pagination:after,
.project-slider .slider-pagination:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 490px;
  height: 1px;
  background-color: #E4E4E4;
}

.project-slider .slider-pagination:before {
  margin-left: -32rem;
}

.project-slider .slider-pagination:after {
  margin-left: 1.5rem;
}

.project-slider .swiper-slide {
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}

.project-slider .swiper-slide .project-img {
  height: 440px;
  overflow: hidden;
}

.project-slider .swiper-slide .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-slider .swiper-slide-active {
  width: calc(576px + 24px) !important;
  /* Extra small devices */
}

.project-slider .swiper-slide-active .project-card {
  width: 100%;
}

.project-slider .swiper-slide-active .project-card .project-content {
  bottom: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
}

.project-slider .swiper-slide-active .project-card .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 480px) {
  .project-slider .swiper-slide-active {
    width: 440px !important;
  }
}

@media (max-width: 375px) {
  .project-slider .swiper-slide-active {
    width: 413px !important;
  }
}

@media (max-width: 320px) {
  .project-slider .swiper-slide-active {
    width: 308px !important;
  }
}

@media (max-width: 1700px) {
  .project-slider {
    margin-left: 150px;
  }
}

@media (max-width: 1500px) {
  .project-slider {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  .project-slider .slick-list {
    margin-left: -6px;
  }
}

.project-slider4 {
  position: relative;
}

.project-slider4 .slider-pagination {
  position: relative;
  left: 50%;
  bottom: -20px !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  max-width: none;
  display: inline-block;
}

.project-slider4 .slider-pagination:after {
  content: '06';
  position: absolute;
  right: -35px;
  top: 3px;
  font-size: 18px;
  font-weight: 600;
  color: var(--title-color);
}

.project-slider4 .slider-pagination:before {
  content: "/";
  position: absolute;
  left: 0;
  top: 3px;
}

.project-slider4 .slider-pagination .swiper-pagination-bullet {
  counter-increment: li;
  position: absolute;
  background-color: var(--white-color);
}

.project-slider4 .slider-pagination .swiper-pagination-bullet:after {
  content: "0" counter(li);
  position: absolute;
  left: -100px;
  top: -15px;
  font-size: 64px;
  font-weight: 700;
  color: var(--title-color);
  font-family: var(--title-font);
  opacity: 0;
}

.project-slider4 .slider-pagination .swiper-pagination-bullet:before {
  display: none;
}

.project-slider4 .border-line {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.project-slider4 .border-line:after,
.project-slider4 .border-line:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 530px;
  height: 2px;
  background-color: #E4E4E4;
}

.project-slider4 .border-line:before {
  margin-left: -40.2rem;
}

.project-slider4 .border-line:after {
  margin-left: 4.2rem;
}

.project-slider4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: transparent;
}

.project-slider4 .swiper-pagination-bullet.swiper-pagination-bullet-active button:before {
  width: 100%;
}

.project-slider4 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 1;
}

.project-slider4 .swiper-slide {
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}

.project-slider4 .swiper-slide .project-item-img {
  height: 600px;
  overflow: hidden;
}

.project-slider4 .swiper-slide .project-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-slider4 .swiper-slide-active {
  width: calc(810px) !important;
}

.project-slider4 .swiper-slide-active .project-item {
  width: 100%;
}

.project-slider4 .swiper-slide-active .project-item .project-item-content {
  left: 10px;
  bottom: 10px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
}

.project-slider4 .swiper-slide-active .project-item .project-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Project Card ---------------------------------- */
.project-card {
  position: relative;
  overflow: hidden;
  --space: 0px;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}

.project-card .project-content {
  position: absolute;
  padding: 22px 0 30px 0;
  width: 100%;
  left: 0;
  bottom: -25px;
  text-align: center;
  height: 110px;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  z-index: 2;
  background-color: var(--smoke-color);
  -webkit-clip-path: path("M475.246 300.413H475.294C588.705 307.173 700.775 320.642 810.035 340.614L915 179.971C915.015 175.968 913.05 172.062 909.38 168.797C905.709 165.532 900.515 163.07 894.523 161.756C817.407 145.041 738.59 131.63 658.611 121.614C599.939 114.262 512.842 102.551 475.246 73.1978C450.035 53.4919 421.215 23.9512 385 13.0305C348.785 2.1099 340.132 0.000413484 299.994 0C259.855 -0.000413363 248.215 2.11065 212 13.0305C175.785 23.9504 144.212 53.4924 119 73.1978C81.403 102.555 0.0383606 114.264 -58.636 121.617C-138.607 131.633 -217.416 145.043 -294.525 161.756C-300.517 163.07 -305.711 165.532 -309.381 168.797C-313.051 172.062 -315.015 175.968 -315 179.971L-210 340.614C-100.764 320.652 11.2769 307.183 124.658 300.413H124.706C182.441 296.92 240.873 295.174 300 295.174C359.175 295.193 417.591 296.94 475.246 300.413Z");
  clip-path: path("M475.246 300.413H475.294C588.705 307.173 700.775 320.642 810.035 340.614L915 179.971C915.015 175.968 913.05 172.062 909.38 168.797C905.709 165.532 900.515 163.07 894.523 161.756C817.407 145.041 738.59 131.63 658.611 121.614C599.939 114.262 512.842 102.551 475.246 73.1978C450.035 53.4919 421.215 23.9512 385 13.0305C348.785 2.1099 340.132 0.000413484 299.994 0C259.855 -0.000413363 248.215 2.11065 212 13.0305C175.785 23.9504 144.212 53.4924 119 73.1978C81.403 102.555 0.0383606 114.264 -58.636 121.617C-138.607 131.633 -217.416 145.043 -294.525 161.756C-300.517 163.07 -305.711 165.532 -309.381 168.797C-313.051 172.062 -315.015 175.968 -315 179.971L-210 340.614C-100.764 320.652 11.2769 307.183 124.658 300.413H124.706C182.441 296.92 240.873 295.174 300 295.174C359.175 295.193 417.591 296.94 475.246 300.413Z");
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 480px) {
  .project-card .project-content {
    -webkit-clip-path: none;
    clip-path: none;
  }
}

.project-card .project-subtitle {
  color: var(--theme-color);
  margin-bottom: 10px;
}

.project-card .box-title {
  line-height: 34px;
  margin-bottom: 0;
}

.project-sec .th-container {
  --main-container: 1660px;
}

.project-sec .swiper-pagination-bullets {
  line-height: 10px;
  height: 10px;
}

.project-sec .swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 7px;
  --swiper-pagination-bullet-size: 10px;
  border-radius: 50%;
}

.project-sec .swiper-pagination-bullet:before {
  display: none;
}

/* Project Box ---------------------------------- */
.project-box {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
}

.project-box-content {
  padding: 20px 78px 20px 0;
  max-width: 278px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: 2;
  opacity: 0;
  overflow: hidden;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .project-box-content {
    padding: 20px 58px 20px 0;
  }
}

.project-box-content:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 278px;
  background-color: var(--white-color);
  -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
  z-index: -1;
}

.project-box-content .gallery-btn {
  background-color: var(--theme-color);
  color: var(--white-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 5%;
  font-size: 18px;
  right: -8%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  text-align: center;
  z-index: 2;
}

.project-box-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: 1.3s all ease;
  transition: 1.3s all ease;
}

.project-box .project-subtitle {
  font-size: 14px;
  font-weight: 400;
  margin: -0.4rem 0 7px 0;
}

.project-box .box-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: -0.4rem;
}

.project-box:hover .project-box-img img {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.project-box:hover .project-box-content {
  bottom: -1px;
  opacity: 1;
  visibility: visible;
}

/* Project item ---------------------------------- */
.project-item {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
}

.project-item-content {
  padding: 30px 78px 30px 30px;
  min-width: 351px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  position: absolute;
  left: 10px;
  bottom: -30px;
  z-index: 2;
  opacity: 0;
  overflow: hidden;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .project-item-content {
    padding: 20px 58px 20px 20px;
  }
}

.project-item-content:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  width: 100%;
  background-color: var(--white-color);
  -webkit-clip-path: polygon(0% 0%, 73% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 73% 0, 100% 100%, 0% 100%);
  z-index: -1;
}

.project-item-content .gallery-btn {
  background-color: var(--theme-color);
  color: var(--white-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 5%;
  font-size: 18px;
  right: -8%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  text-align: center;
  z-index: 2;
}

.project-item-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: 1.3s all ease;
  transition: 1.3s all ease;
}

.project-item .project-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: var(--theme-color);
  margin-bottom: -0.4rem;
}

.project-item .box-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2px;
}

.project-item:hover .project-item-img img {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.project-item:hover .project-item-content {
  bottom: 10px;
  left: 10px;
  opacity: 1;
  visibility: visible;
}

/* Project Details ---------------------------------- */
.project-details {
  position: relative;
}

.project-details-wrap {
  background: var(--smoke-color);
  border-top: 3px solid var(--theme-color);
  position: relative;
  z-index: 3;
  padding: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .project-details-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 0;
  }
}

@media (max-width: 991px) {
  .project-details-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .project-details-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.project-details-wrap li {
  list-style: none;
}

.project-details-wrap .title {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  margin-top: -0.3rem;
  margin-bottom: 0;
}

.project-details-wrap .text {
  margin-bottom: -0.4rem;
}

.page-content.style2 {
  background-color: var(--smoke-color);
  padding: 40px;
}

.page-content .page-title {
  margin-top: -0.5rem;
}

.project-inner-box {
  background-color: var(--smoke-color);
  border-radius: 5px;
  padding: 30px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .project-inner-box {
    padding: 20px;
  }
}

/*------------------- 4.00. Feature -------------------*/
/* feature ---------------------------------- */
.feature-item {
  position: relative;
  background-color: var(--theme-color);
  border-radius: 60px;
  padding: 40px 30px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  z-index: 4;
  /* Medium Large devices */
}

.feature-item .feature-shape {
  position: absolute;
  left: 50%;
  top: 0;
  width: 140px;
  height: 140px;
  background: var(--theme-color);
  border-radius: 50%;
  opacity: 0.2;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media (max-width: 1299px) {
  .feature-item {
    padding: 40px 20px;
  }
}

.feature-item_icon {
  margin-bottom: 30px;
}

.feature-item_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: -0.4rem;
}

.feature-item .box-title {
  margin-bottom: 10px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .feature-item .box-title {
    font-size: 20px;
  }
}

.feature-item img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.feature-item:hover .feature-item_icon img {
  -webkit-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.shape-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-size: auto;
  background-repeat: repeat-x;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  background-position: top center;
  background-color: var(--white-color);
  z-index: 5;
}

.shape-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-size: auto;
  background-repeat: repeat-x;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  background-position: bottom center;
  background-color: var(--white-color);
  z-index: 5;
}

/* program area ---------------------*/
.program-area {
  position: relative;
  padding: 180px 0 150px 0;
  overflow: hidden;
}

.program-area .shape-bottom {
  bottom: -22px;
}

.program-feature {
  position: relative;
  padding: 0 35px 45px 35px;
  --theme-color: #FEDDE6;
  --theme-color2: #FFBBCD;
  text-align: center;
  z-index: 4;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .program-feature {
    padding: 0 10px 45px 10px;
  }
}

.program-feature:before {
  content: "";
  inset: 0;
  position: absolute;
  -webkit-mask-image: url(../img/shape/program_shape.png);
  mask-image: url(../img/shape/program_shape.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-color: var(--theme-color);
  -webkit-animation: morph 17s ease-in-out infinite;
  animation: morph 17s ease-in-out infinite;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  z-index: -2;
}

.program-feature .program-shape {
  position: absolute;
  inset: 0;
  top: -31px;
  width: 238px;
  height: 252px;
  z-index: -1;
  /* Large devices */
}

.program-feature .prograp-line {
  position: absolute;
  inset: 0;
  top: -28px;
  left: 17px;
  background-color: #FE5A86;
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  z-index: -1;
}

.program-feature_wrapp:nth-child(2) .program-feature:before {
  --theme-color: #FFE8C7;
}

.program-feature_wrapp:nth-child(2) .program-feature_content:before {
  --theme-color2: #FED597;
}

.program-feature_wrapp:nth-child(2) .program-feature_year {
  color: #FCA627;
}

.program-feature_wrapp:nth-child(2) .program-feature .icon-btn {
  background-color: #FCA627;
}

.program-feature_wrapp:nth-child(2) .program-feature .icon-btn:hover {
  background-color: var(--title-color);
}

.program-feature_wrapp:nth-child(2) .program-feature .prograp-line {
  background-color: #FCA627;
}

.program-feature_wrapp:nth-child(3) .program-feature:before {
  --theme-color: #DDF6C8;
}

.program-feature_wrapp:nth-child(3) .program-feature_content:before {
  --theme-color2: #B7E393;
}

.program-feature_wrapp:nth-child(3) .program-feature_year {
  color: #7DBE48;
}

.program-feature_wrapp:nth-child(3) .program-feature .icon-btn {
  background-color: #7DBE48;
}

.program-feature_wrapp:nth-child(3) .program-feature .icon-btn:hover {
  background-color: var(--title-color);
}

.program-feature_wrapp:nth-child(3) .program-feature .prograp-line {
  background-color: #7DBE48;
}

.program-feature_wrapp:nth-child(4) .program-feature:before {
  --theme-color: #C4F0F8;
}

.program-feature_wrapp:nth-child(4) .program-feature_content:before {
  --theme-color2: #97E6F4;
}

.program-feature_wrapp:nth-child(4) .program-feature_year {
  color: #16C4E3;
}

.program-feature_wrapp:nth-child(4) .program-feature .icon-btn {
  background-color: #16C4E3;
}

.program-feature_wrapp:nth-child(4) .program-feature .icon-btn:hover {
  background-color: var(--title-color);
}

.program-feature_wrapp:nth-child(4) .program-feature .prograp-line {
  background-color: #16C4E3;
}

.program-feature_content {
  position: relative;
  padding: 30px;
  max-width: 230px;
  display: block;
  margin: auto;
  z-index: 2;
}

.program-feature_content:before {
  content: "";
  inset: 0;
  top: -30px;
  position: absolute;
  -webkit-mask-image: url(../img/shape/program_shape2.png);
  mask-image: url(../img/shape/program_shape2.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-color: var(--theme-color2);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  z-index: -2;
}

.program-feature .box-img {
  position: relative;
  z-index: 4;
}

.program-feature .box-img img {
  margin-top: -15px;
}

.program-feature .box-title {
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 0px;
}

.program-feature_year {
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 500;
  color: #FE5A86;
  display: block;
  margin-top: -0.3rem;
  margin-bottom: 5px;
}

.program-feature_text {
  margin-bottom: 20px;
}

.program-feature .icon-btn {
  position: absolute;
  left: 50%;
  background-color: #FE5A86;
  color: var(--white-color);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: -24%;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .program-feature .icon-btn {
    bottom: -17%;
  }
}

.program-feature .icon-btn:hover {
  background-color: var(--title-color);
}

.feature-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.feature-wrapper .feature-icon {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background: #16C4E3;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.feature-wrapper .feature-icon:hover {
  background: var(--title-color);
}

.feature-wrapper .header-info_link {
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: var(--title-color);
  margin-bottom: -0.5rem;
}

.feature-wrapper .header-info_link:hover {
  color: var(--theme-color);
}

.feature-wrapper .header-info_link a {
  color: inherit;
}

.feature-wrapper .header-info_label {
  font-family: var(--title-font);
  color: var(--body-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
}

.feature-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  max-width: 289px;
  /* Small devices */
}

.feature-circle-wrap {
  display: grid;
  grid-template-columns: auto auto;
  gap: 40px;
  border-bottom: 1px solid #E4E4E4;
  border-top: 1px solid #E4E4E4;
  margin: 40px 0;
  padding: 40px 0;
  /* Small devices */
}

@media (max-width: 767px) {
  .feature-circle-wrap {
    display: block;
  }
}

@media (max-width: 767px) {
  .feature-circle:not(:last-child) {
    margin-bottom: 30px;
  }
}

.feature-circle .box-title {
  line-height: 34px;
  margin-bottom: 0px;
}

.feature-circle_text {
  margin-bottom: 0px;
  font-size: 14px;
}

.feature-circle .progressbar {
  position: relative;
  max-height: 100px;
}

.feature-circle .circle-num {
  font-size: 30px;
  font-weight: 600;
  color: var(--title-color);
  font-family: var(--title-font);
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: 5px;
  text-align: center;
}

/* Choose ---------------------------------- */
.choose-about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 25px;
  max-width: 621px;
  /* Extra small devices */
  /* Extra small devices */
}

.choose-about:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 575px) {
  .choose-about {
    gap: 20px;
  }
}

@media (max-width: 375px) {
  .choose-about {
    display: block;
  }
}

.choose-about_icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--theme-color);
  border-radius: 50%;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .choose-about_icon {
    display: block;
    margin: auto auto 20px auto;
  }
}

.choose-about_text {
  margin-bottom: 0;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .choose-about_text {
    text-align: center;
  }
}

.choose-about img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.choose-about .box-title {
  font-size: 22px;
  letter-spacing: -0.44px;
  margin-bottom: 10px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .choose-about .box-title {
    text-align: center;
  }
}

.choose-about:hover .choose-about_icon img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.choose-area {
  position: relative;
  z-index: 2;
  -webkit-clip-path: path("M1920 0H0V597V603V647.237L162.995 713.921C283.181 763.091 411.793 788.383 541.648 788.383H1378.35C1508.21 788.383 1636.82 763.091 1757.01 713.921L1920 647.237V603V597V0Z");
  clip-path: path("M1920 0H0V597V603V647.237L162.995 713.921C283.181 763.091 411.793 788.383 541.648 788.383H1378.35C1508.21 788.383 1636.82 763.091 1757.01 713.921L1920 647.237V603V597V0Z");
  /* Large devices */
}

@media (min-width: 1930px) {
  .choose-area {
    -webkit-clip-path: path("M0 0H3333V645.762L2852.45 764.707C2773.84 784.164 2693.16 794 2612.18 794H720.818C639.838 794 559.158 784.164 480.551 764.707L0 645.762V0Z");
    clip-path: path("M0 0H3333V645.762L2852.45 764.707C2773.84 784.164 2693.16 794 2612.18 794H720.818C639.838 794 559.158 784.164 480.551 764.707L0 645.762V0Z");
  }
}

@media (max-width: 1199px) {
  .choose-area {
    -webkit-clip-path: none;
    clip-path: none;
  }
}

.choose-tab-area {
  /* Large devices */
}

@media (max-width: 1199px) {
  .choose-tab-area {
    margin: 80px 0;
  }
}

.choose-image {
  position: relative;
  text-align: right;
  margin-right: -20px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .choose-image {
    text-align: center;
    margin: 40px 0 0 0;
  }
}

.choose-image .choose-text {
  -webkit-text-fill-color: rgba(255, 255, 255, 0.06);
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.06);
  font-family: var(--title-font);
  font-weight: 900;
  font-size: 114px;
  line-height: 94px;
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 38%;
  left: -58.5%;
  margin: 0;
}

.choose-text {
  color: #888C97;
}

.mission-content .checklist li {
  color: var(--white-color);
}

.features-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .features-wrapper {
    display: block;
  }
}

.features-wrapper .features-img {
  min-width: 300px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .features-wrapper .features-img {
    min-width: 100%;
    margin-top: 20px;
  }
}

.features-wrapper .features-img img {
  width: 100%;
}

.features-content .box-title {
  margin-bottom: 5px;
}

.features-content .checklist li:not(:last-child) {
  margin-bottom: 5px;
}

/*------------------- 4.00. Gallery -------------------*/
/* Gallery Card -------------------------------*/
.gallery-card {
  text-align: center;
}

.gallery-card.style2 {
  position: relative;
  border-radius: 50px;
  z-index: 5;
}

.gallery-card.style2 .box-content {
  inset: 8px;
}

.gallery-card.style2 .box-img {
  position: relative;
  z-index: 3;
  border-radius: 40px;
}

.gallery-card.style2 .box-img:before {
  content: "";
  position: absolute;
  inset: -3px;
  border: 12px solid var(--theme-color);
  z-index: 1;
  border-radius: 50px;
}

.gallery-card.style2 .box-img img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
  object-fit: cover;
}

.gallery-card .box-img {
  display: block;
  position: relative;
  z-index: 2;
  border-radius: 30px;
  overflow: hidden;
  -webkit-perspective: 1400px;
  perspective: 1400px;
  /* Small devices */
}

@media (max-width: 767px) {
  .gallery-card .box-img {
    border-radius: 20px;
    border: 20px;
  }
}

.gallery-card .box-img img {
  width: 100%;
  border-radius: 30px;
}

.gallery-card .icon-btn {
  z-index: 3;
  background-color: var(--white-color);
  color: var(--theme-color4);
}

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

.gallery-card .box-content {
  position: absolute;
  inset: -1px;
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
  transform: rotate3d(1, 0, 0, 90deg);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--theme-color4);
  pointer-events: none;
  border-radius: inherit;
  z-index: -1;
  -webkit-transition: z-index 1s ease-in-out;
  transition: z-index 1s ease-in-out;
}

.gallery-card:hover .box-img:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0.7;
}

.gallery-card:hover .icon-btn {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.gallery-card:hover .box-content {
  z-index: 2;
  -webkit-transition: z-index 0.5s ease-in-out;
  transition: z-index 0.5s ease-in-out;
}

.gallery-sec2 {
  max-width: 1720px;
  margin-left: auto;
  margin-right: auto;
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1199px) {
  .gallery-sec2 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  .gallery-sec2 {
    padding: 0;
    max-width: 540px;
  }
}

.testi-slider2 .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 550px;
  height: 551px;
}

.testi-slider2 .swiper-slide img {
  display: block;
  width: 100%;
}

/* overlay-direction */
.overlay-direction .filter-item {
  -webkit-perspective: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  visibility: visible;
  backface-visibility: hidden;
}

.overlay-direction .filter-item {
  -webkit-perspective: 540px;
  perspective: 540px;
}

.in-top .box-content {
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: in-top 500ms ease 0ms 1 forwards;
  animation: in-top 500ms ease 0ms 1 forwards;
}

.in-right .box-content {
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: in-right 500ms ease 0ms 1 forwards;
  animation: in-right 500ms ease 0ms 1 forwards;
}

.in-bottom .box-content {
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 500ms ease 0ms 1 forwards;
  animation: in-bottom 500ms ease 0ms 1 forwards;
}

.in-left .box-content {
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: in-left 500ms ease 0ms 1 forwards;
  animation: in-left 500ms ease 0ms 1 forwards;
}

.out-top .box-content {
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: out-top 500ms ease 0ms 1 forwards;
  animation: out-top 500ms ease 0ms 1 forwards;
}

.out-right .box-content {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: out-right 500ms ease 0ms 1 forwards;
  animation: out-right 500ms ease 0ms 1 forwards;
}

.out-bottom .box-content {
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 500ms ease 0ms 1 forwards;
  animation: out-bottom 500ms ease 0ms 1 forwards;
}

.out-left .box-content {
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: out-left 500ms ease 0ms 1 forwards;
  animation: out-left 500ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@-webkit-keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@-webkit-keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}

@keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}

@-webkit-keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
    transform: rotate3d(0, -1, 0, 104deg);
  }
}

@keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
    transform: rotate3d(0, -1, 0, 104deg);
  }
}

@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
    transform: rotate3d(1, 0, 0, 104deg);
  }
}

@keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
    transform: rotate3d(1, 0, 0, 104deg);
  }
}

@-webkit-keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  to {
    -webkit-transform: rotate3d(0, 1, 0, 104deg);
    transform: rotate3d(0, 1, 0, 104deg);
  }
}

.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 50px;
  right: 35px;
  background-color: #25d366;
  color: #FFF !important;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.float.subir {
  bottom: 130px;
}

.float_wpp i {
  margin-top: 11px;
  margin-left: 2px;
  font-size: 2.4rem;
}

.btnAreaDoAluno {
  background: #ff6a3b;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 18px;
  padding: 12px;
  border-radius: 5px;
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 100;
}

.btnAreaDoAluno.subir {
  bottom: 70px;
}

.container-left-infos {
  background: none;
  align-items: center;
  display: flex;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
  width: 200px;
  z-index: 999;
}

.container-left-infos .redes-sociais {
  background-color: #F5F5F5;
  border: 2px solid orange;
  border-left: none;
  border-radius: 0 2rem 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  left: -115px;
  padding: 1.5rem .5rem 1.5rem 2rem;
  position: absolute;
  transition: .5s;
}

.container-left-infos .redes-sociais:hover {
  left: -5px;
  transition: .5s;
}

.container-left-infos .redes-sociais span {
  align-items: center;
  display: grid;
  font-size: 1.1rem;
  gap: .5rem;
  grid-template-columns: 1fr 50px;
  justify-items: center;
}

.container-left-infos .redes-sociais span a {
  color: #74787C;
}

.container-left-infos .redes-sociais span a:hover,
.container-left-infos .redes-sociais span a:hover+i {
  color: #F58634;
  transition: .2s;
}

@media (max-width: 900px) {
  .mob-form {
    width: 90% !important;
  }

  .mob-footer {
    padding-bottom: 180px !important;
    background: none !important;
    background-image: linear-gradient(to bottom, transparent 50%, #f58634 50%) !important;
  }
}


@media(min-width: 1113px) and (max-width: 1440px) {
  .custom-xl-1 {
    flex: 0 0 16.6667%; /* Equivalente a col-2 */
    max-width: 16.6667%;
    padding-left: 90px;
  }

  .custom-xl-11 {
    flex: 0 0 83.3333%; /* Equivalente a col-10 */
    max-width: 83.3333%;
    display: flex;
    justify-content: end;
  }

  .header-layout2 .main-menu>ul>li{
    margin: 0 13px
  }

  .main-menu{
    display: flex !important;
  }

  .main-menu a {
    font-size: 16px;
  }
}

@media(max-width: 1440px){
  .container-left-infos .redes-sociais{
    display: none;
  }
}

@media(max-width: 1024px){
  .main-menu{
    display: none !important;
  }

  .img-box2{
    display: flex;
    justify-content: center;
  }


  .header-button {
    display: -webkit-box; /* Exibição flexível */
    display: -webkit-flex; /* Exibição flexível */
    display: -ms-flexbox; /* Exibição flexível */
    display: flex; /* Exibição flexível */
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }


  .checklist{
    margin-bottom: 1rem;
  }

  /* .checklist.list-two-column ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  } */
}

@media(max-width: 425px){
  .movingX{
    -webkit-animation: none;
    animation: none;
  }
}

@media(max-width: 769px){
  .link-final{
    display: flex;
    justify-content: center;
    align-items: center;
  }
}