@charset "UTF-8";

/*



==================================*/

/*



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

    4.00. Price



05. Spacing



*/

/*=================================

    CSS Index End

==================================*/

/*=================================

   01. Theme Base

==================================*/

/*------------------- 1.1. Mixin -------------------*/

@use "sass:math";

.indicator {

  position: absolute;

  top: var(--pos-y);

  left: var(--pos-x);

  height: var(--height-set);

  width: var(--width-set);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



/*------------------- 1.2. Function -------------------*/

/*------------------- 1.3. Variable-------------------*/

:root {

  --theme-color: #F19300;

  --theme-color2: #54B435;

  --title-color: #575757;

  --body-color: #74757B;

  --smoke-color: #F5F7FA;

  --smoke-color2: #E5F3FF;

  --black-color: #000000;

  --gray-color: #bdbdbd;

  --white-color: #ffffff;

  --light-color: #bdbdbd;

  --yellow-color: #FFB539;

  --success-color: #28a745;

  --error-color: #dc3545;

  --th-border-color: #D9D9D9;

  --title-font: 'Inter', sans-serif;

  --body-font: 'Poppins', sans-serif;

  --icon-font: "Font Awesome 6 Pro";

  --main-container: 1290px;

  --container-gutters: 30px;

  --section-space: 80px;

  --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: 26px;

  overflow-x: hidden;

  -webkit-font-smoothing: antialiased;

}



.z-index-common {

  position: relative;

  z-index: inherit!important;

}

iframe {

  border: none;

  width: 100%;

}



.slick-slide:focus,

button:focus,

a:focus,

a:active,

input,

input:hover,

input:focus,

input:active,

textarea,

textarea:hover,

textarea:focus,

textarea:active {

  outline: none;

}



input:focus {

  outline: none;

  box-shadow: none;

}



img:not([draggable]),

embed,

object,

video {

  max-width: 100%;

  height: auto;

}



ul {

  list-style-type: disc;

}



ol {

  list-style-type: decimal;

}



table {

  margin: 0 0 1.5em;

  width: 100%;

  border-collapse: collapse;

  border-spacing: 0;

  border: 1px solid var(--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:focus, a:hover, a:visited {

  text-decoration: none;

  outline: 0;

}



.header-logo img {

  width: 160px;

}



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: 25px;

  /* margin: 20px 0; */

  overflow: auto;

  padding: 20px;

  white-space: pre-wrap;

  word-wrap: break-word;

}



span.ajax-loader:empty,

p:empty {

  display: none;

}



p {

  font-family: var(--body-font);

  margin: 0 0 18px 0;

  color: var(--body-color);

  line-height: 1.75;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a,

p a,

span a {

  font-size: inherit;

  font-family: inherit;

  font-weight: inherit;

  line-height: inherit;

}



.h1,

h1,

.h2,

h2,

.h3,

h3,

.h4,

h4,

.h5,

h5,

.h6,

h6 {

  font-family: var(--title-font);

  color: var(--title-color);

  text-transform: none;

  font-weight: 700;

  line-height: 1.4;

  margin: 0 0 15px 0;

}



.h1,

h1 {

  font-size: 64px;

  line-height: 1.156;

}



.h2,

h2 {

  font-size: 44px;

  line-height: 1.123;

}



.h3,

h3 {

  font-size: 36px;

  line-height: 1.278;

}



.h4,

h4 {

  font-size: 30px;

  line-height: 1.333;

}



.h5,

h5 {

  font-size: 24px;

  line-height: 1.417;

}



.h6,

h6 {

  font-size: 20px;

  line-height: 1.5;

}



/* Large devices */

@media (max-width: 1199px) {

  .h1,

  h1 {

    font-size: 48px;

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



  .header-top {

    display: none;

  }

  .landing {

    text-align: right;

    padding: 20px 0px!important;

}

  .shor-line {

    border-bottom: #b1a7a7 solid 4px;

    width: 40px;

    text-align: center;

    margin: 0 auto;

}



.scroll-top {

   bottom: 70px!important;

}



  .inoformation-popup {

    position: absolute;

    z-index: 9;

    right: 19px;

    top: 22px;

    font-size: 20px;

    display: block!important;

   }



  .newone .th-btn {

    min-width: 140px !important;

    padding: 16px 15px;

 }

  .work a {

    float: left!important;

}

  .sofa-feature {

    display: flex;

    gap: 10px;

    margin-bottom: 20px;

    background: #fff;

    flex-wrap: wrap;

}

.team {

   margin-top: 15px;

}

  .social {

    padding: 0px!important;

   

}

  .resposive-summary {

    display: block!important;

 }

 .start-offcanvas {

  display: block!important;

}

#openCanvas {

  width: 100%; 

  /* background-color: #393b3e;  */

  color: white; /* Text color */

  padding: 15px 0;

  text-align: left;

  font-size: 18px;

  border: none;

  cursor: pointer;

  z-index: 9;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  border-top: #c8c2c2 solid 1px;

  color: #000;

}

#offcanvasss {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%; 

  z-index: 9;

}



.summary-cost {

  display: flex;

  justify-content: space-between;

  width: 90%;

}



#openCanvas:hover {

  background: none!important;

}

.offcanvas-content .close-btn {

  position: absolute;

  top: 16px;

  right: 8px;

  font-size: 26px;

  cursor: pointer;

  background: #fff;

  width: 40px;

  height: 40px;

  line-height: 35px;

  text-align: center;

  border-radius: 100%;

  border: #f19300 solid 2px;

}

.book-clean {

  margin-bottom: 25px;

}

  .summary {

      display: none;

  }

  .review {

    position: relative;

    height: 390px!important;

}

  .main-section {

    display: block!important;

}

.space1 {

  padding-top: 50px!important;

  padding-bottom: 50px!important;

}

.space {

  padding-top: 50px!important;

  padding-bottom: 50px!important;

}

.col-auto h5 {

  font-size: 15px;

  margin-top: 17px;

  width: 300px;

}

.left-img img {

  height: 425px!important;

 

}



.nav-reason li {

  flex: 1 1 33%!important;

}

.left-img {

  width: 100%!important;

}

.right-content {

  width: 100%!important;

  padding: 30px!important;

 

}

.right-content h4 {

  margin-bottom: 15px!important;

  color: #fff;

  font-size: 28px!important;

}



.new-store a img {

  width: 144px!important;

}

  .service p {

    font-size: 13px;

    line-height: 17px;

}

.bg-box {

  

  padding: 15px!important;

}

.tab-content { 

    padding: 10px!important;

}

.bg-box-res {

     margin-top: 15px;

}

.often {

  display: block!important;

  justify-content: space-between;

}

  .h2, h2 {

    font-size: 27px !important;

}

.plus {

  

  width: 100%;

  text-align: center;

  margin: 0 auto;

}

.set-time li {

  width: 26%!important;

}

.confirm {

  display: block!important;

  justify-content: space-between;

  margin-top: 50px;

}

.petss {

  padding: 10px!important;

}



.service img {

  width: 60px!important;

  text-align: center;

  margin-bottom: 8px;

}

.plus {

  cursor: pointer;

  padding: 5px!important;

  color: black;

  transition: background-color 0.3s ease, color 0.3s ease;

  font-size: 13px;

  border-radius: 7px;

}

.booking-feature {

  padding: 30px 15px 40px 15px!important;

}



  .time input {

    background: #fff;

    border: #bcb5b5 solid 1px;

    width: 50%!important;

    text-align: center;

}

.img-box3 {

  margin-top: 25px;

}

  .now {

    position: absolute;

    top: -65px;

    text-align: center;

    /* width: 100%; */

}

.many-hours {

  height: auto!important;

}



.calulate {

  background: none!important;

  color: #f19300!important;

  padding: 0px!important;

  border: none!important;

  border-radius: 0px!important;

  font-weight: 600!important;

  border-bottom: #f19300 solid 2px!important;

}

.service {

  text-align: center;

  margin-bottom: 20px;

}

.calendar {

  padding: 10px;

  

}

.calendar-header {

  font-size: 14px!important;

}

.calendar-week-day div {

  display: grid;

  place-items: center;

  color: #f19300;

  font-size: 13px;

}

.calendar-days div {

  width: 27px!important;

  height: 27px!important;

  font-size: 13px;

}

.calendar-week-day {

  height: 35px;

}

.calendar-header {

   padding: 0px!important;

}

.bg-box-none {

   padding: 15px;

}

.now a {

  width: 100%;

}

  .step1 {

    margin-bottom: 15px;

}

  .mobilee {

      display: block!important;

  }

  .dextop {

    display: none;

  }

  .cotimg {

    display: block!important;

    

  }

  .pad {

      padding: 15px!important;

  }

  .slick-slider button {

      /* display: none!important; */

  }



  .tmg {

    width: 100%!important;

  }

  .mobile-logo a img {

    width: 160px;

}

ul#pills-tab {

  text-align: center;

  justify-content: center;

}

.tab-content {

  width: 100%!important;

}

.newone {

  margin-bottom: 25px;

}

.cot {

    width: 100%!important;

}



.become {

   display: none;

}

.newsletter-form input {

   width: 100%!important;

}

  .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: 1290px;

  }

}



@media (min-width: 1560px) {

  .th-container2 {

    width: 100%;

    max-width: 1560px;

    margin-left: auto;

    margin-right: 0;

    padding-left: 0;

    padding-right: 0;

  }

  .th-container2 .container {

    --main-container: 1220px;

  }

  .th-container3 {

    width: 100%;

    max-width: 1560px;

    margin-left: 0;

    margin-right: auto;

    padding-left: 0;

    padding-right: 0;

  }

  .th-container3 .container {

    --main-container: 1220px;

  }

}



/* Hight Resoulation devices */

@media (min-width: 1922px) {

  .th-container3,

  .th-container2 {

    margin-right: auto;

  }

}



@media only screen and (min-width: 1300px) {

  .container-xxl,

  .container-xl,

  .container-lg,

  .container-md,

  .container-sm,

  .container {

    max-width: calc(var(--main-container) + var(--container-gutters));

    padding-left: calc(var(--container-gutters) / 2);

    padding-right: calc(var(--container-gutters) / 2);

  }

  .container-xxl.px-0,

  .container-xl.px-0,

  .container-lg.px-0,

  .container-md.px-0,

  .container-sm.px-0,

  .container.px-0 {

    max-width: var(--main-container);

  }

}



@media only screen and (min-width: 1300px) {

  .th-container {

    --main-container: 1800px;

  }

}



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

  }

}



.gy-30 {

  --bs-gutter-y: 30px;

}



.g-0 {

  --bs-gutter-y: 0;

  --bs-gutter-x: 0;

}



.gx-0 {

  --bs-gutter-x: 0;

}



.gy-40 {

  --bs-gutter-y: 40px;

}



.gy-50 {

  --bs-gutter-y: 50px;

}



.gx-10 {

  --bs-gutter-x: 10px;

}



.gy-10 {

  --bs-gutter-y: 10px;

}



@media (min-width: 1299px) {

  .gx-60 {

    --bs-gutter-x: 60px;

  }

}



@media (min-width: 1399px) {

  .gx-30 {

    --bs-gutter-x: 30px;

  }

  .gx-25 {

    --bs-gutter-x: 25px;

  }

  .gx-40 {

    --bs-gutter-x: 40px;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .gy-50 {

    --bs-gutter-y: 40px;

  }

}



/*------------------- 2.3. Input -------------------*/

select,

.form-control,

.form-select,

textarea,

input {

  height: 56px;

  padding: 0 25px 0 25px;

  padding-right: 45px;

  border: 1px solid transparent;

  color: var(--body-color);

  background-color: var(--smoke-color);

  border-radius: 6px;

  font-size: 16px;

  width: 100%;

  font-family: var(--body-font);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



select:focus,

.form-control:focus,

.form-select:focus,

textarea:focus,

input:focus {

  outline: 0;

  box-shadow: none;

  border-color: var(--th-border-color);

  background-color: var(--smoke-color2);

}



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;

}



.input-white select,

.input-white .form-control,

.input-white .form-select,

.input-white textarea,

.input-white input {

  background-color: var(--white-color);

  border-color: var(--white-color);

}



.input-white .form-group > i {

  background-color: var(--white-color);

}



.input-white .form-group > i.fa-chevron-down {

  background-color: var(--white-color);

}



.form-group {

  margin-bottom: var(--bs-gutter-x);

  position: relative;

}



.form-group > i {

  display: inline-block;

  position: absolute;

  right: 25px;

  top: 19px;

  font-size: 16px;

  color: var(--body-color);

}



.form-group > i.fa-envelope {

  padding-top: 1px;

}



.form-group > i.fa-comment {

  margin-top: -2px;

}



.form-group > i.fa-chevron-down {

  width: 17px;

  background-color: var(--smoke-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;

  border-radius: 4px;

  text-align: center;

  font-size: 12px;

}



input[type="checkbox"].style2 ~ label {

  color: #8B929C;

  padding-left: 23px;

  margin-bottom: -0.5em;

}



input[type="checkbox"].style2 ~ label:before {

  background-color: rgba(255, 255, 255, 0.1);

  border: 1px solid #8B929C;

  height: 14px;

  width: 14px;

  line-height: 14px;

  border-radius: 3px;

  top: 6px;

}



input[type="checkbox"].style2:checked ~ label:before {

  color: var(--theme-color);

}



input[type="radio"] {

  visibility: hidden;

  opacity: 0;

  display: inline-block;

  vertical-align: middle;

  width: 0;

  height: 0;

  display: none;

}



input[type="radio"] ~ label {

  position: relative;

  padding-left: 30px;

  cursor: pointer;

  line-height: 1;

  display: inline-block;

  font-weight: 600;

  margin-bottom: 0;

}



input[type="radio"] ~ label::before {

  content: "\f111";

  position: absolute;

  font-family: var(--icon-font);

  left: 0;

  top: -2px;

  width: 20px;

  height: 20px;

  padding-left: 0;

  font-size: 0.6em;

  line-height: 19px;

  text-align: center;

  border: 1px solid var(--theme-color);

  border-radius: 100%;

  font-weight: 700;

  background: var(--white-color);

  color: transparent;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}



input[type="radio"]:checked ~ label::before {

  border-color: var(--theme-color);

  background-color: var(--theme-color);

  color: var(--white-color);

}



label {

  margin-bottom: 0.5em;

  margin-top: -0.3em;

  display: block;

  color: var(--body-color);

  font-family: var(--body-font);

  font-size: 16px;

}



textarea.is-invalid,

select.is-invalid,

input.is-invalid,

.was-validated input:invalid {

  border: 1px solid var(--error-color) !important;

  background-position: right calc(0.375em + 0.8875rem) center;

  background-image: none;

}



textarea.is-invalid:focus,

select.is-invalid:focus,

input.is-invalid:focus,

.was-validated input:invalid:focus {

  outline: 0;

  box-shadow: none;

}



textarea.is-invalid {

  background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);

}



.row.no-gutters > .form-group {

  margin-bottom: 0;

}



.form-messages {

  display: none;

}



.form-messages.mb-0 * {

  margin-bottom: 0;

}



.form-messages.success {

  color: var(--success-color);

  display: block;

}



.form-messages.error {

  color: var(--error-color);

  display: block;

}



.form-messages pre {

  padding: 0;

  background-color: transparent;

  color: inherit;

}



/*------------------- 2.4. Slick Slider -------------------*/

.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: 50px 0 -7px 0;

  line-height: 10px;

  height: 10px;

}



.swiper-pagination-bullets .swiper-pagination-bullet {

  display: inline-block;

  --swiper-pagination-bullet-size: 10px;

  --swiper-pagination-bullet-horizontal-gap: 8px;

  margin: 5px 7px;

  opacity: 1;

  background-color: var(--th-border-color);

  position: relative;

  cursor: pointer;

}



.swiper-pagination-bullets .swiper-pagination-bullet:before {

  content: '';

  position: absolute;

  inset: -5px;

  border: 1px solid var(--th-border-color);

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

}



.has-shadow .swiper-pagination-bullets {

  margin: 40px 0 17px 0;

}



.slider-area {

  position: relative;

}



.slider-arrow {

  display: inline-block;

  padding: 0;

  background-color: var(--smoke-color2);

  color: var(--theme-color);

  position: absolute;

  top: 50%;

  border: 0;

  left: var(--pos-x, -120px);

  width: var(--icon-size, 56px);

  height: var(--icon-size, 56px);

  line-height: var(--icon-size, 54px);

  font-size: var(--icon-font-size, 20px);

  margin-top: calc(var(--icon-size, 56px) / -2);

  z-index: 3;

  border-radius: 6px;

}



.slider-arrow.default {

  position: relative;

  --pos-x: 0;

  margin-top: 0;

}



.slider-arrow.icon-sm {

  width: var(--icon-size, 46px);

  height: var(--icon-size, 46px);

  line-height: var(--icon-size, 46px);

  font-size: 18px;

}



.slider-arrow.slider-next {

  right: var(--pos-x, -120px);

  left: auto;

}



.slider-arrow:hover {

  background-color: var(--theme-color);

  color: var(--white-color);

  border-color: var(--theme-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: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.5. 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: 20px;

}



.th-mobile-menu ul li ul li:last-child {

  border-bottom: none;

}



.th-mobile-menu ul .th-item-has-children > a .th-mean-expand {

  position: absolute;

  right: 0;

  top: 50%;

  font-weight: 400;

  font-size: 12px;

  width: 25px;

  height: 25px;

  line-height: 25px;

  margin-top: -12.5px;

  display: inline-block;

  text-align: center;

  background-color: var(--smoke-color);

  color: var(--title-color);

  box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);

  border-radius: 50%;

}



.th-mobile-menu ul .th-item-has-children > a .th-mean-expand:before {

  content: '\f067';

  font-family: var(--icon-font);

}



.th-mobile-menu ul .th-item-has-children > a:after {

  content: "\f067";

  font-family: var(--icon-font);

  width: 22px;

  height: 22px;

  line-height: 22px;

  display: inline-block;

  text-align: center;

  font-size: 12px;

  border-radius: 50px;

  background-color: var(--smoke-color);

  float: right;

  margin-top: 1px;

}



.th-mobile-menu ul .th-item-has-children.th-active > a .th-mean-expand:before {

  content: '\f068';

}



.th-mobile-menu ul .th-item-has-children.th-active > a:after {

  content: "\f068";

}



.th-mobile-menu > ul {

  padding: 0 40px;

}



.th-mobile-menu > ul > li:last-child {

  border-bottom: none;

}



.th-menu-toggle {

  width: 56px;

  height: 56px;

  padding: 0;

  font-size: 20px;

  border: none;

  background-color: var(--theme-color);

  color: var(--white-color);

  display: inline-block;

  border-radius: 5px;

}



.th-menu-toggle:hover {

  background-color: var(--title-color);

}



.th-menu-toggle.style-text, .th-menu-toggle.style-text-white {

  width: auto;

  height: auto;

  background-color: transparent;

  color: var(--title-color);

  font-size: 20px;

}



.th-menu-toggle.style-text i, .th-menu-toggle.style-text-white i {

  margin-right: 10px;

}



.th-menu-toggle.style-text-white {

  color: var(--white-color);

}



@media (max-width: 400px) {

  .th-menu-wrapper .th-menu-area {

    width: 100%;

    max-width: 270px;

  }

  .th-mobile-menu > ul {

    padding: 0 20px;

  }

}



/*=================================

    03. Utilities

==================================*/

/*------------------- 3.1. Preloader -------------------*/

.preloader {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 999;

  background-color: var(--title-color);

}



.preloader .th-btn {

  padding: 15px 20px;

  border-radius: 0;

  font-size: 14px;

}



.preloader-inner {

  text-align: center;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  text-align: center;

  line-height: 1;

}



.preloader-inner img {

  display: block;

  margin: 0 auto 0 auto;

}



.loader {

  width: 96px;

  box-sizing: content-box;

  height: 48px;

  background: #fff;

  border-color: var(--theme-color);

  border-style: solid;

  border-width: 2px 2px 50px 2px;

  border-radius: 100%;

  position: relative;

  -webkit-animation: 3s yinYang linear infinite;

          animation: 3s yinYang linear infinite;

}



.loader:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  background: #fff;

  border: 18px solid var(--theme-color);

  border-radius: 100%;

  width: 12px;

  height: 12px;

  box-sizing: content-box;

}



.loader:after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  background: var(--theme-color);

  border: 18px solid #fff;

  border-radius: 100%;

  width: 12px;

  height: 12px;

  box-sizing: content-box;

}



@-webkit-keyframes yinYang {

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@keyframes yinYang {

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



/*------------------- 3.2. Buttons -------------------*/

.th-btn {

  position: relative;

  z-index: 2;

  overflow: hidden;

  vertical-align: middle;

  display: inline-block;

  border: none;

  text-transform: uppercase;

  text-align: center;

  background-color: var(--theme-color);

  color: var(--white-color);

  font-family: var(--title-font);

  font-size: 14px;

  font-weight: 600;

  line-height: 1;

  padding: 20px 30px;

  min-width: 170px;

  border-radius: 6px;

}



.th-btn:before {

  content: "";

  position: absolute;

  height: calc(100% + 2px);

  width: calc(100% + 30px);

  top: -1px;

  right: 100%;

  background-color: var(--title-color);

  z-index: -1;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  border-radius: inherit;

  -webkit-clip-path: polygon(calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%, 0 0);

          clip-path: polygon(calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%, 0 0);

}



.th-btn:hover, .th-btn.active {

  color: var(--white-color);

  box-shadow: none;

}



.th-btn:hover:before, .th-btn.active:before {

  right: -30px;

}



.th-btn.style2 {

  background-color: transparent;

  color: var(--white-color);

  border: 1px solid var(--white-color);

  padding: 20px 40px;

  box-shadow: none;

}



.th-btn.style2:hover {

  color: var(--title-color);

  border-color: var(--white-color);

}



.th-btn.style2:hover:before, .th-btn.style2:hover:after {

  background-color: var(--white-color);

}



.th-btn.style3:hover {

  color: var(--title-color);

}



.th-btn.style3:hover:before, .th-btn.style3:hover:after {

  background-color: var(--white-color);

}



.th-btn.style4 {

  background-color: var(--theme-color2);

  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(--title-color);

}



.th-btn.style5 {

  background-color: var(--theme-color);

  color: var(--white-color);

}



.th-btn.style5:hover {

  color: var(--theme-color);

}



.th-btn.style5:hover:before, .th-btn.style5:hover:after {

  background-color: var(--white-color);

}



.th-btn.style6 {

  background-color: var(--title-color);

}



.th-btn.style6:hover {

  color: var(--theme-color);

}



.th-btn.style6:hover:before, .th-btn.style6:hover:after {

  background-color: var(--Black-color);

}



.th-btn.btn-fw {

  width: 100%;

}



.th-btn.btn-fw:before, .th-btn.btn-fw:after {

  display: none;

}



.th-btn.btn-fw:hover {

  background-color: var(--title-color);

}



.th-btn.btn-sm {

  padding: 15px 25px;

  min-width: 144px;

}



.icon-btn {

  display: inline-block;

  width: var(--btn-size, 56px);

  height: var(--btn-size, 56px);

  line-height: var(--btn-size, 54px);

  font-size: var(--btn-font-size, 20px);

  background-color: var(--icon-bg, #fff);

  color: var(--title-color);

  text-align: center;

  border-radius: 6px;

  border: 1px solid var(--th-border-color);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  position: relative;

}



.icon-btn:hover {

  background-color: var(--theme-color);

  color: var(--white-color);

  border-color: var(--theme-color);

}



.icon-btn.style2 {

  background-color: var(--white-color);

  color: var(--theme-color);

  border: none;

  border-radius: 6px;

  line-height: var(--btn-size, 56px);

}



.icon-btn.style2:hover {

  background-color: var(--title-color);

}



.play-btn {

  display: inline-block;

  position: relative;

  z-index: 1;

}



.play-btn > i {

  display: inline-block;

  width: var(--icon-size, 56px);

  height: var(--icon-size, 56px);

  line-height: var(--icon-size, 56px);

  text-align: center;

  background-color: var(--white-color);

  color: var(--theme-color);

  font-size: var(--icon-font-size, 1.4em);

  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: var(--white-color);

  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-size: 14px;

  font-weight: 600;

  display: inline-block;

  line-height: 0.8;

  position: relative;

  padding-bottom: 4px;

  margin-bottom: -1px;

  text-transform: uppercase;

  color: var(--theme-color);

}



.line-btn i {

  margin-left: 5px;

  font-size: 0.9rem;

}



.line-btn:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background-color: var(--theme-color);

  -webkit-transition: all ease 0.4s;

  transition: all ease 0.4s;

}



.line-btn:hover {

  color: var(--theme-color);

}



.line-btn:hover::before {

  background-color: var(--theme-color);

  width: 45px;

}



.scroll-top {

  position: fixed;

  right: 30px;

  bottom: 30px;

  height: 50px;

  width: 50px;

  cursor: pointer;

  display: block;

  border-radius: 50px;

  z-index: 10000;

  opacity: 1;

  visibility: hidden;

  -webkit-transform: translateY(45px);

      -ms-transform: translateY(45px);

          transform: translateY(45px);

  -webkit-transition: all 300ms linear;

  transition: all 300ms linear;

}



.scroll-top:after {

  content: "\f062";

  font-family: var(--icon-font);

  position: absolute;

  text-align: center;

  line-height: 50px;

  font-size: 20px;

  color: var(--theme-color);

  left: 0;

  top: 0;

  height: 50px;

  width: 50px;

  cursor: pointer;

  display: block;

  z-index: 1;

  border: 2px solid var(--theme-color);

  box-shadow: none;

  border-radius: 50%;

}



.scroll-top svg {

  color: var(--theme-color);

  border-radius: 50%;

  background: var(--white-color);

}



.scroll-top svg path {

  fill: none;

}



.scroll-top .progress-circle path {

  stroke: var(--theme-color);

  stroke-width: 20px;

  box-sizing: border-box;

  -webkit-transition: all 400ms linear;

  transition: all 400ms linear;

}



.scroll-top.show {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

}



/*------------------- 3.3. Titles -------------------*/

.sec-title {

  margin-bottom: calc(var(--section-title-space) - 8px);

  margin-top: -0.18em;

  text-transform: capitalize;

  font-weight: 700;

  font-size: 35px;

}



.sub-title {

  display: block;

  font-family: var(--title-font);

  font-size: 20px;

  font-weight: 500;

  color: var(--theme-color2);

  margin-bottom: 24px;

  padding-top: 5px;

  text-transform: uppercase;

  line-height: 28px;

}



.sub-title:has(img) {

  margin-top: 0;

}



.sub-title.h4 {

  font-size: 30px;

  font-weight: 600;

  line-height: 1;

  margin-top: -0.14em;

}



.sub-title img {

  margin: -14px 10px 0 0;

}



.sub-title i {

  font-size: 32px;

  margin-right: 10px;

  /* Medium devices */

}



@media (max-width: 991px) {

  .sub-title i {

    font-size: 24px;

  }

}



.sub-title2 {

  display: block;

  font-family: var(--title-font);

  font-size: 18px;

  font-weight: 600;

  color: var(--theme-color2);

  margin-bottom: 10px;

  margin-top: -0.35em;

}



.box-title {

  font-size: 24px;

  line-height: 1.417;

  font-weight: 700;

  margin-top: -0.32em;

}



.box-title a {

  color: inherit;

}



.box-title a:hover {

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

}



.title-area {

  margin-bottom: calc(var(--section-title-space) - 8px);

  position: relative;

  z-index: 2;

}



.title-area .sec-title {

  margin-bottom: 24px;

}



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

}



/* Large devices */

@media (max-width: 1199px) {

  .sub-title {

    margin-bottom: 20px;

  }

  .title-area,

  .sec-title {

    --section-title-space: 60px;

  }

  .title-area.mb-45,

  .sec-title.mb-45 {

    margin-bottom: 36px;

  }

  .title-area.mb-50,

  .sec-title.mb-50 {

    margin-bottom: 40px;

  }

  .sec-btn,

  .title-line {

    --section-title-space: 55px;

  }

}



/* Medium devices */

@media (max-width: 991px) {

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

  }

}



/* Extra small devices */

@media (max-width: 375px) {

  .shadow-title {

    font-size: 40px;

  }

}



/*------------------- 3.4. Common -------------------*/

.shape-mockup-wrap {

  z-index: 2;

  position: relative;

}



.shape-mockup {

  position: absolute;

  z-index: -1;

  pointer-events: none;

}



.shape-mockup.z-index-3 {

  z-index: 3;

  pointer-events: none;

}



.shape-mockup.z-index-1 {

  z-index: 1;

  pointer-events: none;

}



.shape-mockup .svg-img {

  height: 110px;

  width: 110px;

}



.z-index-step1 {

  position: relative;

  z-index: 4 !important;

}



.z-index-common {

  position: relative;

  z-index: 3;

}



.z-index-3 {

  z-index: 3;

}



.z-index-n1 {

  z-index: -1;

}



.media-body {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

      -ms-flex: 1;

          flex: 1;

}



/* color scheme ---------------------------------- */

.color-scheme {

  position: fixed;

  right: -1px;

  top: calc(50% - 100px);

  z-index: 99;

  background: var(--black-color);

  padding: 20px 30px;

  border-radius: 10px 0 0 10px;

  max-width: 300px;

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

      -ms-transform: translate(100%, 0);

          transform: translate(100%, 0);

  -webkit-transition: 0.4s;

  transition: 0.4s;

}



.color-scheme-title {

  font-size: 22px;

  border-bottom: 1px solid var(--th-border-color);

  padding-bottom: 6px;

  color: var(--white-color);

  margin-bottom: 20px;

}



.color-scheme-title i {

  font-size: 18px;

  margin-right: 3px;

}



