/* Theme Default CSS */
:root {
  /* Brand Colors */
  --color-primary: #C9A646;
  --color-primary-dark: #A8842F;
  --color-primary-light: #E3C76F;
  --color-white:#fff;
  /* Neutral Colors */
  --color-black: #0F0F0F;
  --color-dark: #282828;
  --color-dark-soft: #242424;
  --color-light: #F5F5F5;
  --color-cream: #FAF6EF;
  --color-beige: #F2E8D5;

  /* Text Colors */
  --color-text: #2B2B2B;
  --color-text-light: #F5F5F5;
  --color-text-muted: #BFBFBF;
  --color-text-soft: #6F6F6F;

  /* Border / Shadow */
  --color-border: #E5E0D6;
  --color-border-dark: #3A3A3A;
  --color-overlay: rgba(15, 15, 15, 0.65);
  --color-shadow: var(--color-shadow);
  --color-shadow-soft: var(--color-shadow-soft);

  /* RGB Values */
  --color-primary-rgb: 201, 166, 70;
  --color-black-rgb: 15, 15, 15;
  --color-white-rgb: 255, 255, 255;

  /* Fonts */
  --font-primary: 'Roboto' , Arial, sans-serif;
  --font-secondary: 'Lato', Arial, sans-serif;
  --font-accent: 'Tillana', cursive;
  --font-logo: 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Legacy Theme Aliases */
  --theme-color: var(--color-primary);
  --theme-color2: var(--color-dark);
  --logo-bg: var(--color-dark);
}

@font-face {
  font-family: "Roboto Slab";
  src: url("/site_files/fonts/custom/RobotoSlab.ttf");
}

@font-face {
  font-family: "Lato";
  src: url("/site_files/fonts/def/Lato-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.te-slider-title,
.title {
  font-family: var(--font-primary) !important;
}

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

.text-gray-800 {
  color: var(--color-text-soft) !important;
}

.text-gray-900 {
  color: var(--theme-color2) !important;
}

.background-primary {
  background-color: var(--theme-color);
}

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

.background-gray-50 {
  background-color: #eef5f8;
}

.background-gray-100 {
  background-color: var(--color-light);
}

.background-gray-200 {
  background-color: var(--color-border);
}

.background-gray-300 {
  background-color: var(--color-border);
}

.background-gray-400 {
  background-color: #e7eaec;
}

.background-gray-700 {
  background-color: var(--color-dark-soft);
}

.background-gray-800 {
  background-color: var(--color-text-soft);
}

.background-gray-900 {
  background-color: var(--theme-color2);
}

.background-gray-light {
  background-color: #1E3669;
}

.te-py-120 {
  padding: 120px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-py-120 {
    padding: 100px 0;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-py-120 {
    padding: 80px 0;
  }
}

.te-pt-120 {
  padding-top: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-pt-120 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-pt-120 {
    padding-top: 80px;
  }
}

.te-pb-120 {
  padding-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-pb-120 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-pb-120 {
    padding-bottom: 80px;
  }
}

* {
  margin: 0;
  border: 0;
  outline: none;
}

html,
body {
  height: 100%;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
  color: var(--color-text-soft);
  vertical-align: baseline;
  line-height: 28px;
  font-smoothing: antialiased;
}

p {
  margin: 0 0 15px;
}

img {
  max-width: 100%;
  height: auto;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-family: var(--font-primary);
  color: var(--theme-color2);
  font-style: normal;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

h1 {
  font-size: 57px;
  line-height: initial;
  font-weight: 700;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  h1 {
    font-size: 42px;
  }
}

h2 {
  font-size: 42px;
  line-height: initial;
  font-weight: 700;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  h2 {
    font-size: 38px;
  }
}

h3 {
  font-size: 38px;
  line-height: initial;
  font-weight: 700;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  font-size: 24px;
  line-height: initial;
  font-weight: 700;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 20px;
  line-height: initial;
  font-weight: 700;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-size: 18px;
  line-height: initial;
  font-weight: 700;
}

label {
  color: var(--color-text-soft);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}

button {
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a,
.button {
  text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus {
  color: var(--theme-color);
  text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

a,
button {
  color: var(--theme-color);
  outline: medium none;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

a:hover,
button:hover {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: var(--theme-color);
  text-shadow: none;
  color: var(--color-white);
}

::selection {
  background: var(--theme-color);
  text-shadow: none;
  color: var(--color-white);
}

textarea:focus,
input:focus {
  outline: none;
}

.background-black {
  background-color: var(--theme-color2);
}

.bg-light-black {
  background-color: var(--color-dark-soft);
}

.background-red {
  background-color: var(--theme-color);
}

.bg-dark-blue {
  background-color: #0e3151;
}

.background-light-blue {
  background-color: var(--theme-color);
}

.background-skye {
  background-color: var(--theme-color);
}

.background-gray {
  background-color: #eef5f8;
}

.background-light-gray {
  background-color: #f3f7fc;
}

.background-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#E0F0FE), to(#F8FCFF));
  background: linear-gradient(180deg, #E0F0FE 0%, #F8FCFF 100%);
}

.backgorund-black {
  background-color: var(--theme-color2);
}

.page-bg {
  background-color: var(--theme-color2);
}

.page-area {
  padding-top: 136px;
  padding-bottom: 124px;
}

.blog-area {
  padding-top: 124px;
  padding-bottom: 84px;
}

@media (max-width: 991px) {

  .page-area,
  .blog-area {
    padding-top: 100px;
    padding-bottom: 52px;
  }
}

@media (max-width: 767px) {

  .page-area,
  .blog-area {
    padding-top: 70px;
    padding-bottom: 22px;
  }
}

.page-area .page-links,
.blog-area .page-links {
  margin-bottom: 20px;
}

.border-radius-12 {
  border-radius: 12px;
}

.text-white-100 {
  color: #c7cdda;
}

code {
  color: var(--theme-color);
}

.te-theme-btn,
.wp-block-loginout a,
.te-theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 15px 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--theme-color2);
  background-color: transparent;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border: 1px solid var(--theme-color);
  overflow: hidden;
  white-space: nowrap;
}


.te-theme-btn:hover,
.wp-block-loginout a:hover,
input.te-theme-btn:hover {
  color: var(--color-white);
  border-color: var(--theme-color);
  background-color: var(--theme-color);
}

.te-theme-btn:focus,
.wp-block-loginout a:focus,
input.te-theme-btn:focus {
  color: var(--color-white);
}

.te-theme-btn.style-2,
.wp-block-loginout a.style-2,
input.te-theme-btn.style-2 {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.te-theme-btn.style-2:hover,
.wp-block-loginout a.style-2:hover,
input.te-theme-btn.style-2:hover {
  background-color: transparent;
  color: var(--theme-color);
}

.te-theme-btn.simple-btn,
.wp-block-loginout a.simple-btn,
input.te-theme-btn.simple-btn {
  padding-left: 36px;
  padding-right: 36px;
}

.wp-block-loginout a {
  position: relative;
}

.wp-block-loginout a:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  color: var(--color-white);
  font-size: 16px;
}

.contact-form-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  display: block;
  line-height: 42px;
}

.contact-form-btn .icon {
  float: right;
}

input.te-theme-btn {
  display: inline-block !important;
  width: inherit !important;
  border: 0 !important;
}

.te-slider-btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-slider-btn-wrapper {
    top: unset;
  }
}

.te-slider-btn-wrapper .te-slider-nav {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  color: var(--theme-color);
  font-size: 22px;
  background-color: var(--color-light);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  cursor: pointer;
}

.te-slider-btn-wrapper .te-slider-nav:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-slider-btn-wrapper.style-1 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* Deafult Margin & Padding */
/*-- 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-21 {
  padding-top: 21px;
}

.pt-22 {
  padding-top: 22px;
}

.pt-23 {
  padding-top: 23px;
}

.pt-24 {
  padding-top: 24px;
}

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

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-86 {
  padding-top: 85px;
}

.pt-87 {
  padding-top: 85px;
}

.pt-88 {
  padding-top: 85px;
}

.pt-89 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

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

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-250 {
  padding-top: 250px;
}

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

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-21 {
  padding-bottom: 21px;
}

.pb-22 {
  padding-bottom: 22px;
}

.pb-23 {
  padding-bottom: 23px;
}

.pb-24 {
  padding-bottom: 24px;
}

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

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

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

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-0 {
  padding-left: 0px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 35px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 80px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-200 {
  padding-left: 200px;
}

/*-- Padding Right --*/
.pr-0 {
  padding-right: 0px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 35px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 80px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/** padding top & bottom **/
.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;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.py-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.py-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.py-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

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

.py-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

.py-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.py-135 {
  padding-top: 135px;
  padding-bottom: 135px;
}

.py-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.py-145 {
  padding-top: 145px;
  padding-bottom: 145px;
}

.py-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.py-155 {
  padding-top: 155px;
  padding-bottom: 155px;
}

.py-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.py-165 {
  padding-top: 165px;
  padding-bottom: 165px;
}

.py-170 {
  padding-top: 170px;
  padding-bottom: 170px;
}

.py-175 {
  padding-top: 175px;
  padding-bottom: 175px;
}

.py-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.py-185 {
  padding-top: 185px;
  padding-bottom: 185px;
}

.py-190 {
  padding-top: 190px;
  padding-bottom: 190px;
}

.py-195 {
  padding-top: 195px;
  padding-bottom: 195px;
}

.py-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.py-205 {
  padding-top: 205px;
  padding-bottom: 205px;
}

.py-210 {
  padding-top: 210px;
  padding-bottom: 210px;
}

.py-215 {
  padding-top: 215px;
  padding-bottom: 215px;
}

.py-220 {
  padding-top: 220px;
  padding-bottom: 220px;
}

.py-225 {
  padding-top: 225px;
  padding-bottom: 225px;
}

.py-230 {
  padding-top: 230px;
  padding-bottom: 230px;
}

.py-235 {
  padding-top: 235px;
  padding-bottom: 235px;
}

.py-240 {
  padding-top: 240px;
  padding-bottom: 240px;
}

.py-250 {
  padding-top: 250px;
  padding-bottom: 250px;
}

.py-260 {
  padding-top: 260px;
  padding-bottom: 260px;
}

.py-270 {
  padding-top: 270px;
  padding-bottom: 270px;
}

.py-280 {
  padding-top: 280px;
  padding-bottom: 280px;
}

.py-290 {
  padding-top: 290px;
  padding-bottom: 290px;
}

.py-300 {
  padding-top: 300px;
  padding-bottom: 300px;
}

.py-310 {
  padding-top: 310px;
  padding-bottom: 310px;
}

.py-320 {
  padding-top: 320px;
  padding-bottom: 320px;
}

.py-330 {
  padding-top: 330px;
  padding-bottom: 330px;
}

.py-340 {
  padding-top: 340px;
  padding-bottom: 340px;
}

.py-350 {
  padding-top: 350px;
  padding-bottom: 350px;
}

/** padding left & right **/
.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.px-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.px-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.px-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.px-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.px-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.px-125 {
  padding-left: 125px;
  padding-right: 125px;
}

.px-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.px-135 {
  padding-left: 135px;
  padding-right: 135px;
}

.px-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.px-145 {
  padding-left: 145px;
  padding-right: 145px;
}

.px-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.px-155 {
  padding-left: 155px;
  padding-right: 155px;
}

.px-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.px-165 {
  padding-left: 165px;
  padding-right: 165px;
}

.px-170 {
  padding-left: 170px;
  padding-right: 170px;
}

.px-175 {
  padding-left: 175px;
  padding-right: 175px;
}

.px-180 {
  padding-left: 180px;
  padding-right: 180px;
}

.px-185 {
  padding-left: 185px;
  padding-right: 185px;
}

.px-190 {
  padding-left: 190px;
  padding-right: 190px;
}

.px-195 {
  padding-left: 195px;
  padding-right: 195px;
}

.px-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.px-205 {
  padding-left: 205px;
  padding-right: 205px;
}

.px-210 {
  padding-left: 210px;
  padding-right: 210px;
}

.px-215 {
  padding-left: 215px;
  padding-right: 215px;
}

.px-220 {
  padding-left: 220px;
  padding-right: 220px;
}

.px-225 {
  padding-left: 225px;
  padding-right: 225px;
}

.px-230 {
  padding-left: 230px;
  padding-right: 230px;
}

.px-235 {
  padding-left: 235px;
  padding-right: 235px;
}

.px-240 {
  padding-left: 240px;
  padding-right: 240px;
}

.px-250 {
  padding-left: 250px;
  padding-right: 250px;
}

.px-260 {
  padding-left: 260px;
  padding-right: 260px;
}

.px-270 {
  padding-left: 270px;
  padding-right: 270px;
}

.px-280 {
  padding-left: 280px;
  padding-right: 280px;
}

.px-290 {
  padding-left: 290px;
  padding-right: 290px;
}

.px-300 {
  padding-left: 300px;
  padding-right: 300px;
}

.px-310 {
  padding-left: 310px;
  padding-right: 310px;
}

.px-320 {
  padding-left: 320px;
  padding-right: 320px;
}

.px-330 {
  padding-left: 330px;
  padding-right: 330px;
}

.px-340 {
  padding-left: 340px;
  padding-right: 340px;
}

.px-350 {
  padding-left: 350px;
  padding-right: 350px;
}

/* WordPress Core
===================*/
body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-x: hidden;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 20px;
}

ol {
  padding-left: 20px;
}

ul {
  list-style: disc;
  padding-left: 20px;
}

/* Protected Post Type */
.post-password-form label {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

.post-password-form input[type="password"] {
  font-size: 1.2rem;
  line-height: 20px;
  padding: 12px 20px;
  border: 1px solid #E4E4F2;
  width: 100%;
}

.post-password-form input[type="submit"] {
  background-color: var(--theme-color);
  border: none;
  padding: 10px 40px;
  color: var(--color-white);
  cursor: pointer;
  font-weight: 600;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.post-password-form input[type="submit"]:hover {
  background-color: var(--theme-color2);
}

/* Table */
table {
  margin-bottom: 20px;
  width: 100%;
}

table caption {
  border: 1px solid var(--color-border);
  padding: 6px 10px;
  border-top: 0;
}

table th,
table td {
  background-color: transparent;
  border: 1px solid var(--color-border);
  text-align: center;
  padding: 8px;
  -webkit-transition: .3s;
  transition: .3s;
}

table th#today,
table td#today {
  background: var(--theme-color);
  color: var(--color-white);
}

table th#today a,
table td#today a {
  color: var(--color-white);
}

.tp-page-content .size-full.alignright {
  margin-bottom: 15px;
  margin-top: 20px;
}

.tp-page-content figure.wp-caption.aligncenter {
  margin-top: 40px;
}

.tp-page-content dl,
.tp-page-content ol,
.tp-page-content ul {
  margin-bottom: 11px;
}

.tp-page-content .te-comment-respond {
  margin-top: 78px;
  margin-bottom: 20px;
}

.tp-page-content .te-latest-comments .te-comment-respond {
  margin-bottom: 40px;
}

.tp-page-content .te-post-comments {
  margin-top: 80px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: var(--color-text);
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/*
 Caption
============================*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
  font-size: 14px;
  font-style: italic;
}

.wp-caption-text {
  text-align: center;
}

/*
 Galleries
============================*/
.gallery {
  margin-bottom: 10px;
}

.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding-right: 5px !important;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.size-thumbnail {
  margin-bottom: 20px;
}

img.emoji {
  width: 15px;
  height: 15px;
}

/*
 Alignments
============================*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em !important;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em !important;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}

/*
 Block Unit Test Widget
============================*/
.wp-block-search__input {
  border: 1px solid var(--color-border) !important;
}

.wp-block-search__button {
  margin-left: 0 !important;
}

.wp-block-social-links {
  padding-left: 0 !important;
}

.wp-block-social-links li {
  padding-top: 0 !important;
}

.te-post-item.format-quote blockquote {
  padding: 45px;
}

@media (max-width: 767px) {
  .te-post-item.format-quote blockquote {
    padding: 35px;
  }
}

blockquote {
  overflow: hidden;
  padding: 30px 30px 30px 30px !important;
  margin: 30px 0;
  position: relative;
  z-index: 1;
  background-color: var(--color-light);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  blockquote {
    padding-left: 30px;
  }
}

blockquote p {
  font-family: var(--font-primary);
  font-size: 20px;
  color: var(--theme-color2);
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  blockquote p {
    font-size: 18px;
    line-height: 28px;
  }
}

blockquote p a {
  color: var(--theme-color);
  text-decoration: underline;
}

blockquote footer {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 900;
  text-transform: capitalize;
  color: var(--theme-color2);
  margin-top: 20px;
  margin-bottom: 20px;
}

.wp-block-quote,
blockquote {
  border-left: solid 5px var(--theme-color);
}

.wp-block-pullquote {
  border-top: 5px solid var(--theme-color) !important;
  border-bottom: 5px solid var(--theme-color) !important;
  background-color: #eef5f8;
}

.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
  margin-top: 10px;
  display: block;
}

.wp-block-column:not(:first-child),
.wp-block-column:nth-child(2n) {
  margin-left: 10px;
}

.wp-block-column:not(:last-child) {
  margin-right: 10px;
}

.wp-block-column:nth-child(2n+1) {
  margin-right: 10px;
}

.te-post-content>.alignwide {
  margin-left: 0;
  margin-right: 0;
  width: calc(100% + 20px);
  max-width: calc(100% + 20px);
}

.te-post-content p.has-large-font-size {
  font-size: 36px;
  line-height: 1.2;
}

.te-post-content .wp-block-search {
  margin-bottom: 15px;
}

.te-post-content .wp-block-file {
  margin-top: 20px;
}

.te-post-content .wp-block-group__inner-container p {
  margin-top: 0 !important;
}

.has-very-light-gray-color.has-very-light-gray-color {
  color: var(--color-white);
  background: var(--theme-color) !important;
}

.wp-block-button {
  margin-bottom: 10px;
}

.wp-block-archives select,
.wp-block-categories select {
  height: 50px;
  width: 200px;
  border: 1px solid #ddd;
  padding: 0 10px;
  margin-bottom: 10px;
}

.wp-block-te-latest-comments {
  padding-left: 0 !important;
}

.wp-block-cover p.wp-block-cover-text,
.wp-block-cover.is-light .wp-block-cover__inner-container {
  color: var(--color-white) !important;
}

.wp-block-cover-text a {
  color: var(--color-white);
}

.wp-block-rss {
  padding-left: 0 !important;
}

.widget .wp-block-archives-dropdown,
.widget .wp-block-categories-dropdown,
.widget .wp-block-loginout,
.widget .wp-block-social-links,
.widget.widget_archive select,
.widget.te_widget_categories select,
.widget.widget_text select,
.widget.te_widget_search .search-form,
.widget.te_widget_tag_cloud .tagcloud,
.widget .wp-block-tag-cloud {
  margin-bottom: 6px;
}

.wp-block-latest-posts .wp-block-latest-posts__te-post-title {
  display: inline-block;
  width: 100%;
}

nav.wp-calendar-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav.wp-calendar-nav a {
  color: var(--color-text-soft);
}

nav.wp-calendar-nav a:hover {
  color: var(--theme-color);
}

.blog-search-content {
  margin: 0;
}

.blog-search-content .wp-block-search,
.blog-search-content .search-form,
.blog-search-content .sidebar__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  overflow: hidden;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {

  .blog-search-content .wp-block-search,
  .blog-search-content .search-form,
  .blog-search-content .sidebar__search {
    width: 100%;
  }
}

.blog-search-content .wp-block-search .wp-block-search__inside-wrapper,
.blog-search-content .search-form .wp-block-search__inside-wrapper,
.blog-search-content .sidebar__search .wp-block-search__inside-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 !important;
}

.blog-search-content .wp-block-search label,
.blog-search-content .search-form label,
.blog-search-content .sidebar__search label {
  font-size: 24px;
  display: block;
  line-height: 28px;
  font-weight: 900;
  margin-bottom: 30px;
  color: var(--theme-color2);
  font-family: var(--font-primary);
}

.blog-search-content .wp-block-search input,
.blog-search-content .search-form input,
.blog-search-content .sidebar__search input {
  background-color: var(--color-white);
  border: 1px solid var(--color-border) !important;
  padding: 0 25px;
  height: 60px;
  width: 100%;
  color: var(--color-text-soft);
  font-size: 15px;
  border-radius: 6px 0 0 6px;
}

.blog-search-content .wp-block-search button,
.blog-search-content .search-form button,
.blog-search-content .sidebar__search button {
  color: var(--color-white);
  padding: 0 20px;
  position: relative;
  right: 0;
  background-color: var(--theme-color);
  top: 0;
  height: auto;
  border-radius: 0 6px 6px 0;
  line-height: 0;
  border: 0;
  margin-left: 0 !important;
}

/*
 Media
============================*/
.tp-page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

embed,
iframe,
object {
  max-width: 100%;
}

.te-comment-respond.style-two .wpcf7-form .wpcf7-not-valid-tip {
  color: #d9c0b8 !important;
}

.te-comment-respond .wpcf7-form .wpcf7-not-valid {
  border-color: #dc3232 !important;
}

.te-comment-respond .wpcf7-form .wpcf7-not-valid-tip {
  font-size: 16px;
  margin-top: 5px;
}

.te-comment-respond .wpcf7-form.sent .wpcf7-response-output {
  font-weight: 900;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.01em;
  color: #72DC60;
  padding: 15px 20px;
  text-align: center;
  position: relative;
  background: #F4FFF5;
  border: 1px solid #CDF5C8 !important;
  border-radius: 10px;
}

.te-comment-respond .wpcf7-form.invalid .wpcf7-response-output {
  font-weight: 900;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.01em;
  color: #dc3232;
  padding: 15px 20px;
  text-align: center;
  position: relative;
  background: #FFF7F7;
  border: 1px solid #FED8D8 !important;
  border-radius: 10px;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  width: 22px !important;
  height: 22px !important;
  border-color: var(--color-border);
  border-radius: 3px !important;
  background-color: transparent !important;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative !important;
  padding: 0 !important;
  cursor: pointer;
  margin-top: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

input[type="radio"]::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: var(--theme-color);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

input[type="checkbox"]::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.44899 7.76355C3.36328 7.84971 3.24641 7.89784 3.12495 7.89784C3.00349 7.89784 2.88662 7.84971 2.80091 7.76355L0.213156 5.17534C-0.0554271 4.90676 -0.0554271 4.47134 0.213156 4.20321L0.537198 3.87917C0.805781 3.61059 1.24074 3.61059 1.50932 3.87917L3.12495 5.4948L7.49057 1.12917C7.75916 0.860589 8.19457 0.860589 8.4627 1.12917L8.78674 1.45321C9.05532 1.7218 9.05532 2.15721 8.78674 2.42534L3.44899 7.76355Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px;
  height: 100%;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: var(--theme-color);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  border-color: var(--theme-color) !important;
}

.wpcf7-form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wpcf7-form-control .wpcf7-te-list-item {
  margin: 0;
}

.wpcf7-form-control .wpcf7-te-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 0;
  gap: 10px;
}

.wpcf7-form-control .wpcf7-te-list-item label .wpcf7-te-list-item-label {
  font-size: 16px;
  font-weight: 400;
}

.logged-in .te-comment-respond textarea {
  margin-bottom: 12px;
}

.zoom-instagram-widget p {
  color: var(--color-white);
}

.zoom-instagram-widget p a {
  color: var(--theme-color);
}

.zoom-instagram-widget ul {
  list-style: none;
}

.zoom-instagram-widget ul li {
  color: var(--color-white);
}

body.admin-bar .header-menu-area.sticky_menu {
  top: 30px;
}

@media (max-width: 600px) {
  body.admin-bar .header-menu-area.sticky_menu {
    top: 0;
  }
}

.page-template-default.page-id-146 .tp-page-content p:last-child {
  margin-bottom: 10px;
}

.page-template-default.page-id-1133 .tp-page-content .te-comment-respond {
  margin-top: 78px;
  display: inline-block;
  width: 100%;
}

.page-template-default.page-id-3 .page-area {
  padding-top: 128px;
}

.single-post-item.post-24 .wp-block-button a {
  color: var(--color-white);
}

.post-template-default.postid-163 .te-blog-details-wrapper .te-post-item .te-post-content {
  margin-bottom: 34px;
}

.post-template-default.postid-150 .te-blog-details-wrapper .te-post-item .te-post-content {
  margin-bottom: 34px;
}

.post-template-default.postid-150 .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group.is-layout-constrained:last-child {
  border: 1px solid var(--color-black);
}

.post-template-default.postid-51 .te-blog-details-wrapper .te-post-item .te-post-content {
  margin-bottom: 25px;
}

.post-template-default.postid-51 .te-blog-details-wrapper .te-post-item .te-post-content p:last-child {
  margin-bottom: 0;
}

.post-template-default.postid-1163 .te-blog-details-wrapper .te-post-item .te-post-content .wp-caption,
.post-template-default.postid-568 .te-blog-details-wrapper .te-post-item .te-post-content .wp-caption {
  margin-top: 20px;
}

.post-template-default.postid-1785 .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-button__link {
  color: var(--color-white) !important;
}

.post-template-default.postid-1149 .te-blog-details-wrapper .te-latest-comments li .te-comments-item .te-comments-text p {
  margin-bottom: 0;
}

.post-template-default.postid-555 .te-blog-details-wrapper .te-post-item .te-post-content .gallery {
  margin-top: 20px;
}

.error-404.not-found {
  margin-top: -20px;
  margin-bottom: 40px;
}

.error-404.not-found .error-content .error-btn-bh {
  margin-top: 20px;
}

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

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

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

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

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

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes pulse {
  to {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@keyframes pulse {
  to {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  51% {
    opacity: 1;
  }
}

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

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

  51% {
    opacity: 1;
  }
}

@-webkit-keyframes Scroll {
  0% {
    -webkit-transform: translateX(-50vw);
    transform: translateX(-50vw);
    transform: translateX(-50vw);
  }

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

@keyframes Scroll {
  0% {
    -webkit-transform: translateX(-50vw);
    transform: translateX(-50vw);
    transform: translateX(-50vw);
  }

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

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

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

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

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

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

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

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

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

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--color-white);
  z-index: 9999999;
  right: 0;
  bottom: 0;
}

#preloader-status {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.progress-wrap {
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 0 2px #F7FBFE;
  box-shadow: inset 0 0 0 2px #F7FBFE;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  content: '\f062';
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: var(--theme-color);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap svg path {
  fill: #F7FBFE;
}

.progress-wrap svg.progress-circle path {
  stroke: var(--theme-color);
  stroke-width: 4;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.header-area .container-fluid {
  padding: 0 70px;
}

@media (max-width: 1550px) {
  .header-area .container-fluid {
    padding: 0 24px;
  }
}

.header-area.style-1 .header-area-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}

.header-area.style-1 .header-area-wrapper .header-inner {
  width: 100%;
}

.header-area.style-1 .header-area-wrapper .logo-wrapper {
  background-color: var(--logo-bg);
  padding: 10px 75px;
  z-index: 9;
  top: 0;
  margin-right: -226px;
}

@media (max-width: 1749px) {
  .header-area.style-1 .header-area-wrapper .logo-wrapper {
    margin-right: 0;
  }
}

@media (max-width: 1199px) {
  .header-area.style-1 .header-area-wrapper .logo-wrapper {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .header-area.style-1 .header-area-wrapper .te-logo-wrapper {
    margin-right: auto;
  }
}

.header-area.style-1 .te-header-menu-area.te-sticky_menu .te-logo-wrapper {
  margin-right: auto;
}

.header-area.style-1 .te-header-menu-area.te-sticky_menu .te-header-btn {
  margin-left: unset;
}

.header-area.style-1 .te-header-menu-area.te-sticky_menu .te-header-btn .te-cta-btn {
  display: none;
}

.header-area.style-2 {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  left: 0;
}

@media (max-width: 1199px) {
  .header-area.style-2 {
    position: unset;
  }
}

.header-area.style-2 .te-main-menu ul li.te-active>a {
  color: var(--theme-color);
}

.header-area.style-2 .te-main-menu ul li a {
  color: var(--color-white);
}

@media (max-width: 1199px) {
  .header-area.style-2 .te-main-menu ul li a {
    color: var(--theme-color2);
  }
}

.header-area.style-2 .te-main-menu ul li ul li a {
  color: var(--theme-color2);
}

.header-area.style-2 .te-header-btn .te-quote-btn {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.header-top {
  padding: 6px 0;
  background-color: var(--theme-color2);
}

@media (max-width: 991px) {
  .header-top {
    display: none;
  }
}

.header-top .te-header-top-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 60px;
}

.te-header-contact-info span a {
  font-size: 16px !important;
}

.header-top .header-top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 24px;
}

.header-top .te-header-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 33px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header-top .te-header-contact-info span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-primary);
}

.header-top .te-header-contact-info span i {
  color: var(--color-white);
}

.header-top .te-header-contact-info span.te-contact-info-item {
  gap: 0 7px !important;
}

.header-top .te-header-contact-info span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .header-top .header-top-btn {
    display: none;
  }
}

.header-top .header-top-btn a {
  position: relative;
  padding: 12px 46px;
  font-size: 18px;
  font-family: var(--font-primary);
  color: var(--color-white);
  margin-bottom: -100px;
  display: inline-block;
  font-weight: 900;
  z-index: 2;
}

.header-top .header-top-btn a:hover:after {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--theme-color);
}