.color-scheme-text {

  color: var(--white-color);

  font-size: 14px;

  margin-bottom: 6px;

}



.color-scheme .switchIcon {

  position: absolute;

  left: 0;

  top: 10px;

  border: 0;

  background: var(--theme-color);

  color: var(--white-color);

  height: 45px;

  width: 45px;

  border-radius: 5px 0 0 5px;

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

      -ms-transform: translate(-100%, 0);

          transform: translate(-100%, 0);

}



.color-scheme .color-switch-btns {

  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;

  gap: 18px;

  margin-bottom: 20px;

}



.color-scheme .color-switch-btns button {

  padding: 0;

  border: 0;

  background: transparent;

  font-size: 24px;

  color: var(--theme-color);

  text-align: left;

}



.color-scheme #thcolorpicker {

  padding: 0 !important;

  border: 2px solid var(--white-color);

  border-radius: 0;

  height: 25px;

  border-radius: 15px;

  overflow: hidden;

  max-width: 170px;

}



.color-scheme.active {

  -webkit-transform: translate(0, 0);

      -ms-transform: translate(0, 0);

          transform: translate(0, 0);

}



.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.4em;

  font-size: 0.7em;

  border-radius: 50%;

  top: 8px;

  right: 8px;

  font-weight: 400;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.th-social a {

  display: inline-block;

  width: var(--icon-size, 46px);

  height: var(--icon-size, 46px);

  line-height: var(--icon-size, 46px);

  background-color: var(--smoke-color);

  color: var(--title-color);

  font-size: 16px;

  text-align: center;

  margin-right: 5px;

  border-radius: 6px;

}



.th-social a:last-child {

  margin-right: 0;

}



.th-social a:hover {

  background-color: var(--theme-color);

  color: var(--white-color);

}



.th-social.color-theme a {

  color: var(--body-color);

  border-color: var(--theme-color);

}



.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 */

}



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

  }

}



.th-bg-img {

  position: absolute;

  inset: 0;

}



.th-bg-img img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.xdsoft_datetimepicker {

  background-color: var(--white-color);

  z-index: 5;

}



.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-theme2 {

  background-color: var(--theme-color2) !important;

}



.bg-smoke {

  background-color: var(--smoke-color) !important;

}



.bg-smoke2 {

  background-color: var(--smoke-color2) !important;

}



.bg-white {

  background-color: var(--white-color) !important;

}



.bg-black {

  background-color: var(--black-color) !important;

}



.bg-title {

  background-color: var(--title-color) !important;

}



.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-bottom-center {

  background-size: auto;

  background-position: bottom 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;

}



/*------------------- 3.8. Text Color -------------------*/

.text-theme {

  color: var(--theme-color) !important;

}



.text-theme2 {

  color: var(--theme-color2) !important;

}



.text-title {

  color: var(--title-color) !important;

}



.text-body {

  color: var(--body-color) !important;

}



.text-white {

  color: var(--white-color) !important;

}



.text-light {

  color: var(--light-color) !important;

}



.text-yellow {

  color: var(--yellow-color) !important;

}



.text-success {

  color: var(--success-color) !important;

}



.text-error {

  color: var(--error-color) !important;

}



.text-inherit {

  color: inherit;

}



.text-inherit:hover {

  color: var(--theme-color);

}



a.text-theme:hover,

.text-reset:hover {

  text-decoration: underline;

}



/*------------------- 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(1);

            transform: scale(1);

    opacity: 0;

  }

  30% {

    opacity: 0.4;

  }

  100% {

    -webkit-transform: scale(2.8);

            transform: scale(2.8);

    opacity: 0;

  }

}



@keyframes ripple2 {

  0% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0;

  }

  30% {

    opacity: 0.4;

  }

  100% {

    -webkit-transform: scale(2.8);

            transform: scale(2.8);

    opacity: 0;

  }

}



.fancy-animation {

  -webkit-animation: morph 8s ease-in-out infinite;

          animation: morph 8s ease-in-out infinite;

}



@-webkit-keyframes morph {

  0% {

    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;

  }

  50% {

    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;

  }

  100% {

    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;

  }

}



@keyframes morph {

  0% {

    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;

  }

  50% {

    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;

  }

  100% {

    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;

  }

}



.movingX {

  -webkit-animation: movingX 8s linear infinite;

          animation: movingX 8s linear infinite;

}



@-webkit-keyframes movingX {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(50px);

            transform: translateX(50px);

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



@keyframes movingX {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(50px);

            transform: translateX(50px);

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



.starani {

  -webkit-animation: starani 6s linear infinite;

          animation: starani 6s linear infinite;

}



.starani:nth-child(2) {

  -webkit-animation-delay: 1s;

          animation-delay: 1s;

}



.starani:nth-child(3) {

  -webkit-animation-delay: 2s;

          animation-delay: 2s;

}



.starani:nth-child(4) {

  -webkit-animation-delay: 3s;

          animation-delay: 3s;

}



@-webkit-keyframes starani {

  0% {

    opacity: 1;

    -webkit-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0);

  }

  50% {

    -webkit-transform: scale(0.35) translateY(40px);

            transform: scale(0.35) translateY(40px);

    opacity: 0;

  }

  100% {

    -webkit-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0);

    opacity: 1;

  }

}



@keyframes starani {

  0% {

    opacity: 1;

    -webkit-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0);

  }

  50% {

    -webkit-transform: scale(0.35) translateY(40px);

            transform: scale(0.35) translateY(40px);

    opacity: 0;

  }

  100% {

    -webkit-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0);

    opacity: 1;

  }

}



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

  }

}



.moving {

  -webkit-animation: moving 8s linear infinite;

          animation: moving 8s linear infinite;

}



@-webkit-keyframes moving {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



@keyframes moving {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



.jump {

  -webkit-animation: jumpAni 7s linear infinite;

          animation: jumpAni 7s linear infinite;

}



@-webkit-keyframes jumpAni {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

            transform: translateY(-30px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



@keyframes jumpAni {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

            transform: translateY(-30px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



.jump-reverse {

  -webkit-animation: jumpReverseAni 7s linear infinite;

          animation: jumpReverseAni 7s linear infinite;

}



@-webkit-keyframes jumpReverseAni {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

    -webkit-transform: translateY(30px);

            transform: translateY(30px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



@keyframes jumpReverseAni {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

    -webkit-transform: translateY(30px);

            transform: translateY(30px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



.spin {

  -webkit-animation: spin 10s linear infinite;

          animation: spin 10s linear infinite;

}



@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0);

            transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@keyframes spin {

  0% {

    -webkit-transform: rotate(0);

            transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@-webkit-keyframes spinReverse {

  0% {

    -webkit-transform: rotate(0);

            transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(-360deg);

            transform: rotate(-360deg);

  }

}



@keyframes spinReverse {

  0% {

    -webkit-transform: rotate(0);

            transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(-360deg);

            transform: rotate(-360deg);

  }

}



.bg-color-ani,

.color-animate {

  -webkit-animation: bgColor 6s linear infinite;

          animation: bgColor 6s linear infinite;

}



@-webkit-keyframes bgColor {

  0% {

    background-color: #F2BA4C;

  }

  25% {

    background-color: #81F24C;

  }

  50% {

    background-color: #41F27D;

  }

  75% {

    background-color: #0500FF;

  }

  100% {

    background-color: #F2BA4C;

  }

}



@keyframes bgColor {

  0% {

    background-color: #F2BA4C;

  }

  25% {

    background-color: #81F24C;

  }

  50% {

    background-color: #41F27D;

  }

  75% {

    background-color: #0500FF;

  }

  100% {

    background-color: #F2BA4C;

  }

}



@-webkit-keyframes animate-positive {

  0% {

    width: 0;

  }

}



@keyframes animate-positive {

  0% {

    width: 0;

  }

}



.bubble_ani,

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

}



.bubble_ani {

  -webkit-animation-duration: 7s;

          animation-duration: 7s;

}



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

}



.swiper-slide-active .bubble_ani {

  --animation-name: bubble_ani;

}



@-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 bubble_ani {

  0% {

    opacity: 1;

    -webkit-transform: translateY(150px);

            transform: translateY(150px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-650px);

            transform: translateY(-650px);

  }

}



@keyframes bubble_ani {

  0% {

    opacity: 1;

    -webkit-transform: translateY(150px);

            transform: translateY(150px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-650px);

            transform: translateY(-650px);

  }

}



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

  }

}



/*=================================

    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 {

  font-size: 18px;

  font-weight: 500;

  font-family: var(--title-font);

  display: block;

  background-color: var(--white-color);

  box-shadow: 0px 2px 4px rgba(2, 29, 53, 0.1);

  margin-bottom: 14px;

  padding: 17px 45px 17px 30px;

  font-size: 16px;

  line-height: 1.313;

  color: var(--title-color);

  border-radius: 6px;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.widget_nav_menu a::before,

.widget_meta a::before,

.widget_pages a::before,

.widget_archive a::before,

.widget_categories a::before,

.wp-block-categories a::before {

  content: '\f061';

  position: absolute;

  right: 30px;

  top: 17px;

  font-family: var(--icon-font);

  font-weight: 600;

  color: inherit;

}



.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_meta li > span,

.widget_pages li > span,

.widget_archive li > span,

.widget_categories li > span,

.wp-block-categories li > span {

  color: var(--body-color);

  text-align: center;

  position: absolute;

  right: 0;

  top: 14px;

  -webkit-transition: all ease 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;

}



.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: #EAEEFA;

  color: var(--theme-color);

  box-shadow: none;

  border-left: 5px solid var(--theme-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;

}



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

  margin-bottom: 40px;

  position: relative;

  border-radius: 10px;

}



.widget[data-overlay]:before {

  z-index: -1;

}



.widget .th-social a {

  box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1);

}



.widget select,

.widget input,

.widget .form-select,

.widget .form-control,

.widget textarea {

  background-color: var(--white-color);

  border-radius: 6px;

}



.widget textarea {

  min-height: 120px;

}



.widget .form-group > i {

  background-color: var(--white-color);

}



.widget_title {

  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;

}



.widget_title:after, .widget_title:before {

  content: '';

  height: 3px;

  width: 100%;

  background-color: var(--th-border-color);

  position: absolute;

  bottom: 0;

  left: 0;

  border-radius: 99px;

}



.widget_title:after {

  background-color: var(--theme-color);

  width: 30px;

}



.widget-form {

  --bs-gutter-x: 20px;

}



.widget .search-form {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.widget .search-form input {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

      -ms-flex: 1;

          flex: 1;

  border-radius: 6px;

  padding-right: 25px;

  border: 1px solid transparent;

  box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.04);

}



.widget .search-form input:focus {

  border-color: var(--theme-color);

}



.widget .search-form button {

  border: none;

  font-size: 16px;

  font-size: 500;

  background-color: var(--theme-color);

  color: var(--white-color);

  display: inline-block;

  padding: 0;

  width: 56px;

  height: 100%;

  text-align: center;

  border-radius: 6px;

  position: absolute;

  top: 0;

  right: 0;

}



.widget .search-form button:hover {

  background-color: var(--title-color);

}



.wp-block-tag-cloud a,

.tagcloud a {

  display: inline-block;

  font-size: 14px;

  font-weight: 400;

  font-family: var(--body-font);

  text-transform: capitalize;

  line-height: 1;

  padding: 13px 24px;

  margin-right: 6px;

  margin-bottom: 10px;

  color: var(--body-color);

  background-color: var(--white-color);

  border-radius: 6px;

}



.wp-block-tag-cloud a:hover,

.tagcloud a:hover {

  background-color: var(--theme-color);

  color: var(--white-color) !important;

  border-color: var(--theme-color);

}



.wp-block-tag-cloud,

.tagcloud {

  margin-right: -10px;

  margin-bottom: -10px;

}



.call-feature {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-content: center;

      -ms-flex-line-pack: center;

          align-content: center;

  gap: 20px;

}



.call-feature .box-label {

  color: var(--light-color);

  margin-bottom: 5px;

}



.call-feature .box-link {

  color: var(--white-color);

  font-size: 18px;

  font-weight: 600;

}



.call-feature .box-link:hover {

  color: var(--theme-color);

}



.widget_banner {

  background-position: bottom center;

}



.widget-banner {

  padding-top: 280px;

}



.widget-banner .box-title {

  color: var(--white-color);

}



.widget-banner .box-icon {

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  background-color: var(--theme-color);

  color: var(--white-color);

  border-radius: 99px;

  font-size: 22px;

}



.sidebar-gallery {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 10px;

  max-width: 355px;

}



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

  border-radius: 6px;

}



.sidebar-gallery .gallery-thumb:before {

  content: '';

  height: calc(100% - 14px);

  width: calc(100% - 14px);

  background-color: var(--title-color);

  opacity: 0.6;

  position: absolute;

  top: 7px;

  left: 7px;

  border: 1px solid var(--white-color);

  -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: 15px;

  width: 85px;

  overflow: hidden;

  border-radius: 8px;

  position: relative;

}



.recent-post .media-img img {

  width: 100%;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.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-weight: 600;

  font-size: 16px;

  line-height: 26px;

  margin: 0 0 8px 0;

  font-family: var(--title-font);

  text-transform: capitalize;

}



.recent-post .recent-post-meta a {

  text-transform: capitalize;

  font-size: 14px;

  color: var(--body-color);

  font-family: var(--body-font);

}



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

}



.sidebar-area {

  margin-bottom: -10px;

}



.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_nav_menu > ul,

.sidebar-area .widget_nav_menu .menu,

.sidebar-area .widget_meta > ul,

.sidebar-area .widget_meta .menu,

.sidebar-area .widget_pages > ul,

.sidebar-area .widget_pages .menu,

.sidebar-area .widget_archive > ul,

.sidebar-area .widget_archive .menu,

.sidebar-area .widget_categories > ul,

.sidebar-area .widget_categories .menu,

.sidebar-area .wp-block-categories > ul,

.sidebar-area .wp-block-categories .menu {

  margin: 0 0 -14px 0;

}



.sidebar-area .wp-block-categories {

  margin: 0px 0 -14px 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;

}



.download-widget-wrap .th-btn {

  width: 100%;

}



.download-widget-wrap .th-btn:first-child {

  margin-bottom: 15px;

}



.download-widget-wrap .th-btn.style2 {

  color: var(--body-color);

}



.download-widget-wrap .th-btn.style2:before {

  background-color: var(--theme-color);

}



.download-widget-wrap .th-btn.style2:hover {

  color: var(--white-color);

  border-color: var(--theme-color);

}



.widget_call {

  background-color: var(--title-color);

  position: relative;

  padding: 0 !important;

}



.widget_call .widget_title {

  color: var(--white-color);

}



.widget-map iframe {

  min-height: 280px;

}



.widget-call {

  position: relative;

  z-index: 2;

  overflow: hidden;

  text-align: center;

  padding: 0 10px var(--widget-padding-y, 40px) 10px;

}



.widget-call:before {

  content: '';

  width: 368px;

  height: 368px;

  background-color: var(--theme-color);

  border: 6px solid var(--white-color);

  position: absolute;

  bottom: calc(100% - 120px);

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  border-radius: 50%;

  z-index: -1;

}



.widget-call .text {

  display: block;

  margin: 22px auto 25px auto;

  color: var(--white-color);

  max-width: 310px;

}



.widget-call .call {

  font-size: 30px;

  font-weight: 600;

  color: var(--white-color);

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  margin: 30px auto 0 auto;

}



.widget-call .call:hover {

  color: var(--theme-color);

}



.widget-call .play-btn {

  --icon-size: 60px;

}



.widget-call .play-btn > i {

  font-size: 30px;

}



.widget-call .box-title {

  font-weight: 500;

  color: var(--white-color);

  margin-bottom: 35px;

  padding-top: 20px;

}



/* Medium Large devices */

@media (max-width: 1299px) {

  .widget-call .title {

    font-size: 34px;

  }

}



.widget_info .th-btn {

  width: 100%;

  margin-bottom: 10px;

  display: block;

}



.widget_info .th-video {

  margin-bottom: 20px;

}



.info-list {

  margin-top: -16px;

}



.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 strong {

  font-weight: 500;

  color: var(--title-color);

}



.info-list li {

  border-bottom: 1px dashed #D3DBEB;

  padding: 12px 0;

  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: 5px;

}



.info-list li:last-child {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: -0.45em;

}



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

}



@media (max-width: 350px) {

  .widget_shopping_cart .cart_list a:not(.remove) {

    font-size: 12px;

  }

}



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

}



.widget_shopping_cart .total {

  margin-top: 20px;

  font-size: 18px;

  color: var(--title-color);

  font-family: var(--body-font);

}



.widget_shopping_cart .total strong {

  font-family: var(--title-font);

}



.widget_shopping_cart .amount {

  padding-left: 5px;

}



.widget_shopping_cart .th-btn {

  margin-right: 15px;

  margin-bottom: 15px;

  /* Extra small devices */

}



@media (max-width: 575px) {

  .widget_shopping_cart .th-btn {

    min-width: 140px;

  }

}



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

  }

}



/* Small devices */

@media (max-width: 767px) {

  .widget {

    padding: 20px;

    border-radius: 10px;

  }

}



@media (max-width: 330px) {

  .recent-post .post-title {

    font-size: 14px;

    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 .widget_title {

  max-width: 270px;

  color: var(--white-color);

  font-weight: 600;

  text-transform: capitalize;

  margin: -0.12em 0 38px 0;

  padding: 0 0 20px 0;

}



.footer-widget .widget_title:before {

  display: none;

}



.footer-widget .widget_title:after {

  border-radius: 10px;

  height: 2px;

  width: 92px;

  background-color: transparent;

  background-image: -webkit-linear-gradient(left, var(--theme-color), transparent);

  background-image: linear-gradient(to right, var(--white-color), transparent);

}



.footer-widget .widget_title img {

  margin: -7px 10px 0 0;

}



.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: -5px;

}



.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: -5px;

}



.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {

  font-size: 16px;

  font-weight: 400;

  padding: 0 0 0 16px;

  margin-bottom: 16px;

  font-family: var(--body-font);

  color: var(--body-color);

  display: block;

  max-width: 100%;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  padding-right: 0;

  background-color: transparent;

  border: none !important;

  box-shadow: 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: "\f054";

  font-weight: 600;

  left: 0;

  top: 2px;

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

  font-size: 0.9em;

  background-color: transparent;

  border: none;

  /* color: var(--theme-color); */

  color: #fff;

}



.footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover {

  background-color: transparent;

  color: var(--theme-color);

}



.footer-widget.widget_meta a:hover:before, .footer-widget.widget_pages a:hover:before, .footer-widget.widget_archive a:hover:before, .footer-widget.widget_categories a:hover:before, .footer-widget.widget_nav_menu a:hover:before {

  color: var(--theme-color);

}



.footer-widget.widget_meta li > span, .footer-widget.widget_pages li > span, .footer-widget.widget_archive li > span, .footer-widget.widget_categories li > span, .footer-widget.widget_nav_menu li > span {

  width: auto;

  height: auto;

  position: relative;

  background-color: transparent;

  color: var(--body-color);

  line-height: 1;

}



.footer-widget.widget_meta li:last-child a, .footer-widget.widget_pages li:last-child a, .footer-widget.widget_archive li:last-child a, .footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a {

  margin-bottom: 0;

}



.footer-widget .recent-post {

  max-width: 300px;

  margin-bottom: 30px;

}



.footer-widget .recent-post .media-img {

  max-width: 90px;

  border-radius: 8px;

}



.footer-widget .recent-post .media-img:after {

  line-height: 85px;

}



.footer-widget .recent-post .post-title {

  color: var(--white-color);

  font-weight: 500;

}



.footer-widget .recent-post:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: 0;

}



.footer-widget .recent-post .recent-post-meta a {

  font-weight: 400;

  line-height: 1.2;

}



.footer-widget .recent-post .recent-post-meta i {

  color: var(--theme-color);

}



.footer-widget .recent-post .recent-post-meta a:hover i {

  color: var(--theme-color);

}



.about-logo {

  margin-bottom: 15px;

}



.th-widget-about {

  max-width: 93%;

}



.th-widget-about .about-logo {

  margin-bottom: 25px;

}



.th-widget-about .about-text {

  margin-bottom: 27px;

  margin-top: -0.45em;

}



.th-widget-about .th-social {

  margin-top: 20px;

}



.footer-text {

  margin-top: -0.5em;

  margin-bottom: 22px;

}



.social-box {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

}



.social-box .social-title {

  font-size: 20px;

  color: var(--white-color);

  font-weight: 600;

  margin-right: 20px;

  margin-bottom: 0;

}



.icon-group a {

  color: var(--white-color);

  font-size: 18px;

  margin-right: 17px;

}



.icon-group a:last-child {

  margin-right: 0;

}



.newsletter-form {

  position: relative;

  max-width: 465px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

}



.newsletter-form .th-btn {

  min-width: 145px;

  padding: 21px 20px;

}



/* Small devices */

@media (max-width: 767px) {

  .footer-widget .widget_title {

    margin-bottom: 35px;

  }

  .th-widget-about .about-text {

    margin-bottom: 15px;

  }

  .social-box.mb-30 {

    margin-bottom: 25px;

  }

}



/*------------------- 4.2. Header  -------------------*/

.th-header {

  position: relative;

  z-index: 41;

}



.th-header .icon-btn {

  border-radius: 99px;

}



.th-header .menu-area {

  position: relative;

  z-index: 2;

}



.sticky-wrapper {

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.sticky-wrapper.sticky {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  background-color: var(--white-color);

  -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: 600;

  font-size: 16px;

  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 19px;

}



.main-menu > ul > li > a {

  padding: 36.5px 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.9em;

  color: inherit;

  -webkit-transition: 0.3s -webkit-transform;

  transition: 0.3s -webkit-transform;

  transition: 0.3s transform;

  transition: 0.3s transform, 0.3s -webkit-transform;

}



.main-menu ul li.menu-item-has-children > a:hover:after {

  content: "\f068";

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

  -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: 16px;

  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: "\f55d";

  position: absolute;

  top: 9px;

  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: 21px;

}



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

  }

}



/* Large devices */

@media (max-width: 1199px) {

  .main-menu > ul > li {

    margin: 0 11px;

  }

}



.menu-style1 > ul > li {

  margin: 0 14px;

  /* Medium Large devices */

}



@media (max-width: 1299px) {

  .menu-style1 > ul > li {

    margin: 0 10px;

  }

}



.menu-style1 > ul > li > a {

  padding: 17px 0;

  color: var(--white-color);

  font-weight: 500;

}



.menu-style1 > ul > li > a:hover {

  color: var(--theme-color);

}



.simple-icon {

  border: none;

  background-color: transparent;

  padding: 0;

  font-size: 24px;

  position: relative;

}



.simple-icon:hover {

  color: var(--theme-color);

}



.simple-icon:has(.badge) {

  padding-right: 8px;

}



.simple-icon .badge {

  top: -8px;

  right: 0;

  font-size: 12px;

  background-color: var(--theme-color2);

}



.header-button {

  height: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

  position: relative;

  z-index: 3;

}



.header-button .th-btn {

  margin: 0 0 0 20px;

}



.header-button .icon-btn .badge {

  font-size: 12px;

  top: 0;

  right: 0;

}



.header-button .icon-btn:hover .badge {

  background-color: var(--title-color);

}



.social-links .social-title {

  font-weight: 500;

  font-size: 16px;

  display: inline-block;

  margin: 0 10px 0 0;

  color: var(--body-color);

}



.social-links a {

  font-size: 16px;

  display: inline-block;

  color: var(--body-color);

  margin: 0 15px 0 0;

}



.social-links a:last-child {

  margin-right: 0 !important;

}



.social-links a:hover {

  color: var(--theme-color);

}



.header-logo {

  padding-top: 15px;

  padding-bottom: 15px;

}



.header-links ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



.header-links li {

  display: inline-block;

  position: relative;

  font-size: 14px;

  font-weight: 400;

}



.header-links li:not(:last-child) {

  margin: 0 55px 0 0;

}



.header-links li:not(:last-child):after {

  content: '';

  height: 14px;

  width: 2px;

  background-color: var(--body-color);

  position: absolute;

  top: 0px;

  right: -30px;

  margin-top: 7px;

  opacity: 0.6;

}



.header-links li > i {

  margin-right: 6px;

}



.header-links li,

.header-links span,

.header-links p,

.header-links a {

  color: var(--body-color);

}



.header-links a:hover {

  color: var(--theme-color);

}



.header-links b,

.header-links strong {

  font-weight: 500;

  margin-right: 6px;

}



.header-links .social-links a {

  font-size: 14px;

}



.header-notice {

  margin: 0;

}



.header-top {

  padding: 12px 0;

  background-color: var(--theme-color);

  --body-color: #fff;

}



.header-top a:hover {

  color: var(--title-color);

}



.dropdown-link {

  position: relative;

}



.dropdown-link > a {

  color: var(--body-color);

}



.dropdown-link > a img {

  margin-right: 4px;

}



.dropdown-toggle::after {

  content: "\f078";

  border: none;

  font-family: var(--icon-font);

  vertical-align: middle;

  font-weight: 400;

  margin-left: 6px;

  margin-top: -1px;

}



.dropdown-menu {

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  min-width: auto;

  top: calc(100% + 6px) !important;

  left: 50% !important;

  -webkit-transform: translateX(-50%) !important;

      -ms-transform: translateX(-50%) !important;

          transform: translateX(-50%) !important;

  padding: 8px 20px !important;

  text-align: center;

  border-color: var(--th-border-color);

}



.dropdown-menu li {

  padding-right: 0;

  margin-right: 0;

}



.dropdown-menu li:after {

  display: none;

}



.dropdown-menu li a {

  display: block;

}



.dropdown-menu a {

  color: var(--title-color) !important;

}



.dropdown-menu a:hover {

  color: var(--theme-color) !important;

}



.dropdown-menu:before {

  content: "";

  position: absolute;

  left: 50%;

  top: -7px;

  width: 14px;

  height: 14px;

  margin-left: -7px;

  background-color: var(--white-color);

  z-index: -1;

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

  border-top: 1px solid var(--th-border-color);

  border-left: 1px solid var(--th-border-color);

}



/* Header 1 ---------------------------------- */

.header-layout1 {

  position: relative;

}



.header-layout1 .sticky-wrapper {

  box-shadow: 0px 10px 20px rgba(2, 29, 53, 0.06);

}



.header-layout1 .menu-area {

  position: relative;

  z-index: 2;

}



.header-layout1 .header-logo {

  position: relative;

  z-index: 2;

}



.header-layout1 .th-menu-toggle {

  margin-left: auto;

}



@media (min-width: 1300px) {

  .header-layout1 {

    --main-container: 1620px;

  }

}



/* Medium Large devices */

@media (max-width: 1399px) {

  .header-layout1 .header-button .th-btn {

    display: none;

  }

}



/* Extra small devices */

@media (max-width: 575px) {

  .header-layout1 .header-logo h2 {

    font-size: 36px;

  }

  .header-layout1 .header-logo img {

    max-width: 170px;

  }

}



/* Extra small devices */

@media (max-width: 375px) {

  .header-layout1 .header-logo img {

    max-width: 150px;

  }

}



/* 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 ---------------------------------- */

.header-layout2 .header-top {

  background-color: var(--title-color);

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.header-layout2 .header-top a:hover {

  color: var(--theme-color);

}



.header-layout2 .header-links li:after {

  opacity: 0.35;

  width: 1px;

}



.header-layout2 .header-links li > i {

  color: var(--theme-color);

}



.header-layout2 .main-menu > ul > li > a {

  color: var(--white-color);

}



.header-layout2 .main-menu a:hover {

  color: var(--theme-color2);

}



.header-layout2 .main-menu a:hover:before {

  color: var(--theme-color2);

}



.header-layout2 .menu-area {

  position: relative;

  z-index: 2;

}



.header-layout2 .header-logo {

  padding: 0;

}



.header-layout2 .search-form {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  border-radius: 99px;

  margin-right: 15px;

}



.header-layout2 .search-form input {

  height: 50px;

  width: 250px;

  max-width: 100%;

  border-radius: 99px;

  background-color: rgba(255, 255, 255, 0.1);

  color: var(--white-color);

}



.header-layout2 .search-form input::-moz-placeholder {

  color: var(--white-color);

}



.header-layout2 .search-form input::-webkit-input-placeholder {

  color: var(--white-color);

}



.header-layout2 .search-form input:-ms-input-placeholder {

  color: var(--white-color);

}



.header-layout2 .search-form input::-ms-input-placeholder {

  color: var(--white-color);

}



.header-layout2 .search-form input::placeholder {

  color: var(--white-color);

}



.header-layout2 .search-form button {

  width: 50px;

  height: 50px;

  line-height: 50px;

  min-width: 50px;

  background-color: transparent;

  border-radius: 99px;

  color: var(--white-color);

  font-size: 16px;

  text-align: center;

  border: none;

  padding: 0;

  margin-left: -53px;

}



.header-layout2 .search-form button:hover {

  color: var(--theme-color2);

}



.header-layout2 .simple-icon {

  color: var(--white-color);

}



.header-layout2 .simple-icon:hover {

  color: var(--theme-color2);

}



.header-layout2 .sticky-wrapper {

  background-color: var(--title-color);

}



.header-layout2 .th-menu-toggle {

  margin-left: auto;

}



.header-layout2 .header-button {

  gap: 15px;

}



.header-layout2 .dropdown-link > a {

  color: var(--white-color);

}



@media (min-width: 1300px) {

  .header-layout2 {

    --main-container: 1680px;

  }

}



/* Medium Large devices */

@media (max-width: 1399px) {

  .header-layout2 .search-form {

    display: none;

  }

}



/* Medium Large devices */

@media (max-width: 1299px) {

  .header-layout2 .header-button .th-btn {

    display: none;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .header-layout2 .menu-top {

    padding: 15px 0;

  }

  .header-layout2 .header-logo {

    padding: 15px 0;

  }

  .header-layout2 .header-logo img {

    max-height: 46px;

  }

}



/* Extra small devices */

@media (max-width: 375px) {

  .header-layout2 .header-logo img {

    max-height: 38px;

  }

}



/* Header 3 ---------------------------------- */

.header-layout3 {

  position: relative;

  max-width: 1520px;

  margin: 0 auto -100px auto;

}



.header-layout3 .container-fluid {

  padding-left: 0;

  padding-right: 22px;

}



.header-layout3 .header-top {

  background-color: var(--theme-color);

}



.header-layout3 .header-top .container-fluid {

  padding-left: 310px;

}



.header-layout3 .header-links li > i {

  border-color: var(--white-color);

}



.header-layout3 .header-links a:hover {

  color: var(--title-color);

}



.header-layout3 .menu-area {

  position: relative;

  z-index: 2;

}



.header-layout3 .main-menu {

  margin-left: 6px;

}



.header-layout3 .header-logo {

  position: relative;

  z-index: 2;

  height: 150px;

  margin-top: -50px;

  padding: 45px 39px;

  background-color: #050C14;

  border-radius: 0 0 0 30px;

  -webkit-clip-path: polygon(100% 0, 100% 85px, calc(100% - 38px) 100%, 0 100%, 0 0);

          clip-path: polygon(100% 0, 100% 85px, calc(100% - 38px) 100%, 0 100%, 0 0);

}



.header-layout3 .sticky-wrapper {

  box-shadow: 0px 10px 20px rgba(2, 29, 53, 0.06);

  background-color: var(--white-color);

  border-radius: 0 0 30px 30px;

  max-width: 1520px;

  margin-left: auto;

  margin-right: auto;

}



.header-layout3 .sticky-wrapper.sticky .header-logo {

  height: 100%;

  margin-top: 0;

  padding: 19px 39px;

}



.header-layout3 .th-menu-toggle {

  margin-left: auto;

}



/* Medium Large devices */

@media (max-width: 1399px) {

  .header-layout3 .header-button .th-btn {

    display: none;

  }

}



/* Medium Large devices */

@media (max-width: 1299px) {

  .header-layout3 {

    margin: 0 auto -30px auto;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .header-layout3 .header-top .container-fluid {

    padding-left: 12px;

  }

  .header-layout3 .container-fluid {

    padding-right: 12px;

  }

  .header-layout3 .header-logo {

    margin-top: 0;

    height: 100%;

    padding: 15px 12px !important;

    border-radius: 0 0 0 15px;

    -webkit-clip-path: polygon(100% 0, 100% 80%, calc(100% - 25px) 100%, 0 100%, 0 0);

            clip-path: polygon(100% 0, 100% 80%, calc(100% - 25px) 100%, 0 100%, 0 0);

  }

  .header-layout3 .sticky-wrapper {

    border-radius: 0 0 15px 15px;

  }

}



/* Extra small devices */

@media (max-width: 575px) {

  .header-layout3 .row {

    --bs-gutter-x: 0;

  }

  .header-layout3 .header-logo img {

    max-width: 155px;

  }

}



/*------------------- 4.3. Footer  -------------------*/

.footer-wrapper {

  --th-border-color: rgba(120, 128, 148, 0.4);

  --body-color: #fff;

  position: relative;

  z-index: 2;

  background-color: var(--theme-color);

  overflow: hidden;

}



.footer-wrapper .th-social a {

  background-color: var(--white-color);

  color: var(--title-color);

}



.footer-wrapper .th-social a:hover {

  background-color: var(--theme-color);

  color: var(--white-color) !important;

}



.footer-wrapper .social-links a {

  margin: 0 30px 0 0;

}



.widget-area {

  padding-top: 80px;

  padding-bottom: 36px;

}



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

  position: relative;

}



.footer-links li:after {

  content: "";

  height: 20px;

  width: 1px;

  background-color: var(--body-color);

  position: absolute;

  top: 50%;

  right: 0;

  margin: -10px 0;

}



.footer-links li:last-child {

  margin-right: 0;

  padding-right: 0;

}



.footer-links li:last-child:after {

  display: none;

}



.footer-links a {

  font-family: inherit;

  color: var(--body-color);

}



.footer-links a:hover {

  color: var(--theme-color);

}



.copyright-wrap {

  padding: 25px 0;

  background-size: 100% auto;

  background-color: #121212;

}



.copyright-wrap .copyright-text {

  color: var(--white-color);

}



.copyright-wrap .copyright-text a {

  color: var(--theme-color);

}



.copyright-wrap .copyright-text a:hover {

  color: var(--white-color);

}



.copyright-wrap.bg-title .copyright-text a:hover {

  color: var(--theme-color);

}



.footer-top-wrap {

  padding-top: 50px;

  padding-bottom: 50px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.25);

}



.footer-contact {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  gap: 15px;

  /* Large devices */

  /* Extra small devices */

}



@media (max-width: 1199px) {

  .footer-contact {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 20px;

  }

}



@media (max-width: 575px) {

  .footer-contact {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

        -ms-flex-direction: row;

            flex-direction: row;

    gap: 15px;

  }

}



@media (max-width: 360px) {

  .footer-contact {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}



.footer-contact .box-icon {

  width: 80px;

  height: 80px;

  line-height: 80px;

  background-color: rgba(6, 143, 255, 0.3);

  color: var(--white-color);

  font-size: 36px;

  text-align: center;

  border-radius: 10px;

}



.footer-contact .box-title {

  color: var(--white-color);

  font-size: 18px;

  margin-bottom: 7px;

}



.footer-contact .box-content {

  max-width: 242px;

  -webkit-align-self: center;

      -ms-flex-item-align: center;

          align-self: center;

  /* Medium devices */

  /* Small devices */

}



@media (max-width: 991px) {

  .footer-contact .box-content {

    max-width: 235px;

  }

}



@media (max-width: 767px) {

  .footer-contact .box-content {

    max-width: 242px;

  }

}



.footer-contact .box-text {

  line-height: 24px;

}



.footer-contact .box-text a {

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  color: inherit;

}



.footer-contact .box-text a:hover {

  color: var(--theme-color);

}



.footer-info {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 8px;

}



.footer-info:last-child {

  margin-bottom: 0;

}



.footer-info i {

  color: var(--theme-color);

  min-width: 23px;

  margin-top: 6px;

}



.footer-info .fa-envelope {

  -webkit-transform: translateY(1px);

      -ms-transform: translateY(1px);

          transform: translateY(1px);

}



.footer-info .fa-location-dot {

  -webkit-transform: scaleX(1.2);

      -ms-transform: scaleX(1.2);

          transform: scaleX(1.2);

}



.copyright-text {

  margin: 0;

}



.copyright-text a {

  color: var(--theme-color);

}



.copyright-text a:hover {

  color: var(--white-color);

}



.footer-newsletter {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 25px;

  padding-left: 60px;

}



.footer-newsletter .newsletter-title {

  max-width: 425px;

  margin-bottom: 0;

}



.schedule-info {

  width: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);

  margin-bottom: 15px;

  padding-bottom: 15px;

}



.schedule-info:last-of-type {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}



.th-widget-schedule {

  width: 280px;

  max-width: 100%;

}



.th-widget-schedule .title {

  color: var(--white-color);

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 16px;

}



.newsletter-widget {

  max-width: 304px;

}



.newsletter-widget .newsletter-form {

  gap: 0;

  margin-bottom: 25px;

}



.newsletter-widget .newsletter-form input {

  border-radius: 6px;

  border: 1px solid var(--th-border-color);

  color: var(--title-color);



}



.newsletter-widget .newsletter-form input::-moz-placeholder {

  color: var(--title-color);

}



.newsletter-widget .newsletter-form input::-webkit-input-placeholder {

  color: var(--title-color);

}



.newsletter-widget .newsletter-form input:-ms-input-placeholder {

  color: var(--title-color);

}



.newsletter-widget .newsletter-form input::-ms-input-placeholder {

  color: var(--title-color);

}



.newsletter-widget .newsletter-form input::placeholder {

  color: var(--title-color);

}



.newsletter-widget .simple-icon {

  position: absolute;

  top: 0;

  right: 0;

  border: none;

  background-color: var(--theme-color);

  height: 100%;

  padding: 0 20px;

  color: var(--white-color);

  border-radius: 0 6px 6px 0;

}



.newsletter-widget .simple-icon:hover {

  background-color: var(--theme-color2);

}



.newsletter-widget .footer-text {

  margin-bottom: 22px;

}



.newsletter-widget .btn-group {

  gap: 15px;

}



.newsletter-form {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  max-width: 500px;

  gap: 10px;

  /* Large devices */

}



@media (max-width: 1199px) {

  .newsletter-form {

    max-width: 460px;

  }

}



.newsletter-form .form-group {

  margin-bottom: 0;

  width: 100%;

}



.newsletter-form .form-group > i {

  color: var(--theme-color);

}



.newsletter-form input {

  /* background-color: var(--white-color); */

  border: none;

  width: 280px;

  border: #575757 solid 1px;

  

}



.newsletter-form input:focus {

  background-color: var(--white-color);

  color: var(--body-color);

}



.newsletter-form .th-btn {

  min-width: 150px;

}



.newsletter-form .newsletter-btn {

  display: inline-block;

  border: none;

  background-color: var(--theme-color);

  color: var(--title-color);

  width: 55px;

  height: 55px;

  line-height: 55px;

  min-width: 55px;

}



.newsletter-wrap {

  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;

  padding: 70px 0;

  /* Medium devices */

}



.newsletter-wrap .sec-title {

  margin-bottom: 15px;

  font-weight: 600;

}



.newsletter-wrap .newsletter-text {

  margin-bottom: -0.5em;

  max-width: 400px;

}



@media (max-width: 991px) {

  .newsletter-wrap {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

    text-align: center;

    gap: 25px 0;

  }

  .newsletter-wrap .newsletter-form {

    max-width: 100%;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .newsletter-wrap {

    padding: 40px 0;

  }

  .newsletter-wrap .newsletter-title {

    font-size: 30px;

  }

  .newsletter-wrap .newsletter-text {

    font-size: 16px;

  }

  .footer-wrapper .newsletter-form {

    max-width: 400px;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .newsletter-wrap {

    -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: 25px;

  }

  .newsletter-wrap .newsletter-title {

    text-align: center;

    margin-left: auto;

    margin-right: auto;

  }

  .footer-wrapper .newsletter-form {

    max-width: 550px;

    gap: 15px;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}



/* Extra small devices */

@media (max-width: 575px) {

  .newsletter-wrap .newsletter-title {

    font-size: 24px;

  }

  .newsletter-wrap .newsletter-form {

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  .footer-wrapper .newsletter-form {

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .footer-wrapper .widget-area {

    padding-top: var(--section-space-mobile);

    padding-bottom: 30px;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .copyright-text {

    text-align: center;

  }

}



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

.footer-layout2 a:before {

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.footer-layout2 a:hover {

  color: #fff!important;  

}





.footer-layout2 a:hover:before {

  /* color: var(--theme-color2) !important; */

  color: #000!important;

}



.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-layout2 .newsletter-wrap {

    padding: 60px 0;

  }

}



.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-layout2 .newsletter-content .email-icon {

  /* Medium devices */

}



@media (max-width: 991px) {

  .footer-layout2 .newsletter-content .email-icon {

    display: none;

  }

}



.th-widget-contact {

  max-width: 290px;

}



.th-widget-contact .th-social {

  margin-top: 16px;

}



.th-widget-contact .footer-info {

  margin-bottom: 4px;

}



.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: 30px;

  height: 30px;

  min-width: 30px;

  line-height: 32px;

  font-size: 14px;

  background-color: rgba(255, 255, 255, 0.08);

  color: var(--theme-color2);

  border-radius: 6px;

  text-align: center;

  margin-right: 10px;

}



.info-box_text {

  display: block;

  color: var(--body-color);

  margin-top: -0.45em;

  margin-bottom: -0.45em;

  -webkit-align-self: center;

      -ms-flex-item-align: center;

          align-self: center;

}



.info-box_link {

  display: inline-block;

  color: var(--body-color);

}



.info-box_link:hover {

  color: var(--theme-color);

}



.th-widget-location {

  background: #0D1A27;

  padding: 30px;

  max-width: 334px;

  margin-top: -25px;

  /* Large devices */

  /* Small devices */

}



@media (max-width: 1199px) {

  .th-widget-location {

    margin-top: -10px;

  }

}



@media (max-width: 767px) {

  .th-widget-location {

    margin-top: 0;

  }

}



.location-box {

  margin-bottom: 25px;

}



.location-box:last-child {

  margin-bottom: -0.5em;

}



.location-box .box-title {

  font-size: 20px;

  margin-bottom: 13px;

  color: var(--white-color);

}



.footer-layout3 {

  --body-color: #969EB2;

  background-color: #050C14;

}



.footer-layout3 .widget-area {

  padding-top: 115px;

  padding-bottom: 56px;

  /* Medium devices */

}



@media (max-width: 991px) {

  .footer-layout3 .widget-area {

    padding-top: 80px;

    padding-bottom: 35px;

  }

}



.footer-layout3 .copyright-wrap {

  background-color: #0D1A27;

}



.footer-layout3 .copyright-wrap a:hover {

  color: var(--white-color);

}



/*------------------- 4.4. Breadcumb  -------------------*/

.breadcumb-menu {

  max-width: 100%;

  padding: 0;

  margin: 35px 0 -0.5em 0;

  list-style-type: none;

  position: relative;

}



.breadcumb-menu li {

  display: inline-block;

  margin-right: 3px;

  padding-right: 3px;

  list-style: none;

  position: relative;

}



.breadcumb-menu li:after {

  content: "\f054";

  position: relative;

  margin-left: 6px;

  font-weight: 500;

  font-size: 15px;

  color: inherit;

  font-family: var(--icon-font);

}



.breadcumb-menu li:last-child {

  padding-right: 0;

  margin-right: 0;

  color: var(--theme-color);

}



.breadcumb-menu li:last-child:after {

  display: none;

}



.breadcumb-menu li,

.breadcumb-menu a,

.breadcumb-menu span {

  font-family: var(--body-font);

  white-space: normal;

  color: inherit;

  word-break: break-word;

  font-weight: 500;

  font-size: 16px;

  color: var(--white-color);

}



.breadcumb-title {

  margin: -0.18em 0 -0.18em 0;

  line-height: 1.1;

  font-weight: 700;

  color: var(--white-color);

}



.breadcumb-wrapper {

  background-color: var(--smoke-color2);

  padding: 140px 0 140px 0;

  overflow: hidden;

}



/* Medium Large devices */

@media (max-width: 1399px) {

  .breadcumb-wrapper {

    padding: 120px 0 120px 0;

  }

}



/* Large devices */

@media (max-width: 1199px) {

  .breadcumb-menu {

    margin: 25px 0 -0.5em 0;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .breadcumb-wrapper {

    padding: 100px 0 100px 0;

  }

}



/* Extra small devices */

@media (max-width: 575px) {

  .breadcumb-menu {

    margin: 20px 0 -0.5em 0;

  }

  .breadcumb-title {

    font-size: 34px;

  }

}



/*------------------- 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;

  border: none;

  color: var(--title-color);

  background-color: var(--smoke-color);

  width: 56px;

  height: 56px;

  line-height: 56px;

  z-index: 1;

  font-size: 18px;

  font-weight: 500;

  border-radius: 6px;

}



.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-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: 10px;

  -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: 16px;

  line-height: 1.56;

  padding: 30px;

  font-weight: 500;

  display: block;

  position: relative;

  background-color: transparent;

  margin: 35px 0 45px 0;

  color: var(--title-color);

  font-family: var(--body-font);

  font-style: italic;

  border: 1px solid var(--th-border-color) !important;

  border-radius: 15px;

}



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:before,

.wp-block-quote:before {

  content: "";

  position: absolute;

  top: -1px;

  left: -1px;

  height: 50px;

  width: 33px;

  background-color: var(--white-color);

}



blockquote:after,

.wp-block-quote:after {

  content: "";

  position: absolute;

  top: -10px;

  left: 0px;

  height: 20px;

  width: 25px;

  background-color: var(--theme-color);

  -webkit-clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");

          clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");

}



blockquote cite,

.wp-block-quote cite {

  display: inline-block;

  font-size: 20px;

  line-height: 1;

  font-weight: 500;

  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: 7px 40px 7px 15px;

  -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%);

  border-radius: 10px 0 0 10px;

}



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;

  left: 20px;

}



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

}



/* 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;

    left: 30px;

  }

}



/* 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: 18px;

    padding-left: 22px;

  }

  blockquote cite:before,

  .wp-block-quote cite:before {

    width: 20px;

  }

}



.blog-meta {

  display: block;

}



.blog-meta span,

.blog-meta a {

  display: inline-block;

  font-size: 14px;

  color: var(--body-color);

  font-family: var(--body-font);

  position: relative;

  margin-right: 16px;

}



.blog-meta span i,

.blog-meta a i {

  margin-right: 6px;

  color: var(--theme-color);

}



.blog-meta span:last-child,

.blog-meta a:last-child {

  margin-right: 0;

}



.blog-meta span:not(:last-child),

.blog-meta a:not(:last-child) {

  padding-right: 20px;

}



.blog-meta span:not(:last-child):after,

.blog-meta a:not(:last-child):after {

  content: "";

  height: 16px;

  width: 1px;

  background-color: #d8dde1;

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -8px;

}



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

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

}



@media (min-width: 1300px) {

  .search-active-wrap,

  .blog-author,

  .search-wrap,

  .page-single,

  .blog-single,

  .th-comments-wrap,

  .th-comment-form {

    margin-right: 16px;

  }

  .page-single.single-right {

    margin-right: 0;

    margin-left: 16px;

  }

}



.blog-single {

  position: relative;

  margin-bottom: 40px;

  border-radius: 10px;

  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);

  overflow: hidden;

}



.blog-single .blog-title {

  margin-bottom: 15px;

  font-size: 30px;

  line-height: 1.25;

}



.blog-single .blog-text {

  margin-bottom: 27px;

}



.blog-single .blog-meta {

  margin: -0.35em 0 16px 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;

  border-radius: 10px 10px 0 0;

}



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

}



.blog-single .blog-img .slider-arrow:hover {

  background-color: var(--theme-color);

  color: var(--white-color);

}



.blog-single .blog-img .play-btn {

  --icon-size: 60px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2);

}



.share-links-title {

  font-size: 18px;

  color: var(--title-color);

  font-family: var(--title-font);

  font-weight: 500;

  margin: 0 12px 0 0;

  display: inline-block;

  text-transform: capitalize;

}



.share-links {

  margin: 0;

  padding: 35px 0 0 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);

  box-shadow: none;

}



.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: 40px;

  font-size: 14px;

  border-radius: 99px;

}



.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-single {

  background-color: transparent;

}



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

  }

  .blog-single .blog-title {

    font-size: 26px;

  }

  .share-links {

    --blog-space-x: 40px;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .share-links {

    --blog-space-x: 20px;

  }

  .blog-details .blog-single {

    --blog-space-x: 20px;

    --blog-space-y: 20px;

  }

  .blog-single {

    --blog-space-x: 20px;

    --blog-space-y: 20px;

  }

  .blog-single .blog-audio,

  .blog-single .blog-video,

  .blog-single .blog-img {

    border-radius: 10px 10px 0 0;

  }

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

  margin-top: var(--blog-space-y, 40px);

  margin-bottom: 30px;

  padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px);

  position: relative;

}



.th-comment-form .row {

  --bs-gutter-x: 20px;

}



.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(--theme-color);

}



.blog-comment-area {

  margin-bottom: 25px;

}



.th-comment-form,

.th-comments-wrap {

  padding: 40px;

  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);

  border-radius: 10px;

  /* Small devices */

}



@media (max-width: 767px) {

  .th-comment-form,

  .th-comments-wrap {

    border-radius: 10px;

  }

}



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

  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;

  margin-bottom: 30px;

  padding-bottom: 30px;

  position: relative;

  border-bottom: 1px solid var(--th-border-color);

}



.th-comments-wrap .th-post-comment ol,

.th-comments-wrap .th-post-comment ul,

.th-comments-wrap .th-post-comment dl {

  margin-bottom: 1rem;

}



.th-comments-wrap .th-post-comment ol ol,

.th-comments-wrap .th-post-comment ol ul,

.th-comments-wrap .th-post-comment ul ol,

.th-comments-wrap .th-post-comment ul ul {

  margin-bottom: 0;

}



.th-comments-wrap ul.comment-list {

  list-style: none;

  margin: 0;

  padding: 0;

  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: 80px;

  height: 80px;

  margin-right: 20px;

  overflow: hidden;

  border-radius: 8px;

}



.th-comments-wrap .comment-avater img {

  width: 100%;

}



.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: 2px;

  font-weight: 400;

  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 {

  font-weight: 600;

  margin-bottom: 12px;

  font-size: 18px;

}



.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: 10px;

}



.th-comments-wrap .children {

  margin: 0;

  padding: 0;

  list-style-type: none;

  margin-left: 80px;

}



.th-comments-wrap .reply_and_edit {

  margin-top: 12px;

  margin-bottom: -0.46em;

}



.th-comments-wrap .reply_and_edit a {

  margin-right: 15px;

}



.th-comments-wrap .reply_and_edit a:last-child {

  margin-right: 0;

}



.th-comments-wrap .reply-btn {

  font-weight: 500;

  font-size: 16px;

  color: var(--body-color);

  display: inline-block;

}



.th-comments-wrap .reply-btn i {

  color: var(--theme-color);

  margin-right: 4px;

}



.th-comments-wrap .reply-btn:hover {

  color: var(--theme-color);

}



.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:last-child > .th-post-comment {

  border-bottom: none;

  padding-bottom: 0;

}



ul.comment-list .children .th-comment-item > .th-post-comment {

  padding-bottom: 30px;

  border-bottom: 1px solid var(--th-border-color);

}



ul.comment-list:has(> .th-comment-item ~ .th-comment-item):first-child > .th-post-comment {

  padding-bottom: 30px;

  border-bottom: 1px solid var(--th-border-color);

}



.th-comments-wrap.th-comment-form {

  margin: 0;

}



.comment-respond .must-log-in {

  margin-bottom: 0;

  margin-top: 8px;

}



/* Large devices */

@media (max-width: 1199px) {

  .th-comment-form,

  .th-comments-wrap {

    padding: 40px 20px;

  }

}



/* Large devices */

@media (max-width: 1199px) {

  .th-comments-wrap .children {

    margin-left: 40px;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .th-comment-form,

  .th-comments-wrap {

    padding: 40px;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .th-comment-form,

  .th-comments-wrap {

    padding: 40px 20px;

  }

  .th-comments-wrap .th-post-comment {

    display: block;

  }

  .th-comments-wrap .star-rating {

    position: relative;

    top: 0;

    right: 0;

  }

  .th-comments-wrap .comment-top {

    display: block;

  }

  .th-comments-wrap .comment-avater {

    margin-right: 0;

    margin-bottom: 25px;

  }

  .th-comments-wrap .children {

    margin-left: 40px;

  }

  .th-comments-wrap .children {

    margin-left: 30px;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .th-comment-form {

    --blog-space-x: 20px;

  }

}



/*------------------- 4.8. Hero Area  -------------------*/

/* Hero Global ---------------------------------- */

.th-hero-wrapper {

  position: relative;

  z-index: 2;

}



.th-hero-bg {

  position: absolute;

  inset: 0;

}



.th-hero-bg img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.hero-overlay {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

}



.hero-overlay img {

  height: 100%;

  object-fit: cover;

}



.hero-overlay-ani {

  position: absolute;

  inset: 0;

  background-color: var(--title-color);

  z-index: 3;

  pointer-events: none;

}



.hero-overlay-ani.ani-start {

  -webkit-animation: heroOverlayAni 0.8s linear 0.2s forwards;

          animation: heroOverlayAni 0.8s linear 0.2s forwards;

}



@-webkit-keyframes heroOverlayAni {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}



@keyframes heroOverlayAni {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}



/* Hero 1 ---------------------------------- */

.hero-title {

  font-size: 74px;

  font-weight: 700;

  line-height: 1.135;

  margin-bottom: 20px;

  margin-top: -0.2em;

}



.hero-title .title1,

.hero-title .title2 {

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  position: relative;

}



.text-transparent {

  -webkit-text-stroke: 2px var(--theme-color);

  color: transparent;

  /* Small devices */

}



@media (max-width: 767px) {

  .text-transparent {

    -webkit-text-stroke: 1px var(--theme-color);

  }

}



.hero-subtitle {

  display: block;

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 0.09em;

  text-transform: uppercase;

  color: var(--theme-color2);

  margin-top: -0.33em;

  margin-bottom: 32px;

}



.hero-heading {

  font-size: 30px;

  font-weight: 600;

  margin-bottom: 25px;

}



.hero-text {

  margin-bottom: 32px;

}



.hero-1 {

  overflow: hidden;

}



.hero-1 .icon-box {

  position: absolute;

  top: 50%;

  right: 7.45%;

  width: 56px;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 3;

  display: none;

}



@media (min-width: 1922px) {

  .hero-1 .icon-box {

    right: 15%;

  }

}



@media (max-width: 991px) {

  .hero-1 .icon-box {

    display: none;

  }

}



.hero-1 .icon-box .slider-arrow {

  background-color: var(--theme-color);

  color: var(--white-color);

}



.hero-1 .icon-box .slider-arrow:hover {

  background-color: var(--theme-color2);

}



.hero-1 .icon-box .slider-arrow:first-child {

  margin-bottom: 10px;

}



.hero-1 .circle-shape {

  position: absolute;

  top: 10%;

  right: -190px;

  -webkit-animation: spin 18s linear infinite;

          animation: spin 18s linear infinite;

}



.hero-1 .circle-shape2 {

  position: absolute;

  top: calc(10% + 32px);

  right: -158px;

  -webkit-animation: spinReverse 18s linear infinite;

          animation: spinReverse 18s linear infinite;

}



.hero-1 .shape-mockup {

  z-index: 2;

}



.hero-1 .bubble_1 {

  position: absolute;

  bottom: 50%;

  left: 2%;

}



.hero-1 .bubble_2 {

  position: absolute;

  bottom: 20%;

  left: 6%;

}



.hero-1 .bubble_3 {

  position: absolute;

  bottom: 6%;

  left: 14%;

}



.hero-1 .bubble_4 {

  position: absolute;

  bottom: 2%;

  left: 4%;

}



.video-btn {

  font-size: 18px;

  font-weight: 500;

  color: var(--title-color);

}



.video-btn:hover {

  color: var(--theme-color);

}



.video-btn .play-btn {

  font-size: 16px;

  margin-right: 15px;

}



.hero-style1 {

  position: relative;

  z-index: 6;

  padding: 190px 0;

}



.hero-style1 .hero-title {

  color: var(--white-color);

  text-transform: uppercase;

}



.hero-style1 .hero-text {

  color: var(--white-color);

  max-width: 780px;

}



.hero-style1 .video-btn {

  color: var(--white-color);

}



.hero-style1 .video-btn:hover {

  color: var(--theme-color);

}



.hero-style1 .btn-group {

  gap: 45px;

}



.hero-style1 .sub-title {

  margin-bottom: 30px;

}



/* Medium Large devices */

@media (max-width: 1299px) {

  .hero-title {

    font-size: 64px;

  }

  .hero-style1 {

    padding: 150px 0;

  }

}



/* Large devices */

@media (max-width: 1199px) {

  .hero-title {

    font-size: 60px;

  }

  .hero-style1 .hero-text {

    max-width: 780px;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .hero-title {

    font-size: 54px;

    line-height: 1.2;

  }

  .hero-style1 {

    padding: 110px 0;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

  }

  .hero-style1 .hero-text {

    margin-left: auto;

    margin-right: auto;

  }

  .hero-style1 .title1,

  .hero-style1 .title2 {

    margin-left: auto;

    margin-right: auto;

  }

  .hero-style1 .btn-group {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .hero-1 .shape-mockup {

    display: none;

  }

  .hero-title {

    font-size: 48px;

  }

}



/* Extra small devices */

@media (max-width: 575px) {

  .hero-title {

    font-size: 36px;

    line-height: 1.3;

  }

  .hero-subtitle {

    margin-bottom: 25px;

    font-size: 16px;

  }

  .hero-1 .hero-overlay {

    opacity: 1;

  }

  .hero-style1 {

    padding: 100px 0;

  }

  .hero-style1 .btn-group {

    gap: 30px;

  }

}



@media (max-width: 390px) {

  .hero-title {

    font-size: 34px;

    line-height: 1.3;

  }

}



@media (max-width: 330px) {

  .hero-title {

    font-size: 32px;

  }

}



/* Hero 2 --------------------------------------*/

.hero-title2 {

  font-size: 84px;

  line-height: 1.12;

  margin-top: -0.2em;

  margin-bottom: 18px;

  /* Medium Large devices */

  /* Large devices */

  /* Small devices */

  /* Extra small devices */

  /* Extra small devices */

}



@media (max-width: 1299px) {

  .hero-title2 {

    font-size: 64px;

  }

}



@media (max-width: 1199px) {

  .hero-title2 {

    font-size: 60px;

  }

}



@media (max-width: 767px) {

  .hero-title2 {

    font-size: 52px;

  }

}



@media (max-width: 575px) {

  .hero-title2 {

    font-size: 44px;

  }

}



@media (max-width: 375px) {

  .hero-title2 {

    font-size: 36px;

  }

}



.hero-title2 .title1,

.hero-title2 .title2 {

  display: block;

}



.hero-title2 .line-text {

  color: var(--theme-color);

  font-weight: 400;

  position: relative;

}



.hero-title2 .line-text:after {

  content: '';

  height: 22px;

  width: 100%;

  background-image: url('data:image/svg+xml,<svg width="288" height="22" viewBox="0 0 288 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 10.2839C33.4393 5.13087 76.1911 2 123.041 2C194.686 2 256.746 9.32162 287 20" stroke="%2304CE78" stroke-width="3"/></svg>');

  background-size: 288px 22px;

  background-repeat: repeat-x;

  position: absolute;

  bottom: -8px;

  left: 0;

  -webkit-animation: titleFill 3s linear infinite;

          animation: titleFill 3s linear infinite;

  /* Extra small devices */

}



@media (max-width: 575px) {

  .hero-title2 .line-text:after {

    bottom: -12px;

  }

}



@-webkit-keyframes titleFill {

  0% {

    width: 0;

  }

  80% {

    width: 100%;

  }

  100% {

    width: 100%;

  }

}



@keyframes titleFill {

  0% {

    width: 0;

  }

  80% {

    width: 100%;

  }

  100% {

    width: 100%;

  }

}



.hero-2 {

  overflow: hidden;

}



.hero-2 .hero-img {

  position: absolute;

  bottom: 0;

  right: 8%;

  /* Extra large devices */

  /* Medium Large devices */

  /* Large devices */

  /* Medium devices */

}



@media (max-width: 1500px) {

  .hero-2 .hero-img {

    right: 0%;

  }

}



@media (max-width: 1299px) {

  .hero-2 .hero-img {

    max-width: 600px;

  }

}



@media (max-width: 1199px) {

  .hero-2 .hero-img {

    max-width: 560px;

  }

}



@media (max-width: 991px) {

  .hero-2 .hero-img {

    position: relative;

    top: unset;

    right: unset;

    margin-left: auto;

    margin-right: auto;

    padding: 0 15px;

  }

}



.hero-2 .hero-shape1,

.hero-2 .hero-shape2,

.hero-2 .hero-shape3,

.hero-2 .hero-shape4,

.hero-2 .hero-shape5 {

  position: absolute;

  z-index: 2;

}



.hero-2 .hero-shape1 {

  top: 15%;

  left: 40%;

  -webkit-animation: spin 8s linear infinite;

          animation: spin 8s linear infinite;

}



.hero-2 .hero-shape2 {

  bottom: 12%;

  left: 48%;

  -webkit-animation: spin 5s linear infinite;

          animation: spin 5s linear infinite;

}



.hero-2 .bubble {

  position: absolute;

  bottom: -40px;

  left: 50px;

  -webkit-animation: heroBubble 10s linear infinite;

          animation: heroBubble 10s linear infinite;

}



.hero-2 .bubble_2 {

  -webkit-animation-delay: 2s;

          animation-delay: 2s;

}



.hero-2 .bubble_3 {

  -webkit-animation-delay: 4s;

          animation-delay: 4s;

}



.hero-2 .bubble_4 {

  -webkit-animation-delay: 6s;

          animation-delay: 6s;

}



.hero-2 .bubble_5 {

  -webkit-animation-delay: 8s;

          animation-delay: 8s;

}



@-webkit-keyframes heroBubble {

  0% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  20% {

    opacity: 0.9;

    -webkit-transform: translate(100px, 20%);

            transform: translate(100px, 20%);

    bottom: 20%;

  }

  40% {

    opacity: 0.8;

    -webkit-transform: translate(0px, 40%);

            transform: translate(0px, 40%);

    bottom: 40%;

  }

  60% {

    opacity: 0.6;

    -webkit-transform: translate(80px, 60%);

            transform: translate(80px, 60%);

    bottom: 60%;

  }

  80% {

    opacity: 0.3;

    -webkit-transform: translate(0, 80%);

            transform: translate(0, 80%);

    bottom: 80%;

  }

  100% {

    opacity: 0;

    -webkit-transform: translate(100px, 100%) scale(0.3);

            transform: translate(100px, 100%) scale(0.3);

    bottom: 100%;

  }

}



@keyframes heroBubble {

  0% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  20% {

    opacity: 0.9;

    -webkit-transform: translate(100px, 20%);

            transform: translate(100px, 20%);

    bottom: 20%;

  }

  40% {

    opacity: 0.8;

    -webkit-transform: translate(0px, 40%);

            transform: translate(0px, 40%);

    bottom: 40%;

  }

  60% {

    opacity: 0.6;

    -webkit-transform: translate(80px, 60%);

            transform: translate(80px, 60%);

    bottom: 60%;

  }

  80% {

    opacity: 0.3;

    -webkit-transform: translate(0, 80%);

            transform: translate(0, 80%);

    bottom: 80%;

  }

  100% {

    opacity: 0;

    -webkit-transform: translate(100px, 100%) scale(0.3);

            transform: translate(100px, 100%) scale(0.3);

    bottom: 100%;

  }

}



.hero-counter {

  border-right: 1px solid rgba(255, 255, 255, 0.3);

  padding-right: 30px;

  /* Extra small devices */

}



.hero-counter-wrap {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  margin-top: 50px;

  gap: 30px;

}



.hero-counter:last-of-type {

  border-right: none;

  padding-right: 0 !important;

}



@media (max-width: 575px) {

  .hero-counter {

    padding-right: 0 !important;

    border-right: none;

  }

}



.hero-counter .box-number {

  margin-top: -0.06em;

  font-family: var(--title-font);

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 5px;

  /* Extra small devices */

}



@media (max-width: 375px) {

  .hero-counter .box-number {

    font-size: 24px;

  }

}



.hero-counter .box-text {

  font-size: 13px;

}



.wave-title {

  position: relative;

  color: var(--theme-color);

}



.wave-title:after {

  content: '';

  height: 20px;

  width: 100%;

  position: absolute;

  bottom: -8px;

  left: 0;

  background-image: url('data:image/svg+xml,<svg width="322" height="18" viewBox="0 0 322 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.67133 -3.05176e-05C19.3099 -3.05176e-05 26.2444 4.1005 31.3094 7.09658C36.181 9.97517 38.9804 11.4752 44.4966 11.4752C50.0128 11.4752 52.7848 9.97517 57.684 7.09658C62.7582 4.1005 69.6558 -3.05176e-05 83.3312 -3.05176e-05C97.0066 -3.05176e-05 103.904 4.1005 108.978 7.09658C113.841 9.97517 116.64 11.4752 122.166 11.4752C127.691 11.4752 130.454 9.97517 135.353 7.09658C140.418 4.1005 147.325 -3.05176e-05 160.991 -3.05176e-05C174.657 -3.05176e-05 181.573 4.1005 186.638 7.09658C191.51 9.97517 194.309 11.4752 199.826 11.4752C205.342 11.4752 208.114 9.97517 213.022 7.09658C218.087 4.1005 224.994 -3.05176e-05 238.66 -3.05176e-05C252.326 -3.05176e-05 259.242 4.1005 264.307 7.09658C269.179 9.97517 271.978 11.4752 277.495 11.4752C283.011 11.4752 285.783 9.97517 290.691 7.09658C295.756 4.1005 302.663 -3.05176e-05 316.329 -3.05176e-05C318.364 -3.05176e-05 320.315 0.343687 321.753 0.955506C321.834 2.92425 321.834 2.60503 321.834 3.47027C321.834 4.33552 321.834 3.47027 321.753 5.56924C320.315 6.18106 318.364 6.52477 316.329 6.52477C310.804 6.52477 308.041 8.02869 303.142 10.9073C298.077 13.8994 291.17 18 277.495 18C263.819 18 256.922 13.8994 251.857 10.9073C246.985 8.02869 244.185 6.52477 238.66 6.52477C233.135 6.52477 230.372 8.02869 225.473 10.9073C220.408 13.8994 213.501 18 199.826 18C186.15 18 179.252 13.8994 174.188 10.9073C169.316 8.02869 166.516 6.52477 160.991 6.52477C155.465 6.52477 152.703 8.02869 147.804 10.9073C142.739 13.8994 135.832 18 122.166 18C108.499 18 101.583 13.8994 96.5184 10.9073C91.6468 8.02869 88.8474 6.52477 83.3312 6.52477C77.815 6.52477 75.043 8.02869 70.1438 10.9073C65.0788 13.8994 58.172 18 44.4966 18C30.8211 18 23.9237 13.8994 18.8587 10.9073C13.9872 8.02869 11.1875 6.52477 5.67133 6.52477C3.63682 6.52477 1.6857 6.18106 0.24708 5.56924C0.247028 3.85106 0.247204 4.20999 0.247204 3.34475C0.247204 2.47951 0.24708 2.60337 0.24708 0.955506C1.56824 0 3.63682 -3.05176e-05 5.67133 -3.05176e-05Z" fill="%23068FFF"/></svg>');

  background-size: auto;

  background-repeat: repeat-x;

  -webkit-animation: waveLine 7s linear infinite;

          animation: waveLine 7s linear infinite;

  /* Small devices */

  /* Extra small devices */

}



@media (max-width: 767px) {

  .wave-title:after {

    background-size: auto 11px;

  }

}



@media (max-width: 575px) {

  .wave-title:after {

    background-size: auto 9px;

  }

}



@-webkit-keyframes waveLine {

  0% {

    background-position: left 0 center;

  }

  50% {

    background-position: left 100% center;

  }

  100% {

    background-position: left 0 center;

  }

}



@keyframes waveLine {

  0% {

    background-position: left 0 center;

  }

  50% {

    background-position: left 100% center;

  }

  100% {

    background-position: left 0 center;

  }

}



.hero-style2 {

  position: relative;

  z-index: 6;

  padding: 197px 0;

}



.hero-style2 .sub-title {

  margin-bottom: 30px;

}



.hero-style2 .hero-title {

  text-transform: capitalize;

  color: var(--white-color);

  font-weight: 700;

  margin-bottom: 36px;

}



.hero-style2 .box-number,

.hero-style2 .box-text {

  color: var(--white-color);

}



/* Medium Large devices */

@media (max-width: 1299px) {

  .hero-style2 {

    padding: 160px 0;

  }

}



/* Large devices */

@media (max-width: 1199px) {

  .hero-style2 {

    padding: 120px 0;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .hero-counter-wrap {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  .hero-2 .hero-shape1 {

    left: 30px;

    top: 30px;

  }

  .hero-style2 {

    text-align: center;

    padding: 100px 0 40px 0;

  }

  .hero-style2 .title1,

  .hero-style2 .title2 {

    margin-left: auto;

    margin-right: auto;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .hero-counter {

    padding-right: 15px;

  }

  .hero-counter-wrap {

    gap: 15px;

  }

}



/* Hero 3 --------------------------------------*/

.hero-title2 .square-text {

  border: 2px solid;

  line-height: 1.03em;

  padding: 0 10px;

  display: inline-block;

  position: relative;

}



.hero-title2 .square-text .dot1,

.hero-title2 .square-text .dot2 {

  position: absolute;

  top: -10px;

  height: calc(100% + 20px);

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  /* Small devices */

}



.hero-title2 .square-text .dot1:before, .hero-title2 .square-text .dot1:after,

.hero-title2 .square-text .dot2:before,

.hero-title2 .square-text .dot2:after {

  content: '';

  width: 16px;

  height: 16px;

  display: inline-block;

  background-color: var(--theme-color);

  border-radius: 99px;

}



@media (max-width: 767px) {

  .hero-title2 .square-text .dot1,

  .hero-title2 .square-text .dot2 {

    top: -7px;

    height: calc(100% + 14px);

  }

  .hero-title2 .square-text .dot1:before, .hero-title2 .square-text .dot1:after,

  .hero-title2 .square-text .dot2:before,

  .hero-title2 .square-text .dot2:after {

    width: 12px;

    height: 12px;

  }

}



.hero-title2 .square-text .dot1 {

  left: -10px;

  /* Small devices */

}



@media (max-width: 767px) {

  .hero-title2 .square-text .dot1 {

    left: -7px;

  }

}



.hero-title2 .square-text .dot2 {

  right: -10px;

  /* Small devices */

}



@media (max-width: 767px) {

  .hero-title2 .square-text .dot2 {

    right: -7px;

  }

}



.hero-tags {

  padding: 4px 16px;

  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: 20px;

  margin-bottom: 40px;

  position: relative;

  /* Small devices */

}



.hero-tags:before {

  content: '';

  position: absolute;

  inset: 0 -35px 0 0;

  background-image: -webkit-linear-gradient(left, #14126A 0%, rgba(0, 8, 82, 0) 100%);

  background-image: linear-gradient(90deg, #14126A 0%, rgba(0, 8, 82, 0) 100%);

  opacity: 0.5;

  mix-blend-mode: color-burn;

  border-radius: 30px 0px 0px 30px;

}



@media (max-width: 767px) {

  .hero-tags {

    gap: 10px;

  }

  .hero-tags:before {

    inset: 0 -12px 0 0;

  }

}



.hero-tags .tag {

  color: var(--white-color);

  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

  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;

  /* Small devices */

}



@media (max-width: 767px) {

  .hero-tags .tag {

    font-size: 14px;

    gap: 10px;

  }

}



.hero-tags .tag:after {

  content: '';

  height: 2px;

  width: 50px;

  background-color: var(--theme-color);

  /* Small devices */

}



@media (max-width: 767px) {

  .hero-tags .tag:after {

    width: 25px;

  }

}



.hero-tags .tag:last-child:after {

  display: none;

}



.hero-3 {

  max-width: 1820px;

  margin: 0 auto;

  background-size: 1820px 100%;

  border-radius: 50px;

}



.hero-style3 {

  position: relative;

  z-index: 6;

  padding: 276px 0 446px 0;

}



.hero-style3 .hero-title2 {

  color: var(--white-color);

  font-weight: 900;

}



.hero-style3 .hero-text {

  max-width: 630px;

  color: var(--white-color);

}



.hero-form {

  margin-bottom: -20px;

}



.hero-form-wrap {

  background-color: var(--white-color);

  box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.05);

  border-radius: 60px;

  padding: 60px;

  max-width: 1522px;

  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;

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 9;

  /* Medium Large devices */

}



@media (max-width: 1860px) {

  .hero-form-wrap {

    margin-right: 12px;

    margin-left: 12px;

  }

}



@media (max-width: 1600px) {

  .hero-form-wrap {

    max-width: calc(100% - 24px);

  }

}



@media (max-width: 1299px) {

  .hero-form-wrap {

    padding: 45px;

  }

}



.hero-form-wrap .form-title {

  margin: 0;

  max-width: 350px;

  padding-right: 55px;

  border-right: 2px solid var(--theme-color);

  margin-right: 55px;

  font-weight: 600;

  /* Medium Large devices */

}



@media (max-width: 1299px) {

  .hero-form-wrap .form-title {

    max-width: 300px;

    padding-right: 25px;

    margin-right: 20px;

  }

}



.hero-form .row {

  --bs-gutter-x: 20px;

}



/* Medium Large devices */

@media (max-width: 1299px) {

  .hero-3 {

    background-size: 1450px 100%;

    border-radius: 0;

  }

  .hero-style3 {

    padding: 160px 0 350px 0;

  }

}



/* Large devices */

@media (max-width: 1199px) {

  .hero-3 {

    margin-bottom: 100px;

  }

  .hero-form-wrap {

    bottom: -100px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .hero-form-wrap .form-title {

    border-right: none;

    padding: 0;

    margin: 0 0 25px 0;

    max-width: 100%;

    text-align: center;

  }

  .hero-style3 .hero-text {

    max-width: 550px;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .hero-form-wrap {

    bottom: -180px;

  }

  .hero-3 {

    margin-bottom: 180px;

    background-position: left 30% center;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .hero-style3 {

    padding: 130px 0 100px 0;

    text-align: center;

  }

  .hero-style3 .hero-text {

    margin-left: auto;

    margin-right: auto;

  }

  .hero-3 {

    margin-bottom: 0;

    background-size: cover;

  }

  .hero-form-wrap {

    position: static;

    padding: 30px;

    border-radius: 20px;

  }

}



/*------------------- 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 .newsletter-widget .btn-group {

  margin-top: 15px;

}



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

  max-width: calc(100% - 15px);

  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;

  /* Extra small devices */

}



@media (max-width: 375px) {

  .sidemenu-wrapper .sidemenu-content {

    max-width: 100%;

  }

}



.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 select,

.sidemenu-wrapper .sidemenu-content input,

.sidemenu-wrapper .sidemenu-content .form-select,

.sidemenu-wrapper .sidemenu-content .form-control,

.sidemenu-wrapper .sidemenu-content textarea {

  background-color: var(--smoke-color2);

  border-radius: 27px;

}



.sidemenu-wrapper .widget {

  padding: 0;

  border: none;

  background-color: transparent;

}



.sidemenu-wrapper .info-box_icon {

  background-color: rgba(255, 156, 0, 0.15);

}



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

  border-radius: 6px;

}



.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-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-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: 10px;

  /* 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-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-login-toggle + .row .woocommerce-form-login {

  margin-bottom: 30px;

}



.woocommerce-error {

  background-color: var(--error-color);

  color: #fff;

  list-style: none;

  padding: 10px 26px;

  margin: 0 0 30px 0;

  border-radius: 0;

  font-weight: 500;

  font-size: 14px;

}



nav.woocommerce-MyAccount-navigation li {

  border: 1px solid #ddd;

  margin: 0;

  border-top: none;

}



nav.woocommerce-MyAccount-navigation li:first-child {

  border-top: 1px solid #ddd;

}



nav.woocommerce-MyAccount-navigation li a {

  color: var(--title-color);

  font-weight: 700;

  padding: 7px 17px;

  display: block;

}



nav.woocommerce-MyAccount-navigation li.is-active a,

nav.woocommerce-MyAccount-navigation li a:hover {

  color: var(--white-color);

  background-color: var(--theme-color);

}



.woocommerce-MyAccount-content h3 {

  margin-top: -0.3em;

}



.woocommerce-MyAccount-content .btn {

  background-color: var(--theme-color);

  color: var(--white-color);

  font-size: 14px;

  padding: 10px 25px;

  font-weight: 700;

}



.woocommerce-MyAccount-content .btn:hover {

  background-color: var(--title-color);

  color: var(--white-color);

}



table.variations,

.woocommerce-grouped-product-list-item {

  border-collapse: separate;

  border-spacing: 0 15px;

  margin-bottom: 5px;

  -webkit-box-align: center;

  -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: 700;

  font-size: 14px;

}



.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: var(--yellow-color);

  letter-spacing: 3px;

}



.rating-select label {

  margin: 0;

  margin-right: 10px;

}



.rating-select p.stars {

  margin-bottom: 0;

  line-height: 1;

}



.rating-select p.stars a {

  position: relative;

  height: 14px;

  width: 18px;

  text-indent: -999em;

  display: inline-block;

  text-decoration: none;

}



.rating-select p.stars a::before {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 18px;

  height: 14px;

  line-height: 1;

  font-family: var(--icon-font);

  content: "\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;

  }

}



/*------------------- 4.00. Products  -------------------*/

.th-product {

  -webkit-transition: all ease 0.4s;

  transition: all ease 0.4s;

  text-align: center;

}



.th-product .product-title {

  font-size: 20px;

  margin: 4px 0 6px 0;

  font-weight: 600;

}



.th-product .product-title a {

  color: inherit;

}



.th-product .product-title a:hover {

  color: var(--theme-color);

}



.th-product .product-category {

  font-size: 14px;

  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: 20px;

  left: 20px;

  background-color: var(--theme-color);

  color: var(--white-color);

  padding: 0 12px;

  min-width: 60px;

  z-index: 3;

  border-radius: 99px;

  line-height: 24px;

}



.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: 8px;

  margin-bottom: 5px;

}



.th-product .star-rating {

  margin: 0 auto 0 auto;

  width: 93px;

}



.th-product .price {

  display: block;

  color: var(--theme-color);

  font-weight: 600;

  margin-bottom: -0.4em;

  font-family: var(--body-font);

}



.th-product .price del {

  margin-left: 5px;

  color: var(--body-color);

}



.th-product .product-img {

  --space: 0px;

  background-color: var(--smoke-color);

  overflow: hidden;

  position: relative;

  margin: 0 0 20px 0;

  text-align: center;

  background-color: var(--smoke-color);

  z-index: 2;

  border-radius: 10px;

}



.th-product .product-img img {

  width: 100%;

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

  top: 5px;

  right: 15px;

  text-align: center;

  z-index: 3;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  display: grid;

  -webkit-align-content: center;

      -ms-flex-line-pack: center;

          align-content: center;

  width: 40px;

}



.th-product .actions .icon-btn {

  --btn-size: 40px;

  font-size: 14px;

  border-color: var(--white-color);

  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);

  color: var(--title-color);

  border-radius: 99px;

  margin-bottom: 10px;

  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);

}



.th-product .actions .icon-btn:hover {

  color: var(--white-color);

  border-color: var(--theme-color);

}



.th-product .actions > * {

  margin: 0 0;

}



.th-product .actions > * > a {

  margin: 0;

}



.th-product .icon-btn {

  -webkit-transform: translateX(30px);

      -ms-transform: translateX(30px);

          transform: translateX(30px);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,

.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {

  width: 40px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

}



.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,

.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {

  position: relative;

  top: 0;

  left: 0;

  line-height: inherit;

  margin: 0;

  font-size: 24px;

}



.th-product .tinv-wishlist a {

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  background-color: var(--white-color);

  color: var(--title-color);

  border-radius: 50%;

}



.th-product .tinv-wishlist a:hover {

  background-color: var(--theme-color);

  color: var(--white-color);

}



.th-product .add_to_cart_button.added {

  display: none;

}



.th-product .added_to_cart {

  display: block;

  width: 40px;

  height: 40px;

  line-height: 38px;

  background-color: var(--title-color);

  color: var(--white-color);

  font-size: 0;

  text-align: center;

  border-radius: 99px;

  border: none;

  margin-bottom: 10px;

}



.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:hover .product-img img {

  -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}



.th-product:hover .actions {

  margin-top: 0;

  opacity: 1;

  visibility: visible;

}



.th-product:hover .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: 15px;

  border: 1px solid var(--th-border-color);

  border-radius: 20px;

}



.th-product.list-view .product-img {

  --space: 0px;

  width: 94px;

  margin: 0;

  border-radius: 10px;

  display: grid;

  -webkit-align-content: center;

      -ms-flex-line-pack: center;

          align-content: center;

}



.th-product.list-view .product-img:before {

  --space: 0px;

}



.th-product.list-view .product-category {

  font-size: 13px;

  line-height: 23px;

  margin-top: -3px;

  margin-bottom: 2px;

}



.th-product.list-view .star-rating {

  margin: 8px 0 0 0;

  width: 80px;

  font-size: 12px;

}



.th-product.list-view .star-rating span:before {

  color: var(--yellow-color);

}



.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 0 0 15px;

}



.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: 36px;

  --btn-font-size: 14px;

  background-color: var(--theme-color2);

  color: var(--white-color);

  border: none;

}



.th-product.list-view .actions .icon-btn:hover {

  background-color: var(--title-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: 35px;

  height: 35px;

  line-height: 35px;

}



.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,

.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {

  font-size: 20px;

}



.th-product.list-view .tinv-wishlist a {

  width: 35px;

  height: 35px;

  line-height: 35px;

}



.th-product.list-view .added_to_cart {

  width: 35px;

  height: 35px;

  line-height: 35px;

}



.th-product.list-view .added_to_cart:after {

  font-size: 16px;

}



.th-product.list-view .tag {

  top: 8px;

  right: 8px;

  padding: 0px 15px;

}



.th-product.list-view .product-title {

  font-size: 15px;

  font-weight: 500;

  margin: 0 0 2px 0;

}



.th-product.list-view .price {

  font-weight: 600;

  font-size: 13px;

  line-height: 23px;

  color: var(--theme-color);

}



.product-list-area {

  margin-bottom: -24px;

}



#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 30px 0;

  background-color: var(--smoke-color);

  border-radius: 8px;

}



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

  margin: 0;

  color: var(--body-color);

}



.th-sort-bar .woocommerce-result-count {

  padding-left: 15px;

  margin-bottom: 0;

  color: var(--body-color);

}



.th-sort-bar .nav a {

  display: inline-block;

  height: 50px;

  width: 50px;

  line-height: 50px;

  border: 1px solid var(--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-color2);

  text-align: center;

  overflow: hidden;

  border-radius: 10px;

}



.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: 50px;

  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(--th-border-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;

}



#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 {

  font-weight: 700;

  margin: 0 0 18px 0;

}



.summary-content .product_title,

.product-about .product_title {

  margin-bottom: 20px !important;

}



.summary-content > .price,

.product-about > .price {

  font-family: var(--body-font);

  font-size: 20px;

  font-weight: 600;

  color: var(--title-color);

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  margin-bottom: 19px;

  margin-top: -0.2em;

}



.summary-content > .price del,

.product-about > .price del {

  color: var(--gray-color);

  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: 22px;

}



.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: 32px 0 25px 0;

}



.summary-content .actions .th-btn .btn-icon,

.product-about .actions .th-btn .btn-icon {

  padding: 10.5px 15px 10.5px 15px;

}



.summary-content .actions .icon-btn,

.product-about .actions .icon-btn {

  border-color: var(--theme-color2);

  background-color: var(--theme-color2);

  color: var(--white-color);

  border-radius: 6px;

}



.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: 6px;

  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: 6px;

}



.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(--th-border-color);

  position: absolute;

  top: 0;

  left: 55px;

}



.summary-content .quantity .qty-input,

.product-about .quantity .qty-input {

  width: 112px;

  height: 56px;

  border: 1px solid var(--th-border-color);

  background-color: transparent;

  color: var(--title-color);

  padding: 0 21px;

  text-align: left;

  font-weight: 500;

  border-radius: 6px;

}



.summary-content .quantity .qty-btn,

.product-about .quantity .qty-btn {

  color: var(--title-color);

  background-color: transparent;

  position: absolute;

  right: 21px;

  height: auto;

  width: auto;

  border: none;

  line-height: 16px;

}



.summary-content .quantity .quantity-minus,

.product-about .quantity .quantity-minus {

  bottom: 7px;

}



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

}



.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: 10px;

}



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

  }

}