.header-top .header-top-btn a:after {
  position: absolute;
  content: "";
  border-radius: 0 0 10px 10px;
  background-color: var(--theme-color);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.header-top .te-social-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header-top .te-social-profile .te-social-profile-label {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  color: var(--theme-color2);
  margin-right: 14px;
}

.header-top .te-social-profile a {
  font-size: 16px;
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 36px;
  height: 36px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--color-white);
  background-color: var(--theme-color);
}

.header-top .te-social-profile a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: transparent;
  transform: scale(1.1);
  
}

.te-header-menu-area {
  width: 100%;
  z-index: 999;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-header-menu-area.te-sticky-header {
  width: 100%;
  z-index: 999;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--color-white);
  color: white !important;
}

.te-header-menu-area.te-sticky_menu {
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 999;
  -webkit-box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 0.2);
  background: var(--color-white);
  margin: 10px 0;
}

.te-header-menu-area.te-sticky_menu .te-logo {
  height: 84px;
}

.te-header-menu-area.te-sticky_menu .te-logo:after {
  display: none;
}

.te-header-menu-area.te-sticky_menu .te-logo .te-standard-logo {
  display: none;
}

.te-header-menu-area.te-sticky_menu .te-logo .te-sticky-logo {
  display: block;
}

.te-header-menu-area.te-sticky_menu .te-logo .te-sticky-logo img {
  height: 80px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-header-menu-area.te-sticky_menu .te-main-menu ul li.te-active>a:after {
  bottom: 20px;
}

.te-header-menu-area.te-sticky_menu .te-main-menu ul li a {
  color: var(--theme-color2);
  padding: 33px 17px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .te-header-menu-area.te-sticky_menu .te-main-menu ul li a {
    padding: 33px 14px;
  }
}

.te-header-menu-area.te-sticky_menu .te-main-menu ul li ul li a {
  padding: 10px 20px;
}

.te-header-menu-area.te-sticky_menu .te-main-menu ul li ul li a:hover {
  color: var(--color-white);
}

.te-header-menu-area .te-header-menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}

@media (max-width: 1199px) {
  .te-header-menu-area .te-header-menu-wrapper {
    gap: 20px;
  }
}