/*------------------- 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: 600;

  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;

  }

}



/*------------------- 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;

  margin-bottom: 20px;

}



.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 78px;

  }

}



/*------------------- 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;

  /* Large devices */

}



@media (max-width: 1199px) {

  .tinv-wishlist button.button {

    padding: 1px 8px;

  }

}



.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: 600;

  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;

  }

}



/*------------------- 4.00. Contact  -------------------*/

/* Contact Sec 1 ---------------------------------- */

.contact-sec1 {

  position: relative;

  border-radius: 10px;

  padding: 60px;

  margin-top: -190px;

  z-index: 3;

  background-color: var(--title-color);

  /* Small devices */

  /* Extra small devices */

}



@media (max-width: 767px) {

  .contact-sec1 {

    padding: 30px;

  }

}



@media (max-width: 375px) {

  .contact-sec1 {

    padding: 20px;

  }

}



.contact-form1 {

  background-color: var(--white-color);

  border: 2px solid var(--theme-color);

  border-radius: 10px;

  margin-bottom: -180px;

  /* Large devices */

}



@media (max-width: 1199px) {

  .contact-form1 {

    margin-bottom: 0;

  }

}



.contact-form1 .row {

  --bs-gutter-x: 20px;

}



.contact-form1 .form-title {

  background-color: var(--theme-color);

  color: var(--white-color);

  text-align: center;

  padding: 12px;

  border-radius: 6px 6px 0 0;

  margin: 0;

}



.contact-form1 .input-wrap {

  padding: 40px;

  /* Extra small devices */

}



@media (max-width: 575px) {

  .contact-form1 .input-wrap {

    padding: 20px;

  }

}



.contact-form1 .form-group > i {

  background-color: var(--white-color);

  color: var(--theme-color);

}



.contact-form1 .form-control,

.contact-form1 .form-select {

  background-color: var(--white-color);

  border: 1px solid var(--th-border-color);

}



/* Contact Page ---------------------------------- */

.location-card {

  background-color: var(--white-color);

  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);

  border-radius: 30px;

  padding: 30px 40px;

  margin-bottom: 10px;

  position: relative;

  /* Extra small devices */

}



@media (max-width: 375px) {

  .location-card {

    padding: 30px 20px;

  }

}



.location-card:after {

  content: '';

  position: absolute;

  top: 0;

  left: 30px;

  height: 4px;

  width: calc(100% - 60px);

  background-image: -webkit-radial-gradient(50% 50%, 50% 50%, var(--theme-color) 56.77%, rgba(4, 206, 120, 0) 100%);

  background-image: radial-gradient(50% 50% at 50% 50%, var(--theme-color) 56.77%, rgba(4, 206, 120, 0) 100%);

}



.location-card .box-title {

  border-bottom: 1px solid var(--th-border-color);

  text-align: center;

  padding-bottom: 22px;

  margin-bottom: 24px;

}



.location-card .footer-info {

  margin-bottom: 12px;

}



.location-card .footer-info:last-of-type {

  margin-bottom: 0;

}



.location-card.active:after {

  background-image: -webkit-radial-gradient(50% 50%, 50% 50%, var(--theme-color2) 56.77%, rgba(4, 206, 120, 0) 100%);

  background-image: radial-gradient(50% 50% at 50% 50%, var(--theme-color2) 56.77%, rgba(4, 206, 120, 0) 100%);

}



.contact-feature {

  background-color: var(--white-color);

  padding: 20px 10px 20px 20px;

  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);

  border-radius: 10px;

  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;

}



.contact-feature .box-icon {

  width: 70px;

  height: 70px;

  line-height: 70px;

  font-size: 40px;

  color: var(--white-color);

  background-color: var(--theme-color);

  border-radius: 8px;

  text-align: center;

}



.contact-feature .box-title {

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 4px;

  /* Large devices */

}



@media (max-width: 1199px) {

  .contact-feature .box-title {

    font-size: 22px;

  }

}



.contact-feature .box-text {

  line-height: 24px;

  max-width: 240px;

}



.contact-feature .box-text a {

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  color: inherit;

}



.contact-feature .box-text a:hover {

  color: var(--theme-color);

}



.contact-feature .th-social a {

  --icon-size: 40px;

  border-radius: 10px;

  /* Medium Large devices */

}



.contact-feature .th-social a:not(:hover) {

  color: var(--title-color);

}



@media (max-width: 1299px) {

  .contact-feature .th-social a:not(:last-child) {

    margin-right: 3px;

  }

}



.contact-form {

  border-radius: 10px;

  overflow: hidden;

  padding: 60px;

  z-index: 2;

  /* Medium devices */

  /* Extra small devices */

}



.contact-form:before {

  z-index: -1;

}



.contact-form .form-title {

  margin-top: -0.26em;

  margin-bottom: 25px;

  color: var(--white-color);

  text-align: center;

}



.contact-form .row {

  --bs-gutter-x: 20px;

}



.contact-form .form-group > i {

  color: var(--theme-color);

}



.contact-form .th-btn {

  margin-top: 10px;

  background-color: var(--white-color);

  color: var(--theme-color);

}



.contact-form .th-btn:hover {

  background-color: var(--title-color);

}



@media (max-width: 991px) {

  .contact-form {

    padding: 40px;

  }

}



@media (max-width: 575px) {

  .contact-form {

    padding: 40px 20px;

  }

}



.contact-form-img {

  text-align: right;

  /* Large devices */

}



@media (max-width: 1199px) {

  .contact-form-img {

    text-align: center;

    margin-top: 40px;

  }

}



.form-text {

  font-size: 16px;

}



.contact-map {

  line-height: 0px;

  width: 1005;

}



.contact-map iframe {

  width: 100%;

  height: 680px;

  /* Large devices */

  /* Medium devices */

}



@media (max-width: 1199px) {

  .contact-map iframe {

    height: 400px;

  }

}



@media (max-width: 991px) {

  .contact-map iframe {

    height: 350px;

  }

}



/*------------------- 4.00. About  -------------------*/

/* About 1 ---------------------------------- */

.img-box1 {

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  gap: 30px;

  margin-right: 50px;

  position: relative;

  /* Extra small devices */

  /* Medium Large devices */

}



@media (max-width: 575px) {

  .img-box1 {

    gap: 8px;

  }

}



@media (max-width: 1299px) {

  .img-box1 {

    margin-right: 0;

  }

}



.img-box1 .box-shape {

  top: -80px;

  left: -80px;

  position: absolute;

}



.img-box1 .img1 {

  padding: 15px 0 15px 12px;

  border: 2px dashed var(--theme-color);

  border-radius: 10px;

  position: relative;

}



.img-box1 .img1:before {

  content: '';

  height: 140px;

  width: 240px;

  max-width: 90%;

  position: absolute;

  bottom: -2px;

  left: -2px;

  background-color: var(--theme-color);

  border-radius: 0 0 0 10px;

}



.img-box1 .img1 img {

  border-radius: 10px;

  -webkit-transform: translateX(2px);

      -ms-transform: translateX(2px);

          transform: translateX(2px);

  height: 100%;

  object-fit: cover;

}



.img-box1 .img2 {

  margin-top: 30px;

  /* Extra small devices */

}



@media (max-width: 575px) {

  .img-box1 .img2 {

    margin-top: 8px;

  }

}



.img-box1 .img2 img {

  border-radius: 10px;

}



.feature-circle {

  background-color: var(--white-color);

  text-align: center;

  padding: 35px 8px;

  border: 2px dashed var(--theme-color);

  border-radius: 10px;

}



.feature-circle .box-title {

  font-size: 20px;

  margin: 5px 0 -0.3em 0;

}



.feature-circle .circle {

  position: relative;

}



.feature-circle .circle-num {

  color: var(--title-color);

  font-size: 30px;

  font-weight: bold;

  font-family: var(--title-font);

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}



.about-feature {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  gap: 15px;

  text-align: left;

}



.about-feature-wrap {

  display: inline-grid;

  grid-template-columns: repeat(2, 1fr);

  margin-bottom: 40px;

  /* Extra small devices */

}



@media (max-width: 575px) {

  .about-feature-wrap {

    grid-template-columns: auto;

    gap: 25px;

  }

}



.about-feature .box-icon {

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  background-color: var(--smoke-color2);

  border-radius: 8px;

}



.about-feature .box-title {

  font-size: 18px;

  margin-bottom: 5px;

}



.about-signature {

  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;

}



.about-signature .box-img {

  border-radius: 6px;

  overflow: hidden;

}



.btn-group .about-signature {

  margin-left: 10px;

  /* Small devices */

}



@media (max-width: 767px) {

  .btn-group .about-signature {

    margin-left: 0;

  }

}



/* About 2 ---------------------------------- */

.img-box3 {

  position: relative;

  z-index: 2;

  /* Large devices */

}



.img-box3 .img1 img {

  border-radius: 10px;

}



.img-box3 .img2 {

  position: absolute;

  right: 0;

  bottom: 0;

  background-color: var(--smoke-color2);

  border-radius: 10px;

  padding: 6px;

  max-width: 60%;

}



.img-box3 .img2 img {

  border-radius: 8px;

}



.img-box3 .shape1 {

  position: absolute;

  right: 0;

  top: 35px;

  z-index: -1;

  -webkit-animation: jumpAni 7s linear infinite;

          animation: jumpAni 7s linear infinite;

}



.img-box3 .shape1 img {

  max-width: -webkit-max-content;

  max-width: -moz-max-content;

  max-width: max-content;

}



@media (max-width: 1199px) {

  .img-box3 {

    max-width: 600px;

    margin-left: auto;

    margin-right: auto;

  }

}



.year-box {

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  gap: 10px;

  margin-top: 10px;

  text-align: left;

  position: relative;

  z-index: 3;

  background-color: var(--white-color);

  padding: 6px 10px 0 0;

  border-radius: 10px;

}



.year-box .box-number {

  font-size: 64px;

  color: var(--theme-color);

  font-weight: 700;

  line-height: 1;

}



.year-box .box-title {

  font-size: 20px;

  margin: 0;

}



/*------------------- 4.00. Team  -------------------*/

/* Team global ---------------------------------- */

.th-team {

  position: relative;

}



.th-team .box-img {

  position: relative;

  overflow: hidden;

}



.th-team .box-img img {

  width: 100%;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.th-team .box-desig {

  font-size: 14px;

  display: block;

  margin-bottom: -0.5em;

}



.th-team .th-social {

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.th-team .th-social a {

  --icon-size: 40px;

  background-color: var(--white-color);

  color: var(--theme-color);

  border: 1px solid var(--theme-color);

}



.th-team .th-social a:hover {

  background-color: var(--theme-color);

  color: var(--white-color);

}



.th-team .box-title {

  margin-bottom: 2px;

}



/* Team Card ---------------------------------- */

.team-card {

  position: relative;

  overflow: hidden;

}



.team-card .box-img {

  border-radius: 10px;

}



.team-card .box-img:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  height: 0;

  width: 100%;

  border-radius: inherit;

  background-color: var(--title-color);

  opacity: 0;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.team-card .box-content {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 30px;

  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;

  z-index: 3;

}



.team-card .box-content:before {

  content: '';

  position: absolute;

  bottom: -1px;

  left: 0;

  height: 100%;

  width: calc(100% - 100px);

  background-color: var(--smoke-color2);

  border-radius: 0 0 0 10px;

  z-index: -1;

  -webkit-clip-path: polygon(0 0, calc(100% - 35px) 0%, 100% 100%, 0% 100%);

          clip-path: polygon(0 0, calc(100% - 35px) 0%, 100% 100%, 0% 100%);

}



.team-card .icon-btn {

  --btn-size: 40px;

  border: none;

  background-color: var(--theme-color);

  color: var(--white-color);

}



.team-card .icon-btn i {

  -webkit-transition: -webkit-transform 0.3s ease-in-out;

  transition: -webkit-transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

}



.team-card .box-title {

  font-size: 20px;

}



.team-card .box-desig {

  color: var(--theme-color);

}



.team-card .th-social {

  position: absolute;

  bottom: 0;

  right: 30px;

  width: 40px;

  visibility: hidden;

  opacity: 0;

}



.team-card .th-social a {

  margin-bottom: 8px;

}



.team-card:hover .box-img img {

  -webkit-transform: scale(1.06);

      -ms-transform: scale(1.06);

          transform: scale(1.06);

}



.team-card:hover .box-img:after {

  height: 100%;

  opacity: 0.8;

}



.team-card:hover .th-social {

  visibility: visible;

  opacity: 1;

  bottom: 72px;

}



.team-card:hover .icon-btn i {

  -webkit-transform: rotate(45deg) translate(-1px, -1px);

      -ms-transform: rotate(45deg) translate(-1px, -1px);

          transform: rotate(45deg) translate(-1px, -1px);

}



/* Small devices */

@media (max-width: 767px) {

  .team-card {

    max-width: 440px;

    margin-left: auto;

    margin-right: auto;

  }

}



@media (max-width: 360px) {

  .team-card .box-content {

    padding: 20px;

  }

  .team-card .box-content:before {

    width: calc(100% - 75px);

  }

  .team-card .th-social {

    right: 20px;

  }

  .team-card:hover .th-social {

    bottom: 62px;

  }

}



/* Team Details ---------------------------------- */

.team-counter {

  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: 25px;

  padding: 30px 0;

  border-bottom: 1px solid var(--th-border-color);

  margin-bottom: 40px;

}



.team-counter .box-number {

  font-size: 50px;

  font-weight: 700;

  font-family: var(--title-font);

  color: var(--title-color);

  margin-bottom: 0;

}



.team-counter .counter-text {

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 0;

}



.team-details {

  margin-left: 20px;

  /* Medium Large devices */

}



@media (max-width: 1299px) {

  .team-details {

    margin-left: 0px;

  }

}



.team-details-img {

  margin-right: 30px;

  /* Medium Large devices */

}



@media (max-width: 1299px) {

  .team-details-img {

    margin-right: 0;

  }

}



.team-details-img img {

  border-radius: 10px;

}



.team-details .box-desig {

  color: var(--theme-color);

  font-weight: 500;

  margin-bottom: 25px;

}



.team-details .team-info {

  margin-bottom: 4px;

}



.team-details .team-info i {

  color: var(--theme-color);

  margin-right: 5px;

}



.team-details .team-info a {

  color: var(--title-color);

  font-weight: 600;

}



.team-details .team-info a:hover {

  color: var(--theme-color);

}



.team-details .th-social {

  margin-top: 34px;

}



.team-details .th-social a {

  background-color: var(--th-border-color);

}



.team-details .th-social a:hover {

  background-color: var(--theme-color);

}



.skill-feature {

  text-align: left;

}



.skill-feature:not(:last-child) {

  margin-bottom: 30px;

}



.skill-feature_title,

.skill-feature .progress-value {

  font-size: 16px;

  font-weight: 700;

  margin-bottom: 10px;

  margin-top: -0.3em;

  font-family: var(--title-font);

  color: var(--title-color);

}



.skill-feature .progress {

  position: relative;

  height: 3px;

  background-color: var(--th-border-color);

  overflow: visible;

  border-radius: 0;

}



.skill-feature .progress-bar {

  background-color: var(--theme-color);

  height: 5px;

  margin: -1px 0;

  border-radius: inherit;

  overflow: visible;

  position: relative;

}



.skill-feature .progress-value {

  position: absolute;

  top: -30px;

  right: 0px;

}



.team-contact-form {

  background-color: var(--smoke-color);

  border-radius: 10px;

  padding: 60px;

  /* Large devices */

  /* Extra small devices */

}



.team-contact-form .form-title {

  margin-top: -0.16em;

  margin-bottom: 25px;

  text-align: center;

}



.team-contact-form .form-group > i {

  color: var(--theme-color);

}



@media (max-width: 1199px) {

  .team-contact-form {

    padding: 40px;

  }

}



@media (max-width: 575px) {

  .team-contact-form {

    padding: 40px 20px;

  }

}



/*------------------- 4.00. Testimonial  -------------------*/

/* Testimonial Card ---------------------------------- */

.testi-card {

  background-color: var(--white-color);

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.04);

  border-radius: 20px;

  position: relative;

  padding: 40px 30px 40px 40px;

  /* Extra small devices */

}



@media (max-width: 575px) {

  .testi-card {

    padding: 30px 20px 30px 30px;

    borr: 15px;

  }

}



.testi-card.bg-smoke {

  box-shadow: none;

}



.testi-card .box-profile {

  margin-top: 35px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  z-index: 3;

  gap: 15px;

}



.testi-card .box-img {

  width: 56px;

  min-width: 56px;

  border-radius: 99px;

}



.testi-card .box-img img {

  border-radius: inherit;

}



.testi-card .box-title {

  font-size: 20px;

  font-weight: 600;

  margin: 0 0 3px 0;

}



.testi-card .box-desig {

  font-size: 14px;

  margin-bottom: 0;

  display: block;

}



.testi-card .box-quote {

  position: absolute;

  bottom: 40px;

  right: 40px;

  /* Extra small devices */

}



@media (max-width: 575px) {

  .testi-card .box-quote {

    right: 30px;

    bottom: 30px;

  }

}



.testi-card .box-review {

  color: var(--yellow-color);

  margin-bottom: 20px;

}



.testi-card .box-review i {

  margin-right: 5px;

}



.testi-card .box-review i:last-child {

  margin-right: 0px;

}



/* Testimonial Box ---------------------------------- */

.box-profile {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

}



.box-profile .box-img img {

  border-radius: 6px;

}



.testi-box-area {

  background-color: var(--white-color);

  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);

  border-radius: 10px;

  position: relative;

  z-index: 3;

}



.testi-box-img {

  position: relative;

  height: 100%;

  /* Medium devices */

}



@media (max-width: 991px) {

  .testi-box-img {

    max-height: 450px;

  }

}



.testi-box-img * {

  height: 100%;

}



.testi-box-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 10px;

}



.testi-box-slide {

  padding: 60px;

  position: relative;

  /* Large devices */

  /* Extra small devices */

}



@media (max-width: 1199px) {

  .testi-box-slide {

    padding: 40px;

  }

}



@media (max-width: 375px) {

  .testi-box-slide {

    padding: 40px 20px;

  }

}



.testi-box-slide .icon-box {

  position: absolute;

  bottom: 60px;

  right: 80px;

  gap: 0;

  /* Large devices */

  /* Extra small devices */

}



@media (max-width: 1199px) {

  .testi-box-slide .icon-box {

    bottom: 40px;

    right: 40px;

  }

}



@media (max-width: 575px) {

  .testi-box-slide .icon-box {

    display: none;

  }

}



.testi-box .box-title {

  margin-bottom: 5px;

}



.testi-box .box-desig {

  display: block;

  margin-bottom: -0.5em;

}



.testi-box .box-text {

  margin-top: -0.5em;

  margin-bottom: 40px;

  font-style: italic;

}



.testi-box .box-img {

  width: 80px;

}



.testi-box .box-review {

  margin: 0 0 27px 0;

  color: var(--yellow-color);

}



.testi-box .box-review i {

  margin: 0 2px;

}



/* Testimonial Grid ---------------------------------- */

.testi-grid-img {

  height: 100%;

}



.testi-grid-img * {

  height: 100%;

}



.testi-grid-img img {

  height: 100%;

  width: 100%;

  border-radius: 10px;

  object-fit: cover;

}



.testi-grid-slide {

  position: relative;

  padding-left: 50px;

  /* Medium Large devices */

  /* Medium devices */

}



@media (max-width: 1299px) {

  .testi-grid-slide {

    padding-left: 10px;

  }

}



@media (max-width: 991px) {

  .testi-grid-slide {

    padding-left: 0;

    padding-top: 40px;

  }

}



.testi-grid-slide .icon-box {

  margin-top: 50px;

}



.testi-grid-quote {

  position: absolute;

  right: 0;

  bottom: -12%;

  font-size: 300px;

  color: #E4EFF8;

  /* Medium Large devices */

  /* Extra small devices */

}



@media (max-width: 1299px) {

  .testi-grid-quote {

    bottom: 0;

  }

}



@media (max-width: 575px) {

  .testi-grid-quote {

    font-size: 200px;

  }

}



.testi-grid-quote i {

  line-height: 0.63;

}



.testi-grid .box-title {

  margin-bottom: 5px;

}



.testi-grid .box-desig {

  display: block;

  margin-bottom: -0.5em;

}



.testi-grid .box-text {

  margin-top: -0.5em;

  margin-bottom: 40px;

  font-style: italic;

}



.testi-grid .box-img {

  width: 80px;

}



.testi-grid .box-review {

  margin: 0 0 27px 0;

  color: var(--yellow-color);

}



.testi-grid .box-review i {

  margin: 0 2px;

}



/*------------------- 4.00. Counter  -------------------*/

/* Counter 1 ---------------------------------- */

.counter-card {

  text-align: center;

}



.counter-card-wrap {

  --th-border-color: rgba(255, 255, 255, 0.3);

  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: 80px 0;

}



.counter-card-wrap .divider {

  width: 1px;

  height: 175px;

  background-color: var(--th-border-color);

}



.counter-card-wrap .divider:last-of-type {

  display: none;

}



.counter-card .box-icon {

  width: 92px;

  height: 92px;

  line-height: 92px;

  background-image: url('data:image/svg+xml,<svg width="93" height="94" viewBox="0 0 93 94" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M47.4858 2.35636C55.7133 4.1267 60.1559 12.7468 67.3926 17.0442C75.016 21.5713 87.0571 20.2067 90.9568 28.1713C94.8361 36.0941 86.759 44.7719 85.2223 53.459C83.7528 61.7668 86.6672 70.9505 82.1316 78.0633C77.3922 85.4958 69.1939 91.0143 60.4716 92.2735C52.0774 93.4854 45.0328 86.4302 36.7479 84.6152C27.5711 82.6048 16.5573 87.1208 9.36342 81.077C2.16678 75.0308 0.456568 64.0744 1.13757 54.6977C1.76262 46.0914 9.5601 40.1868 12.9106 32.2354C16.4065 23.9391 14.3822 12.9887 21.1928 7.10316C28.0716 1.15866 38.5991 0.444151 47.4858 2.35636Z" stroke="%23068FFF" stroke-width="2" stroke-dasharray="8 8"/></svg>');

  margin: 0 auto 20px auto;

  background-size: 100% 100%;

  position: relative;

  z-index: 2;

}