.te-header-menu-area .te-logo {
  position: relative;
  z-index: 999;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-header-menu-area .te-logo {
    height: 100px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-header-menu-area .te-logo {
    height: 80px;
  }
}

@media only screen and (max-width: 1199px) {
  .te-header-menu-area .te-logo .te-standard-logo {
    display: none;
  }
}

.te-header-menu-area .te-logo .te-standard-logo img {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-header-menu-area .te-logo .te-sticky-logo {
  display: none;
}

@media only screen and (max-width: 767px) {
  .te-header-menu-area .te-logo .te-sticky-logo {
    width: 80px;
  }
}

@media only screen and (max-width: 1199px) {
  .te-header-menu-area .te-logo .te-sticky-logo {
    display: block;
  }

  .te-header-menu-area .te-logo .te-sticky-logo img {
    height: 60px;
  }

  .breadcrumb-list li a,
  .breadcrumb-list li span {
    font-size: 30px !important;
  }
}

.te-header-menu-area .te-logo .te-sticky-logo img {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-header-menu-area .te-logo .te-retina-logo {
  display: none;
}

.te-menu-wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

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

.te-main-menu ul li {
  display: inline-block;
  padding: 0;
  position: relative;
}

.te-main-menu ul li.te-active {
  position: relative;
}

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

.te-main-menu ul li.te-active>a:after {
  color: var(--theme-color);
  font-size: 13px;
  margin-left: 5px;
}

.te-main-menu ul li.te-dropdown>a:after {
  visibility: visible;
  font-size: 13px;
  margin-left: 5px;
}

.te-main-menu ul li.te-dropdown .te-dropdown>a:after {
  visibility: visible;
  font-size: 13px;
}

.te-main-menu ul li ul.te-submenu li.te-active>a {
  position: relative;
  z-index: 2;
  color: var(--color-white);
}

.te-main-menu ul li ul.te-submenu li.te-active>a:after {
  color: var(--color-white);
  font-size: 13px;
}

.te-main-menu ul li a {
  display: block;
  padding: 42px 17px;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
  color: var(--theme-color) !important;
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: initial;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .te-main-menu ul li a {
    padding: 32px 14px;
  }
}

.te-main-menu ul li a:after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  margin-top: -5px;
  visibility: hidden;
  font-size: 0;
}

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

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

.te-main-menu ul li:hover>ul {
  visibility: visible;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.te-main-menu ul li ul li:hover ul {
  visibility: visible;
  top: -2px;
}

.te-main-menu ul ul {
  background-color: var(--color-white);
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  visibility: hidden;
  z-index: 99999;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border-top: 2px solid var(--theme-color);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.te-main-menu ul ul li {
  float: none;
  width: 210px;
}

.te-main-menu ul ul li ul {
  visibility: hidden;
}

.te-main-menu ul ul li i {
  float: right;
}

.te-main-menu ul ul li a {
  line-height: initial;
  padding: 10px 20px;
  color: var(--color-black);
  border-bottom: 1px solid var(--color-border);
  margin-left: 0;
  font-size: 16px;
}

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

.te-main-menu ul ul li a:hover:after {
  color: var(--color-white);
}

.te-main-menu ul ul li:last-child a {
  border-bottom: 0px;
}

.header-area a {
  color: var(--color-black) !important;
}

.header-area .te-dropdown ul a:hover {
  color: var(--color-white) !important;
}

.te-header-top-wrapper a {
  color: var(--color-white) !important;
}

.te-quote-btn a:hover {
  color: var(--color-white) !important;
}

.te-quote-btn:hover {
  color: var(--color-white) !important;
}

.te-main-menu ul ul ul {
  left: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  border-top: 0px;
  border-top: 2px solid var(--theme-color);
}

.te-animation {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.te-slideUpIn {
  -webkit-animation-name: slideUpIn;
  animation-name: slideUpIn;
}

.te-header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1px;
  margin-left: auto;
}

.te-header-btn .te-icon {
  width: 72px;
  background-color: var(--theme-color);
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--color-white);
  font-size: 18px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-header-btn .te-icon:hover {
  background-color: var(--theme-color);
  color: var(--theme-color2);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (max-width: 1399px) {
  .te-header-btn {
    display: none;
  }
}

.te-header-btn .te-cta-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--theme-color2);
  font-size: 16px;
  font-weight: 600;
  gap: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.te-header-btn .te-cta-btn span {
  color: var(--color-black);
  font-size: 18px;
}

.te-header-btn .te-cta-btn a {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-black);
}

.te-header-btn .te-cta-btn a i {
  color: var(--theme-color);
  font-size: 14px;
  font-weight: 900;
  margin-right: 10px;
}

.te-header-btn .te-quote-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.6px;
  text-transform: capitalize;
  color: var(--color-black);
  border: 1px solid var(--theme-color);
  border-radius: 5px;
  padding: 19px 27px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-left: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.te-header-btn .te-quote-btn:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-search-form-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  z-index: 999;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-search-form-wrapper.te-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-search-form-wrapper .te-search-form-inner {
  width: 768px;
  position: relative;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
}

.te-search-form-wrapper .te-search-form-inner .te-search-content-filed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.te-search-form-wrapper .te-search-form-inner .te-search-content-filed .te-search-close {
  cursor: pointer;
  font-size: 30px;
  color: var(--color-white);
}

.te-search-form-wrapper .te-search-form-inner .te-search-form {
  background: var(--color-white);
  -webkit-box-shadow: 0px 30px 70px rgba(208, 225, 242, 0.3);
  box-shadow: 0px 30px 70px rgba(208, 225, 242, 0.3);
  border-radius: 5px;
  padding: 15px 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input .te-search-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input button.te-submit-search-btn {
  padding: 15px 24px !important;
}

.te-search-form-wrapper .te-search-form-inner .te-search-form input[type="search"] {
  margin-top: 0 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 12px !important;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav>ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--theme-color2);
  border-top: 1px solid var(--color-border);
  font-size: 14px;
  text-transform: capitalize;
  line-height: 1.5;
  font-weight: 900;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  border: 1px solid var(--color-border) !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: var(--theme-color2);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}

.mean-container .mean-nav ul li>a>i {
  display: none;
}

.mean-container .mean-nav ul li>a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav>ul>li:first-child>a {
  border-top: 0;
}

.mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked {
  background-color: var(--theme-color);
  border-color: var(--theme-color) !important;
}

.mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked i {
  color: var(--color-white);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--color-white);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: var(--color-white);
}

.te-mobile-menu-bar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-mobile-menu-bar a i {
  color: var(--theme-color1);
  font-size: 22px;
}

.te-menu-sidebar-area {
  position: fixed;
  right: -485px;
  top: 0;
  width: 465px;
  height: 100%;
  background-color: var(--color-white);
  overflow-y: scroll;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
}

@media (max-width: 560px) {
  .te-menu-sidebar-area {
    width: 350px;
  }
}

.te-menu-sidebar-area .te-menu-sidebar-logo {
  display: inline-block;
  width: 100%;
}

.te-menu-sidebar-area .te-menu-sidebar-logo img {
  width: 100%;
  -o-object-fit: contain;
  height: 80px;
  object-fit: contain;
}

.te-menu-sidebar-area .te-menu-sidebar-wrapper {
  position: relative;
  padding: 40px;
}

.te-menu-sidebar-area.active {
  right: 0;
}

.te-menu-sidebar-area .te-menu-sidebar-close {
  position: absolute;
  top: 0;
  right: 0;
}

.te-menu-sidebar-area .te-menu-sidebar-close .te-menu-sidebar-close-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  height: 55px;
  width: 55px;
  background-color: var(--theme-color);
  color: var(--color-white);
}

.te-menu-sidebar-area .te-menu-sidebar-close .te-menu-sidebar-close-btn:hover {
  background-color: var(--theme-color);
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-menu-sidebar-title {
  margin-bottom: 5px;
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 24px;
  padding: 6px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
  color: var(--theme-color2);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-primary);
  width: 100%;
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span.te-contact-info-item {
  gap: 0 10px !important;
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--theme-color2);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-primary);
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span a:hover {
  color: var(--theme-color);
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-social-profile {
  margin-top: 20px;
  border-top: 1px solid var(--color-border);
  width: 100%;
  padding-top: 20px;
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-social-profile a {
  color: var(--theme-color2);
  font-size: 22px;
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-social-profile a:hover {
  color: var(--theme-color);
}

.te-body-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-body-overlay.active {
  opacity: 1;
  visibility: visible;
}

.te-body-overlay:hover {
  cursor: pointer;
}

.slider-area {
  overflow: hidden;
  position: relative;
}

.slider-area .te-slider-wrapper .slick-active .te-slider-short-title,
.slider-area .te-slider-wrapper .slick-active .te-slider-title,
.slider-area .te-slider-wrapper .slick-active .te-slider-short-desc,
.slider-area .te-slider-wrapper .slick-active .te-slider-btn-wrapper {
  -webkit-animation-name: MovefadeUp;
  animation-name: MovefadeUp;
  -webkit-animation-fill-mode: both;
}

.slider-area .te-slider-wrapper .slick-active .te-slider-short-title {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.slider-area .te-slider-wrapper .slick-active .te-slider-title {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.slider-area .te-slider-wrapper .slick-active .te-slider-short-desc {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.slider-area .te-slider-wrapper .slick-active .te-slider-btn-wrapper {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}

.slider-area .te-slider-wrapper .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 50%;
  right: 46px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  flex-direction: column;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area .te-slider-wrapper .slick-dots {
    display: none !important;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 30px;
    bottom: 70px;
    top: unset;
    left: unset;
    right: unset;
    -webkit-transform: none;
    transform: none;
  }
}

.slider-area .te-slider-wrapper .slick-dots li {
  display: inline-block;
  line-height: 0;
  outline: 1px solid transparent;
  border: 4px solid transparent;
  border-radius: 50px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.slider-area .te-slider-wrapper .slick-dots li button {
  font-size: 2px;
  text-indent: -9999px;
  padding: 0;
  width: 10px;
  height: 10px;
  background-color: var(--theme-color);
  border-radius: 50px;
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.slider-area .te-slider-wrapper .slick-dots li button:hover {
  background-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.slider-area .te-slider-wrapper .slick-dots li.slick-active {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  outline: 1px solid var(--theme-color);
}

.slider-area .te-slider-wrapper .slick-dots li.slick-active button {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.slider-area .te-single-slider {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.slider-area .te-single-slider .te-slider-feature-image {
  position: absolute;
  right: 600px;
  bottom: 0;
}

.te-slider-feature-image img {

  height: 660px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area .te-single-slider .te-slider-feature-image {
    right: 100px;
  }
}

@media (max-width: 991px) {
  .slider-area .te-single-slider .te-slider-feature-image {
    display: none;
  }
}

.slider-area .te-single-slider .te-slider-overlay {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--theme-color2)), color-stop(74.82%, rgba(23, 23, 23, 0.35)));
  background: linear-gradient(90deg, var(--theme-color2) 0%, rgba(23, 23, 23, 0.35) 74.82%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.slider-area .te-single-slider .te-slider-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 120px 0;
  gap: 30px;
  height: 100%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area .te-single-slider .te-slider-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column;
    padding: 80px 0;
  }

  .te-slider-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area .te-single-slider .te-slider-container {
    padding: 100px 0;
  }
}

.slider-area .te-single-slider .te-slider-container .te-slider-column {
  width: 50%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area .te-single-slider .te-slider-container .te-slider-column {
    width: 80%;
  }

}

.slider-area .te-single-slider .te-slider-content-wrapper {
  position: relative;
  z-index: 99;
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-title {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--theme-color);
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
  color: var(--color-white);
  font-family: var(--font-primary);
  font-size: 50px;
  font-weight: 900;
  line-height: 70px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
    font-size: 60px;
    line-height: 64px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
    font-size: 48px;
    line-height: 56px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
    font-size: 42px;
    line-height: 52px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 20px;
  }
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: var(--color-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc {
    font-size: 18px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc {
    font-size: 18px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc {
    font-size: 18px;
    line-height: 32px;
  }
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper {
  padding-top: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 27px;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper {
    padding-top: 30px;
  }
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-theme-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  letter-spacing: 1px;
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-call-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-call-btn .te-icon {
  width: 55px;
  height: 55px;
  border-radius: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid var(--theme-color);
  font-size: 20px;
  font-weight: 900;
  color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation: ripple 4s infinite;
  animation: ripple 4s infinite;
  -webkit-box-shadow: 0 0 0 0 var(--theme-color);
  box-shadow: 0 0 0 0 var(--theme-color);
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-call-btn .te-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-call-btn .te-content .te-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #335371;
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-call-btn .te-content .te-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  color: var(--color-white);
}

.slider-area .te-single-slider .te-slider-image {
  position: relative;
  z-index: 2;
  margin-top: inherit;
  -webkit-animation: MoveLeftRight 2s linear infinite alternate;
  animation: MoveLeftRight 2s linear infinite alternate;
  text-align: right;
}

.slider-area .te-single-slider .te-slider-image .slider-feature {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  padding: 30px;
  background-color: var(--theme-color);
  border-radius: 5px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slider-area .te-single-slider .te-slider-image .slider-feature {
    width: 105%;
  }

  .slider-area .te-single-slider .te-slider-image .slider-feature .single-slider-feature .slider-feature-content .title {
    width: 100%;
    text-align: center;
  }

  .slider-area .te-single-slider .te-slider-image {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .single-slider-feature {
    width: 100% !important;
  }

  .slider-feature-img {
    display: none !important;
  }

  .te-slider-short-desc {
    display: none !important;
  }
}

.slider-area .te-single-slider .te-slider-image .slider-feature .single-slider-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}

.slider-area .te-single-slider .te-slider-image .slider-feature .single-slider-feature .slider-feature-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.slider-area .te-single-slider .te-slider-image .slider-feature .single-slider-feature .slider-feature-content .title {
  color: var(--color-white);
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 900;
  line-height: 55px;
}

.slider-area .te-single-slider .te-slider-image .slider-feature .single-slider-feature .slider-feature-content .sub-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: var(--color-white);
  margin-bottom: 0;
}

.slider-area .te-single-slider .te-slider-image .slider-feature .single-slider-feature .slider-feature-img {
  font-size: 45px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--color-white);
}

.slider-area.style-2 .te-single-slider .te-slider-container {
  padding-top: 240px;
  padding-bottom: 300px;
}

@media (max-width: 991px) {
  .slider-area.style-2 .te-single-slider .te-slider-container {
    padding-top: 100px;
    padding-bottom: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .slider-area.style-2 .te-single-slider .te-slider-container .te-slider-column {
    width: 100%;
  }
}

.slider-area.style-2 .te-single-slider .te-slider-overlay {
  background-color: var(--theme-color2);
}

.slider-area.style-2 .te-single-slider .te-slider-line-bar {
  position: absolute;
  right: 45%;
  top: 30%;
  -webkit-transform: translateY(-50%) rotate(28deg);
  transform: translateY(-50%) rotate(28deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.slider-area.style-2 .te-single-slider .te-slider-line-bar .slider-line-bar {
  width: 2px;
  height: 290px;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), to(rgba(235, 51, 0, 0.37)));
  background: linear-gradient(180deg, var(--theme-color) 0%, rgba(235, 51, 0, 0.37) 100%);
}

.slider-area.style-2 .te-single-slider .te-slider-line-bar .slider-line-bar.two {
  margin-top: -30px;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary)), to(var(--color-primary-dark)));
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
}

.slider-area.style-2 .te-single-slider .te-slider-feature-image {
  position: absolute;
  right: unset;
  left: 30%;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 10% 100%);
  clip-path: polygon(35% 0, 100% 0, 100% 100%, 10% 100%);
}

.slider-area.style-2 .te-single-slider .te-slider-feature-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-area.style-2 .te-single-slider .te-slider-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}

.te-info-card-wrapper {
  position: relative;
}

.te-info-card {
  background-color: var(--color-light);
  padding: 40px;
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .te-info-card {
    padding: 40px 25px;
  }
}

.te-info-card:hover {
  background-color: var(--color-white);
  -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
  top: -5px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-info-card:hover .te-image-wrapper .overlay {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 0.72;
}

.te-info-card:hover .te-image-wrapper img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-info-card:hover .icon img {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-info-card:hover .content .te-read-more .te-theme-btn {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-info-card .te-info-card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  height: 100%;
}

.te-info-card .te-image-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.te-info-card .te-image-wrapper img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-info-card .te-image-wrapper .overlay {
  width: 100%;
  height: 100%;
  background: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
}

.te-info-card .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  background-color: var(--theme-color);
}

.te-info-card .icon img {
  width: unset;
  height: unset;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-info-card .te-content-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.te-info-card .te-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-bottom: 10px;
  border-bottom: none;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.te-info-card .te-title-wrapper .title {
  font-size: 26px;
  line-height: 26px;
  font-weight: 900;
  margin: 0;
  color: var(--theme-color2);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.te-info-card .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.te-info-card .content .desc {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin: 0;
  color: var(--color-text-soft);
}

.te-info-card .content .te-read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.te-info-card .content .te-read-more .te-theme-btn {
  background-color: transparent;
  border: 1px solid var(--theme-color2);
  color: var(--theme-color2);
}

.te-info-card.style-2 {
  background-color: var(--color-white);
  padding: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
}

.te-info-card.style-2:hover .image img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-info-card.style-2 .te-info-card-inner {
  gap: 0;
}

.te-info-card.style-2 .icon {
  position: absolute;
  top: -0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  font-size: 40px;
  color: var(--color-white);
  transition: all 0.5s ease-out;
  background-color: var(--theme-color);
  padding: 5px;

}

.te-icon-card .icon {
  font-size: 30px;
  color: var(--color-white);
  transition: all 0.5s ease-out;
}

.te-icon-card:hover .icon i {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: all 0.5s ease-out;
}

.te-info-card.style-2:hover .icon i {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all 0.5s ease-out;
}

.te-info-card.style-2 .image {
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.te-info-card.style-2 .image img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.te-info-card.style-2 .te-title-wrapper {
  padding-bottom: 15px;
}

.te-info-card.style-2 .te-content-wrapper {
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px 30px;
}

.te-info-card.style-2 .content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.latest-service-slider {
  overflow: hidden;
}

.latest-service-slider .slick-list {
  margin: 0 -15px;
  padding-bottom: 30px;
}

.latest-service-slider .slick-list .slick-slider-item {
  margin: 0 15px;
}

.latest-service-slider .slick-list .slick-slider-item .te-info-card.style-2 {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.latest-service-slider .slick-dots {
  padding: 0;
  list-style: none;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  margin-top: 50px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .latest-service-slider .slick-dots {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .latest-service-slider .slick-dots {
    margin-top: 20px;
  }
}

.latest-service-slider .slick-dots li {
  font-size: 0;
  line-height: 0;
}

.latest-service-slider .slick-dots li:first-child button {
  border-radius: 25px 0 0 25px;
}

.latest-service-slider .slick-dots li:last-child button {
  border-radius: 0 25px 25px 0;
}

.latest-service-slider .slick-dots li button {
  width: 50px;
  height: 10px;
  background-color: var(--color-border);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
}

.latest-service-slider .slick-dots li button:before {
  background-color: var(--theme-color);
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 25px;
  visibility: hidden;
  opacity: 0;
}

.latest-service-slider .slick-dots li.slick-active button {
  width: 100px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.latest-service-slider .slick-dots li.slick-active button:before {
  width: 100%;
  visibility: visible;
  opacity: 1;
}

.te-info-card.style-3 {
  background-color: transparent;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.te-info-card.style-3:hover .image img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-info-card.style-3 .te-info-card-inner {
  gap: 0;
}

.te-info-card.style-3 .icon {
  width: 60px;
  height: 60px;
  position: absolute;
  top: -0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  padding: 10px;
}

.te-info-card.style-3 .image {
  overflow: hidden;
  border-radius: 5px;
}

.te-info-card.style-3 .image img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
}

.te-info-card.style-3 .te-title-wrapper {
  padding-bottom: 15px;
}

.te-info-card.style-3 .te-content-wrapper {
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px;
  margin-left: 35px;
  position: relative;
  margin-top: -30px;
  z-index: 9;
  background-color: var(--color-white);
  -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px 0px 5px 5px;
}

.te-info-card.style-3 .content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.te-icon-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-icon-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.te-icon-card:last-child {
  margin-bottom: 0;
}

.te-icon-card:hover .icon img {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-icon-card.style-1 .content .title,
.te-icon-card.style-1 .content .desc {
  color: var(--color-white);
}

.te-icon-card .icon {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background-color: var(--theme-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-icon-card .icon img {
  width: auto;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-icon-card .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-icon-card .content {
    gap: 10px;
  }
}

.te-icon-card .content .title {
  font-family: var(--font-primary);
  font-weight: 900;
  font-size: 26px;
  line-height: 36px;
  color: var(--theme-color2);
  margin-bottom: 0;
}

.te-icon-card .content .desc {
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: var(--color-text-soft);
  margin-bottom: 0;
}

.te-icon-card .content .desc a {
  color: var(--color-text-soft);
}

.te-icon-card.style-2 {
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}

.te-icon-card.style-2 .icon {
  width: 50px;
  height: 50px;
  background-color: var(--theme-color);
  border-radius: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  color: var(--color-white);
}

.te-icon-card.style-2 .content {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}

.te-icon-card.style-2 .content .title {
  font-size: 20px;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: 0.5px;
}

.te-icon-card.style-2 .content .desc {
  line-height: 22px;
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner {
  border-radius: 5px;
  padding-right: 80px;
  margin-top: 23px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner {
    padding-right: 0;
    margin-top: 0;
  }
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner>img {
  margin: 0;
  border-radius: 5px;
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-img-card-shape {
  right: -66px;
  top: 60px;
  -webkit-animation: Animated3 3s linear infinite alternate;
  animation: Animated3 3s linear infinite alternate;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-img-card-shape {
    display: none;
  }
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image {
  position: absolute;
  top: 55%;
  right: -66px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image {
    position: relative;
    right: unset;
    top: unset;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image {
    position: relative;
  }
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner {
  border: 5px solid var(--color-border);
  overflow: hidden;
  display: inline-block;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner {
    width: 100%;
  }

  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner img {
    width: 100%;
  }
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn {
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--theme-color);
  width: 76px;
  height: 76px;
  border-radius: 5px;
  color: var(--color-white);
  font-size: 17px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-animation: ripple 4s infinite;
  animation: ripple 4s infinite;
  -webkit-box-shadow: 0 0 0 0 rgba(14, 43, 197, 0.8);
  box-shadow: 0 0 0 0 rgba(14, 43, 197, 0.8);
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-white);
  -webkit-box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.05);
  padding: 14px 15px;
  border-radius: 5px;
  gap: 11px;
  position: absolute;
  left: -33%;
  top: 46%;
  -webkit-animation: MoveLeftRight 2s linear infinite alternate;
  animation: MoveLeftRight 2s linear infinite alternate;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text {
    left: unset;
    top: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    right: 0;
  }
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .icon {
  width: 52px;
  height: 52px;
  background-color: #F2E6FF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 30px;
  color: var(--theme-color);
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text .title {
  font-size: 20px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: var(--theme-color2);
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text span {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: var(--color-text-soft);
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner {
  position: relative;
  display: inline-block;
  z-index: 2;
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner .about-img-one {
  position: relative;
  width: 490px;
  height: 590px;
  border-right: 7px solid var(--theme-color);
}

@media (max-width: 576px) {
  .te-about-image-card .te-main-img-wrapper .te-main-img-inner .about-img-one {
    width: 340px;
  }
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner .about-img-one>img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 18px;
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner .about-img-one .te-img-card-shape {
  position: absolute;
  top: -30px;
  right: -30px;
  z-index: -1;
}

@media (max-width: 575px) {
  .te-about-image-card .te-main-img-wrapper .te-main-img-inner .about-img-one .te-img-card-shape {
    right: 0;
  }
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner .about-img-two {
  width: 306px;
  height: 320px;
  position: absolute;
  background-color: var(--color-white);
  bottom: -139px;
  right: -130px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-image-card .te-main-img-wrapper .te-main-img-inner .about-img-two {
    right: 0;
  }
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner .about-img-two>img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 9px;
}

.te-about-image-card .te-company-foundation-wrapper {
  padding: 0 40px;
  position: relative;
  margin-top: -20px;
}

.te-about-image-card .te-company-foundation-wrapper .te-company-foundation {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  background-color: var(--theme-color);
  padding: 20px 42px;
  border-radius: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.te-about-image-card .te-company-foundation-wrapper .te-company-foundation .title {
  font-size: 20px;
  font-weight: 700;
  line-height: initial;
  color: var(--color-white);
  margin-bottom: 0;
  text-align: left;
}

.te-about-image-card .te-company-experience {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.te-about-image-card .te-company-experience .te-counter-wrapper {
  color: var(--color-white);
  font-size: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-about-image-card .te-company-experience .te-counter-wrapper .suffix {
  line-height: 0;
}

.te-about-image-card .te-company-experience .counter {
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: 0;
  font-family: var(--font-primary);
  color: var(--color-white);
  margin-bottom: 0;
}

.te-about-info-card.style-2 .te-about-info-content {
  gap: 10px;
}

.te-about-info-card.style-2 .te-about-info-content .te-list-item-wrapper {
  padding-top: 6px;
  gap: 0;
}

.te-about-info-card.style-2 .te-about-info-content .te-list-item-wrapper .te-list-item .icon {
  width: 16px;
  height: 16px;
  background-color: var(--theme-color);
  border-radius: 50%;
  color: white;
  font-size: 10px;
}

.te-about-info-card.style-2 .te-about-info-content .te-list-item-wrapper .te-list-item .text {
  color: var(--color-text-soft);
}

.te-about-info-card.style-2 .te-about-info-content .te-info-list {
  border-top: 1px solid var(--color-border);
  padding-top: 40px;
}

.te-about-info-card.style-2 .te-about-info-content .te-info-list .divider {
  width: 1px;
  background-color: var(--color-border);
  height: 127px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-info-card.style-2 .te-about-info-content .te-info-list .divider {
    height: 1px;
    width: 100%;
  }
}

.te-about-info-card.style-three .te-section-title {
  margin-bottom: 40px;
}

.te-about-info-card.style-three .about-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-info-card.style-three .about-info-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.te-about-info-card.style-three .about-info-wrapper .about-info-img {
  border-radius: 12px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-info-card.style-three .about-info-wrapper .about-info-img {
    height: 350px;
  }
}

.te-about-info-card.style-three .about-info-wrapper .about-info-img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.te-about-info-card.style-three .te-about-info-content {
  padding-left: 50px;
  gap: 30px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-about-info-card.style-three .te-about-info-content {
    padding-left: 0;
    padding-top: 50px;
  }
}

.te-about-info-card.style-three .te-about-info-content .skill-progressbar-wrapper {
  width: 100%;
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper .te-icon-card {
  width: 50%;
  padding: 0;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper .te-icon-card .icon {
  width: 40px;
  height: 40px;
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper .te-icon-card .content {
  gap: 4px;
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper .te-icon-card .content .title {
  font-size: 18px;
  line-height: 24px;
}

.te-about-info-card.style-three .te-about-info-content .te-btn-wrapper {
  margin-top: 7px;
}

.te-counter-card {
  z-index: 1;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 60px;
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
  .te-counter-card {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .te-counter-card {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 50px;
  }
}

.te-counter-card .te-counter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 50px 0;
  border-radius: 5px;
}

.te-counter-card .te-counter-item:hover .icon img {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-counter-card .te-counter-item .icon {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}

.te-counter-card .te-counter-item .icon img {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-counter-card .te-counter-item .te-counter-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.te-counter-card .te-counter-item .te-counter-title .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.te-counter-card .te-counter-item .number {
  font-family: var(--font-primary);
  font-weight: 900;
  font-size: 50px;
  line-height: 55px;
  text-align: center;
  color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-counter-card .te-counter-item .number {
    font-size: 36px;
    line-height: 40px;
  }
}

.te-counter-card .te-counter-item .title {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: var(--color-white);
}

.te-counter-card .te-counter-item .text {
  margin: 0;
  color: var(--color-white);
}

.te-process-step {
  padding: 80px 40px 40px 40px;
  background-color: var(--color-light);
  border-radius: 5px;
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
  height: 300px;
}

@media (max-width: 991px) {
  .te-process-step {
    margin-bottom: 50px;
  }
}

.te-process-step:hover {
  top: -10px;
}

.te-process-step:hover .icon i {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-process-step .icon i {
  transition: all 0.5s ease-out;
}

.te-process-step .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: var(--theme-color);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 60px;
  color: var(--color-white);
}

.te-process-step .te-content-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.te-process-step .te-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: none;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-process-step .te-title-wrapper .title {
  font-size: 26px;
  line-height: 32px;
  font-weight: 900;
  margin: 0;
  color: var(--theme-color2);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.te-process-step .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.te-process-step .content .desc {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin: 0;
  color: var(--color-text-soft);
}

.te-process-step .content .te-read-more {
  margin-top: -10px;
}

.te-process-step .content .te-read-more .te-read-more-btn {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--theme-color2);
}

.te-process-step.style-2 {
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  padding: 40px 40px 40px 64px;
}

@media (max-width: 1199px) {
  .te-process-step.style-2 {
    padding: 40px;
  }
}

.te-process-step.style-2 .te-title-wrapper,
.te-process-step.style-2 .content {
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
  text-align: unset;
}

.te-process-step.style-2 .icon {
  width: 88px;
  height: 88px;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
  .te-process-step.style-2 .icon {
    position: unset;
    -webkit-transform: unset;
    transform: unset;
    margin-bottom: 20px;
  }
}

.te-process-step.style-2 .icon .counter-number {
  color: var(--color-white);
  font-size: 50px;
  font-weight: 900;
  line-height: initial;
}

.te-testimonial-card {
  padding: 40px 40px 0 40px;
  background-color: var(--color-light);
  border-radius: 5px;
  position: relative;
  z-index: 2;
}

@media (max-width: 570px) {
  .te-testimonial-card {
    padding: 30px 30px 0 30px;
  }
}

.te-testimonial-card::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 80px;
  background: -webkit-gradient(linear, left top, left bottom, from(#E0F0FE), to(#F8FCFF));
  background: linear-gradient(180deg, #E0F0FE 0%, #F8FCFF 100%);
  z-index: -1;
  width: 80%;
}

@media (max-width: 570px) {
  .te-testimonial-card::before {
    width: 100%;
  }
}

.te-testimonial-card .te-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.te-testimonial-card .te-content-wrapper .content {
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: var(--color-text-soft);
  margin-bottom: 0;
}

.te-testimonial-card .te-content-wrapper .te-user-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 570px) {
  .te-testimonial-card .te-content-wrapper .te-user-meta {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .image {
  width: 74px;
  height: 84px;
  border-radius: 5px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: -15px;
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--theme-color);
  font-size: 16px;
  margin-bottom: 26px;
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .name {
  font-size: 24px;
  font-weight: 900;
  line-height: 34px;
  letter-spacing: 0.5px;
  color: var(--theme-color2);
  margin-bottom: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .name {
    font-size: 18px;
    line-height: 28px;
  }
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .designation {
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: var(--theme-color2);
}

.te-testimonial-card .te-content-wrapper .te-user-meta .icon {
  color: var(--color-border);
  font-size: 55px;
  margin-top: 20px;
}

@media (max-width: 570px) {
  .te-testimonial-card .te-content-wrapper .te-user-meta .icon {
    position: absolute;
    right: 30px;
    top: 0;
    z-index: -1;
    font-size: 35px;
  }
}

.te-testimonial-card-two {
  padding: 40px;
  background-color: var(--color-white);
  border-radius: 20px;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  margin: 20px 0;
  border: 1px solid var(--color-border);
}

.te-testimonial-card-two .te-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.te-testimonial-card-two .te-content-wrapper .content {
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  color: var(--color-text-soft);
  margin-bottom: 0;
}

.te-testimonial-card-two .te-content-wrapper .content p {
  margin-bottom: 0;
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info .rating-icon {
  color: #E8C50E;
  font-size: 18px;
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info .icon {
  color: var(--theme-color);
  font-size: 40px;
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info .name {
  font-size: 26px;
  font-weight: 900;
  line-height: 26px;
  color: var(--theme-color2);
  margin-bottom: 0;
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info .designation {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-soft);
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .image {
  width: 75px;
  height: 75px;
  border: 2px solid var(--theme-color);
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.te-testimonial-card-two.style-2 {
  background-color: var(--color-light);
  background-image: url("../images/section-bg/testimonial-two-bg.png");
  background-repeat: no-repeat;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.te-testimonial-card-two.style-2 .te-content-wrapper .content {
  font-size: 24px;
}

.te-testimonial-card-two.style-2 .te-content-wrapper .te-user-meta {
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
  gap: 20px;
}

.te-testimonial-card-two.style-2 .te-content-wrapper .te-user-meta .image {
  width: 70px;
  height: 70px;
  border: 0;
}

.te-testimonial-card-two.style-2 .te-content-wrapper .rating-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.te-testimonial-card-two.style-2 .te-content-wrapper .rating-wrapper .rating-icon {
  color: #F1AE07;
}

.te-testimonial-card-two.style-2 .te-content-wrapper .rating-wrapper .icon {
  color: var(--theme-color);
  font-size: 38px;
}

.te-testimonial-card.style-3 {
  padding: 30px 0 0 0;
  background-color: transparent;
}

.te-testimonial-card.style-3::before {
  display: none;
}

.te-testimonial-card.style-3 .te-content-wrapper {
  gap: 15px;
}

.te-testimonial-card.style-3 .te-content-wrapper .content .title {
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: 0.5px;
  color: var(--color-text-soft);
  margin-bottom: 20px;
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--theme-color);
  border-radius: 5px;
  padding: 25px 40px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info {
    padding: 15px 30px;
  }
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info .image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 0;
  position: relative;
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info .rating {
  gap: 5px;
  color: var(--theme-color);
  font-size: 14px;
  margin-bottom: 10px;
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info .name span {
  color: var(--theme-color);
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .icon {
  font-size: 64px;
  color: var(--theme-color);
  position: absolute;
  top: -5px;
  margin-top: 0;
  right: 0;
}

@media (max-width: 575px) {
  .te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .icon {
    font-size: 34px;
  }
}

.te-testimonial-slider-wrapper {
  position: relative;
}

.te-testimonial-slider-wrapper .slick-list {
  margin: 0 -15px;
}

.te-testimonial-slider-wrapper .slick-list .slick-slide {
  margin: 0 15px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-testimonial-slider-wrapper .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 0;
}

.te-testimonial-slider-wrapper .slick-dots li {
  display: inline-block;
  line-height: 0;
  outline: 2px solid transparent;
  border: 5px solid transparent;
  border-radius: 50px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-testimonial-slider-wrapper .slick-dots li button {
  font-size: 2px;
  text-indent: -9999px;
  padding: 0;
  width: 10px;
  height: 10px;
  background-color: var(--theme-color);
  border-radius: 50px;
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-testimonial-slider-wrapper .slick-dots li.slick-active {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  outline: 2px solid var(--theme-color);
}

.te-testimonial-slider-wrapper .slick-dots li.slick-active button {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-testimonial-slider-wrapper .slick-arrow {
  display: none !important;
}

.te-accordion-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  padding: 16px 30px;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--theme-color);
  border-color: transparent;
  border-radius: 5px 5px 0 0;
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head:before {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  color: var(--theme-color);
  font-weight: 900;
  background-color: var(--color-light);
  font-size: 16px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head.collapsed {
  background-color: transparent;
  border: 1px solid var(--color-border);
  border-radius: 5px;
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head.collapsed .te-accordion-title {
  color: var(--theme-color2);
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head.collapsed:before {
  position: relative;
  content: "\2b";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  background-color: var(--theme-color);
  border-radius: 5px;
  color: var(--color-white);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head .te-accordion-title {
  font-size: 20px;
  line-height: initial;
  font-weight: 700;
  color: var(--color-white);
  margin-bottom: 0;
}

.accordion-wrapper .te-accordion-list-item .te-accordion-body {
  font-size: 18px;
  line-height: 28px;
  color: var(--color-dark-soft);
  margin: 0 20px;
  padding-bottom: 0;
  padding-top: 20px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.page-header {
  border-left: 4px solid var(--color-border);
  padding-left: 45px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-header {
    padding-left: 30px;
  }
}

.page-header .te-page-title,
.page-header .page-title {
  font-size: 42px;
  line-height: 48px;
}

@media (max-width: 991px) {

  .page-header .te-page-title,
  .page-header .page-title {
    font-size: 38px;
    line-height: 48px;
  }
}

.blog-area ol,
.blog-area ul {
  padding-left: 20px;
}

.blog-area ol li,
.blog-area ul li {
  padding-top: 7px;
}

.te-post-item {
  margin-bottom: 48px;
  /* Quote Format Post */
  /* Sticky Post */
}

.te-post-item:hover .te-post-thumbnail img,
.te-post-item:hover .post-video img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-item iframe {
  width: 100%;
  height: 522px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-post-item iframe {
    height: 350px;
  }
}

.te-post-item .post-gallery .slick-list .slick-track {
  height: 392px;
  overflow: hidden;
}

.te-post-item .te-post-content-wrapper {
  padding: 45px 40px 54px 40px;
  border-radius: 5px;
  background-color: var(--color-white);
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
  margin-left: 40px;
  margin-top: -68px;
  position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-post-item .te-post-content-wrapper {
    padding: 35px;
    padding-top: 30px;
    margin-top: -10px;
    margin-left: 20px;
  }
}

.te-post-item .te-post-content-wrapper .te-read-more {
  margin-top: 40px;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}

.te-post-item.format-quote .te-post-content {
  margin: 0;
}

.te-post-item.format-quote blockquote {
  margin: 0;
}

.te-post-item.format-quote blockquote p {
  margin-top: 0;
}

.te-post-item.format-quote blockquote cite a {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--color-text-soft);
  margin-top: 20px;
  font-style: normal;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-item.format-quote blockquote cite a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: var(--theme-color);
}

.te-post-item.sticky {
  border: 2px solid var(--theme-color);
}

.te-post-item.sticky .te-post-content {
  margin-bottom: 0;
}

.te-post-item.sticky .te-post-content p {
  margin-bottom: 0;
}

.te-post-item .te-post-title {
  font-size: 32px;
  line-height: 45px;
  font-weight: 900;
  margin-bottom: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-post-item .te-post-title {
    font-size: 28px;
    line-height: 42px;
    margin-top: 5px;
  }
}

.te-post-item .te-post-title:hover a {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-item .te-post-content p {
  margin-top: 17px;
}

.te-post-item .te-post-content h2,
.te-post-item .te-post-content h3,
.te-post-item .te-post-content h4,
.te-post-item .te-post-content h5,
.te-post-item .te-post-content h6 {
  margin-bottom: 10px;
}

.te-post-item .te-post-content p {
  margin-bottom: unset;
}

.te-post-item .te-single-post-meta {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 15px;
  margin-top: 30px;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.te-post-item .te-social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-post-item .te-social-share a {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  color: var(--theme-color2);
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-post-item .te-social-share a:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
  border-color: var(--theme-color);
}

.te-post-item .te-social-share .te-social-share-title {
  font-size: 16px;
  font-weight: 900;
  font-family: var(--font-primary);
  color: var(--theme-color2);
  margin-right: 5px;
  text-transform: uppercase;
}

.te-post-item .te-blog-post-tag {
  width: 100%;
  display: inline-block;
}

.te-post-item .te-blog-post-tag span {
  font-size: 16px;
  font-weight: 900;
  display: inline-block;
  font-family: var(--font-primary);
  color: var(--theme-color2);
  margin-bottom: 0;
  margin-right: 30px;
  text-transform: uppercase;
  margin-top: 8px;
  float: left;
}

.te-post-item .te-blog-post-tag .te-post-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.te-post-item .te-blog-post-tag .te-post-tag-list a {
  color: var(--color-text-soft);
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  padding: 12px 22px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border: 1px solid var(--color-border);
  text-transform: capitalize;
}

.te-post-item .te-blog-post-tag .te-post-tag-list a:hover {
  color: var(--color-white);
  background: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-item .te-post-thumbnail,
.te-post-item .post-video {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-right: 40px;
}

.te-post-item .te-post-thumbnail img,
.te-post-item .post-video img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
}

.te-post-item .te-post-thumbnail .popup-video-wrapper,
.te-post-item .post-video .popup-video-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.te-post-item .te-post-thumbnail .video-btn a,
.te-post-item .post-video .video-btn a {
  width: 70px;
  height: 70px;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  background-color: var(--color-white);
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-post-item .te-post-thumbnail .video-btn a i,
.te-post-item .post-video .video-btn a i {
  color: var(--theme-color);
  font-size: 18px;
}

.te-post-item .te-post-thumbnail .video-btn a:hover,
.te-post-item .post-video .video-btn a:hover {
  -webkit-animation: none;
  animation: none;
}

.te-post-item button.post-gallery-btn {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 99;
  background-color: var(--color-white);
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
}

.te-post-item button.post-gallery-btn.prev-btn {
  left: 30px;
}

.te-post-item button.post-gallery-btn.next-btn {
  right: 30px;
}

.te-post-item button.post-gallery-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--theme-color2);
  font-size: 17px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-item button.post-gallery-btn:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--theme-color);
}

.te-post-item button.post-gallery-btn:hover i {
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-item .post-audio iframe {
  width: 100%;
}

.te-post-item .te-post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  margin: 13px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-post-item .te-post-meta {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.te-post-item .te-post-meta span {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-text-soft);
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.te-post-item .te-post-meta span i {
  color: var(--theme-color);
  font-size: 18px;
}

.te-post-item .te-post-meta span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--color-text-soft);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-item .te-post-meta span a:hover {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-item .te-post-meta span a:hover i {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  gap: 23px;
}

.te-post-card.style-1 {
  background-color: var(--color-white);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
  gap: 90px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .te-post-card.style-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (max-width: 1399px) {
  .te-post-card.style-1 {
    gap: 20px;
  }
}

.te-post-card.style-1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 0;
  background-color: var(--theme-color);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-card.style-1 .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 200px;
  padding: 30px 40px;
}

@media (max-width: 1199px) {
  .te-post-card.style-1 .content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px !important;
  }
}

@media (max-width: 1399px) {
  .te-post-card.style-1 .content-wrapper {
    gap: 50px;
  }
}

.te-post-card.style-1 .image {
  width: 370px;
  height: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .te-post-card.style-1 .image {
    width: 100%;
    height: 350px;
  }
}

.te-post-card.style-1 .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  right: 0;
}

.te-post-card:hover:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  height: 100%;
}

.te-post-card:hover .te-theme-btn {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.te-post-card:hover .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-card .image {
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}

.te-post-card .image img {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1);
  transform: scale(1);
  width: 100%;
}

.te-post-card .image .te-post-date {
  position: absolute;
  right: 25px;
  top: 23px;
  background-color: var(--theme-color);
  border-radius: 5px;
  padding: 13px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.te-post-card .image .te-post-date span {
  color: var(--color-white);
  font-size: 20px;
  font-weight: 700;
  line-height: initial;
}

.te-post-card .content {
  position: relative;
  z-index: 3;
}

.te-post-card .content p {
  margin-bottom: 0;
}

.te-post-card .content .te-post-meta-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.te-post-card .content .te-post-meta-info .te-single-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.te-post-card .content .te-post-meta-info .te-single-meta span,
.te-post-card .content .te-post-meta-info .te-single-meta a {
  color: var(--color-text-soft);
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
}

.te-post-card .content .te-post-meta-info .te-single-meta i {
  color: var(--theme-color);
}

.te-post-card .content .title {
  font-size: 26px;
  font-weight: 900;
  line-height: 39px;
  font-family: var(--font-primary);
  margin-bottom: 7px;
  color: var(--theme-color2);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-card.style-2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
}

@media (max-width: 1399px) {
  .te-post-card.style-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}

.te-post-card.style-2 .image {
  height: 504px;
  width: 410px;
}

@media (max-width: 1399px) {
  .te-post-card.style-2 .image {
    height: 350px;
    width: 100%;
  }
}

.te-post-card.style-2 .image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.te-post-card.style-2 .content {
  width: 410px;
  padding: 40px;
  border-radius: 5px;
  background-color: var(--color-light);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 220px;
}

@media (max-width: 1399px) {
  .te-post-card.style-2 .content {
    width: 100%;
    position: unset;
    top: unset;
    -webkit-transform: unset;
    transform: unset;
    left: unset;
  }
}

.te-post-card.style-2 .content .te-theme-btn {
  margin-top: 35px;
}

.te-blog-details-wrapper .te-comment-respond {
  margin-top: 78px;
  margin-bottom: 40px;
}

.te-blog-details-wrapper .te-post-comments {
  margin-top: 70px;
}

.te-blog-details-wrapper .wp-block-group.has-background .wp-block-button .wp-block-button__link {
  color: var(--color-white) !important;
}

.te-blog-details-wrapper .te-post-item {
  border: 0;
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.te-blog-details-wrapper .te-post-item iframe {
  width: 100%;
  height: 522px;
}

.te-blog-details-wrapper .te-post-item .te-single-post-meta {
  padding-top: 35px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid var(--color-border);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.te-blog-details-wrapper .te-post-item .te-post-meta {
  margin-top: 0;
  margin-bottom: 20px;
}

.te-blog-details-wrapper .te-post-item .post-gallery:hover img {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

.te-blog-details-wrapper .te-post-item .te-post-thumbnail,
.te-blog-details-wrapper .te-post-item .post-video,
.te-blog-details-wrapper .te-post-item .post-gallery,
.te-blog-details-wrapper .te-post-item .postbox-audio,
.te-blog-details-wrapper .te-post-item .wp-block-post-featured-image {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
}

.te-blog-details-wrapper .te-post-item .te-post-thumbnail:hover img,
.te-blog-details-wrapper .te-post-item .post-video:hover img,
.te-blog-details-wrapper .te-post-item .post-gallery:hover img,
.te-blog-details-wrapper .te-post-item .postbox-audio:hover img,
.te-blog-details-wrapper .te-post-item .wp-block-post-featured-image:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-blog-details-wrapper .te-post-item .te-post-thumbnail img,
.te-blog-details-wrapper .te-post-item .post-video img,
.te-blog-details-wrapper .te-post-item .post-gallery img,
.te-blog-details-wrapper .te-post-item .postbox-audio img,
.te-blog-details-wrapper .te-post-item .wp-block-post-featured-image img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
}

.te-blog-details-wrapper .te-post-item .te-post-content-wrapper {
  margin-left: 0;
  margin-top: 0;
}

.te-blog-details-wrapper .te-post-item .te-post-content {
  margin-bottom: 17px;
  /* Unit Test Data Compatibility Start */
  /* Unit Test Data Compatibility End */
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-query .wp-block-post-template {
  padding-left: 0;
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-query .wp-block-post-template .wp-block-post {
  margin-bottom: 30px;
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-navigation__responsive-container-content .wp-block-page-list {
  padding-left: 0;
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group {
  margin: 15px 0;
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group p {
  margin-bottom: 0;
}

.te-blog-details-wrapper .te-post-item .te-post-content p {
  margin-bottom: 20px;
}

.te-blog-details-wrapper .te-post-item .te-post-content p img {
  margin: 20px 0;
  border-radius: 8px;
}

.te-blog-details-wrapper .te-post-item .te-blog-post-tag .te-social-share {
  padding-bottom: 20px;
}

.te-blog-details-wrapper .wp-block-calendar {
  margin-bottom: 30px;
}

.te-author-info {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin-top: 130px;
  margin-bottom: 70px;
  border-bottom: 1px solid var(--color-border);
}

.te-author-info .te-post-author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.te-author-info .te-author-thumb {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 500px;
  overflow: hidden;
}

.te-author-info .te-author-thumb img {
  border-radius: 5%;
}

.te-author-info .te-author-text h3 {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 10px;
  line-height: 28px;
}

.te-author-info .te-author-text .designation {
  font-size: 18px;
  font-style: italic;
  color: var(--theme-color2);
  text-transform: capitalize;
}

.te-author-info .te-author-text p {
  margin-top: 30px;
  margin-bottom: 0;
}

.te-author-info .te-author-social-profiles {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-author-info .te-author-social-profiles a {
  font-size: 16px;
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--theme-color);
  border-radius: 5px;
}

.te-author-info .te-author-social-profiles a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--color-white);
  color: var(--theme-color);
}

.te-author-info .te-author-post a {
  font-size: 16px;
  font-weight: 900;
  font-family: var(--font-primary);
  color: var(--theme-color2);
  border-bottom: 2px solid var(--color-border);
  margin-top: 30px;
  display: inline-block;
}

.te-author-info .te-author-post a:hover {
  color: var(--theme-color);
  border-color: var(--theme-color);
}

.skill-progressbar-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 30px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .skill-progressbar-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}

.skill-progressbar .progress-inner-item {
  position: relative;
  margin: 0;
  line-height: inherit;
}

.skill-progressbar .skill-title {
  z-index: 100;
  color: var(--color-text-soft);
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
}

.skill-progressbar .progressbar-number {
  width: 100%;
  z-index: 10;
}

.skill-progressbar .progress-number-count {
  padding: 0 8px;
  position: absolute;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.skill-progressbar .progressbar-number,
.skill-progressbar .progress-number-count {
  font-size: 18px;
  line-height: 41px;
  height: 8px;
  letter-spacing: 0px;
  font-weight: 400;
  text-transform: none;
  font-family: var(--font-primary);
  color: var(--color-text-soft);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {

  .skill-progressbar .progressbar-number,
  .skill-progressbar .progress-number-count {
    left: 90% !important;
  }
}

.skill-progressbar .progress-content-outter {
  height: 8px;
  background-color: var(--color-border);
  border-radius: 50px;
}

.skill-progressbar .progress-content {
  height: 8px;
  background-color: var(--theme-color);
  width: 0%;
  border-radius: 50px;
}

.cta-area {
  background-color: var(--theme-color);
}

.cta-area .te-column-bg-image {
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
}

.cta-area .te-column-bg-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cta-area .te-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 70px 0;
}

@media (max-width: 781px) {
  .cta-area .te-content-wrapper {
    padding: 0 30px 80px 30px;
  }
}

.cta-area .te-content-wrapper .short-title {
  font-size: 21px;
  font-weight: 900;
  color: var(--color-white);
  margin-bottom: 0;
}

.cta-area .te-content-wrapper .te-cta-title {
  font-size: 36px;
  font-weight: 900;
  line-height: initial;
}

@media (max-width: 375px) {
  .cta-area .te-content-wrapper .te-cta-title {
    font-size: 34px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .te-content-wrapper .te-cta-title {
    font-size: 32px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area .te-content-wrapper .te-cta-title {
    font-size: 28px;
  }
}

.cta-area .te-content-wrapper .text {
  font-size: 18px;
  line-height: initial;
  color: var(--color-white);
  margin-bottom: 0;
}

.cta-area .te-btn-wrapper {
  margin-top: 30px;
}

.cta-area .te-cta-inner-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area .te-cta-inner-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}

.cta-area .te-cta-inner-area .te-cta-collumn {
  width: 50%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media (max-width: 991px) {
  .cta-area .te-cta-inner-area .te-cta-collumn {
    width: 100%;
  }
}

.cta-area .te-cta-inner-area .te-cta-collumn .icon {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  background-color: var(--color-white);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cta-area .te-cta-inner-area .te-cta-collumn .icon {
    display: none;
  }
}

.price-card {
  padding: 40px;
  z-index: 2;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-color: var(--color-light);
}

@media only screen and (min-width: 0px) and (max-width: 350px) {
  .price-card {
    padding: 40px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price-card {
    padding: 40px 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .price-card {
    padding: 55px 40px;
  }
}

@media (max-width: 991px) {
  .price-card {
    padding: 40px;
  }
}

.price-card.active {
  background-color: var(--theme-color2);
}

.price-card.active .card-title .title,
.price-card.active .price .price-heading,
.price-card.active .price .price-desc,
.price-card.active .list ul li {
  color: var(--color-white);
}

.price-card.active .price-header {
  border-color: var(--color-dark-soft);
}

.price-card.active .price-header .price-header-icon {
  background-color: var(--color-dark-soft);
}

.price-card.active .price-btn {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--color-white);
}

.price-card .price-btn {
  display: block;
  border-radius: 5px;
  border: 1px solid var(--theme-color);
  font-size: 16px;
  font-weight: 700;
  padding: 15px 10px;
  margin-top: 36px;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
  color: var(--theme-color2);
}

.price-card .price-btn i {
  margin-left: 10px;
}

.price-card .price-btn:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.price-card .price-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 30px;
  margin-bottom: 40px;
}

.basari-card {
  height: 600px;
  margin-top: 20px;
}

.price-card {
  height: 100%;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fa-check-circle:before,
.fa-circle-check:before {
  color: var(--theme-color);
}

.price-card .price-header .price-header-icon {
  width: 80px;
  height: 80px;
  color: brown;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  background-color: var(--color-border);
  font-size: 40px;
}

.price-card .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 17px;
}

.price-card .card-title .sub-title {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  color: var(--color-text-soft);
}

.price-card .card-title .title {
  font-weight: 900;
  font-size: 30px;
  line-height: 30px;
  color: var(--theme-color2);
  font-family: var(--font-primary);
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.price-card .card-title .title span {
  font-size: 12px;
  color: var(--theme-color2);
  background-color: var(--theme-color);
  font-family: var(--font-primary);
  border-radius: 3px;
  padding: 0 7px;
  display: inline-block;
  line-height: 18px;
}

.price-card .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  position: relative;
  z-index: 2;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.price-card .price .price-heading {
  font-family: var(--font-primary);
  font-size: 50px;
  font-weight: 900;
  line-height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  margin-bottom: 0;
  color: var(--theme-color2);
}

.price-card .price .price-heading .currency {
  text-align: start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.price-card .price .price-desc {
  color: var(--color-text-soft);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
}

.price-card .list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.price-card .list {
  margin-top: 0;
}

.price-card .list ul {
  padding-left: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
}

.price-card .list ul li {
  list-style: none;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  color: var(--theme-color2);
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  line-height: 20px;
}

.te-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin-bottom: 60px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-section-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-section-title {
    margin-bottom: 50px;
  }
}

.te-section-title.left-align-title .te-section-content {
  margin-top: -15px;
}

.te-section-title .te-section-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 2;
  position: relative;
  margin-bottom: -16px;
  margin-top: -10px;
}

.te-section-title .short-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  color: var(--theme-color);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  text-transform: uppercase;
}

.te-section-title .short-title::before,
.te-section-title .short-title::after {
  content: "\2632";
  width: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.te-section-title .short-title.only-divider {
  gap: 10px;
}

.te-section-title .short-title.only-divider::before {
  display: none;
}

.te-section-title .title {
  font-size: 50px;
  line-height: 55px;
  font-weight: 900;
  font-family: var(--font-primary);
  color: var(--theme-color2);
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .te-section-title .title {
    font-size: 48px;
    line-height: 62px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .te-section-title .title {
    font-size: 47px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-section-title .title {
    font-size: 38px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-section-title .title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 439px) {
  .te-section-title .title br {
    display: none;
  }
}

.te-section-title .title span {
  color: var(--theme-color);
}

.te-section-title .te-section-desc {
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
  color: var(--theme-color2);
  margin-bottom: 0;
}

.page-breadcrumb-area {
  padding-top: 180px;
  padding-bottom: 180px;
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .page-breadcrumb-area {
    padding: 100px 0;
  }
}

@media (max-width: 767px) {
  .page-breadcrumb-area {
    padding: 80px 0;
  }
}

.page-breadcrumb-area .page-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.page-breadcrumb-area .page-bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.page-breadcrumb-area .page-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.page-heading h3,
.page-heading .page-title {
  font-family: var(--font-primary);
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: -1.92px;
  color: var(--color-white);
}

@media (max-width: 375px) {

  .page-heading h3,
  .page-heading .page-title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {

  .page-heading h3,
  .page-heading .page-title {
    font-size: 42px;
    line-height: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .page-heading h3,
  .page-heading .page-title {
    font-size: 60px;
    line-height: 72px;
  }
}

.breadcrumb-list {
  font-family: var(--font-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.8px;
  text-transform: capitalize;
  margin-bottom: 0;
}

.breadcrumb-list span {
  color: var(--color-white);
}

.breadcrumb-list span.current-item {
  color: var(--theme-color);
}

.breadcrumb-list ul {
  margin-bottom: 0;
  padding-left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0 12px;
}

@media (max-width: 375px) {
  .breadcrumb-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.breadcrumb-list ul li {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-white);
}

.breadcrumb-list ul li.active {
  color: var(--theme-color);
}

.breadcrumb-list ul li.active a {
  color: var(--theme-color);
}

.breadcrumb-list ul li a {
  font-family: var(--font-primary);
  font-size: 16px;
  text-align: center;
  color: var(--color-white);
  text-transform: capitalize;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.breadcrumb-list ul li a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: var(--theme-color);
}

.breadcrumb-list ul li:before {
  content: "\f054";
  font-size: 12px;
  color: var(--color-white);
  font-family: "Font Awesome 6 Pro";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.breadcrumb-list ul li:first-child:before {
  display: none;
}

@media (max-width: 375px) {
  .breadcrumb-list ul li:first-child:before {
    display: block !important;
  }
}

.wp-block-query-pagination,
.navigation.posts-navigation,
.comment-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers,
.navigation.posts-navigation .wp-block-query-pagination-numbers,
.comment-navigation .wp-block-query-pagination-numbers {
  width: inherit;
}

.wp-block-query-pagination .nav-links,
.navigation.posts-navigation .nav-links,
.comment-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .nav-next a,
.wp-block-query-pagination .nav-previous a,
.navigation.posts-navigation .wp-block-query-pagination-previous,
.navigation.posts-navigation .wp-block-query-pagination-next,
.navigation.posts-navigation .nav-next a,
.navigation.posts-navigation .nav-previous a,
.comment-navigation .wp-block-query-pagination-previous,
.comment-navigation .wp-block-query-pagination-next,
.comment-navigation .nav-next a,
.comment-navigation .nav-previous a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--theme-color2);
  background-color: var(--color-white);
  border-radius: 5px;
  height: 53px;
  padding: 0 20px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size: 24px;
  font-weight: 900;
  border: 1px solid var(--color-border);
  text-transform: capitalize;
}

@media (max-width: 767px) {

  .wp-block-query-pagination .wp-block-query-pagination-previous,
  .wp-block-query-pagination .wp-block-query-pagination-next,
  .wp-block-query-pagination .nav-next a,
  .wp-block-query-pagination .nav-previous a,
  .navigation.posts-navigation .wp-block-query-pagination-previous,
  .navigation.posts-navigation .wp-block-query-pagination-next,
  .navigation.posts-navigation .nav-next a,
  .navigation.posts-navigation .nav-previous a,
  .comment-navigation .wp-block-query-pagination-previous,
  .comment-navigation .wp-block-query-pagination-next,
  .comment-navigation .nav-next a,
  .comment-navigation .nav-previous a {
    height: 60px;
  }
}

.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination .nav-next a:hover,
.wp-block-query-pagination .nav-previous a:hover,
.navigation.posts-navigation .wp-block-query-pagination-previous:hover,
.navigation.posts-navigation .wp-block-query-pagination-next:hover,
.navigation.posts-navigation .nav-next a:hover,
.navigation.posts-navigation .nav-previous a:hover,
.comment-navigation .wp-block-query-pagination-previous:hover,
.comment-navigation .wp-block-query-pagination-next:hover,
.comment-navigation .nav-next a:hover,
.comment-navigation .nav-previous a:hover {
  background: var(--theme-color) !important;
  color: var(--color-white);
  border-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-basic-pagination,
.page-links,
.wp-block-query-pagination-numbers {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.te-basic-pagination ul,
.page-links ul,
.wp-block-query-pagination-numbers ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-basic-pagination ul li,
.page-links ul li,
.wp-block-query-pagination-numbers ul li {
  padding-top: 0;
}

.te-basic-pagination ul .prev span,
.te-basic-pagination ul .next span,
.page-links ul .prev span,
.page-links ul .next span,
.wp-block-query-pagination-numbers ul .prev span,
.wp-block-query-pagination-numbers ul .next span {
  display: none;
}

.te-basic-pagination .post-page-numbers,
.page-links .post-page-numbers,
.wp-block-query-pagination-numbers .post-page-numbers {
  background-color: rgba(71, 112, 247, 0.1) !important;
}

.te-basic-pagination .page-numbers,
.te-basic-pagination .post-page-numbers,
.page-links .page-numbers,
.page-links .post-page-numbers,
.wp-block-query-pagination-numbers .page-numbers,
.wp-block-query-pagination-numbers .post-page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--theme-color2);
  background-color: var(--color-white);
  border-radius: 50%;
  height: 60px;
  width: 60px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size: 20px;
  font-weight: 900;
  border: 1px solid var(--color-border);
  text-transform: capitalize;
}

@media (max-width: 767px) {

  .te-basic-pagination .page-numbers,
  .te-basic-pagination .post-page-numbers,
  .page-links .page-numbers,
  .page-links .post-page-numbers,
  .wp-block-query-pagination-numbers .page-numbers,
  .wp-block-query-pagination-numbers .post-page-numbers {
    width: 60px;
    height: 60px;
    font-size: 16px;
  }
}

.te-basic-pagination .page-numbers:hover,
.te-basic-pagination .post-page-numbers:hover,
.page-links .page-numbers:hover,
.page-links .post-page-numbers:hover,
.wp-block-query-pagination-numbers .page-numbers:hover,
.wp-block-query-pagination-numbers .post-page-numbers:hover {
  background: var(--theme-color) !important;
  color: var(--color-white);
  border-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-basic-pagination .page-numbers.current,
.te-basic-pagination .post-page-numbers.current,
.page-links .page-numbers.current,
.page-links .post-page-numbers.current,
.wp-block-query-pagination-numbers .page-numbers.current,
.wp-block-query-pagination-numbers .post-page-numbers.current {
  background: var(--theme-color) !important;
  color: var(--color-white);
  border-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-blog-post-nav {
  margin: 60px 0;
  background: var(--color-white);
  padding: 23px 30px;
  padding-bottom: 22px;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .te-blog-post-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    margin: 30px 0;
  }
}

@media (max-width: 767px) {
  .te-blog-post-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    margin: 30px 0;
  }
}

.te-blog-post-nav .te-post-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 50%;
}

@media (max-width: 374px) {
  .te-blog-post-nav .te-post-navigation {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .te-blog-post-nav .te-post-navigation {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .te-blog-post-nav .te-post-navigation {
    width: 100%;
  }
}

.te-blog-post-nav .te-post-navigation::after {
  content: "";
  background-color: var(--color-border);
  width: 1px;
  height: 100%;
  margin-right: -15px;
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .te-blog-post-nav .te-post-navigation::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .te-blog-post-nav .te-post-navigation::after {
    display: none;
  }
}

.te-blog-post-nav .te-post-navigation:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.te-blog-post-nav .te-post-navigation:last-child .text {
  text-align: right;
}

@media (max-width: 374px) {
  .te-blog-post-nav .te-post-navigation:last-child .text {
    text-align: left;
  }
}

.te-blog-post-nav .te-post-navigation:last-child::after {
  display: none;
}

.te-blog-post-nav .te-post-navigation .te-post-img {
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--theme-color);
  font-size: 28px;
  color: var(--color-white);
}

@media (max-width: 374px) {
  .te-blog-post-nav .te-post-navigation .te-post-img {
    width: 100% !important;
    height: 150px !important;
  }
}

.te-blog-post-nav .te-post-navigation .te-post-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  top: 0;
}

.te-blog-post-nav .te-post-navigation .text {
  width: 100%;
}

.te-blog-post-nav .te-post-navigation .text span {
  font-size: 18px;
  font-family: var(--font-primary);
  text-transform: capitalize;
  font-weight: 400;
  display: block;
  color: var(--color-text-soft);
}

.te-blog-post-nav .te-post-navigation .text h4 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 900;
  margin: 0;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.te-blog-post-nav .te-post-navigation .theme-navigation {
  width: 100%;
}

.project-page-wrapper {
  padding-top: 120px;
  padding-bottom: 80px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .project-page-wrapper {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-page-wrapper {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}

.project-details-page {
  padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .project-details-page {
    padding: 80px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-details-page {
    padding: 100px 0;
  }
}

.project-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.project-details .image {
  border-radius: 5px;
  overflow: hidden;
}

.project-details .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 46px;
  padding-right: 73px;
}

@media (max-width: 1199px) {
  .project-details .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-right: 0;
  }
}

.project-details .content .text .title {
  font-size: 50px;
  font-weight: 900;
  line-height: 50px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .project-details .content .text .title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-details .content .text .title {
    font-size: 34px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-details .content .text .title {
    font-size: 42px;
    line-height: 52px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project-details .content .text .title {
    font-size: 44px;
    line-height: 58px;
  }
}

.project-info-wrapper {
  background-color: var(--theme-color2);
  border-radius: 5px;
  padding: 50px 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 30px;
  margin-top: -120px;
}

@media (max-width: 1199px) {
  .project-info-wrapper {
    width: 100%;
    margin-top: 40px;
  }
}

.project-info-wrapper .title {
  font-size: 26px;
  font-weight: 900;
  line-height: 26px;
  color: var(--color-white);
  margin-bottom: 30px;
}

.project-info-wrapper .project-info {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px 0;
}

@media (max-width: 575px) {
  .project-info-wrapper .project-info {
    grid-template-columns: repeat(1, 1fr);
  }
}

.project-info-wrapper .project-info .te-single-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
}

.project-info-wrapper .project-info .te-single-meta .client-reviews {
  color: var(--color-primary-light);
  font-size: 16px;
}

.project-info-wrapper .project-info .meta-title {
  font-size: 20px;
  font-weight: 700;
  line-height: initial;
  color: var(--color-white);
}

.project-info-wrapper .project-info .meta-text {
  font-size: 18px;
  font-weight: 400;
  line-height: initial;
  color: var(--color-white);
}

.project-details-image {
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden;
}

.project-details-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}

.project-details-overview .list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

@media (max-width: 1199px) {
  .project-details-overview .list-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}

.project-details-overview .list-wrapper .image {
  width: 410px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 5px;
  overflow: hidden;
}

.project-details-overview .list-wrapper .image img {
  border-radius: 5px;
}

.project-details-overview .list-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  gap: 20px;
}

.project-details-overview .list-wrapper ul::after {
  width: 2px;
  height: calc(100% - 20px);
  background-color: var(--color-border);
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.project-details-overview .list-wrapper ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.project-details-overview .list-wrapper ul li::before {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: var(--theme-color);
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 2;
}

.project-details-overview .list-wrapper .user-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 40px 30px 40px 40px;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  margin-top: 50px;
}

@media (max-width: 575px) {
  .project-details-overview .list-wrapper .user-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.project-details-overview .list-wrapper .user-card .image {
  width: 90px;
  height: 90px;
  border-radius: 100px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.project-details-overview .list-wrapper .user-card .content .title {
  font-size: 20px;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: 0.5px;
}

.project-details-overview .list-wrapper .user-card .content .text {
  margin-bottom: 0;
}

.te-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
}

.te-list-item .icon {
  width: 16px;
  height: 16px;
  border-radius: 50px;
  color: var(--color-white);
  background: var(--theme-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 10px;
}

.te-list-item .text {
  font-size: 20px;
  line-height: 40px;
  font-weight: 700;
  color: var(--theme-color2);
  margin: 0;
}

.service-sidebar .widget {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.service-sidebar .widget ul li:last-child {
  border: 0;
}

.service-sidebar .widget ul li a {
  text-align: left;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  padding: 15px 30px;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  color: var(--theme-color2);
}

.service-sidebar .widget ul li a:before {
  content: "\f061";
  float: right;
  margin-right: 0;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--color-light);
  border-radius: 50px;
  color: var(--theme-color);
  font-size: 14px;
  font-family: "Font Awesome 6 Pro";
}

.service-sidebar .widget ul li a:hover {
  border-color: var(--theme-color);
}

.service-sidebar .widget ul li a:hover:before {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.service-sidebar .widget .pdf-download-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  padding: 9px 20px;
  margin-bottom: 20px;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.service-sidebar .widget .pdf-download-btn .icon {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 40px;
  color: var(--theme-color2);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.service-sidebar .widget .pdf-download-btn .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.service-sidebar .widget .pdf-download-btn .content .title {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: initial;
  color: var(--theme-color2);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.service-sidebar .widget .pdf-download-btn .content .sub-title {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: initial;
  color: var(--color-text-soft);
}

.service-sidebar .widget .pdf-download-btn .download-icon {
  margin-left: auto;
  font-size: 24px;
}

.service-sidebar .widget .pdf-download-btn:hover {
  border-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.service-sidebar .widget .pdf-download-btn:hover .icon,
.service-sidebar .widget .pdf-download-btn:hover .content .title {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.sidebar {
  padding-left: 13px;
}

@media (max-width: 991px) {
  .sidebar {
    padding-left: 0;
    padding-top: 40px;
  }
}

.page-sidebar {
  margin-bottom: 50px;
  padding-left: 18px;
}

/* Widget */
.widget,
.sidebar__widget {
  margin-bottom: 40px;
  padding: 30px;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  /* Widget Instagram Feed */
  /* Widget Title */
  /* Social Widget Block */
  /* Recent Comment List Block Widget & Latest Post Widget Block */
  /* Social Widget */
  /* Select Option  */
  /* Login Widget */
  /* Search Widget */
  /* Tagcloud Widget */
  /* Default Widget */
}

.widget:last-child,
.sidebar__widget:last-child {
  margin-bottom: 40px;
}

.widget ol,
.widget ul,
.sidebar__widget ol,
.sidebar__widget ul {
  margin-bottom: 0;
}

.widget .widget-instagram-feed,
.sidebar__widget .widget-instagram-feed {
  width: 315px;
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {

  .widget .widget-instagram-feed,
  .sidebar__widget .widget-instagram-feed {
    width: 220px;
  }
}

@media (max-width: 374px) {

  .widget .widget-instagram-feed,
  .sidebar__widget .widget-instagram-feed {
    width: 200px;
  }
}

.widget .widget-instagram-feed .single-instagram-feed,
.sidebar__widget .widget-instagram-feed .single-instagram-feed {
  width: 96px;
  height: 96px;
}

.widget .wp-block-heading,
.widget .widget-title,
.widget .wp-block-search__label,
.sidebar__widget .wp-block-heading,
.sidebar__widget .widget-title,
.sidebar__widget .wp-block-search__label {
  font-size: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  line-height: 26px;
  font-weight: 900;
  margin-bottom: 30px;
  color: var(--theme-color2);
  position: relative;
}

.widget .wp-block-heading::after,
.widget .widget-title::after,
.widget .wp-block-search__label::after,
.sidebar__widget .wp-block-heading::after,
.sidebar__widget .widget-title::after,
.sidebar__widget .wp-block-search__label::after {
  width: 43px;
  height: 2px;
  background-color: var(--theme-color);
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.widget .wp-block-social-links .wp-social-link,
.sidebar__widget .wp-block-social-links .wp-social-link {
  padding: 0;
  margin: 0;
  line-height: 0;
}

.widget .wp-block-social-links .wp-social-link a,
.sidebar__widget .wp-block-social-links .wp-social-link a {
  width: 44px;
  height: 44px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta,
.widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta,
.sidebar__widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta,
.sidebar__widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta {
  font-weight: 900;
}

.widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author,
.widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link,
.widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author,
.widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link,
.sidebar__widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author,
.sidebar__widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link,
.sidebar__widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author,
.sidebar__widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link {
  font-weight: 900;
}

.widget .wp-block-te-latest-comments li.wp-block-te-latest-comments__comment,
.widget .wp-block-latest-posts li.wp-block-te-latest-comments__comment,
.sidebar__widget .wp-block-te-latest-comments li.wp-block-te-latest-comments__comment,
.sidebar__widget .wp-block-latest-posts li.wp-block-te-latest-comments__comment {
  margin-bottom: 0;
}

.widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta,
.widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title,
.widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta,
.widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title,
.sidebar__widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta,
.sidebar__widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title {
  line-height: 28px;
  font-weight: 400;
}

.widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date,
.widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date,
.widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date,
.widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date,
.sidebar__widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date,
.sidebar__widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date {
  font-size: 14px !important;
  margin-bottom: 10px;
  position: relative;
}

.widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before,
.widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before,
.widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before,
.widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before,
.sidebar__widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before,
.sidebar__widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before {
  content: "\f274";
  font-family: "Font Awesome 6 Pro";
  padding-right: 8px;
}

.widget .wp-block-te-latest-comments li a,
.widget .wp-block-latest-posts li a,
.sidebar__widget .wp-block-te-latest-comments li a,
.sidebar__widget .wp-block-latest-posts li a {
  color: var(--color-text-soft);
}

.widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-author,
.widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-link,
.widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-author,
.widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-link,
.sidebar__widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-author,
.sidebar__widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-link,
.sidebar__widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-author,
.sidebar__widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-link {
  display: inline !important;
  text-transform: capitalize;
  line-height: 28px;
  font-weight: 400;
}

.widget .wp-block-te-latest-comments li a:hover,
.widget .wp-block-latest-posts li a:hover,
.sidebar__widget .wp-block-te-latest-comments li a:hover,
.sidebar__widget .wp-block-latest-posts li a:hover {
  color: var(--theme-color);
}

.widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-excerpt p,
.widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-excerpt p,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-excerpt p,
.sidebar__widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-excerpt p {
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}

.widget .te-social-profile,
.sidebar__widget .te-social-profile {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.widget .te-social-profile a,
.sidebar__widget .te-social-profile a {
  width: 40px;
  height: 40px;
  background-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border-radius: 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
}

@media (max-width: 1199px) {

  .widget .te-social-profile a,
  .sidebar__widget .te-social-profile a {
    width: 40px;
    height: 40px;
  }
}

.widget .te-social-profile a.facebook,
.sidebar__widget .te-social-profile a.facebook {
  background-color: #1877f2;
}

.widget .te-social-profile a.twitter,
.sidebar__widget .te-social-profile a.twitter {
  background-color: #1da1f2;
}

.widget .te-social-profile a.linkedin,
.sidebar__widget .te-social-profile a.linkedin {
  background-color: #0a66c2;
}

.widget .te-social-profile a.instagram,
.sidebar__widget .te-social-profile a.instagram {
  background-color: #405de6;
}

.widget .te-social-profile a:hover,
.sidebar__widget .te-social-profile a:hover {
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--theme-color);
}

.widget select,
.sidebar__widget select {
  max-width: 100%;
  height: 50px;
  width: 100%;
  border: 1px solid transparent;
  padding: 0 10px;
  border-radius: 5px;
  color: var(--color-text-soft);
  margin-bottom: 0;
}

.widget .has-login-form .login-username label,
.widget .has-login-form .login-password label,
.sidebar__widget .has-login-form .login-username label,
.sidebar__widget .has-login-form .login-password label {
  margin-bottom: 10px;
}

.widget .has-login-form .login-username input,
.widget .has-login-form .login-password input,
.sidebar__widget .has-login-form .login-username input,
.sidebar__widget .has-login-form .login-password input {
  max-width: 100%;
  height: 50px;
  width: 100%;
  border: 1px solid var(--color-dark-soft);
  padding: 0 10px;
  border-radius: 5px;
  color: var(--color-text-soft);
}

.widget .has-login-form .login-remember label,
.sidebar__widget .has-login-form .login-remember label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.widget .has-login-form .login-submit,
.sidebar__widget .has-login-form .login-submit {
  margin-bottom: 0;
}

.widget .has-login-form .login-submit input.button-primary,
.sidebar__widget .has-login-form .login-submit input.button-primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--theme-color);
  color: var(--color-white);
  padding: 12px 32px;
  text-align: center;
  font-weight: 900;
  font-family: var(--font-primary);
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
}

.widget .search-form,
.sidebar__widget .search-form {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.widget .search-form button,
.sidebar__widget .search-form button {
  width: 62px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.widget.widget_search .sidebar__search,
.sidebar__widget.widget_search .sidebar__search {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.widget.widget_search .sidebar__search button,
.sidebar__widget.widget_search .sidebar__search button {
  width: 62px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.widget .wp-block-search__no-button.wp-block-search input,
.sidebar__widget .wp-block-search__no-button.wp-block-search input {
  border-radius: 10px;
}

.widget .wp-block-search,
.sidebar__widget .wp-block-search {
  margin-bottom: -2px;
}

.widget .wp-block-search,
.widget .search-form,
.widget .sidebar__search,
.sidebar__widget .wp-block-search,
.sidebar__widget .search-form,
.sidebar__widget .sidebar__search {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.widget .wp-block-search .wp-block-search__inside-wrapper,
.widget .search-form .wp-block-search__inside-wrapper,
.widget .sidebar__search .wp-block-search__inside-wrapper,
.sidebar__widget .wp-block-search .wp-block-search__inside-wrapper,
.sidebar__widget .search-form .wp-block-search__inside-wrapper,
.sidebar__widget .sidebar__search .wp-block-search__inside-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 !important;
}

.widget .wp-block-search label,
.widget .search-form label,
.widget .sidebar__search label,
.sidebar__widget .wp-block-search label,
.sidebar__widget .search-form label,
.sidebar__widget .sidebar__search label {
  font-size: 24px;
  display: block;
  line-height: 28px;
  font-weight: 900;
  margin-bottom: 30px;
  color: var(--theme-color2);
  font-family: var(--font-primary);
}

.widget .wp-block-search input,
.widget .search-form input,
.widget .sidebar__search input,
.sidebar__widget .wp-block-search input,
.sidebar__widget .search-form input,
.sidebar__widget .sidebar__search input {
  background-color: var(--color-white);
  border: 1px solid var(--color-border) !important;
  padding: 0 25px;
  height: 60px;
  width: 100%;
  color: var(--color-text-soft);
  font-size: 15px;
  border-radius: 6px 0 0 6px;
}

.widget .wp-block-search button,
.widget .search-form button,
.widget .sidebar__search button,
.sidebar__widget .wp-block-search button,
.sidebar__widget .search-form button,
.sidebar__widget .sidebar__search button {
  color: var(--color-white);
  padding: 0 20px;
  position: relative;
  right: 0;
  background-color: var(--theme-color);
  top: 0;
  height: auto;
  border-radius: 0 6px 6px 0;
  line-height: 0;
  border: 0;
  margin-left: 0 !important;
}

.widget .tagcloud,
.widget .wp-block-tag-cloud,
.sidebar__widget .tagcloud,
.sidebar__widget .wp-block-tag-cloud {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.widget .tagcloud a,
.widget .wp-block-tag-cloud a,
.sidebar__widget .tagcloud a,
.sidebar__widget .wp-block-tag-cloud a {
  color: var(--color-text-soft);
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  padding: 10px 20px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border: 1px solid var(--color-border);
}

.widget .tagcloud a:hover,
.widget .wp-block-tag-cloud a:hover,
.sidebar__widget .tagcloud a:hover,
.sidebar__widget .wp-block-tag-cloud a:hover {
  color: var(--color-white);
  background: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.widget ul,
.widget ol,
.sidebar__widget ul,
.sidebar__widget ol {
  margin-bottom: 0;
  padding-left: 0;
  /* Tag Cloud Widget */
}

.widget ul li,
.widget ol li,
.sidebar__widget ul li,
.sidebar__widget ol li {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 0;
  /* Recent Comment Widget */
}

.widget ul li:last-child,
.widget ol li:last-child,
.sidebar__widget ul li:last-child,
.sidebar__widget ol li:last-child {
  margin-bottom: 0;
}

.widget ul li.recentcomments .comment-author-link a:before,
.widget ol li.recentcomments .comment-author-link a:before,
.sidebar__widget ul li.recentcomments .comment-author-link a:before,
.sidebar__widget ol li.recentcomments .comment-author-link a:before {
  display: block;
}

.widget ul li.recentcomments a,
.widget ol li.recentcomments a,
.sidebar__widget ul li.recentcomments a,
.sidebar__widget ol li.recentcomments a {
  padding-left: 0;
  display: inline;
}

.widget ul li.recentcomments a:before,
.widget ol li.recentcomments a:before,
.sidebar__widget ul li.recentcomments a:before,
.sidebar__widget ol li.recentcomments a:before {
  display: none;
}

.widget ul li a,
.widget ol li a,
.sidebar__widget ul li a,
.sidebar__widget ol li a {
  color: var(--color-text-soft);
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  font-size: 18px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  /* RSS Widget */
}

.widget ul li a:hover,
.widget ol li a:hover,
.sidebar__widget ul li a:hover,
.sidebar__widget ol li a:hover {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.widget ul li a.rsswidget,
.widget ol li a.rsswidget,
.sidebar__widget ul li a.rsswidget,
.sidebar__widget ol li a.rsswidget {
  padding-left: 0;
  font-weight: 900;
  display: block;
}

.widget ul li a.rsswidget:before,
.widget ol li a.rsswidget:before,
.sidebar__widget ul li a.rsswidget:before,
.sidebar__widget ol li a.rsswidget:before {
  display: none;
}

.widget ul li ul,
.widget ol li ul,
.sidebar__widget ul li ul,
.sidebar__widget ol li ul {
  padding-left: 25px;
  padding-top: 10px;
}

.widget ul.wp-tag-cloud li,
.widget ol.wp-tag-cloud li,
.sidebar__widget ul.wp-tag-cloud li,
.sidebar__widget ol.wp-tag-cloud li {
  display: inline-block;
  padding: 0;
  border: 0;
}

.widget ul.wp-tag-cloud li a:before,
.widget ol.wp-tag-cloud li a:before,
.sidebar__widget ul.wp-tag-cloud li a:before,
.sidebar__widget ol.wp-tag-cloud li a:before {
  display: none;
}

.widget.te_widget_categories ul li,
.widget.widget_archive ul li,
.sidebar__widget.te_widget_categories ul li,
.sidebar__widget.widget_archive ul li {
  text-align: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.widget.te_widget_categories ul li.cat-item,
.widget.widget_archive ul li.cat-item,
.sidebar__widget.te_widget_categories ul li.cat-item,
.sidebar__widget.widget_archive ul li.cat-item {
  text-align: right;
  display: inline-block;
  width: 100%;
}

.widget.te_widget_categories ul li a,
.widget.widget_archive ul li a,
.sidebar__widget.te_widget_categories ul li a,
.sidebar__widget.widget_archive ul li a {
  float: left;
}

/* About Info Widget*/
.widget-about-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.widget-about-info .about-desc {
  text-align: left;
}

.widget-about-info .about-desc .about-title {
  font-size: 20px;
}

.widget-about-info .about-image {
  width: 140px;
  height: 140px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.widget-about-info .te-social-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding-top: 30px;
  border-top: 1px solid var(--color-border);
  width: 100%;
  margin-top: 10px;
}

.widget-about-info .te-social-profile a {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 44px;
  height: 44px;
  background-color: var(--color-light);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--theme-color2);
  transition: all 0.5s ease-out;
}

.widget-about-info .te-social-profile a:hover {
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--theme-color);
}

/* Latest Post Widget*/
.has-dates.has-author.wp-block-latest-posts .wp-block-latest-posts__te-post-title {
  display: inline-block;
  width: 100%;
  font-weight: 900;
}

.widget_rss .wp-block-heading:before,
.widget_rss .widget-title:before {
  display: none;
}

.widget_rss .rss-widget-icon {
  margin-right: 6px;
}

.widget_rss ul li a.rsswidget {
  color: var(--theme-color2);
}

.widget_rss ul li a.rsswidget:hover {
  color: var(--theme-color);
}

.wp-block-latest-posts .wp-block-rss__item-title,
.wp-block-rss .wp-block-rss__item-title,
.widget_rss .wp-block-rss__item-title {
  display: inline-block;
  width: 100%;
  font-weight: 900;
}

.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-rss__item-publish-date,
.wp-block-rss .wp-block-latest-posts__post-author,
.wp-block-rss .wp-block-rss__item-publish-date,
.widget_rss .wp-block-latest-posts__post-author,
.widget_rss .wp-block-rss__item-publish-date {
  margin-right: 10px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-latest-posts__te-post-date,
.wp-block-latest-posts .wp-block-rss__item-publish-date,
.wp-block-latest-posts .wp-block-rss__item-author,
.wp-block-latest-posts .rss-date,
.wp-block-rss .wp-block-latest-posts__post-author,
.wp-block-rss .wp-block-latest-posts__te-post-date,
.wp-block-rss .wp-block-rss__item-publish-date,
.wp-block-rss .wp-block-rss__item-author,
.wp-block-rss .rss-date,
.widget_rss .wp-block-latest-posts__post-author,
.widget_rss .wp-block-latest-posts__te-post-date,
.widget_rss .wp-block-rss__item-publish-date,
.widget_rss .wp-block-rss__item-author,
.widget_rss .rss-date {
  display: inline-block;
  font-size: 14px !important;
  font-weight: 900;
  text-transform: capitalize;
  position: relative;
}

.wp-block-latest-posts .wp-block-latest-posts__te-post-date:before,
.wp-block-latest-posts .wp-block-rss__item-publish-date:before,
.wp-block-latest-posts .rss-date:before,
.wp-block-rss .wp-block-latest-posts__te-post-date:before,
.wp-block-rss .wp-block-rss__item-publish-date:before,
.wp-block-rss .rss-date:before,
.widget_rss .wp-block-latest-posts__te-post-date:before,
.widget_rss .wp-block-rss__item-publish-date:before,
.widget_rss .rss-date:before {
  content: "\f274";
  font-family: "Font Awesome 6 Pro";
  padding-right: 8px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-author:before,
.wp-block-latest-posts .wp-block-rss__item-author:before,
.wp-block-rss .wp-block-latest-posts__post-author:before,
.wp-block-rss .wp-block-rss__item-author:before,
.widget_rss .wp-block-latest-posts__post-author:before,
.widget_rss .wp-block-rss__item-author:before {
  content: "\f007";
  font-family: "Font Awesome 6 Pro";
  padding-right: 8px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-rss__item-excerpt,
.wp-block-latest-posts .rssSummary,
.wp-block-rss .wp-block-latest-posts__post-excerpt,
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .rssSummary,
.widget_rss .wp-block-latest-posts__post-excerpt,
.widget_rss .wp-block-rss__item-excerpt,
.widget_rss .rssSummary {
  margin-top: 10px;
  margin-bottom: 0;
}

.te_widget_latest_post ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--color-border);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  padding-bottom: 24px;
}

.te_widget_latest_post ul li:hover .te-latest-post-thumb img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te_widget_latest_post ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.te_widget_latest_post ul li a {
  padding-left: 0;
}

.te_widget_latest_post ul li a:before {
  display: none;
}

.te_widget_latest_post ul li .te-latest-post-thumb {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 75px;
  height: 75px;
  border-radius: 5px;
}

.te_widget_latest_post ul li .te-latest-post-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: initial;
  color: var(--theme-color2);
  font-family: var(--font-primary);
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a {
  font-size: 20px;
  line-height: initial;
  color: var(--theme-color2);
  position: relative;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-family: var(--font-primary);
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a:hover {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: initial;
  font-weight: 400;
  gap: 8px;
  color: var(--color-text-soft);
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta i {
  color: var(--theme-color);
  margin-top: -4px;
}

.widget-instagram-feed {
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
  width: 240px;
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
  .widget-instagram-feed {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 374px) {
  .widget-instagram-feed {
    grid-template-columns: repeat(2, 1fr);
  }
}

.widget-instagram-feed .single-instagram-feed {
  border-radius: 5px;
  width: 72px;
  height: 72px;
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.widget-instagram-feed .single-instagram-feed:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.widget-instagram-feed .single-instagram-feed img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.widget_promotion {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  background-color: var(--theme-color2);
}

.widget_promotion .wp-block-heading {
  width: 100%;
  text-align: center;
  color: var(--color-white);
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 10px;
}

.widget_promotion .secondary-btn {
  display: inline-block;
  background: var(--theme-color);
  color: var(--theme-color2);
  padding: 12px 104px;
  font-weight: 600;
  font-family: var(--font-primary);
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
}

.widget_promotion .secondary-btn i {
  color: var(--color-white);
  font-size: 16px;
}

.widget_promotion .secondary-btn:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--color-white);
  border-color: var(--color-white);
}

.widget_promotion p {
  color: rgba(255, 255, 255, 0.53);
  margin-bottom: 32px;
}

.te-post-item .te-single-post-meta {
  gap: 32px;
}

.te-comment-respond {
  margin-top: 70px;
}

.te-comment-title h2,
.te-comment-title .wp-block-comments-title,
.wp-block-comments h2,
.wp-block-comments .wp-block-comments-title {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 30px;
}

/* Block Comment Start */
.wp-block-comments .wp-block-comment-template {
  padding-left: 0;
}

.wp-block-comments .wp-block-comment-template .wp-block-te-comment-reply {
  margin-top: 15px;
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns {
  padding: 50px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  margin-bottom: 24px;
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-column:first-child {
  -ms-flex-preferred-size: 80px !important;
  flex-basis: 80px !important;
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar {
  width: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar img {
  width: 100%;
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-author-name a {
  font-size: 21px;
  margin-bottom: 5px;
  font-weight: 900;
  font-family: var(--font-primary);
  color: var(--theme-color2);
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a {
  color: var(--theme-color);
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-date a,
.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a {
  color: #9ba8c3;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-primary);
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-te-comment-reply a {
  border-radius: 6px;
  font-size: 14px;
  font-weight: 900;
  color: var(--theme-color2);
  border: 1px solid var(--theme-color);
  padding: 4px 26px;
  display: inline-block;
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-te-comment-reply a:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

/* Block Comment End */
.te-latest-comments .te-comment-respond,
.te-latest-comments .comment-respond {
  margin-top: 60px;
  margin-bottom: 40px;
}

.te-latest-comments li .children .te-comments-item {
  margin-left: 50px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-latest-comments li .children .te-comments-item {
    margin-left: 0;
  }
}

.te-latest-comments li .children .children .te-comments-item {
  margin-left: 100px;
  border-top: 1px solid var(--color-border);
}

.te-latest-comments li .te-comments-item {
  padding: 30px 0;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .te-latest-comments li .te-comments-item {
    padding: 30px;
  }
}

.te-latest-comments li .te-comments-item .te-comments-avatar {
  float: left;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-latest-comments li .te-comments-item .te-comments-avatar {
    float: inherit;
    margin-bottom: 20px;
  }
}

.te-latest-comments li .te-comments-item .te-comments-avatar img {
  margin-right: 30px;
  width: 95px;
  border-radius: 50px;
}

.te-latest-comments li .te-comments-item .te-comments-text {
  overflow: hidden;
}

.te-latest-comments li .te-comments-item .te-comments-text p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
  color: var(--color-text-soft);
}

.te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name {
  margin-bottom: 10px;
  position: relative;
}

.te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name h5 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 700;
  font-family: var(--font-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name span {
  color: var(--color-text-soft);
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name span {
    display: inline-block;
    width: 100%;
  }
}

.te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: initial;
  color: var(--theme-color2);
  border: 1px solid var(--theme-color);
  padding: 14px 30px;
  gap: 8px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  right: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply {
    position: unset;
    margin-top: 10px;
  }
}

.te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-post-comments .te-latest-comments>ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.te-comments-text>ul,
.te-comments-text>ol {
  margin-bottom: 20px;
}

ul.children {
  list-style: none;
}

.te-post-comments-form .te-contacts-message {
  margin-top: 10px;
}

/*Comment Input Filed*/
.te-post-comments-title .sub-title {
  font-size: 18px;
  font-weight: 900;
  font-family: var(--font-primary);
  color: var(--theme-color);
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

.te-post-comments-title h2 {
  font-size: 36px;
  line-height: 28px;
  font-weight: 900;
  color: var(--theme-color2);
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-post-comments-title h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

.te-post-comments-title h2 small {
  font-size: 18px;
  font-family: var(--font-primary);
  color: var(--theme-color);
  text-transform: capitalize;
}

.comment-reply-title {
  font-size: 36px;
  line-height: 28px;
  font-weight: 900;
  color: var(--theme-color2);
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .comment-reply-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

.comment-reply-title small {
  font-size: 18px;
  font-family: var(--font-primary);
  color: var(--theme-color);
  text-transform: capitalize;
}

.te-comment-respond,
.comment-respond {
  position: relative;
}

.te-comment-respond .comment-form-cookies-consent,
.comment-respond .comment-form-cookies-consent {
  display: none;
}

.te-comment-respond .comment-notes,
.comment-respond .comment-notes {
  margin-bottom: 30px;
}

.te-comment-respond p,
.comment-respond p {
  margin: 0;
}

.te-comment-respond .te-contacts-email,
.te-comment-respond .te-contacts-name,
.te-comment-respond .single-input-field,
.comment-respond .te-contacts-email,
.comment-respond .te-contacts-name,
.comment-respond .single-input-field {
  margin-bottom: 20px;
}

.te-comment-respond label,
.comment-respond label {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #778196;
  margin-bottom: 20px;
}

.te-comment-respond .checkbox-field-wrapper,
.comment-respond .checkbox-field-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 15px 0;
}

.te-comment-respond .checkbox-field-wrapper p,
.comment-respond .checkbox-field-wrapper p {
  margin: 0;
}

.te-comment-respond .checkbox-field-wrapper .single-checkbox-field,
.comment-respond .checkbox-field-wrapper .single-checkbox-field {
  margin-bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
}

.te-comment-respond .te-comment-form-cookies-consent,
.comment-respond .te-comment-form-cookies-consent {
  display: none;
}

.te-comment-respond input[type="number"],
.comment-respond input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.te-comment-respond input,
.te-comment-respond select,
.comment-respond input,
.comment-respond select {
  padding: 0 20px;
  height: 60px;
  width: 100%;
  color: #778196;
  opacity: 1;
  border: 1px solid var(--color-white) !important;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 400;
  background-color: var(--color-white);
  font-family: var(--font-primary) !important;
}

.te-comment-respond *::-webkit-input-placeholder,
.comment-respond *::-webkit-input-placeholder {
  color: #778196;
}

.te-comment-respond *:-ms-input-placeholder,
.comment-respond *:-ms-input-placeholder {
  color: #778196;
}

.te-comment-respond *::-ms-input-placeholder,
.comment-respond *::-ms-input-placeholder {
  color: #778196;
}

.te-comment-respond *::placeholder,
.comment-respond *::placeholder {
  color: #778196;
}

.te-comment-respond textarea,
.comment-respond textarea {
  resize: vertical;
  padding: 20px;
  width: 100%;
  color: #778196;
  border: 1px solid var(--color-white) !important;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 400;
  background-color: var(--color-white);
  font-family: var(--font-primary) !important;
  height: 190px;
  margin-bottom: 30px;
}

.te-comment-respond input:focus,
.te-comment-respond textarea:focus,
.te-comment-respond .form-select:focus,
.comment-respond input:focus,
.comment-respond textarea:focus,
.comment-respond .form-select:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: var(--theme-color) !important;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.te-comment-respond {
  background-color: var(--color-light);
  padding: 60px;
  border-radius: 5px;
}

.te-comment-respond.style-2 {
  background-color: var(--theme-color2);
  padding: 40px 60px;
  border-radius: 5px;
}

.te-comment-respond.style-2 input,
.te-comment-respond.style-2 textarea {
  border-color: var(--color-dark-soft) !important;
  background-color: transparent;
  color: var(--color-white);
}

.te-comment-respond.style-2 textarea {
  height: 185px;
}

.te-comment-respond.style-2 .te-theme-btn {
  width: 100%;
  background-color: var(--theme-color);
  color: var(--color-white);
}

.te-comment-respond.style-3 {
  background-color: var(--theme-color2);
  padding: 40px 60px;
  border-radius: 5px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-comment-respond.style-3 {
    padding: 40px;
  }
}

.te-comment-respond.style-3 input,
.te-comment-respond.style-3 textarea {
  background-color: var(--color-dark-soft);
  border-color: var(--color-dark-soft) !important;
}

.te-comment-respond.style-3 textarea {
  height: 185px;
}

.te-comment-respond.style-3 .te-theme-btn {
  width: 100%;
  background-color: var(--theme-color);
  color: var(--color-white);
}

.te-team-card {
  position: relative;
}

.te-team-card:hover .image:before {
  height: 250%;
  -webkit-transition: all 900ms linear;
  transition: all 900ms linear;
  background-color: transparent;
}

.te-team-card:hover .image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-team-card:hover .te-content-wrapper .content {
  background-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-team-card .image {
  overflow: hidden;
  position: relative;
}

.te-team-card .image:before {
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  z-index: 1;
}

.te-team-card .image img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-team-card .te-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  z-index: 2;
  padding-right: 80px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}

.te-team-card .te-content-wrapper .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  gap: 15px;
  background-color: var(--color-border);
  padding: 30px;
  -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-team-card .te-content-wrapper .content:before {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background-color: var(--color-white);
  -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  content: "";
  z-index: -1;
}

.te-team-card .te-content-wrapper .content .title {
  font-size: 26px;
  font-weight: 900;
  line-height: 26px;
  color: var(--theme-color2);
  font-family: var(--font-primary);
  margin: 0;
}

.te-team-card .te-content-wrapper .content .desc {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  color: var(--color-text-soft);
  font-family: var(--font-primary);
  margin-bottom: 10px;
}

.te-team-card .te-content-wrapper .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-team-card .te-content-wrapper .social a {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: var(--theme-color2);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.te-team-card .te-content-wrapper .social a:hover {
  color: var(--color-white);
  border-color: var(--theme-color);
  background-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-team-card.style-2:hover .te-content-wrapper .content {
  background-color: transparent;
}

.te-team-card.style-2 .te-content-wrapper {
  -webkit-transform: unset;
  transform: unset;
  padding: 0;
}

.te-team-card.style-2 .te-content-wrapper .content {
  -webkit-clip-path: none;
  clip-path: none;
  background-color: transparent;
  text-align: center;
}

.te-team-card.style-2 .te-content-wrapper .content:before {
  display: none;
}

.te-team-card.style-2 .te-content-wrapper .content .social {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.te-team-card.style-2 .image {
  width: 310px;
  height: 310px;
  border-radius: 500px;
  border: 20px solid transparent;
  outline: 1px solid var(--color-border);
  margin: 0 auto;
}

.te-team-member-slider {
  overflow: hidden;
}

.te-team-member-slider .slick-list {
  margin: 0 -15px;
}

.te-team-member-slider .slick-list .slick-slider-item {
  margin: 0 15px;
}

.te-team-member-slider .slick-list .slick-slider-item .te-team-card {
  width: 410px;
}

.te-team-member-slider .slick-dots {
  padding: 0;
  list-style: none;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  overflow: hidden;
}

.te-team-member-slider .slick-dots li {
  font-size: 0;
  line-height: 0;
}

.te-team-member-slider .slick-dots li:first-child button {
  border-radius: 25px 0 0 25px;
}

.te-team-member-slider .slick-dots li:last-child button {
  border-radius: 0 25px 25px 0;
}

.te-team-member-slider .slick-dots li button {
  width: 50px;
  height: 10px;
  background-color: var(--color-border);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
}

.te-team-member-slider .slick-dots li button:before {
  background-color: var(--theme-color);
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 25px;
  visibility: hidden;
  opacity: 0;
}

.te-team-member-slider .slick-dots li.slick-active button {
  width: 100px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-team-member-slider .slick-dots li.slick-active button:before {
  width: 100%;
  visibility: visible;
  opacity: 1;
}

.te-portfolio-filter {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.te-portfolio-filter li {
  list-style: none;
  font-size: 18px;
  font-weight: 500;
  line-height: initial;
  text-transform: capitalize;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  color: var(--theme-color2);
  border: 1px solid var(--color-border);
  padding: 12px 22px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-filter li.active {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-filter li:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--color-white);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-card {
  background-color: var(--color-white);
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 5px;
}

.te-portfolio-card:hover .image .te-content-wrapper {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.te-portfolio-card:hover .image .te-content-wrapper .content .content-inner {
  margin-bottom: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-card:hover .image .te-content-wrapper .content .btn-wrapper {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-card:hover .image .te-content-wrapper .content .content-inner {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.te-portfolio-card:hover .image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-card .image {
  overflow: hidden;
  position: relative;
}

.te-portfolio-card .image img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
}

.te-portfolio-card .te-content-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-card .te-content-wrapper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  gap: 10px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.te-portfolio-card .te-content-wrapper .content .content-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  padding: 18px 10px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: scaleY(0.3);
  transform: scaleY(0.3);
}

.te-portfolio-card .te-content-wrapper .content .sub-title {
  color: var(--color-white);
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
}

.te-portfolio-card .te-content-wrapper .content .title {
  margin-bottom: 0;
  color: var(--color-white);
  font-size: 24px;
  line-height: 39px;
  font-weight: 900;
}

.te-portfolio-card .te-content-wrapper .content .btn-wrapper {
  position: absolute;
  top: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-card .te-content-wrapper .content .btn-wrapper a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 70px;
  height: 70px;
  background-color: var(--theme-color);
  border-radius: 50px;
  color: var(--theme-color2);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-portfolio-card .te-content-wrapper .content .btn-wrapper a {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-portfolio-card .te-content-wrapper .content .btn-wrapper a {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
}

.te-portfolio-card .te-content-wrapper .content .btn-wrapper a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--theme-color);
  color: var(--color-white);
}

.te-portfolio-card.style-2 .te-content-wrapper .content {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 20px;
}

.te-portfolio-card.style-2 .te-content-wrapper .content .btn-wrapper {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.te-portfolio-card.style-2 .te-content-wrapper .content .btn-wrapper a {
  color: var(--color-white);
}

.te-portfolio-card.style-3:hover .te-content-wrapper .content .btn-wrapper {
  top: 30px;
  right: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-portfolio-card.style-3 .te-content-wrapper {
  padding: 0;
}

.te-portfolio-card.style-3 .te-content-wrapper .content .content-inner {
  border-radius: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 48px 30px 43px 30px;
}

.te-portfolio-card.style-3 .te-content-wrapper .content .btn-wrapper {
  top: -50px;
  right: 0;
  -webkit-transform: translate(50%);
  transform: translate(50%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.client-logo-wrapper {
  padding: 5px 0;
}

.client-logo-wrapper .client-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.client-logo-wrapper .client-logo img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: var(--color-white);
  padding: 10px;
  border-radius: 20px;
  height: 120px;
  ;
}

.client-logo-wrapper .client-logo:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.client-logo-wrapper .client-logo:hover img {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

.te-marquee-area {
  overflow: hidden;
}

.te-marquee-area .te-marquee-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 44px;
}

.te-marquee-area .te-marquee-wrapper.first-te-marquee {
  -webkit-animation: Scroll 32s linear infinite;
  animation: Scroll 32s linear infinite;
}

.te-marquee-area .te-marquee-wrapper.first-te-marquee .single-te-marquee:nth-child(even) .te-marquee-title {
  color: var(--theme-color2);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
}

.te-marquee-area .te-marquee-wrapper.second-te-marquee {
  -webkit-animation: Scroll 32s linear infinite;
  animation: Scroll 32s linear infinite;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.te-marquee-area .te-marquee-wrapper.second-te-marquee .single-te-marquee .te-marquee-title span {
  color: var(--theme-color2);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
}

.te-marquee-area .single-te-marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 44px;
}

.te-marquee-area .single-te-marquee:last-child .te-marquee-star {
  display: none;
}

.te-marquee-area .single-te-marquee .te-marquee-title {
  font-size: 80px;
  font-weight: 900;
  line-height: 80px;
  white-space: nowrap;
  font-family: var(--font-primary);
  color: var(--theme-color2);
}

.te-marquee-area .single-te-marquee .te-marquee-icon {
  font-size: 49px;
  font-weight: 700;
  color: var(--theme-color2);
  white-space: nowrap;
  line-height: 0;
  width: 64px;
}

.subscribe-area {
  margin-top: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .subscribe-area {
    margin-top: 80px;
  }
}

@media (max-width: 991px) {
  .subscribe-area {
    padding: 80px 0;
  }
}

.subscribe-area .subscribe-image {
  margin-top: -155px;
}

.newsletter-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 74px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .newsletter-text {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.newsletter-text .newsletter-text .title {
  font-size: 50px;
  line-height: 55px;
}

.te-subscribe-form-widget.style-3 .mc4wp-form-fields {
  gap: 20px;
}

.te-subscribe-form-widget.style-3 .mc4wp-form-fields .submit-btn {
  border-radius: 5px;
}

.te-subscribe-form-widget.style-3 .single-field input {
  background-color: var(--color-border);
  color: var(--color-text-soft);
  border-color: var(--color-border);
}

.te-subscribe-form-widget.style-3 .single-field *::-webkit-input-placeholder {
  color: var(--color-text-soft);
}

.te-subscribe-form-widget.style-3 .single-field *:-ms-input-placeholder {
  color: var(--color-text-soft);
}

.te-subscribe-form-widget.style-3 .single-field *::-ms-input-placeholder {
  color: var(--color-text-soft);
}

.te-subscribe-form-widget.style-3 .single-field *::placeholder {
  color: var(--color-text-soft);
}

.sec-shape {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: -1;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sec-shape {
    display: none;
  }
}

.brand-slider-area.style-1 {
  padding-top: 100px;
  padding-bottom: 300px;
  background:
    linear-gradient(180deg, rgba(250, 246, 239, 0) 0%, rgba(250, 246, 239, 0.9) 34%, #f7efe1 100%),
    linear-gradient(135deg, #c9a646 0%, #e3c76f 48%, #faf6ef 100%);
}

.about-us-area.style-1 {
  margin-top: -200px;
  position: relative;
  z-index: 2;
}

.about-us-area.style-1 .about-us-image {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  padding-top: 80px;
  padding-right: 50px;
}

@media (max-width: 1199px) {
  .about-us-area.style-1 .about-us-image {
    display: none;
  }
}

.about-us-area.style-1 .about-us-image .about-us-image-inner {
  height: 100%;
  position: relative;
}

.about-us-area.style-1 .about-us-image .about-us-image-inner img {
  position: absolute;
  width: 100%;
  height: 110%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}

.about-us-area.style-1 .te-about-info-card {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 80px 80px 50px;
  position: relative;
    width: 100%;
}

@media (max-width: 1199px) {
  .about-us-area.style-1 .te-about-info-card {
    padding: 40px;
  }
}

.testimonial-slider-area.style-1 .testimonial-image {
  margin-right: -120px;
}

@media (max-width: 991px) {
  .testimonial-slider-area.style-1 .testimonial-image {
    margin-right: 0;
  }
}

.testimonial-slider-area.style-1 .te-section-title {
  margin-bottom: 20px;
  margin-left: 120px;
}

@media (max-width: 991px) {
  .testimonial-slider-area.style-1 .te-section-title {
    margin-left: 0;
  }
}

.portfolio-area.style-1 {
  padding-top: 120px;
  padding-bottom: 96px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .portfolio-area.style-1 {
    padding-top: 80px;
    padding-bottom: 56px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-area.style-1 {
    padding-top: 100px;
    padding-bottom: 76px;
  }
}

.portfolio-area.style-1 .sec-shape {
  position: absolute;
  left: unset;
  top: 0;
  right: 30px;
}

.price-area.style-1 .sec-shape {
  bottom: 0;
  top: unset;
}

.te-process-step-area.style-1 {
  padding-top: 120px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .te-process-step-area.style-1 {
    padding-top: 80px;
    margin-bottom: -100px;
  }
}

.te-process-step-area.style-1 .te-section-title {
  margin-bottom: 130px;
}

.faq-area.style-1 {
  padding-top: 150px;
  margin-bottom: 88px;
  background:
    linear-gradient(180deg, #24211d 0%, #171614 72%, #201e1b 100%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-area.style-1 {
    padding-top: 200px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .faq-area.style-1 {
    padding-top: 150px;
  }
}

.faq-area.style-1 .accordion-wrapper {
  padding: 60px;
  border-radius: 5px;
  background-color: var(--color-light);
  margin-bottom: -88px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .faq-area.style-1 .accordion-wrapper {
    padding: 30px;
  }
}

.latest-posts-area.style-1 .sec-shape {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  left: unset;
}

.team-slider-area.style-1 {
  overflow: hidden;
}

.appointment-area.style-1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  padding-top: 120px;
  padding-bottom: 256px;
}

.appointment-area.style-1 .overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-black-rgb), 0.2)), color-stop(52%, rgba(var(--color-black-rgb), 0.48)), to(rgba(var(--color-primary-rgb), 0.32)));
  background: linear-gradient(180deg, rgba(var(--color-black-rgb), 0.2) 0%, rgba(var(--color-black-rgb), 0.48) 52%, rgba(var(--color-primary-rgb), 0.32) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.cta-section-area.style-1 {
  margin-top: -130px;
  position: relative;
}

.counter-up-area.style-1 {
  margin-top: -150px;
  position: relative;
  z-index: 9;
}

.counter-up-area .te-counter-card {
  background-color: var(--theme-color);
  padding: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.newsletter-sec {
  padding-top: 80px;
  padding-bottom: 150px;
}

.about-us-area.style-2 {
  position: relative;
  z-index: 2;
  margin-top: -70px;
}

.about-us-area.style-2 .te-icon-card .icon {
  width: 71px;
  height: 65px;
}

.about-us-area.style-2 .about-us-image-left {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0 5px 5px 0;
  z-index: -1;
}

@media (max-width: 1199px) {
  .about-us-area.style-2 .about-us-image-left {
    width: 100%;
    border-radius: 0;
  }
}

.about-us-area.style-2 .about-us-image-left .about-us-image-inner-left {
  height: 100%;
  position: relative;
}

.about-us-area.style-2 .about-us-image-left .about-us-image-inner-left img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}

.about-us-area.style-2 .about-us-image {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  padding: 70px 0;
}

@media (max-width: 1199px) {
  .about-us-area.style-2 .about-us-image {
    display: none;
  }
}

.about-us-area.style-2 .about-us-image .about-us-image-inner {
  height: 100%;
  position: relative;
}

.about-us-area.style-2 .about-us-image .about-us-image-inner img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}

.about-us-area.style-2 .te-about-info-card {
  padding-top: 110px;
  padding-bottom: 140px;
  padding-right: 40px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .about-us-area.style-2 .te-about-info-card {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 0;
  }
}

.team-area.style-2 {
  margin-bottom: -160px;
}

.portfolio-slider-area-bg {
  padding-top: 290px;
  padding-bottom: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .portfolio-slider-area-bg {
    padding-top: 250px;
    padding-bottom: 80px;
  }
}

.portfolio-slider-area-bg .slick-list {
  margin: 0 -15px;
}

.portfolio-slider-area-bg .portfolio-slider .slick-slider-item {
  margin: 0 15px;
}

.testimonial-slider-area.style-2 .testimonial-image {
  margin-right: -220px;
}

@media (max-width: 991px) {
  .testimonial-slider-area.style-2 .testimonial-image {
    margin-right: 0;
  }
}

.testimonial-slider-area.style-2 .te-section-title {
  margin-bottom: 60px;
  margin-left: 220px;
}

@media (max-width: 991px) {
  .testimonial-slider-area.style-2 .te-section-title {
    margin-left: 0;
  }
}

.appointment-area.style-2 {
  position: relative;
  z-index: 2;
}

.appointment-area.style-2 .appointment-image {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
}

@media (max-width: 991px) {
  .appointment-area.style-2 .appointment-image {
    display: none;
  }
}

.appointment-area.style-2 .appointment-image .appointment-image-inner {
  height: 100%;
  position: relative;
  border-radius: 5px 5px 0;
  overflow: hidden;
}

.appointment-area.style-2 .appointment-image .appointment-image-inner img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}

.contact-form-area {
  padding-top: 110px;
  padding-bottom: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .contact-form-area {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-area {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}

.contact-form-area .te-comment-respond .title,
.contact-form-area .te-title-wrapper .title {
  font-size: 50px;
  font-weight: 900;
  line-height: 55px;
  text-transform: capitalize;
  margin-bottom: 30px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {

  .contact-form-area .te-comment-respond .title,
  .contact-form-area .te-title-wrapper .title {
    font-size: 32px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact-form-area .te-comment-respond .title,
  .contact-form-area .te-title-wrapper .title {
    font-size: 34px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .contact-form-area .te-comment-respond .title,
  .contact-form-area .te-title-wrapper .title {
    font-size: 48px;
    line-height: 52px;
  }
}

.contact-form-area .te-social-profile-link {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
  border-top: 1px solid var(--color-border);
  padding-top: 40px;
}

.contact-form-area .te-social-profile-link a {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  color: var(--color-text-soft);
  background-color: var(--color-light);
  border: 1px solid var(--color-light);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.contact-form-area .te-social-profile-link a:hover {
  color: var(--color-white);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media (max-width: 991px) {
  .te-contact-info-wrapper {
    margin-bottom: 60px;
  }
}

.te-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-contact-info .te-icon-card {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
  }
}

@media (max-width: 575px) {
  .te-contact-info .te-icon-card {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

.te-map-widget iframe {
  width: 100%;
  height: 550px;
  margin-bottom: -12px;
  border-radius: 5px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-map-widget iframe {
    height: 350px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-map-widget iframe {
    height: 450px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-service-details-wrapper {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .te-service-details-wrapper {
    margin-bottom: 60px;
  }
}

.service-details-page {
  padding-top: 120px;
  padding-bottom: 96px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .service-details-page {
    padding-top: 80px;
    padding-bottom: 56px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details-page {
    padding-top: 100px;
    padding-bottom: 76px;
  }
}

.service-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.service-details .image {
  border-radius: 5px;
  overflow: hidden;
}

.service-details .content .te-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.service-details .content .te-title-wrapper .title-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.service-details .content .te-title-wrapper .title-inner .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: var(--theme-color);
  width: 60px;
  height: 60px;
  border-radius: 5px;
  font-size: 24px;
  color: var(--color-white);
}

.service-details .content .te-title-wrapper .title-inner .title {
  font-size: 48px;
  font-weight: 600;
  line-height: initial;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  color: var(--theme-color2);
}

.service-details-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}

.service-details-overview .te-list-item .text {
  font-weight: 400;
  font-size: 18px;
  color: var(--color-text-soft);
}

.team-page {
  padding-top: 120px;
  padding-bottom: 30px;
}

.team-details-page {
  padding-top: 120px;
  padding-bottom: 96px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .team-details-page {
    padding-top: 80px;
    padding-bottom: 56px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details-page {
    padding-top: 100px;
    padding-bottom: 76px;
  }
}

.team-details-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
}

@media (max-width: 991px) {
  .team-details-wrapper {
    gap: 30px;
  }
}

.team-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .team-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }
}

.team-details .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .team-details .content {
    gap: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details .content {
    gap: 20px;
  }
}

.team-details .image {
  width: 520px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.team-details .image img {
  width: 100%;
}

@media (max-width: 991px) {
  .team-details .image {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details .image {
    width: 330px;
  }
}

.team-details .user-meta .title {
  font-size: 48px;
  letter-spacing: -1.92px;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .team-details .user-meta .title {
    font-size: 34px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details .user-meta .title {
    font-size: 36px;
  }
}

.team-details .user-meta .desc {
  margin-bottom: 0;
  line-height: initial;
  color: var(--theme-color);
}

.team-details .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.team-details .social a {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: var(--color-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: var(--theme-color2);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.team-details .social a:hover {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.team-details .team-member-info {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px 0;
}

@media (max-width: 575px) {
  .team-details .team-member-info {
    grid-template-columns: repeat(1, 1fr);
  }
}

.team-details .team-member-info .te-single-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.team-details .team-member-info .meta-title {
  font-size: 20px;
  font-weight: 700;
  line-height: initial;
  color: var(--theme-color2);
}

.team-details .team-member-info .meta-text {
  font-size: 16px;
  font-weight: 400;
  line-height: initial;
  color: var(--color-text-soft);
}

.team-details .team-member-info .client-reviews {
  color: var(--theme-color);
}

.team-details .team-member-info .te-social-profile a {
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-border);
  border-radius: 50px;
  color: var(--theme-color2);
}

.team-details .team-member-info .te-social-profile a:hover {
  color: var(--color-white);
  border-color: var(--theme-color);
}

.team-details-overview-wrapper .sec-title {
  font-size: 26px;
  font-weight: 900;
  line-height: initial;
  color: var(--theme-color2);
}

@media (max-width: 991px) {
  .team-details-overview-wrapper .sec-title {
    font-size: 24px;
  }
}

.team-details-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
}

.team-member-info-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.team-member-info-wrapper .user-image {
  width: 100%;
  height: 530px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 70px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .team-member-info-wrapper .user-image {
    height: 430px;
  }
}

.team-member-info-wrapper .user-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.team-member-info-wrapper .team-working-wrapper .working-title {
  font-size: 26px;
  font-weight: 900;
  line-height: initial;
  margin-bottom: 30px;
}

.team-member-info-wrapper .team-working-wrapper .team-working {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.team-member-info-wrapper .team-working-wrapper .team-working .single-working-slot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.team-member-info-wrapper .team-working-wrapper .team-working .single-working-slot .title {
  font-size: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.team-member-info-wrapper .team-working-wrapper .team-working .single-working-slot .divider {
  width: 100%;
  height: 1px;
  background-color: var(--color-border);
}

.blog-grid-area {
  padding-top: 140px;
  padding-bottom: 144px;
}

@media (max-width: 991px) {
  .blog-grid-area {
    padding: 100px 0;
  }
}

@media (max-width: 767px) {
  .blog-grid-area {
    padding: 70px 0;
  }
}

.blog-load-btn {
  padding: 20px 35px;
  background: var(--theme-color);
  color: var(--color-white);
  font-size: 16px;
  line-height: 18px;
  font-weight: 900;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .blog-load-btn {
    margin-top: 0;
  }
}

.blog-load-btn:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.footer {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #201e1e;
}

.footer .te-footer-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-repeat: no-repeat !important;
  background-position: center;
  background-size:100% !important;


}

.footer .te-footer-bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.footer .te-footer-sec,
.footer .footer-bottom-area {
  position: relative;
  z-index: 1;
}

.footer .footer-nav-widget {
  padding: 0 90px;
}

@media (max-width: 991px) {
  .footer .footer-nav-widget {
    padding: 0 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer .footer-nav-widget {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer .footer-nav-widget {
    padding: 0 30px;
  }
}

.te-footer-widget-title {
  font-family: var(--font-primary);
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: 37.8px;
  letter-spacing: -0.54px;
  color: var(--theme-color2);
  position: relative;
  margin-bottom: 30px;
}

.te-footer-widget {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .te-footer-widget {
    margin-bottom: 40px;
  }
}

.te-footer-widget ul {
  padding-left: 0;
}

.te-footer-widget .te-subscribe-form-widget .single-field input {
  border-radius: 0;
}

.te-footer-widget.widget-latest-posts-footer {
  margin-top: -5px;
}

@media (max-width: 767px) {
  .te-footer-widget.zoom-instagram-widget {
    margin-bottom: 0;
    margin-top: -10px;
  }
}

@media (max-width: 767px) {
  .te-footer-widget.widget_contact_info_widget {
    margin-bottom: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .te-footer-widget .widget-instagram-feed {
    width: 170px;
  }
}

@media (max-width: 1199px) {
  .te-footer-widget .te-footer-widget-info {
    padding-right: 0;
  }
}

.te-footer-widget .te-footer-widget-info p {
  color: var(--color-text-soft);
  margin-bottom: 30px;
}

.te-footer-widget .te-footer-widget-info .te-footer-logo {
  width: 90%;
  margin-bottom: 30px;
  display: inline-block;
  padding: 20px;
  border-radius: 20px;
  background-color: var(--color-white);
}

.te-footer-widget .te-footer-widget-info .te-footer-logo img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.te-footer-widget .te-footer-widget-info .info-form-and-social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}

.te-footer-widget .te-footer-widget-info .info-form-and-social-icon .te-social-profile {
  margin-top: 0;
}

.te-footer-widget .te-footer-widget-info .extra-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.te-footer-widget .te-footer-widget-info .extra-info-wrapper .single-extra-info .title {
  font-size: 20px;
  line-height: initial;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .te-footer-widget .te-footer-widget-info .info-form-and-social-icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 30px;
  }
}

.te-footer-widget .te-footer-widget-info .single-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.te-footer-widget .te-footer-widget-info .single-info-wrapper .single-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.te-footer-widget .te-footer-widget-info .single-info-wrapper .single-info .title {
  font-family: var(--font-primary);
  color: var(--color-white);
  font-size: 20px;
  font-weight: 700;
  line-height: initial;
}

.te-footer-widget .te-footer-widget-info .single-info-wrapper .single-info .text {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-white);
  line-height: initial;
}

.te-footer-widget.te_widget_nav_menu ul {
  margin-top: -5px;
  padding-left: 0;
  margin-bottom: 0;
}

.te-footer-widget.te_widget_nav_menu ul.no-icon li a:before {
  display: none;
}

.te-footer-widget.te_widget_nav_menu li {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 8px;
}

.te-footer-widget.te_widget_nav_menu li:last-child {
  padding-top: 0;
  padding-bottom: 0;
}

.te-footer-widget.te_widget_nav_menu li a {
  color: var(--color-text-soft);
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.te-footer-widget.te_widget_nav_menu li a::before {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  color: var(--theme-color);
}

.te-footer-widget.te_widget_nav_menu li a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: var(--theme-color) !important;
}

.te-footer-widget .te-footer-widget-contact p {
  color: var(--color-text-soft);
}

.te-footer-widget .footer-contact ul {
  list-style: none;
}

.te-footer-widget .footer-contact ul li {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 24px;
  gap: 20px;
}

.te-footer-widget .footer-contact ul li:first-child {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.te-footer-widget .footer-contact ul li:first-child .contact-icon {
  margin-top: 5px;
}

.te-footer-widget .footer-contact ul li:last-child {
  margin-bottom: 0;
}

.te-footer-widget .footer-contact ul li .contact-icon {
  color: var(--theme-color);
  border-radius: 50px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.te-footer-widget .footer-contact ul li .contact-text {
  color: var(--color-text-soft);
  overflow: hidden;
}

.te-footer-widget .footer-contact ul li .contact-text a:hover span {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-footer-widget .footer-contact ul li .contact-text span,
.te-footer-widget .footer-contact ul li .contact-text p,
.te-footer-widget .footer-contact ul li .contact-text a {
  color: var(--color-text-soft);
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-footer-widget .te_widget_latest_post ul li {
  margin-bottom: 10px;
  border-bottom: 0;
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-thumb {
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
  color: var(--color-text-soft);
  font-weight: 500;
  letter-spacing: -0.8px;
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a {
  font-size: 18px;
  line-height: 29px;
  color: var(--color-text-soft);
  font-weight: 500;
  position: relative;
  letter-spacing: -0.8px;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a:hover {
  color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  gap: 8px;
  color: var(--color-text-soft);
}

.te-footer-bottom-menu ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px 54px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .te-footer-bottom-menu ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px 20px;
  }
}

.te-footer-bottom-menu ul li a {
  font-size: 18px;
  text-transform: capitalize;
  color: var(--color-text-soft);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-footer-bottom-menu ul li a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: var(--theme-color);
}

.footer-bottom-area {
  padding: 16px 0;
}

@media (max-width: 991px) {
  .footer-bottom-area {
    padding: 30px 0;
  }
}

.footer-bottom-area .te-footer-bottom-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  gap: 10px 40px;
}

.te-footer-widget-info iframe {
  width: 100%;
  height: 200px;
  border-radius: 20px;
}

.footer-bottom-area .te-copyright-text p {
  color: var(--color-text-soft);
  margin-bottom: 0;
}

.footer-bottom-area .te-copyright-text p a {
  color: var(--color-text-soft);
  font-weight: 900;
}

.footer-bottom-area .te-copyright-text p a:hover {
  color: var(--theme-color);
}

.footer-bottom-area .credit-text p {
  color: var(--color-text-soft);
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
}

.footer-bottom-area .credit-text a {
  color: var(--theme-color);
}

.te-footer-widget .te-subscribe-form-wrapper {
  color: var(--color-text-soft);
}

.te-subscribe-form-widget {
  position: relative;
}

.te-subscribe-form-widget.style-2 .mc4wp-form-fields {
  gap: 11px;
}

@media (max-width: 575px) {
  .te-subscribe-form-widget.style-2 .mc4wp-form-fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.te-subscribe-form-widget.style-2 .mc4wp-form-fields .submit-btn {
  border-radius: 5px;
  padding: 10px 29px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--theme-color2);
  color: var(--color-white);
}

.te-subscribe-form-widget .mc4wp-form-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  overflow: hidden;
  border-radius: 5px;
}

.te-subscribe-form-widget .single-field {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.te-subscribe-form-widget .single-field input {
  color: var(--color-white);
  height: 60px;
  padding: 0 30px;
  font-size: 18px;
  width: 100%;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid var(--color-white);
}

.te-subscribe-form-widget .single-field *::-webkit-input-placeholder {
  color: var(--color-white);
}

.te-subscribe-form-widget .single-field *:-ms-input-placeholder {
  color: var(--color-white);
}

.te-subscribe-form-widget .single-field *::-ms-input-placeholder {
  color: var(--color-white);
}

.te-subscribe-form-widget .single-field *::placeholder {
  color: var(--color-white);
}

.te-subscribe-form-widget .submit-btn {
  background-color: var(--theme-color);
  color: var(--theme-color2);
  cursor: pointer;
  padding: 0 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.6px;
}

.te-subscribe-form-widget .submit-btn:hover {
  background-color: var(--theme-color2);
  color: var(--color-white);
}

.te-subscribe-form-widget .mc4wp-response {
  position: relative;
  top: 15px;
}

.te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-error p,
.te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-success p,
.te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-notice p {
  color: var(--color-white);
  position: relative;
}

.te-social-profile-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.te-social-profile-wrapper .social-profile-title {
  font-size: 24px;
  font-weight: 600;
  line-height: initial;
  letter-spacing: -0.96px;
  color: var(--color-white);
}

.te-social-profile-wrapper .te-social-profile {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-left:-50px;
}

.te-social-profile-wrapper .te-social-profile a {
  color: var(--color-white);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  border: 1px solid var(--color-dark-soft);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.te-social-profile-wrapper .te-social-profile a:hover {
  background-color: var(--theme-color);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: var(--color-white);
  border-color: var(--theme-color);
}

.footer.style-1 .te-footer-sec {
  border-bottom: 1px solid rgba(103, 104, 122, 0.6);
  padding-top: 80px;
  padding-bottom: 70px;
}

.footer.style-1 .te-footer-widget-title {
  color: var(--color-white);
}

.footer.style-1 .footer-bottom-area .te-copyright-text p,
.footer.style-1 .te-footer-widget.te_widget_nav_menu li a,
.footer.style-1 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a,
.footer.style-1 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title,
.footer.style-1 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta,
.footer.style-1 .te-footer-widget .te-subscribe-form-wrapper,
.footer.style-1 .te-footer-bottom-menu ul li a,
.footer.style-1 .footer-bottom-area .te-copyright-text p a,
.footer.style-1 .te-footer-widget p {
  color: var(--color-white);
}

.footer.style-1 .te-subscribe-form-widget .mc4wp-form-fields {
  background-color: var(--theme-color2);
}

.footer.style-1 .te-subscribe-form-widget .single-field input {
  border-color: rgba(103, 104, 122, 0.6);
}

.footer.style-2 .te-footer-sec {
  border-bottom: 1px solid rgba(103, 104, 122, 0.6);
  padding-top: 120px;
  padding-bottom: 70px;
}

.footer.style-2 .te-footer-widget .te-social-profile-wrapper .te-social-profile a {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 42px;
  height: 42px;
  background-color: transparent;
}

.footer.style-2 .te-footer-widget .te-social-profile-wrapper .te-social-profile a:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--color-white);
}

.footer.style-2 .te-footer-widget .te-footer-widget-contact .footer-contact .contact-icon {
  color: var(--theme-color);
}

.footer.style-2 .te-footer-widget .te-footer-widget-contact .footer-contact .contact-text {
  color: var(--color-white);
}

.footer.style-2 .te-footer-widget-title {
  color: var(--color-white);
}

.footer.style-2 .footer-bottom-area .te-copyright-text p,
.footer.style-2 .te-footer-widget.te_widget_nav_menu li a,
.footer.style-2 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a,
.footer.style-2 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title,
.footer.style-2 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta,
.footer.style-2 .te-footer-widget .te-subscribe-form-wrapper,
.footer.style-2 .te-footer-bottom-menu ul li a,
.footer.style-2 .footer-bottom-area .te-copyright-text p a,
.footer.style-2 .te-footer-widget p {
  color: var(--color-white);
}

.footer.style-2 .te-subscribe-form-widget .mc4wp-form-fields {
  background-color: var(--theme-color2);
}

.footer.style-2 .te-subscribe-form-widget .single-field input {
  border-color: rgba(103, 104, 122, 0.6);
}

/*# sourceMappingURL=style.css.map */
/* MOBÄ°LDE 2x2 YAP */
@media (max-width: 768px) {
  .slider-feature {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  .single-slider-feature {
    width: 100%;
    aspect-ratio: 1 / 1;
  }
}


/* Breadcrumb Area */
.breadcrumb-area {
  background-image: url('../images/resimler/site-yolu.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 180px 0;
  margin-top: 0 !important;
  z-index: 1;
}

.breadcrumb-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(65, 39, 2, 1.5) 0%, rgba(42, 25, 0, 0.2) 100%);
  z-index: -1;
}

.breadcrumb-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}

.breadcrumb-list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}

.breadcrumb-list li {
  display: flex;
  align-items: center;
  font-size: 3rem;
  font-weight: 500;
}

.breadcrumb-list li a {
  color: var(--color-white);
  text-decoration: none;
  transition: all 0.3s ease;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  font-size: 30px;
}

.breadcrumb-list li a:hover {
  color: lightgrey;
  transform: translateX(2px);
}

.breadcrumb-list li span {
  color: var(--color-white);
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  font-size: 30px;
}

.breadcrumb-list li:not(:last-child)::after {
  content: "/";
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

@media (max-width: 991px) {
  .breadcrumb-area {
    padding: 100px 0;
  }

  .breadcrumb-list li a,
  .breadcrumb-list li span {
    font-size: 22px !important;
  }

}

@media (max-width: 767px) {
  .breadcrumb-area {
    margin-top: 60px;
    padding: 80px 0;
  }

  .breadcrumb-list li a,
  .breadcrumb-list li span {
    font-size: 22px !important;
  }
}

/* About Page Section */
.about-page-section {
  padding: 90px 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 34%, var(--color-white) 100%);
}

.about-page-hero {
  position: relative;
  padding: 54px;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.07);
}

.about-page-subtitle,
.about-story-title span,
.mission-box span,
.vision-box span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  color: var(--theme-color);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.about-page-subtitle:before,
.about-story-title span:before,
.mission-box span:before,
.vision-box span:before {
  content: "";
  width: 42px;
  height: 2px;
  background-color: var(--theme-color);
}

.about-content h1 {
  max-width: 620px;
  font-size: 48px;
  color: var(--theme-color2);
  margin-bottom: 24px;
  font-weight: 900;
  line-height: 1.14;
}

.about-content p {
  max-width: 610px;
  font-size: 17px;
  line-height: 1.85;
  color: var(--color-text-soft);
  margin-bottom: 18px;
}

.about-lead {
  color: var(--theme-color2) !important;
  font-size: 19px !important;
  font-weight: 700;
}

.about-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 34px;
}

.about-hero-actions span {
  max-width: 280px;
  color: var(--color-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

.about-page-visual {
  position: relative;
  min-height: 540px;
}

.about-page-image {
  overflow: hidden;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.13);
}

.about-page-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.7s ease;
}

.about-page-image-main {
  width: 82%;
  height: 490px;
  margin-left: auto;
  clip-path: polygon(0 0, 100% 0, 100% 86%, 80% 100%, 0 100%);
}

.about-page-image-small {
  position: absolute;
  left: 0;
  bottom: 28px;
  width: 45%;
  height: 245px;
  border: 8px solid var(--color-white);
}

.about-page-visual:hover .about-page-image-main img,
.about-page-visual:hover .about-page-image-small img {
  transform: scale(1.07);
}

.about-page-experience {
  position: absolute;
  right: 24px;
  bottom: 18px;
  width: 148px;
  min-height: 148px;
  padding: 20px 16px;
  border-radius: 50%;
  background-color: var(--theme-color2);
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}

.about-page-experience strong {
  color: var(--theme-color);
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}

.about-page-experience span {
  margin-top: 7px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.about-page-story {
  margin-top: 70px;
  padding: 42px 0;
  border-top: 1px solid var(--color-beige);
  border-bottom: 1px solid var(--color-beige);
}

.about-story-title h2 {
  color: var(--theme-color2);
  font-size: 34px;
  font-weight: 900;
  line-height: 1.22;
  margin: 0;
}

.about-story-text {
  columns: 2;
  column-gap: 34px;
}

.about-story-text p {
  margin-bottom: 16px;
  color: var(--color-text-soft);
  font-size: 16px;
  line-height: 1.8;
}

.about-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 64px;
}

.feature-item {
  display: block;
  align-items: flex-start;
  padding: 28px 24px;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-8px);
  border-color: var(--theme-color);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.11);
}

.feature-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-color2);
  border-radius: 50%;
  flex-shrink: 0;
  margin-bottom: 22px;
}

.feature-icon i {
  font-size: 24px;
  color: var(--theme-color);
  transition: all 0.3s ease;
}

.feature-text h4 {
  font-size: 19px;
  color: var(--theme-color2);
  margin-bottom: 12px;
  font-weight: 900;
  transition: all 0.3s ease;
}

.feature-text p {
  font-size: 16px;
  color: var(--color-text-soft);
  margin: 0;
  line-height: 24px;
  transition: all 0.3s ease;
}

.stats-section {
  margin-top: 54px;
  margin-bottom: 34px;
}

.stat-box {
  text-align: center;
  padding: 34px 20px;
  border: 1px solid var(--color-beige);
  background-color: var(--color-cream);
  border-radius: 8px;
  transition: all 0.3s ease;
  margin-bottom: 30px;
}

.stat-box:hover {
  background-color: var(--theme-color2);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(var(--color-primary-rgb), 0.2);
}

.stat-box:hover i {
  color: var(--color-white);
}

.stat-box:hover h3,
.stat-box:hover p {
  color: var(--color-white);
}

.stat-box i {
  font-size: 48px;
  color: var(--theme-color);
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.stat-box h3 {
  font-size: 34px;
  color: var(--theme-color2);
  margin-bottom: 10px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.stat-box p {
  font-size: 18px;
  color: var(--color-text-soft);
  margin: 0;
  transition: all 0.3s ease;
}

.mission-vision {
  margin-top: 56px;
}

.mission-box,
.vision-box {
  padding: 40px;
  background: var(--theme-color2);
  border: 1px solid rgba(var(--color-primary-rgb), 0.35);
  border-radius: 8px;
  height: 100%;
  box-shadow: 0 5px 20px rgba(var(--color-primary-rgb), 0.15);
  transition: all 0.3s ease;
  margin-bottom: 30px;
}

.mission-box:hover,
.vision-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(var(--color-primary-rgb), 0.3);
}

.mission-box h3,
.vision-box h3 {
  color: var(--color-white);
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 20px;
  font-weight: 900;
}

.mission-box p,
.vision-box p {
  color: var(--color-white);
  font-size: 16px;
  line-height: 26px;
  margin: 0;
}

/* Tablet Responsive */
@media (max-width: 991px) {
  .about-page-section {
    padding: 60px 0;
  }

  .about-page-hero {
    padding: 34px;
  }

  .about-content h1 {
    font-size: 36px;
    margin-bottom: 20px;
  }

  .about-content p {
    font-size: 16px;
    line-height: 26px;
  }

  .about-page-visual {
    min-height: 480px;
  }

  .about-page-image-main {
    height: 430px;
  }

  .about-story-title h2 {
    font-size: 30px;
  }

  .about-story-text {
    columns: 1;
  }

  .about-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 48px;
  }

  .feature-icon {
    width: 50px;
    height: 50px;
  }

  .feature-icon i {
    font-size: 24px;
  }

  .feature-text h4 {
    font-size: 18px;
  }

  .stat-box {
    padding: 30px 15px;
  }

  .stat-box i {
    font-size: 40px;
  }

  .stat-box h3 {
    font-size: 36px;
  }

  .mission-box,
  .vision-box {
    padding: 30px;
  }

  .mission-box h3,
  .vision-box h3 {
    font-size: 24px;
  }
}

/* Mobile Responsive */
@media (max-width: 767px) {
  .about-page-section {
    padding: 42px 0;
  }

  .about-page-hero {
    padding: 22px;
  }

  .about-content {
    margin-bottom: 24px;
  }

  .about-content h1 {
    font-size: 30px;
    margin-bottom: 18px;
  }

  .about-content p {
    font-size: 15px;
    line-height: 24px;
  }

  .about-hero-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .about-page-visual {
    min-height: auto;
    padding-bottom: 150px;
  }

  .about-page-image-main {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .about-page-image-small {
    left: 14px;
    bottom: 22px;
    width: 58%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .about-page-experience {
    right: 12px;
    bottom: 44px;
    width: 118px;
    min-height: 118px;
  }

  .about-page-experience strong {
    font-size: 26px;
  }

  .about-page-story {
    margin-top: 44px;
    padding: 34px 0;
  }

  .about-story-title h2 {
    font-size: 25px;
  }

  .about-features {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .feature-item {
    padding: 20px 15px;
  }

  .feature-icon {
    width: 60px;
    height: 60px;
  }

  .feature-icon i {
    font-size: 26px;
  }

  .feature-text h4 {
    font-size: 18px;
  }

  .feature-text p {
    font-size: 14px;
  }

  .stats-section {
    margin-top: 40px;
  }

  .stat-box {
    padding: 25px 15px;
  }

  .stat-box i {
    font-size: 36px;
    margin-bottom: 15px;
  }

  .stat-box h3 {
    font-size: 32px;
  }

  .stat-box p {
    font-size: 16px;
  }

  .mission-vision {
    margin-top: 40px;
  }

  .mission-box,
  .vision-box {
    padding: 25px 20px;
  }

  .mission-box h3,
  .vision-box h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .mission-box p,
  .vision-box p {
    font-size: 15px;
    line-height: 24px;
  }
}

/* ===========================
   PAGES CSS
   =========================== */

/* Section Header */
.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-header h1 {
  font-size: 42px;
  color: var(--theme-color2);
  margin-bottom: 15px;
  font-weight: 700;
}

.section-header p {
  font-size: 18px;
  color: var(--color-text-soft);
  max-width: 700px;
  margin: 0 auto;
}

/* ===========================
   EDUCATION PAGES
   =========================== */

.education-section {
  padding: 80px 0;
  background-color: var(--color-cream);
}

.education-card {
  background: var(--color-white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  transition: all 0.3s ease;
  margin-bottom: 30px;
  height: 650px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: star;
}

.education-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(var(--color-primary-rgb), 0.2);
}

.featured-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: var(--theme-color);
  color: var(--color-white);
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  z-index: 10;
}

.education-image {
  position: relative;
  overflow: hidden;
  height: 250px;
}

.education-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.education-card:hover .education-image img {
  transform: scale(1.1);
}

.education-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.9), rgba(var(--color-primary-rgb), 0.9));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
}

.education-card:hover .education-overlay {
  opacity: 1;
}

.overlay-btn {
  background: var(--color-white);
  color: var(--theme-color2);
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: 700;
  text-decoration: none;
  transform: translateY(20px);
  transition: all 0.3s ease;
}

.education-card:hover .overlay-btn {
  transform: translateY(0);
}

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

.education-content {
  padding: 30px;
}

.education-content h3 {
  font-size: 24px;
  color: var(--theme-color2);
  margin-bottom: 15px;
  font-weight: 700;
}

.education-content>p {
  font-size: 16px;
  color: var(--color-text-soft);
  margin-bottom: 20px;
  line-height: 24px;
}

.education-features {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}

.education-features li {
  padding: 8px 0;
  font-size: 15px;
  color: var(--color-text-soft);
  display: flex;
  align-items: center;
  gap: 10px;
}

.education-features li i {
  color: var(--theme-color);
  font-size: 14px;
}

.education-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  color: var(--color-white);
  padding: 12px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.education-btn:hover {
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  color: var(--color-white);
  transform: translateX(5px);
}

.education-btn i {
  transition: all 0.3s ease;
}

.education-btn:hover i {
  transform: translateX(5px);
}

/* Education Detail Page */
.education-detail-section {
  padding: 80px 0;
  background-color: var(--color-white);
}

.detail-main-content {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 5px var(--color-shadow-soft)
}

.detail-image {
  width: 100%;
  height: 400px;
  overflow: visible;
  display: flex;
}
.service-detail-section .detail-image{
  width: fit-content;
}


.detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
 .content-1 {
  width: 50%;
}

.main-cont {
display: flex;
justify-content: space-between;
align-items: center;
}

.detail-content {
  padding: 40px;
}

.detail-content h1 {
  font-size: 36px;
  color: var(--theme-color2);
  margin-bottom: 20px;
  font-weight: 700;
}

.detail-content .lead {
  font-size: 20px;
  color: var(--color-text-soft);
  line-height: 32px;
  margin-bottom: 30px;
  font-weight: 500;
}

.detail-text h3 {
  font-size: 24px;
  color: var(--theme-color2);
  margin: 30px 0 15px;
  font-weight: 700;
}

.detail-text p {
  font-size: 16px;
  color: var(--color-text-soft);
  line-height: 28px;
  margin-bottom: 20px;
}

.detail-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin: 40px 0;
}

.detail-feature-box {
  background: var(--color-cream);
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  transition: all 0.6s ease;
  cursor: pointer;
}

.detail-feature-box:hover {
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  transform: translateY(-5px);
}

.detail-feature-box:hover i,
.detail-feature-box:hover h4,
.detail-feature-box:hover p {
  color: var(--color-white);
}

.detail-feature-box i {
  font-size: 42px;
  color: var(--theme-color);
  margin-bottom: 15px;
  transition: all 0.3s ease;
}

.detail-feature-box h4 {
  font-size: 18px;
  color: var(--theme-color2);
  margin-bottom: 10px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.detail-feature-box p {
  font-size: 14px;
  color: var(--color-text-soft);
  margin: 0;
  transition: all 0.3s ease;
}

.detail-benefits {
  margin: 40px 0;
  padding: 30px;
  background: var(--color-cream);
  border-radius: 10px;
}

.benefits-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.benefits-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  color: var(--color-text-soft);
}

.benefits-list li i {
  color: var(--theme-color);
  font-size: 18px;
}

.detail-schedule {
  margin: 40px 0;
}

.schedule-table {
  background: var(--color-white);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 15px var(--color-shadow-soft);
  margin-top: 20px;
}

.schedule-row {
  display: grid;
  grid-template-columns: 150px 1fr;
  border-bottom: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.schedule-row:last-child {
  border-bottom: none;
}

.schedule-row:hover {
  background: var(--color-cream);
}

.schedule-day {
  padding: 20px;
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  color: var(--color-white);
  font-weight: 700;
  display: flex;
  align-items: center;
}

.schedule-lessons {
  padding: 20px 30px;
  display: flex;
  align-items: center;
  color: var(--color-text-soft);
  font-size: 16px;
}

.detail-sidebar {
  position: sticky;
  top: 140px;
}

.sidebar-widget {
  background: var(--color-white);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  margin-bottom: 30px;
}

.info-widget {
  margin-bottom: 30px;
  height: 100%;
  width: 100%;
  margin-right: 15px;
}

.sidebar-widget h3 {
  font-size: 22px;
  color: var(--theme-color2);
  margin-bottom: 20px;
  font-weight: 700;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--theme-color);
}

.info-list {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
}

.info-list li {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid var(--color-border);
}

.info-list li:last-child {
  border-bottom: none;
}

.info-label {
  font-weight: 600;
  color: var(--theme-color2);
}

.info-value {
  color: var(--color-text-soft);
}

.sidebar-btn {
  display: block;
  text-align: center;
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  color: var(--color-white);
  padding: 15px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease;
}

.sidebar-btn:hover {
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  color: var(--color-white);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(var(--color-primary-rgb), 0.3);
}

.contact-widget p {
  font-size: 15px;
  color: var(--color-text-soft);
  margin-bottom: 20px;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.contact-item i {
  color: var(--theme-color);
  font-size: 18px;
}

.contact-item a {
  color: var(--theme-color2);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

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

.other-programs-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.other-programs-list li {
  border-bottom: 1px solid var(--color-border);
}

.other-programs-list li:last-child {
  border-bottom: none;
}

.other-programs-list li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 0;
  color: var(--color-text-soft);
  text-decoration: none;
  transition: all 0.3s ease;
}

.other-programs-list li a:hover {
  color: var(--theme-color);
  padding-left: 10px;
}

.other-programs-list li a i {
  color: var(--theme-color);
  font-size: 14px;
  transition: all 0.3s ease;
}

.other-programs-list li a:hover i {
  transform: translateX(5px);
}

/* ===========================
   SERVICE PAGES
   =========================== */

.services-section {
  padding: 80px 0;
  background-color: var(--color-cream);
}

.service-card {
  background: var(--color-white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  transition: all 0.3s ease;
  margin-bottom: 30px;
  height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(var(--color-primary-rgb), 0.2);
}

.service-image {
  position: relative;
  overflow: hidden;
  height: 250px;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.service-card:hover .service-image img {
  transform: scale(1.1);
}

.service-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.9), rgba(var(--color-primary-rgb), 0.9));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
}

.service-card:hover .service-overlay {
  opacity: 1;
}

.service-content {
  padding: 30px;
  position: relative;
}

.service-icon {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -35px;
  left: 30px;
  box-shadow: 0 5px 15px rgba(var(--color-primary-rgb), 0.3);
}

.service-icon i {
  font-size: 32px;
  color: var(--color-white);
}

.service-content h3 {
  font-size: 22px;
  color: var(--theme-color2);
  margin: 40px 0 15px;
  font-weight: 700;
}

.service-content>p {
  font-size: 15px;
  color: var(--color-text-soft);
  margin-bottom: 20px;
  line-height: 24px;
}

.service-features {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}

.service-features li {
  padding: 8px 0;
  font-size: 14px;
  color: var(--color-text-soft);
  display: flex;
  align-items: center;
  gap: 10px;
}

.service-features li i {
  color: var(--theme-color);
  font-size: 12px;
}

.service-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  color: var(--color-white);
  padding: 10px 25px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
}

.service-btn:hover {
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  color: var(--color-white);
  transform: translateX(5px);
}

.service-btn i {
  transition: all 0.3s ease;
}

.service-btn:hover i {
  transform: translateX(5px);
}

.services-cta {
  padding: 80px 0;
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
}

.cta-content {
  text-align: center;
  color: var(--color-white);
}

.cta-content h2 {
  font-size: 36px;
  color: var(--color-white);
  margin-bottom: 15px;
  font-weight: 700;
}

.cta-content p {
  font-size: 18px;
  color: var(--color-white);
  margin-bottom: 30px;
}

.cta-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--color-white);
  color: var(--theme-color2);
  padding: 15px 40px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
}

.cta-button:hover {
  background: var(--theme-color);
  color: var(--color-white);
  transform: translateY(-3px);
  box-shadow: 0 5px 20px rgba(255, 255, 255, 0.3);
}

/* Service Detail */
.service-detail-section {
  padding: 80px 0;
  background-color: var(--color-white);
}

.detail-process {
  margin: 40px 0;
}

.process-steps {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 20px;
}

.process-step {
  display: flex;
  gap: 25px;
  align-items: flex-start;
  padding: 25px;
  background: var(--color-cream);
  border-radius: 10px;
  transition: all 0.3s ease;
}

.process-step:hover {
  background: var(--color-white);
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  transform: translateX(10px);
}

.step-number {
  font-size: 32px;
  font-weight: 700;
  color: var(--theme-color);
  min-width: 60px;
}

.step-content h4 {
  font-size: 20px;
  color: var(--theme-color2);
  margin-bottom: 10px;
  font-weight: 700;
}

.step-content p {
  font-size: 15px;
  color: var(--color-text-soft);
  margin: 0;
  line-height: 24px;
}

.detail-faq {
  margin: 40px 0;
}

.faq-item {
  padding: 25px;
  background: var(--color-cream);
  border-radius: 10px;
  margin-bottom: 20px;
  border-left: 4px solid var(--theme-color);
}

.faq-item h4 {
  font-size: 18px;
  color: var(--theme-color2);
  margin-bottom: 12px;
  font-weight: 700;
}

.faq-item p {
  font-size: 15px;
  color: var(--color-text-soft);
  margin: 0;
  line-height: 24px;
}

/* ===========================
   BLOG PAGE
   =========================== */

.blog-section {
  padding: 80px 0;
  background-color: var(--color-cream);
}

.blog-posts {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.blog-post-card {
  background: var(--color-white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  display: flex;
  transition: all 0.3s ease;
}

.blog-post-card:hover {
  box-shadow: 0 15px 40px var(--color-shadow);
  transform: translateY(-5px);
}

.blog-post-image {
  width: 350px;
  height: 280px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.blog-post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.blog-post-card:hover .blog-post-image img {
  transform: scale(1.1);
}

.blog-category {
  position: absolute;
  top: 20px;
  left: 20px;
  background: var(--theme-color);
  color: var(--color-white);
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 13px;
  font-weight: 700;
}

.blog-post-content {
  padding: 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.blog-meta {
  display: flex;
  gap: 25px;
  margin-bottom: 15px;
}

.blog-meta span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--color-text-soft);
}

.blog-meta i {
  color: var(--theme-color);
}

.blog-post-content h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

.blog-post-content h2 a {
  color: var(--theme-color2);
  text-decoration: none;
  transition: all 0.3s ease;
}

.blog-post-content h2 a:hover {
  color: var(--theme-color);
}

.blog-post-content>p {
  font-size: 16px;
  color: var(--color-text-soft);
  line-height: 26px;
  margin-bottom: 20px;
  flex: 1;
}

.read-more {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--theme-color2);
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.read-more:hover {
  color: var(--theme-color);
  gap: 15px;
}

.blog-pagination {
  margin-top: 40px;
}

.blog-pagination ul {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-pagination ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: var(--color-white);
  color: var(--theme-color2);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease;
}

.blog-pagination ul li.active a,
.blog-pagination ul li a:hover {
  background: var(--theme-color);
  color: var(--color-white);
}

.blog-sidebar {
  position: sticky;
  top: 140px;
}

.search-widget .search-form {
  display: flex;
  gap: 10px;
}

.search-form input {
  flex: 1;
  padding: 12px 20px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  font-size: 15px;
}

.search-form button {
  background: var(--theme-color);
  color: var(--color-white);
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.search-form button:hover {
  background: var(--theme-color2);
}

.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.category-list li {
  border-bottom: 1px solid var(--color-border);
}

.category-list li:last-child {
  border-bottom: none;
}

.category-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: var(--color-text-soft);
  text-decoration: none;
  transition: all 0.3s ease;
}

.category-list li a:hover {
  color: var(--theme-color);
  padding-left: 10px;
}

.category-list li a i {
  color: var(--theme-color);
  margin-right: 10px;
}

.category-list li a span {
  color: var(--theme-color2);
  font-weight: 700;
}

.recent-post-item {
  display: flex;
  gap: 15px;
  padding: 15px 0;
  border-bottom: 1px solid var(--color-border);
}

.recent-post-item:last-child {
  border-bottom: none;
}

.recent-post-image {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}

.recent-post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recent-post-content h4 {
  font-size: 15px;
  margin-bottom: 8px;
}

.recent-post-content h4 a {
  color: var(--theme-color2);
  text-decoration: none;
  transition: all 0.3s ease;
}

.recent-post-content h4 a:hover {
  color: var(--theme-color);
}

.recent-post-date {
  font-size: 13px;
  color: var(--color-text-soft);
  display: flex;
  align-items: center;
  gap: 5px;
}

.recent-post-date i {
  color: var(--theme-color);
}

.tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tags-list a {
  padding: 8px 20px;
  background: var(--color-cream);
  color: var(--theme-color2);
  border-radius: 25px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.tags-list a:hover {
  background: var(--theme-color);
  color: var(--color-white);
}

.cta-widget .cta-content {
  text-align: center;
  padding: 30px 20px;
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  border-radius: 10px;
}

.cta-widget .cta-content i {
  font-size: 48px;
  color: var(--color-white);
  margin-bottom: 15px;
}

.cta-widget .cta-content h3 {
  font-size: 20px;
  color: var(--color-white);
  margin-bottom: 10px;
  border: none;
  padding: 0;
}

.cta-widget .cta-content p {
  font-size: 14px;
  color: var(--color-white);
  margin-bottom: 20px;
}

.cta-widget .cta-btn {
  display: inline-block;
  background: var(--color-white);
  color: var(--theme-color2);
  padding: 10px 30px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease;
}

.cta-widget .cta-btn:hover {
  background: var(--theme-color);
  color: var(--color-white);
}

/* ===========================
   CONTACT PAGE
   =========================== */

.contact-section {
  padding: 80px 0 60px;
  background-color: var(--color-white);
}

.contact-form-wrapper {
  background: var(--color-beige);
  border-radius: 15px;
  padding: 40px;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
}

.contact-form-wrapper h3 {
  font-size: 28px;
  color: var(--theme-color2);
  margin-bottom: 30px;
  font-weight: 700;
}

.form-group {
  margin-bottom: 25px;
}

.form-group label {
  display: block;
  font-weight: 600;
  color: var(--theme-color2);
  margin-bottom: 8px;
  font-size: 15px;
}

.form-control {
  width: 100%;
  padding: 14px 20px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.3s ease;
}

.form-control:focus {
  border-color: var(--theme-color);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}

textarea.form-control {
  resize: vertical;
  min-height: 150px;
}

.form-check {
  padding-left: 0;
}

.form-check-input {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  cursor: pointer;
}

.form-check-label {
  font-size: 14px;
  color: var(--color-text-soft);
  cursor: pointer;
}

.form-check-label a {
  color: var(--theme-color);
  text-decoration: none;
}

.form-check-label a:hover {
  text-decoration: underline;
}

.submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  color: var(--color-white);
  padding: 15px 40px;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}

.submit-btn:hover {
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  transform: translateY(-3px);
  box-shadow: 0 5px 20px rgba(var(--color-primary-rgb), 0.3);
}

.contact-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.contact-info-box {
  background: var(--color-white);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  display: flex;
  gap: 20px;
  align-items: flex-start;
  transition: all 0.3s ease;
}

.contact-info-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px var(--color-shadow);
}

.contact-info-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.contact-info-icon i {
  font-size: 24px;
  color: var(--color-white);
}

.contact-info-content h4 {
  font-size: 18px;
  color: var(--theme-color2);
  margin-bottom: 12px;
  font-weight: 700;
}

.contact-info-content p {
  font-size: 15px;
  color: var(--color-text-soft);
  margin: 5px 0;
  line-height: 24px;
}

.contact-info-content a {
  display: block;
  color: var(--color-text-soft);
  text-decoration: none;
  margin: 5px 0;
  transition: all 0.3s ease;
}

.contact-info-content a:hover {
  color: var(--theme-color);
}

.map-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-color);
  font-weight: 600;
  margin-top: 10px;
}

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

.contact-social {
  height: 100%;
  background: var(--color-white);
  border-radius: 15px;
  padding: 50px 30px;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  text-align: center;
}

.contact-social h4 {
  font-size: 18px;
  color: var(--theme-color2);
  margin-bottom: 20px;
  font-weight: 700;
}

.social-links {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.social-links a {
  width: 45px;
  height: 45px;
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  color: var(--color-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.social-links a:hover {
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  transform: translateY(-5px);
}

.map-section {
  margin-bottom: -5px;
}

.map-wrapper {
  width: 100%;
  height: 450px;
}

.map-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 991px) {
  .section-header h1 {
    font-size: 36px;
  }

  .detail-features-grid {
    grid-template-columns: 1fr;
  }

  .benefits-list {
    grid-template-columns: 1fr;
  }

  .schedule-row {
    grid-template-columns: 120px 1fr;
  }

  .schedule-day {
    padding: 15px;
    font-size: 14px;
  }

  .schedule-lessons {
    padding: 15px 20px;
    font-size: 14px;
  }

  .detail-sidebar {
    position: static;
    margin-top: 40px;
  }

  .blog-post-card {
    flex-direction: column;
  }

  .blog-post-image {
    width: 100%;
    height: 250px;
  }
}

@media (max-width: 767px) {
  .section-header h1 {
    font-size: 28px;
  }

  .section-header p {
    font-size: 16px;
  }

  .education-section,
  .services-section,
  .blog-section,
  .contact-section,
  .education-detail-section,
  .service-detail-section {
    padding: 50px 0;
  }

  .education-image,
  .service-image {
    height: 200px;
  }

  .education-content,
  .service-content {
    padding: 20px;
  }

  .education-content h3,
  .service-content h3 {
    font-size: 20px;
    margin-top: 30px;
  }

  .detail-image {
       height: fit-content;
        display: flex;
        flex-direction: column;
  }
  .main-cont{
       height: fit-content;
        display: flex;
        flex-direction: column-reverse;
  }
  .content-1{
    width: 100%;
    margin-top: 15px;
  }

  .detail-content {
    padding: 25px;
  }

  .detail-content h1 {
    font-size: 28px;
  }

  .detail-content .lead {
    font-size: 18px;
    line-height: 28px;
  }

  .detail-text h3 {
    font-size: 20px;
  }

  .detail-feature-box {
    padding: 20px;
  }

  .detail-feature-box i {
    font-size: 32px;
  }

  .detail-feature-box h4 {
    font-size: 16px;
  }

  .process-step {
    flex-direction: column;
    gap: 15px;
  }

  .step-number {
    font-size: 24px;
  }

  .blog-post-content h2 {
    font-size: 20px;
  }

  .blog-pagination ul li a {
    width: 40px;
    height: 40px;
  }

  .contact-form-wrapper {
    padding: 25px;
  }

  .contact-form-wrapper h3 {
    font-size: 22px;
  }

  .contact-info-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .services-cta {
    padding: 50px 0;
  }

  .cta-content h2 {
    font-size: 28px;
  }

  .cta-content p {
    font-size: 16px;
  }

  .map-wrapper {
    height: 300px;
  }
}

/* ===========================
   BLOG SAYFASI - 3 SÃœTUNLU KARTLAR
   =========================== */

/*BUTTONS*/

/* CSS */
.button-30 {
  align-items: center;
  appearance: none;
  background-color: #FCFCFD;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-mono);
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s, transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow, transform;
  font-size: 18px;
}

.button-30 a {
  color: var(--theme-color2);
}

.button-30:focus {
  box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.button-30:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  transform: translateY(-2px);
}

.button-30:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
}

.blog-card-simple {
  background: var(--color-white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  transition: all 0.3s ease;
  margin-bottom: 30px;
  height: 400px;
  display: flex;
  flex-direction: column;
}

.blog-card-simple:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.blog-card-image {
  position: relative;
  height: 300px;
  overflow: hidden;
}

.blog-card-image a img {
  width: 100%;
  height: 100%;
  object-fit: none;
  transition: all 0.5s ease;
}

.blog-card-simple:hover .blog-card-image img {
  transform: scale(1.1);
}

.blog-date-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  color: var(--color-white);
  width: 65px;
  height: 65px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 20px rgba(var(--color-primary-rgb), 0.4);
  z-index: 10;
}

.blog-date-badge .day {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.blog-date-badge .month {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 2px;
}

.blog-card-content {
  padding: 25px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.blog-category-tag {
  display: inline-block;
  background: var(--color-cream);
  color: var(--theme-color2);
  padding: 6px 15px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 15px;
  align-self: flex-start;
}

.blog-card-content h3 {
  font-size: 20px;
  margin-bottom: 12px;
  line-height: 1.4;
}

.blog-card-content h3 a {
  color: var(--theme-color2);
  text-decoration: none;
  transition: all 0.3s ease;
}

.blog-card-content h3 a:hover {
  color: var(--theme-color);
}

.blog-card-content p {
  font-size: 15px;
  color: var(--color-text-soft);
  line-height: 24px;
  margin: 0;
  flex: 1;
}

/* ===========================
   BLOG DETAY - FULL WIDTH
   =========================== */

.blog-detail-section-full {
  padding: 0;
  background-color: var(--color-white);
}

.blog-hero-image {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
  margin: 50px 0;
  border-radius: 20px;
}

.blog-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-hero-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  padding: 60px 0 40px;
}

.blog-hero-content {
  color: var(--color-white);
}

.blog-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  align-items: center;
  justify-content: right;
}

.blog-hero-category {
  background: var(--theme-color);
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 20px;
  font-weight: 700;
}

.blog-hero-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
}

.blog-hero-date i {
  color: var(--theme-color);
  font-size: 22px;
}

.blog-detail-full {
  background: var(--color-white);
}

.blog-detail-body {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 15px;
}

.blog-detail-body h1 {
  font-size: 42px;
  color: var(--theme-color2);
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.blog-lead {
  font-size: 20px;
  color: var(--color-text-soft);
  line-height: 32px;
  margin-bottom: 40px;
  font-weight: 500;
  padding: 25px;
  background: var(--color-cream);
  border-left: 5px solid var(--theme-color);
  border-radius: 5px;
}

.blog-content-text h2 {
  font-size: 28px;
  color: var(--theme-color2);
  margin: 35px 0 15px;
  font-weight: 700;
}

.blog-content-text h3 {
  font-size: 22px;
  color: var(--theme-color2);
  margin: 25px 0 12px;
  font-weight: 700;
}

.blog-content-text p {
  font-size: 17px;
  color: var(--color-text-soft);
  line-height: 30px;
  margin-bottom: 20px;
}

.blog-content-text ul {
  list-style: none;
  padding: 0;
  margin: 25px 0;
}

.blog-content-text ul li {
  padding: 10px 0 10px 35px;
  position: relative;
  font-size: 17px;
  color: var(--color-text-soft);
  line-height: 28px;
}

.blog-content-text ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 10px;
  color: var(--theme-color);
  font-size: 14px;
}

.content-quote {
  background: linear-gradient(135deg, var(--theme-color2) 0%, var(--color-primary-dark) 100%);
  padding: 40px;
  border-radius: 10px;
  margin: 40px 0;
  position: relative;
  color: var(--color-white);
}

.content-quote i {
  font-size: 50px;
  color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 25px;
  left: 30px;
}

.content-quote p {
  font-size: 22px;
  font-style: italic;
  color: var(--color-white);
  margin: 0 0 15px 0;
  padding-left: 55px;
  line-height: 34px;
}

.content-quote span {
  display: block;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  text-align: right;
  font-weight: 600;
}

.content-highlight {
  background: var(--color-beige);
  border-left: 5px solid var(--color-primary);
  padding: 30px;
  border-radius: 5px;
  margin: 35px 0;
}

.content-highlight h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 22px;
  color: var(--theme-color2);
  margin: 0 0 15px 0;
  font-weight: 700;
}

.content-highlight h3 i {
  color: var(--color-primary);
  font-size: 26px;
}

.content-highlight p {
  font-size: 16px;
  color: var(--color-text-soft);
  margin: 0;
  line-height: 28px;
}

.content-conclusion {
  background: linear-gradient(135deg, var(--color-cream) 0%, var(--color-border) 100%);
  padding: 35px;
  border-radius: 10px;
  margin: 40px 0 0;
  border-left: 5px solid var(--theme-color2);
}

.content-conclusion h3 {
  font-size: 24px;
  color: var(--theme-color2);
  margin: 0 0 15px 0;
  font-weight: 700;
}

.content-conclusion p {
  font-size: 17px;
  color: var(--color-text-soft);
  line-height: 30px;
  margin: 0;
}

/* ===========================
   BLOG GALERÄ°
   =========================== */

.blog-gallery-section {
  margin: 60px 0;
  padding: 40px 0;
  border-top: 2px solid var(--color-cream);
  border-bottom: 2px solid var(--color-cream);
}

.blog-gallery-section h2 {
  font-size: 30px;
  color: var(--theme-color2);
  margin-bottom: 30px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
}

.blog-gallery-section h2 i {
  color: var(--theme-color);
}

.blog-gallery-section .gallery-item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
  aspect-ratio: 1 / 1;
}

.blog-gallery-section .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.blog-gallery-section .gallery-item:hover img {
  transform: scale(1.1);
}

.blog-gallery-section .gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-primary-rgb), 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
}

.blog-gallery-section .gallery-item:hover .gallery-overlay {
  opacity: 1;
}

.blog-gallery-section .gallery-overlay i {
  font-size: 36px;
  color: var(--color-white);
}

/* ===========================
   BLOG ETİKETLER VE PAYLAŞIM
   =========================== */

.blog-tags-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 30px 0;
  border-top: 2px solid var(--color-cream);
  border-bottom: 2px solid var(--color-cream);
  margin: 40px 0;
}

.blog-tags,
.blog-share {
  display: flex;
  align-items: center;
  gap: 15px;
}

.blog-tags h4,
.blog-share h4 {
  font-size: 18px;
  color: var(--theme-color2);
  margin: 0;
  font-weight: 700;
}

/* ===========================
   Ä°LGÄ°LÄ° YAZILAR
   =========================== */

.related-posts-full {
  margin: 60px 0;
}

.related-posts-full h3 {
  font-size: 30px;
  color: var(--theme-color2);
  margin-bottom: 30px;
  font-weight: 700;
}

.related-card {
  background: var(--color-white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  transition: all 0.3s ease;
  margin-bottom: 30px;
  height: 100%;
}

.related-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.related-card-image {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.related-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.related-card:hover .related-card-image img {
  transform: scale(1.1);
}

.related-date-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--color-primary-light) 100%);
  color: var(--color-white);
  width: 55px;
  height: 55px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 15px rgba(var(--color-primary-rgb), 0.4);
}

.related-date-badge .day {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.related-date-badge .month {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 2px;
}

.related-card-content {
  padding: 20px;
}

.related-card-content h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

.related-card-content h4 a {
  color: var(--theme-color2);
  text-decoration: none;
  transition: all 0.3s ease;
}

.related-card-content h4 a:hover {
  color: var(--theme-color);
}

.related-card-content p {
  font-size: 14px;
  color: var(--color-text-soft);
  line-height: 22px;
  margin: 0;
}

/* ===========================
   RESPONSIVE - BLOG
   =========================== */

@media (max-width: 991px) {
  .blog-hero-image {
    height: 450px;
  }

  .blog-detail-body h1 {
    font-size: 34px;
  }

  .blog-content-text h2 {
    font-size: 24px;
  }

  .blog-tags-share {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .blog-card-image {
    height: 200px;
  }

  .blog-date-badge {
    width: 55px;
    height: 55px;
  }

  .blog-date-badge .day {
    font-size: 20px;
  }

  .blog-date-badge .month {
    font-size: 11px;
  }

  .blog-card-content {
    padding: 20px;
  }

  .blog-card-content h3 {
    font-size: 18px;
  }

  .blog-hero-image {
    height: 300px;
  }

  .blog-hero-overlay {
    padding: 40px 0 25px;
  }

  .blog-hero-meta {
    gap: 15px;
  }

  .blog-detail-body {
    padding: 40px 15px;
  }

  .blog-detail-body h1 {
    font-size: 26px;
  }

  .blog-lead {
    font-size: 17px;
    line-height: 28px;
    padding: 20px;
  }

  .blog-content-text h2 {
    font-size: 22px;
  }

  .blog-content-text p {
    font-size: 16px;
    line-height: 28px;
  }

  .content-quote {
    padding: 25px;
  }

  .content-quote p {
    font-size: 18px;
    line-height: 28px;
    padding-left: 40px;
  }

  .content-quote i {
    font-size: 36px;
  }

  .blog-gallery-section h2 {
    font-size: 24px;
  }

  .related-posts-full h3 {
    font-size: 24px;
  }
}

/*URUN DETAY*/
.product-detail{
  padding:80px 0 40px;
  font-family:Arial;
  background:
    radial-gradient(circle at top right, rgba(201, 166, 70, 0.10), transparent 26%),
    linear-gradient(180deg, #fbf8f1 0%, #ffffff 42%, #ffffff 100%);
}
 
.pd-container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}
 
.pd-hero{
  margin-bottom:64px;
}
 
.pd-hero .pd-container{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap:44px;
  align-items:center;
}
 
.pd-left{
  height: 100%;
  min-width:0;
}

.pd-right{
  min-width:0;
  display:grid;
  gap:18px;
}
 
.pd-hero-media,
.pd-showcase-media{
  position:relative;
  overflow:hidden;
  aspect-ratio:1 / 1;
  border:1px solid var(--color-beige);
  border-radius:24px;
  background-color:var(--color-white);
  box-shadow:0 22px 52px rgba(0, 0, 0, 0.12);
}

.pd-hero-media img,
.pd-showcase-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transition:transform 0.6s ease;
}

.pd-hero-media:hover img,
.pd-showcase-media:hover img{
  transform:scale(1.05);
}
 
.pd-intro{
  margin:24px 0;
  color:var(--color-text-soft);
  font-size:18px;
  line-height:1.9;
}
 
.pd-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px 16px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}

.pd-list li{
  position:relative;
  min-height:100%;
  padding:16px 18px 16px 46px;
  border:1px solid rgba(201, 166, 70, 0.22);
  border-radius:16px;
  background:rgba(255, 255, 255, 0.92);
  box-shadow:0 10px 24px rgba(0, 0, 0, 0.04);
  color:var(--theme-color2);
  font-weight:600;
  line-height:1.6;
}

.pd-list li:before{
  content:"";
  position:absolute;
  top:20px;
  left:18px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--theme-color), #e3c778);
  box-shadow:0 0 0 6px rgba(201, 166, 70, 0.16);
}
 
.pd-btn{
  display:inline-block;
  margin-top:28px;
  background:var(--theme-color2);
  color:var(--color-white);
  padding:14px 24px;
  border-radius:999px;
  box-shadow:0 14px 28px rgba(0, 0, 0, 0.14);
}

.pd-hero-notes{
  display:none;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.pd-note-card{
  min-height:100%;
  padding:20px 18px;
  border:1px solid rgba(201, 166, 70, 0.24);
  border-radius:18px;
  background:rgba(255, 255, 255, 0.95);
  box-shadow:0 14px 30px rgba(0, 0, 0, 0.05);
}

.pd-note-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  margin-bottom:16px;
  border-radius:50%;
  background:var(--theme-color2);
  color:var(--theme-color);
  font-size:13px;
  font-weight:800;
}

.pd-note-card strong{
  display:block;
  margin-bottom:8px;
  color:var(--theme-color2);
  font-size:17px;
  line-height:1.35;
}

.pd-note-card p{
  margin:0;
  color:var(--color-text-soft);
  font-size:14px;
  line-height:1.7;
}

.pd-content .pd-container{
  padding:38px;
  border:1px solid var(--color-beige);
  border-radius:28px;
  background:var(--color-white);
  box-shadow:0 18px 45px rgba(0, 0, 0, 0.06);
}
 
.pd-content h2{
  margin-top:36px;
  margin-bottom:12px;
  color:var(--theme-color2);
  font-size:32px;
}
 
.pd-content p{
  margin-top:0;
  color:var(--color-text);
  font-size:17px;
  line-height:1.9;
}
 
.pd-showcase{
  display:grid;
  grid-template-columns:minmax(300px, 0.92fr) minmax(0, 1.08fr);
  gap:100px;
  align-items:stretch;
  margin:34px 0 18px;
}
 
.pd-showcase-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px;
  border:1px solid rgba(201, 166, 70, 0.2);
  border-radius:24px;
  background:linear-gradient(180deg, #fffdf8 0%, #f8f4eb 100%);
}

.pd-showcase-copy h3{
  margin:0 0 14px;
  color:var(--theme-color2);
  font-size:28px;
  line-height:1.2;
}

.pd-showcase-copy > p{
  margin-bottom:22px;
}

.pd-feature-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.pd-feature-card{
  padding:18px;
  border:1px solid rgba(201, 166, 70, 0.18);
  border-radius:18px;
  background:rgba(255, 255, 255, 0.95);
  box-shadow:0 10px 22px rgba(0, 0, 0, 0.04);
}

.pd-feature-card strong{
  display:block;
  margin-bottom:8px;
  color:var(--theme-color2);
  font-size:16px;
  line-height:1.35;
}

.pd-feature-card p{
  margin:0;
  color:var(--color-text-soft);
  font-size:14px;
  line-height:1.7;
}

.pd-image video{
  display:block;
  width: 100%;
  height: 700px;
}

/* Premium header redesign */
.site-header-premium {
  position: relative;
  z-index: 1000;
  background: #171614;
  box-shadow: 0 18px 42px rgba(15, 15, 15, 0.12);
}

.site-header-premium .header-area-wrapper {
  min-height: 118px;
  background:
    linear-gradient(90deg, rgba(15, 15, 15, 0.98) 0%, rgba(36, 34, 30, 0.96) 24%, rgba(255, 255, 255, 0) 24%),
    var(--color-white);
}

.site-header-premium .header-area-wrapper .logo-wrapper {
  width: 286px;
  min-height: 118px;
  margin-right: 0;
  padding: 18px 34px;
  background:
    radial-gradient(circle at 24% 18%, rgba(201, 166, 70, 0.22), transparent 34%),
    linear-gradient(135deg, #11100f 0%, #2a2723 100%);
  border-right: 1px solid rgba(201, 166, 70, 0.28);
}

.site-header-premium .header-area-wrapper .logo-wrapper .te-logo,
.site-header-premium .header-area-wrapper .logo-wrapper a {
  width: 100%;
}

.site-header-premium .header-area-wrapper .logo-wrapper img {
  width: 190px !important;
  height: auto !important;
  max-height: 112px;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.35));
}

.site-header-premium .header-inner {
  background: linear-gradient(180deg, #fbfaf7 0%, #ffffff 100%);
}

.site-header-premium .header-top {
  padding: 9px 0;
  background: linear-gradient(90deg, #201e1b 0%, #2f2a22 56%, #c9a646 100%);
  border-bottom: 1px solid rgba(201, 166, 70, 0.24);
}

.site-header-premium .header-top .te-header-top-wrapper {
  gap: 12px 32px;
}

.site-header-premium .header-top .te-header-contact-info span {
  max-width: 760px;
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--font-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.site-header-premium .header-top .te-header-contact-info span i {
  color: var(--color-primary-light);
}

.site-header-premium .header-top .te-social-profile {
  gap: 8px;
}

.site-header-premium .header-top .te-social-profile a {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-white) !important;
  backdrop-filter: blur(8px);
}

.site-header-premium .header-top .te-social-profile a:hover {
  background: var(--color-white);
  color: var(--theme-color2) !important;
  transform: translateY(-2px);
}

.site-header-premium .te-header-menu-area.te-sticky-header {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(229, 224, 214, 0.8);
  box-shadow: 0 12px 30px rgba(15, 15, 15, 0.07);
}

.site-header-premium .te-header-menu-area.te-sticky_menu {
  margin: 0;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(201, 166, 70, 0.22);
  box-shadow: 0 16px 36px rgba(15, 15, 15, 0.1);
}

.site-header-premium .te-header-menu-area > .container > .row > .col-12 {
  min-height: 78px;
  gap: 22px;
  justify-content: flex-end !important;
}

.site-header-premium .te-header-menu-area:not(.te-sticky_menu) .te-logo-wrapper {
  display: none;
}

.site-header-premium .te-header-menu-area.te-sticky_menu .te-logo {
  height: 70px;
}

.site-header-premium .te-header-menu-area.te-sticky_menu .te-logo .te-sticky-logo img {
  height: 76px;
  width: auto;
  object-fit: contain;
}

.site-header-premium .te-main-menu > ul {
  display: flex;
  align-items: center;
  gap: 3px;
}

.site-header-premium .te-menu {
  min-width: 0;
  flex: 1 1 auto;
}

.site-header-premium .te-main-menu ul li a {
  padding: 29px 12px;
  color: #24211d !important;
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.site-header-premium .te-header-menu-area.te-sticky_menu .te-main-menu ul li a {
  padding: 27px 12px;
}

.site-header-premium .te-main-menu > ul > li > a {
  border-radius: 999px;
}

.site-header-premium .te-main-menu > ul > li > a:before {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 19px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--theme-color), transparent);
  opacity: 0;
  transform: scaleX(0.2);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.site-header-premium .te-main-menu > ul > li:hover > a,
.site-header-premium .te-main-menu > ul > li.te-active > a {
  color: var(--theme-color) !important;
  background: rgba(201, 166, 70, 0.08);
}

.site-header-premium .te-main-menu > ul > li:hover > a:before,
.site-header-premium .te-main-menu > ul > li.te-active > a:before {
  opacity: 1;
  transform: scaleX(1);
}

.site-header-premium .te-main-menu ul ul {
  min-width: 235px;
  border: 1px solid rgba(229, 224, 214, 0.95);
  border-top: 3px solid var(--theme-color);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 22px 45px rgba(15, 15, 15, 0.12);
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(201, 166, 70, 0.55) rgba(229, 224, 214, 0.35);
}

.site-header-premium .te-main-menu ul ul::-webkit-scrollbar {
  width: 6px;
}

.site-header-premium .te-main-menu ul ul::-webkit-scrollbar-track {
  background: rgba(229, 224, 214, 0.35);
}

.site-header-premium .te-main-menu ul ul::-webkit-scrollbar-thumb {
  background: rgba(201, 166, 70, 0.55);
  border-radius: 999px;
}
.site-header-premium .te-main-menu ul ul {
  scroll-behavior: smooth;
}

.site-header-premium .te-main-menu ul ul::before,
.site-header-premium .te-main-menu ul ul::after {
  content: "";
  position: sticky;
  left: 0;
  display: block;
  width: 100%;
  height: 14px;
  pointer-events: none;
  z-index: 2;
}

.site-header-premium .te-main-menu ul ul::before {
  top: 0;
  margin-bottom: -14px;
  background: linear-gradient(to bottom, rgba(255,255,255,0.96), rgba(255,255,255,0));
}

.site-header-premium .te-main-menu ul ul::after {
  bottom: 0;
  margin-top: -14px;
  background: linear-gradient(to top, rgba(255,255,255,0.96), rgba(255,255,255,0));
}

.site-header-premium .te-main-menu ul ul li {
  width: 235px;
}

.site-header-premium .te-main-menu ul ul li a,
.site-header-premium .te-header-menu-area.te-sticky_menu .te-main-menu ul li ul li a {
  padding: 13px 18px;
  border-bottom: 1px solid rgba(229, 224, 214, 0.7);
  color: var(--theme-color2) !important;
  font-size: 14px;
  line-height: 1.35;
  background: var(--color-white);
}

.site-header-premium .te-main-menu ul ul li a:hover,
.site-header-premium .te-header-menu-area.te-sticky_menu .te-main-menu ul li ul li a:hover {
  color: var(--color-white) !important;
  background: var(--theme-color);
}

.site-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 8px;
  flex: 0 0 auto;
}

.site-header-phone,
.site-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border-radius: 999px;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.site-header-phone {
  padding: 0 15px;
  color: var(--theme-color2) !important;
  background: #f7f1e5;
  border: 1px solid rgba(201, 166, 70, 0.28);
}

.site-header-phone i {
  color: var(--theme-color);
}

.site-header-cta {
  padding: 0 19px;
  color: var(--color-white) !important;
  background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  box-shadow: 0 12px 24px rgba(201, 166, 70, 0.28);
}

.site-header-phone:hover,
.site-header-cta:hover {
  transform: translateY(-2px);
}

.site-header-cta:hover {
  color: var(--color-white) !important;
  box-shadow: 0 16px 28px rgba(201, 166, 70, 0.34);
}

.site-header-premium .te-mobile-menu-bar {
  margin-left: auto;
}

.site-header-premium .te-mobile-menu-toggle-btn {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--color-white) !important;
  background: var(--theme-color2);
  box-shadow: 0 12px 24px rgba(15, 15, 15, 0.14);
}

@media (max-width: 1399px) {
  .site-header-premium .header-area-wrapper .logo-wrapper {
    width: 238px;
    padding: 16px 26px;
  }

  .site-header-premium .te-main-menu ul li a,
  .site-header-premium .te-header-menu-area.te-sticky_menu .te-main-menu ul li a {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 14px;
  }

  .site-header-phone span {
    display: none;
  }

  .site-header-cta {
    padding: 0 15px;
  }
}

@media (max-width: 1199px) {
  .site-header-premium .header-area-wrapper {
    min-height: 82px;
    background: var(--color-white);
  }

  .site-header-premium .te-header-menu-area:not(.te-sticky_menu) .te-logo-wrapper {
    display: block;
  }

  .site-header-premium .te-header-menu-area > .container > .row > .col-12 {
    min-height: 82px;
    justify-content: space-between !important;
  }

  .site-header-premium .te-header-menu-area .te-logo {
    height: 76px;
  }

  .site-header-premium .te-header-menu-area .te-logo .te-sticky-logo img {
    height: 72px;
    width: auto;
    object-fit: contain;
  }

  .site-header-actions {
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  .site-header-premium .header-top {
    display: none;
  }

  .site-header-actions {
    display: none;
  }
}

@media (max-width: 575px) {
  .site-header-premium .te-header-menu-area > .container > .row > .col-12 {
    min-height: 74px;
  }

  .site-header-premium .te-header-menu-area .te-logo {
    height: 70px;
  }

  .site-header-premium .te-header-menu-area .te-logo .te-sticky-logo img {
    height: 64px;
  }

  .site-header-premium .te-mobile-menu-toggle-btn {
    width: 42px;
    height: 42px;
  }
}
 
.pd-faq p{
  margin-top:15px;
}

.product-detail + .container{
  margin-top:0;
  margin-bottom:36px;
}

.product-detail + .container h2{
  margin:0;
  color:var(--theme-color2);
  font-size:30px;
}
 
@media(max-width:768px){
  .pd-hero .pd-container{
    grid-template-columns:1fr;
    gap:28px;
  }

  .pd-list,
  .pd-hero-notes,
  .pd-feature-grid,
  .pd-showcase{
    grid-template-columns:1fr;
  }

  .pd-content .pd-container{
    padding:24px 20px;
    border-radius:20px;
  }

  .pd-content h2{
    font-size:26px;
  }

  .pd-showcase-copy{
    padding:22px 18px;
  }

  .pd-showcase-copy h3{
    font-size:24px;
  }
}

/* Contact page refinements */
.contact-form-wrapper,
.contact-info-item,
.contact-social,
.map-wrapper {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  box-shadow: 0 10px 30px var(--color-shadow-soft);
}

.contact-info-wrapper {
  gap: 16px;
}

.contact-info-item {
  align-items: flex-start;
  padding: 22px;
}

.contact-info-item:hover {
  transform: none;
  box-shadow: 0 10px 30px var(--color-shadow-soft);
}

.contact-info-icon {
  background: var(--color-primary);
  color: var(--color-primary);
}

.contact-info-content {
  width: 100%;
}

.contact-info-content h4 {
  color: var(--color-black);
}

.contact-info-content p,
.contact-info-content a {
  color: var(--color-text-soft);
}

.contact-social {
  height: auto;
  padding: 24px;
}

.social-links a {
  border: 1px solid var(--color-border);
  box-shadow: 0 8px 22px var(--color-shadow-soft);
}

.map-wrapper {
  overflow: hidden;
}

/*OZEL BUTTON*/

/* CSS */
.button-74 {
  background-color: var(--theme-color);
  border: 2px solid var(--theme-color2);
  border-radius: 30px;
  box-shadow: #422800 4px 4px 0 0;
  color: #422800;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  padding: 0 18px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: fit-content;
}

.button-74:hover {
  background-color: var(--theme-color2);
}

.button-74:active {
  box-shadow: #422800 2px 2px 0 0;
  transform: translate(2px, 2px);
}

@media (min-width: 768px) {
  .button-74 {
    min-width: 120px;
    padding: 0 25px;
  }
}

.home-blog-card {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 5px 20px var(--color-shadow-soft);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.home-blog-card-image {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.home-blog-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.5s ease;
}

.home-blog-card:hover .home-blog-card-image img {
  transform: scale(1.06);
}

.home-blog-card-date {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: var(--theme-color);
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.18);
}

.home-blog-card-date span:first-child {
  font-size: 25px;
  font-weight: 800;
  line-height: 1;
}

.home-blog-card-date span:last-child {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.home-blog-card-content {
  padding: 24px;
}

.home-blog-card-content h3 {
  min-height: 62px;
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.4;
}

.home-blog-card-content h3 a {
  color: var(--theme-color2);
  text-decoration: none;
}

.home-blog-card-content h3 a:hover {
  color: var(--theme-color);
}

.home-blog-card-content .button-74 {
  font-size: 15px;
  line-height: 42px;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .home-blog-card-content {
    padding: 20px;
  }

  .home-blog-card-content h3 {
    min-height: auto;
    font-size: 20px;
  }
}

.blog-detail-section-full {
  padding: 70px 0 90px;
  background-color: var(--color-cream);
}

.blog-detail-section-full .container {
  max-width: 1180px;
}

.blog-hero-image {
  height: min(560px, 55vw);
  min-height: 360px;
  margin: 0 0 34px;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
}

.blog-hero-image img {
  object-fit: cover;
  object-position: center center;
}

.blog-hero-overlay {
  padding: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.62), transparent 68%);
}

.blog-hero-content {
  position: absolute;
  right: 28px;
  bottom: 28px;
}

.blog-hero-meta {
  justify-content: flex-end;
}

.blog-hero-date {
  padding: 11px 18px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.92);
  color: var(--theme-color2);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.blog-hero-date i {
  color: var(--theme-color);
  font-size: 16px;
}

.blog-detail-full {
  margin: 0 auto;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.06);
}

.blog-detail-body {
  max-width: none;
  padding: 46px 54px 52px;
}

.blog-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.blog-detail-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid var(--color-beige);
  border-radius: 30px;
  background-color: var(--color-cream);
  color: var(--theme-color2);
  font-size: 14px;
  font-weight: 700;
}

.blog-detail-meta i {
  color: var(--theme-color);
}

.blog-detail-body h1 {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-beige);
  font-size: 42px;
  font-weight: 900;
  line-height: 1.22;
}

.blog-content-text {
  color: var(--color-text-soft);
  font-size: 17px;
  line-height: 1.85;
}

.blog-content-text > *:first-child {
  margin-top: 0;
}

.blog-content-text p {
  margin-bottom: 22px;
  font-size: 17px;
  line-height: 1.85;
}

.blog-content-text img {
  max-width: 100%;
  height: auto;
  margin: 28px 0;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
}

.blog-content-text h2,
.blog-content-text h3 {
  color: var(--theme-color2);
  line-height: 1.3;
}

.blog-detail-actions {
  margin-top: 34px;
  padding-top: 28px;
  border-top: 1px solid var(--color-beige);
}

.blog-detail-gallery {
  max-width: 940px;
  margin: 42px auto 0;
}

.blog-detail-gallery-item {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.blog-detail-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.5s ease;
}

.blog-detail-gallery-item:hover img {
  transform: scale(1.06);
}

@media (max-width: 991px) {
  .blog-detail-section-full {
    padding: 50px 0 70px;
  }

  .blog-detail-body {
    padding: 38px 34px 42px;
  }

  .blog-detail-body h1 {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .blog-detail-section-full {
    padding: 34px 0 54px;
  }

  .blog-hero-image {
    height: auto;
    min-height: 0;
    aspect-ratio: 1 / 1;
    margin-bottom: 24px;
  }

  .blog-hero-content {
    right: 16px;
    bottom: 16px;
  }

  .blog-hero-date {
    font-size: 13px;
  }

  .blog-detail-body {
    padding: 28px 20px 32px;
  }

  .blog-detail-body h1 {
    font-size: 27px;
  }

  .blog-content-text,
  .blog-content-text p {
    font-size: 16px;
    line-height: 1.75;
  }
}

.home-about-section {
  position: relative;
  margin: 0;
  padding: 115px 0;
  overflow: hidden;
  background:
    linear-gradient(90deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-cream) 50%, var(--color-cream) 100%);
}

.home-about-section:before {
  content: "";
  position: absolute;
  inset: 38px 0;
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.08), rgba(15, 15, 15, 0.04));
  pointer-events: none;
}

.home-about-content {
  position: relative;
  z-index: 2;
  max-width: 640px;
  padding: 12px 36px 12px 0;
}

.home-about-subtitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--theme-color);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.home-about-subtitle:before {
  content: "";
  width: 48px;
  height: 2px;
  background-color: var(--theme-color);
}

.home-about-content h2 {
  margin: 0 0 24px;
  color: var(--theme-color2);
  font-size: 48px;
  font-weight: 900;
  line-height: 1.12;
}

.home-about-content p {
  max-width: 590px;
  margin-bottom: 18px;
  color: var(--color-text-soft);
  font-size: 17px;
  line-height: 1.85;
}

.home-about-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 34px 0 36px;
}

.home-about-feature {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 118px;
  padding: 20px;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.88);
  color: var(--theme-color2);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.home-about-feature:hover {
  transform: translateY(-6px);
  border-color: var(--theme-color);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

.home-about-feature i {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  background-color: var(--theme-color2);
  color: var(--theme-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.home-about-feature strong {
  display: block;
  margin-bottom: 7px;
  color: var(--theme-color2);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}

.home-about-feature span {
  display: block;
  color: var(--color-text-soft);
  font-size: 14px;
  line-height: 1.55;
}

.home-about-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
}

.home-about-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--theme-color2);
  font-weight: 900;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
}

.home-about-link:hover {
  color: var(--theme-color);
  transform: translateX(4px);
}

.home-about-visual {
  position: relative;
  z-index: 2;
  min-height: 640px;
  padding: 12px 0 0 28px;
}

.home-about-image {
  overflow: hidden;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.14);
}

.home-about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.7s ease;
}

.home-about-image-main {
  width: 88%;
  height: 585px;
  margin-left: auto;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 82% 100%, 0 100%);
  transform: translate3d(var(--about-main-x, 0), var(--about-main-y, 0), 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-about-image-secondary {
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 46%;
  height: 270px;
  border: 8px solid var(--color-white);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
  transform: translate3d(var(--about-second-x, 0), var(--about-second-y, 0), 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-about-badge {
  position: absolute;
  right: 34px;
  bottom: 36px;
  width: 156px;
  min-height: 156px;
  padding: 22px 18px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.55);
  border-radius: 50%;
  background-color: var(--theme-color2);
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
  transform: translate3d(var(--about-badge-x, 0), var(--about-badge-y, 0), 0);
  transition: transform 0.3s ease;
}

.home-about-badge:before {
  content: "";
  position: absolute;
  inset: -9px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.35);
  border-radius: 50%;
  animation: motionPulseRing 2.6s ease-out infinite;
}

.home-about-badge strong {
  color: var(--theme-color);
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}

.home-about-badge span {
  margin-top: 7px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.home-about-visual:hover .home-about-image-main img {
  transform: scale(1.07);
}

.home-about-visual:hover .home-about-image-secondary img {
  transform: scale(1.1);
}

.home-about-visual:hover .home-about-badge {
  transform: translate3d(var(--about-badge-x, 0), calc(var(--about-badge-y, 0px) - 10px), 0) rotate(-4deg);
}

@media (max-width: 1199px) {
  .home-about-content h2 {
    font-size: 40px;
  }

  .home-about-visual {
    min-height: 570px;
  }

  .home-about-image-main {
    height: 520px;
  }
}

@media (max-width: 991px) {
  .home-about-section {
    margin: 50px 0;
    padding: 85px 0;
    background: var(--color-cream);
  }

  .home-about-content {
    max-width: none;
    padding-right: 0;
  }

  .home-about-content h2 {
    font-size: 36px;
  }

  .home-about-visual {
    min-height: 550px;
    padding-left: 0;
  }
}

@media (max-width: 575px) {
  .home-about-section {
    margin: 36px 0;
    padding: 60px 0;
  }

  .home-about-content h2 {
    font-size: 30px;
  }

  .home-about-features {
    grid-template-columns: 1fr;
  }

  .home-about-visual {
    min-height: auto;
    padding: 0 0 170px;
  }

  .home-about-image-main {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .home-about-image-secondary {
    left: 16px;
    bottom: 30px;
    width: 58%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .home-about-badge {
    right: 14px;
    bottom: 54px;
    width: 124px;
    min-height: 124px;
  }

  .home-about-badge strong {
    font-size: 28px;
  }
}

/* Site motion layer */
.motion-reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
}

.motion-reveal.motion-visible {
  opacity: 1;
  transform: translateY(0);
}

.motion-reveal.motion-left {
  transform: translateX(-34px);
}

.motion-reveal.motion-right {
  transform: translateX(34px);
}

.motion-reveal.motion-left.motion-visible,
.motion-reveal.motion-right.motion-visible {
  transform: translateX(0);
}

.motion-float {
  animation: motionFloat 5.5s ease-in-out infinite;
}

.motion-float-alt {
  animation: motionFloatAlt 6.5s ease-in-out infinite;
}

.motion-dodge.motion-visible,
.motion-dodge:not(.motion-reveal) {
  transform: translate3d(var(--motion-dodge-x, 0), var(--motion-dodge-y, 0), 0) rotate(var(--motion-dodge-rotate, 0deg));
  transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.28s ease;
  will-change: transform;
}

.motion-dodge.motion-visible:hover,
.motion-dodge:not(.motion-reveal):hover {
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.15);
}

.te-theme-btn,
.button-74,
.te-read-more-btn,
.home-about-link {
  position: relative;
  overflow: hidden;
}

.te-theme-btn:after,
.button-74:after,
.te-read-more-btn:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -75%;
  width: 45%;
  height: 200%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
  transform: rotate(18deg);
  transition: left 0.65s ease;
}

.te-theme-btn:hover:after,
.button-74:hover:after,
.te-read-more-btn:hover:after {
  left: 125%;
}

.home-blog-card,
.blog-card-simple,
.te-icon-card,
.te-post-card,
.blog-detail-gallery-item,
.home-about-feature {
  will-change: transform;
}

@keyframes motionFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

@keyframes motionFloatAlt {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(10px) rotate(1.5deg);
  }
}

@keyframes motionPulseRing {
  0% {
    opacity: 0.8;
    transform: scale(0.94);
  }
  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reveal,
  .motion-reveal.motion-left,
  .motion-reveal.motion-right,
  .motion-dodge {
    opacity: 1;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  .motion-float,
  .motion-float-alt {
    animation: none !important;
  }
}

/* Services and products landing pages */
.services-page-v2,
.products-page-v2 {
  padding: 90px 0;
  background: linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 36%, var(--color-white) 100%);
}

.services-hero-v2,
.products-hero-v2 {
  padding: 54px;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.07);
}

.services-eyebrow,
.products-eyebrow,
.services-process-title span,
.products-note-v2 span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  color: var(--theme-color);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.services-eyebrow:before,
.products-eyebrow:before,
.services-process-title span:before,
.products-note-v2 span:before {
  content: "";
  width: 42px;
  height: 2px;
  background-color: var(--theme-color);
}

.services-hero-content h1,
.products-hero-content h1 {
  max-width: 640px;
  margin-bottom: 24px;
  color: var(--theme-color2);
  font-size: 48px;
  font-weight: 900;
  line-height: 1.14;
}

.services-hero-content p,
.products-hero-content p {
  max-width: 610px;
  margin-bottom: 0;
  color: var(--color-text-soft);
  font-size: 17px;
  line-height: 1.85;
}

.services-hero-actions,
.products-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 34px;
}

.services-hero-actions span,
.products-hero-actions span {
  max-width: 290px;
  color: var(--color-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

.services-hero-image,
.products-hero-collage {
  position: relative;
  min-height: 500px;
}

.services-hero-image {
  overflow: hidden;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.13);
}

.services-hero-image img,
.products-hero-image img,
.product-card-v2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.7s ease;
}

.services-hero-image:hover img,
.products-hero-collage:hover img,
.product-card-v2:hover img {
  transform: scale(1.07);
}

.products-hero-image {
  overflow: hidden;
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.13);
}

.products-hero-image-main {
  width: 82%;
  height: 470px;
  margin-left: auto;
  clip-path: polygon(0 0, 100% 0, 100% 86%, 80% 100%, 0 100%);
}

.products-hero-image-small {
  position: absolute;
  left: 0;
  bottom: 24px;
  width: 45%;
  height: 230px;
  border: 8px solid var(--color-white);
}

.services-process-v2 {
  margin-top: 72px;
}

.services-process-title {
  max-width: 720px;
  margin-bottom: 30px;
}

.services-process-title h2,
.products-note-v2 h2 {
  margin: 0;
  color: var(--theme-color2);
  font-size: 34px;
  font-weight: 900;
  line-height: 1.22;
}

.services-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.service-step-card,
.service-card-v2,
.product-card-v2 {
  border: 1px solid var(--color-beige);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.service-step-card:hover,
.service-card-v2:hover,
.product-card-v2:hover {
  transform: translateY(-8px);
  border-color: var(--theme-color);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.11);
}

.service-step-card {
  padding: 28px 24px;
}

.service-step-card strong {
  display: block;
  margin-bottom: 18px;
  color: var(--theme-color);
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}

.service-step-card h3,
.service-card-v2 h3 {
  margin-bottom: 12px;
  color: var(--theme-color2);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3;
}

.service-step-card p,
.service-card-v2 p {
  margin: 0;
  color: var(--color-text-soft);
  font-size: 15px;
  line-height: 1.7;
}

.services-grid-v2,
.products-category-grid {
  display: grid;
  gap: 20px;
  margin-top: 58px;
}

.services-grid-v2 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.service-card-v2 {
  padding: 30px 26px;
}

.service-card-v2 i {
  width: 56px;
  height: 56px;
  margin-bottom: 22px;
  border-radius: 50%;
  background-color: var(--theme-color2);
  color: var(--theme-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.services-cta-v2,
.products-note-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 64px;
  padding: 38px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.35);
  border-radius: 8px;
  background-color: var(--theme-color2);
  color: var(--color-white);
}

.services-cta-v2 span {
  display: block;
  margin-bottom: 10px;
  color: var(--theme-color);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.services-cta-v2 h2 {
  max-width: 680px;
  margin: 0;
  color: var(--color-white);
  font-size: 30px;
  font-weight: 900;
  line-height: 1.25;
}

.products-category-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-card-v2 {
  overflow: hidden;
}

.product-card-v2 > a {
  display: block;
  overflow: hidden;
  color: inherit;
}

.product-card-v2 img {
  display: block;
  aspect-ratio: 4 / 3;
}

.product-card-v2 div {
  padding: 24px;
}

.product-card-v2 span {
  display: block;
  margin-bottom: 10px;
  color: var(--theme-color);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.product-card-v2 h3 {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.25;
}

.product-card-v2 h3 a {
  color: var(--theme-color2);
  text-decoration: none;
}

.product-card-v2 h3 a:hover {
  color: var(--theme-color);
}

.product-card-v2 p {
  min-height: 82px;
  margin-bottom: 18px;
  color: var(--color-text-soft);
  font-size: 15px;
  line-height: 1.7;
}

.product-card-v2 div > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-color2);
  font-weight: 900;
  text-decoration: none;
}

.product-card-v2 div > a:hover {
  color: var(--theme-color);
}

.products-note-v2 {
  background-color: var(--color-cream);
  color: var(--theme-color2);
}

.products-note-v2 p {
  max-width: 720px;
  margin: 14px 0 0;
  color: var(--color-text-soft);
  font-size: 16px;
  line-height: 1.75;
}

@media (max-width: 1199px) {
  .services-process-grid,
  .products-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .services-page-v2,
  .products-page-v2 {
    padding: 60px 0;
  }

  .services-hero-v2,
  .products-hero-v2 {
    padding: 34px;
  }

  .services-hero-content h1,
  .products-hero-content h1 {
    font-size: 36px;
  }

  .services-hero-image,
  .products-hero-collage {
    min-height: 430px;
  }

  .services-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .services-cta-v2,
  .products-note-v2 {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .services-page-v2,
  .products-page-v2 {
    padding: 42px 0;
  }

  .services-hero-v2,
  .products-hero-v2 {
    padding: 22px;
  }

  .services-hero-content h1,
  .products-hero-content h1 {
    font-size: 30px;
  }

  .services-hero-actions,
  .products-hero-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .services-hero-image {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }

  .products-hero-collage {
    min-height: auto;
    padding-bottom: 140px;
  }

  .products-hero-image-main {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .products-hero-image-small {
    left: 14px;
    bottom: 18px;
    width: 58%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .services-process-grid,
  .services-grid-v2,
  .products-category-grid {
    grid-template-columns: 1fr;
  }

  .services-process-title h2,
  .products-note-v2 h2,
  .services-cta-v2 h2 {
    font-size: 25px;
  }

  .product-card-v2 p {
    min-height: auto;
  }
}
.fancybox__carousel {
  z-index: 99999999 !important;
}

/* Typography refinement */
body {
  font-family: var(--font-secondary);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.72;
  color: var(--color-text-soft);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

p,
li,
span,
input,
textarea,
select,
button {
  font-family: var(--font-secondary);
  letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.te-slider-title,
.page-title,
.te-page-title,
.section-header h1,
.product-detail h1,
.product-detail h2,
.services-hero-content h1,
.products-hero-content h1,
.services-process-title h2,
.products-note-v2 h2,
.services-cta-v2 h2 {
  font-family: var(--font-primary) !important;
  font-weight: 700 !important;
  letter-spacing: 0;
}

h1,
.te-slider-title,
.services-hero-content h1,
.products-hero-content h1 {
  font-weight: 700 !important;
  line-height: 1.12;
}

h2,
.te-section-title .title,
.product-detail h2 {
  font-weight: 600 !important;
  line-height: 1.2;
}

h3,
h4,
h5,
h6,
.te-info-card .te-title-wrapper .title,
.te-process-step .title,
.te-icon-card .content .title,
.product-card-v2 h3,
.service-card-v2 h3,
.home-blog-card h3,
.te-footer-widget-title {
  font-weight: 600 !important;
}

.short-title,
.products-eyebrow,
.services-eyebrow,
.product-card-v2 span,
.service-card-v2 span {
  font-family: var(--font-secondary) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

.te-main-menu ul li a,
.site-header-phone,
.site-header-cta,
.te-theme-btn,
.button-74,
.te-read-more-btn,
.pd-btn,
.home-about-link,
.product-card-v2 div > a {
  font-family: var(--font-secondary) !important;
  font-weight: 700 !important;
  letter-spacing: 0;
}

.te-section-desc,
.te-section-desc p,
.content .desc,
.product-card-v2 p,
.service-card-v2 p,
.product-detail p,
.home-about-content p,
.te-testimonial-card-two .content p,
.faq-area p,
.footer p,
.te-footer-widget li a {
  font-family: var(--font-secondary) !important;
  font-weight: 400 !important;
  line-height: 1.72;
}

.te-info-card .content .desc,
.te-process-step .content .desc,
.te-icon-card .content .desc {
  font-size: 16px;
}

.site-header-premium .te-main-menu ul li a {
  font-weight: 700 !important;
}

.site-header-phone,
.site-header-cta {
  font-weight: 700 !important;
}

strong,
b {
  font-weight: 700;
}