.counter-card .box-icon:before {

  content: '';

  position: absolute;

  inset: 7px;

  background-color: var(--white-color);

  -webkit-clip-path: path("M39.3256 1.5968C46.2161 3.07946 49.9368 10.2988 55.9975 13.8979C62.3821 17.6893 72.4666 16.5465 75.7326 23.2168C78.9814 29.8521 72.2169 37.1198 70.93 44.3953C69.6992 51.353 72.14 59.0444 68.3415 65.0014C64.3722 71.226 57.5061 75.8478 50.2012 76.9024C43.171 77.9173 37.2712 72.0087 30.3326 70.4886C22.647 68.8049 13.4229 72.587 7.3981 67.5253C1.37092 62.4617 -0.0613862 53.2856 0.508951 45.4327C1.03243 38.2249 7.56282 33.2798 10.3689 26.6205C13.2967 19.6724 11.6013 10.5014 17.3052 5.57224C23.0662 0.59372 31.8829 -0.00467747 39.3256 1.5968Z");

          clip-path: path("M39.3256 1.5968C46.2161 3.07946 49.9368 10.2988 55.9975 13.8979C62.3821 17.6893 72.4666 16.5465 75.7326 23.2168C78.9814 29.8521 72.2169 37.1198 70.93 44.3953C69.6992 51.353 72.14 59.0444 68.3415 65.0014C64.3722 71.226 57.5061 75.8478 50.2012 76.9024C43.171 77.9173 37.2712 72.0087 30.3326 70.4886C22.647 68.8049 13.4229 72.587 7.3981 67.5253C1.37092 62.4617 -0.0613862 53.2856 0.508951 45.4327C1.03243 38.2249 7.56282 33.2798 10.3689 26.6205C13.2967 19.6724 11.6013 10.5014 17.3052 5.57224C23.0662 0.59372 31.8829 -0.00467747 39.3256 1.5968Z");

  z-index: -1;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.counter-card .box-icon img {

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.counter-card .box-number {

  font-size: 40px;

  color: var(--theme-color);

  font-weight: 700;

  margin-bottom: 0px;

  margin-top: -0.18em;

  /* Large devices */

}



@media (max-width: 1199px) {

  .counter-card .box-number {

    font-size: 36px;

  }

}



.counter-card .box-text {

  font-size: 20px;

  color: var(--white-color);

  font-weight: 500;

  /* Large devices */

  /* Medium devices */

}



@media (max-width: 1199px) {

  .counter-card .box-text {

    font-size: 18px;

  }

}



@media (max-width: 991px) {

  .counter-card .box-text {

    font-size: 15px;

  }

}



.counter-card:hover .box-icon:before {

  -webkit-transform: rotate(-98deg);

      -ms-transform: rotate(-98deg);

          transform: rotate(-98deg);

}



.counter-card:hover .box-icon img {

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}



/* Small devices */

@media (max-width: 767px) {

  .counter-card {

    -webkit-box-flex: 50%;

    -webkit-flex: 50%;

        -ms-flex: 50%;

            flex: 50%;

    padding-left: 10px;

    padding-right: 10px;

  }

  .counter-card-wrap {

    text-align: center;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    position: relative;

  }

  .counter-card-wrap .divider {

    display: none;

  }

  .counter-card-wrap:after {

    content: '';

    height: 100%;

    width: 1px;

    position: absolute;

    top: 0;

    left: 50%;

    background-color: var(--th-border-color);

  }

  .counter-card:nth-child(1), .counter-card:nth-child(3) {

    padding-bottom: 30px;

    border-bottom: 1px solid var(--th-border-color);

    margin-bottom: 30px;

  }

}



/*------------------- 4.00. Blog  -------------------*/

/* Blog Card ---------------------------------- */

.blog-card {

  border-radius: 10px;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.06);

  background-color: var(--white-color);

}



.blog-card .blog-content {

  padding: 30px;

  position: relative;

  z-index: 3;

}



.blog-card .box-title {

  margin-bottom: 12px;

  font-weight: 600;

}



.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 .blog-img {

  position: relative;

}



.blog-card .blog-img:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 0;

  background: -webkit-linear-gradient(top, rgba(0, 21, 36, 0) 0.52%, #575757 100%);

  background: linear-gradient(180deg, rgba(0, 21, 36, 0) 0.52%, #575757 100%);

  border-radius: 10px;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  opacity: 0.8;

}



.blog-card .blog-img img {

  width: 100%;

  border-radius: 10px;

}



.blog-card .blog-meta {

  margin: -0.4em 0 23px 0;

}



.blog-card .blog-meta span > i,

.blog-card .blog-meta a > i {

  color: var(--theme-color);

}



.blog-card .blog-date {

  background-color: var(--theme-color);

  color: var(--white-color);

  position: absolute;

  right: 30px;

  bottom: -35px;

  border-radius: 6px;

  overflow: hidden;

  z-index: 3;

}



.blog-card .blog-date span {

  width: 65px;

  line-height: 35px;

  font-size: 18px;

  font-weight: 500;

  display: block;

  text-align: center;

}



.blog-card .blog-date span:first-child {

  background-color: var(--white-color);

  color: var(--theme-color);

  font-weight: 600;

}



.blog-card:hover .blog-img:after {

  height: 100%;

}



/* Medium Large devices */

@media (max-width: 1299px) {

  .blog-card .blog-img {

    margin-bottom: 15px;

  }

  .blog-card .box-title {

    font-size: 22px;

  }

  .blog-card .blog-content {

    padding: 20px;

  }

  .blog-card .blog-date {

    right: 20px;

  }

}



/* Large devices */

@media (max-width: 1199px) {

  .blog-card .blog-img {

    margin-bottom: 0;

  }

  .blog-card .blog-content {

    padding: 30px;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .blog-card .blog-img {

    margin-bottom: 15px;

  }

  .blog-card .box-title {

    font-size: 20px;

  }

  .blog-card .blog-content {

    padding: 20px;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .blog-card .blog-img {

    margin-bottom: 0;

  }

  .blog-card .blog-content {

    padding: 30px;

  }

  .blog-card .box-title {

    font-size: 24px;

  }

}



/* Extra small devices */

@media (max-width: 575px) {

  .blog-card .box-title {

    font-size: 22px;

  }

}



@media (max-width: 350px) {

  .blog-card .blog-img {

    margin-bottom: 15px;

  }

  .blog-card .blog-content {

    padding: 18px;

  }

  .blog-card .box-title {

    font-size: 20px;

  }

}



/* Blog Box ---------------------------------- */

.blog-box {

  position: relative;

  border-radius: 10px;

}



.blog-box .blog-img {

  border-radius: 10px;

  overflow: hidden;

  position: relative;

}



.blog-box .blog-img:after {

  content: '';

  position: absolute;

  inset: 0;

  background: -webkit-linear-gradient(269.05deg, rgba(0, 21, 36, 0) 34.01%, rgba(0, 21, 36, 0) 34.01%, rgba(0, 21, 36, 0.72) 64.46%, #575757 99.21%);

  background: linear-gradient(180.95deg, rgba(0, 21, 36, 0) 34.01%, rgba(0, 21, 36, 0) 34.01%, rgba(0, 21, 36, 0.72) 64.46%, #575757 99.21%);

  border-radius: inherit;

}



.blog-box .blog-img img {

  width: 100%;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.blog-box .box-title {

  font-size: 22px;

  color: var(--white-color);

  margin-bottom: 20px;

  font-weight: 600;

}



.blog-box .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-box .box-title a:hover {

  background-size: 100% 2px;

}



.blog-box .blog-meta {

  margin: -0.3em 0 18px 0;

}



.blog-box .blog-meta span,

.blog-box .blog-meta a {

  color: var(--white-color);

}



.blog-box .blog-meta span:hover,

.blog-box .blog-meta a:hover {

  color: var(--theme-color);

}



.blog-box .blog-meta span > i,

.blog-box .blog-meta a > i {

  color: var(--theme-color);

}



.blog-box .blog-content {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 3;

  padding: 30px 30px 23px 30px;

}



.blog-box .category {

  color: var(--white-color);

}



.blog-box .category:hover {

  color: var(--theme-color);

}



.blog-box .box-btn {

  color: var(--white-color);

  font-size: 20px;

}



.blog-box .box-btn:hover {

  color: var(--theme-color);

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

}



.blog-box .box-bottom {

  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-top: 1px solid rgba(255, 255, 255, 0.2);

  padding-top: 23px;

}



.blog-box:hover .blog-img img {

  -webkit-transform: scale(1.08);

      -ms-transform: scale(1.08);

          transform: scale(1.08);

}



/* Medium Large devices */

@media (max-width: 1299px) {

  .blog-box .blog-content {

    padding: 20px;

  }

}



/* Large devices */

@media (max-width: 1199px) {

  .blog-box .blog-content {

    padding: 30px;

  }

}



/* Medium devices */

@media (max-width: 991px) {

  .blog-box .blog-content {

    padding: 20px;

  }

  .blog-box .box-title {

    font-size: 20px;

  }

}



/* Small devices */

@media (max-width: 767px) {

  .blog-box .blog-content {

    padding: 30px;

  }

  .blog-box .box-title {

    font-size: 24px;

  }

}



/* Extra small devices */

@media (max-width: 575px) {

  .blog-box .box-title {

    font-size: 22px;

  }

}



@media (max-width: 410px) {

  .blog-box .box-title {

    font-size: 20px;

  }

}



@media (max-width: 350px) {

  .blog-box .blog-content {

    padding: 18px;

  }

  .blog-box .box-title {

    font-size: 20px;

  }

  .blog-box .box-bottom {

    padding-top: 18px;

  }

}



/*------------------- 4.00. Brand  -------------------*/

/* Brand 1 ---------------------------------- */

.brand-box {

  display: grid;

  -webkit-align-content: center;

      -ms-flex-line-pack: center;

          align-content: center;

  text-align: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  min-height: 78px;

}



.brand-sec1 {

  padding: 60px 0;

  border-top: 4px solid var(--white-color);

}



/* Brand 2 ---------------------------------- */

.brand-card {

  display: grid;

  -webkit-align-content: center;

      -ms-flex-line-pack: center;

          align-content: center;

  text-align: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  min-height: 80px;

}



.brand-card img {

  -webkit-filter: grayscale(100) opacity(1);

          filter: grayscale(100) opacity(1);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.brand-card:hover img {

  -webkit-filter: none;

          filter: none;

}



/*------------------- 4.00. Simple Sections  -------------------*/

.checklist ul {

  padding-left: 0;

  list-style: none;

  text-align: left;

  margin-bottom: 0;

}



.checklist.list-two-column ul {

  display: inline-grid;

  grid-template-columns: auto auto;

  gap: 0 40px;

  /* Extra small devices */

}



@media (max-width: 575px) {

  .checklist.list-two-column ul {

    grid-template-columns: auto;

  }

  .checklist.list-two-column ul li {

    text-align: initial;

  }

}



.checklist li {

  color: var(--title-color);

  font-weight: 400;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  gap: 10px;

}



.checklist li > i {

  color: var(--theme-color);

  line-height: 26px;

}



.checklist li:not(:last-child) {

  margin-bottom: 10px;

}



.checklist.body-color li {

  color: var(--body-color);

}



.checklist.body-color li b {

  color: var(--title-color);

  font-weight: 600;

}



.checklist.style2 li {

  font-weight: 500;

}



.checklist.style2 li > i {

  font-size: 22px;

}



.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.3);

}



.mega-hover:after {

  top: 50%;

  right: 0;

  bottom: 50%;

  left: 0;

  background: rgba(255, 255, 255, 0.4);

}



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

}



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

}



.video-sec1 {

  padding-bottom: 190px;

}



.video-sec1 .play-btn {

  --icon-size: 90px;

  font-size: 20px;

}



.rounded-10 {

  border-radius: 10px;

}



.rounded-20 {

  border-radius: 20px;

  /* Small devices */

}



@media (max-width: 767px) {

  .rounded-20 {

    border-radius: 10px;

  }

}



.rounded-30 {

  border-radius: 30px;

  /* Small devices */

}



@media (max-width: 767px) {

  .rounded-30 {

    border-radius: 15px;

  }

}



.call-1 a:hover {

  color: var(--white-color);

}



.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: 10px;

  text-align: center;

  margin-bottom: 60px;

  /* Large devices */

  /* Medium devices */

}



@media (max-width: 1199px) {

  .filter-menu {

    margin-bottom: 50px;

  }

}



@media (max-width: 991px) {

  .filter-menu {

    margin-top: -15px;

    margin-bottom: 45px;

    gap: 6px;

  }

}



.filter-menu .th-btn {

  padding: 15px 20px;

  min-width: auto;

  background: -webkit-linear-gradient(top, #C2D4FF 37.5%, #F0F4FF 100%);

  background: linear-gradient(180deg, #C2D4FF 37.5%, #F0F4FF 100%);

  box-shadow: 0px 2px 10px rgba(184, 191, 208, 0.5);

  /* Medium devices */

}



.filter-menu .th-btn:before {

  background: -webkit-linear-gradient(top, #F9FAFD 0%, rgba(249, 250, 253, 0) 78.65%);

  background: linear-gradient(180deg, #F9FAFD 0%, rgba(249, 250, 253, 0) 78.65%);

}



.filter-menu .th-btn.active {

  background: -webkit-linear-gradient(top, var(--theme-color2) 37.5%, #E3EBFF 100%);

  background: linear-gradient(180deg, var(--theme-color2) 37.5%, #E3EBFF 100%);

  color: var(--white-color);

  box-shadow: 0px 3px 15px #B0BAD3;

}



.filter-menu .th-btn.active:before {

  background: -webkit-linear-gradient(top, #A3BDFF 0%, rgba(155, 184, 255, 0) 78.65%);

  background: linear-gradient(180deg, #A3BDFF 0%, rgba(155, 184, 255, 0) 78.65%);

}



@media (max-width: 991px) {

  .filter-menu .th-btn {

    padding: 13px 17px;

  }

}



/* Large devices */

@media (max-width: 1199px) {

  p.mb-40 {

    margin-bottom: 35px;

  }

  p.mb-45 {

    margin-bottom: 38px;

  }

}



/*------------------- 4.00. Why -------------------*/

/* Why 1 ---------------------------------- */

.about-feature-area {

  max-width: 400px;

  /* Large devices */

}



@media (max-width: 1199px) {

  .about-feature-area {

    margin: 0 auto 40px auto;

  }

}



.about-feature-area .about-feature {

  margin-bottom: 30px;

}



.about-feature-area .about-feature:last-child {

  margin-bottom: 0;

}



.img-box2 {

  position: relative;

  /* Large devices */

}



@media (max-width: 1199px) {

  .img-box2 {

    text-align: center;

  }

}



.img-box2 .img1 img,

.img-box2 .img2 img {

  border-radius: 999px;

}



.img-box2 .img1 {

  background-color: var(--theme-color);

  border-radius: 999px;

  padding: 0 20px 0 0;

  margin-left: 40px;

  display: inline-block;

}



.img-box2 .img2 {

  border: 5px solid var(--theme-color);

  position: absolute;

  bottom: 0;

  left: -160px;

  border-radius: 999px;

  /* Medium Large devices */

  /* Large devices */

  /* Extra small devices */

}



@media (max-width: 1299px) {

  .img-box2 .img2 {

    bottom: -80px;

    left: -80px;

  }

}



@media (max-width: 1199px) {

  .img-box2 .img2 {

    bottom: 0;

    left: 0;

  }

}



@media (max-width: 575px) {

  .img-box2 .img2 {

    max-width: 50%;

  }

}



/*------------------- 4.00. Faq -------------------*/

/* Faq 1 ---------------------------------- */

.accordion-card {

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  border-radius: 10px;

  overflow: hidden;

  background-color: var(--smoke-color);

  text-align: left;

  position: relative;

  z-index: 3;

}



.accordion-card:not(:last-child) {

  margin-bottom: 24px;

}



.accordion-card .accordion-button {

  font-size: 18px;

  font-weight: 600;

  font-family: var(--title-font);

  border: 0;

  border-color: var(--th-border-color);

  color: var(--title-color);

  background-color: transparent;

  border-radius: 0;

  padding: 22px 45px 22px 30px;

  min-height: 56px;

  gap: 10px;

  margin-bottom: 0;

  text-align: left;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  position: relative;

}



.accordion-card .accordion-button:after {

  content: "\f055";

  height: 100%;

  width: auto;

  line-height: 1;

  background-color: transparent;

  background-image: none;

  font-family: var(--icon-font);

  color: var(--theme-color);

  font-weight: 900;

  font-size: 22px;

  display: grid;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: center;

  position: absolute;

  top: 0;

  right: 30px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.accordion-card .accordion-button:focus {

  outline: none;

  box-shadow: none;

}



.accordion-card .accordion-button:not(.collapsed) {

  box-shadow: none;

  border-radius: 0;

}



.accordion-card .accordion-button:not(.collapsed):after {

  content: '\f056';

  -webkit-transform: rotate(180deg);

      -ms-transform: rotate(180deg);

          transform: rotate(180deg);

  color: var(--title-color);

}



.accordion-card .accordion-collapse {

  border: none;

}



.accordion-card .accordion-body {

  border-radius: 0;

  border: none;

  padding: 0px 30px 30px 30px;

  margin-top: -7px;

}



.accordion-card .faq-text {

  margin-bottom: -0.48em;

}



.accordion-card:has(.show) {

  border-radius: 10px;

}



/* Small devices */

@media (max-width: 767px) {

  .accordion-card .accordion-button {

    font-size: 18px;

  }

}



/* Extra small devices */

@media (max-width: 575px) {

  .accordion-card .accordion-button {

    font-size: 16px;

  }

}



/*------------------- 4.00. Service -------------------*/

/* Service Card ---------------------------------- */

.service-card {

  position: relative;

  text-align: center;

  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);

  background-color: var(--white-color);

  border-radius: 10px;

  z-index: 2;

}



.service-card .box-img {

  -webkit-clip-path: polygon(100% 0, 100% 100%, calc(100% - 100px) 100%, 50% calc(100% - 32px), 100px 100%, 0 100%, 0 0);

          clip-path: polygon(100% 0, 100% 100%, calc(100% - 100px) 100%, 50% calc(100% - 32px), 100px 100%, 0 100%, 0 0);

  border-radius: 10px 10px 0 0;

  overflow: hidden;

}



.service-card .box-img img {

  width: 100%;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.service-card .box-content {

  padding: 40px 15px 40px 15px;

}



.service-card .box-icon {

  border-radius: 99px;

  margin: -16px auto 30px auto;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.service-card .box-title {

  margin-bottom: 15px;

}



.service-card .box-title a:hover {

  color: var(--theme-color);

}



.service-card .box-text {

  margin-bottom: 0px;

}



.service-card .th-btn:before {

  background-color: var(--theme-color2);

}



.service-card:hover .box-img img {

  -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}



.service-card:hover .box-icon img {

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}



/* Service Box ---------------------------------- */

.service-box {

  background-color: var(--white-color);

  border-radius: 10px;

  padding: 40px;

  border: 1px solid var(--th-border-color);

  overflow: hidden;

  position: relative;

  /* Extra small devices */

}



@media (max-width: 375px) {

  .service-box {

    padding: 30px;

  }

}



.service-box .box-img {

  margin-bottom: 30px;

}



.service-box .box-title {

  margin-bottom: 14px;

}



.service-box .box-text {

  margin-bottom: 22px;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.service-box .box-shape {

  position: absolute;

  width: 76px;

  height: 76px;

  background-color: var(--theme-color);

  border-radius: 99px;

  opacity: 0.1;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.service-box .box-shape:nth-child(1) {

  right: -22px;

  bottom: 22px;

}



.service-box .box-shape:nth-child(2) {

  right: 22px;

  bottom: -22px;

}



.service-box .box-shape:nth-child(3) {

  bottom: -13px;

  right: -13px;

}



.service-box .th-btn {

  color: var(--theme-color);

  padding: 15px 25px;

  min-width: 140px;

  border: 1px solid var(--th-border-color);

  background-color: var(--white-color);

}



.service-box .th-btn:hover {

  border-color: var(--title-color);

}



.service-box:hover .box-shape {

  background-color: var(--theme-color2);

}



.service-box:hover .box-shape:nth-child(2) {

  right: -22px;

  bottom: 22px;

}



.service-box:hover .box-shape:nth-child(1) {

  bottom: -13px;

  right: -13px;

}



.service-box:hover .box-shape:nth-child(3) {

  right: 22px;

  bottom: -22px;

}



/* Service Details ---------------------------------- */

.page-title {

  margin-top: -0.16em;

  margin-bottom: 20px;

}



.page-img {

  margin-bottom: 40px;

  overflow: hidden;

  border-radius: 10px;

}



.page-img img {

  width: 100%;

}



.page-single {

  margin-bottom: 30px;

}



.service-feature {

  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(--smoke-color);

  border-radius: 10px;

  padding: 20px;

  gap: 20px;

  /* Medium Large devices */

  /* Large devices */

  /* Medium devices */

  /* Extra small devices */

}



.service-feature-wrap {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 30px;

  /* Medium Large devices */

  /* Small devices */

  /* Extra small devices */

}



@media (max-width: 1299px) {

  .service-feature-wrap {

    gap: 24px;

  }

}



@media (max-width: 767px) {

  .service-feature-wrap {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (max-width: 575px) {

  .service-feature-wrap {

    grid-template-columns: repeat(1, 1fr);

  }

}



@media (max-width: 1299px) {

  .service-feature {

    padding: 10px;

    gap: 15px;

  }

}



@media (max-width: 1199px) {

  .service-feature {

    padding: 0;

  }

}



@media (max-width: 991px) {

  .service-feature {

    padding: 10px;

  }

}



@media (max-width: 575px) {

  .service-feature {

    padding: 20px;

    gap: 20px;

  }

}



.service-feature .box-icon {

  width: 60px;

  height: 60px;

  line-height: 60px;

  min-width: 60px;

  text-align: center;

  background-color: var(--smoke-color2);

  border-radius: 8px;

}



.service-feature .box-title {

  font-size: 20px;

  margin: 0;

  /* Large devices */

}



@media (max-width: 1199px) {

  .service-feature .box-title {

    font-size: 18px;

  }

}



/*------------------- 4.00. Process -------------------*/

/* Process Card ---------------------------------- */

.process-card {

  position: relative;

  z-index: 2;

  text-align: center;

  max-width: 285px;

  /* Medium devices */

}



.process-card-wrap {

  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;

  /* Large devices */

  /* Medium devices */

  /* Small devices */

}



@media (max-width: 1199px) {

  .process-card-wrap {

    gap: 20px;

  }

}



@media (max-width: 991px) {

  .process-card-wrap {

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    gap: 40px;

  }

}



@media (max-width: 767px) {

  .process-card-wrap {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}



.process-card:after {

  content: url('data:image/svg+xml,<svg width="231" height="20" viewBox="0 0 231 20" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="16" y1="9.9126" x2="216" y2="9.9126" stroke="%23068FFF" stroke-dasharray="4 4"/><path d="M230.092 9.87538L216.043 18.3208L215.754 1.93077L230.092 9.87538Z" fill="%23068FFF"/><circle cx="8.5" cy="9.9126" r="7" stroke="%23068FFF" stroke-width="3"/></svg>');

  position: absolute;

  top: 29%;

  left: 98%;

  z-index: -1;

  /* Medium Large devices */

  /* Large devices */

  /* Medium devices */

  /* Small devices */

}



@media (max-width: 1299px) {

  .process-card:after {

    left: 82%;

  }

}



@media (max-width: 1199px) {

  .process-card:after {

    left: 48%;

  }

}



@media (max-width: 991px) {

  .process-card:after {

    left: 82%;

  }

}



@media (max-width: 767px) {

  .process-card:after {

    display: none;

  }

}



@media (max-width: 991px) {

  .process-card:nth-child(even):after {

    display: none;

  }

}



.process-card:last-child:after {

  display: none;

}



.process-card .box-img {

  width: 188px;

  height: 210px;

  margin: 0 auto 30px auto;

  padding: 8px;

  position: relative;

  z-index: 2;

  background-color: var(--theme-color);

  -webkit-clip-path: path("M100.25 5.13429C96.3825 2.90138 91.6175 2.90137 87.75 5.13429L9.41541 50.3608C5.54789 52.5937 3.16541 56.7203 3.16541 61.1861V151.639C3.16541 156.105 5.54789 160.231 9.4154 162.464L87.75 207.691C91.6175 209.924 96.3825 209.924 100.25 207.691L178.585 162.464C182.452 160.231 184.835 156.105 184.835 151.639V61.1861C184.835 56.7203 182.452 52.5937 178.585 50.3608L100.25 5.13429Z");

          clip-path: path("M100.25 5.13429C96.3825 2.90138 91.6175 2.90137 87.75 5.13429L9.41541 50.3608C5.54789 52.5937 3.16541 56.7203 3.16541 61.1861V151.639C3.16541 156.105 5.54789 160.231 9.4154 162.464L87.75 207.691C91.6175 209.924 96.3825 209.924 100.25 207.691L178.585 162.464C182.452 160.231 184.835 156.105 184.835 151.639V61.1861C184.835 56.7203 182.452 52.5937 178.585 50.3608L100.25 5.13429Z");

}



.process-card .box-img img {

  margin-top: 1px;

  -webkit-clip-path: path("M81 1.95413C84.094 0.167805 87.906 0.167806 91 1.95413L166.169 45.3532C169.263 47.1396 171.169 50.4408 171.169 54.0135V140.812C171.169 144.384 169.263 147.686 166.169 149.472L91 192.871C87.906 194.657 84.094 194.657 81 192.871L5.83054 149.472C2.73653 147.686 0.830544 144.384 0.830544 140.812V54.0135C0.830544 50.4408 2.73653 47.1396 5.83054 45.3532L81 1.95413Z");

          clip-path: path("M81 1.95413C84.094 0.167805 87.906 0.167806 91 1.95413L166.169 45.3532C169.263 47.1396 171.169 50.4408 171.169 54.0135V140.812C171.169 144.384 169.263 147.686 166.169 149.472L91 192.871C87.906 194.657 84.094 194.657 81 192.871L5.83054 149.472C2.73653 147.686 0.830544 144.384 0.830544 140.812V54.0135C0.830544 50.4408 2.73653 47.1396 5.83054 45.3532L81 1.95413Z");

}



.process-card .box-title {

  margin-bottom: 13px;

}



/*------------------- 4.00. Gallery -------------------*/

/* Gallery Card -------------------------------*/

.gallery-card {

  position: relative;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

      -ms-flex: 1;

          flex: 1;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.gallery-card-wrap {

  max-width: 1814px;

  margin: 0 auto;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  gap: 30px;

  padding-left: 12px;

  padding-right: 12px;

  overflow: hidden;

  /* Large devices */

  /* Small devices */

}



@media (max-width: 1199px) {

  .gallery-card-wrap {

    gap: 24px;

  }

}



@media (max-width: 767px) {

  .gallery-card-wrap {

    max-width: 540px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}



.gallery-card .box-img {

  position: relative;

  z-index: 2;

  overflow: hidden;

  border-radius: 10px;

}



.gallery-card .box-img img {

  width: 100%;

  height: 320px;

  object-fit: cover;

  /* Small devices */

}



@media (max-width: 767px) {

  .gallery-card .box-img img {

    height: 80px;

    -webkit-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;

  }

}



.gallery-card .box-img:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 0;

  background: -webkit-linear-gradient(top, rgba(0, 21, 36, 0.09) 0%, var(--theme-color) 100%);

  background: linear-gradient(180deg, rgba(0, 21, 36, 0.09) 0%, var(--theme-color) 100%);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.gallery-card .box-content {

  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;

  padding: 30px;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  visibility: hidden;

  opacity: 0;

  z-index: 3;

  -webkit-transform: translateY(40px);

      -ms-transform: translateY(40px);

          transform: translateY(40px);

  /* Large devices */

  /* Small devices */

  /* Extra small devices */

}



@media (max-width: 1199px) {

  .gallery-card .box-content {

    padding: 20px;

  }

}



@media (max-width: 767px) {

  .gallery-card .box-content {

    padding: 30px;

  }

}



@media (max-width: 375px) {

  .gallery-card .box-content {

    padding: 20px;

  }

}



.gallery-card .box-title {

  font-weight: 600;

  color: var(--white-color);

  margin-bottom: 4px;

}



.gallery-card .box-title a:hover {

  color: var(--title-color);

}



.gallery-card .box-text {

  color: var(--white-color);

}



.gallery-card.item-active {

  -webkit-box-flex: 2;

  -webkit-flex: 2;

      -ms-flex: 2;

          flex: 2;

  /* Medium devices */

}



@media (max-width: 991px) {

  .gallery-card.item-active {

    -webkit-box-flex: 3.5;

    -webkit-flex: 3.5;

        -ms-flex: 3.5;

            flex: 3.5;

  }

}



.gallery-card.item-active .box-img:after {

  height: 100%;

}



.gallery-card.item-active .box-img img {

  height: 320px;

}



.gallery-card.item-active .box-content {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

}



.gallery-sec1 {

  padding-top: 120px;

  margin-top: -120px;

}



/* Gallery Box -------------------------------*/

.gallery-box {

  position: relative;

  margin-bottom: var(--bs-gutter-x);

}



.gallery-box .box-img {

  position: relative;

  z-index: 2;

  overflow: hidden;

  border-radius: 10px;

}



.gallery-box .box-img img {

  width: 100%;

  object-fit: cover;

  /* Medium devices */

}



@media (max-width: 991px) {

  .gallery-box .box-img img {

    min-height: 280px;

    max-height: 350px;

  }

}



.gallery-box .box-img:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 0;

  background-color: var(--title-color);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  opacity: 0.7;

}



.gallery-box .box-content {

  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;

  padding: 20px 0 20px 20px;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  visibility: hidden;

  opacity: 0;

  z-index: 3;

}



.gallery-box .box-content:before {

  content: '';

  position: absolute;

  inset: 0 20px 0 0;

  background-color: var(--white-color);

  border-radius: 6px;

  z-index: -1;

}



.gallery-box .icon-btn {

  --btn-size: 40px;

  background-color: var(--theme-color);

  color: var(--white-color);

  border: none;

}



.gallery-box .icon-btn:hover {

  background-color: var(--title-color);

}



.gallery-box .box-title {

  margin-bottom: 2px;

  /* Extra small devices */

}



@media (max-width: 375px) {

  .gallery-box .box-title {

    font-size: 22px;

  }

}



.gallery-box .box-text {

  font-size: 14px;

  color: var(--theme-color);

}



.gallery-box:hover .box-img:after {

  height: 100%;

}



.gallery-box:hover .box-content {

  bottom: 30px;

  left: 30px;

  right: 30px;

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

  /* Extra small devices */

}



@media (max-width: 375px) {

  .gallery-box:hover .box-content {

    bottom: 20px;

    left: 20px;

    right: 20px;

  }

}



/* Project Details --------------------*/

.project-meta {

  /* Small devices */

}



.project-meta-wrap {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  padding: 29px 30px;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  max-width: 820px;

  border-radius: 0 0 10px 10px;

  background-color: var(--white-color);

  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);

  position: relative;

  z-index: 3;

  margin: 0 auto -70px auto;

  /* Small devices */

}



@media (max-width: 767px) {

  .project-meta-wrap {

    gap: 20px 7px;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    margin: 0 0 20px 0;

    border-radius: 10px;

  }

}



.project-meta-wrap:before, .project-meta-wrap:after {

  content: '';

  position: absolute;

  top: 1px;

  border-style: solid;

  display: inline-block;

  z-index: -1;

  /* Medium devices */

}



@media (max-width: 991px) {

  .project-meta-wrap:before, .project-meta-wrap:after {

    display: none;

  }

}



.project-meta-wrap:before {

  border-width: 0 0 30px 30px;

  border-color: transparent transparent var(--gray-color) transparent;

  left: -30px;

}



.project-meta-wrap:after {

  border-width: 30px 0 0 30px;

  border-color: transparent transparent transparent var(--gray-color);

  right: -30px;

}



.project-meta-wrap .line {

  background-color: var(--th-border-color);

  height: 40px;

  width: 1px;

  /* Small devices */

}



@media (max-width: 767px) {

  .project-meta-wrap .line {

    display: none;

  }

}



.project-meta .box-title {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 2px;

}



@media (max-width: 767px) {

  .project-meta {

    -webkit-box-flex: calc(50% - 4px);

    -webkit-flex: calc(50% - 4px);

        -ms-flex: calc(50% - 4px);

            flex: calc(50% - 4px);

  }

}



.project-details .page-title {

  text-align: center;

}



.project-details .page-text {

  max-width: 890px;

  margin: 0 auto 32px auto;

  text-align: center;

}



.project-nav {

  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-top: 1px solid var(--th-border-color);

  border-bottom: 1px solid var(--th-border-color);

  padding: 17px 0;

  margin-top: 22px;

}



.project-nav .icon-btn {

  --btn-size: 46px;

  font-size: 16px;

  border-radius: 99px;

  border: none;

  background-color: var(--theme-color);

  color: var(--white-color);

}



.project-nav .icon-btn:hover {

  background-color: var(--theme-color2);

}



.project-nav .nav-btn {

  color: var(--title-color);

  font-family: var(--title-font);

  font-weight: 500;

}



.project-nav .nav-btn:first-child .icon-btn {

  margin-right: 5px;

}



.project-nav .nav-btn:last-child .icon-btn {

  margin-left: 5px;

}



.project-nav .nav-btn:hover {

  color: var(--theme-color);

}



/*------------------- 4.00. Price -------------------*/

/* Price Card -----------------------------------*/

.price-card {

  text-align: center;

  padding: 60px;

  border-radius: 10px;

  position: relative;

  z-index: 2;

  /* Large devices */

}



.price-card-wrap {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 30px;

  /* Medium devices */

  /* Small devices */

}



@media (max-width: 991px) {

  .price-card-wrap {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (max-width: 767px) {

  .price-card-wrap {

    grid-template-columns: repeat(1, 1fr);

  }

}



@media (max-width: 1199px) {

  .price-card {

    padding: 45px;

  }

}



.price-card:before, .price-card:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: var(--smoke-color2);

  border-radius: inherit;

  z-index: -1;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.price-card:after {

  background-color: var(--theme-color);

  opacity: 0.9;

  z-index: -2;

}



.price-card .box-icon {

  background-color: var(--theme-color);

  border-radius: 10px;

  padding: 33px 20px;

  max-width: 250px;

  margin: 0 auto;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.price-card .box-icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.price-card .box-title {

  margin: 24px 5px;

}



.price-card .box-price {

  font-size: 44px;

  margin: 0;

  color: var(--theme-color);

  margin: -0.28em 0;

}



.price-card .box-price .currency {

  font-size: 18px;

}



.price-card .checklist {

  text-align: center;

  margin: 33px 0 33px 0;

}



.price-card .checklist li {

  color: var(--body-color);

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.price-card .checklist li.unavailable i {

  color: var(--body-color);

}



.price-card.item-active:before {

  top: 70px;

  left: 80px;

  height: 100px;

  width: calc(100% - 160px);

  z-index: -1;

}



.price-card.item-active .checklist li {

  --body-color: #fff;

}



.price-card.item-active .checklist li i {

  color: var(--white-color);

}



.price-card.item-active .box-price {

  color: var(--white-color);

}



.price-card.item-active .box-icon {

  background-color: var(--white-color);

}



.price-card.item-active .box-icon img {

  -webkit-filter: none;

          filter: none;

}



.price-card.item-active .box-title {

  color: var(--white-color);

}



.price-card.item-active .th-btn {

  background-color: var(--white-color);

  color: var(--theme-color);

}



.price-tab {

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  gap: 10px;

}



.price-tab .th-btn {

  min-width: auto;

}



.price-tab .th-btn.active:before {

  background-color: var(--theme-color2);

}



/*=================================

    05. Spacing

==================================*/

/*-- Padding Left And Right --*/

.px-5 {

  padding-right: 5px;

  padding-left: 5px;

}



.px-10 {

  padding-right: 10px;

  padding-left: 10px;

}



.px-15 {

  padding-right: 15px;

  padding-left: 15px;

}



.px-20 {

  padding-right: 20px;

  padding-left: 20px;

}



.px-25 {

  padding-right: 25px;

  padding-left: 25px;

}



.px-30 {

  padding-right: 30px;

  padding-left: 30px;

}



.px-35 {

  padding-right: 35px;

  padding-left: 35px;

}



.px-40 {

  padding-right: 40px;

  padding-left: 40px;

}



.px-45 {

  padding-right: 45px;

  padding-left: 45px;

}



.px-50 {

  padding-right: 50px;

  padding-left: 50px;

}



/*-- Padding Top And Bottom --*/

.py-5 {

  padding-top: 5px;

  padding-bottom: 5px;

}



.py-10 {

  padding-top: 10px;

  padding-bottom: 10px;

}



.py-15 {

  padding-top: 15px;

  padding-bottom: 15px;

}



.py-20 {

  padding-top: 20px;

  padding-bottom: 20px;

}



.py-25 {

  padding-top: 25px;

  padding-bottom: 25px;

}



.py-30 {

  padding-top: 30px;

  padding-bottom: 30px;

}



.py-35 {

  padding-top: 35px;

  padding-bottom: 35px;

}



.py-40 {

  padding-top: 40px;

  padding-bottom: 40px;

}



.py-45 {

  padding-top: 45px;

  padding-bottom: 45px;

}



.py-50 {

  padding-top: 50px;

  padding-bottom: 50px;

}



/*-- Padding Top --*/

.pt-5 {

  padding-top: 5px;

}



.pt-10 {

  padding-top: 10px;

}



.pt-15 {

  padding-top: 15px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-25 {

  padding-top: 25px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-35 {

  padding-top: 35px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-45 {

  padding-top: 45px;

}



.pt-50 {

  padding-top: 50px;

}



/*-- Padding Bottom --*/

.pb-5 {

  padding-bottom: 5px;

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-15 {

  padding-bottom: 15px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-25 {

  padding-bottom: 25px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-35 {

  padding-bottom: 35px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-45 {

  padding-bottom: 45px;

}



.pb-50 {

  padding-bottom: 50px;

}



/*-- Padding Left --*/

.pl-5 {

  padding-left: 5px;

}



.pl-10 {

  padding-left: 10px;

}



.pl-15 {

  padding-left: 15px;

}



.pl-20 {

  padding-left: 20px;

}



.pl-25 {

  padding-left: 25px;

}



.pl-30 {

  padding-left: 30px;

}



.pl-35 {

  padding-left: 35px;

}



.pl-40 {

  padding-left: 40px;

}



.pl-45 {

  padding-left: 45px;

}



.pl-50 {

  padding-left: 50px;

}



/*-- Padding Right --*/

.pr-5 {

  padding-right: 5px;

}



.pr-10 {

  padding-right: 10px;

}



.pr-15 {

  padding-right: 15px;

}



.pr-20 {

  padding-right: 20px;

}



.pr-25 {

  padding-right: 25px;

}



.pr-30 {

  padding-right: 30px;

}



.pr-35 {

  padding-right: 35px;

}



.pr-40 {

  padding-right: 40px;

}



.pr-45 {

  padding-right: 45px;

}



.pr-50 {

  padding-right: 50px;

}



.pb-60 {

  padding-bottom: 60px;

}



/*-- margin Left And Right --*/

.mx-5 {

  margin-right: 5px;

  margin-left: 5px;

}



.mx-10 {

  margin-right: 10px;

  margin-left: 10px;

}



.mx-15 {

  margin-right: 15px;

  margin-left: 15px;

}



.mx-20 {

  margin-right: 20px;

  margin-left: 20px;

}



.mx-25 {

  margin-right: 25px;

  margin-left: 25px;

}



.mx-30 {

  margin-right: 30px;

  margin-left: 30px;

}



.mx-35 {

  margin-right: 35px;

  margin-left: 35px;

}



.mx-40 {

  margin-right: 40px;

  margin-left: 40px;

}



.mx-45 {

  margin-right: 45px;

  margin-left: 45px;

}



.mx-50 {

  margin-right: 50px;

  margin-left: 50px;

}



/*-- margin Top And Bottom --*/

.my-5 {

  margin-top: 5px;

  margin-bottom: 5px;

}



.my-10 {

  margin-top: 10px;

  margin-bottom: 10px;

}



.my-15 {

  margin-top: 15px;

  margin-bottom: 15px;

}



.my-20 {

  margin-top: 20px;

  margin-bottom: 20px;

}



.my-25 {

  margin-top: 25px;

  margin-bottom: 25px;

}



.my-30 {

  margin-top: 30px;

  margin-bottom: 30px;

}



.my-35 {

  margin-top: 35px;

  margin-bottom: 35px;

}



.my-40 {

  margin-top: 40px;

  margin-bottom: 40px;

}



.my-45 {

  margin-top: 45px;

  margin-bottom: 45px;

}



.my-50 {

  margin-top: 50px;

  margin-bottom: 50px;

}



/*-- margin Top --*/

.mt-5 {

  margin-top: 5px;

}



.mt-10 {

  margin-top: 10px;

}



.mt-15 {

  margin-top: 15px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-25 {

  margin-top: 25px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-35 {

  margin-top: 35px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-45 {

  margin-top: 45px;

}



.mt-50 {

  margin-top: 50px;

}



/*-- margin Bottom --*/

.mb-5 {

  margin-bottom: 5px;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-25 {

  margin-bottom: 25px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-35 {

  margin-bottom: 35px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-45 {

  margin-bottom: 45px;

}



.mb-50 {

  margin-bottom: 50px;

}



/*-- margin Left --*/

.ml-5 {

  margin-left: 5px;

}



.ml-10 {

  margin-left: 10px;

}



.ml-15 {

  margin-left: 15px;

}



.ml-20 {

  margin-left: 20px;

}



.ml-25 {

  margin-left: 25px;

}



.ml-30 {

  margin-left: 30px;

}



.ml-35 {

  margin-left: 35px;

}



.ml-40 {

  margin-left: 40px;

}



.ml-45 {

  margin-left: 45px;

}



.ml-50 {

  margin-left: 50px;

}



/*-- margin Right --*/

.mr-5 {

  margin-right: 5px;

}



.mr-10 {

  margin-right: 10px;

}



.mr-15 {

  margin-right: 15px;

}



.mr-20 {

  margin-right: 20px;

}



.mr-25 {

  margin-right: 25px;

}



.mr-30 {

  margin-right: 30px;

}



.mr-35 {

  margin-right: 35px;

}



.mr-40 {

  margin-right: 40px;

}



.mr-45 {

  margin-right: 45px;

}



.mr-50 {

  margin-right: 50px;

}



.mb-60 {

  margin-bottom: 60px;

}



.mb-33 {

  margin-bottom: 33px;

}



.mb-28 {

  margin-bottom: 28px;

}



.mt-n1 {

  margin-top: -.25rem;

}



.mt-n2 {

  margin-top: -.45rem;

}



.mt-n3 {

  margin-top: -0.8rem;

}



.mt-n4 {

  margin-top: -1.5rem;

}



.mt-n5 {

  margin-top: -3rem;

}



.mb-n1 {

  margin-bottom: -.25rem;

}



.mb-n2 {

  margin-bottom: -.45rem;

}



.mb-n3 {

  margin-bottom: -0.8rem;

}



.mb-n4 {

  margin-bottom: -1.5rem;

}



.mb-n5 {

  margin-bottom: -3rem;

}



.space,

.space-top {

  padding-top: var(--section-space);

}



.space,

.space-bottom {

  padding-bottom: var(--section-space);

}



.space-extra,

.space-extra-top {

  padding-top: calc(var(--section-space) - 30px);

}



.space-extra,

.space-extra-bottom {

  padding-bottom: calc(var(--section-space) - 30px);

}



.space-extra2,

.space-extra2-top {

  padding-top: calc(var(--section-space) - 40px);

}



.space-extra2,

.space-extra2-bottom {

  padding-bottom: calc(var(--section-space) - 40px);

}



/* Medium devices */

@media (max-width: 991px) {

  .space,

  .space-top {

    padding-top: var(--section-space-mobile);

  }

  .space,

  .space-bottom {

    padding-bottom: var(--section-space-mobile);

  }

  .space-extra,

  .space-extra-top {

    padding-top: calc(var(--section-space-mobile) - 30px);

  }

  .space-extra,

  .space-extra-bottom {

    padding-bottom: calc(var(--section-space-mobile) - 30px);

  }

  .space-top-md-none {

    padding-top: 0;

  }

  .space-extra2,

  .space-extra2-top {

    padding-top: 70px;

  }

  .space-extra2,

  .space-extra2-bottom {

    padding-bottom: 70px;

  }

}



/*# sourceMappingURL=style.css.map */





/* my css */



.main-tabs button {

    background: #fff !important;

    /* border: none !important; */

    font-size: 14px;

    color: #000 !important;

    margin: 0 auto;

    display: block;

    margin-right: 5px;

    width: 290px;

    padding: 15px;

    height: 150px;

}

.search-input{

  width: 64% !important;

  height: 44px;

}

.pincode {

  color: #fff;

  background: #f19300;

  border: none !important;

  width: 34%;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    color: #fff!important;

    background-color: #f19300 !important;

    border: #f19300 Solid 2px;

}

.tab-content {

   background: #fff;

   border: #969191 solid 1px;

   padding: 20px;

   border-radius: 10px;

   width: 91.4%;

   display: flex;

   margin: 0 auto;

}

.latest li i {

  color: #f19300;

  font-size: 17px;

  margin-right: 7px;

}

.first-tab li {

  line-height: 35px;

}

.second-section{

  margin-top: 50px;

  margin-bottom: 50px;

}

.second_section_button {

    margin: 34px 10px 10px 10px;

    text-align: center;

}

.text-blacks{

  color: #000 !important;

}

#about-2-sec{

  background-color: #f19300;

}

.sec-title-2{

  color: #fff;

}

.sec-text-2{

  color: #fff;

}

.slider-arrow {

    display: inline-block;

    padding: 0;

    background-color: #f19300;

    color: #ffffff;

    position: absolute;

    top: 50%;

    border: 0;

    left: var(--pos-x, -120px);

    width: var(--icon-size, 56px);

    height: var(--icon-size, 56px);

    line-height: var(--icon-size, 54px);

    font-size: var(--icon-font-size, 20px);

    margin-top: calc(var(--icon-size, 56px) / -2);

    z-index: 3;

    border-radius: 6px;

}

#service-sec{

  background-color: #f7f7f7;

}

.icons{

  margin-top: 10px;

}

.icons button {

    background-color: #fff;

    color: #000000;

}

.icons button:hover {

    background-color: #575757;

}

.latest {

  margin-bottom: 30px;

}

.first-tab {

  margin-bottom: 15px;

}

.newone .form-control {

  padding: 0 25px 0 15px;

  padding-right: 45px;

  border: 1px solid transparent;

  color: var(--body-color);

  background-color: var(--smoke-color);

  border-radius: 6px;

  font-size: 16px;

  width: 100%;

  font-family: var(--body-font);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  border: #000 solid 1px;

}

.bg-color {

    background: #f7f7f7;

}

.space-70 {

   padding: 70px 0px;

}

 .pad {

   padding: 0px 50px;

 }

 .space1 {

    padding-top: 70px;

    padding-bottom: 70px;

 }

 .box-icon img {

  width: 70px;

}



.box-content .box-text {

     font-size: 14px;

}



.cotimg {

  display: flex;

  justify-content: space-between;

  width: 100%;

}

.cot {

  width: 49%;

}

.tmg {

  width: 48%;

}

p.sec-text1 {

  font-size: 13.5px;

}

.sec-title1 {

  font-size: 35px;

  margin-bottom: 20px;

}



.slick-slider .test1 {

  padding: 20px;

}



.slick-prev:before, .slick-next:before {

  color: #333; /* Change color of arrows */

}



/* Styling for the left arrow */

.slick-prev {

  position: absolute;

  left: -50px; /* Adjust the position */

  background-color: #333; /* Background color of the arrow */

  color: white; /* Color of the text/icon */

  border-radius: 50%; /* Make it round */

  width: 40px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 1;

  cursor: pointer;

  border: none;

}



.slick-prev:hover {

  background-color: #555; /* Change color on hover */

}



/* Styling for the right arrow */

.slick-next {

  position: absolute;

  right: -50px; /* Adjust the position */

  background-color: #333;

  color: white;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 1;

  cursor: pointer;

  border: none;

}



.slick-next:hover {

  background-color: #555; /* Change color on hover */

}



/* Optional: adjust the positioning of arrows */

.slick-slider {

  position: relative;

}



.slick-prev:before, .slick-next:before {

  font-family: "Font Awesome 5 Free"; /* Use FontAwesome for arrows */

  font-weight: 900;

  font-size: 16px;

}



.slick-prev:before {

  content: '\f104'; /* Font Awesome icon for left (chevron-left) */

}



.slick-next:before {

  content: '\f105'; /* Font Awesome icon for right (chevron-right) */

}



.box-review i {

    color: #f19300;

}



.box-review {

    margin-bottom: 15px;

}





.work img {

  width: 75px;

  margin-bottom: 15px;

}



.more-btn {

  color: #f19300;

  background: #fff !important;

}

.pad50 {

     padding: 50px;

}

.centered {

  justify-content: center;

  text-align: center;

  margin: 0 auto;

  display: flex;

}





.footer-form .form-control  {

  height: 50px;

  color: #373535;

}



.fot-contact h4 {

  color: #fff;

  font-size: 26px;

  font-weight: 600;

}

.submit-btn {

  background: #000;

  border: #000 solid 1px;

  width: 100%;

  padding: 10px 15px;

}

.ft-size {

    font-size: 13px;

}



.app-store a {

  border: #fff solid 1px;

  color: #fff!important;

  padding: 10px 15px;

  border-radius: 5px;

  display:inline-block;

}

.app-store a img {

  width: 26px;

  margin-right: 5px;

}



.app-store {

  margin-top: 25px;

  margin-bottom: 34px;

}

.trust a img {

  width: 155px;

  margin-right: 15px;

}



.fot-contact h5 {

  font-weight: normal;

  color: #fff;

  font-size: 20px;

  margin-top: 15px;

}



.app-store a hover {

     color: #fff!important;

}



.nav-pills .nav-link i {

  border-radius: .25rem;

  display: block;

  font-size: 28px;

  margin-bottom: 10px;

}

.tab-img img {

  border-radius: 10px;

}





.become {

  border-radius: 5px;

 

  padding: 0px!important;

  background: #000000!important;

  color: #fff;

}

.store a img {

  width: 170px;

}

.store {

  margin-top: 25px;

  margin-bottom: 34px;

}

.clean a {

    color: #fff;

}

.clean {

  margin-top: 20px;

}



p.last a {

  color: #fff !important;

}

.lost p {

  margin-bottom: 0px;

}



/* silck slider css */

.wrapper {

  height: 100%;

  padding: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

}



@media (max-width: 767px) {

  .wrapper {

    padding: 50px 10px;

  }

}



.slick-slider {

  min-width: 0;

}



.slick-list {

  overflow: hidden;

}



.slick-track {

  display: flex;

  align-items: flex-start;

}



.slider {

  position: relative;

  padding: 0px 60px;

}



@media (max-width: 767px) {

  .slider {

    padding: 0px 20px;

  }

}



.slider .slick-arrow {

  position: absolute;

  top: 50%;

  margin: -20px 0px 0px 0px;

  z-index: 10;

  font-size: 0;

  width: 30px;

  height: 30px;

}

.slider .slick-arrow.slick-prev {

  left: 0;

  background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0

    0 / 100% no-repeat;

}

.slider .slick-arrow.slick-next {

  right: 0;

  background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;

}

.slider .slick-arrow.slick-disabled {

  opacity: 0.2;

}



.slider__item {

  padding: 0px 15px;

}

.slider__item img {

  max-width: 100%;

}

.m-left {

   margin-left: 7px!important;

}

.t-btn {

  background: #54b435;

}

.cont {

  z-index: 99;

  position: relative;

  

}



.cont {

  position: absolute;

  top: 0;

  width: 100% !important;

  transform: translate(-50%, -50%);

  top: 50%;

  left: 50%;

}



.hero-inner {

   height: 730px;

}



.work {

  text-align: center;

}

.mobilee {

    display: none;

}



.mobile-service li {

  border: #fff solid 1px;

  background: #fff;

  color: #000;

  margin-bottom: 8px;

  padding: 10px 10px;

  border-radius: 5px;

  text-align: center;

}

.mobile-service li a {

  color: #000;

 

}

.mobile-service li i {

  display: block;

  font-size: 20px;

  margin-bottom: 10px;

}

.mobile-service li.active {

  border: #f19300 solid 1px;

  color: #fff!important;

  background: #f19300;

}



.mobile-service li.active a {

  color: white; /* Text color */

 

}



.mob-btn a {

  width: 100%;

}



.modal {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

  display: none;

  width: 100%;

  height: 100%;

  overflow: hidden;

  outline: 0;

}



.btn-close {

  box-sizing: content-box;

  width: 0.8em;

  height: 0.8em;

  padding: .25em;

  color: #000;

  border: 0;

  border-radius: .25rem;

  opacity: .5;

  border: #000 solid 2px;

  line-height: 5px;

}



.save-btn {

  background: #f19300 !important;

  border-color: #f19300;

  border: #f19300 solid 1px !important;

}



.breadcumb-wrapper {

    position: relative;

}



.breadcumb-wrapper:before {

  background: #000;

  position: absolute;

  content: '';

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: 0.7;

}



.breadcumb-content {

  z-index: 1;

  position: relative;

}



.booking-feature {

  border: #c4c0c0 solid 1px;

  padding: 25px 15px 35px 15px;

  border-radius: 10px;

  background: #f7f7f7;

}



.step1 {

    text-align: center;

    padding: 15px 6px;

    border: #f19300 solid 2px;

}

.step1 i {

  font-size: 30px;

  margin-bottom: 8px;

}



.step1 {
  background-color: #fff;

  cursor: pointer;

  transition: background-color 0.3s ease;
  height: 155px;

}
.right-ten {
padding-right: 10px !important;
}


.step1.active {

  background-color: #f19300; /* Change this color as per your preference */

  color: white!important;

}



.step1.active p {

  

  color: white!important;

}

.step1 p{

    font-size: 12px;

}



.step1 p b{

  font-size: 14px;

}



.hours .modal-dialog {

  max-width: 800px;

}

.booking-feature h5 {

  margin-bottom: 25px;

}



.bg-box {

     border: #c4c0c0 solid 1px;

    padding: 30px 30px 30px 30px;

    border-radius: 10px;

    background: #f7f7f7;

    position: relative;

}



.counter-container {

  display: flex;

  margin-top: 20px;

  margin-bottom: 50px;

}

.counter-button {

  font-size: 20px;

  /* padding: 10px; */

  margin: 5px;

  cursor: pointer;

  width: 40px;

  height: 40px;

  border-radius: 10px;

  background: #f19910;

  color: #fff;

  border: #f19910 solid 2px;

}

.counter-container input {

  width: 50px;

  text-align: center;

  font-size: 18px;

  background: #fff;

  border: #000 solid 2px;

  padding: 0px;

  height: 40px;

  margin-top: 5px;

}



.many-hours {

  height: 397px;

}

.input-container input {

  background: #fff;

  border: #000 solid 1px;

  height: 50px;

  margin-bottom: 15px;

  width: 50%;

}

.calulate {

  background: #f19300;

  color: #fff;

  padding: 10px 12px;

  border: #000 solid 2px;

  border-radius: 10px;

  font-size: 15px;

}

.calulate:hover {

    color: #fff!important;

}

.many-hours p {

  font-size: 13px;

} 

.bg-box .form-check {

  padding-left: 0px;

} 



.service img {

  width: 100px;

  text-align: center;

  margin-bottom: 8px;

}

.service {

  text-align: center;

}

.service p {

  font-size: 14px;
      white-space: pre;
}

/* time picker */

/* Basic styling for timepicker */

.timepicker-container {

  position: relative;

  width: 200px;

}



input[type="text"] {

  width: 100%;

  padding: 8px;

  font-size: 16px;

  cursor: pointer;

}



/* .dropdown {

  position: absolute;

  top: 40px;

  width: 100%;

  background-color: white;

  border: 1px solid #ccc;

  max-height: 150px;

  overflow-y: auto;

  z-index: 999;

}



ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



li {

  padding: 10px;

  cursor: pointer;

  border-bottom: 1px solid #eee;

}



li:hover {

  background-color: #f0f0f0;

} */



/* Hide dropdown initially */

.hidden {

  display: none;

}



.time input {

  background: #fff;

  border: #bcb5b5 solid 1px;

  width: 100%;

  text-align: center;

}





/* calender css */

.calendar {

  height: max-content;

  width: max-content;

  background-color: var(--bg-main);

  border-radius: 30px;

  padding: 20px;

  position: relative;

  overflow: hidden;

  width: 100%;

  background: #fff;

}





.light .calendar {

  box-shadow: var(--shadow);

}



.calendar-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 25px;

  font-weight: 600;

  color: var(--color-txt);

  padding: 10px;

}



.calendar-body {

  padding: 10px;

}



.calendar-week-day {

  height: 50px;

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  font-weight: 600;

}



.calendar-week-day div {

  display: grid;

  place-items: center;

  color: #f19300;

}



.calendar-days {

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  gap: 2px;

  color: var(--color-txt);

}



.calendar-days div {

  width: 50px;

  height: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px;

  position: relative;

  cursor: pointer;

  animation: to-top 1s forwards;

}



.calendar-days div:hover {

  background-color: var(--light-hover); 

  border-radius: 10px; 

  transition: background-color 0.3s ease; 

}



.dark .calendar-days div:hover {

  background-color: var(--dark-hover); 

}



.calendar-days div span {

  position: absolute;

}



.calendar-days div.curr-date span {

  display: none;

}



.month-picker {

  padding: 5px 10px;

  border-radius: 10px;

  cursor: pointer;

  color: #f19300;

}



.month-picker:hover {

  background-color: var(--color-hover);

}



.year-picker {

  display: flex;

  align-items: center;

}



.year-change {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  display: grid;

  place-items: center;

  margin: 0 10px;

  cursor: pointer;

}



.year-change:hover {

  background-color: var(--color-hover);

}



.calendar-footer {

  padding: 10px;

  display: flex;

  justify-content: flex-end;

  align-items: center;

}



.toggle {

  display: flex;

}



.toggle span {

  margin-right: 10px;

  color: var(--color-txt);

}



.dark-mode-switch {

  position: relative;

  width: 48px;

  height: 25px;

  border-radius: 14px;

  background-color: var(--bg-second);

  cursor: pointer;

}



.dark-mode-switch-ident {

  width: 21px;

  height: 21px;

  border-radius: 50%;

  background-color: var(--bg-main);

  position: absolute;

  top: 2px;

  left: 2px;

  transition: left 0.2s ease-in-out;

}



.dark .dark-mode-switch .dark-mode-switch-ident {

  top: 2px;

  left: calc(2px + 50%);

}



.month-list {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: var(--bg-main);

  padding: 20px;

  grid-template-columns: repeat(3, auto);

  gap: 5px;

  display: grid;

  transform: scale(1.5);

  visibility: hidden;

  pointer-events: none;

}



.month-list.show {

  transform: scale(1);

  visibility: visible;

  pointer-events: visible;

  transition: all 0.2s ease-in-out;

}



.month-list > div {

  display: grid;

  place-items: center;

}



.month-list > div > div {

  width: 100%;

  padding: 5px 20px;

  border-radius: 10px;

  text-align: center;

  cursor: pointer;

  color: var(--color-txt);

}



.month-list > div > div:hover {

  background-color: var(--color-hover);

}



@keyframes to-top {

  0% {

      transform: translateY(100%);

      opacity: 0;

  }

  100% {

      transform: translateY(0);

      opacity: 1;

  }

}



.ft-size {

    font-size: 13px;

}

.photo img {

  border-radius: 10px;

  border: #f19300 solid 1px;

}

.photo p {

  margin-top: 8px;

  color: #000;

}

.star i {

  color: #f19300;

  font-size: 20px;

}

.review {

  position: relative;

  height: 502px;

}



.perform .form-control {

   border: #494343 solid 1px !important;

}



/* search input form */

/* Container for the input and button */

.input-container {

  display: flex;

  align-items: center;

  margin: 20px 0px 10px 0px;

  position: relative;

}



/* Styling the input box */

#input-box {

  padding: 10px 30px;

  font-size: 16px;

  border: 1px solid #ccc;

  border-radius: 4px;

  width: 100%;

  margin-right: 10px;

  outline: none;

  margin-bottom: 0px;

}



#input-box:focus {

  border-color: #66afe9;

  box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);

}



/* Styling the button */

#submit-button {

  padding: 11px 20px;

  background-color: #f19300;

  color: white;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  font-size: 16px;

  transition: background-color 0.3s ease;

}



#submit-button:hover {

  background-color: #45a049;

}



.book-clean a {

  width: 100%;

  margin-top: 20px;

}

.loc {

  position: absolute;

  left: 10px;

  color: #3c3838;

  font-size: 18px;

}

/* time picker */

.time-picker {

  display: flex;

  align-items: center;

  gap: 10px;

  justify-content: center;

  background: #fff;

    padding: 30px;

    border-radius: 25px;

    margin: 39px 0px;

}



.scroll-container {

  width: 60px;

  height: 280px;

  overflow-y: scroll;

  scroll-snap-type: y mandatory;

  border: 1px solid #ccc;

  border-radius: 4px;

  padding: 10px 0;

  box-sizing: border-box;

}



.time-slot {

  font-size: 18px;

  padding: 10px 0;

  text-align: center;

  scroll-snap-align: center;

  cursor: pointer;

  border-bottom: #9c9898 solid 1px;

}



.scroll-container::-webkit-scrollbar {

  display: none;

}



.time-slot.highlight {

  background-color: #f19300;/* Highlight color for selected time */

  color: white;

}



.scroll-container:focus {

  outline: none;

}



.times .modal-dialog {

   max-width: 600px;

}

.confirm {

  display: flex;

  justify-content: space-between;

  margin-top: 50px;

}



.petss {

    padding: 30px;

}

.petss li i {

  color: #f19300;

}

.plus  {

  border: #8e8989 solid 1px;

  padding: 10px;

  border-radius: 10px;

}





.areas .modal-dialog {

  max-width: 600px;

}



.home-book {

  padding: 11px 15px !important;

  /* background: #000 !important; */

  color: #fff !important;

  border-radius: 4px;

}



.halfly li a {

   font-size: 16px;

}

.halfly li a span {

  margin-left: 50px;

}

.half-time {

  /* justify-content: center; */

  text-align: center;

}

.halfly li a {

  font-size: 17px;

  line-height: 32px;

}



/* half time css */

/* Style for the scrollable container */

.half-time {

  max-height: 300px; /* Adjust based on how much you want to show */

  overflow-y: auto;  /* Enable vertical scrolling */

 

}



/* Style for the list */

.navbar-nav.halfly {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



/* Style for each list item */

.navbar-nav.halfly li {

  padding: 10px;

  cursor: pointer;

  text-align: center;

}



/* Style for links */

.navbar-nav.halfly li a {

  text-decoration: none;

  color: #000;

}



/* Active class: Top and bottom border with highlighted background */

.navbar-nav.halfly li.active {

  background-color: #f0f0f0; /* Highlight background */

  border-top: 2px solid #000; /* Top border */

  border-bottom: 2px solid #000; /* Bottom border */

}



/* Highlight on hover */

.navbar-nav.halfly li:hover {

  background-color: #e0e0e0; /* Change background color when hovering */

}



.cleann {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.cleann .counter-container {

  display: flex;

  margin-top: 0px; 

  margin-bottom: 0px;

}

.cleann p {

  margin-bottom: 0px;

  font-size: 18px;

  color: #000;

  margin-right: 15px;

}



.times-clean .modal-dialog {

  max-width: 450px;

}



.set-time {

    display: flex;

}

.set-time li {

  width: 12%;

  line-height: 44px;

  border: #bdb8b8 solid 1px;

  margin: 7px 10px;

  text-align: center;

  border-radius: 5px;

  color: #b8b6b6;

}

.active-cl {

  color: #000!important;

  background: #fff;

  border: #000 solid 1px !important;

}





/* Default styling for all <li> elements */

ul.set-time li a {

  color: black; /* Default text color */

  background-color: transparent; /* Default background */

  display: inline-block;

  text-decoration: none;

  border-radius: 5px;

}



/* Styling for the active-cl class */

ul.set-time li.active-cl a.clicked {

  background-color: #f19300;

  color: white;

  /* padding: initial; */

  padding: 0px 8px;

  border: #f19300 solid 1px;

  /* border: none; */

}



.dorr-well {

  border: #8f8787 solid 1px;

  padding: 10px 15px;

  border-radius: 5px;

}



/* wizzard css */

.bg-color{

	/* background-color: #333; */

}

.signup-step-container{

	padding: 50px 0px;

	padding-bottom: 60px;

}





  .wizard .nav-tabs {

        position: relative;

        margin-bottom: 0;

        border-bottom-color: transparent;

    }



    .wizard > div.wizard-inner {

            position: relative;

    margin-bottom: 50px;

    text-align: center;

    }



.connecting-line {

    height: 2px;

    background: #e0e0e0;

    position: absolute;

    width: 75%;

    margin: 0 auto;

    left: 0;

    right: 0;

    top: 15px;

    z-index: 1;

}



.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {

    color: #555555;

    cursor: default;

    border: 0;

    border-bottom-color: transparent;

}



span.round-tab {

    width: 30px;

    height: 30px;

    line-height: 30px;

    display: inline-block;

    border-radius: 50%;

    background: #fff;

    z-index: 2;

    position: absolute;

    left: 0;

    text-align: center;

    font-size: 16px;

    color: #0e214b;

    font-weight: 500;

    border: 1px solid #ddd;

}

span.round-tab i{

    color:#555555;

}

.wizard li.active span.round-tab {

  background: #f19300;

  color: #fff;

  border-color: #f19300;

}

.wizard li.active span.round-tab i{

    color: #5bc0de;

}

.wizard .nav-tabs > li.active > a i{

	color: #f19300;

}



.wizard .nav-tabs > li {

    width: 25%;

}



.wizard li:after {

    content: " ";

    position: absolute;

    left: 46%;

    opacity: 0;

    margin: 0 auto;

    bottom: 0px;

    border: 5px solid transparent;

    border-bottom-color: red;

    transition: 0.1s ease-in-out;

}







.wizard .nav-tabs > li a {

    width: 30px;

    height: 30px;

    margin: 20px auto;

    border-radius: 100%;

    padding: 0;

    background-color: transparent;

    position: relative;

    top: 0;

}

.wizard .nav-tabs > li a i {

  position: absolute;

  top: -15px;

  font-style: normal;

  font-weight: 400;

  white-space: nowrap;

  left: 50%;

  transform: translate(-36%, -50%);

  font-size: 14px;

  font-weight: 700;

  color: #000;

}



    .wizard .nav-tabs > li a:hover {

        background: transparent;

    }



.wizard .tab-pane {

    position: relative;

    /* padding-top: 20px; */

}





.wizard h3 {

    margin-top: 0;

}

.prev-step,

.next-step{

    font-size: 13px;

    padding: 8px 24px;

    border: none;

    border-radius: 4px;

    margin-top: 30px;

}

.next-step{

	background-color: #0db02b;

}

.skip-btn{

	background-color: #cec12d;

}

.step-head{

    font-size: 20px;

    text-align: center;

    font-weight: 500;

    margin-bottom: 20px;

}

.term-check{

	font-size: 14px;

	font-weight: 400;

}

.custom-file {

    position: relative;

    display: inline-block;

    width: 100%;

    height: 40px;

    margin-bottom: 0;

}

.custom-file-input {

    position: relative;

    z-index: 2;

    width: 100%;

    height: 40px;

    margin: 0;

    opacity: 0;

}

.custom-file-label {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1;

    height: 40px;

    padding: .375rem .75rem;

    font-weight: 400;

    line-height: 2;

    color: #495057;

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: .25rem;

}

.custom-file-label::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    display: block;

    height: 38px;

    padding: .375rem .75rem;

    line-height: 2;

    color: #495057;

    content: "Browse";

    background-color: #e9ecef;

    border-left: inherit;

    border-radius: 0 .25rem .25rem 0;

}

.footer-link{

	margin-top: 30px;

}

.all-info-container{



}

.list-content{

	margin-bottom: 10px;

}

.list-content a{

	padding: 10px 15px;

    width: 100%;

    display: inline-block;

    background-color: #f5f5f5;

    position: relative;

    color: #565656;

    font-weight: 400;

    border-radius: 4px;

}

.list-content a[aria-expanded="true"] i{

	transform: rotate(180deg);

}

.list-content a i{

	text-align: right;

    position: absolute;

    top: 15px;

    right: 10px;

    transition: 0.5s;

}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {

    background-color: #fdfdfd;

}

.list-box{

	padding: 10px;

}

.signup-logo-header .logo_area{

	width: 200px;

}

.signup-logo-header .nav > li{

	padding: 0;

}

.signup-logo-header .header-flex{

	display: flex;

	justify-content: center;

	align-items: center;

}

.list-inline li{

    display: inline-block;

}

.pull-right{

    float: right;

}

/*-----------custom-checkbox-----------*/

/*----------Custom-Checkbox---------*/

input[type="checkbox"]{

    position: relative;

    display: inline-block;

    margin-right: 5px;

}

input[type="checkbox"]::before,

input[type="checkbox"]::after {

    position: absolute;

    content: "";

    display: inline-block;   

}

input[type="checkbox"]::before{

    height: 16px;

    width: 16px;

    border: 1px solid #999;

    left: 0px;

    top: 0px;

    background-color: #fff;

    border-radius: 2px;

}

input[type="checkbox"]::after{

    height: 5px;

    width: 9px;

    left: 4px;

    top: 4px;

}

input[type="checkbox"]:checked::after{

    content: "";

    border-left: 1px solid #fff;

    border-bottom: 1px solid #fff;

    transform: rotate(-45deg);

}

input[type="checkbox"]:checked::before{

    background-color: #18ba60;

    border-color: #18ba60;

}













@media (max-width: 767px){

	.sign-content h3{

		font-size: 40px;

	}


  .pad-shorts {
    padding-right: 10px !important;
    padding-left: 10px;
}
.setboxsizedatgad {
    height: auto !important;
}
.setsizeofbox1 {
    position: relative;
    height: auto !important;
}
.seticonsqrt {
    position: absolute !important;
    top: 12px !important;
    right: 10px !important;
    left: inherit !important;
}
.service p {
    font-size: 14px;
    white-space: pre-line;
    height: 25px;
}



	.wizard .nav-tabs > li a i{

		display: none;

	}

	.signup-logo-header .navbar-toggle{

		margin: 0;

		margin-top: 8px;

	}

	.signup-logo-header .logo_area{

		margin-top: 0;

	}

	.signup-logo-header .header-flex{

		display: block;

	}

}





.tr-bg {

  background: #f19300;

  color: #fff;

  text-align: center;

}



.often {

  display: flex;

  justify-content: space-between;

  

}

.option1 h4 {

  font-size: 17px;

}

.four-option {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 20px;

}

.option1 h4 {

  margin-bottom: 7px;

}

.option1 {

  text-align: center;

  /* border: #f19300 solid 2px;

  padding: 10px;

  border-radius: 10px; */

}

.option1 p {

  margin-bottom: 0px;

}

.full-option {

  border: #949191 solid 1px;

  border-radius: 10px;

  padding: 30px 20px;

}



.option1 {

  border: 2px solid transparent; /* Default transparent border */

  padding: 10px;

  cursor: pointer;

  border-radius: 10px;

 

}



.option1.active {

  border-color: #ff6600; /* Active border color */

  

}

.total {

  font-size: 18px;

  color: #000;

  font-weight: bold;

  margin-bottom: 0px;

  border-top: #726d6d solid 1px;

  padding-top: 12px;

}

p.total span {

  font-weight: normal;

  font-size: 14px;

}

.sum.full-option p {

  margin-bottom: 15px;

}

.sum.summy-option p i {

  margin-right: 10px;

  color: #000;



}



.summy-option {

  border: #949191 solid 1px;

  border-radius: 10px;

  padding: 20px;

}



.mpad {

  margin-top: 0;

  margin-bottom: 0;

  }  



  /* payment css */

  .payment-container {

    background-color: #fff;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

   

    text-align: center;

}

h2 {

    margin-bottom: 20px;

}

.wd {

    width: 100%;

}

.payment-button {

    width: 100%;

    padding: 10px;

    border: none;

    border-radius: 5px;

    margin: 10px 0;

    font-size: 16px;

    cursor: pointer;

}

.stripe-button {

    background-color: #6772e5;

    color: white;

}

.paypal-button {

    background-color: #ffc439;

    color: black;

}

.payment-button:hover {

    opacity: 0.9;

}





/* General styles for .four-option */

.four-option {

  display: flex;

  flex-wrap: wrap;

  /* gap: 10px;  */

}



.option1 {

  flex: 1 1 calc(50% - 10px); 

  box-sizing: border-box; /* Ensure padding doesn't affect width */

  margin-bottom: 10px;

}



/* For larger screens, show all items in one row */

@media (min-width: 768px) {

  .option1 {

      flex: 1 1 calc(20% - 10px); /* Adjust for larger screens */

  }

}



.inclu .modal-dialog {

  max-width: 1000px;

}



.nav.in-nav li a {

  border: #000 solid 1px;

  padding: 4px 10px;

  line-height: 30px;

  display: inline-block;

  margin: 5px;

  font-size: 14px;

  border-radius: 5px;

}

.include h5 {

  font-size: 18px;

  margin-bottom: 5px;

}



.book-confirm img {

  width: 70px;

  margin-bottom: 20px;

}

.book-confirm {

  text-align: center;

}

.pad0 {

    padding: 0px;

}



.main-section {

  display: flex;

  align-items: center;

  width: 100%;

}

.left-img {

  width: 40%;

}

.left-img img {

  height: 524px;

  object-fit: cover;

  width: 100%;

}



.right-content {

   width: 60%;

  padding: 70px;

  text-align: center;

  background: #f19300;

  background-image: url(../../assets/img/office.jpeg);

  background-size: 100%;

  position: relative;



}

.right-content:after {

  background: #f19300;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: '';

  opacity: 0.8;

}

.right-content h6 {

  font-weight: normal;

  color: #fff;

}

.right-inner {

  z-index: 99;

  position: relative;

}

.right-content h4 {

  margin-bottom: 50px;

  color: #fff;

  font-size: 36px;

}

.right-content p {

  margin-top: 20px;

  color: #fff;

}

.service-chooes{

    background: #fff;

    padding: 30px;

    border-radius: 10px;

}



/* about page css */



.nav-reason {

  display: flex;

  flex-wrap: wrap; /* allows wrapping */

  justify-content: space-between; /* distributes space evenly */

}



.nav-reason li {

  flex: 1 1 22%; /* makes each <li> take up about 22% of the width */

  list-style: none;

  margin: 10px; /* adds space between each item */

  text-align: center;

}

ul.nav.nav-reason li a span {

  display: block;

}



.nav-reason h4 {

  margin: 5px 0;

}

.nav-reason li a {

  color: #fff;

}



.nav-reason li a h4 {

  color: #fff;

  font-size: 28px;

  border: #fff solid 2px;

  display: inline-block;

  width: 45px;

  border-radius: 100%;

  height: 45px;

  line-height: 43px;

  text-align: center;

}

.orange-clr {

     color: #f19300;

     

}

.reason {

  margin-top: 25px;

}

ul.about-ul li {

  color: #fff;

}

.environments {

  background: #f19300;

  padding: 50px 0px;

  margin-bottom: 70px;

  text-align: center;

}

.logo-type h5 {

  color: #fff;

  margin: 15px 0px 20px 0px;

}



.about-bar {

  position: absolute;

}





/* dropdown css */

/* Container for dropdown */

.dropdown {

  position: relative;

  display: inline-block;

}



/* Button for dropdown */

.dropbtn {

  background-color: #4CAF50;

  color: white;

  padding: 16px;

  font-size: 16px;

  border: none;

  cursor: pointer;

  display: flex;

  align-items: center;

}



.icon {

  margin-right: 10px;

}



/* Dropdown content (hidden by default) */

.lastt .btn-group {

   width: 100%;

   gap: 0px;

}



.lastt .btn {

  text-align: left;

  border: #a79d9d solid 1px;

  padding: 10px 15px;

}

.lastt .dropdown-menu {

    width: 100%;

     padding: 0px;

}



.lastt .dropdown-menu li {

  padding-right: 0;

  margin-right: 0;

  text-align: left;

}



.lastt .dropdown-toggle::after {

  content: "\f078";

  border: none;

  font-family: var(--icon-font);

  vertical-align: middle;

  font-weight: 400;

  margin-left: 6px;

  margin-top: -1px;

  right: 12px;

  position: absolute;

}



.lastt .dropdown-item {

     padding: 5px 0px;

}



.mt-70 {

   margin-top: 70px;

}

.white-cl {

    color: #fff;

    font-weight: 600;

}



.top-logo {

  background: #f7f7f7;

  padding: 10px 0px;

}

.top-logo img {

  width: 159px;

}



.book-btnn {

  padding: 16px 30px;

}



#exampleFormControlTextarea1 {

  color: black!important;

}



.doorwell {

  border: #b2adad solid 1px;

  width: 50%;

  margin-bottom: 15px;

  padding: 15px 15px;

  height: 50px;

  background: #fff;

}







/* arrow css */

/* General button styling */



.slider-arrow-left, .slider-arrow-right {

    background-color: #fff;

    border: 1px solid #ddd;

    padding: 10px;

    border-radius: 50%;

    cursor: pointer;

    transition: background-color 0.3s, transform 0.3s;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

    height: 42px;

    width: 42px;

    line-height: 19px;

    background: #f19300;

    color: #fff !important;

}



/* Left arrow positioning */

.slider-arrow-left {

  left: -22px;

  

}



/* Right arrow positioning */

.slider-arrow-right {

  right: -22px; /* Adjust this value for spacing */

}



/* Hover effect */

.slider-arrow-left:hover, .slider-arrow-right:hover {

  background-color: #f19300; /* Slightly darken background on hover */

  transform: translateY(-50%) scale(1.1); /* Add scale effect on hover */

}



/* Icon styling within buttons */

.slider-arrow-left i, .slider-arrow-right i {

  font-size: 20px; /* Adjust icon size */

  color: #fff; /* Arrow icon color */

}



/* Optional: For mobile responsiveness */

@media (max-width: 768px) {

  .slider-arrow-left, .slider-arrow-right {

      padding: 8px;

      font-size: 14px;

  }

}





.summary {

  margin-top: 0px;

  position: fixed;

  background: #fff;

}



a.selectt {

  border: #302e2e solid 1px;

  padding: 7px 25px;

  border-radius: 5px;

  color: #242424;

  width: 100%;

}



.selected {

  background-color: #4CAF50; /* Green background */

  color: white!important; /* White text color */

  padding: 10px;

  border-radius: 5px;

  position: relative;

}



.selected::before {

  content: '\2713'; /* Unicode checkmark */

  font-size: 18px;

  position: absolute;

  left: 10px;

  top: 50%;

  transform: translateY(-50%);

  color: white;

}



.space3 {

    padding: 30px 0px;

}





/* new calender css */

.datepicker {

  padding: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  direction: ltr;

  /*.dow {

    border-top: 1px solid #ddd !important;

  }*/

}

.datepicker-inline {

  width: 220px;

}

.datepicker.datepicker-rtl {

  direction: rtl;

}

.datepicker.datepicker-rtl table tr td span {

  float: right;

}

.datepicker-dropdown {

  top: 0;

  left: 0;

}

.datepicker-dropdown:before {

  content: '';

  display: inline-block;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-bottom: 7px solid #ccc;

  border-top: 0;

  border-bottom-color: rgba(0, 0, 0, 0.2);

  position: absolute;

}

.datepicker-dropdown:after {

  content: '';

  display: inline-block;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-bottom: 6px solid #ffffff;

  border-top: 0;

  position: absolute;

}

.datepicker-dropdown.datepicker-orient-left:before {

  left: 6px;

}

.datepicker-dropdown.datepicker-orient-left:after {

  left: 7px;

}

.datepicker-dropdown.datepicker-orient-right:before {

  right: 6px;

}

.datepicker-dropdown.datepicker-orient-right:after {

  right: 7px;

}

.datepicker-dropdown.datepicker-orient-top:before {

  top: -7px;

}

.datepicker-dropdown.datepicker-orient-top:after {

  top: -6px;

}

.datepicker-dropdown.datepicker-orient-bottom:before {

  bottom: -7px;

  border-bottom: 0;

  border-top: 7px solid #999;

}

.datepicker-dropdown.datepicker-orient-bottom:after {

  bottom: -6px;

  border-bottom: 0;

  border-top: 6px solid #ffffff;

}

.datepicker > div {

  display: none;

}

.datepicker.days div.datepicker-days {

  display: block;

}

.datepicker.months div.datepicker-months {

  display: block;

}

.datepicker.years div.datepicker-years {

  display: block;

}

.datepicker table {

  margin: 0;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.datepicker td,

.datepicker th {

  text-align: center;

  width: 20px;

  height: 40px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  border: none;



  font-size: 13px;

  font-weight: 700;

}

.table-striped .datepicker table tr td,

.table-striped .datepicker table tr th {

  background-color: transparent;

}

.datepicker table tr td.day:hover,

.datepicker table tr td.day.focused {

  background: #eeeeee;

  cursor: pointer;

}

.datepicker table tr td.old,

.datepicker table tr td.new {

  color: #999999;

}

.datepicker table tr td.disabled,

.datepicker table tr td.disabled:hover {

  background: none;

  color: #999999;

  cursor: default;

}

.datepicker table tr td.today,

.datepicker table tr td.today:hover,

.datepicker table tr td.today.disabled,

.datepicker table tr td.today.disabled:hover {

  background-color: #fde19a;



  color: #000 !important;

}

.datepicker table tr td.today:hover,

.datepicker table tr td.today:hover:hover,

.datepicker table tr td.today.disabled:hover,

.datepicker table tr td.today.disabled:hover:hover,

.datepicker table tr td.today:active,

.datepicker table tr td.today:hover:active,

.datepicker table tr td.today.disabled:active,

.datepicker table tr td.today.disabled:hover:active,

.datepicker table tr td.today.active,

.datepicker table tr td.today:hover.active,

.datepicker table tr td.today.disabled.active,

.datepicker table tr td.today.disabled:hover.active,

.datepicker table tr td.today.disabled,

.datepicker table tr td.today:hover.disabled,

.datepicker table tr td.today.disabled.disabled,

.datepicker table tr td.today.disabled:hover.disabled,

.datepicker table tr td.today[disabled],

.datepicker table tr td.today:hover[disabled],

.datepicker table tr td.today.disabled[disabled],

.datepicker table tr td.today.disabled:hover[disabled] {

  background-color: #ff8c00;

}

.datepicker table tr td.today:active,

.datepicker table tr td.today:hover:active,

.datepicker table tr td.today.disabled:active,

.datepicker table tr td.today.disabled:hover:active,

.datepicker table tr td.today.active,

.datepicker table tr td.today:hover.active,

.datepicker table tr td.today.disabled.active,

.datepicker table tr td.today.disabled:hover.active {

  background-color: #fbf069 \9;

}

.datepicker table tr td.today:hover:hover {

  color: #000;

}

.datepicker table tr td.today.active:hover {

  color: #fff;

}

.datepicker table tr td.range,

.datepicker table tr td.range:hover,

.datepicker table tr td.range.disabled,

.datepicker table tr td.range.disabled:hover {

  background: #eeeeee;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

.datepicker table tr td.range.today,

.datepicker table tr td.range.today:hover,

.datepicker table tr td.range.today.disabled,

.datepicker table tr td.range.today.disabled:hover {

  background-color: #ff8c00;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

.datepicker table tr td.range.today:hover,

.datepicker table tr td.range.today:hover:hover,

.datepicker table tr td.range.today.disabled:hover,

.datepicker table tr td.range.today.disabled:hover:hover,

.datepicker table tr td.range.today:active,

.datepicker table tr td.range.today:hover:active,

.datepicker table tr td.range.today.disabled:active,

.datepicker table tr td.range.today.disabled:hover:active,

.datepicker table tr td.range.today.active,

.datepicker table tr td.range.today:hover.active,

.datepicker table tr td.range.today.disabled.active,

.datepicker table tr td.range.today.disabled:hover.active,

.datepicker table tr td.range.today.disabled,

.datepicker table tr td.range.today:hover.disabled,

.datepicker table tr td.range.today.disabled.disabled,

.datepicker table tr td.range.today.disabled:hover.disabled,

.datepicker table tr td.range.today[disabled],

.datepicker table tr td.range.today:hover[disabled],

.datepicker table tr td.range.today.disabled[disabled],

.datepicker table tr td.range.today.disabled:hover[disabled] {

  background-color: #f3e97a;

}

.datepicker table tr td.range.today:active,

.datepicker table tr td.range.today:hover:active,

.datepicker table tr td.range.today.disabled:active,

.datepicker table tr td.range.today.disabled:hover:active,

.datepicker table tr td.range.today.active,

.datepicker table tr td.range.today:hover.active,

.datepicker table tr td.range.today.disabled.active,

.datepicker table tr td.range.today.disabled:hover.active {

  background-color: #efe24b \9;

}

.datepicker table tr td.selected,

.datepicker table tr td.selected:hover,

.datepicker table tr td.selected.disabled,

.datepicker table tr td.selected.disabled:hover {

  background-color: #ff8c00;

  color: #fff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}

.datepicker table tr td.selected:hover,

.datepicker table tr td.selected:hover:hover,

.datepicker table tr td.selected.disabled:hover,

.datepicker table tr td.selected.disabled:hover:hover,

.datepicker table tr td.selected:active,

.datepicker table tr td.selected:hover:active,

.datepicker table tr td.selected.disabled:active,

.datepicker table tr td.selected.disabled:hover:active,

.datepicker table tr td.selected.active,

.datepicker table tr td.selected:hover.active,

.datepicker table tr td.selected.disabled.active,

.datepicker table tr td.selected.disabled:hover.active,

.datepicker table tr td.selected.disabled,

.datepicker table tr td.selected:hover.disabled,

.datepicker table tr td.selected.disabled.disabled,

.datepicker table tr td.selected.disabled:hover.disabled,

.datepicker table tr td.selected[disabled],

.datepicker table tr td.selected:hover[disabled],

.datepicker table tr td.selected.disabled[disabled],

.datepicker table tr td.selected.disabled:hover[disabled] {

  background-color: #808080;

}

.datepicker table tr td.selected:active,

.datepicker table tr td.selected:hover:active,

.datepicker table tr td.selected.disabled:active,

.datepicker table tr td.selected.disabled:hover:active,

.datepicker table tr td.selected.active,

.datepicker table tr td.selected:hover.active,

.datepicker table tr td.selected.disabled.active,

.datepicker table tr td.selected.disabled:hover.active {

  background-color: #666666 \9;

}



.datepicker table tr td.active:hover,

.datepicker table tr td.active:hover:hover,

.datepicker table tr td.active.disabled:hover,

.datepicker table tr td.active.disabled:hover:hover,

.datepicker table tr td.active:active,

.datepicker table tr td.active:hover:active,

.datepicker table tr td.active.disabled:active,

.datepicker table tr td.active.disabled:hover:active,

.datepicker table tr td.active.active,

.datepicker table tr td.active:hover.active,

.datepicker table tr td.active.disabled.active,

.datepicker table tr td.active.disabled:hover.active,

.datepicker table tr td.active.disabled,

.datepicker table tr td.active:hover.disabled,

.datepicker table tr td.active.disabled.disabled,

.datepicker table tr td.active.disabled:hover.disabled,

.datepicker table tr td.active[disabled],

.datepicker table tr td.active:hover[disabled],

.datepicker table tr td.active.disabled[disabled],

.datepicker table tr td.active.disabled:hover[disabled] {

  background-color: #ff8c00;



  color: #fff !important;

}

.datepicker table tr td.active:active,

.datepicker table tr td.active:hover:active,

.datepicker table tr td.active.disabled:active,

.datepicker table tr td.active.disabled:hover:active,

.datepicker table tr td.active.active,

.datepicker table tr td.active:hover.active,

.datepicker table tr td.active.disabled.active,

.datepicker table tr td.active.disabled:hover.active {

  background-color: #003399 \9;

}

.datepicker table tr td span {

  display: block;

  width: 23%;

  height: 54px;

  line-height: 54px;

  float: left;

  margin: 1%;

  cursor: pointer;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.datepicker table tr td span:hover {

  background: #eeeeee;

}

.datepicker table tr td span.disabled,

.datepicker table tr td span.disabled:hover {

  background: none;

  color: #999999;

  cursor: default;

}

.datepicker table tr td span.active,

.datepicker table tr td span.active:hover,

.datepicker table tr td span.active.disabled,

.datepicker table tr td span.active.disabled:hover {

  background-color: #ff8c00;

  color: #fff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}

.datepicker table tr td span.active:hover,

.datepicker table tr td span.active:hover:hover,

.datepicker table tr td span.active.disabled:hover,

.datepicker table tr td span.active.disabled:hover:hover,

.datepicker table tr td span.active:active,

.datepicker table tr td span.active:hover:active,

.datepicker table tr td span.active.disabled:active,

.datepicker table tr td span.active.disabled:hover:active,

.datepicker table tr td span.active.active,

.datepicker table tr td span.active:hover.active,

.datepicker table tr td span.active.disabled.active,

.datepicker table tr td span.active.disabled:hover.active,

.datepicker table tr td span.active.disabled,

.datepicker table tr td span.active:hover.disabled,

.datepicker table tr td span.active.disabled.disabled,

.datepicker table tr td span.active.disabled:hover.disabled,

.datepicker table tr td span.active[disabled],

.datepicker table tr td span.active:hover[disabled],

.datepicker table tr td span.active.disabled[disabled],

.datepicker table tr td span.active.disabled:hover[disabled] {

  background-color: #ff8c00;

}

.datepicker table tr td span.active:active,

.datepicker table tr td span.active:hover:active,

.datepicker table tr td span.active.disabled:active,

.datepicker table tr td span.active.disabled:hover:active,

.datepicker table tr td span.active.active,

.datepicker table tr td span.active:hover.active,

.datepicker table tr td span.active.disabled.active,

.datepicker table tr td span.active.disabled:hover.active {

  background-color: #003399 \9;

}

.datepicker table tr td span.old,

.datepicker table tr td span.new {

  color: #999999;

}

.datepicker th.datepicker-switch {

  width: 145px;

}

.datepicker thead tr:first-child th,

.datepicker tfoot tr th {

  cursor: pointer;



  color: #ff8c00;

}

.datepicker thead tr:first-child th:hover,

.datepicker tfoot tr th:hover {

  background: #eeeeee;

}

.datepicker .cw {

  font-size: 10px;

  width: 12px;

  padding: 0 2px 0 5px;

  vertical-align: middle;

}

.datepicker thead tr:first-child th.cw {

  cursor: default;

  background-color: transparent;

}

.input-append.date .add-on i,

.input-prepend.date .add-on i {

  cursor: pointer;

  width: 16px;

  height: 16px;

}

.input-daterange input {

  text-align: center;

}

.input-daterange input:first-child {

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

}

.input-daterange input:last-child {

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

}

.input-daterange .add-on {

  display: inline-block;

  width: auto;

  min-width: 16px;

  height: 20px;

  padding: 4px 5px;

  font-weight: normal;

  line-height: 20px;

  text-align: center;

  text-shadow: 0 1px 0 #ffffff;

  vertical-align: middle;

  background-color: #eeeeee;

  border: 1px solid #ccc;

  margin-left: -5px;

  margin-right: -5px;

}

.datepicker.dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  float: left;

  display: none;

  min-width: 160px;

  list-style: none;

  background-color: #ffffff;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, 0.2);

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;

  *border-right-width: 2px;

  *border-bottom-width: 2px;

  color: #333333;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 13px;

  line-height: 20px;

}

.datepicker.dropdown-menu th,

.datepicker.datepicker-inline th,

.datepicker.dropdown-menu td,

.datepicker.datepicker-inline td {

  padding: 4px 5px;

}



.datepicker .dow {



  border-bottom: 1px solid #e7e7e7;



  color: #9b8079;

  font-size: 13px;

}



.datepicker-months .prev,

.datapicker-months .next,

.datepicker-years .prev,

.datepicker-years .next {

  width: 58px;

}



.datepicker-days tbody td:nth-child(6),

.datepicker-days tbody td:nth-child(7) {

  color: #D44;

}



@import url("normalize.css");

@import url("datepicker.css");







/* app */

.charset {

	box-shadow: 1px 1px 10px #000;

}



.app {

	width: 969px; height: 580px;

	margin: 100px auto;

}

.app:after {

	content: "";

	display: table;

	clear: both;

}

	.app__side {

		background: #333;

		width: 35%; height: 100%;

		padding: 40px;

		float: left;



		color: #ff8c00;

	}

	.app__main {

		background: #fbf9fa;

		width: 65%; height: 100%;

		float: left;

		padding: 40px;

	}







/* b-calendar */

.calendar {

	padding: 10px;

}

	.calendar .datepicker {

		width: 100%;

	}

		.calendar .datepicker table {

			width: 100%;

		}



    .resposive-summary {

       display: none;

    }

    .start-offcanvas {

       display: none;

    }



    /*footer fixed  */

    #openCanvas {

      padding: 15px 20px;

      font-size: 16px;

      cursor: pointer;

    }

    

    .offcanvas {

      position: fixed;

      left: 0;

      bottom: -100%; /* Hidden initially */

      width: 100%;

      height: 100%;

      background-color: rgba(0, 0, 0, 0.5);

      transition: bottom 0.4s ease-in-out;

      display: flex;

      justify-content: center;

      align-items: flex-end;

      z-index: 9;

    }

    

    .offcanvas-content {

      background-color: white;

      width: 100%;

      max-width: 500px;

      height: auto;

      padding: 20px;

      border-radius: 20px 20px 0 0;

    }

    

    .close-btn {

      position: absolute;

      top: 10px;

      right: 20px;

      font-size: 24px;

      cursor: pointer;

    }

    

    .open {

      bottom: 0;

    }



   

  

    .paste .form-check .form-check-input {

      float: left;

      margin-left: -3em;

  }

  .paste .form-check {

   

    padding-left: 0.5em;

   

}





.social {

 width: 100%;

 padding: 70px;

 text-align: center;

 background-image: url("http://localhost:8000/assets/website/img/social.png");

 background-size: 100%;

 position: relative;

 background-repeat: no-repeat;



}



.social-content {

  background: #fff;

  padding: 30px;

  border-radius: 10px;

  z-index: 99;

  position: relative;

  border: #000 solid 1px;

}



.space.social:after {

  background: #2f2e2c;

  content: '';

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  position: absolute;

  opacity: 0.6;

}

.wht-clr {

    color: #fff;

    z-index: 9;

    position: relative;

}



.facebook img {

  margin-bottom: 30px;

  border-radius: 10px;

}



.swip p {

     margin-top: 10px;

}



.slick-dots li button:before {

  color: #f19300!important; /* Change the dot color to #f19300 */

  font-size: 12px; /* Optional: Adjust the dot size */

}



.slick-dots li.slick-active button:before {

  color: #f19300!important; /* Active dot color */

}



.slick-dots li button:before {

  color: #f19300!important; /* Set the dots color to #f19300 */

  font-size: 12px; /* Optional: Adjust size */

  opacity: 0.5; /* Optional: Initial opacity for non-active dots */

}



.slick-dots li.slick-active button:before {

  color: #f19300!important; /* Make active dot brighter */

  opacity: 1; /* Fully visible for active dot */

}





.sofa-feature {

  border: #c4c0c0 solid 1px;

  padding: 25px 15px 35px 15px;

  border-radius: 10px;

  background: #fff;

}



.sofa-inner img {

  width: 150px;

}



.sofa-inner p {

  margin-bottom: 0px;

}

.sofa-inner p b {

  color: #000;

}

.sofa-inner h6 {

  border: #000 solid 2px;

  display: inline-block;

  padding: 6px 15px;



}



.sofa-information h5 {

  text-align: left;

}



/* sofa active css color */



.sofa-inner {

  text-align: center;

  padding: 20px;

  transition: border-bottom 0.3s ease;

}



.sofa-inner img {

  width: 100px;

  height: auto;

}



/* Active border-bottom style */

.sofa-inner.active img {

  border-bottom: 3px solid #f19300; /* Change this color to the desired active color */

}



/* .modal-backdrop {

  z-index: 1;

}

.modal-backdrop {

  position: relative;

} */



.sofaa .modal-header {

    border-bottom: none;

}

.sofaa .modal-footer {

   border-top: none; 

   justify-content: center;

}



.sofa-inner h6 {

  border: #000 solid 2px;

  display: inline-block;

  padding: 6px 10px;

  font-size: 13px;

}

.bg-box-new a {

  font-size: 18px;

  font-weight: 600;

  border-bottom: #2b78e4 solid 2px;

  color: #2b78e4;

}



.p-clean {

  border: #f19300 solid 2px;

  padding: 20px 15px;

  border-radius: 30px;

}



.include-service .modal-dialog {

  max-width: 1050px;

  margin: 1.75rem auto;

}



.include-serp {

  border-bottom: #000 solid 2px;

  display: inline-block;

  margin-bottom: 10px;

}

.work a {

    float: right;

}



ul.nav li {

  margin-bottom: 13px;

}



.stain .modal-dialog {

  max-width: 1200px;

  margin: 1.75rem auto;

}

.confirm.work-confirm {

  padding: 0px 15px 15px 15px;

  margin-top: 0px;

}



.bg-box-new p {

  background: #f7f7f7;

}



.mat-rate {

  width: 200px;

  text-align: center;

  margin: 0 auto;

}

.mat-rate .form-control {

  border: #000 solid 2px;

  height: 45px;

}



.mat-rate .form-group {

      margin-bottom: 12px;

}



.bg-box-new.mt-4 {

  text-align: left;

}



.info-rihgt {

  font-size: 30px;

  margin-right: 10px;

}



.paste1 .form-check {

  padding-left: 0em;

}



.mq .btn {

  text-align: left;

  border: #a79d9d solid 1px;

  padding: 10px 15px;

  

}



.service-include .sec-text b {

     border-bottom: #000 solid 2px;

     

}



.squer-meter .dropdown-toggle::after {

  content: "\f078";

  border: none;

  font-family: var(--icon-font);

  vertical-align: middle;

  font-weight: 400;

  margin-left: 6px;

  margin-top: -1px;

  right: 12px;

  position: absolute;

}



.squer-meter .dropdown-menu.show {

  display: block;

  width: 100%;

}



.squer-meter .btn-group {

  width: 15%;

}



.showtext {

  color: #242424;

  position: absolute;

  top: 7px;

  left: 10px;

}



.pad-shorts {

  padding-right: 0px; 

  padding-left: 10px;

}

.pad-shorts-right {

  padding-right: 10px; 

  padding-left: 10px;

}



.summary .table td {

      font-size: 14px;

}

.summary_i {

  float: right;

  margin-top: 3px;

  font-size: 20px;

  color: #f19300;

}



a.Back {

  font-size: 15px;

  border: #f19300 solid 2px;

  padding: 5px 15px;

  border-radius: 5px;

  top: -6px;

  position: relative;

}



a.Back:hover {

   color: #f19300!important;

 }



 .inoformation-popup { 

    display: none;

 }



.bath-icon {

  width: 25px;

  margin-right: 8px;

}



.landing img {

  width: 160px;

}

.landing {

  text-align: right;

  padding: 20px 20px;

}

 

.videoo {
    width: 100%;
}