:root {
  --theme-color: #5e52a3;
  --theme-color2: #5e52a3;
  --primary-color: #0B59DB;
  --title-color: #0B1422;
  --body-color: #6E7070;
  --smoke-color: #F2F5FA;
  --smoke-color2: #F3F4F6;
  --smoke-color3: #ebebeb;
  --smoke-color4: #F4F6F8;
  --black-color: #000000;
  --black-color2: #0D0D0C;
  --gray-color: #E1E4E5;
  --gray-color2: #999999;
  --white-color: #ffffff;
  --light-color: #E1E4E5;
  --light-bg-color: #242528;
  --dark-bg-color: #1A1B1D;
  --yellow-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --th-border-color: #D5D7DA;
  --th-border-color2: #E6E6E6;
  --brand-color: #79F4E4;
  --light-blue-color: #001C49;
  --title-font: "Plus Jakarta Sans", sans-serif;
  --body-font: "Inter", sans-serif;
  --style-font: "Nunito", sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1320px;
  --container-gutters: 24px;
  --section-space: 80px;
  --section-space-mobile: 80px;
  --section-title-space: 60px;
  --ripple-ani-duration: 2s}
html,
body {
  scroll-behavior:auto !important;
  background:var(--smoke-color4) !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale }
body {
  background:var(--smoke-color4) !important;
  font-family:var(--body-font);
  font-size:16px;
  font-weight:400;
  color:var(--body-color);
  line-height:26px;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased}
.theme-2 {
  --theme-color: var(--theme-color2)}
.theme-2 body {
  background-color:var(--smoke-color4)}
iframe {
  border:none;
  width:100%}
.slick-slide:focus,
button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  outline:none}
input:focus {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none}
img:not([draggable]),
embed,
object,
video {
  max-width:100%;
  height:auto}
ul {
  list-style-type:disc}
ol {
  list-style-type:decimal}
table {
  margin:0 0 1.5em;
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid var(--th-border-color)}
th {
  font-weight:700;
  color:var(--title-color)}
td,
th {
  border:1px solid var(--th-border-color);
  padding:9px 12px}
a {
  color:var(--theme-color);
  text-decoration:none;
  outline:0;
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
a:hover {
  color:var(--title-color)}
a:active,
a:focus,
a:hover,
a:visited {
  text-decoration:none;
  outline:0}
button {
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
img {
  border:none;
  max-width:100%}
ins {
  text-decoration:none}
pre {
  font-family:var(--body-font);
  background:#f5f5f5;
  color:#666;
  font-size:14px;
  margin:20px 0;
  overflow:auto;
  padding:20px;
  white-space:pre-wrap;
  word-wrap:break-word}
span.ajax-loader:empty,
p:empty {
  display:none}
p {
  font-family:var(--body-font);
  margin:0 0 18px 0;
  color:var(--body-color);
  line-height:1.75}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a {
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  line-height:inherit}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  font-family:var(--title-font);
  color:var(--title-color);
  text-transform:none;
  font-weight:700;
  line-height:1.4;
  margin:0 0 15px 0}
.h1,
h1 {
  font-size:80px;
  line-height:1.18}
.h2,
h2 {
  font-size:48px;
  line-height:1.327}
.h3,
h3 {
  font-size:32px;
  line-height:1.278}
.h4,
h4 {
  font-size:30px;
  line-height:1.333}
.h5,
h5 {
  font-size:24px;
  line-height:1.417}
.h6,
h6 {
  font-size:20px;
  line-height:1.5}

  .logo-img{
    width: 180px;
  }

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

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

@media(max-width: 575px) {
  .h1,
h1 {
  font-size:34px;
  line-height:1.35}
.h2,
h2 {
  font-size:30px}
}

@media(max-width: 375px) {
  .h1,
h1 {
  font-size:32px}
}
.theme-yellow {
  --theme-color: #FFEC40;
  --theme-color2: #FF4F38;
  --th-body-background: #13182B}
.theme-yellow .color-scheme-wrap .switchIcon {
  color:var(--black-color2)}
.theme-yellow .preloader .th-btn {
  color:var(--title-color)}
.theme-yellow .preloader .th-btn:hover {
  color:var(--white-color)}
.theme-yellow .slider-drag-cursor {
  color:var(--title-color)}
.theme-yellow .cursor-follower {
  mix-blend-mode:difference}
.theme-yellow .scroll-top svg {
  background:var(--black-color2)}
.theme-yellow2 {
  --theme-color: #FFEC40;
  --theme-color2: #3282FB}
.theme-yellow2 .color-scheme-wrap .switchIcon {
  color:var(--black-color2)}
.theme-yellow2 .preloader .th-btn {
  color:var(--title-color)}
.theme-yellow2 .preloader .th-btn:hover {
  color:var(--white-color)}
.theme-yellow2 .slider-drag-cursor {
  color:var(--title-color)}
.theme-yellow2 .cursor-follower {
  mix-blend-mode:difference}
.theme-yellow2 .scroll-top svg {
  background:var(--black-color2)}
.cursor-follower {
  position:fixed;
  background:var(--title-color);
  border:1px solid var(--title-color);
  width:15px;
  height:15px;
  border-radius:100%;
  z-index:999999;
  -webkit-transition:.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  transition:.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  -webkit-transition:.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
  transition:.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
  -webkit-transition:.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  transition:.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  pointer-events:none;
  -webkit-transform:translate(2px, 2px);
  transform:translate(2px, 2px);
  opacity:1;
  mix-blend-mode:multiply}
.cursor-follower.cursor-follower-big {
  -webkit-transform:translate(2px, 2px) scale(3);
  transform:translate(2px, 2px) scale(3)}
p.has-drop-cap {
  margin-bottom:20px}
.page--item p:last-child .alignright {
  clear:right}
.blog-title,
.pagi-title,
.breadcumb-title {
  word-break:break-word}
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption {
  color:var(--body-color)}
.bypostauthor,
.gallery-caption {
  display:block}
.page-links,
.clearfix {
  clear:both}
.page--item {
  margin-bottom:30px}
.page--item p {
  line-height:1.8}
.content-none-search {
  margin-top:30px}
.wp-block-button.aligncenter {
  text-align:center}
.alignleft {
  display:inline;
  float:left;
  margin-bottom:10px;
  margin-right:1.5em}
.alignright {
  display:inline;
  float:right;
  margin-bottom:10px;
  margin-left:1.5em;
  margin-right:1em}
.aligncenter {
  clear:both;
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:100%}
.gallery {
  margin-bottom:1.5em;
  width:100%}
.gallery-item {
  display:inline-block;
  text-align:center;
  vertical-align:top;
  width:100%;
  padding:0 5px}
.wp-block-columns {
  margin-bottom:1em}
figure.gallery-item {
  margin-bottom:10px;
  display:inline-block}
figure.wp-block-gallery {
  margin-bottom:14px}
.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;
  font-size:12px;
  color:var(--body-color);
  line-height:1.5;
  padding:.5em 0}
.wp-block-cover p:not(.has-text-color),
.wp-block-cover-image-text,
.wp-block-cover-text {
  color:var(--white-color)}
.wp-block-cover {
  margin-bottom:15px}
.wp-caption-text {
  text-align:center}
.wp-caption {
  margin-bottom:1.5em;
  max-width:100%}
.wp-caption .wp-caption-text {
  margin:.5em 0;
  font-size:14px}
.wp-block-media-text,
.wp-block-media-text.alignwide,
figure.wp-block-gallery {
  margin-bottom:30px}
.wp-block-media-text.alignwide {
  background-color:var(--smoke-color2)}
.editor-styles-wrapper .has-large-font-size,
.has-large-font-size {
  line-height:1.4}
.wp-block-latest-comments a {
  color:inherit}
.wp-block-button {
  margin-bottom:10px}
.wp-block-button:last-child {
  margin-bottom:0}
.wp-block-button .wp-block-button__link {
  color:#fff}
.wp-block-button .wp-block-button__link:hover {
  color:var(--white-color);
  background-color:var(--theme-color)}
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color:rgba(0,0,0,0);
  border-color:var(--title-color);
  color:var(--title-color)}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  color:var(--white-color);
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius:0}
ol.wp-block-latest-comments li {
  margin:15px 0}
ul.wp-block-latest-posts {
  padding:0;
  margin:0;
  margin-bottom:15px}
ul.wp-block-latest-posts a {
  color:inherit}
ul.wp-block-latest-posts a:hover {
  color:var(--theme-color)}
ul.wp-block-latest-posts li {
  margin:15px 0}
.wp-block-search__inside-wrapper {
  position:relative}
.wp-block-search {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-bottom:30px}
.wp-block-search .wp-block-search__input {
  width:100%;
  max-width:100%;
  border:1px solid var(--smoke-color);
  padding-left:25px;
  border-radius:8px}
.wp-block-search .wp-block-search__input:focus {
  border-color:var(--theme-color)}
.wp-block-search .wp-block-search__button {
  margin:0;
  min-width:110px;
  height:100%;
  border:none;
  color:var(--white-color);
  background-color:var(--theme-color);
  border-radius:8px;
  position:absolute;
  top:0;
  right:0}
.wp-block-search .wp-block-search__button.has-icon {
  min-width:56px}
.wp-block-search .wp-block-search__button:hover {
  background-color:var(--title-color);
  color:var(--white-color)}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding:0;
  border:none}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  padding:0 8px 0 25px}
ul.wp-block-rss a {
  color:inherit}
.wp-block-group.has-background {
  padding:15px 15px 1px;
  margin-bottom:30px}
.wp-block-table td,
.wp-block-table th {
  border-color:rgba(0,0,0,.1)}
.wp-block-table.is-style-stripes {
  border:1px solid rgba(0,0,0,.1);
  margin-bottom:30px}
.wp-block-table.is-style-stripes {
  border:0;
  margin-bottom:30px;
  border-bottom:0}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
  border-color:var(--th-border-color)}
.logged-in .sticky-wrapper.sticky,
.logged-in .preloader .th-btn {
  top:32px}

@media(max-width: 782px) {
  .logged-in .sticky-wrapper.sticky,
.logged-in .preloader .th-btn {
  top:46px}
}

@media(max-width: 600px) {
  .logged-in .sticky-wrapper.sticky,
.logged-in .preloader .th-btn {
  top:0}
}
.post-password-form {
  margin-bottom:30px;
  margin-top:20px}
.post-password-form p {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  gap:15px}

@media(max-width: 575px) {
  .post-password-form p {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap}
}
.post-password-form label {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto;
  margin-bottom:0;
  line-height:1;
  margin-top:0;
  gap:15px}

@media(max-width: 575px) {
  .post-password-form label {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap}
}
.post-password-form input {
  width:100%;
  border:none;
  height:55px;
  padding-left:25px;
  color:var(--body-color);
  border:1px solid var(--th-border-color)}
.post-password-form input[type=submit] {
  padding-left:0;
  padding-right:0;
  margin:0;
  width:140px;
  border:none;
  color:var(--white-color);
  background-color:var(--theme-color);
  text-align:center}
.post-password-form input[type=submit]:hover {
  background-color:var(--title-color);
  color:var(--white-color)}
.page-links {
  clear:both;
  margin:0 0 1.5em;
  padding-top:1em}
.page-links>.page-links-title {
  margin-right:10px}
.page-links>span:not(.page-links-title):not(.screen-reader-text),
.page-links>a {
  display:inline-block;
  padding:5px 13px;
  background-color:var(--white-color);
  color:var(--title-color);
  border:1px solid rgba(0,0,0,.08);
  margin-right:10px}
.page-links>span:not(.page-links-title):not(.screen-reader-text):hover,
.page-links>a:hover {
  opacity:.8;
  color:var(--white-color);
  background-color:var(--theme-color);
  border-color:rgba(0,0,0,0)}
.page-links>span:not(.page-links-title):not(.screen-reader-text).current,
.page-links>a.current {
  background-color:var(--theme-color);
  color:var(--white-color);
  border-color:rgba(0,0,0,0)}
.page-links span.screen-reader-text {
  display:none}
.blog-single .wp-block-archives-dropdown {
  margin-bottom:30px}
.blog-single.format-quote,
.blog-single.format-link,
.blog-single.tag-sticky-2,
.blog-single.sticky {
  position:relative}
.blog-single.format-quote .blog-content:before,
.blog-single.format-link .blog-content:before,
.blog-single.tag-sticky-2 .blog-content:before,
.blog-single.sticky .blog-content:before {
  display:none}
.blog-single.format-quote:before,
.blog-single.format-link:before,
.blog-single.tag-sticky-2:before,
.blog-single.sticky:before {
  content:"";
  position:absolute;
  font-family:var(--icon-font);
  font-size:16px;
  font-weight:500;
  opacity:1;
  right:0;
  top:0;
  color:var(--white-color);
  background-color:var(--theme-color);
  z-index:1;
  height:44px;
  width:44px;
  line-height:44px;
  text-align:center;
  border-radius:0 20px 0 20px}

@media(max-width: 767px) {
  .blog-single.format-quote:before,
.blog-single.format-link:before,
.blog-single.tag-sticky-2:before,
.blog-single.sticky:before {
  border-radius:0 10px 0 10px}
}
.blog-single.tag-sticky-2::before,
.blog-single.sticky::before {
  content:""}
.blog-single.format-quote:before {
  content:"ï„Ž"}
.blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories,
.blog-single .blog-content .wp-block-archives-dropdown {
  display:block;
  margin-bottom:30px}
.blog-details .blog-single:before {
  display:none}
.blog-details .blog-single .blog-content {
  background-color:rgba(0,0,0,0);
  overflow:hidden}
.blog-details .blog-single.format-chat .blog-meta {
  margin-bottom:20px}
.blog-details .blog-single.format-chat .blog-content>p:nth-child(2n) {
  background:var(--smoke-color);
  padding:5px 20px}
.blog-details .blog-single.tag-sticky-2,
.blog-details .blog-single.sticky,
.blog-details .blog-single.format-quote,
.blog-details .blog-single.format-link {
  background-color:rgba(0,0,0,0)}
.blog-details .blog-single.tag-sticky-2:before,
.blog-details .blog-single.sticky:before,
.blog-details .blog-single.format-quote:before,
.blog-details .blog-single.format-link:before {
  display:none}
.nof-title {
  margin-top:-0.24em}
.th-search {
  background-color:var(--smoke-color2);
  margin-bottom:30px;
  border-radius:15px;
  overflow:hidden}
.th-search .search-grid-content {
  padding:30px}

@media(max-width: 767px) {
  .th-search .search-grid-content {
  padding:20px}
}
.th-search .search-grid-title {
  font-size:20px;
  margin-bottom:5px;
  margin-top:0}
.th-search .search-grid-title a {
  color:inherit}
.th-search .search-grid-title a:hover {
  color:var(--theme-color)}
.th-search .search-grid-meta>* {
  display:inline-block;
  margin-right:15px;
  font-size:14px}
.th-search .search-grid-meta>*:last-child {
  margin-right:0}
.th-search .search-grid-meta a,
.th-search .search-grid-meta span {
  color:var(--body-color)}

@media(max-width: 767px) {
  .blog-single.format-quote:before,
.blog-single.format-link:before,
.blog-single.tag-sticky-2:before,
.blog-single.sticky:before {
  font-size:14px;
  width:40px;
  height:40px;
  line-height:40px}
}

@media(max-width: 768px) {
  .wp-block-latest-comments {
  padding-left:10px}
.page--content.clearfix+.th-comment-form {
  margin-top:24px}
}
.wp-block-pullquote {
  border-bottom:none;
  border-top:none;
  color:currentColor;
  margin-bottom:1.75em}
.wp-block-pullquote cite {
  position:absolute;
  color:var(--white-color) !important}
.wp-block-column blockquote cite,
.wp-block-column .wp-block-quote cite {
  font-size:14px;
  left:10px;
  padding:7px 45px 7px 10px}

@media(max-width: 1199px) {
  .wp-block-column blockquote cite,
.wp-block-column .wp-block-quote cite {
  padding:7px 25px 7px 10px}
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
  padding:10px}
.wp-block-calendar,
.calendar_wrap {
  position:relative;
  background-color:#fff;
  padding-bottom:0;
  border:none}
.wp-block-calendar span[class*=wp-calendar-nav],
.calendar_wrap span[class*=wp-calendar-nav] {
  position:absolute;
  top:9px;
  left:20px;
  font-size:14px;
  color:var(--white-color);
  font-weight:400;
  z-index:1;
  line-height:1.7}
.wp-block-calendar span[class*=wp-calendar-nav] a,
.calendar_wrap span[class*=wp-calendar-nav] a {
  color:inherit}
.wp-block-calendar span.wp-calendar-nav-next,
.calendar_wrap span.wp-calendar-nav-next {
  left:auto;
  right:20px}
.wp-block-calendar caption,
.calendar_wrap caption {
  caption-side:top;
  text-align:center;
  color:var(--white-color);
  background-color:var(--theme-color)}
.wp-block-calendar th,
.calendar_wrap th {
  font-size:14px;
  padding:5px 5px;
  border:none;
  text-align:center;
  border-right:1px solid #fff;
  color:var(--title-color);
  font-weight:500}
.wp-block-calendar th:first-child,
.calendar_wrap th:first-child {
  border-left:1px solid #eee}
.wp-block-calendar th:last-child,
.calendar_wrap th:last-child {
  border-right:1px solid #eee}
.wp-block-calendar table th,
.calendar_wrap table th {
  font-weight:500}
.wp-block-calendar td,
.calendar_wrap td {
  font-size:14px;
  padding:5px 5px;
  color:#01133c;
  border:1px solid #eee;
  text-align:center;
  background-color:rgba(0,0,0,0);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.wp-block-calendar #today,
.calendar_wrap #today {
  color:var(--theme-color);
  background-color:var(--white-color);
  border-color:#ededed}
.wp-block-calendar thead,
.calendar_wrap thead {
  background-color:#fff}
.wp-block-calendar .wp-calendar-table,
.calendar_wrap .wp-calendar-table {
  margin-bottom:0}
.wp-block-calendar .wp-calendar-nav .pad,
.calendar_wrap .wp-calendar-nav .pad {
  display:none}
.wp-block-calendar a,
.calendar_wrap a {
  color:inherit;
  text-decoration:none}
.wp-block-calendar a:hover,
.calendar_wrap a:hover {
  color:var(--title-color)}
.wp-block-calendar {
  margin-bottom:30px;
  border:none;
  padding-bottom:0}
ul.widget_rss,
ul.wp-block-rss,
ol.widget_rss,
ol.wp-block-rss {
  padding-left:0}
.widget_rss,
.wp-block-rss {
  list-style-type:none}
.widget_rss ul,
.wp-block-rss ul {
  margin:-0.2em 0 -0.5em 0;
  padding:0;
  list-style:none}
.widget_rss ul .rsswidget,
.wp-block-rss ul .rsswidget {
  color:var(--title-color);
  font-family:var(--theme-font);
  font-size:18px;
  display:block;
  margin-bottom:10px}
.widget_rss ul .rssSummary,
.wp-block-rss ul .rssSummary {
  font-size:14px;
  margin-bottom:7px;
  line-height:1.5}
.widget_rss ul a,
.wp-block-rss ul a {
  display:block;
  font-weight:600;
  color:inherit}
.widget_rss ul a:hover,
.wp-block-rss ul a:hover {
  color:var(--theme-color)}
.widget_rss ul .rss-date,
.wp-block-rss ul .rss-date {
  font-size:14px;
  display:inline-block;
  margin-bottom:5px;
  font-weight:400;
  color:var(--title-color)}
.widget_rss ul .rss-date:before,
.wp-block-rss ul .rss-date:before {
  content:"";
  font-family:var(--icon-font);
  margin-right:10px;
  font-weight:300;
  color:var(--theme-color)}
.widget_rss ul cite,
.wp-block-rss ul cite {
  font-weight:500;
  color:var(--title-color);
  font-family:var(--body-font);
  font-size:14px}
.widget_rss ul cite:before,
.wp-block-rss ul cite:before {
  content:"";
  position:relative;
  top:-1px;
  left:0;
  width:20px;
  height:2px;
  display:inline-block;
  vertical-align:middle;
  margin-right:8px;
  background-color:var(--theme-color)}
.widget_rss li:not(:last-child),
.wp-block-rss li:not(:last-child) {
  margin-bottom:16px;
  border-bottom:1px solid rgba(0,0,0,.1);
  padding-bottom:16px}
.widget_rss a:hover,
.wp-block-rss a:hover {
  color:var(--theme-color)}
.textwidget {
  margin-top:-0.1em}
.th-comments-wrap .th-post-comment blockquote:before,
.th-comments-wrap .th-post-comment .wp-block-quote:before {
  height:24px;
  width:35px;
  background-color:var(--white-color)}
.footer-sticky.sticky-footer {
  position:absolute;
  left:0;
  bottom:0;
  width:100%}
.footer-layout1.footer-sticky .copyright-wrap {
  margin:0}

@media(max-width: 1399px) {
  :root {
  --main-container: 1250px}
}

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

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

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

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

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

@media only screen and (min-width: 1300px) {
  .th-container5 {
  --main-container: 1760px}
.th-container6 {
  --main-container: 1560px}
}

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

@media(max-width: 992px) {
  .th-container-1568 {
  padding-left:15px !important;
  padding-right:15px !important}
}

@media only screen and (min-width: 1300px) {
  .th-container6 {
  --main-container: 1680px}
.th-container7 {
  --main-container: 1824px}
}
.container-gallery {
  max-width:1840px}
.container-choose {
  max-width:1656px}

@media(max-width: 1500px) {
  .container-choose {
  max-width:1350px}
}

@media(max-width: 1299px) {
  .container-choose {
  max-width:1150px}
}

@media(max-width: 767px) {
  .container-choose {
  max-width:450px}
}
.slick-track>[class*=col] {
  -ms-flex-negative:0;
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding-right:calc(var(--bs-gutter-x)/2);
  padding-left:calc(var(--bs-gutter-x)/2);
  margin-top:var(--bs-gutter-y)}

@media(min-width: 1300px) {
  .row {
  --bs-gutter-x: 24px}
}
.gy-30 {
  --bs-gutter-y: 30px}
.g-0 {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0}
.gx-0 {
  --bs-gutter-x: 0}
.gx-24 {
  --bs-gutter-x: 24px}
.gy-40 {
  --bs-gutter-y: 40px}
.gy-24 {
  --bs-gutter-y: 24px}
.gy-50 {
  --bs-gutter-y: 50px}
.gy-80 {
  --bs-gutter-y: 80px}
.gx-10 {
  --bs-gutter-x: 10px}
.gy-10 {
  --bs-gutter-y: 10px}

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

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

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

@media(max-width: 991px) {
  .gy-50 {
  --bs-gutter-y: 40px}
}
select,
.form-control,
.form-select,
textarea,
input {
  height:64px;
  padding:0 25px 0 25px;
  padding-right:50px;
  border:1px solid var(--gray-color);
  color:var(--body-color);
  background-color:var(--white-color);
  font-size:14px;
  width:100%;
  font-family:var(--body-font);
  font-weight:400;
  border-radius:16px;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  resize:none}
select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  border-color:var(--theme-color);
  background-color:var(--white-color)}
select::-moz-placeholder,
.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
  color:var(--body-color)}
select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color:var(--body-color)}
select:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color:var(--body-color)}
select::-webkit-input-placeholder,
 .form-control::-webkit-input-placeholder,
 .form-select::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder,
 input::-webkit-input-placeholder {
  color:var(--body-color)}
select::-moz-placeholder,
 .form-control::-moz-placeholder,
 .form-select::-moz-placeholder,
 textarea::-moz-placeholder,
 input::-moz-placeholder {
  color:var(--body-color)}
select:-ms-input-placeholder,
 .form-control:-ms-input-placeholder,
 .form-select:-ms-input-placeholder,
 textarea:-ms-input-placeholder,
 input:-ms-input-placeholder {
  color:var(--body-color)}
select::-ms-input-placeholder,
 .form-control::-ms-input-placeholder,
 .form-select::-ms-input-placeholder,
 textarea::-ms-input-placeholder,
 input::-ms-input-placeholder {
  color:var(--body-color)}
select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
  color:var(--body-color)}
.form-select,
select {
  display:block;
  width:100%;
  line-height:1.5;
  vertical-align:middle;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position:right 26px center;
  background-repeat:no-repeat;
  background-size:16px 12px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer}
.form-select.style2,
select.style2 {
  background-image:url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E")}
textarea.form-control,
textarea {
  min-height:130px;
  padding-top:16px;
  padding-bottom:17px}
.form-group {
  position:relative;
  margin-bottom:var(--bs-gutter-x)}
.form-group>i,
.form-group>img {
  display:inline-block;
  position:absolute;
  right:35px;
  top:17px;
  font-size:14px;
  color:var(--body-color)}
.form-group>i.fa-envelope,
.form-group>img.fa-envelope {
  padding-top:1px}
.form-group>i.fa-comment,
.form-group>img.fa-comment {
  margin-top:-2px}
.form-group>i.fa-chevron-down,
.form-group>img.fa-chevron-down {
  width:17px;
  background-color:var(--smoke-color2)}
.form-group.has-label>i {
  top:50px}
[class*=col-].form-group>i {
  right:calc(var(--bs-gutter-x)/2 + 25px)}
.form-rounded-10 .form-control,
.form-rounded-10 .form-select {
  border-radius:10px !important}
.form-rounded-10 .th-btn {
  border-radius:10px}
option:checked,
option:focus,
option:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0}
input[type=number] {
  -moz-appearance:textfield}
input[type=checkbox] {
  visibility:hidden;
  opacity:0;
  display:inline-block;
  vertical-align:middle;
  width:0;
  height:0;
  display:none}
input[type=checkbox]:checked~label:before {
  content:"";
  color:var(--white-color);
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
input[type=checkbox]~label {
  position:relative;
  padding-left:30px;
  cursor:pointer;
  display:block}
input[type=checkbox]~label:before {
  content:"";
  font-family:var(--icon-font);
  font-weight:700;
  position:absolute;
  left:0px;
  top:3.5px;
  background-color:var(--white-color);
  border:1px solid var(--th-border-color);
  height:18px;
  width:18px;
  line-height:18px;
  text-align:center;
  font-size:12px}
input[type=radio] {
  visibility:hidden;
  opacity:0;
  display:inline-block;
  vertical-align:middle;
  width:0;
  height:0;
  display:none}
input[type=radio]~label {
  position:relative;
  padding-left:30px;
  cursor:pointer;
  line-height:1;
  display:inline-block;
  font-weight:600;
  margin-bottom:0}
input[type=radio]~label::before {
  content:"ï„‘";
  position:absolute;
  font-family:var(--icon-font);
  left:0;
  top:-2px;
  width:20px;
  height:20px;
  padding-left:0;
  font-size:.6em;
  line-height:19px;
  text-align:center;
  border:1px solid var(--theme-color);
  border-radius:100%;
  font-weight:700;
  background:var(--white-color);
  color:rgba(0,0,0,0);
  -webkit-transition:all .2s ease;
  transition:all .2s ease}
input[type=radio]:checked~label::before {
  border-color:var(--theme-color);
  background-color:var(--theme-color);
  color:var(--white-color)}
label {
  margin-bottom:.5em;
  margin-top:-0.3em;
  display:block;
  color:var(--title-color);
  font-family:var(--body-font);
  font-size:16px}
textarea.is-invalid,
select.is-invalid,
input.is-invalid,
.was-validated input:invalid {
  border:1px solid var(--error-color) !important;
  background-position:right calc(.375em + .8875rem) center;
  background-image:none}
textarea.is-invalid:focus,
select.is-invalid:focus,
input.is-invalid:focus,
.was-validated input:invalid:focus {
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none}
textarea.is-invalid {
  background-position:top calc(.375em + .5875rem) right calc(.375em + .8875rem)}
.row.no-gutters>.form-group {
  margin-bottom:0}
.form-messages {
  display:none}
.form-messages.mb-0 * {
  margin-bottom:0}
.form-messages.success {
  color:var(--success-color);
  display:block}
.form-messages.error {
  color:var(--error-color);
  display:block}
.form-messages pre {
  padding:0;
  background-color:rgba(0,0,0,0);
  color:inherit}
input[type=date] {
  padding:0 25px 0 25px;
  position:relative}
input[type=date]::-webkit-calendar-picker-indicator {
  background:rgba(0,0,0,0);
  position:absolute;
  left:0px;
  height:100%;
  width:100%;
  z-index:1;
  cursor:pointer}
[class*=col-].form-group>i {
  right:calc(var(--bs-gutter-x)/2 + 25px)}
[class*=col-].form-group .form-icon-left {
  left:calc(var(--bs-gutter-x)/2 + 30px);
  right:auto}
input[type=time] {
  padding:0 30px;
  position:relative}
input[type=time]::-webkit-calendar-picker-indicator {
  background:rgba(0,0,0,0);
  position:absolute;
  left:0px;
  height:100%;
  width:100%;
  z-index:1;
  cursor:pointer}
:root {
  --input-height: 56px}
.nice-select {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  background-image:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  clear:both;
  cursor:pointer;
  position:relative;
  line-height:calc(var(--input-height) - 2px);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  white-space:nowrap}
.nice-select:after {
  content:"";
  font-family:var(--icon-font);
  font-weight:700;
  font-size:16px;
  pointer-events:none;
  border-bottom:1px solid var(--body-color);
  border-right:1px solid var(--body-color);
  position:absolute;
  right:25px;
  line-height:calc(var(--input-height) - 2px);
  top:25px;
  height:8px;
  width:8px;
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)}
.nice-select.open:after {
  -webkit-transform:rotate(-135deg) translate(0, -5px);
  transform:rotate(-135deg) translate(0, -5px)}
.nice-select.open .list {
  opacity:1;
  border-radius:0;
  pointer-events:auto;
  display:block;
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border-bottom:1px solid var(--theme-color)}
.nice-select.disabled {
  color:#999;
  pointer-events:none}
.nice-select.wide {
  width:100%}
.nice-select.wide .list {
  left:0 !important;
  right:0 !important}
.nice-select.right {
  float:right}
.nice-select.right .list {
  left:auto;
  right:0}
.nice-select.small {
  font-size:12px;
  height:36px;
  line-height:34px}
.nice-select.small:after {
  height:4px;
  width:4px}
.nice-select.small .option {
  line-height:34px;
  min-height:34px}
.nice-select .list {
  width:100%;
  background-color:#fff;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 1px rgba(68,68,68,.11);
  box-shadow:0 0 0 1px rgba(68,68,68,.11);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin-top:4px;
  opacity:0;
  overflow:hidden;
  padding:0;
  pointer-events:none;
  position:absolute;
  top:100%;
  left:0;
  max-height:250px;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:top;
  transform-origin:top;
  -webkit-transform:scale(0.75) translateY(-56px/2);
  transform:scale(0.75) translateY(-56px/2);
  -webkit-transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
  transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
  z-index:9}
.nice-select .list:hover .option:not(:hover) {
  background-color:rgba(0,0,0,0) !important}
.nice-select .option {
  cursor:pointer;
  font-weight:400;
  line-height:40px;
  list-style:none;
  min-height:40px;
  outline:none;
  padding-left:18px;
  padding-right:29px;
  text-align:left;
  -webkit-transition:all .2s;
  transition:all .2s}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color:var(--smoke-color)}
.nice-select .option.selected {
  font-weight:bold}
.nice-select .option.disabled {
  background-color:rgba(0,0,0,0);
  color:#999;
  cursor:default}
.no-csspointerevents .nice-select .list {
  display:none}
.no-csspointerevents .nice-select.open .list {
  display:block}
.currency-menu {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:8px}
.currency-menu img {
  min-width:16px;
  min-height:16px;
  position:relative}
.currency-menu .nice-select {
  font-family:var(--body-font);
  background:none;
  border:none;
  width:100%;
  color:var(--black-color2);
  font-weight:400;
  font-size:14px;
  padding-left:15px;
  line-height:16px;
  padding:0;
  padding-right:15px;
  border-radius:0;
  border-right:1px solid var(--body-color);
  height:16px}
.currency-menu .nice-select .list {
  width:auto;
  left:-35px}
.currency-menu .nice-select:after {
  content:"";
  right:0;
  top:-19px;
  font-size:14px;
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  border-bottom:none;
  border-right:none}
.currency-menu .nice-select.open:after {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
.currency-menu .nice-select.open .list {
  left:-35px;
  opacity:1;
  pointer-events:auto;
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0)}
.currency-menu .nice-select .option {
  color:var(--title-color);
  min-height:30px}
.currency-menu .nice-select .option.selected {
  color:var(--theme-color) !important;
  background:var(--theme-color) !important}
.currency-menu .nice-select .option.selected.focus {
  color:#fff !important;
  background:var(--theme-color) !important}
.currency-menu .nice-select .option:hover,
.currency-menu .nice-select .option.focus {
  background:var(--theme-color) !important;
  color:#fff !important}
.swiper-wrapper.row {
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap}
.th-slider.has-shadow {
  padding-left:12px;
  padding-right:12px;
  margin:-25px -12px}
.th-slider.has-shadow .swiper-wrapper {
  padding:25px 0}
.swiper-fade .swiper-slide {
  -webkit-transition:.6s ease-in-out;
  transition:.6s ease-in-out}
.swiper-fade .swiper-slide-prev {
  opacity:0}
.swiper-pagination-progressbar {
  --swiper-pagination-progressbar-size: 2px;
  background:var(--th-border-color);
  position:relative;
  margin-top:30px;
  margin-bottom:24px}

@media(max-width: 1199px) {
  .swiper-pagination-progressbar {
  margin-top:20px}
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background:var(--theme-color)}
.slider-controller {
  margin-top:60px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:24px}
.slider-controller .button {
  width:calc(100% - 204px)}
.slider-controller .slider-arrow {
  min-width:56px}

@media(max-width: 1199px) {
  .slider-controller {
  margin-top:45px}
}
.swiper-pagination-bullets {
  position:relative;
  z-index:3;
  text-align:center;
  margin:45px 0 10px 0;
  padding-bottom:20px;
  line-height:20px;
  height:16px}
.swiper-pagination-bullets .swiper-pagination-bullet {
  display:inline-block;
  --swiper-pagination-bullet-size: 16px;
  --swiper-pagination-bullet-horizontal-gap: 15px;
  margin:5px 7px;
  opacity:1;
  background-color:rgba(0,0,0,0);
  border:1px solid var(--th-border-color);
  color:#e4e4e4;
  border-radius:50%;
  position:relative;
  cursor:pointer}

@media(max-width: 575px) {
  .swiper-pagination-bullets .swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 8px}
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
.slider-area {
  position:relative}
.slider-arrow {
  display:inline-block;
  padding:0;
  background-color:var(--white-color);
  border:1px solid var(--white-color);
  -webkit-box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  border-radius:48px;
  color:var(--theme-color);
  position:absolute;
  top:50%;
  left:var(--pos-x, -120px);
  width:var(--icon-size, 88px);
  height:var(--icon-size, 56px);
  line-height:var(--icon-size, 56px);
  font-size:var(--icon-font-size, 18px);
  margin-top:calc(var(--icon-size, 56px)/-2);
  z-index:3;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 1500px) {
  .slider-arrow {
  display:none !important}
.slider-arrow.default {
  display:inline-block !important}
}
.slider-arrow.style2 {
  width:var(--icon-size, 56px);
  height:var(--icon-size, 56px);
  background-color:var(--theme-color);
  color:var(--white-color);
  border-color:var(--theme-color)}
.slider-arrow.style2:hover {
  background-color:var(--title-color);
  color:var(--white-color);
  border-color:var(--title-color);
  border-color:var(--title-color)}
.slider-arrow.style3 {
  background-color:var(--white-color);
  color:var(--white-color);
  --icon-size: 48px;
  line-height:48px;
  border-radius:50%;
  border-color:var(--white-color)}
.slider-arrow.style3:hover {
  background-color:var(--title-color);
  color:var(--white-color);
  border-color:var(--white-color)}
.slider-arrow.style4 {
  background-color:rgba(0,0,0,0);
  color:var(--title-color);
  border-color:#e4e4e4;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:var(--icon-font-size, 22px)}
.slider-arrow.style4:hover {
  background-color:var(--title-color);
  color:var(--white-color);
  border-color:var(--title-color);
  border-color:var(--title-color)}
.slider-arrow.style5 {
  border:1px solid var(--title-color)}
.slider-arrow.style5:hover {
  border-color:var(--theme-color)}

@media(max-width: 1500px) {
  .slider-arrow.style5 {
  display:inline-block !important}
}
.slider-arrow.style6 {
  --icon-size: 64px;
  border:1px solid #e1e4e5;
  -webkit-box-shadow:none;
  box-shadow:none}
.slider-arrow.style6:hover {
  border-color:var(--theme-color)}

@media(max-width: 1500px) {
  .slider-arrow.style6 {
  display:inline-block !important}
}
.slider-arrow.style7 {
  --icon-size: 64px;
  border:1px solid var(--title-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  background-color:rgba(0,0,0,0)}
.slider-arrow.style7:hover {
  background-color:var(--title-color);
  border-color:var(--title-color)}

@media(max-width: 1500px) {
  .slider-arrow.style7 {
  display:inline-block !important}
}
.slider-arrow.default {
  position:relative;
  --pos-x: 0;
  margin-top:0}
.slider-arrow.slider-next {
  right:var(--pos-x, -120px);
  left:auto}
.slider-arrow:hover {
  background-color:var(--theme-color);
  color:var(--white-color);
  border-color:var(--theme-color)}
.slider-arrow:hover img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.arrow-margin .slider-arrow {
  top:calc(50% - 30px)}
.arrow-wrap {
  position:relative}
.arrow-wrap .slider-arrow {
  opacity:0;
  visibility:hidden;
  -webkit-transform:scale(0.4);
  transform:scale(0.4)}

@media(max-width: 1299px) {
  .arrow-wrap .slider-arrow {
  display:none}
}
.arrow-wrap:hover .slider-arrow {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)}

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

@media(max-width: 1399px) {
  .slider-arrow {
  --arrow-horizontal: 40px;
  --pos-x: -17px}
}
.icon-box .slider-arrow {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
  visibility:visible}
.icon-box .slider-arrow:not(:last-child) {
  margin-right:8px}

@media(max-width: 991px) {
  .slider-arrow {
  --icon-size: 40px;
  line-height:38px;
  margin-right:40px;
  font-size:14px}
.slider-arrow.slider-next {
  margin-right:0;
  margin-left:40px}
.slick-dots {
  margin:40px 0 0 0}
.icon-box .slider-arrow {
  margin-right:0}
}
.slick-3d-active {
  margin-left:-12%;
  margin-right:-12%}
.slick-3d-active .slick-list {
  padding-left:30% !important;
  padding-right:30% !important}
.slick-3d-active .slick-track {
  max-width:100% !important;
  -webkit-transform:translate3d(0, 0, 0) !important;
  transform:translate3d(0, 0, 0) !important;
  -webkit-perspective:100px;
  perspective:100px}
.slick-3d-active .slick-slide {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  opacity:0;
  width:100% !important;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  -webkit-transition:opacity 1s,-webkit-transform 1s;
  transition:opacity 1s,-webkit-transform 1s;
  transition:transform 1s,opacity 1s;
  transition:transform 1s,opacity 1s,-webkit-transform 1s}
.slick-3d-active .slick-3d-next,
.slick-3d-active .slick-3d-prev,
.slick-3d-active .slick-3d-next2,
.slick-3d-active .slick-3d-prev2 {
  display:block}
.slick-3d-active .slick-current {
  opacity:1;
  position:relative;
  display:block;
  z-index:2}
.slick-3d-active .slick-3d-next {
  opacity:1;
  -webkit-transform:translate3d(50%, 0, -21px);
  transform:translate3d(50%, 0, -21px);
  z-index:1;
  -webkit-perspective:1000px;
  perspective:1000px}
.slick-3d-active .slick-3d-next2 {
  opacity:1;
  -webkit-transform:translate3d(40%, 0, -23px);
  transform:translate3d(40%, 0, -23px);
  z-index:0;
  -webkit-perspective:1000px;
  perspective:1000px}
.slick-3d-active .slick-3d-prev {
  opacity:1;
  -webkit-transform:translate3d(-50%, 0, -21px);
  transform:translate3d(-50%, 0, -21px)}
.slick-3d-active .slick-3d-prev .testi-card {
  -webkit-box-shadow:none;
  box-shadow:none}
.slick-3d-active .slick-3d-prev2 {
  opacity:1;
  -webkit-transform:translate3d(-40%, 0, -23px);
  transform:translate3d(-40%, 0, -23px)}
.slider-drag-cursor {
  pointer-events:none;
  z-index:99999;
  position:fixed;
  top:0;
  left:-2px;
  padding:0 18px;
  -webkit-transition:opacity .4s ease-in-out;
  transition:opacity .4s ease-in-out;
  border-radius:100%;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  background:rgba(11,89,219,.7);
  width:120px;
  height:120px;
  line-height:120px;
  text-align:center;
  border-radius:100%;
  color:var(--white-color);
  opacity:0;
  cursor:none}
.slider-drag-cursor.active {
  opacity:1}
.th-menu-wrapper {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  background-color:rgba(0,0,0,.6);
  z-index:999999;
  width:0;
  width:100%;
  height:100%;
  -webkit-transition:all ease .8s;
  transition:all ease .8s;
  opacity:0;
  visibility:hidden}
.th-menu-wrapper .mobile-logo {
  padding-bottom:30px;
  padding-top:40px;
  display:block;
  text-align:center;
  background-color:var(--smoke-color)}
.th-menu-wrapper .mobile-logo svg {
  max-width:185px}
.th-menu-wrapper .th-menu-toggle {
  border:none;
  font-size:22px;
  position:absolute;
  right:-16.5px;
  top:25px;
  padding:0;
  line-height:1;
  width:33px;
  height:33px;
  line-height:35px;
  font-size:18px;
  z-index:1;
  color:var(--white-color);
  background-color:var(--title-color);
  border-radius:50%}
.th-menu-wrapper .th-menu-toggle:hover {
  background-color:var(--title-color);
  color:var(--white-color)}
.th-menu-wrapper .th-menu-area {
  width:100%;
  max-width:310px;
  background-color:#fff;
  border-right:3px solid var(--title-color);
  height:100%;
  position:relative;
  left:-110%;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all ease 1s;
  transition:all ease 1s;
  z-index:1}
.th-menu-wrapper.th-body-visible {
  opacity:1;
  visibility:visible}
.th-menu-wrapper.th-body-visible .th-menu-area {
  left:0;
  opacity:1;
  visibility:visible}
.th-mobile-menu {
  overflow-y:scroll;
  max-height:calc(100vh - 200px);
  padding-bottom:40px;
  margin-top:33px;
  text-align:left}
.th-mobile-menu ul {
  margin:0;
  padding:0 0}
.th-mobile-menu ul li {
  border-bottom:1px solid #fdedf1;
  list-style-type:none}
.th-mobile-menu ul li li:first-child {
  border-top:1px solid #fdedf1}
.th-mobile-menu ul li a {
  display:block;
  position:relative;
  padding:12px 0;
  line-height:1.4;
  font-size:16px;
  text-transform:capitalize;
  color:var(--title-color);
  padding-left:0px}
.th-mobile-menu ul li a:before {
  content:"ï„…";
  font-family:var(--icon-font);
  position:absolute;
  left:0;
  top:12px;
  margin-right:10px;
  display:inline-block;
  display:none}
.th-mobile-menu ul li.th-active>a {
  color:var(--theme-color)}
.th-mobile-menu ul li.th-active>a:before {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)}
.th-mobile-menu ul li ul li:last-child {
  border-bottom:none}
.th-mobile-menu ul .menu-item-has-children>a .th-mean-expand {
  position:absolute;
  right:0;
  top:50%;
  font-weight:400;
  font-size:12px;
  width:25px;
  height:25px;
  line-height:25px;
  margin-top:-12.5px;
  display:inline-block;
  text-align:center;
  background-color:var(--smoke-color);
  color:var(--title-color);
  -webkit-box-shadow:0 0 20px -8px rgba(173,136,88,.5);
  box-shadow:0 0 20px -8px rgba(173,136,88,.5);
  border-radius:50%}
.th-mobile-menu ul .menu-item-has-children>a .th-mean-expand:before {
  content:"+";
  font-family:var(--icon-font)}
.th-mobile-menu ul .menu-item-has-children>a:after {
  content:"+";
  font-family:var(--icon-font);
  width:22px;
  height:22px;
  line-height:22px;
  display:inline-block;
  text-align:center;
  font-size:12px;
  border-radius:50px;
  background-color:var(--smoke-color);
  float:right;
  margin-top:1px}
.th-mobile-menu ul .menu-item-has-children.th-active>a .th-mean-expand:before {
  content:"+"}
.th-mobile-menu ul .menu-item-has-children.th-active>a:after {
  content:"-"}
.th-mobile-menu>ul {
  padding:0 40px}
.th-mobile-menu>ul>li:last-child {
  border-bottom:none}
.th-menu-toggle {
  width:56px;
  height:56px;
  padding:0;
  font-size:20px;
  border:none;
  border-radius:8px;
  background-color:var(--theme-color);
  color:var(--white-color);
  display:inline-block}
.th-menu-toggle:hover {
  background-color:var(--title-color)}
.th-menu-toggle.style-text,
.th-menu-toggle.style-text-white {
  width:auto;
  height:auto;
  background-color:rgba(0,0,0,0);
  color:var(--title-color);
  font-size:20px}
.th-menu-toggle.style-text i,
.th-menu-toggle.style-text-white i {
  margin-right:10px}
.th-menu-toggle.style-text-white {
  color:var(--white-color)}

@media(max-width: 400px) {
  .th-menu-wrapper .th-menu-area {
  width:100%;
  max-width:270px}
.th-mobile-menu>ul {
  padding:0 20px}
}
.preloader {
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:999;
  background-color:var(--white-color)}
.preloader .th-btn {
  padding:15px 20px;
  border-radius:0;
  font-size:14px}
.preloader-inner {
  text-align:center;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  text-align:center;
  line-height:1}
.preloader-inner img {
  display:block;
  margin:0 auto 0 auto}
.loader {
  font-size:80px;
  display:inline-block;
  font-family:var(--title-font);
  font-weight:700;
  color:var(--title-color);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  text-shadow:0 0 2px var(--theme-color),0 0 1px var(--theme-color),0 0 1px var(--theme-color);
  position:relative;
  line-height:normal}
.loading-text {
  position:absolute;
  left:0;
  top:0;
  color:var(--theme-color);
  width:100%;
  height:100%;
  overflow:hidden;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-animation:animloader 6s linear infinite;
  animation:animloader 6s linear infinite}

@-webkit-keyframes animloader {
  0% {
  width:0%}
100% {
  width:100%}
}

@keyframes animloader {
  0% {
  width:0%}
100% {
  width:100%}
}
.th-btn {
  position:relative;
  z-index:1;
  overflow:hidden;
  vertical-align:middle;
  text-align:center;
  background-color:var(--theme-color);
  color:var(--white-color);
  font-family:var(--body-font);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-transform:lowercase;
  border:none;
  font-size:16px;
  font-weight:400;
  padding:19px 40px;
  border-radius:10px;
  -webkit-transition:all .3s 0s ease-out;
  transition:all .3s 0s ease-out;
  gap:8px}
.th-btn.th-icon i {
  font-size:20px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:.4s;
  transition:.4s}
.th-btn:before {
  content:"";
  width:0;
  height:100%;
  border-radius:10px;
  position:absolute;
  top:0;
  left:-5%;
  background-color:var(--title-color);
  -webkit-transition:.5s ease;
  transition:.5s ease;
  display:block;
  z-index:-1}
.th-btn:hover,
.th-btn.active {
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none}
.th-btn:hover:before,
.th-btn.active:before {
  width:110%}
.th-btn:hover.th-icon i,
.th-btn.active.th-icon i {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
.th-btn.style1 img {
  -webkit-transition:.4s;
  transition:.4s}
.th-btn.style1:before,
.th-btn.style1:after {
  background-color:var(--white-color)}
.th-btn.style1:hover {
  color:var(--title-color)}
.th-btn.style1:hover.th-icon:after {
  background-color:var(--title-color)}
.th-btn.style1:hover:before,
.th-btn.style1:hover:after {
  background-color:var(--white-color)}
.th-btn.style1:hover img {
  -webkit-filter:contrast(0) brightness(0);
  filter:contrast(0) brightness(0)}
.th-btn.style2 {
  background-color:rgba(0,0,0,0);
  color:var(--white-color);
  border:1px solid var(--white-color)}
.th-btn.style2:hover {
  color:var(--black-color2);
  border:1px solid var(--white-color)}
.th-btn.style2:hover:after {
  background-color:var(--title-color)}
.th-btn.style2:before {
  background-color:var(--white-color)}
.th-btn.style3 {
  background-color:var(--theme-color);
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none;
  border-radius:50px}
.th-btn.style3:before {
  background-color:var(--white-color)}
.th-btn.style3:hover {
  color:var(--title-color)}
.th-btn.style4 {
  background-color:rgba(0,0,0,0);
  color:var(--title-color);
  border:1px solid var(--title-color);
  padding:14px 25px}
.th-btn.style4.th-icon:after {
  background-color:var(--title-color)}
.th-btn.style4:hover {
  color:var(--white-color);
  border:1px solid var(--theme-color)}
.th-btn.style4:hover.th-icon:after {
  background-color:var(--white-color)}
.th-btn.style4:before {
  background-color:var(--theme-color)}
.th-btn.style5 {
  background-color:var(--title-color);
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none}
.th-btn.style5:before {
  background-color:var(--white-color)}
.th-btn.style5:hover {
  color:var(--title-color)}
.th-btn.style6 {
  background-color:var(--smoke-color);
  color:var(--title-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none}
.th-btn.style6:before {
  background-color:var(--theme-color)}
.th-btn.style6:after {
  background-color:var(--title-color)}
.th-btn.style6:hover {
  color:var(--white-color)}
.th-btn.style6:hover:after {
  background-color:var(--white-color)}
.th-btn.style7:before,
.th-btn.style7:after {
  background-color:var(--white-color)}
.th-btn.style7:hover {
  color:var(--title-color)}
.th-btn.style7:hover:before,
.th-btn.style7:hover:after {
  background-color:var(--white-color)}
.th-btn.style7:hover:after {
  background-color:var(--title-color)}
.th-btn.style8 {
  background:var(--title-color)}
.th-btn.style8:before,
.th-btn.style8:after {
  background-color:var(--theme-color)}
.th-btn.style8:hover {
  color:var(--white-color)}
.th-btn.style8:hover:before {
  background-color:var(--theme-color)}
.th-btn.style9 {
  background:rgba(0,0,0,0);
  border:1px solid var(--th-border-color);
  color:var(--title-color)}
.th-btn.style9:before,
.th-btn.style9:after {
  background-color:var(--theme-color)}
.th-btn.style9:hover {
  color:var(--white-color)}
.th-btn.style9:hover:before {
  background-color:var(--theme-color)}
.th-btn.style10 {
  background:var(--white-color);
  color:var(--body-color)}
.th-btn.style10:hover {
  color:var(--white-color)}
  .th-btn.color-btn {
  background-color:var(--theme-color);
  }
.th-btn.white-btn {
  background-color:var(--white-color);
  color:var(--black-color2)}
.th-btn.white-btn:hover {
  color:var(--white-color)}
.th-btn.black-btn {
  background-color:var(--title-color);
  color:var(--white-color)}
.th-btn.black-btn:before {
  background-color:var(--theme-color)}
.th-btn.black-btn:hover {
  color:var(--white-color)}
.th-btn.th-radius {
  border-radius:50px}
.th-btn.th-radius2 {
  border-radius:8px}
.th-btn.btn-fw {
  width:100%;
  padding:18px 30px}
.th-btn.th-btn-sm {
  padding:15px 30px}
.th-btn.th-btn-sm2 {
  padding:11px 24px}
.th-btn.btn-2 {
  padding:15px 30px}
.icon-btn {
  display:inline-block;
  width:var(--btn-size, 56px);
  height:var(--btn-size, 56px);
  line-height:var(--btn-size, 53px);
  font-size:var(--btn-font-size, 18px);
  background-color:rgba(0,0,0,0);
  border:1px solid var(--th-border-color);
  color:var(--title-color);
  text-align:center;
  border-radius:99px;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  position:relative}
.icon-btn.icon-svg {
  line-height:var(--btn-size, 0)}
.icon-btn.th-icon i {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.icon-btn:hover {
  background-color:var(--theme-color);
  border-color:var(--theme-color);
  color:var(--white-color)}
.icon-btn:hover.th-icon i {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
.icon-btn.style2 {
  background-color:var(--theme-color);
  color:var(--white-color);
  border:none;
  border-radius:99px}
.icon-btn.style2:hover {
  background-color:var(--theme-color)}
.icon-btn.style3 {
  background-color:var(--smoke-color4);
  border:1px solid var(--th-border-color2);
  color:var(--title-color);
  border-radius:99px}
.icon-btn.style3:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.icon-btn.style3:hover img {
  -webkit-filter:brightness(99) grayscale(99) invert(0);
  filter:brightness(99) grayscale(99) invert(0)}
.play-btn {
  display:inline-block;
  position:relative;
  z-index:1}
.play-btn>i {
  display:inline-block;
  width:var(--icon-size, 56px);
  height:var(--icon-size, 56px);
  line-height:var(--icon-size, 56px);
  text-align:center;
  background:var(--white-color);
  color:var(--title-color);
  font-size:var(--icon-font-size, 1.7em);
  border-radius:50%;
  z-index:1;
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.play-btn:after,
.play-btn:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-color:var(--white-color);
  -webkit-animation-duration:var(--ripple-ani-duration);
  animation-duration:var(--ripple-ani-duration);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:ripple3;
  animation-name:ripple3;
  z-index:-1;
  border-radius:50%;
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.play-btn:after {
  -webkit-animation-delay:2s;
  animation-delay:2s}
.play-btn:hover:after,
.play-btn:hover::before,
.play-btn:hover i {
  background-color:var(--theme-color);
  color:var(--white-color)}
.play-btn.style2>i {
  background-color:hsla(0,0%,100%,.3);
  color:var(--white-color)}
.play-btn.style2:before,
.play-btn.style2:after {
  background-color:rgba(0,0,0,0);
  border:1px solid var(--white-color)}
.play-btn.style3>i {
  --icon-size: 40px;
  font-size:14px;
  border:1px solid;
  background-color:var(--theme-color);
  color:var(--white-color)}
.play-btn.style3:before,
.play-btn.style3:after {
  background-color:var(--white-color)}
.play-btn.style3:hover>i {
  background-color:var(--white-color);
  color:var(--theme-color)}
.play-btn.style3:hover:before,
.play-btn.style3:hover:after {
  background-color:var(--white-color)}
.link-btn {
  font-weight:600;
  font-size:14px;
  display:inline-block;
  line-height:.8;
  position:relative;
  padding-bottom:2px;
  margin-bottom:-2px;
  text-transform:uppercase;
  color:var(--theme-color)}
.link-btn i {
  margin-left:5px;
  font-size:.9rem}
.link-btn:before {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background-color:var(--theme-color);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.link-btn:hover {
  color:var(--theme-color)}
.link-btn:hover::before {
  width:100%}
.line-btn {
  font-family:var(--body-font);
  display:inline-block;
  font-size:14px;
  font-weight:600;
  position:relative;
  padding-bottom:2px;
  margin-bottom:-1px;
  text-transform:uppercase;
  color:var(--theme-color)}
.line-btn.th-icon i {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.line-btn i {
  margin-left:5px;
  font-size:.9rem;
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.line-btn:before {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background-color:var(--theme-color);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.line-btn:hover {
  color:var(--title-color)}
.line-btn:hover.th-icon i {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
.line-btn:hover::before {
  background-color:var(--title-color);
  width:45px}
.scroll-top {
  position:fixed;
  right:30px;
  bottom:30px;
  height:50px;
  width:50px;
  cursor:pointer;
  display:block;
  border-radius:50px;
  z-index:10000;
  opacity:1;
  visibility:hidden;
  -webkit-transform:translateY(45px);
  transform:translateY(45px);
  -webkit-transition:all 300ms linear;
  transition:all 300ms linear}
.scroll-top:after {
    content: "˅";
  font-family:var(--icon-font);
  position:absolute;
  text-align:center;
  line-height:50px;
  font-size:20px;
  color:var(--theme-color);
  left:0;
  top:0;
  height:50px;
  width:50px;
  cursor:pointer;
  display:block;
  z-index:1;
  border:2px solid var(--theme-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:50%;
  transform: rotate(180deg);
}
.scroll-top svg {
  color:var(--theme-color);
  border-radius:50%;
  background:var(--white-color)}
.scroll-top svg path {
  fill:none}
.scroll-top .progress-circle path {
  stroke:var(--theme-color);
  stroke-width:20px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all 400ms linear;
  transition:all 400ms linear}
.scroll-top.show {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0)}
.sec-title {
  line-height:1.2;
  margin-bottom:calc(var(--section-title-space) - 11px)}
.sec-title .title-counter-wrap {
  color:rgba(0,0,0,0);
  -webkit-text-stroke:1px var(--title-color)}
.big-title {
  font-size:194px;
  font-weight:700;
  color:var(--title-color);
  line-height:.75;
  margin-top:-0.23em;
  margin-bottom:-0.23em}

@media(max-width: 1399px) {
  .big-title {
  font-size:160px}
}

@media(max-width: 1199px) {
  .big-title {
  font-size:120px}
}

@media(max-width: 991px) {
  .big-title {
  font-size:100px}
}

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

@media(max-width: 575px) {
  .big-title {
  font-size:50px}
}

@media(max-width: 375px) {
  .big-title {
  font-size:42px}
}
.sub-title {
  display:block;
  font-weight:500;
  font-size:20px;
  letter-spacing:.02em;
  color:var(--theme-color);
  font-family:var(--body-font);
  position:relative;
  margin-top:-0.2em;
  margin-bottom:5px}
.sub-title.extra-sub {
  color:var(--brand-color);
  margin-bottom:10px}
.sub-title:has(.squre-shape) {
  margin-bottom:14px}
.sub-title:has(.round-shape) {
  font-size:18px;
  font-weight:500;
  margin-bottom:5px;
  text-transform:uppercase;
  letter-spacing:normal}

@media(max-width: 575px) {
  .sub-title:has(.round-shape) {
  margin-bottom:15px;
  font-size:16px}
}
.sub-title .squre-shape {
  width:20px;
  height:20px;
  display:inline-block;
  position:relative}
.sub-title .squre-shape:before,
.sub-title .squre-shape:after {
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  background:var(--th-border-color);
  top:0;
  left:0}
.sub-title .squre-shape:before {
  background:var(--theme-color);
  top:auto;
  left:auto;
  bottom:0;
  right:0}
.sub-title .squre-shape.right:after {
  left:auto;
  right:0}
.sub-title .squre-shape.right:before {
  left:0;
  right:auto}
.sub-title.text-white .squre-shape:after {
  background:#6e7070}
.sub-title.text-white .squre-shape:before {
  background:var(--white-color)}
.sub-title .round-shape {
  width:13px;
  height:13px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  border-radius:50%;
  background:var(--brand-color);
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  margin-right:20px}
.sub-title .round-shape:before,
.sub-title .round-shape:after {
  content:"";
  position:relative;
  width:6.5px;
  height:13px;
  display:inline-block;
  background:var(--theme-color);
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  right:-13px;
  border-radius:0 100% 100% 0/0 50% 50% 0}
.box-title {
  font-size:24px;
  line-height:1.4;
  font-weight:600;
  margin-top:-0.32em}
.box-title a {
  color:inherit}
.box-title a:hover {
  color:var(--theme-color)}
.box-subtitle {
  margin-bottom:8px}
.box-title2 {
  font-size:20px;
  line-height:1.5;
  font-weight:700;
  margin-top:-0.35em}
.box-title2 a {
  color:inherit}
.box-title2 a:hover {
  color:var(--theme-color)}
.sec-text {
  font-size:16px;
  line-height:26px}
.sec-text.style2 {
  max-width:776px}

@media(max-width: 991px) {
  .sec-text.style2 {
  display:block;
  margin:auto auto 50px auto;
  text-align:center}
}
.title-area {
  margin-bottom:calc(var(--section-title-space) - 11px);
  position:relative;
  z-index:2}
.title-area .sec-title {
  line-height:1.2;
  margin-bottom:22px}
.title-area.mb-0 .sec-title {
  margin-bottom:-0.24em}
.title-area .th-btn {
  margin-top:20px;
  margin-bottom:10px}
.mb-32 {
  margin-bottom:32px}
hr.title-line {
  margin-top:0;
  background-color:var(--th-border-color);
  opacity:1}
.sec-btn {
  text-align:center}
.sec-btn,
.title-line {
  margin-bottom:var(--section-title-space)}
.shadow-title {
  font-family:var(--title-font);
  font-weight:800;
  font-size:250px;
  line-height:250px;
  text-transform:capitalize;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(28.89%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
  background:linear-gradient(180deg, rgba(255, 255, 255, 0.7) 28.89%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0);
  background-clip:text;
  text-fill-color:rgba(0,0,0,0);
  margin:-0.45em 0 -0.45em -0.25em}
.shadow-title.color2 {
  background-image:-webkit-gradient(linear, left top, left bottom, from(#232C47), color-stop(91.15%, rgba(20, 29, 56, 0)));
  background-image:linear-gradient(180deg, #232C47 0%, rgba(20, 29, 56, 0) 91.15%)}
.shadow-title.color3 {
  background-image:-webkit-gradient(linear, left top, left bottom, from(#E0E0E0), color-stop(93.75%, rgba(220, 214, 214, 0)));
  background-image:linear-gradient(180deg, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%)}
.title-area2 {
  padding:50px 100px}
.title-area2 .subtitle {
  color:var(--white-color);
  text-transform:uppercase;
  margin-top:-0.4em;
  margin-bottom:5px;
  display:block}
.title-area2 .title {
  color:var(--white-color);
  max-width:430px;
  margin-bottom:-0.26em}

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

@media(max-width: 1199px) {
  .shadow-title {
  font-size:180px}
.title-area,
.sec-title {
  --section-title-space: 60px}
.title-area.mb-45,
.sec-title.mb-45 {
  margin-bottom:36px}
.title-area.mb-50,
.sec-title.mb-50 {
  margin-bottom:40px}
.sec-btn,
.title-line {
  --section-title-space: 55px}
.title-area2 .title {
  max-width:300px}
}

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

@media(max-width: 767px) {
  .sub-title {
  margin-bottom:10px}
.title-area2 {
  text-align:center}
.title-area2 .title {
  max-width:100%}
}

@media(max-width: 575px) {
  .shadow-title {
  font-size:100px;
  line-height:150px}
}

@media(max-width: 375px) {
  .title-area2 {
  padding:40px 20px}
}
.tx-split-text .split-line {
  overflow:hidden}
.title-ani,
.text-ani {
  text-align:inherit !important}
.title-ani>*,
.text-ani>* {
  text-align:inherit !important}
#smooth-wrapper {
  padding-top:var(--headerHeight)}
.sec-note {
  font-family:var(--title-font);
  font-weight:500;
  font-size:24px;
  line-height:1.2;
  color:var(--title-color)}
.shape-mockup-wrap {
  z-index:2;
  position:relative}
.shape-mockup {
  position:absolute;
  z-index:-1;
  pointer-events:none}
.shape-mockup.z-index-3 {
  z-index:3;
  pointer-events:none}
.shape-mockup.z-index-1 {
  z-index:1;
  pointer-events:none}
.shape-mockup .svg-img {
  height:110px;
  width:110px}
.shape-mockup.hero_wrap {
  z-index:1}

@media(max-width: 1599px) {
  .shape-mockup.hero_wrap {
  display:none !important}
}
.shape-mockup.shape1 {
  -webkit-animation:cloudAni 10s linear infinite;
  animation:cloudAni 10s linear infinite}

@media(max-width: 1599px) {
  .shape-mockup.shape1 {
  display:none !important}
}
.shape-mockup.shape2 {
  -webkit-animation:cloudAni 15s linear infinite;
  animation:cloudAni 15s linear infinite}

@media(max-width: 1599px) {
  .shape-mockup.shape2 {
  display:none !important}
}
.shape-mockup.shape3 {
  -webkit-animation:cloudAni 20s linear infinite;
  animation:cloudAni 20s linear infinite}

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

@media(max-width: 1599px) {
  .shape-mockup.about-shape3 {
  display:block !important}
}
.z-index-step1 {
  position:relative;
  z-index:4 !important}
.z-index-common {
  position:relative;
  z-index:3}
.z-index-3 {
  z-index:3}
.z-index-n1 {
  z-index:-1}
.media-body {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.badge {
  position:absolute;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  display:inline-block;
  text-align:center;
  background-color:var(--theme-color);
  color:var(--white-color);
  padding:.25em .45em;
  font-size:.7em;
  border-radius:50%;
  top:8px;
  right:8px;
  font-weight:400;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out}
.th-social a {
  display:inline-block;
  width:var(--icon-size, 32px);
  height:var(--icon-size, 32px);
  border:1px solid var(--th-border-color);
  line-height:var(--icon-size, 32px);
  background:none;
  color:var(--white-color);
  font-size:16px;
  border-radius:50%;
  text-align:center;
  margin-right:10px;
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.th-social a:last-child {
  margin-right:0}
.th-social a:hover {
  color:var(--white-color);
  background-color:var(--theme-color);
  border:1px solid var(--theme-color)}
.th-social a:hover i {
  -webkit-animation:slideTop .5s;
  animation:slideTop .5s}
.th-social.color-theme a {
  color:var(--body-color);
  border-color:var(--theme-color)}
.bg-mask {
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat}
.box-icon img {
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.box-text {
  margin-bottom:-0.5em}
.btn-group {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:30px}
.btn-group.style1 {
  gap:40px}

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

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

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

@media(max-width: 375px) {
  .btn-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.th-bg-img {
  position:absolute;
  inset:0}
.th-bg-img img {
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover}
.mfp-zoom-in .mfp-content {
  opacity:0;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
  -webkit-transform:scale(0.5);
  transform:scale(0.5)}
.mfp-zoom-in.mfp-bg {
  opacity:0;
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.mfp-zoom-in.mfp-ready .mfp-content {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity:.7}
.mfp-zoom-in.mfp-removing .mfp-content {
  -webkit-transform:scale(0.7);
  transform:scale(0.7);
  opacity:0}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity:0}

@media(max-width: 991px) {
  .md-mb15 {
  margin-bottom:15px}
}

@media(max-width: 767px) {
  .sm-mb15 {
  margin-bottom:15px}
}
.gx-70 {
  --bs-gutter-x: 70px}
.font-icon {
  font-family:var(--icon-font)}
.font-title {
  font-family:var(--title-font)}
.font-body {
  font-family:var(--body-font)}
.fw-extralight {
  font-weight:100}
.fw-light {
  font-weight:300}
.fw-normal {
  font-weight:400}
.fw-medium {
  font-weight:500}
.fw-semibold {
  font-weight:600}
.fw-bold {
  font-weight:700}
.fw-extrabold {
  font-weight:800}
.fs-md {
  font-size:18px}
.fs-16 {
  font-size:16px !important}
.fs-xs {
  font-size:14px}
.bg-theme {
  background-color:var(--theme-color) !important}
.bg-theme2 {
  background-color:var(--theme-color2) !important}
.bg-smoke {
  background-color:var(--smoke-color) !important}
.bg-smoke2 {
  background-color:var(--smoke-color2) !important}
.bg-smoke3 {
  background-color:var(--smoke-color3) !important}
.bg-smoke4 {
  background-color:var(--smoke-color4) !important}
.bg-white {
  background-color:var(--white-color) !important}
.bg-black {
  background-color:var(--black-color) !important}
.bg-black2 {
  background-color:var(--black-color2) !important}
.bg-title {
  background-color:var(--title-color) !important}
.gradient-body {
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(2.66%, rgba(237, 240, 244, 0.5)), color-stop(90.4%, rgba(237, 240, 244, 0.36)));
  background-image:linear-gradient(180deg, rgba(237, 240, 244, 0.5) 2.66%, rgba(237, 240, 244, 0.36) 90.4%)}
.black-bg {
  background-color:var(--title-color) !important}
.light-bg {
  background-color:var(--light-bg-color) !important}
.light-blue-bg {
  background-color:var(--light-blue-color)}
.dark-bg {
  background-color:var(--dark-bg-color) !important}
.brand-bg {
  background-color:var(--brand-color) !important}
.bg-gradient1 {
  position:relative}
.bg-gradient1:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(316.5deg, var(--brand-color) -20.87%, rgba(255, 255, 255, 0) 50%)}

@media(max-width: 1199px) {
  .bg-gradient1:before {
  background:linear-gradient(316.5deg, var(--brand-color) -20.87%, rgba(255, 255, 255, 0) 70%)}
}

@media(max-width: 575px) {
  .bg-gradient1:before {
  background:linear-gradient(316.5deg, var(--brand-color) -20.87%, rgba(255, 255, 255, 0) 100%)}
}
.bg-gradient1:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(38.91deg, var(--theme-color) -20.68%, rgba(255, 255, 255, 0) 50%)}

@media(max-width: 1199px) {
  .bg-gradient1:after {
  background:linear-gradient(38.91deg, var(--theme-color) -20.68%, rgba(255, 255, 255, 0) 70%)}
}

@media(max-width: 575px) {
  .bg-gradient1:after {
  background:linear-gradient(38.91deg, var(--theme-color) -20.68%, rgba(255, 255, 255, 0) 100%)}
}
.gr-bg2 {
  background-image:linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%)}
.gr-bg3 {
  background-image:linear-gradient(110.59deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px)}
.gr-bg4 {
  background-image:linear-gradient(105.44deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px)}
.gray-body {
  background-color:#f8faff}
.background-image,
[data-bg-src] {
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center}
.bg-fluid {
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center center}
.bg-auto {
  background-size:auto auto}
.bg-top-center {
  background-size:auto;
  background-position:top center}
.bg-bottom-center {
  background-size:auto;
  background-position:bottom center}
.bg-repeat {
  background-size:auto;
  background-repeat:repeat}
.bg-bottom-right {
  background-size:auto;
  background-position:bottom right}
.bg-top-right {
  background-size:auto;
  background-position:top right}
.bg-top-left {
  background-size:auto;
  background-position:top left}
.th-radius {
  border-radius:20px}
.theme-bg {
  background-color:var(--theme-color)}
.smoke-bg {
  background-color:var(--smoke-color)}

  .smoke-bg-color3 {
  background-color:var(--smoke-color3)}
.white-bg {
  background:var(--white-color)}
.bg-theme-dark {
  background:#001c49}
.text-theme {
  color:var(--theme-color) !important}
.text-theme2 {
  color:var(--theme-color) !important}
.text-title {
  color:var(--title-color) !important}
.text-body {
  color:var(--body-color) !important}
.text-white {
  color:var(--white-color) !important}
.text-light {
  color:var(--light-color) !important}
.text-gray2 {
  color:var(--gray-color2) !important}
.text-yellow {
  color:var(--yellow-color) !important}
.text-success {
  color:var(--success-color) !important}
.text-error {
  color:var(--error-color) !important}
.text-inherit {
  color:inherit}
.text-inherit:hover {
  color:var(--theme-color)}
a.text-theme:hover,
.text-reset:hover {
  text-decoration:underline}
.overlay {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%}
.position-center {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
[data-overlay] {
  position:relative;
  z-index:2}
[data-overlay] [class^=col-],
[data-overlay] [class*=col-] {
  z-index:1}
[data-overlay]:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:1}
[data-overlay=theme]:before {
  background-color:var(--theme-color)}
[data-overlay=title]:before {
  background-color:var(--title-color)}
[data-overlay=smoke]:before {
  background-color:var(--smoke-color)}
[data-overlay=white]:before {
  background-color:var(--white-color)}
[data-overlay=black]:before {
  background-color:var(--black-color)}
[data-overlay=overlay1]:before {
  background-color:#080E1C}
[data-opacity="1"]:before {
  opacity:0.1}
[data-opacity="2"]:before {
  opacity:0.2}
[data-opacity="3"]:before {
  opacity:0.3}
[data-opacity="4"]:before {
  opacity:0.4}
[data-opacity="5"]:before {
  opacity:0.5}
[data-opacity="6"]:before {
  opacity:0.6}
[data-opacity="7"]:before {
  opacity:0.7}
[data-opacity="8"]:before {
  opacity:0.8}
[data-opacity="9"]:before {
  opacity:0.9}
[data-opacity="10"]:before {
  opacity:1}
.animated {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both}
.animated.hinge {
  -webkit-animation-duration:2s;
  animation-duration:2s}
.ripple-animation {
  -webkit-animation-duration:var(--ripple-ani-duration);
  animation-duration:var(--ripple-ani-duration);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:ripple;
  animation-name:ripple}
.ripple-animation3 {
  -webkit-animation-duration:var(--ripple-ani-duration);
  animation-duration:var(--ripple-ani-duration);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:ripple3;
  animation-name:ripple3}

@-webkit-keyframes ripple {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0}
30% {
  opacity:.3}
100% {
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  opacity:0}
}

@keyframes ripple {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0}
30% {
  opacity:.3}
100% {
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  opacity:0}
}

@-webkit-keyframes ripple2 {
  0% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6);
  opacity:.4}
50% {
  opacity:.3}
80% {
  opacity:.2}
100% {
  -webkit-transform:scale(2.2);
  transform:scale(2.2);
  opacity:0}
}

@keyframes ripple2 {
  0% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6);
  opacity:.4}
50% {
  opacity:.3}
80% {
  opacity:.2}
100% {
  -webkit-transform:scale(2.2);
  transform:scale(2.2);
  opacity:0}
}

@-webkit-keyframes ripple3 {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0}
30% {
  opacity:.4}
100% {
  -webkit-transform:scale(2.9);
  transform:scale(2.9);
  opacity:.2}
}

@keyframes ripple3 {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0}
30% {
  opacity:.4}
100% {
  -webkit-transform:scale(2.9);
  transform:scale(2.9);
  opacity:.2}
}

@-webkit-keyframes scrollMove {
  0% {
  opacity:0}
50% {
  opacity:1}
100% {
  opacity:0;
  -webkit-transform:translateY(10px);
  transform:translateY(10px)}
}

@keyframes scrollMove {
  0% {
  opacity:0}
50% {
  opacity:1}
100% {
  opacity:0;
  -webkit-transform:translateY(10px);
  transform:translateY(10px)}
}
.fancy-animation {
  -webkit-animation:morph 8s ease-in-out infinite;
  animation:morph 8s ease-in-out infinite}

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

@keyframes morph {
  0% {
  border-radius:60% 40% 30% 70%/60% 30% 70% 40%}
50% {
  border-radius:30% 60% 70% 40%/50% 60% 30% 60%}
100% {
  border-radius:60% 40% 30% 70%/60% 30% 70% 40%}
}
.jumpAni {
  -webkit-animation:jumpAni 7s linear infinite;
  animation:jumpAni 7s linear infinite}

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

@keyframes jumpAni {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
40% {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px)}
100% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.movingX {
  -webkit-animation:movingX 8s linear infinite;
  animation:movingX 8s linear infinite}

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

@keyframes movingX {
  0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
50% {
  -webkit-transform:translateX(50px);
  transform:translateX(50px)}
100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}
.moving {
  -webkit-animation:moving 8s linear infinite;
  animation:moving 8s linear infinite}

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

@keyframes moving {
  0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
50% {
  -webkit-transform:translateX(-50px);
  transform:translateX(-50px)}
100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}
.jump {
  -webkit-animation:jumpAni 7s linear infinite;
  animation:jumpAni 7s linear infinite}

@keyframes jumpAni {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
40% {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px)}
100% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.jump-reverse {
  -webkit-animation:jumpReverseAni 7s linear infinite;
  animation:jumpReverseAni 7s linear infinite}

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

@keyframes jumpReverseAni {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
50% {
  -webkit-transform:translateY(30px);
  transform:translateY(30px)}
100% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.spin {
  -webkit-animation:spin 15s linear infinite;
  animation:spin 15s linear infinite}

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

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

@-webkit-keyframes titleFill {
  0% {
  width:0}
80% {
  width:100%}
100% {
  width:100%}
}

@keyframes titleFill {
  0% {
  width:0}
80% {
  width:100%}
100% {
  width:100%}
}

@-webkit-keyframes lineDown {
  0% {
  -webkit-transform:0;
  transform:0;
  opacity:0}
30% {
  opacity:1}
60% {
  opacity:1}
100% {
  -webkit-transform:translateY(8px);
  transform:translateY(8px);
  opacity:1}
}

@keyframes lineDown {
  0% {
  -webkit-transform:0;
  transform:0;
  opacity:0}
30% {
  opacity:1}
60% {
  opacity:1}
100% {
  -webkit-transform:translateY(8px);
  transform:translateY(8px);
  opacity:1}
}
.swing {
  -webkit-animation:swing 10s infinite ease-in-out;
  animation:swing 10s infinite ease-in-out}

@-webkit-keyframes swing {
  0%,
100% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
25% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)}
50% {
  -webkit-transform:rotate(-5deg);
  transform:rotate(-5deg)}
75% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)}
}

@keyframes swing {
  0%,
100% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
25% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)}
50% {
  -webkit-transform:rotate(-5deg);
  transform:rotate(-5deg)}
75% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)}
}

@-webkit-keyframes scaleUpDown {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1)}
50% {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)}
100% {
  -webkit-transform:scale(1);
  transform:scale(1)}
}

@keyframes scaleUpDown {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1)}
50% {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)}
100% {
  -webkit-transform:scale(1);
  transform:scale(1)}
}

@-webkit-keyframes roundFill {
  0% {
  width:0}
60% {
  width:100%;
  opacity:1}
100% {
  opacity:0}
}

@keyframes roundFill {
  0% {
  width:0}
60% {
  width:100%;
  opacity:1}
100% {
  opacity:0}
}
.dance {
  -webkit-animation:dance 2s alternate infinite;
  animation:dance 2s alternate infinite}

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

@keyframes dance {
  0% {
  -webkit-transform:scale(0.8);
  transform:scale(0.8)}
100% {
  -webkit-transform:scale(1);
  transform:scale(1)}
}
.dance2 {
  -webkit-animation:dance2 4s alternate infinite;
  animation:dance2 4s alternate infinite}

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

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

@-webkit-keyframes slideTop {
  49% {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)}
50% {
  opacity:0;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)}
51% {
  opacity:1}
}

@keyframes slideTop {
  49% {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)}
50% {
  opacity:0;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)}
51% {
  opacity:1}
}

@-webkit-keyframes zoom1 {
  0% {
  scale:.2}
50% {
  scale:1}
100% {
  scale:.2}
}

@keyframes zoom1 {
  0% {
  scale:.2}
50% {
  scale:1}
100% {
  scale:.2}
}

@-webkit-keyframes topBottomLine {
  0% {
  top:0}
50% {
  top:calc(100% - 30px)}
100% {
  top:0}
}

@keyframes topBottomLine {
  0% {
  top:0}
50% {
  top:calc(100% - 30px)}
100% {
  top:0}
}
.bg-color-ani,
.color-animate {
  -webkit-animation:bgColor 6s linear infinite;
  animation:bgColor 6s linear infinite}

@-webkit-keyframes bgColor {
  0% {
  background-color:#f2ba4c}
25% {
  background-color:#81f24c}
50% {
  background-color:#41f27d}
75% {
  background-color:#0500ff}
100% {
  background-color:#f2ba4c}
}

@keyframes bgColor {
  0% {
  background-color:#f2ba4c}
25% {
  background-color:#81f24c}
50% {
  background-color:#41f27d}
75% {
  background-color:#0500ff}
100% {
  background-color:#f2ba4c}
}

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

@keyframes footerLine {
  0% {
  left:40px}
50% {
  left:0}
100% {
  left:40px}
}

@-webkit-keyframes fadeLeftRight {
  0%,
100% {
  -webkit-transform:translateX(0px);
  transform:translateX(0px)}
50% {
  -webkit-transform:translateX(100px);
  transform:translateX(100px)}
}

@keyframes fadeLeftRight {
  0%,
100% {
  -webkit-transform:translateX(0px);
  transform:translateX(0px)}
50% {
  -webkit-transform:translateX(100px);
  transform:translateX(100px)}
}

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

@keyframes animate-positive {
  0% {
  width:0}
}
.fadein,
.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {
  opacity:0;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;
  -webkit-animation-duration:1.3s;
  animation-duration:1.3s;
  -webkit-animation-delay:.3s;
  animation-delay:.3s;
  -webkit-animation-name:var(--animation-name);
  animation-name:var(--animation-name)}
.th-ani {
  -webkit-transition:all 500ms ease;
  transition:all 500ms ease}
.th-ani:hover {
  -webkit-transform:translate(0, -15px);
  transform:translate(0, -15px)}

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

@keyframes shine {
  100% {
  left:125%}
}
.swiper-slide-active .fadein {
  --animation-name: fadein}
.swiper-slide-active .scalein {
  --animation-name: scalein}
.swiper-slide-active .slidetopleft {
  --animation-name: slidetopleft}
.swiper-slide-active .slidebottomright {
  --animation-name: slidebottomright}
.swiper-slide-active .slideinleft {
  --animation-name: slideinleft}
.swiper-slide-active .slideinright {
  --animation-name: slideinright}
.swiper-slide-active .slideinup {
  --animation-name: slideinup}
.swiper-slide-active .slideindown {
  --animation-name: slideindown}
.swiper-slide-active .rollinleft {
  --animation-name: rollinleft}
.swiper-slide-active .rollinright {
  --animation-name: rollinright}

@-webkit-keyframes fadein {
  0% {
  opacity:0}
100% {
  opacity:1}
}

@keyframes fadein {
  0% {
  opacity:0}
100% {
  opacity:1}
}

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

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

@-webkit-keyframes scroll {
  0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
100% {
  -webkit-transform:translateX(calc(-100% - var(--gap)));
  transform:translateX(calc(-100% - var(--gap)))}
}

@keyframes scroll {
  0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
100% {
  -webkit-transform:translateX(calc(-100% - var(--gap)));
  transform:translateX(calc(-100% - var(--gap)))}
}

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeInLeft {
  0% {
  opacity:0;
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)}
100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}
.fadeInLeft {
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft}

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

@keyframes fadeInRight {
  0% {
  opacity:0;
  -webkit-transform:translateX(20px);
  transform:translateX(20px)}
100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}
.fadeInRight {
  -webkit-animation-name:fadeInRight;
  animation-name:fadeInRight}

@-webkit-keyframes fadeInUp {
  0% {
  opacity:0;
  -webkit-transform:translate3d(0, 40px, 0);
  transform:translate3d(0, 40px, 0)}
100% {
  opacity:1;
  -webkit-transform:none;
  transform:none}
}

@keyframes fadeInUp {
  0% {
  opacity:0;
  -webkit-transform:translate3d(0, 40px, 0);
  transform:translate3d(0, 40px, 0)}
100% {
  opacity:1;
  -webkit-transform:none;
  transform:none}
}
.fadeInUp {
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp}

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

@keyframes fadeInDown {
  0% {
  opacity:0;
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px)}
100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.fadeInDown {
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown}
.zoomIn {
  -webkit-animation-name:zoomIn;
  animation-name:zoomIn}

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

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

@keyframes fadeInLeft {
  0% {
  opacity:0;
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)}
100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}
.fadeInLeft {
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft}

@keyframes fadeInRight {
  0% {
  opacity:0;
  -webkit-transform:translateX(20px);
  transform:translateX(20px)}
100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}
.fadeInRight {
  -webkit-animation-name:fadeInRight;
  animation-name:fadeInRight}

@keyframes fadeInUp {
  0% {
  opacity:0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)}
100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.fadeInUp {
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp}

@keyframes fadeInDown {
  0% {
  opacity:0;
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px)}
100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.fadeInDown {
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown}
.dance {
  -webkit-animation:dance 2s alternate infinite;
  animation:dance 2s alternate infinite}

@keyframes dance {
  0% {
  -webkit-transform:scale(0.8);
  transform:scale(0.8)}
100% {
  -webkit-transform:scale(1);
  transform:scale(1)}
}
.dance2 {
  -webkit-animation:dance2 4s alternate infinite;
  animation:dance2 4s alternate infinite}

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

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

@keyframes slideInDown {
  0% {
  opacity:0;
  -webkit-transform:translateY(-2000px);
  transform:translateY(-2000px)}
100% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.slideInDown {
  -webkit-animation-name:slideInDown;
  animation-name:slideInDown}

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

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

img.img-logo{
  max-width:150px;
  transition:all .3s ease;}
img.img-logo:hover{
  transform:scale(1.1);
}
.slideUp {
  -webkit-animation-name:slideOutUp;
  animation-name:slideOutUp}
.scroll-text-ani {
  background:-webkit-gradient(linear, left top, right top, from(var(--title-color)), color-stop(0%, var(--th-border-color)));
  background:linear-gradient(to right, var(--title-color) 0%, var(--th-border-color) 0%);
  background-clip:text;
  -webkit-background-clip:text;
  color:rgba(0,0,0,0);
  -webkit-text-fill-color:rgba(0,0,0,0);
  line-height:1.2;
  -webkit-transition:background .4s ease-out;
  transition:background .4s ease-out;
  background-size:100% 100%;
  background-repeat:no-repeat}
.scroll-text-ani2 {
  background:-webkit-gradient(linear, left top, right top, from(var(--white-color)), color-stop(0%, var(--th-border-color)));
  background:linear-gradient(to right, var(--white-color) 0%, var(--th-border-color) 0%);
  background-clip:text;
  -webkit-background-clip:text;
  color:rgba(0,0,0,0);
  -webkit-text-fill-color:rgba(0,0,0,0);
  line-height:1.2;
  -webkit-transition:background .4s ease-out;
  transition:background .4s ease-out;
  background-size:100% 100%;
  background-repeat:no-repeat}
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_archive ul,
.widget_categories ul {
  list-style:none;
  padding:0;
  margin:0 0 0 0}
.widget_nav_menu>ul,
.widget_nav_menu .menu,
.widget_meta>ul,
.widget_meta .menu,
.widget_pages>ul,
.widget_pages .menu,
.widget_archive>ul,
.widget_archive .menu,
.widget_categories>ul,
.widget_categories .menu {
  margin:0 0 -10px 0}
.widget_nav_menu a,
.widget_meta a,
.widget_pages a,
.widget_archive a,
.widget_categories a {
  display:block;
  background-color:var(--white-color);
  border:1px solid var(--smoke-color);
  margin:0 0 10px 0;
  padding:16.5px 45px 16.5px 25px;
  font-size:16px;
  font-weight:400;
  line-height:1.313;
  color:var(--body-color);
  border-radius:8px}
.widget_nav_menu a::before,
.widget_meta a::before,
.widget_pages a::before,
.widget_archive a::before,
.widget_categories a::before {
  /* content:""; */
  position:absolute;
  right:25px;
  top:17px;
  font-family:var(--icon-font);
  font-weight:600;
  color:var(--body-color);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.widget_nav_menu li,
.widget_meta li,
.widget_pages li,
.widget_archive li,
.widget_categories li {
  display:block;
  position:relative}
.widget_nav_menu li>span,
.widget_meta li>span,
.widget_pages li>span,
.widget_archive li>span,
.widget_categories li>span {
  color:var(--title-color);
  background-color:#fff;
  font-weight:600;
  text-align:center;
  position:absolute;
  right:24px;
  top:15px;
  -webkit-transition:all ease .4s;
  transition:all ease .4s;
  pointer-events:none;
  min-width:20px;
  text-align:right}
.widget_nav_menu a:hover,
.widget_meta a:hover,
.widget_pages a:hover,
.widget_archive a:hover,
.widget_categories a:hover {
  color:var(--white-color);
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
.widget_nav_menu a:hover:before,
.widget_meta a:hover:before,
.widget_pages a:hover:before,
.widget_archive a:hover:before,
.widget_categories a:hover:before {
  color:var(--white-color)}
.widget_nav_menu a:hover~span,
.widget_meta a:hover~span,
.widget_pages a:hover~span,
.widget_archive a:hover~span,
.widget_categories a:hover~span {
  color:var(--white-color);
  background-color:var(--theme-color)}
.widget_nav_menu .children,
.widget_meta .children,
.widget_pages .children,
.widget_archive .children,
.widget_categories .children {
  margin-left:10px}
.widget_nav_menu a,
.widget_meta a,
.widget_pages a {
  padding-right:20px}
.widget_nav_menu .sub-menu {
  margin-left:10px}
.wp-block-archives {
  list-style:none;
  margin:0;
  padding:0;
  margin-bottom:20px}
.wp-block-archives a:not(:hover) {
  color:inherit}
.th-blog ul.wp-block-archives li {
  margin:5px 0}
ul.widget_recent_comments,
ol.widget_recent_comments,
.wp-block-latest-comments {
  margin-top:-0.11em;
  padding-left:0}
.widget_recent_comments ol,
.widget_recent_comments ul,
.wp-block-latest-comments ol,
.wp-block-latest-comments ul {
  margin-bottom:0;
  padding:0}
.widget_recent_comments li,
.wp-block-latest-comments li {
  margin-bottom:0;
  color:var(--body-color);
  padding-left:30px;
  position:relative;
  list-style:none}
.widget_recent_comments li:before,
.wp-block-latest-comments li:before {
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  color:var(--theme-color);
  font-family:var(--icon-font)}
.widget_recent_comments.has-avatars li,
.wp-block-latest-comments.has-avatars li {
  padding-left:0;
  padding-bottom:0 !important}
.widget_recent_comments.has-avatars li:before,
.wp-block-latest-comments.has-avatars li:before {
  display:none}
.widget_recent_comments .avatar,
.wp-block-latest-comments .avatar {
  margin-top:.4em}
.widget_recent_comments li:not(:last-child),
.wp-block-latest-comments li:not(:last-child) {
  padding-bottom:12px}
.widget_recent_comments article,
.wp-block-latest-comments article {
  line-height:1.5}
.widget_recent_comments a,
.wp-block-latest-comments a {
  color:inherit}
.widget_recent_comments a:hover,
.wp-block-latest-comments a:hover {
  color:var(--theme-color)}
.wp-block-latest-comments__comment {
  line-height:1.6}
.wp-block-latest-comments__comment a {
  color:var(--body-color)}
.wp-block-latest-comments__comment a:hover {
  color:var(--theme-color)}
.wp-block-latest-comments__comment:last-child {
  margin-bottom:0}
.widget_recent_entries ul li>a {
  color:var(--body-color);
  font-weight:500;
  display:inline-block}
.widget_recent_entries ul li>a:hover {
  color:var(--theme-color)}
.widget {
  padding:var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
  background-color:var(--smoke-color);
  border-radius:20px;
  margin-bottom:40px;
  position:relative}
.widget:last-child {
  margin-bottom:0}
.widget:last-child.footer-widget {
  margin-bottom:50px}
.widget[data-overlay]:before {
  z-index:-1}
.widget select,
.widget input,
.widget .form-select,
.widget .form-control,
.widget textarea {
  background-color:rgba(0,0,0,0);
  border-radius:32px;
  border:1px solid hsla(0,0%,100%,.3)}
.widget select:focus,
.widget input:focus,
.widget .form-select:focus,
.widget .form-control:focus,
.widget textarea:focus {
  border-color:var(--theme-color)}
.widget select::-moz-placeholder,
.widget input::-moz-placeholder,
.widget .form-select::-moz-placeholder,
.widget .form-control::-moz-placeholder,
.widget textarea::-moz-placeholder {
  color:var(--white-color)}
.widget select::-webkit-input-placeholder,
.widget input::-webkit-input-placeholder,
.widget .form-select::-webkit-input-placeholder,
.widget .form-control::-webkit-input-placeholder,
.widget textarea::-webkit-input-placeholder {
  color:var(--white-color)}
.widget select:-ms-input-placeholder,
.widget input:-ms-input-placeholder,
.widget .form-select:-ms-input-placeholder,
.widget .form-control:-ms-input-placeholder,
.widget textarea:-ms-input-placeholder {
  color:var(--white-color)}
.widget select::-webkit-input-placeholder,
 .widget input::-webkit-input-placeholder,
 .widget .form-select::-webkit-input-placeholder,
 .widget .form-control::-webkit-input-placeholder,
 .widget textarea::-webkit-input-placeholder {
  color:var(--white-color)}
.widget select::-moz-placeholder,
 .widget input::-moz-placeholder,
 .widget .form-select::-moz-placeholder,
 .widget .form-control::-moz-placeholder,
 .widget textarea::-moz-placeholder {
  color:var(--white-color)}
.widget select:-ms-input-placeholder,
 .widget input:-ms-input-placeholder,
 .widget .form-select:-ms-input-placeholder,
 .widget .form-control:-ms-input-placeholder,
 .widget textarea:-ms-input-placeholder {
  color:var(--white-color)}
.widget select::-ms-input-placeholder,
 .widget input::-ms-input-placeholder,
 .widget .form-select::-ms-input-placeholder,
 .widget .form-control::-ms-input-placeholder,
 .widget textarea::-ms-input-placeholder {
  color:var(--white-color)}
.widget select::placeholder,
.widget input::placeholder,
.widget .form-select::placeholder,
.widget .form-control::placeholder,
.widget textarea::placeholder {
  color:var(--white-color)}
.widget textarea {
  min-height:120px}
.widget .form-group>i {
  background-color:var(--white-color)}
.widget .form-group input[type=checkbox]~label:before {
  background-color:var(--theme-color);
  border:1px solid var(--theme-color);
  border-radius:6px}
.widget .form-group label {
  color:var(--body-color);
  padding-left:16px;
  text-align:left}
.widget_title {
  position:relative;
  font-size:24px;
  font-weight:600;
  line-height:34px;
  font-family:var(--title-font);
  line-height:1em;
  margin:-0.12em 0 30px 0}
.wp-block-search__label,
.widget_title {
  font-size:24px}
.widget-form {
  --bs-gutter-x: 20px}
.widget_search {
  background-color:var(--smoke-color);
  border:1px solid rgba(0,0,0,0)}
.widget_price_filter {
  padding:40px 30px}
.widget .search-form {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.widget .search-form input {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  border:none;
  border-radius:10px;
  height:56px;
  padding-right:70px;
  color:var(--body-color)}
.widget .search-form input::-webkit-input-placeholder {
  color:var(--body-color)}
.widget .search-form input::-moz-placeholder {
  color:var(--body-color)}
.widget .search-form input:-ms-input-placeholder {
  color:var(--body-color)}
.widget .search-form input::-ms-input-placeholder {
  color:var(--body-color)}
.widget .search-form input::placeholder {
  color:var(--body-color)}
.widget .search-form button {
  position:absolute;
  top:0;
  right:0;
  border:none;
  font-size:16px;
  background-color:var(--theme-color);
  color:var(--white-color);
  display:inline-block;
  padding:0;
  width:56px;
  height:56px;
  line-height:56px;
  border-radius:10px;
  text-align:center}
.widget .search-form button:hover {
  background-color:var(--title-color)}
.widget.widget_banner {
  background-color:var(--title-color);
  position:relative}
.widget.widget_banner::before {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  content:"";
  background:rgba(11,20,34,.8);
  mix-blend-mode:luminosity;
  border-radius:20px}
.widget-banner .icon {
  position:relative;
  font-size:16px;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  margin:auto;
  color:var(--white-color);
  background:var(--theme-color);
  display:block;
  border-radius:100px;
  margin-bottom:30px}
.widget-banner .icon::before {
  position:absolute;
  width:64px;
  height:64px;
  left:-7px;
  top:-7px;
  line-height:64px;
  text-align:center;
  content:"";
  border:1px solid var(--white-color);
  border-radius:100px}
.widget-banner .text {
  font-weight:700;
  font-size:28px;
  text-align:center;
  color:var(--white-color);
  display:block;
  margin-bottom:20px}

@media(max-width: 575px) {
  .widget-banner .text {
  font-size:24px}
}
.widget-banner .phone {
  font-size:20px;
  font-weight:700;
  text-align:center;
  color:var(--white-color);
  display:block;
  margin-bottom:20px}
.wp-block-tag-cloud a,
.tagcloud a {
  display:inline-block;
  border:none;
  line-height:1;
  padding:9.5px 14px;
  margin-right:2px;
  margin-bottom:10px;
  text-transform:capitalize;
  color:var(--title-color);
  font-size:14px;
  font-family:var(--body-font);
  font-weight:400;
  background-color:var(--white-color);
  border-radius:100px;
  border:1px solid var(--th-border-color)}
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
  background-color:var(--theme-color);
  color:var(--white-color) !important;
  border:1px solid var(--theme-color)}
.wp-block-tag-cloud,
.tagcloud {
  margin-bottom:-10px}
.sidebar-gallery {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  max-width:312px}
.sidebar-gallery .gallery-btn {
  position:absolute;
  top:50%;
  left:50%;
  color:var(--white-color);
  visibility:hidden;
  opacity:0;
  -webkit-transform:translate(-50%, 20px);
  transform:translate(-50%, 20px)}
.sidebar-gallery .gallery-btn:hover {
  color:var(--theme-color)}
.sidebar-gallery .gallery-thumb {
  overflow:hidden;
  position:relative}
.sidebar-gallery .gallery-thumb:before {
  content:"";
  height:auto;
  width:0;
  background-color:var(--title-color);
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  border-radius:50%;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.sidebar-gallery .gallery-thumb img {
  width:100%;
  border-radius:4px}
.sidebar-gallery .gallery-thumb:hover:before {
  opacity:.8;
  padding-top:135%;
  width:135%;
  border-radius:35%}
.sidebar-gallery .gallery-thumb:hover .gallery-btn {
  visibility:visible;
  opacity:1;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.sidebar-gallery .wp-block-image {
  overflow:hidden;
  position:relative;
  border-radius:5px;
  width:100% !important}
.sidebar-gallery .wp-block-image img {
  width:100%}
.recent-post {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:20px}
.recent-post:last-child {
  margin-bottom:0}
.recent-post .media-img {
  margin-right:15px;
  width:85px;
  height:85px;
  border-radius:20px;
  overflow:hidden;
  position:relative}
.recent-post .media-img img {
  width:100%;
  border-radius:4px;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.recent-post .media-img:after {
  content:"";
  font-family:var(--icon-font);
  position:absolute;
  inset:0;
  text-align:center;
  line-height:80px;
  font-size:24px;
  background-color:rgba(0,0,0,.7);
  color:var(--theme-color);
  pointer-events:none;
  border-radius:50%;
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.recent-post .post-title {
  font-size:20px;
  font-weight:500;
  margin-bottom:0;
  font-family:var(--title-font);
  color:var(--title-color);
  text-transform:capitalize}
.recent-post .recent-post-meta {
  margin-bottom:2px}
.recent-post .recent-post-meta a {
  text-transform:capitalize;
  font-size:16px;
  color:var(--body-color);
  font-family:var(--body-font)}
.recent-post .recent-post-meta a i {
  margin-right:6px;
  color:var(--theme-color)}
.recent-post .recent-post-meta a:hover {
  color:var(--theme-color)}
.recent-post:hover .media-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.recent-post:hover .media-img:after {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  border-radius:15%}
.widget_offer {
  padding:72px 60px;
  margin-bottom:0}

@media(max-width: 1199px) {
  .widget_offer {
  padding:40px}
}

@media(max-width: 991px) {
  .widget_offer {
  margin-bottom:40px}
}
.widget_offer .offer-banner {
  text-align:center}
.widget_offer .offer-banner .sub-title {
  font-size:18px;
  line-height:28px;
  text-transform:capitalize;
  letter-spacing:0;
  margin-top:-0.4rem;
  display:block}
.widget_offer .offer-banner .sub-title:before,
.widget_offer .offer-banner .sub-title:after {
  display:none}
.widget_offer .offer-banner .box-title {
  color:var(--white-color);
  margin:-0.4rem 0px 22px}
.widget_offer .offer-banner .offer-text {
  font-family:var(--title-font);
  margin-bottom:20px}
.widget_offer .offer-banner .th-btn {
  margin-top:14px;
  padding:14px 35px}
.widget_offer .banner-logo {
  background-color:var(--white-color);
  border-radius:48px;
  padding:12px 34px;
  max-width:264px;
  display:block;
  margin:auto}
.widget_offer .offer-title {
  color:var(--white-color);
  font-weight:500;
  margin-top:15px;
  margin-bottom:2px}
.widget_offer .offter-num {
  font-weight:400;
  font-size:18px;
  color:var(--white-color);
  margin-bottom:0px}
.sidebar-area {
  margin-left:10px;
  margin-bottom:-10px}
.sidebar-area.style2 .widget {
  padding:var(--widget-padding-y, 30px) var(--widget-padding-x, 16px)}
.sidebar-area.style3 .widget {
  padding:var(--widget-padding-y, 24px) var(--widget-padding-x, 24px)}
.sidebar-area.style3 .widget.tour-booking {
  padding:var(--widget-padding-y, 48px) var(--widget-padding-x, 24px)}

@media(max-width: 991px) {
  .sidebar-area {
  margin-left:0}
}
.sidebar-area ul.wp-block-latest-posts {
  margin-bottom:0}
.sidebar-area ul.wp-block-latest-posts li:last-child {
  margin-bottom:0}
.sidebar-area select,
.sidebar-area input {
  background-color:var(--white-color)}
.sidebar-area .widget_categories.style2 ul {
  margin:0px 0 -15px 0}
.sidebar-area .wp-block-categories {
  margin:-20px 0 -20px 0}
.sidebar-area .sidebar-gallery {
  margin-bottom:0 !important}
.sidebar-area .widget .wp-block-search {
  margin-bottom:0}
.sidebar-area .wp-block-search__label,
.sidebar-area .wp-block-group__inner-container h2 {
  position:relative;
  font-size:24px;
  font-weight:700;
  font-family:var(--title-font);
  line-height:1em;
  padding-bottom:20px;
  margin:-0.12em 0 30px 0}
.sidebar-area .wp-block-search__label:after,
.sidebar-area .wp-block-search__label:before,
.sidebar-area .wp-block-group__inner-container h2:after,
.sidebar-area .wp-block-group__inner-container h2:before {
  content:"";
  height:3px;
  width:100%;
  background-color:var(--th-border-color);
  position:absolute;
  bottom:0;
  left:0}
.sidebar-area .wp-block-search__label:after,
.sidebar-area .wp-block-group__inner-container h2:after {
  background-color:var(--theme-color);
  width:40px}
.sidebar-area ol.wp-block-latest-comments {
  padding:0;
  margin:0}
.sidebar-area ol.wp-block-latest-comments li {
  line-height:1.5;
  margin:0 0 20px 0;
  border-bottom:1px solid rgba(0,0,0,.1);
  padding-bottom:20px}
.sidebar-area ol.wp-block-latest-comments li:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none}
.author-widget-wrap {
  position:relative;
  background-color:var(--smoke-color);
  padding:30px 40px 30px 30px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:30px;
  border-radius:15px}

@media(max-width: 1199px) {
  .author-widget-wrap {
  display:block}
}

@media(max-width: 375px) {
  .author-widget-wrap {
  padding:25px}
}
.author-widget-wrap.style2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:40px;
  margin-bottom:50px}

@media(max-width: 1199px) {
  .author-widget-wrap.style2 {
  display:block}
}
.author-widget-wrap .avater-content {
  position:relative}
.author-widget-wrap .avater {
  min-width:189px;
  border-radius:15px;
  border-radius:50%}

@media(max-width: 1199px) {
  .author-widget-wrap .avater {
  min-width:100%;
  margin-bottom:15px}
}
.author-widget-wrap .avater img {
  border-radius:15px;
  width:100%}

@media(max-width: 1199px) {
  .author-widget-wrap .avater img {
  width:100%}
}
.author-widget-wrap .name {
  font-weight:600;
  font-size:24px;
  line-height:30px;
  color:var(--title-color);
  margin-bottom:0px}
.author-widget-wrap .name a {
  color:inherit}
.author-widget-wrap .name a:hover {
  color:var(--theme-color)}
.author-widget-wrap .text {
  font-weight:500;
  font-size:14px;
  line-height:24px;
  color:var(--theme-color);
  margin-bottom:25px}
.author-widget-wrap .author-info {
  text-align:left;
  padding-right:20px;
  margin-bottom:15px}

@media(max-width: 1199px) {
  .author-widget-wrap .author-info {
  padding:10px 0;
  margin-bottom:0}
}
.author-widget-wrap .author-bio {
  font-weight:400;
  font-size:18px;
  line-height:26px;
  color:var(--body-color);
  margin-bottom:0px}
.author-widget-wrap .author-social {
  display:block;
  position:absolute;
  top:20px;
  right:40px}

@media(max-width: 575px) {
  .author-widget-wrap .author-social {
  right:0px}
}

@media(max-width: 450px) {
  .author-widget-wrap .author-social {
  display:none}
}
.author-widget-wrap .author-social a {
  font-size:14px;
  color:var(--title-color);
  position:relative;
  margin-right:10px}
.author-widget-wrap .author-social a:last-child {
  margin-right:0;
  border-right:none}
.author-widget-wrap .author-social a:hover {
  color:var(--theme-color)}
.donwload-media-wrap {
  margin-top:-4px;
  margin-bottom:-4px}
.donwload-media-wrap .download-media {
  display:-webkit-box;
  display:-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;
  text-align:center;
  background-color:var(--white-color);
  padding:14.5px;
  -webkit-box-shadow:0px 2px 4px 0px rgba(2,29,53,.1);
  box-shadow:0px 2px 4px 0px rgba(2,29,53,.1);
  margin-bottom:15px;
  border-bottom:1px solid #e7e7e7;
  border-radius:10px;
  -webkit-transition:.4s;
  transition:.4s}
.donwload-media-wrap .download-media:last-child {
  margin-bottom:0;
  border-bottom:none}
.donwload-media-wrap .download-media:hover {
  background:var(--theme-color)}
.donwload-media-wrap .download-media:hover .download-media_icon i {
  color:var(--white-color)}
.donwload-media-wrap .download-media:hover .download-media_title a {
  color:var(--white-color)}
.donwload-media-wrap .download-media_icon {
  margin-right:5px}
.donwload-media-wrap .download-media_icon i {
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 375px) {
  .donwload-media-wrap .download-media_icon {
  margin-right:10px}
}
.donwload-media-wrap .download-media_icon i {
  font-size:16px;
  color:var(--theme-color)}
.donwload-media-wrap .download-media_title {
  line-height:26px;
  font-weight:400;
  margin-bottom:0;
  text-transform:uppercase}
.donwload-media-wrap .download-media_title a {
  display:block;
  font-size:14px;
  color:var(--title-color)}

@media(max-width: 375px) {
  .donwload-media-wrap .download-media_title {
  line-height:24px}
}
.donwload-media-wrap .download-media_text {
  color:var(--body-color);
  font-size:14px}
.donwload-media-wrap .download-media_btn {
  margin-left:auto;
  width:40px;
  height:40px;
  line-height:40px;
  background-color:var(--theme-color);
  color:var(--white-color);
  text-align:center}
.donwload-media-wrap .download-media_btn:hover {
  background:var(--title-color)}
.widget_call {
  background-color:var(--theme-color);
  border-radius:20px;
  position:relative;
  z-index:2}
.widget-map iframe {
  min-height:280px}
.widget-call .box-title {
  margin-bottom:5px}
.widget-call .info-box_link {
  font-size:18px;
  color:var(--white-color)}
.widget-call .info-box_link:hover {
  color:var(--white-color)}
.widget-call .info-box_icon {
  width:50px;
  height:50px;
  min-width:50px;
  line-height:50px;
  font-size:16px;
  background-color:var(--theme-color);
  border:1px solid var(--white-color);
  color:var(--white-color);
  border-radius:50%;
  text-align:center;
  margin-right:14px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.widget-call .info-box_icon:hover {
  background-color:var(--white-color);
  color:var(--theme-color)}
.widget-call .info-box_subtitle {
  color:var(--white-color);
  text-transform:capitalize;
  margin-bottom:5px}
.widget_info {
  padding:30px}
.info-list {
  margin-top:-16px}
.info-list ul {
  list-style:none;
  padding:0;
  margin:0}
.info-list i {
  color:var(--theme-color);
  width:16px;
  margin-right:2px;
  font-size:16px}
.info-list strong {
  font-weight:400;
  font-size:16px;
  color:var(--black-color2);
  display:block;
  margin-bottom:0}
.info-list li {
  border:1px solid #e1e4e5;
  border-radius:4px;
  padding:12px;
  margin-bottom:24px}
.info-list li span {
  font-size:14px;
  color:var(--body-color)}
.price_slider_wrapper .price_label span {
  display:inline-block;
  color:var(--body-color)}
.price_slider_wrapper .ui-slider {
  height:8px;
  position:relative;
  width:100%;
  background-color:rgba(0,0,0,0);
  border:1px solid #e1e4e5;
  margin-top:15px;
  border-radius:8px;
  cursor:pointer}
.price_slider_wrapper .ui-slider-range {
  border:none;
  cursor:pointer;
  position:absolute;
  top:0;
  height:100%;
  z-index:1;
  display:block;
  background-color:var(--theme-color)}
.price_slider_wrapper .ui-slider-handle {
  width:16px;
  height:16px;
  line-height:16px;
  border-radius:50%;
  text-align:center;
  padding:0;
  cursor:pointer;
  position:absolute;
  margin-top:-5px;
  z-index:2;
  background-color:var(--white-color);
  border:1px solid var(--theme-color);
  -webkit-transform:translateX(-1px);
  transform:translateX(-1px)}
.price_slider_wrapper .ui-slider-handle:focus {
  outline:none;
  -webkit-box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15);
  box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15)}
.price_slider_wrapper .ui-slider-handle:last-child {
  -webkit-transform:translateX(-9px);
  transform:translateX(-9px)}
.price_slider_wrapper button,
.price_slider_wrapper .button {
  position:relative;
  background-color:rgba(0,0,0,0);
  color:var(--theme-color);
  font-weight:600;
  line-height:1.6;
  text-transform:uppercase;
  text-align:center;
  border:none;
  display:inline-block;
  overflow:hidden;
  position:relative;
  z-index:2;
  padding:0;
  font-size:14px;
  -webkit-transition:.4s ease-in;
  transition:.4s ease-in}
.price_slider_wrapper button:before,
.price_slider_wrapper .button:before {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  min-width:43px;
  height:2px;
  background-color:var(--theme-color)}
.price_slider_wrapper button:hover,
.price_slider_wrapper .button:hover {
  background-color:rgba(0,0,0,0)}
.widget_shopping_cart .widget_title {
  margin-bottom:35px;
  border-bottom:none}
.widget_shopping_cart ul {
  margin:0;
  padding:0}
.widget_shopping_cart ul li {
  list-style-type:none}
.widget_shopping_cart .mini_cart_item {
  position:relative;
  padding:30px 30px 30px 90px;
  border-bottom:1px solid rgba(0,0,0,.1);
  margin-bottom:0;
  text-align:left}
.widget_shopping_cart .mini_cart_item:first-child {
  border-top:1px solid rgba(0,0,0,.1)}
.widget_shopping_cart .cart_list a:not(.remove) {
  display:block;
  color:var(--body-color);
  font-size:16px;
  font-weight:500;
  font-family:var(--title-font);
  font-weight:600;
  color:var(--title-color)}
.widget_shopping_cart .cart_list a:not(.remove):hover {
  color:var(--theme-color)}
.widget_shopping_cart .cart_list a.remove {
  position:absolute;
  top:50%;
  left:95%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  color:var(--body-color)}
.widget_shopping_cart .cart_list a.remove:hover {
  color:var(--theme-color)}
.widget_shopping_cart .cart_list img {
  width:75px;
  height:75px;
  position:absolute;
  left:0;
  top:18px}
.widget_shopping_cart .quantity {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  white-space:nowrap;
  vertical-align:top;
  margin-right:20px;
  font-size:14px;
  font-weight:500}
.widget_shopping_cart .total {
  margin-top:20px;
  font-size:18px;
  color:var(--title-color);
  font-family:var(--body-font)}
.widget_shopping_cart .total strong {
  font-family:var(--title-font)}
.widget_shopping_cart .amount {
  padding-left:5px}
.widget_shopping_cart .th-btn {
  margin-right:15px}
.widget_shopping_cart .th-btn:last-child {
  margin-right:0}
.th-video-widget .video-thumb {
  position:relative}
.th-video-widget .play-btn {
  --icon-size: 60px;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.th-video-widget .play-btn i {
  font-size:16px}
.th-video-widget .video-thumb-title {
  font-size:20px;
  font-weight:600;
  line-height:1.4;
  margin-top:10px;
  margin-bottom:-0.3em}
.widget_recent_entries ul {
  margin:-0.3em 0 0 0;
  padding:0;
  list-style:none}
.widget_recent_entries ul li>a {
  color:var(--body-color);
  font-weight:500;
  display:inline-block}
.widget_recent_entries ul li>a:hover {
  color:var(--theme-color)}
.widget_recent_entries ul li span.post-date {
  font-size:14px}
.widget_recent_entries ul li:not(:last-child) {
  border-bottom:1px solid #dadada;
  padding-bottom:12px;
  margin-bottom:12px}
.widget_recent_comments ul,
.wp-block-latest-comments ul {
  list-style-type:none;
  padding-left:0}
ul.widget_recent_comments,
ol.widget_recent_comments,
.wp-block-latest-comments {
  margin-top:-0.11em;
  padding-left:0}
.widget_recent_comments ol,
.widget_recent_comments ul,
.wp-block-latest-comments ol,
.wp-block-latest-comments ul {
  margin-bottom:0}
.widget_recent_comments li,
.wp-block-latest-comments li {
  margin-bottom:0;
  color:var(--body-color);
  padding-left:30px;
  position:relative}
.widget_recent_comments li:before,
.wp-block-latest-comments li:before {
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  color:var(--theme-color);
  font-family:var(--icon-font)}
.widget_recent_comments.has-avatars li,
.wp-block-latest-comments.has-avatars li {
  padding-left:0;
  padding-bottom:0 !important}
.widget_recent_comments.has-avatars li:before,
.wp-block-latest-comments.has-avatars li:before {
  display:none}
.widget_recent_comments .avatar,
.wp-block-latest-comments .avatar {
  margin-top:.4em}
.widget_recent_comments li:not(:last-child),
.wp-block-latest-comments li:not(:last-child) {
  padding-bottom:12px}
.widget_recent_comments article,
.wp-block-latest-comments article {
  line-height:1.5}
.widget_recent_comments a,
.wp-block-latest-comments a {
  color:inherit}
.widget_recent_comments a:hover,
.wp-block-latest-comments a:hover {
  color:var(--theme-color)}
.wp-block-latest-comments__comment {
  line-height:1.6}
.wp-block-latest-comments__comment a {
  color:var(--body-color)}
.wp-block-latest-comments__comment a:hover {
  color:var(--theme-color)}
.wp-block-latest-comments__comment:last-child {
  margin-bottom:0}
.wp-block-calendar tbody td,
.wp-block-calendar th {
  padding:10px}
.wp-block-calendar,
.calendar_wrap {
  position:relative;
  background-color:#fff;
  padding-bottom:0;
  border:none}
.wp-block-calendar span[class*=wp-calendar-nav],
.calendar_wrap span[class*=wp-calendar-nav] {
  position:absolute;
  top:9px;
  left:20px;
  font-size:14px;
  color:var(--white-color);
  font-weight:400;
  z-index:1;
  line-height:1.7}
.wp-block-calendar span[class*=wp-calendar-nav] a,
.calendar_wrap span[class*=wp-calendar-nav] a {
  color:inherit}
.wp-block-calendar span.wp-calendar-nav-next,
.calendar_wrap span.wp-calendar-nav-next {
  left:auto;
  right:20px}
.wp-block-calendar caption,
.calendar_wrap caption {
  caption-side:top;
  text-align:center;
  color:var(--white-color);
  background-color:var(--theme-color)}
.wp-block-calendar th,
.calendar_wrap th {
  font-size:14px;
  padding:5px 5px;
  border:none;
  text-align:center;
  border-right:1px solid #fff;
  color:var(--title-color);
  font-weight:500}
.wp-block-calendar th:first-child,
.calendar_wrap th:first-child {
  border-left:1px solid #eee}
.wp-block-calendar th:last-child,
.calendar_wrap th:last-child {
  border-right:1px solid #eee}
.wp-block-calendar table th,
.calendar_wrap table th {
  font-weight:500}
.wp-block-calendar td,
.calendar_wrap td {
  font-size:14px;
  padding:5px 5px;
  color:#01133c;
  border:1px solid #eee;
  text-align:center;
  background-color:rgba(0,0,0,0);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.wp-block-calendar #today,
.calendar_wrap #today {
  color:var(--theme-color);
  background-color:var(--white-color);
  border-color:#ededed}
.wp-block-calendar thead,
.calendar_wrap thead {
  background-color:#fff}
.wp-block-calendar .wp-calendar-table,
.calendar_wrap .wp-calendar-table {
  margin-bottom:0}
.wp-block-calendar .wp-calendar-nav .pad,
.calendar_wrap .wp-calendar-nav .pad {
  display:none}
.wp-block-calendar a,
.calendar_wrap a {
  color:inherit;
  text-decoration:none}
.wp-block-calendar a:hover,
.calendar_wrap a:hover {
  color:var(--title-color)}
.wp-block-calendar {
  margin-bottom:30px;
  border:none;
  padding-bottom:0}
.wp-block-calendar table caption {
  color:var(--white-color)}
ul.widget_rss,
ul.wp-block-rss,
ol.widget_rss,
ol.wp-block-rss {
  padding-left:0}
.widget_rss,
.wp-block-rss {
  list-style-type:none}
.widget_rss ul,
.wp-block-rss ul {
  margin:-0.2em 0 -0.5em 0;
  padding:0;
  list-style:none}
.widget_rss ul .rsswidget,
.wp-block-rss ul .rsswidget {
  color:var(--title-color);
  font-family:var(--theme-font);
  font-size:18px;
  display:block;
  margin-bottom:10px}
.widget_rss ul .rssSummary,
.wp-block-rss ul .rssSummary {
  font-size:14px;
  margin-bottom:7px;
  line-height:1.5}
.widget_rss ul a,
.wp-block-rss ul a {
  display:block;
  font-weight:600;
  color:inherit}
.widget_rss ul a:hover,
.wp-block-rss ul a:hover {
  color:var(--theme-color)}
.widget_rss ul .rss-date,
.wp-block-rss ul .rss-date {
  font-size:14px;
  display:inline-block;
  margin-bottom:5px;
  font-weight:400;
  color:var(--title-color)}
.widget_rss ul .rss-date:before,
.wp-block-rss ul .rss-date:before {
  content:"";
  font-family:var(--icon-font);
  margin-right:10px;
  font-weight:300;
  color:var(--theme-color)}
.widget_rss ul cite,
.wp-block-rss ul cite {
  font-weight:500;
  color:var(--title-color);
  font-family:var(--body-font);
  font-size:14px}
.widget_rss ul cite:before,
.wp-block-rss ul cite:before {
  content:"";
  position:relative;
  top:-1px;
  left:0;
  width:20px;
  height:2px;
  display:inline-block;
  vertical-align:middle;
  margin-right:8px;
  background-color:var(--theme-color)}
.widget_rss li:not(:last-child),
.wp-block-rss li:not(:last-child) {
  margin-bottom:16px;
  border-bottom:1px solid rgba(0,0,0,.1);
  padding-bottom:16px}
.widget_rss a:hover,
.wp-block-rss a:hover {
  color:var(--theme-color)}
.textwidget {
  margin-top:-0.1em}
.sidebar-area .widget_shopping_cart .th-btn {
  margin-right:10px;
  padding:8px 22px;
  font-size:14px}

@media(min-width: 1200px) {
  .sidebar-shop .widget {
  padding:30px}
}

@media(min-width: 992px) {
  .sidebar-shop .widget {
  margin-bottom:24px}
}

@media(max-width: 1199px) {
  .widget {
  --widget-padding-y: 30px;
  --widget-padding-x: 30px}
.widget_title {
  font-size:22px;
  margin:-0.12em 0 28px 0}
.author-widget-wrap .name {
  font-size:22px}
}

@media(max-width: 991px) {
  .sidebar-area {
  padding-top:30px}
.widget {
  --widget-padding-y: 40px;
  --widget-padding-x: 40px}
}

@media(max-width: 575px) {
  .widget {
  --widget-padding-y: 30px;
  --widget-padding-x: 30px}
}

@media(max-width: 330px) {
  .recent-post .post-title {
  font-size:16px;
  line-height:24px}
.recent-post .recent-post-meta a {
  font-size:12px}
}
.sidebar-info-item:not(:last-child) {
  border-bottom:1px solid var(--th-border-color);
  padding-bottom:23px;
  margin-bottom:23px}
.sidebar-info-icon {
  font-size:16px;
  width:50px;
  height:50px;
  line-height:50px;
  border-radius:50%;
  margin-right:20px;
  color:var(--theme-color);
  text-align:center;
  background:rgba(11,89,219,.1)}
.sidebar-info-title {
  font-weight:600;
  font-size:18px;
  line-height:1.5;
  color:var(--title-color);
  margin-bottom:0;
  -webkit-transition:.4s;
  transition:.4s}
.sidebar-info-title a {
  color:var(--title-color)}
.sidebar-info-title a:hover {
  color:var(--theme-color)}
.footer-widget {
  margin-bottom:50px}

@media(max-width: 991px) {
  .footer-widget {
  margin-bottom:0}
}
.footer-widget,
.footer-widget .widget {
  padding:0;
  border:none;
  padding-bottom:0;
  background-color:rgba(0,0,0,0);
  -webkit-box-shadow:none;
  box-shadow:none}
.footer-widget .form-group>i {
  color:var(--theme-color);
  top:18px}
.footer-widget .widget_title {
  font-size:20px;
  padding:0;
  margin:-0.12em 0 30px 0;
  color:var(--white-color)}
.footer-widget .widget_title:before,
.footer-widget .widget_title:after {
  display:none}
.footer-widget.widget_meta ul,
.footer-widget.widget_pages ul,
.footer-widget.widget_archive ul,
.footer-widget.widget_categories ul,
.footer-widget.widget_nav_menu ul {
  margin-top:-4px}
.footer-widget.widget_meta .menu,
.footer-widget.widget_meta>ul,
.footer-widget.widget_pages .menu,
.footer-widget.widget_pages>ul,
.footer-widget.widget_archive .menu,
.footer-widget.widget_archive>ul,
.footer-widget.widget_categories .menu,
.footer-widget.widget_categories>ul,
.footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu>ul {
  margin-bottom:-4px}
.footer-widget.widget_meta a,
.footer-widget.widget_pages a,
.footer-widget.widget_archive a,
.footer-widget.widget_categories a,
.footer-widget.widget_nav_menu a {
  font-size:16px;
  font-weight:400;
  padding:0;
  margin-bottom:21px;
  font-family:var(--body-font);
  color:#b1b8c3;
  display:block;
  max-width:100%;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  padding:0 0 0 0px;
  background-color:rgba(0,0,0,0);
  border-bottom:none;
  position:relative;
  border:none}

.footer-widget.widget_meta a:hover,
.footer-widget.widget_pages a:hover,
.footer-widget.widget_archive a:hover,
.footer-widget.widget_categories a:hover,
.footer-widget.widget_nav_menu a:hover {
  background-color:rgba(0,0,0,0);
  color:var(--theme-color);
  -webkit-box-shadow:none;
  box-shadow:none}
.footer-widget.widget_meta a:hover:before,
.footer-widget.widget_pages a:hover:before,
.footer-widget.widget_archive a:hover:before,
.footer-widget.widget_categories a:hover:before,
.footer-widget.widget_nav_menu a:hover:before {
  color:var(--theme-color)}
.footer-widget.widget_meta li>span,
.footer-widget.widget_pages li>span,
.footer-widget.widget_archive li>span,
.footer-widget.widget_categories li>span,
.footer-widget.widget_nav_menu li>span {
  width:auto;
  height:auto;
  position:relative;
  background-color:rgba(0,0,0,0);
  color:var(--body-color);
  line-height:1}
.footer-widget.widget_meta li:last-child a,
.footer-widget.widget_pages li:last-child a,
.footer-widget.widget_archive li:last-child a,
.footer-widget.widget_categories li:last-child a,
.footer-widget.widget_nav_menu li:last-child a {
  margin-bottom:0}
.footer-widget .recent-post {
  max-width:300px;
  margin-top:-0.4em;
  margin-bottom:20px}
.footer-widget .recent-post .media-img {
  max-width:74px}
.footer-widget .recent-post .media-img:after {
  line-height:74px}
.footer-widget .recent-post .post-title {
  color:var(--white-color);
  font-weight:500}
.footer-widget .recent-post:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0}
.footer-widget .recent-post .recent-post-meta a {
  font-weight:400;
  line-height:1.2}
.footer-widget .recent-post .recent-post-meta i {
  color:var(--theme-color)}
.footer-widget .recent-post .recent-post-meta a:hover i {
  color:var(--theme-color)}
.footer-widget .th-widget-contact .info-box_text a {
  color:#b1b8c3}
.footer-widget .th-widget-contact .info-box_text a:hover {
  color:var(--theme-color)}
.footer-widget .th-widget-contact .info-box_text .details p {
  color:#b1b8c3}
.about-logo {
  margin-bottom:15px}
.th-widget-about .about-logo {
  margin-bottom:33px}
.th-widget-about .about-text {
  margin-bottom:20px;
  margin-top:-0.5em}
.th-widget-about .th-social a {
  color:var(--title-color)}
.th-widget-about .th-social a:hover {
  color:var(--white-color)}
.th-widget-about .footer-info {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  color:#b1b8c3;
  line-height:26px;
  padding:0 0 0 35px;
  max-width:277px;
  margin-top:0}
.th-widget-about .footer-info:not(:last-child) {
  margin:0 0 35px 0}
.th-widget-about .footer-info i {
  display:inline-block;
  width:26px;
  height:26px;
  line-height:26px;
  text-align:center;
  background-color:var(--theme-color);
  color:var(--white-color);
  position:absolute;
  left:0;
  font-size:10px}
.th-widget-about .footer-info-title {
  font-size:18px;
  font-family:var(--title-font);
  font-weight:600;
  text-transform:capitalize;
  color:var(--white-color);
  margin-bottom:5px;
  margin-top:-0.2em}
.th-widget-contact .info-box_text a {
  color:var(--body-color)}
.th-widget-contact .info-box_text .details p {
  color:var(--body-color)}
.footer-text {
  margin-top:-0.5em;
  margin-bottom:25px}
.social-box {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.social-box .social-title {
  font-size:20px;
  color:var(--white-color);
  font-weight:600;
  margin-right:20px;
  margin-bottom:0}
.icon-group a {
  color:var(--white-color);
  font-size:18px;
  margin-right:17px}
.icon-group a:last-child {
  margin-right:0}
.footer-newsletter-style3 {
  max-width:319px}
.footer-newsletter-style3 .widget_title {
  font-size:28px;
  font-weight:600;
  letter-spacing:.02em;
  line-height:1.428em;
  margin-top:-0.35em}

@media(max-width: 991px) {
  .footer-newsletter-style3 .widget_title {
  font-size:20px;
  margin-top:-0.3em}
}
.footer-newsletter-style3 .footer-search-contact {
  margin-top:70px}

@media(max-width: 991px) {
  .footer-newsletter-style3 .footer-search-contact {
  margin-top:40px}
}
.footer-newsletter-style3 .footer-search-contact .newsletter-title {
  color:var(--white-color);
  font-size:18px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:18px}
.footer-newsletter-style3 .footer-search-contact form {
  position:relative}
.footer-newsletter-style3 .footer-search-contact form .form-control {
  background:hsla(0,0%,100%,.15);
  opacity:.6;
  border:1px solid hsla(0,0%,100%,.2);
  -webkit-backdrop-filter:blur(17px);
  backdrop-filter:blur(17px);
  border-radius:40px;
  height:56px;
  color:var(--white-color);
  padding-right:100px}
.footer-newsletter-style3 .footer-search-contact form .icon-btn {
  position:absolute;
  right:0;
  top:0}
.footer-newsletter-style4 {
  max-width:334px}
.footer-newsletter-style4 .footer-search-contact {
  margin-top:36px}

@media(max-width: 991px) {
  .footer-newsletter-style4 .footer-search-contact {
  margin-top:40px}
}
.footer-newsletter-style4 .footer-search-contact .newsletter-title {
  color:var(--white-color);
  font-size:18px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:18px}
.footer-newsletter-style4 .footer-search-contact form {
  position:relative}
.footer-newsletter-style4 .footer-search-contact form .form-control {
  background:hsla(0,0%,100%,.15);
  opacity:.6;
  border:1px solid hsla(0,0%,100%,.2);
  -webkit-backdrop-filter:blur(17px);
  backdrop-filter:blur(17px);
  border-radius:40px;
  height:56px;
  color:var(--white-color);
  padding-right:100px}
.footer-newsletter-style4 .footer-search-contact form .icon-btn {
  position:absolute;
  right:0;
  top:0}

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

@media(max-width: 767px) {
  .footer-widget .widget_title {
  margin-bottom:35px}
.th-widget-about .about-text {
  margin-bottom:20px}
.social-box.mb-30 {
  margin-bottom:25px}
}
.th-header {
  position:relative;
  z-index:41}
.th-header .icon-btn {
  border-radius:99px}
.th-header .menu-area {
  position:relative}
.info-card {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:10px}
.info-card_icon {
  width:50px;
  height:50px;
  line-height:50px;
  background-color:var(--white-color);
  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.12);
  box-shadow:0px 0px 20px rgba(0,0,0,.12);
  color:var(--theme-color);
  font-size:18px;
  text-align:center;
  border-radius:50%;
  -webkit-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out}
.info-card_icon i {
  color:var(--theme-color);
  -webkit-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out}
.info-card_icon img {
  -webkit-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out}
.info-card_icon:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.info-card_icon:hover i {
  color:var(--white-color)}
.info-card_icon:hover img {
  -webkit-filter:brightness(9);
  filter:brightness(9)}
.info-card-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:15px 80px}

@media(max-width: 1299px) {
  .info-card-wrap {
  gap:15px 40px}
}

@media(max-width: 767px) {
  .info-card-wrap {
  display:block}
}

@media(max-width: 767px) {
  .info-card {
  margin-bottom:20px}
}
.info-card_icon {
  color:var(--theme-color)}
.info-card_icon i {
  background-color:var(--icon-bg, #fff);
  width:46px;
  height:46px;
  line-height:46px;
  font-size:20px;
  color:var(--theme-color);
  font-weight:500;
  border-radius:50%;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.info-card_icon i:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.info-card_text {
  font-family:var(--body-font);
  font-size:14px;
  color:var(--body-color);
  margin-bottom:0}
.info-card_link {
  font-family:var(--title-font);
  font-size:20px;
  font-weight:600;
  color:var(--title-color);
  margin-bottom:0;
  -webkit-transition:all .6s ease-in-out;
  transition:all .6s ease-in-out}
.info-card_link:hover {
  color:var(--theme-color)}
.header-absolute {
  position:absolute;
  top:0;
  left:0;
  width:100%}
.sticky-wrapper {
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.sticky-wrapper.sticky {
  position:fixed;
  top:0;
  right:0;
  left:0;
  background-color:var(--white-color);
  -webkit-filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  -webkit-animation:stickyAni .4s ease-in-out;
  animation:stickyAni .4s ease-in-out}

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

@keyframes stickyAni {
  0% {
  -webkit-transform:translate3d(0, -40px, 0) scaleY(0.8);
  transform:translate3d(0, -40px, 0) scaleY(0.8);
  opacity:.7}
100% {
  -webkit-transform:translate3d(0, 0, 0) scaleY(1);
  transform:translate3d(0, 0, 0) scaleY(1);
  opacity:1}
}
.main-menu a {
  display:block;
  position:relative;
  font-weight:400;
  font-size:16px;
  font-family:var(--body-font);
  color:var(--black-color2);
  text-transform:capitalize}
.main-menu a:hover {
  color:var(--theme-color)}
.main-menu>ul>li {
  margin:0 14px}
.main-menu>ul>li>a {
  padding:32.5px 0}
.main-menu>ul>li>a:hover {
  color:var(--theme-color)}
.main-menu ul {
  margin:0;
  padding:0}
.main-menu ul li {
  list-style-type:none;
  display:inline-block;
  position:relative}
.main-menu ul li:has(.sub-menu)>a:after,
.main-menu ul li:has(.mega-menu)>a:after,
.main-menu ul li.menu-item-has-children>a:after {
  content: "\2b";
  position:relative;
  font-family:var(--icon-font);
  margin-left:4px;
  font-weight:600;
  top:0;
  font-size:14px}
.main-menu ul li:last-child {
  margin-right:0 !important}
.main-menu ul li:first-child {
  margin-left:0 !important}
.main-menu ul li:hover>ul.sub-menu {
  visibility:visible;
  opacity:1;
  -webkit-transform:scaleY(1);
  transform:scaleY(1);
  z-index:9}
.main-menu ul li:hover ul.mega-menu {
  visibility:visible;
  opacity:1;
  -webkit-transform:scaleY(1) translateX(0%);
  transform:scaleY(1) translateX(0%);
  z-index:9}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
  position:absolute;
  text-align:left;
  top:100%;
  left:0;
  background-color:var(--white-color);
  visibility:hidden;
  min-width:230px;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  padding:7px;
  left:-14px;
  opacity:0;
  z-index:-1;
  -webkit-box-shadow:0px 4px 15px rgba(1,15,28,.06);
  box-shadow:0px 4px 15px rgba(1,15,28,.06);
  border-radius:0;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  border-bottom:3px solid var(--theme-color);
  -webkit-transform-origin:top center;
  transform-origin:top center;
  -webkit-transition:all .4s ease 0s;
  transition:all .4s ease 0s}
.main-menu ul.sub-menu a,
.main-menu ul.mega-menu a {
  font-size:16px;
  line-height:30px}
.main-menu ul.sub-menu {
  padding:18px 20px 18px 18px;
  left:-27px}
.main-menu ul.sub-menu li {
  display:block;
  margin:0 0;
  padding:0px 9px}
.main-menu ul.sub-menu li.menu-item-has-children>a:after {
  content:"ï„…";
  float:right;
  top:1px}
.main-menu ul.sub-menu li.menu-item-has-children:hover:after {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)}
.main-menu ul.sub-menu li a {
  position:relative;
  padding-left:0;
  text-transform:capitalize}
.main-menu ul.sub-menu li a:before {
  content:"›";
  position:absolute;
  top:6px;
  left:10px;
  font-family:var(--icon-font);
  text-align:center;
  border-radius:50%;
  display:inline-block;
  font-size:1em;
  line-height:1;
  color:var(--theme-color);
  font-weight:900;
  opacity:0;
  visibility:visible;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out}
.main-menu ul.sub-menu li a:hover {
  padding-left:23px}
.main-menu ul.sub-menu li a:hover:before {
  visibility:visible;
  opacity:1;
  left:0}
.main-menu ul.sub-menu li ul.sub-menu {
  left:100%;
  right:auto;
  top:0;
  margin:0 0;
  margin-left:20px}
.main-menu ul.sub-menu li ul.sub-menu li ul {
  left:100%;
  right:auto}
.main-menu .mega-menu-wrap {
  position:static}

@media(max-width: 1500px) {
  .main-menu>ul>li {
  margin:0 13px}
}
.main-menu ul.sub-menu li.menu-item-has-children>a:after {
  content:"ï„…";
  float:right;
  top:1px}
.simple-icon {
  border:none;
  background-color:rgba(0,0,0,0);
  padding:0;
  font-size:24px;
  position:relative}
.simple-icon:has(.badge) {
  padding-right:8px}
.simple-icon .badge {
  top:-8px;
  right:0;
  font-size:12px}
.header-button {
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:15px}
.header-button .th-btn {
  margin-left:10px;
  padding:15px 29px}

@media(max-width: 1299px) {
  .header-button .th-btn {
  display:none}
}
.header-button .icon-btn {
  line-height:var(--btn-size, 0)}
.header-button .icon-btn .badge {
  font-size:12px;
  top:0;
  right:0}
.header-button .icon-btn>img {
  -webkit-filter:brightness(0) invert(0);
  filter:brightness(0) invert(0);
  -webkit-transition:.4s;
  transition:.4s}
.header-button .icon-btn:hover .badge {
  background-color:var(--title-color)}
.header-button .icon-btn:hover>img {
  -webkit-filter:brightness(99) invert(0);
  filter:brightness(99) invert(0)}
.social-links .social-title {
  font-weight:400;
  font-size:14px;
  display:inline-block;
  margin:0 10px 0 0;
  font-family:var(--body-font);
  color:var(--body-color)}

@media(max-width: 1599px) {
  .social-links .social-title {
  display:none}
}
.social-links a {
  font-size:14px;
  display:inline-block;
  color:var(--body-color);
  margin:0 15px 0 0;
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.social-links a:last-child {
  margin-right:0 !important}
.social-links a:hover {
  color:var(--theme-color)}
.social-links a:hover i {
  -webkit-animation:slideTop .5s;
  animation:slideTop .5s}
.header-links ul {
  margin:0;
  padding:0;
  list-style-type:none}
.header-links li {
  display:inline-block;
  position:relative;
  font-family:var(--body-font);
  font-size:14px;
  font-weight:500}
.header-links li:not(:last-child) {
  margin:0 46px 0 0}
.header-links li:not(:last-child):after {
  content:"";
  height:14px;
  width:1px;
  background-color:#999;
  position:absolute;
  top:5px;
  right:-27px}
.header-links li>i {
  color:var(--black-color2);
  margin-right:8px}
.header-links li,
.header-links span,
.header-links p,
.header-links a {
  color:var(--black-color2)}
.header-links a:hover {
  color:var(--theme-color)}
.header-links b,
.header-links strong {
  font-weight:600;
  margin-right:6px}
.header-links .social-links a {
  font-size:14px}
.header-links.hero-left li,
.header-links.hero-left span,
.header-links.hero-left p,
.header-links.hero-left a {
  color:var(--body-color)}
.header-links.hero-left i {
  color:var(--theme-color)}
.header-notice {
  margin:0}

@media(max-width: 1199px) {
  .header-notice {
  display:none}
}
.header-top {
  padding:10px 0;
  --body-color: $block-color2}
.header-top a:hover {
  color:var(--theme-color)}
.dropdown-link {
  position:relative;
  border:1px solid var(--light-color);
  border-radius:100px;
  padding:3px 12px;
  max-width:100px}
.dropdown-link .dropdown-toggle {
  font-family:var(--body-font);
  background:none;
  border:none;
  width:100%;
  color:var(--black-color2);
  font-weight:400;
  font-size:14px;
  height:16px;
  line-height:16px}

@media(max-width: 375px) {
  .dropdown-link .dropdown-toggle {
  font-size:12px}
}
.dropdown-link .dropdown-menu {
  position:absolute;
  right:0;
  border-bottom:2px solid var(--theme-color);
  border-radius:0}
.dropdown-link .gtranslate_wrapper a {
  display:block;
  font-weight:400;
  font-size:16px;
  color:var(--title-color);
  font-family:var(--title-font);
  padding:5px 10px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 991px) {
  .header-default.unittest-header .menu-area {
  padding:14px 0}
}
.header-layout1 {
  background-color:var(--white-color)}

@media(max-width: 1199px) {
  .header-layout1 .th-container {
  max-width:100%}
}
.header-layout1 .header-top {
  position:relative;
  padding:6px 0;
  border-bottom:1px solid #e1e4e5;
  z-index:2}
.header-layout1 .header-top .header-notice {
  color:var(--white-color);
  font-size:14px;
  font-weight:400;
  line-height:24px}
.header-layout1 .header-top .header-notice i {
  font-size:14px;
  margin-right:8px}
.header-layout1 .header-right .currency-menu {
  padding:7px 15px 7px 9px}
.header-layout1 .header-right .currency-menu .nice-select {
  min-width:auto}
.header-layout1 .menu-item.menu-item-type-custom a:after {
  content:"";
  display:inline-block;
  position:relative;
  font-family:var(--icon-font);
  margin-left:4px;
  font-weight:600;
  top:0;
  font-size:.9em;
  color:var(--black-color2);
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out}
.header-layout1 .menu-item.menu-item-type-custom a:hover:after,
.header-layout1 .menu-item.menu-item-type-custom a.active:after {
  content:"";
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)}
.header-layout1 .menu-item.menu-item-type-custom .sub-menu li a:after {
  display:none}
.header-layout1 .menu-item.menu-item-type-custom .mega-menu-title a:after {
  display:none}
.header-layout1 .menu-item.menu-item-type-custom .th-btn:after {
  display:none}
.header-layout1 .main-menu>ul>li>a:before {
  content:"";
  position:absolute;
  height:1px;
  left:0;
  background:var(--black-color2);
  width:0%;
  margin-top:30px;
  -webkit-transition:.4s;
  transition:.4s}
.header-layout1 .main-menu>ul>li>a:hover,
.header-layout1 .main-menu>ul>li>a.active {
  color:var(--black-color2)}
.header-layout1 .main-menu>ul>li>a:hover:before,
.header-layout1 .main-menu>ul>li>a.active:before {
  width:100%}
.header-layout1 .main-menu ul li.menu-item-has-children>a:hover:after {
  color:var(--black-color2)}
.header-layout1 .header-right {
  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;
  gap:24px}

@media(max-width: 1799px) {
  .header-layout1 .header-right {
  margin-right:0}
}

@media(max-width: 375px) {
  .header-layout1 .header-right {
  gap:15px}
}
.header-layout1 .header-right .header-links li:not(:last-child) {
  margin:0 28px 0 0}

@media(max-width: 375px) {
  .header-layout1 .header-right .header-links li:not(:last-child) {
  margin:0 9px 0 0}
}
.header-layout1 .header-right .header-links li:not(:last-child):after {
  top:7px;
  right:-17px}

@media(max-width: 375px) {
  .header-layout1 .header-right .header-links li:not(:last-child):after {
  right:-6px}
}

@media(max-width: 375px) {
  .header-layout1 .header-right .header-links li {
  font-size:12px}
}
.header-layout1 .header-right i {
  margin-left:0;
  font-size:14px}
.header-layout1 .sticky-wrapper.sticky .menu-area {
  background-image:none !important}

@media(max-width: 1199px) {
  .header-layout1 .sticky-wrapper .menu-area {
  padding:12px 0}
}
.header-layout1 .currency-menu {
  border:1px solid var(--light-color);
  border-radius:100px;
  padding:4px 7px;
  max-width:140px;
  text-transform:capitalize}
.header-layout1-icon {
  margin-bottom:0}
.header-layout1 .logo-bg {
  position:absolute;
  top:0;
  left:0;
  width:19%;
  height:92px;
  z-index:-1;
  background-color:var(--theme-color)}

@media(min-width: 1922px) {
  .header-layout1 .logo-bg {
  width:28%}
}

@media(min-width: 2101px)and (max-width: 2400px) {
  .header-layout1 .logo-bg {
  width:24%}
}

@media(min-width: 1921px)and (max-width: 2100px) {
  .header-layout1 .logo-bg {
  width:20%}
}

@media(max-width: 1299px) {
  .header-layout1 .logo-bg {
  width:28%}
}

@media(max-width: 1199px) {
  .header-layout1 .logo-bg {
  width:25%;
  height:80px}
}

@media(max-width: 991px) {
  .header-layout1 .logo-bg {
  width:35%}
}

@media(max-width: 767px) {
  .header-layout1 .logo-bg {
  width:40%}
}

@media(max-width: 575px) {
  .header-layout1 .logo-bg {
  width:60%}
}

@media(max-width: 375px) {
  .header-layout1 .logo-bg {
  width:70%}
}
.header-layout1 .main-menu {
  position:relative;
  padding-left:116px}

@media(min-width: 1930px) {
  .header-layout1 .main-menu {
  padding-left:150px}
}

@media(max-width: 1399px) {
  .header-layout1 .main-menu {
  padding-left:40px}
}
.header-layout1 .main-menu>ul>li {
  margin:0px 21px}

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

@media(max-width: 1399px) {
  .header-layout1 .main-menu>ul>li {
  margin:0 10px}
}
.header-layout1 .gt_float_switcher {
  position:relative;
  font-family:var(--body-font);
  overflow:inherit;
  background:rgba(0,0,0,0);
  -webkit-box-shadow:none;
  box-shadow:none;
  line-height:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.header-layout1 .gt_float_switcher .gt_options {
  position:absolute;
  top:37px;
  right:0;
  width:226px;
  background:var(--white-color);
  font-family:var(--body-font);
  font-size:15px;
  text-align:left;
  padding:10px}
.header-layout1 .gt_float_switcher .gt_options img {
  width:28px}
.header-layout1 .gt_float_switcher .gt-selected .gt-current-lang {
  background:rgba(0,0,0,0);
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.header-layout1 .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code,
.header-layout1 .gt_switcher .gt-selected .gt-current-lang span.gt-lang-code {
  font-family:var(--body-font);
  font-size:15px;
  margin-right:5px;
  top:0;
  line-height:1}
.header-layout1 .gt_switcher .gt_selected,
.header-layout1 .gt_float_switcher .gt-selected {
  background:rgba(0,0,0,0);
  border-right:1px solid hsla(0,0%,100%,.4)}
.header-layout1 .gt_float_switcher .gt-selected .gt-current-lang img {
  width:25px;
  margin:0;
  min-width:25px;
  margin-right:8px;
  height:25px;
  border-radius:0;
  border:1px solid hsla(0,0%,100%,.5)}
.header-layout1 .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
  -webkit-transform:none;
  transform:none;
  line-height:1;
  top:0}
.header-layout1-2 {
  padding:24px 24px 0;
  background:rgba(0,0,0,0);
  margin-bottom:1rem;
}
.header-layout1-2:has(.header-top) .logo-bg {
  border-radius:0 0 0 16px}
.header-layout1-2:has(.header-top) .menu-area {
  border-radius:0 0 16px 16px}
.header-layout1-2 .header-top {
  border-radius:16px 16px 0 0}
.header-layout1-2 .logo-bg {
  border-radius:16px 0 0 16px}
.header-layout1-2 .menu-area {
  z-index:1;
  border-radius:16px}
.header-layout1-2 .main-menu {
  padding-left:172px}

@media(max-width: 1500px) {
  .header-layout1-2 .main-menu {
  padding-left:116px}
}
.header-layout1-2 .sticky-wrapper.sticky .logo-bg {
  border-radius:0}

@media(max-width: 575px) {
  .header-layout1-2 {
  margin:0;
  padding:0;
  border-radius:0}
.header-layout1-2 .header-top {
  border-radius:0}
.header-layout1-2 .logo-bg {
  border-radius:0}
}
.header-layout2 .currency-menu {
  border:1px solid var(--light-color);
  border-radius:100px;
  padding:8px 15px;
  max-width:140px;
  text-transform:capitalize}
.header-layout2 .main-menu {
  padding-left:0}

@media(max-width: 1299px) {
  .header-layout2 .main-menu>ul .mega-menu {
  left:-13rem !important}
}
.header-layout2 .main-menu>ul>li>a {
  padding:38.5px 0px}
.header-layout2 .sticky-wrapper.sticky .menu-area {
  padding-top:0}

@media(max-width: 1199px) {
  .header-layout2 .sticky-wrapper.sticky .menu-area {
  padding:auto}
}
.header-layout2 .header-top {
  position:absolute;
  width:100%;
  border-bottom:1px solid #e1e4e5}

@media(max-width: 1199px) {
  .header-layout2 .header-top {
  border-bottom:0;
  top:15px;
  border-bottom:0;
  max-width:270px;
  -o-object-fit:cover;
  object-fit:cover;
  text-align:center;
  margin:auto;
  left:0;
  right:0}
}

@media(max-width: 575px) {
  .header-layout2 .header-top {
  display:none}
}
.header-layout2 .menu-area {
  padding-top:38px}

@media(max-width: 1199px) {
  .header-layout2 .menu-area {
  padding-top:60px;
  padding-bottom:15px}
}
.header-layout2 .header-button {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:end}
.header-layout3 .header-button {
  position:absolute;
  top:20px;
  left:72px}
.header-layout3 .header-button .icon-btn {
  color:var(--white-color)}
.header-layout3 .header-button .icon-btn img {
  -webkit-filter:contrast(1) brightness(1);
  filter:contrast(1) brightness(1)}

@media(max-width: 1500px) {
  .header-layout3 .header-button {
  left:30px}
}

@media(max-width: 1299px) {
  .header-layout3 .header-button {
  left:30px}
}

@media(max-width: 1199px) {
  .header-layout3 .header-button {
  left:20px}
}
.header-layout3 .menu-area {
  position:relative;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  background:rgba(76,80,87,.5)}

@media(max-width: 1500px) {
  .header-layout3 .menu-area {
  padding:0 118px}
}

@media(max-width: 1299px) {
  .header-layout3 .menu-area {
  padding:0 100px}
}

@media(max-width: 1199px) {
  .header-layout3 .menu-area {
  padding:18px 0}
}
.header-layout3 .sticky-wrapper.sticky {
  background-color:var(--title-color)}
.header-layout3 .sticky-wrapper.sticky .menu-area {
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  background:rgba(76,80,87,.5)}
.header-layout3 .header-logo {
  padding:0 70px}

@media(max-width: 1399px) {
  .header-layout3 .header-logo {
  padding:0 40px}
}

@media(max-width: 1299px) {
  .header-layout3 .header-logo {
  padding:0 20px}
}

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

@media(max-width: 375px) {
  .header-layout3 .header-logo {
  padding:0;
  max-width:150px}
}
.header-layout3 .header-right-button {
  position:absolute;
  top:35px;
  right:72px}
.header-layout3 .header-right-button .simple-btn {
  border:0;
  background:none}

@media(max-width: 1599px) {
  .header-layout3 .header-right-button {
  right:10px}
}

@media(max-width: 1199px) {
  .header-layout3 .header-right-button {
  top:10px;
  right:20px}
}

@media(max-width: 1340px) {
  .header-layout3 .header-right-button {
  position:absolute}
}
.header-layout3 .main-menu>ul>li {
  margin:0px 40px}

@media(max-width: 1599px) {
  .header-layout3 .main-menu>ul>li {
  margin:0 18px}
}

@media(max-width: 1299px) {
  .header-layout3 .main-menu>ul>li {
  margin:0 14px}
}
.header-layout3 .main-menu>ul>li>a {
  color:var(--white-color);
  padding:34.5px 0px}
.header-layout3 .main-menu>ul>li>a:before {
  content:"";
  position:absolute;
  height:1px;
  left:0;
  background:var(--white-color);
  width:0%;
  margin-top:30px;
  -webkit-transition:.4s;
  transition:.4s}
.header-layout3 .main-menu>ul>li>a:after {
  color:var(--white-color) !important}
.header-layout3 .main-menu>ul>li>a:hover {
  color:var(--white-color)}
.header-layout3 .main-menu>ul>li>a:hover:before {
  width:100%}
.header-layout3 .main-menu ul li.menu-item-has-children>a:hover:after {
  color:var(--black-color2)}
.header-layout4 {
  border-bottom:1px solid var(--theme-color)}
.header-layout4 .logo-bg {
  background-color:var(--theme-color)}
.header-layout4 .menu-right-bg {
  position:absolute;
  top:0;
  right:0;
  width:19%;
  height:92px;
  z-index:-1;
  background-color:var(--theme-color)}

@media(min-width: 1930px) {
  .header-layout4 .menu-right-bg {
  width:30%;
  height:93px}
}

@media(max-width: 1299px) {
  .header-layout4 .menu-right-bg {
  display:none}
}
.header-layout4 .th-btn {
  font-weight:700px;
  border-radius:50px}
.header-layout4 .th-btn:hover:after {
  background-color:var(--title-color)}

@media(max-width: 1199px) {
  .header-layout5 .menu-area {
  padding:27px 0}
}

@media(max-width: 575px) {
  .header-layout5 .menu-area {
  padding:20px 0}
}
.header-layout5 .header-button .simple-btn {
  position:absolute;
  top:0;
  left:0;
  width:100px;
  height:100px;
  line-height:100px;
  display:inline-block;
  text-align:center;
  display:block;
  margin:auto;
  background-color:var(--theme-color)}
.header-layout5 .header-button .th-menu-toggle {
  width:50px;
  height:50px;
  line-height:50px;
  position:absolute;
  right:30px;
  top:50%;
  color:var(--white-color);
  background:var(--theme-color);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:.4s;
  transition:.4s}
.header-layout5 .header-button .th-menu-toggle:hover {
  background:var(--title-color)}
.header-layout5 .header-logo {
  margin-left:20px}

@media(max-width: 1899px) {
  .header-layout5 .header-logo {
  margin-left:100px}
}

@media(max-width: 575px) {
  .header-layout5 .header-logo {
  margin:0}
}
.header-layout5 .main-menu>ul>li {
  margin:0 22px}
.header-layout5 .main-menu>ul>li>a {
  padding:36.5px 0}

@media(min-width: 1500px)and (max-width: 1700px) {
  .header-layout5.th-header {
  padding-right:90px}
}
.header-layout9 .menu-area {
  background:hsla(0,0%,100%,.15);
  border-bottom:1px solid hsla(0,0%,100%,.4);
  -webkit-backdrop-filter:blur(20.7px);
  backdrop-filter:blur(20.7px)}
.header-layout9 .main-menu>ul>li {
  margin:0px 16px}

@media(max-width: 1599px) {
  .header-layout9 .main-menu>ul>li {
  margin:0 10px}
}
.header-layout9 .header-logo {
  padding:0 0px}
.header-layout9 .header-wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:105px}

@media(max-width: 1799px) {
  .header-layout9 .header-wrapp {
  gap:80px}
}

@media(max-width: 1699px) {
  .header-layout9 .header-wrapp {
  gap:40px}
}
.header-layout9 .header-button {
  gap:32px}

@media(max-width: 1499px) {
  .header-layout9 .th-social {
  display:none}
}
.header-layout9 .th-social a {
  --icon-size: 40px;
  background:hsla(0,0%,100%,.2);
  color:var(--white-color);
  margin-right:10px}
.header-layout9 .th-social a:hover {
  background:var(--theme-color)}

@media(max-width: 375px) {
  .header-layout9 .simple-btn {
  display:none}
}
.header-layout6 {
  position:absolute;
  width:100%;
  top:0;
  padding:24px 24px 0 24px}
.header-layout6 .sticky-wrapper.sticky {
  background:var(--title-color);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  top:0px;
  border-radius:0px;
  margin:0}
.header-layout6 .sticky-wrapper.sticky .menu-area {
  border-radius:0}
.header-layout6 .menu-area {
  padding:0 20px;
  border-radius:24px;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  /* background:rgba(76,80,87,.5); */
   background:#fff;


}

@media(max-width: 1199px) {
  .header-layout6 .menu-area {
  padding:15px 0}
}
.header-layout6 .main-menu>ul>li {
  margin:0 25px}

@media(max-width: 1500px) {
  .header-layout6 .main-menu>ul>li {
  margin:0 15px}
}
.header-layout6 .main-menu>ul>li>a {
  color:#000;
  padding:34.5px 0px}
.header-layout6 .main-menu>ul>li>a::after {
  color:#000}
.header-layout6 .header-button .icon-btn {
  color:var(--theme-color)}
.header-layout6 .header-button .icon-btn img {
  -webkit-filter:contrast(1) brightness(1);
  filter:contrast(1) brightness(1)}
.header-layout6 .header-button .th-btn {
  margin-left:20px;
  font-weight:700;
  border-radius:16px}
.header-layout7 {
  border-bottom:none}
.header-layout7 .logo-bg {
  background-color:var(--theme-color)}
.header-layout7 .menu-right-bg {
  background-color:var(--theme-color)}

@media(max-width: 1199px) {
  .header-layout7 .menu-area {
  padding:22px 0}
}

@media(max-width: 375px) {
  .header-layout7 .header-logo {
  max-width:180px}
}
.header-7-btn a img {
  -webkit-filter:brightness(0);
  filter:brightness(0)}
.header-layout8 .header-button {
  gap:40px}

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

@media(max-width: 375px) {
  .header-layout8 .header-logo {
  max-width:160px}
}
.header-layout9 .main-menu>ul>li>a {
  color:var(--title-color);
  padding:34.5px 0px}
.header-layout9 .main-menu>ul>li>a:hover {
  color:var(--theme-color)}
.header-layout9 .main-menu>ul>li>a::after {
  color:var(--title-color) !important}
.header-layout9 .header-right-button {
  position:static}
.header-layout9 .header-right-button .simple-btn {
  -webkit-filter:contrast(1) brightness(0);
  filter:contrast(1) brightness(0)}
.header-layout9 .sticky-wrapper.sticky {
  position:fixed;
  top:0;
  right:0;
  left:0}
.header-layout9 .sticky-wrapper.sticky .menu-area {
  -webkit-backdrop-filter:blur(0);
  backdrop-filter:blur(0);
  background-color:var(--white-color)}
.header-layout11 .menu-area {
  background-color:var(--title-color);
  border-bottom:1px solid hsla(0,0%,100%,.2)}
.header-layout11 .header-button {
  gap:40px}

@media(max-width: 1500px) {
  .header-layout11 .header-button {
  gap:20px}
}
.header-layout11 .header-button .th-btn {
  padding:14px 28px}
.header-layout11 .main-menu>ul>li>a {
  color:var(--white-color)}
.header-layout11 .main-menu>ul>li>a:before {
  background:var(--white-color)}
.header-layout11 .main-menu>ul>li>a:hover,
.header-layout11 .main-menu>ul>li>a.active {
  color:var(--white-color)}
.header-layout11 .main-menu ul li:has(.sub-menu)>a:after,
.header-layout11 .main-menu ul li:has(.mega-menu)>a:after,
.header-layout11 .main-menu ul li.menu-item-has-children>a:after {
  color:var(--white-color)}
.header-layout12 {
  background-color:var(--title-color)}
.header-layout12 .sticky-wrapper.sticky {
  background-color:var(--title-color)}
.header-layout12 .main-menu>ul>li>a {
  color:var(--white-color)}
.header-layout12 .main-menu>ul>li>a:before {
  background:var(--white-color)}
.header-layout12 .main-menu>ul>li>a:hover,
.header-layout12 .main-menu>ul>li>a.active {
  color:var(--white-color)}
.header-layout12 .main-menu ul li:has(.sub-menu)>a:after,
.header-layout12 .main-menu ul li:has(.mega-menu)>a:after,
.header-layout12 .main-menu ul li.menu-item-has-children>a:after {
  color:var(--white-color)}
.header-layout12 .header-button {
  gap:40px}

@media(max-width: 1500px) {
  .header-layout12 .header-button {
  gap:20px}
}
.header-layout13 {
  background-color:var(--light-bg-color)}
.header-layout13 .sticky-wrapper.sticky {
  background-color:var(--title-color)}

@media(max-width: 1199px) {
  .header-layout13 .menu-area {
  padding:15px 0}
}
.header-layout13 .header-button .th-btn:hover {
  color:var(--title-color);
  border-color:var(--brand-color)}
.header-layout13 .header-button .th-btn::before {
  background:var(--brand-color)}
.header-layout14 {
  position:absolute;
  top:10px;
  left:0;
  right:0;
  background:rgba(0,0,0,0)}

@media(min-width: 1300px) {
  .header-layout14 {
  --main-container: 1776px}
}
.header-layout14 .main-menu>ul>li>a {
  color:var(--white-color)}
.header-layout14 .main-menu>ul>li>a:before {
  background:var(--white-color)}
.header-layout14 .main-menu>ul>li>a:after {
  color:var(--white-color)}
.header-layout14 .main-menu>ul>li>a:hover,
.header-layout14 .main-menu>ul>li>a.active {
  color:var(--white-color)}
.header-layout14 .main-menu>ul>li>a:hover:after,
.header-layout14 .main-menu>ul>li>a.active:after {
  color:var(--white-color)}
.header-layout14 .main-menu ul li.menu-item-has-children>a:hover:after {
  color:var(--white-color)}
.header-layout14 .th-menu-toggle {
  background:var(--white-color);
  color:var(--title-color)}
.header-layout14 .th-menu-toggle:hover {
  background:var(--theme-color);
  color:var(--white-color)}
.header-layout14 .sticky-wrapper.sticky {
  background:var(--title-color)}
.split-heading-title.animated-character {
  display:inline-block;
  -webkit-animation:fadeInChar .5s ease-in-out forwards;
  animation:fadeInChar .5s ease-in-out forwards}
.animated-character {
  -webkit-animation:animateCharacter .5s forwards;
  animation:animateCharacter .5s forwards}

@-webkit-keyframes animateCharacter {
  from {
  -webkit-transform:translateY(100%);
  transform:translateY(100%);
  opacity:0}
to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1}
}

@keyframes animateCharacter {
  from {
  -webkit-transform:translateY(100%);
  transform:translateY(100%);
  opacity:0}
to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1}
}
.title-area {
  -webkit-transition:all .3s linear 0s;
  transition:all .3s linear 0s}
.heading-title {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  white-space:break-spaces;
  gap:0px 12px}
.heading-title .sec-title {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:0}
.heading-title .sec-title .split-heading-title {
  -webkit-animation:heading-anim-fade-out 2s ease calc(.05s*var(--char-index)),heading-anim-fade-in 3s ease calc(.05s*var(--char-index));
  animation:heading-anim-fade-out 2s ease calc(.05s*var(--char-index)),heading-anim-fade-in 3s ease calc(.05s*var(--char-index))}

@-webkit-keyframes heading-anim-fade-out {
  0% {
  opacity:0}
100% {
  opacity:1}
}

@keyframes heading-anim-fade-out {
  0% {
  opacity:0}
100% {
  opacity:1}
}

@-webkit-keyframes heading-anim-fade-in {
  0% {
  opacity:0}
100% {
  opacity:1}
}

@keyframes cus-heading-animation-fade-out {
  0% {
  opacity:1}
100% {
  opacity:0}
}

@-webkit-keyframes cus-heading-animation-fade-out {
  0% {
  opacity:1}
100% {
  opacity:0}
}
.row:after {
  display:none}
.gtranslate_wrapper a {
  display:block;
  font-weight:400;
  font-size:16px;
  color:var(--title-color);
  font-family:var(--title-font);
  padding:5px 10px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.currency-menu {
  border:1px solid var(--light-color);
  border-radius:100px;
  padding:8px 20px;
  max-width:140px;
  text-transform:capitalize}
.currency-menu .nice-select {
  min-width:130px}
.footer-wrapper {
  position:relative;
  z-index:2;
  overflow:hidden}
.widget-area {
  padding-bottom:70px}

@media(max-width: 1199px) {
  .footer-widget {
  margin-bottom:40px}
}

@media(max-width: 1199px) {
  .footer-widget.mb-lg-0 {
  margin-bottom:0}
}
.footer-widget .th-social a {
  color:var(--white-color)}
.sticky-footer {
  position:fixed;
  bottom:0;
  left:0;
  width:100%}
.copyright-wrap {
  padding:22px 0;
  background-color:#3d4859}
.copyright-wrap .copyright-text {
  color:var(--white-color)}
.copyright-wrap .copyright-text a {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.copyright-wrap .copyright-text a:hover {
  color:var(--theme-color)}
.copyright-wrap.bg-title .copyright-text a:hover {
  color:var(--theme-color)}
.newsletter-top {
  border-bottom:1px solid hsla(0,0%,100%,.3);
  margin-bottom:70px;
  padding-bottom:60px}
.newsletter-top .newsletter-title {
  font-size:40px;
  font-weight:600}

@media(max-width: 1199px) {
  .newsletter-top .newsletter-title {
  font-size:30px}
}

@media(max-width: 991px) {
  .newsletter-top .newsletter-title {
  text-align:center}
}
.newsletter-form {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  max-width:660px;
  margin-left:auto}

@media(max-width: 480px) {
  .newsletter-form {
  display:block}
}
.newsletter-form.style2 input {
  background-color:rgba(0,0,0,0)}
.newsletter-form.style2 input::-moz-placeholder {
  color:var(--white-color)}
.newsletter-form.style2 input::-webkit-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style2 input:-ms-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style2 input::-ms-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style2 input::placeholder {
  color:var(--white-color)}
.newsletter-form.style2 input:focus {
  color:var(--white-color)}
.newsletter-form input {
  border:1px solid hsla(0,0%,100%,.3);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  height:64px;
  border-radius:10px;
  background:none}
.newsletter-form input:focus {
  color:var(--white-color);
  background:none}
.newsletter-form input::-webkit-input-placeholder {
  color:var(--th-border-color)}
.newsletter-form input::-moz-placeholder {
  color:var(--th-border-color)}
.newsletter-form input:-ms-input-placeholder {
  color:var(--th-border-color)}
.newsletter-form input::-ms-input-placeholder {
  color:var(--th-border-color)}
.newsletter-form input::placeholder {
  color:var(--th-border-color)}
.newsletter-form .th-btn {
  min-width:230px;
  border-radius:10px}

@media(max-width: 480px) {
  .newsletter-form .th-btn {
  min-width:100%;
  margin-top:20px}
}
.newsletter-form .th-btn img {
  -webkit-filter:contrast(0) brightness(2);
  filter:contrast(0) brightness(2);
  -webkit-transition:.9s;
  transition:.9s}
.newsletter-form .th-btn:hover img {
  -webkit-filter:contrast(1) brightness(1);
  filter:contrast(1) brightness(1)}
.newsletter-form.style6 input {
  border-radius:32px}
.newsletter-form.style6 .th-btn {
  color:var(--title-color);
  background:var(--brand-color);
  border-radius:32px}
.newsletter-form.style6 .th-btn::before {
  background-color:var(--white-color)}
.newsletter-form.style6 .th-btn>img {
  -webkit-filter:contrast(1) brightness(0);
  filter:contrast(1) brightness(0)}
.newsletter-form.style6 .th-btn:hover img {
  -webkit-filter:contrast(1) brightness(1);
  filter:contrast(1) brightness(1)}
.newsletter-form.style6 input:focus {
  border-color:var(--brand-color)}

@media(max-width: 991px) {
  .newsletter-form.style7 {
  margin:auto}
}
.newsletter-form.style7 input {
  border-radius:32px !important}
.newsletter-form.style7 .th-btn {
  border-radius:32px !important}
.th-widget-contact {
  max-width:260px;
  margin-bottom:-0.4em}
.info-box_text {
  line-height:1.75em;
  margin-top:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px}
.info-box_text .icon {
  color:var(--body-color);
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  width:40px;
  height:40px;
  line-height:37px;
  background-color:var(--white-color);
  border-radius:50%;
  text-align:center;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.info-box_text .icon img {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.info-box_text .icon:hover {
  background-color:var(--theme-color)}
.info-box_text .icon:hover img {
  -webkit-filter:contrast(0) brightness(2);
  filter:contrast(0) brightness(2)}
.info-box_text .details {
  margin-top:-0.3em}
.info-box_text .details p {
  color:#b1b8c3;
  margin-bottom:0}
.info-box_text a {
  color:#b1b8c3}
.info-box_text a:hover {
  color:var(--theme-color)}
.info-box_text:not(:last-child) {
  margin-bottom:18px}
.footer-card .title {
  font-weight:400;
  font-size:16px;
  color:var(--white-color);
  margin-right:16px}
.th-widget-about .about-text {
  color:#b1b8c3}
.footer-layout1 .th-social a {
  margin-right:10px}
.footer-layout1 .newsletter-form input {
  border-radius:10px;
  margin:0}
.footer-layout1 .newsletter-form .th-btn {
  border-radius:10px}
.footer-layout1 .copyright-wrap .copyright-text {
  font-size:14px;
  font-weight:400}
.footer-layout1 .copyright-wrap .copyright-text a {
  color:inherit}
.copyright-text {
  margin:0}

@media(max-width: 991px) {
  .copyright-text {
  text-align:center}
}
.copyright-text a {
  color:var(--theme-color)}
.copyright-text a:hover {
  color:var(--white-color)}
.footer-links ul {
  margin:0;
  padding:0}
.footer-links ul li {
  display:inline-block}
.footer-links ul li:not(:last-child) {
  margin-right:40px}

@media(max-width: 1199px) {
  .footer-links ul li:not(:last-child) {
  margin-right:10px}
}
.footer-links ul li a {
  color:#f8f8f8}
.footer-links ul li a:hover {
  color:var(--theme-color)}
.footer-layout2 {
  --body-color: #E9F6F9}
.footer-layout2 .newsletter-top {
  border-bottom:1px solid rgba(233,246,249,.2)}

@media(max-width: 991px) {
  .footer-layout2 .newsletter-form {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin:auto}
}
.footer-layout2 .widget-area {
  padding-bottom:93px}

@media(max-width: 1199px) {
  .footer-layout2 .widget-area {
  padding-bottom:80px}
}

@media(max-width: 991px) {
  .footer-layout2 .widget-area {
  padding-bottom:30px}
}
.footer-layout2 .footer-widget .widget_title {
  color:var(--white-color)}
.footer-layout2 .footer-widget.widget_nav_menu a {
  font-weight:300}
.footer-layout2 .about-text {
  color:#b1b8c3;
  font-weight:300;
  margin-bottom:22px}
.footer-layout2 .copyright-wrap {
  background-color:rgba(0,0,0,0);
  border-top:1px solid rgba(233,246,249,.2);
  padding:18px 0}
.footer-layout2 .copyright-wrap .copyright-text a {
  color:var(--white-color)}
.footer-layout2 .copyright-wrap .copyright-text.copy-text8 a {
  color:var(--brand-color)}
.footer-layout2 .th-btn img {
  -webkit-filter:contrast(1) brightness(1);
  filter:contrast(1) brightness(1);
  -webkit-transition:.9s;
  transition:.9s}
.footer-layout2 .th-btn:hover img {
  -webkit-filter:contrast(0) brightness(0);
  filter:contrast(0) brightness(0)}
.footer-layout2.light-blue-bg .about-text {
  color:var(--white-color)}
.footer-layout2.light-blue-bg .widget_nav_menu a {
  color:var(--white-color)}
.footer-layout2.light-blue-bg .widget_nav_menu a:hover {
  color:var(--theme-color)}
.footer-layout2.light-blue-bg .info-box_text a {
  color:var(--white-color)}
.footer-layout4 .widget_title {
  color:var(--white-color)}
.footer-layout4 .newsletter-top {
  border-color:rgba(233,246,249,.3)}
.footer-layout4 .newsletter-form.style4 {
  margin-left:auto}
.footer-layout4 .newsletter-form {
  margin-left:auto}
.footer-layout4 .newsletter-form input {
  border:1px solid var(--white-color);
  background-color:rgba(0,0,0,0);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  height:64px;
  border-radius:32px}
.footer-layout4 .newsletter-form input::-moz-placeholder {
  color:var(--white-color)}
.footer-layout4 .newsletter-form input::-webkit-input-placeholder {
  color:var(--white-color)}
.footer-layout4 .newsletter-form input:-ms-input-placeholder {
  color:var(--white-color)}
.footer-layout4 .newsletter-form input::-ms-input-placeholder {
  color:var(--white-color)}
.footer-layout4 .newsletter-form input::placeholder {
  color:var(--white-color)}
.footer-layout4 .newsletter-form input:focus {
  color:var(--white-color)}
.footer-layout4 .about-text {
  color:#e9f6f9}
.footer-layout4 .footer-widget.widget_nav_menu a {
  color:var(--white-color)}
.footer-layout4 .footer-widget.widget_nav_menu a:before {
  color:var(--white-color)}
.footer-layout4 .footer-widget.widget_nav_menu a:hover {
  color:#113d48}
.footer-layout4 .footer-widget.widget_nav_menu a:hover:before {
  color:#113d48}
.footer-layout4 .info-box_text {
  --body-color: #fff}
.footer-layout4 .info-box_text_link:hover {
  color:#113d48}
.footer-layout4 .info-box_text .icon {
  color:var(--theme-color);
  background-color:var(--white-color)}
.footer-layout4 .info-box_text .icon img {
  -webkit-filter:brightness(1) invert(0);
  filter:brightness(1) invert(0)}
.footer-layout4 .info-box_text .details p {
  color:var(--white-color)}
.footer-layout4 .sidebar-gallery .gallery-thumb:before {
  background-color:#113d48}
.footer-layout4 .info-box_text a:hover {
  color:var(--title-color)}
.footer-layout4 .th-social a {
  --icon-size: 40px;
  background-color:hsla(0,0%,100%,.2);
  color:var(--white-color);
  margin-right:10px}

@media(max-width: 1299px) {
  .footer-layout4 .th-social a {
  margin-right:5px}
}
.footer-layout4 .copyright-wrap {
  background-color:rgba(0,0,0,0);
  border-top:1px solid rgba(233,246,249,.3)}
.footer-layout4 .copyright-text {
  font-size:14px}
.footer-layout4 .copyright-text a {
  color:var(--white-color)}
.footer-layout4 .copyright-text a:hover {
  color:var(--title-color)}
.footer-layout5 .widget-area {
  padding-top:0;
  padding-bottom:90px;
  margin-top:0}
.footer-layout6 .widget-area {
  padding-top:120px}
.footer-layout6 .footer-btn img {
  -webkit-filter:contrast(1) brightness(1);
  filter:contrast(1) brightness(1);
  -webkit-transition:.9s;
  transition:.9s}
.footer-layout6 .footer-btn:hover img {
  -webkit-filter:contrast(1) brightness(1);
  filter:contrast(1) brightness(1)}
.footer-btn .th-btn {
  font-size:18px}
.footer-layout7 {
  background-color:#405749}
.footer8-titlebox .sec-title {
  font-weight:600;
  font-size:40px}
.widget-area.f-widget8 {
  padding-top:100px}

@media(max-width: 991px) {
  .widget-area.f-widget8 {
  padding-top:80px;
  padding-bottom:80px}
}

@media(max-width: 767px) {
  .f-widget8 {
  padding-top:80px}
}
.footer-layout10 .shadow-title {
  font-size:300px;
  font-weight:700;
  background:rgba(0,0,0,0);
  line-height:.5666em;
  -webkit-text-fill-color:hsla(0,0%,100%,.03);
  margin:0}

@media(max-width: 1399px) {
  .footer-layout10 .shadow-title {
  font-size:240px}
}

@media(max-width: 991px) {
  .footer-layout10 .shadow-title {
  font-size:200px}
}

@media(max-width: 767px) {
  .footer-layout10 .shadow-title {
  font-size:180px}
}

@media(max-width: 575px) {
  .footer-layout10 .shadow-title {
  font-size:140px}
}
.footer-layout10 .th-widget-about .about-text {
  margin-bottom:32px}
.footer-layout10 .footer-widget .th-social a {
  border:1px solid hsla(0,0%,100%,.3)}
.footer-layout10 .footer-widget.widget_meta a:hover,
.footer-layout10 .footer-widget.widget_pages a:hover,
.footer-layout10 .footer-widget.widget_archive a:hover,
.footer-layout10 .footer-widget.widget_categories a:hover,
.footer-layout10 .footer-widget.widget_nav_menu a:hover {
  color:var(--white-color)}
.footer-layout10 .footer-widget.widget_meta a:hover:before,
.footer-layout10 .footer-widget.widget_pages a:hover:before,
.footer-layout10 .footer-widget.widget_archive a:hover:before,
.footer-layout10 .footer-widget.widget_categories a:hover:before,
.footer-layout10 .footer-widget.widget_nav_menu a:hover:before {
  color:var(--white-color)}
.footer-layout10 .info-box_text .icon {
  background:hsla(0,0%,100%,.15);
  border:1px solid hsla(0,0%,100%,.3);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px)}
.footer-layout10 .info-box_text .icon img {
  -webkit-filter:contrast(0) brightness(2);
  filter:contrast(0) brightness(2)}
.footer-layout10 .copyright-wrap {
  background:rgba(0,0,0,0);
  border-top:1px solid #293445;
  padding:25.5px 0}

@media(max-width: 991px) {
  .footer-layout10 .widget-area {
  padding-bottom:30px}
}
.footer-layout11 {
  --body-color: #B1B8C3;
  border-radius:24px 24px 0 0}
.footer-layout11 .footer-widget .widget_title {
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:24px}

@media(max-width: 767px) {
  .footer-layout11 .footer-widget .widget_title {
  font-size:20px}
}
.footer-layout11 .th-widget-about .about-text {
  margin-bottom:32px}
.footer-layout11 .footer-widget .th-social a {
  border:1px solid hsla(0,0%,100%,.3)}
.footer-layout11 .footer-widget .th-social a:hover {
  border-color:var(--theme-color)}
.footer-layout11 .footer-widget.widget_meta a:hover,
.footer-layout11 .footer-widget.widget_pages a:hover,
.footer-layout11 .footer-widget.widget_archive a:hover,
.footer-layout11 .footer-widget.widget_categories a:hover,
.footer-layout11 .footer-widget.widget_nav_menu a:hover {
  color:var(--white-color)}
.footer-layout11 .footer-widget.widget_meta a:hover:before,
.footer-layout11 .footer-widget.widget_pages a:hover:before,
.footer-layout11 .footer-widget.widget_archive a:hover:before,
.footer-layout11 .footer-widget.widget_categories a:hover:before,
.footer-layout11 .footer-widget.widget_nav_menu a:hover:before {
  color:var(--white-color)}
.footer-layout11 .info-box_text .icon {
  background:hsla(0,0%,100%,.15);
  border:1px solid hsla(0,0%,100%,.3);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px)}
.footer-layout11 .info-box_text .icon img {
  -webkit-filter:contrast(0) brightness(2);
  filter:contrast(0) brightness(2)}
.footer-layout11 .copyright-wrap {
  background:rgba(0,0,0,0);
  border-top:1px solid #293445;
  padding:25.5px 0}
.footer-layout11 .copyright-wrap .copyright-text a {
  color:var(--white-color)}
.footer-layout11 .copyright-wrap .copyright-text a:hover {
  color:var(--theme-color)}

@media(max-width: 991px) {
  .footer-layout11 .widget-area {
  padding-bottom:30px}
}
.footer-layout11 .footer-cta-wrap {
  padding-bottom:80px}
.footer-layout11 .footer-cta-wrap .btn-wrap {
  gap:40px}
.footer-layout11 .footer-cta-link {
  font-size:80px;
  font-weight:700;
  font-family:var(--title-font);
  color:var(--white-color)}
.footer-layout11 .footer-cta-link:hover {
  color:var(--theme-color)}

@media(max-width: 1399px) {
  .footer-layout11 .footer-cta-link {
  font-size:60px}
}

@media(max-width: 991px) {
  .footer-layout11 .footer-cta-link {
  font-size:40px}
}

@media(max-width: 767px) {
  .footer-layout11 .footer-cta-link {
  font-size:36px}
}

@media(max-width: 375px) {
  .footer-layout11 .footer-cta-link {
  font-size:34px}
}
.breadcumb-content {
  position:relative}
.breadcumb-menu {
  max-width:100%;
  padding:0;
  margin:25px 0 -0.5em 0;
  list-style-type:none;
  position:relative}
.breadcumb-menu li {
  display:inline-block;
  margin-right:3px;
  padding-right:3px;
  list-style:none;
  position:relative}
.breadcumb-menu li:after {
  content:"›";
  background-size:100% 100%;
  top:-1px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  margin-left:12px;
  font-weight:700;
  font-size:12px;
  color:inherit;
  font-family:var(--icon-font)}
.breadcumb-menu li:last-child {
  padding-right:0;
  margin-right:0}
.breadcumb-menu li:last-child:after {
  display:none}
.breadcumb-menu li,
.breadcumb-menu a,
.breadcumb-menu span {
  white-space:normal;
  word-break:break-word;
  font-family:var(--body-font);
  font-weight:400;
  font-size:20px;
  color:var(--white-color)}
.breadcumb-title {
  margin:0.50em 0 -0.18em 0;
  font-size:64px;
  font-family:var(--title-font);
  color:var(--white-color);
  font-weight:700;
  text-transform:capitalize}
.th-breadcumb-bg {
  position:absolute;
  inset:0}
.breadcumb-area.style2 {
  padding:24px}

@media(max-width: 575px) {
  .breadcumb-area.style2 {
  padding:12px}
}
.breadcumb-area.style2 .breadcumb-wrapper {
  overflow:hidden;
  border-radius:16px}
.breadcumb-wrapper {
  position:relative;
  background-color:var(--title-color);
  background-position:left top;
  padding:152px 0;
  overflow:hidden;
  text-align:center;
  background-repeat:repeat-x;
  background-size:cover}
.breadcumb-wrapper::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  background:rgba(11,20,34,.8)}

@media(max-width: 1199px) {
  .breadcumb-wrapper {
  padding:150px 0}
.breadcumb-title {
  margin:-0.18em 0 -0.18em 0;
  font-size:54px}
.breadcumb-menu li,
.breadcumb-menu a,
.breadcumb-menu span {
  font-size:16px;
  line-height:26px}
}

@media(max-width: 991px) {
  .breadcumb-wrapper {
  padding:130px 0}
}

@media(max-width: 767px) {
  .breadcumb-title {
  font-size:44px;
  line-height:54px}
}

@media(max-width: 575px) {
  .breadcumb-wrapper {
  padding:130px 0}
.breadcumb-title {
  font-size:44px;
  line-height:54px}
}

@media(max-width: 375px) {
  .breadcumb-wrapper {
  padding:120px 0}
.breadcumb-title {
  font-size:34px;
  line-height:44px}
.breadcumb-menu {
  margin:15px 0 -0.5em 0}
}
.wp-block-query-pagination-numbers,
.th-pagination {
  margin-bottom:30px}
.wp-block-query-pagination-numbers ul,
.th-pagination ul {
  margin:0;
  padding:0}
.wp-block-query-pagination-numbers li,
.th-pagination li {
  display:inline-block;
  margin:0 3px;
  list-style-type:none}
.wp-block-query-pagination-numbers li:last-child,
.th-pagination li:last-child {
  margin-right:0}
.wp-block-query-pagination-numbers li:first-child,
.th-pagination li:first-child {
  margin-left:0}
.wp-block-query-pagination-numbers span,
.wp-block-query-pagination-numbers a,
.th-pagination span,
.th-pagination a {
  display:inline-block;
  text-align:center;
  gap:8px;
  position:relative;
  color:var(--title-color);
  width:50px;
  height:50px;
  line-height:50px;
  border-radius:50%;
  z-index:1;
  font-size:16px;
  font-weight:400;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  background:var(--smoke-color)}

@media(max-width: 375px) {
  .wp-block-query-pagination-numbers span,
.wp-block-query-pagination-numbers a,
.th-pagination span,
.th-pagination a {
  font-size:14px;
  width:35px;
  height:35px;
  line-height:35px}
}
.wp-block-query-pagination-numbers span img,
.wp-block-query-pagination-numbers a img,
.th-pagination span img,
.th-pagination a img {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.wp-block-query-pagination-numbers span.active,
.wp-block-query-pagination-numbers span:hover,
.wp-block-query-pagination-numbers a.active,
.wp-block-query-pagination-numbers a:hover,
.th-pagination span.active,
.th-pagination span:hover,
.th-pagination a.active,
.th-pagination a:hover {
  color:var(--white-color);
  background-color:var(--theme-color)}
.wp-block-query-pagination-numbers span.active img,
.wp-block-query-pagination-numbers span:hover img,
.wp-block-query-pagination-numbers a.active img,
.wp-block-query-pagination-numbers a:hover img,
.th-pagination span.active img,
.th-pagination span:hover img,
.th-pagination a.active img,
.th-pagination a:hover img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.wp-block-query-pagination-next {
  display:inline-block;
  text-align:center;
  position:relative;
  border:none;
  color:var(--title-color);
  background-color:var(--smoke-color2);
  min-width:56px;
  height:56px;
  line-height:56px;
  z-index:1;
  font-size:16px;
  padding:0 20px;
  font-weight:500;
  border-radius:12px;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}

@media(max-width: 375px) {
  .wp-block-query-pagination-next {
  font-size:14px;
  padding:0 15px}
}
.wp-block-query-pagination-next.active,
.wp-block-query-pagination-next:hover {
  color:var(--white-color);
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
.pagination-title {
  width:auto;
  height:auto;
  display:inline-block;
  margin:0 15px}
.pagination-box2 {
  border:1px solid var(--th-border-color);
  border-right:0;
  border-left:0;
  padding-top:30px;
  padding-bottom:30px}
.pagination-box2 .pagination-icon {
  width:55px;
  height:55px;
  line-height:55px;
  background:none;
  border:1px solid var(--th-border-color)}
.pagination-box2 .pagination-icon:hover {
  border-color:var(--theme-color)}
blockquote,
.wp-block-quote {
  font-size:18px;
  line-height:1.777;
  padding:22px 16px 22px 60px;
  font-weight:400;
  display:block;
  position:relative;
  background-color:var(--white-color);
  margin:50px 0 58px 0;
  color:var(--title-color);
  font-family:var(--body-font);
  font-style:normal;
  border:1px solid rgba(110,112,112,.2) !important;
  border-radius:10px}

@media(max-width: 1199px) {
  blockquote,
.wp-block-quote {
  font-size:16px}
}
blockquote p,
.wp-block-quote p {
  font-size:inherit;
  font-family:inherit;
  margin-top:-0.3em;
  margin-bottom:9px;
  line-height:inherit;
  color:inherit;
  width:100%;
  position:relative;
  z-index:3}
blockquote p a,
.wp-block-quote p a {
  color:inherit}
blockquote:before,
.wp-block-quote:before {
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  height:50px;
  width:33px;
  background-color:var(--white-color)}
blockquote:after,
.wp-block-quote:after {
  content:"";
  position:absolute;
  top:-10px;
  left:0px;
  height:20px;
  width:25px;
  background-color:var(--theme-color);
  clip-path:path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z")}
blockquote cite,
.wp-block-quote cite {
  display:inline-block;
  font-size:20px;
  line-height:1;
  font-weight:500;
  font-style:normal;
  font-family:var(--body-font);
  white-space:nowrap;
  position:absolute;
  bottom:-17px;
  left:100px;
  background-color:var(--theme-color);
  color:var(--white-color);
  padding:7px 45px 7px 20px;
  clip-path:polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
  border-radius:0px;
  overflow:hidden}

@media(max-width: 375px) {
  blockquote cite,
.wp-block-quote cite {
  left:50px}
}
blockquote cite br,
.wp-block-quote cite br {
  display:none}
blockquote.is-large:not(.is-style-plain),
blockquote.is-style-large:not(.is-style-plain),
blockquote.style-left-icon,
blockquote.has-text-align-right,
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-quote.style-left-icon,
.wp-block-quote.has-text-align-right {
  padding:40px;
  margin-bottom:30px}

@media(max-width: 375px) {
  blockquote.is-large:not(.is-style-plain),
blockquote.is-style-large:not(.is-style-plain),
blockquote.style-left-icon,
blockquote.has-text-align-right,
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-quote.style-left-icon,
.wp-block-quote.has-text-align-right {
  padding:25px}
}
blockquote.style-left-icon,
.wp-block-quote.style-left-icon {
  font-size:18px;
  color:var(--body-color);
  font-weight:400;
  line-height:1.556;
  background-color:var(--smoke-color);
  padding-left:160px}
blockquote.style-left-icon:before,
.wp-block-quote.style-left-icon:before {
  right:unset;
  left:56px;
  top:60px;
  font-size:6rem;
  font-weight:400;
  line-height:4rem;
  color:var(--theme-color);
  text-shadow:none}
blockquote.style-left-icon cite,
.wp-block-quote.style-left-icon cite {
  color:var(--title-color)}
blockquote.style-left-icon cite:before,
.wp-block-quote.style-left-icon cite:before {
  background-color:var(--title-color);
  top:8px}
blockquote:not(:has(>cite)) p:last-child,
.wp-block-quote:not(:has(>cite)) p:last-child {
  margin-bottom:-0.3em}
blockquote p:has(cite),
.wp-block-quote p:has(cite) {
  padding-bottom:10px}
blockquote p cite,
.wp-block-quote p cite {
  margin-top:20px;
  margin-bottom:-0.5em;
  bottom:-32px}
.wp-block-pullquote {
  color:var(--white-color);
  padding:0}
blockquote.has-very-dark-gray-color {
  color:var(--title-color) !important}
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
  color:var(--title-color)}
.wp-block-pullquote cite {
  position:absolute;
  color:var(--white-color) !important}
.wp-block-column blockquote,
.wp-block-column .wp-block-quote {
  padding:40px 15px 40px 15px}
.wp-block-column blockquote.style-left-icon,
.wp-block-column blockquote.is-large:not(.is-style-plain),
.wp-block-column blockquote.is-style-large:not(.is-style-plain),
.wp-block-column blockquote.has-text-align-right,
.wp-block-column .wp-block-quote.style-left-icon,
.wp-block-column .wp-block-quote.is-large:not(.is-style-plain),
.wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-column .wp-block-quote.has-text-align-right {
  padding:40px 15px 40px 15px}
.wp-block-column blockquote cite,
.wp-block-column .wp-block-quote cite {
  font-size:14px;
  left:20px}
.wp-block-column blockquote cite:before,
.wp-block-column .wp-block-quote cite:before {
  bottom:6px}
.wp-block-pullquote__citation::before,
.wp-block-pullquote cite::before,
.wp-block-pullquote footer::before {
  bottom:7px}
.has-cyan-bluish-gray-background-color blockquote,
.has-cyan-bluish-gray-background-color .wp-block-quote {
  background-color:var(--white-color)}

@media(max-width: 1199px) {
  blockquote,
.wp-block-quote {
  padding:22px 30px}
}

@media(max-width: 767px) {
  .wp-block-pullquote.is-style-solid-color blockquote {
  max-width:90%}
blockquote cite,
.wp-block-quote cite {
  font-size:18px}
}

@media(max-width: 575px) {
  blockquote,
.wp-block-quote {
  padding:20px 20px 30px}
.wp-block-quote.is-large:not(.is-style-plain) p,
.wp-block-quote.is-style-large:not(.is-style-plain) p {
  font-size:1.2em}
}

@media(max-width: 375px) {
  blockquote cite,
.wp-block-quote cite {
  font-size:14px}
blockquote cite:before,
.wp-block-quote cite:before {
  width:20px;
  bottom:40px;
  right:20px}
}
.blog-meta {
  display:block}
.blog-meta span,
.blog-meta a {
  display:inline-block;
  font-size:14px;
  font-weight:400;
  line-height:24px;
  color:var(--body-color);
  font-family:var(--body-font);
  position:relative;
  text-transform:capitalize;
  margin-right:12px}
.blog-meta span i,
.blog-meta a i {
  margin-right:8px;
  color:var(--theme-color)}
.blog-meta span:not(:last-child),
.blog-meta a:not(:last-child) {
  padding-right:16px}
.blog-meta span:not(:last-child):after,
.blog-meta a:not(:last-child):after {
  content:"";
  height:10px;
  width:1px;
  background-color:#999;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-4px}
.blog-meta .author img {
  border-radius:50%;
  width:30px;
  height:30px;
  margin-right:6px}
.blog-meta a:hover {
  color:var(--theme-color)}

@media(max-width: 1199px) {
  .blog-meta span,
.blog-meta a {
  margin-right:15px}
.blog-meta span:not(:last-child),
.blog-meta a:not(:last-child) {
  padding-right:15px}
}

@media(max-width: 575px) {
  .blog-meta span,
.blog-meta a {
  margin-right:20px}
.blog-meta span:not(:last-child),
.blog-meta a:not(:last-child) {
  padding-right:0}
.blog-meta span:not(:last-child):after,
.blog-meta a:not(:last-child):after {
  display:none}
}
.blog-audio,
.blog-img,
.blog-video {
  line-height:1px}
.blog-audio img,
.blog-img img,
.blog-video img {
  width:100%;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.blog-title a {
  color:inherit}
.blog-title a:hover {
  color:var(--theme-color)}
.th-blog {
  margin-bottom:30px}
.blog-inner-title {
  margin-top:-0.25em;
  margin-bottom:25px}
.blog-inner-title i {
  color:var(--theme-color);
  margin-right:4px}
.blog-single {
  position:relative;
  margin-bottom:40px;
  overflow:hidden}

.blog-single .blog-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #5e52a3;
}

.blog-single.blog-2 {
  padding:40px;
  border-radius:10px}
.blog-single .blog-meta {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-bottom:10px;
  z-index:2;
  gap:10px 0}
.blog-single .blog-meta span,
.blog-single .blog-meta a {
  display:inline-block;
  font-size:14px;
  font-weight:400;
  color:#1c2d37;
  font-family:var(--body-font);
  position:relative;
  line-height:normal}
.blog-single .blog-meta span img,
.blog-single .blog-meta span svg,
.blog-single .blog-meta span i,
.blog-single .blog-meta a img,
.blog-single .blog-meta a svg,
.blog-single .blog-meta a i {
  margin-right:11px;
  color:#1c2d37}
.blog-single .blog-meta span:last-child,
.blog-single .blog-meta a:last-child {
  margin-right:0;
  padding-right:0;
  border:0}
.blog-single .blog-meta span:last-child:after,
.blog-single .blog-meta a:last-child:after {
  display:none}
.blog-single .blog-meta .author img {
  border-radius:50%;
  width:30px;
  height:30px;
  margin-right:6px}
.blog-single .blog-content {
  margin:0 0 0 0;
  padding:0;
  position:relative}
.blog-single .blog-content .blog-single {
  padding:20px}
.blog-single .blog-content .th-btn {
  padding:14px 35px}
.blog-single .blog-audio {
  line-height:1}
.blog-single .th-btn {
  border:1px solid var(--th-border-color)}
.blog-single .blog-audio,
.blog-single .blog-img,
.blog-single .blog-video {
  position:relative;
  overflow:hidden;
  background-color:var(--smoke-color);
  margin-bottom:0}
.blog-single .blog-img {
  position:relative;
  overflow:hidden;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
  border-radius:10px;
  margin-bottom:40px}
.blog-single .blog-img:before {
  background:hsla(0,0%,100%,.5);
  content:"";
  height:0;
  left:0;
  opacity:1;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:9}
.blog-single .blog-img img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-transition:1.3s all ease;
  transition:1.3s all ease}
.blog-single .blog-img .slider-arrow {
  --pos-x: 30px;
  --icon-size: 44px;
  border:none;
  background-color:var(--white-color);
  color:var(--black-color2);
  -webkit-box-shadow:none;
  box-shadow:none;
  visibility:visible;
  opacity:1;
  -webkit-transform:none;
  transform:none}
.blog-single .blog-img .slider-arrow:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}

@media(max-width: 1199px) {
  .blog-single .blog-img .slider-arrow {
  display:none}
}
.blog-single .blog-img .play-btn {
  --icon-size: 100px;
  position:absolute;
  left:50%;
  top:50%;
  margin:calc(var(--icon-size)/-2) 0 0 calc(var(--icon-size)/-2)}

@media(max-width: 767px) {
  .blog-single .blog-img .play-btn {
  --icon-size: 70px}
}
.blog-single .line-btn {
  display:block;
  max-width:-webkit-fit-content;
  max-width:-moz-fit-content;
  max-width:fit-content;
  margin-bottom:-1px}
.blog-single:hover .blog-img:before {
  height:100%;
  opacity:0;
  -webkit-transition:all .4s linear;
  transition:all .4s linear}
.blog-single:hover .blog-img img {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)}
.page-single .box-title {
  font-size:40px}

@media(max-width: 1199px) {
  .page-single .box-title {
  font-size:30px}
}

@media(max-width: 575px) {
  .page-single .box-title {
  font-size:25px}
}
.page-meta {
  margin-top:25px}
.page-meta .page-tag {
  background-color:var(--title-color);
  font-size:18px;
  color:var(--white-color);
  border-radius:24px;
  padding:6px 16px}
.page-meta .ratting {
  background:#e9f6f9;
  border-radius:24px;
  padding:6px 16px;
  color:var(--black-color2)}
.page-meta .ratting i {
  color:#ffa944;
  margin-right:10px}
.blog-list-single {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  gap:40px;
  margin-bottom:50px}

@media(max-width: 1199px) {
  .blog-list-single {
  gap:25px}
}

@media(max-width: 991px) {
  .blog-list-single {
  display:block}
}
.blog-list-single .blog-img {
  position:relative;
  min-width:50%;
  overflow:hidden;
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.blog-list-single .blog-img:before {
  position:absolute;
  top:0;
  left:-100%;
  display:block;
  content:"";
  width:50%;
  height:100%;
  background:hsla(0,0%,100%,.2);
  -webkit-transform:skewX(25deg);
  transform:skewX(25deg);
  z-index:2}
.blog-list-single .blog-img img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover}

@media(max-width: 991px) {
  .blog-list-single .blog-img {
  min-width:100%;
  margin-bottom:30px}
}
.blog-list-single .blog-title {
  margin-bottom:20px;
  font-size:30px;
  line-height:1.25;
  font-weight:500}

@media(max-width: 1299px) {
  .blog-list-single .blog-title {
  font-size:26px}
}
.blog-list-single:hover .blog-img:before {
  -webkit-animation:shine 1.9s;
  animation:shine 1.9s}
.share-links-title {
  font-size:20px;
  font-weight:600;
  line-height:30px;
  color:var(--title-color);
  font-family:var(--title-font);
  margin:0 15px 0 0;
  display:inline-block;
  text-transform:capitalize}
.share-links {
  margin:30px 0 0px 0}
.share-links>.row {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  --bs-gutter-y: 15px}
.share-links .wp-block-tag-cloud,
.share-links .tagcloud {
  display:inline-block}
.share-links .wp-block-tag-cloud a,
.share-links .tagcloud a {
  background-color:rgba(225,228,229,.2)}
.share-links .wp-block-tag-cloud a:hover,
.share-links .tagcloud a:hover {
  background-color:var(--theme-color)}
.share-links .share-links_wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:0px}
.share-links .share-links-title {
  font-size:20px;
  color:var(--black-color2)}
.share-links .social-links {
  border:1px solid var(--theme-color);
  border-radius:20px;
  padding:5px 19px}
.share-links .social-links a {
  color:var(--black-color2);
  font-size:16px}
.share-links .th-social {
  display:inline-block}
.share-links .th-social a {
  --icon-size: 38px;
  border-radius:0;
  font-size:14px;
  background-color:rgba(14,18,29,.08);
  color:var(--title-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.share-links .th-social a:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.blog-navigation {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:20px;
  background:var(--smoke-color);
  padding:40px;
  margin-bottom:40px}

@media(max-width: 767px) {
  .blog-navigation {
  padding:25px}
}
.blog-navigation .nav-text {
  font-size:18px;
  font-family:var(--title-font);
  color:var(--title-color);
  display:inline-block;
  font-weight:600}

@media(max-width: 767px) {
  .blog-navigation .nav-text {
  font-size:16px}
}
.blog-navigation .nav-btn {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:20px}
.blog-navigation .nav-btn img {
  border-radius:10px}

@media(max-width: 1199px) {
  .blog-navigation .nav-btn img {
  display:none}
}
.blog-navigation .nav-btn.next {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
  text-align:right}
.blog-navigation .nav-btn:hover .nav-text {
  color:var(--theme-color)}
.blog-navigation .nav-btn:hover .nav-img:after {
  -webkit-transform:scale(1);
  transform:scale(1)}
.blog-navigation .nav-btn:hover .nav-img i {
  -webkit-transform:scale(1);
  transform:scale(1)}
.blog-navigation .nav-btn .nav-img {
  min-width:85px;
  position:relative;
  overflow:hidden;
  border-radius:10px;
  -webkit-transition:.4s;
  transition:.4s}
.blog-navigation .nav-btn .nav-img img {
  border-radius:10px}

@media(max-width: 767px) {
  .blog-navigation .nav-btn .nav-img {
  display:none}
}
.blog-navigation .nav-btn .nav-img:after {
  content:"";
  position:absolute;
  inset:0;
  background-color:rgba(0,0,0,.7);
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.blog-navigation .nav-btn .nav-img i {
  position:absolute;
  inset:0;
  text-align:center;
  line-height:81px;
  font-size:24px;
  color:var(--theme-color);
  -webkit-transform:scale(0);
  transform:scale(0);
  z-index:2;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.blog-navigation .nav-btn .nav-img img {
  width:100%;
  height:100%;
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  border-radius:10px;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.blog-navigation .blog-next {
  text-align:right}
.blog-navigation .blog-btn {
  font-size:38px;
  color:var(--theme-color)}

@media(max-width: 767px) {
  .blog-navigation .blog-btn {
  font-size:25px}
}
.blog-navigation .blog-btn:hover {
  color:var(--theme-color)}
.blog-author {
  margin-top:40px;
  margin-bottom:40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  background-color:var(--smoke-color);
  border-radius:20px;
  overflow:hidden}
.blog-author .auhtor-img {
  width:212px;
  min-height:100%;
  background-color:aqua;
  text-align:center;
  display:grid;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}

@media(max-width: 767px) {
  .blog-author .auhtor-img {
  width:100%;
  min-height:200px}
}
.blog-author .auhtor-img img {
  width:96px;
  height:auto;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center center;
  object-position:center center}
.blog-author .author-name {
  font-size:24px;
  margin-top:-0.2em;
  margin-bottom:16px}
.blog-author .author-text {
  margin-bottom:0}
.blog-author .media-body {
  padding:40px 40px 40px 40px;
  -ms-flex-item-align:center;
  align-self:center}

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

@media(max-width: 575px) {
  .blog-author .media-body {
  padding:35px 20px 30px 20px}
}
.blog-details .blog-content>p:last-child {
  margin-bottom:0}
.blog-content .wp-block-search .wp-block-search__input {
  -webkit-box-shadow:none;
  box-shadow:none}

@media(max-width: 1399px) {
  .blog-single .blog-title {
  font-size:28px;
  line-height:1.4}
.share-links {
  --blog-space-x: 20px}
}

@media(max-width: 1199px) {
  .blog-single {
  --blog-space-x: 20px;
  --blog-space-y: 20px}
}

@media(max-width: 991px) {
  .blog-single {
  --blog-space-x: 40px;
  --blog-space-y: 40px}
.share-links {
  --blog-space-x: 40px}
}

@media(max-width: 767px) {
  .share-links {
  --blog-space-x: 20px}
.blog-single {
  --blog-space-x: 30px;
  --blog-space-y: 30px}
.blog-single .blog-title {
  font-size:24px;
  line-height:1.3}
.blog-single .blog-text {
  margin-bottom:22px}
.blog-single .blog-bottom {
  padding-top:15px}
}
.blog-text {
  font-size:16px;
  margin-bottom:30px}

@media(max-width: 575px) {
  .share-links-title {
  margin:0 15px 5px 0}
}
.blog-box3 .blog-meta a {
  color:var(--brand-color)}
.blog-box3 .th-btn:hover {
  border:1px solid var(--brand-color)}
.blog-box3 .th-btn::before {
  background-color:var(--brand-color)}
.blog-details {
  overflow:hidden}

@media(max-width: 1024px) {
  .widget_download {
  margin-top:40px}
}
.th-comment-form {
  margin-top:70px;
  position:relative}
.th-comment-form .row {
  --bs-gutter-x: 30px}
.th-comment-form .blog-inner-title {
  margin-bottom:0px}
.th-comment-form .form-title {
  margin-top:-0.35em}
.th-comment-form .form-title a#cancel-comment-reply-link {
  font-size:.7em;
  text-decoration:underline}
.th-comment-form .form-text {
  margin-bottom:25px}
.th-comment-form .form-group>i {
  color:var(--body-color)}
.th-comment-form .form-group select,
.th-comment-form .form-group .form-control,
.th-comment-form .form-group .form-select,
.th-comment-form .form-group textarea,
.th-comment-form .form-group input {
  border:1px solid gray}
.th-comment-form .form-group label {
  color:var(--body-color);
  margin-bottom:-0.3rem}
.blog-comment-area {
  margin-bottom:25px}

@media(max-width: 767px) {
  .th-comment-form,
.th-comments-wrap {
  border-radius:10px}
}
.th-comment-form:has(#wp-temp-form-div),
.th-comments-wrap:has(#wp-temp-form-div) {
  padding:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  display:none}
.th-comments-wrap {
  border-radius:0px}
.th-comments-wrap {
  margin-top:var(--blog-space-y, 40px);
  margin-bottom:30px}
.th-comments-wrap.style2 .th-post-comment {
  border:1px solid #e1e4e5;
  margin-bottom:24px}
.th-comments-wrap.style2 .children {
  margin-left:0}
.th-comments-wrap.style2 .commented-wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  z-index:2;
  gap:10px 0;
  margin-bottom:22px}
.th-comments-wrap.style2 .commented-wrapp span {
  display:inline-block;
  font-size:14px;
  font-weight:400;
  color:var(--body-color);
  font-family:var(--body-font);
  position:relative;
  line-height:normal}
.th-comments-wrap.style2 .commented-wrapp span:not(:last-child) {
  padding-right:16px;
  margin-right:16px}
.th-comments-wrap.style2 .commented-wrapp span:not(:last-child):after {
  content:"";
  height:10px;
  width:1px;
  background-color:var(--body-color);
  position:absolute;
  top:50%;
  right:0;
  margin-top:-4px}
.th-comments-wrap.style2 .commented-wrapp span i {
  color:#ffa944}
.th-comments-wrap.style2 .reply_and_edit i {
  color:#999;
  font-size:24px}
.th-comments-wrap.style2 ul.comment-list .th-comment-item:last-child>.th-post-comment {
  border-bottom:1px solid #e1e4e5}
.th-comments-wrap .description p:last-child {
  margin-bottom:-0.5em}
.th-comments-wrap .comment-respond {
  margin:30px 0}
.th-comments-wrap pre {
  background:#ededed;
  color:#666;
  font-size:14px;
  margin:20px 0;
  overflow:auto;
  padding:20px;
  white-space:pre-wrap;
  word-wrap:break-word}
.th-comments-wrap li {
  margin:0}
.th-comments-wrap .th-post-comment {
  padding:0;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:30px;
  padding:30px;
  position:relative;
  background:var(--smoke-color);
  border-radius:8px}
.th-comments-wrap .th-post-comment ol,
.th-comments-wrap .th-post-comment ul,
.th-comments-wrap .th-post-comment dl {
  margin-bottom:1rem}
.th-comments-wrap .th-post-comment ol ol,
.th-comments-wrap .th-post-comment ol ul,
.th-comments-wrap .th-post-comment ul ol,
.th-comments-wrap .th-post-comment ul ul {
  margin-bottom:0}
.th-comments-wrap ul.comment-list {
  list-style:none;
  margin:0;
  padding:0;
  margin-bottom:-30px}
.th-comments-wrap ul.comment-list ul ul,
.th-comments-wrap ul.comment-list ul ol,
.th-comments-wrap ul.comment-list ol ul,
.th-comments-wrap ul.comment-list ol ol {
  margin-bottom:0}
.th-comments-wrap .comment-avater {
  width:80px;
  height:80px;
  border-radius:10px;
  margin-right:20px;
  overflow:hidden}
.th-comments-wrap .comment-avater img {
  width:100%}
.th-comments-wrap .comment-content {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin-top:-6px;
  position:relative}
.th-comments-wrap .commented-on {
  font-size:14px;
  display:inline-block;
  margin-bottom:15px;
  font-weight:400;
  line-height:24px;
  font-family:var(--body-font);
  color:var(--body-color);
  margin-bottom:0}
.th-comments-wrap .commented-on i {
  color:var(--theme-color);
  margin-right:7px;
  font-size:.9rem}
.th-comments-wrap .name {
  margin-bottom:0px;
  font-size:20px;
  font-weight:600;
  line-height:30px}
.th-comments-wrap .comment-top {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.th-comments-wrap .text {
  margin-bottom:-0.4rem}
.th-comments-wrap .children {
  margin:0;
  padding:0;
  list-style-type:none;
  margin-left:80px}
.th-comments-wrap .reply_and_edit {
  margin-top:0px;
  margin-bottom:-0.46em;
  position:absolute;
  top:0;
  right:0;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 575px) {
  .th-comments-wrap .reply_and_edit {
  position:relative;
  margin-top:12px}
}
.th-comments-wrap .reply_and_edit a {
  margin-right:10px}
.th-comments-wrap .reply_and_edit a:last-child {
  margin-right:0}
.th-comments-wrap .reply-btn {
  font-weight:500;
  font-size:14px;
  font-weight:600;
  line-height:24px;
  display:inline-block;
  color:var(--title-color);
  text-transform:uppercase}
.th-comments-wrap .reply-btn i {
  margin-right:7px}
.th-comments-wrap .star-rating {
  font-size:12px;
  margin-bottom:10px;
  position:absolute;
  top:5px;
  right:0;
  width:80px}
.form-submit input[type=submit] {
  background-color:var(--theme-color);
  color:var(--white-color)}
.form-submit input[type=submit]:hover {
  background-color:var(--title-color)}
.wp-block-post-comments-form textarea,
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
  border:1px solid var(--th-border-color)}
.wp-block-comment-author-name {
  font-weight:600}
ul.comment-list .th-comment-item:last-child>.th-post-comment {
  border-bottom:none}
ul.comment-list .children .th-comment-item>.th-post-comment {
  padding-bottom:30px}
ul.comment-list:has(>.th-comment-item~.th-comment-item):first-child>.th-post-comment {
  padding-bottom:30px;
  border-bottom:1px solid var(--th-border-color)}
.th-comments-wrap.th-comment-form {
  margin:0}
.comment-respond .must-log-in {
  margin-bottom:0;
  margin-top:8px}

@media(max-width: 1199px) {
  .th-comments-wrap .children {
  margin-left:40px}
}

@media(max-width: 767px) {
  .th-comments-wrap .th-post-comment {
  display:block}
.th-comments-wrap .star-rating {
  position:relative;
  top:0;
  right:0}
.th-comments-wrap .comment-top {
  display:block}
.th-comments-wrap .comment-avater {
  margin-right:0;
  margin-bottom:25px}
.th-comments-wrap .children {
  margin-left:40px}
.th-comments-wrap .children {
  margin-left:30px}
}

@media(max-width: 767px) {
  .th-comment-form {
  --blog-space-y: 30px}
}
.th-hero-wrapper {
  position:relative;
  z-index:2;
  overflow:hidden}
.th-hero-bg {
  position:absolute;
  inset:0;
  overflow:hidden}
.th-hero-bg img {
  position:relative;
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  overflow:hidden}
.hero-featured {
  position:relative;
  padding:24px;
  z-index:1;
  max-width:924px;
  background-color:#f2f5fa}
.hero-featured-icon {
  width:62px;
  height:62px;
  line-height:62px;
  text-align:center;
  display:inline-block;
  background-color:var(--theme-color);
  border-radius:10px;
  margin-right:14px}

@media(max-width: 991px) {
  .hero-featured-icon {
  margin-bottom:15px}
}
.hero-featured-title {
  font-weight:600;
  font-size:18px;
  line-height:1.5;
  margin-bottom:2px;
  text-transform:capitalize;
  color:var(--title-color);
  margin-top:-0.35em}
.hero-featured-content .sec-text {
  font-weight:400;
  font-size:14px;
  text-transform:capitalize;
  margin-bottom:-0.5em;
  line-height:1.5}

@media(max-width: 991px) {
  .hero-featured-item {
  margin:0 16px 0 16px}
}
.hero-title {
  font-size:84px;
  color:var(--white-color);
  line-height:1.1;
  margin-bottom:25px;
  text-transform:capitalize}

@media(max-width: 1500px) {
  .hero-title {
  font-size:74px}
}

@media(max-width: 1299px) {
  .hero-title {
  font-size:68px}
}

@media(max-width: 1199px) {
  .hero-title {
  font-size:50px}
}

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

@media(max-width: 767px) {
  .hero-title {
  font-size:44px;
  line-height:1.4}
}

@media(max-width: 575px) {
  .hero-title {
  font-size:35px}
}
.hero-1 {
  position:relative;
  overflow:hidden}
.hero-1 .th-hero-bg {
  z-index:2}
.hero-1-shape {
  position:absolute;
  top:0;
  left:0;
  z-index:2}
.hero-1 .th-swiper-custom {
  position:absolute;
  top:47%;
  margin:0;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  right:55px;
  z-index:9}

@media(max-width: 991px) {
  .hero-1 .th-swiper-custom {
  display:none}
}
.hero-1 .th-swiper-custom .swiper-pagination-bullets {
  position:relative;
  z-index:3;
  text-align:center;
  margin:25px 0 0px 0;
  line-height:10px;
  height:3px}
.hero-1 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet {
  display:inline-block;
  --swiper-pagination-bullet-size: 24px;
  --swiper-pagination-bullet-horizontal-gap: 12px;
  margin:5px 7px;
  height:2px;
  opacity:1;
  border-radius:0;
  background-color:var(--white-color);
  border:1px solid var(--white-color);
  position:relative;
  -webkit-transition:.4s;
  transition:.4s;
  cursor:pointer}
.hero-1 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:before {
  display:none}
.hero-1 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.hero-1 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:var(--theme-color);
  border:1px solid var(--theme-color)}
.hero-1 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-left:0}
.hero-1 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right:0}
.hero-1 .slider-pagination .swiper-pagination-bullets .swiper-pagination-bullet {
  width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  background:var(--white-color);
  height:3px}
.hero-1 .slider-arrow {
  --icon-size: 64px;
  background:rgba(250,252,244,.2);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-radius:36px;
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none;
  opacity:1;
  visibility:visible;
  left:var(--pos-x, -90px)}

@media(max-width: 1399px) {
  .hero-1 .slider-arrow {
  display:none}
}
.hero-1 .slider-arrow img {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)}
.hero-1 .slider-arrow.slider-next {
  right:var(--pos-x, -90px);
  left:auto}
.hero-1 .slider-arrow:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.hero-1:hover .slider-arrow {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)}
.hero-style1 {
  position:relative;
  z-index:9;
  padding:205px 0 201px 0}

@media(max-width: 1199px) {
  .hero-style1 {
  padding:120px 0 120px 0}
}

@media(max-width: 991px) {
  .hero-style1 {
  max-width:600px}
}
.hero-style1 .sub-title {
  position:relative;
  font-weight:500;
  font-size:30px;
  display:block;
  margin-bottom:20px;
  padding-left:62px;
  color:var(--white-color)}

@media(max-width: 767px) {
  .hero-style1 .sub-title {
  padding-left:0}
}
.hero-style1 .sub-title::before {
  position:absolute;
  width:35px;
  height:2px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:0;
  content:"";
  background:var(--white-color);
  z-index:3}

@media(max-width: 767px) {
  .hero-style1 .sub-title::before {
  display:none}
}
.hero-style1 .sub-title::after {
  position:absolute;
  width:10px;
  height:10px;
  top:50%;
  left:35px;
  border-radius:50%;
  content:"";
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:var(--white-color)}

@media(max-width: 767px) {
  .hero-style1 .sub-title::after {
  display:none}
}

@media(max-width: 575px) {
  .hero-style1 .sub-title {
  font-size:18px}
}
.hero-style1 .hero-title {
  margin-bottom:15px}
.hero-style1 .hero-text {
  font-family:var(--style-font);
  font-weight:500;
  font-size:20px;
  line-height:1.5;
  max-width:582px;
  margin-bottom:30px}
.hero-style1 .btn-group {
  gap:16px}

@media(max-width: 480px) {
  .hero-style1 .btn-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.hero-style1 .th-btn {
  padding:15px 29.5px}
.hero-style1 .th-btn:not(:last-child) {
  margin-right:10px}

@media(max-width: 767px) {
  .hero-1 .hero-img {
  position:static;
  max-width:100%;
  text-align:center;
  margin:0 auto 50px auto}
.hero-1 .hero-shape2 {
  display:none}
.hero-style1 {
  text-align:center;
  margin-left:auto;
  margin-right:auto}
.hero-style1 .title1,
.hero-style1 .title2 {
  margin-left:auto;
  margin-right:auto}
.hero-style1 .title-img {
  max-width:40px;
  right:5%}
}

@media(max-width: 575px) {
  .hero-style1 .title-img {
  right:3%}
}

@media(max-width: 375px) {
  .hero-style1 .hero-title {
  font-size:37px;
  line-height:47px}
}

@media(max-width: 330px) {
  .hero-title {
  font-size:32px}
}
.hero-2 {
  position:relative;
  z-index:6}
.hero-2 .hero-slider-2 {
  max-width:1776px;
  display:block;
  margin:auto;
  border-radius:24px}

@media(max-width: 1900px) {
  .hero-2 .hero-slider-2 {
  max-width:100%}
}
.hero-2 .scroll-down {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transform-origin:left;
  transform-origin:left;
  position:absolute;
  bottom:0px;
  left:calc(53% - 0px);
  width:150px;
  height:141px;
  text-align:center;
  z-index:2;
  color:var(--white-color)}

@media(max-width: 1499px) {
  .hero-2 .scroll-down {
  left:calc(50% - 50px)}
}

@media(max-width: 1699px) {
  .hero-2 .scroll-down {
  left:calc(50% - 50px)}
}

@media(max-width: 1599px) {
  .hero-2 .scroll-down {
  left:calc(50% - 100px)}
}

@media(max-width: 1599px) {
  .hero-2 .scroll-down {
  left:calc(50% - 150px)}
}

@media(max-width: 1299px) {
  .hero-2 .scroll-down {
  display:none}
}
.hero-2 .scroll-down .scroll-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-family:var(--title-font);
  font-size:16px;
  color:var(--white-color);
  font-weight:300}
.hero-2 .scroll-down .scroll-wrap span {
  min-width:40px;
  height:40px;
  line-height:40px;
  border-radius:50%;
  border:1px solid var(--white-color)}
.hero-2 .scroll-down .scroll-wrap span img {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  margin-bottom:4px}
.hero-2 .th-hero-bg {
  border-radius:24px;
  overflow:hidden}
.hero-2 .th-hero-bg:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:rgba(11,20,34,.7);
  border-radius:24px}
.hero-2 .th-swiper-custom {
  position:absolute;
  top:55%;
  margin:0;
  right:209px;
  z-index:9;
  width:550px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:36px}

@media(max-width: 1299px) {
  .hero-2 .th-swiper-custom {
  right:20px}
}

@media(max-width: 1199px) {
  .hero-2 .th-swiper-custom {
  top:unset;
  bottom:30px}
}

@media(max-width: 767px) {
  .hero-2 .th-swiper-custom {
  bottom:0}
}

@media(max-width: 575px) {
  .hero-2 .th-swiper-custom {
  width:300px}
}

@media(max-width: 375px) {
  .hero-2 .th-swiper-custom {
  display:none}
}
.hero-2 .hero-icon {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:8px}
.hero-2 .hero-arrow {
  width:32px;
  height:32px;
  line-height:1;
  border-radius:50%;
  border:1px solid var(--white-color);
  background-color:rgba(0,0,0,0);
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.hero-2 .hero-arrow img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1);
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.hero-2 .hero-arrow:hover {
  background-color:var(--white-color)}
.hero-2 .hero-arrow:hover img {
  -webkit-filter:none;
  filter:none}
.hero-2 .swiper-pagination {
  position:relative;
  border-radius:8px;
  width:424px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.hero-2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.hero-2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0}
.hero-2 .swiper-pagination-bullet {
  width:100%;
  height:3px;
  border-radius:8px;
  background-color:hsla(0,0%,100%,.2);
  border:none;
  margin:0;
  position:relative;
  overflow:hidden}
.hero-2 .swiper-pagination-bullet::before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0}
.hero-2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:hsla(0,0%,100%,.2);
  border-color:hsla(0,0%,100%,.2)}
.hero-2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color:var(--white-color);
  -webkit-animation:slide-progress 2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
  animation:slide-progress 2s cubic-bezier(0.3, 0, 0.3, 1) forwards}
.swiper-paused .hero-2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  -webkit-animation-play-state:paused;
  animation-play-state:paused}

@-webkit-keyframes slide-progress {
  0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)}
100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}

@keyframes slide-progress {
  0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)}
100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}
.heroThumbs {
  max-width:848px;
  position:absolute;
  bottom:70px;
  bottom:250px;
  right:-88px;
  margin-right:0 !important;
  padding-right:400px}
.heroThumbs.style2 {
  bottom:70px}

@media(max-width: 1199px) {
  .heroThumbs {
  display:none}
}
.hero-style2 {
  position:relative;
  z-index:6;
  max-width:875px;
  padding:210px 0}

@media(max-width: 1500px) {
  .hero-style2 {
  padding:350px 0;
  padding-top:100px}
}

@media(max-width: 1199px) {
  .hero-style2 {
  padding:180px 0;
  padding-top:100px}
}

@media(max-width: 767px) {
  .hero-style2 {
  padding:150px 0}
}

@media(max-width: 575px) {
  .hero-style2 {
  padding:100px 0}
}
.hero-style2 .hero-desc {
  font-size:20px;
  color:var(--white-color);
  margin-bottom:28px;
  max-width:646px}

@media(max-width: 575px) {
  .hero-style2 .btn-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.hero-card {
  background:hsla(0,0%,100%,.3);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-radius:16px;
  padding:16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  cursor:pointer}
.hero-card_wrapp {
  position:absolute;
  bottom:72px;
  right:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px}
.hero-card .hero-img {
  position:relative;
  max-width:168px;
  height:168px;
  border-radius:16px}
.hero-card .hero-img:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(13, 13, 12, 0.2)), to(rgba(13, 13, 12, 0.2)));
  background:linear-gradient(0deg, rgba(13, 13, 12, 0.2), rgba(13, 13, 12, 0.2));
  border-radius:16px}
.hero-card .hero-img img {
  width:100%;
  height:100%;
  border-radius:16px;
  -o-object-fit:cover;
  object-fit:cover}
.hero-card .hero-img .play-btn {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.hero-card .hero-img .play-btn>i {
  width:var(--icon-size, 40px);
  height:var(--icon-size, 40px);
  line-height:var(--icon-size, 40px);
  text-align:center;
  background:rgba(0,0,0,0);
  border:1px solid var(--white-color);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  color:var(--white-color);
  font-size:var(--icon-font-size, 1.2em)}
.hero-card .box-title {
  color:var(--white-color);
  margin-bottom:10px}
.hero-card_price {
  font-weight:500;
  font-size:18px;
  line-height:28px;
  letter-spacing:.02em;
  text-transform:capitalize;
  color:var(--white-color)}
.hero-card span {
  font-weight:400;
  font-size:16px;
  color:var(--white-color)}
.hero-card span i {
  margin-right:10px}
.hero-card .th-btn {
  padding:8px 24px;
  margin-top:20px}

@media(max-width: 375px) {
  .hero-style2 .sub-title {
  font-size:16px}
.hero-style2 .hero-title {
  font-size:40px;
  line-height:50px}
}
.hero2-overlay {
  position:relative;
  inset:0;
  z-index:1}
.hero2-overlay::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  background:rgba(11,20,34,.7)}
.hero-3 {
  position:relative;
  z-index:3;
  overflow:initial}
.hero-3 .th-hero-bg {
  width:100%;
  height:100%}
.hero-3 .th-hero-bg:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, right top, from(rgba(11, 20, 34, 0)), color-stop(36.56%, rgba(11, 20, 34, 0.39)), color-stop(44.27%, rgba(11, 20, 34, 0.56)), color-stop(54.37%, rgba(11, 20, 34, 0.72)), color-stop(67.71%, rgba(11, 20, 34, 0.87)), color-stop(84.64%, #0b1422));
  background:linear-gradient(90deg, rgba(11, 20, 34, 0) 0%, rgba(11, 20, 34, 0.39) 36.56%, rgba(11, 20, 34, 0.56) 44.27%, rgba(11, 20, 34, 0.72) 54.37%, rgba(11, 20, 34, 0.87) 67.71%, #0b1422 84.64%);
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg)}
.hero-3 video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  overflow:hidden}
.hero-3 .scroll-down {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transform-origin:left;
  transform-origin:left;
  position:absolute;
  bottom:30px;
  right:-50px;
  width:150px;
  height:141px;
  text-align:center;
  z-index:2;
  color:var(--white-color)}

@media(max-width: 1699px) {
  .hero-3 .scroll-down {
  right:-70px;
  width:142px;
  height:10px}
}

@media(max-width: 1699px) {
  .hero-3 .scroll-down {
  display:none}
}
.hero-3 .scroll-down .scroll-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-family:var(--title-font);
  font-size:16px;
  color:var(--white-color);
  font-weight:300}
.hero-3 .scroll-down .scroll-wrap span {
  min-width:40px;
  height:40px;
  line-height:40px;
  border-radius:50%;
  border:1px solid var(--white-color)}
.hero-3 .scroll-down .scroll-wrap span img {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  margin-bottom:4px}
.hero-slider-3 {
  position:relative}
.hero-style3 {
  position:relative;
  padding:285px 0 282px 0;
  padding-bottom:320px;
  max-width:750px;
  display:block;
  z-index:4}

@media(max-width: 1199px) {
  .hero-style3 {
  padding:200px 0 430px 0}
}

@media(max-width: 991px) {
  .hero-style3 {
  text-align:center;
  padding:170px 0 200px 0}
}

@media(max-width: 767px) {
  .hero-style3 {
  padding:200px 0 220px 0}
}
.hero-style3 .hero-title {
  font-size:70px;
  line-height:1.2;
  text-transform:capitalize;
  color:var(--white-color);
  margin-top:-1.2rem;
  margin-bottom:20px}

@media(max-width: 1299px) {
  .hero-style3 .hero-title {
  font-size:74px;
  line-height:84px}
}

@media(max-width: 1199px) {
  .hero-style3 .hero-title {
  font-size:64px;
  line-height:74px;
  margin-top:-1rem}
}

@media(max-width: 767px) {
  .hero-style3 .hero-title {
  font-size:54px;
  line-height:64px}
}

@media(max-width: 575px) {
  .hero-style3 .hero-title {
  font-size:40px;
  line-height:50px;
  margin-top:-0.8rem}
}

@media(max-width: 375px) {
  .hero-style3 .hero-title {
  font-size:30px;
  line-height:40px}
}
.hero-style3 .hero-text {
  font-family:var(--style-font);
  color:#d5d7da;
  font-weight:400;
  font-size:18px;
  max-width:575px;
  margin-bottom:40px;
  line-height:1.6}

@media(max-width: 991px) {
  .hero-style3 .hero-text {
  display:block;
  margin:auto auto 40px auto}
}
.hero-style3 .th-btn {
  padding:19px 30px}
.hero-style3 .th-btn:hover {
  color:var(--title-color)}
.hero-style3 .th-btn:hover::before {
  background-color:var(--white-color)}
.hero3Thumbs {
  position:relative;
  right:0;
  bottom:110px;
  max-width:424px;
  height:186px}

@media(max-width: 1299px) {
  .hero3Thumbs {
  bottom:99px}
}

@media(max-width: 1199px) {
  .hero3Thumbs {
  bottom:65px}
}

@media(max-width: 991px) {
  .hero3Thumbs {
  display:none}
}
.hero3-card {
  cursor:pointer}
.hero3-card_wrapp {
  position:absolute;
  bottom:0;
  background-color:var(--theme-color);
  border-radius:24px 24px 0 0;
  max-width:424px;
  min-height:296px;
  z-index:9}
.hero3-card .hero-img {
  position:relative;
  overflow:hidden;
  border-radius:24px 24px 0 0;
  z-index:2}
.hero3-card .hero-img:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(13, 13, 12, 0.2)), to(rgba(13, 13, 12, 0.2)));
  background:linear-gradient(0deg, rgba(13, 13, 12, 0.2), rgba(13, 13, 12, 0.2));
  border-radius:16px 16px 0px 0px;
  z-index:1}
.hero3-card .hero-img .play-btn {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.hero3-card .hero-img .play-btn>i {
  background:rgba(0,0,0,0);
  --icon-size: 40px;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  font-size:16px}
.hero3-swiper-custom {
  position:relative;
  right:0;
  bottom:-186px;
  height:110px;
  background-color:var(--theme-color);
  z-index:99}

@media(max-width: 1399px) {
  .hero3-swiper-custom {
  min-width:390px}
}

@media(max-width: 1299px) {
  .hero3-swiper-custom {
  min-width:100%}
}

@media(max-width: 991px) {
  .hero3-swiper-custom {
  bottom:0}
}

@media(max-width: 1199px) {
  .hero3-swiper-custom .swiper-button-next,
.hero3-swiper-custom .swiper-button-prev {
  top:var(--swiper-navigation-top-offset, 55%)}
}
.hero3-swiper-custom .swiper-button-next {
  right:var(--swiper-navigation-sides-offset, 32px)}
.hero3-swiper-custom .swiper-button-prev {
  left:var(--swiper-navigation-sides-offset, 32px)}
.hero3-swiper-custom .swiper-pagination-fraction {
  bottom:var(--swiper-pagination-bottom, 40px);
  z-index:8}
.hero3-swiper-custom .swiper-button-next,
.hero3-swiper-custom .swiper-button-prev {
  padding:8px;
  width:32px;
  height:32px;
  border:1px solid #fff;
  background-color:rgba(0,0,0,0);
  border-radius:48px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.hero3-swiper-custom .swiper-button-next:after,
.hero3-swiper-custom .swiper-button-prev:after {
  display:none !important}
.hero3-swiper-custom .swiper-button-next img,
.hero3-swiper-custom .swiper-button-prev img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.hero3-swiper-custom .swiper-button-next:hover,
.hero3-swiper-custom .swiper-button-prev:hover {
  background-color:var(--white-color)}
.hero3-swiper-custom .swiper-button-next:hover img,
.hero3-swiper-custom .swiper-button-prev:hover img {
  -webkit-filter:none;
  filter:none}
.hero3-swiper-custom .swiper-pagination {
  color:var(--white-color)}
.hero3-wrapper {
  position:relative;
  margin-top:-296px}

@media(max-width: 991px) {
  .hero3-wrapper {
  margin-top:0}
.hero3-wrapper .container {
  max-width:100%}
}
.hero-3thumbs {
  max-width:396px}

@media(max-width: 991px) {
  .hero3-feature-wrapp {
  margin-top:-100px}
}

@media(max-width: 767px) {
  .hero3-feature-wrapp {
  width:100%}
}
.hero-featured {
  width:924px;
  border-radius:15px 0 0 0}

@media(max-width: 1299px) {
  .hero-featured {
  max-width:822px}
}

@media(max-width: 1199px) {
  .hero-featured {
  max-width:100%;
  border-radius:15px 15px 0 0}
}

@media(max-width: 991px) {
  .hero-featured {
  width:100%;
  border-radius:15px}
}
.hero-featured-icon {
  border-radius:15px}

@media(max-width: 767px) {
  .hero-featured-item {
  margin:30px 0}
}
.hero-4 {
  border-radius:0 0px 48px 48px;
  border-top:1px solid var(--theme-color)}

@media(min-width: 1930px) {
  .hero-4 {
  width:100%;
  background-size:100% 80%;
  -o-object-fit:cover;
  object-fit:cover;
  background-position:top center}
}

@media(max-width: 1199px) {
  .hero-4 {
  border-radius:0 0px 30px 30px}
}
.hero-4-thumb {
  border-radius:0 0 30px 30px}
.hero-4-thumb img {
  border-radius:0 0 30px 30px;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.hero-style4 {
  padding:90px 0 80px 0;
  display:block;
  margin:auto}
.hero-style4 .sub-title {
  font-family:var(--style-font);
  font-weight:500;
  font-size:40px;
  margin-bottom:10px}

@media(max-width: 767px) {
  .hero-style4 .sub-title {
  font-size:25px}
}

@media(max-width: 575px) {
  .hero-style4 .sub-title {
  font-size:20px}
}
.hero-style4 .hero-title {
  font-size:80px;
  font-weight:700;
  color:var(--title-color);
  margin-bottom:35px;
  text-transform:capitalize}

@media(max-width: 1299px) {
  .hero-style4 .hero-title {
  font-size:70px}
}

@media(max-width: 1199px) {
  .hero-style4 .hero-title {
  font-size:60px}
}

@media(max-width: 991px) {
  .hero-style4 .hero-title {
  font-size:45px;
  line-height:1.3}
}

@media(max-width: 767px) {
  .hero-style4 .hero-title {
  font-size:35px}
}

@media(max-width: 575px) {
  .hero-style4 .hero-title {
  font-size:30px}
}
.hero-style4 .hero-title span {
  font-weight:400;
  font-size:70px}

@media(max-width: 991px) {
  .hero-style4 .hero-title span {
  font-size:45px}
}

@media(max-width: 767px) {
  .hero-style4 .hero-title span {
  font-size:35px}
}

@media(max-width: 575px) {
  .hero-style4 .hero-title span {
  font-size:30px}
}

@media(max-width: 450px) {
  .hero-style4 .btn-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.hero-style4 .th-btn {
  padding:19px 43px;
  border-radius:50px}
.hero-5:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(257.5deg, rgba(13, 13, 12, 0.7) 4.1%, rgba(0, 0, 0, 0.3) 96.33%);
  -webkit-transform:matrix(-1, 0, 0, 1, 0, 0);
  transform:matrix(-1, 0, 0, 1, 0, 0)}
.hero-5 .th-swiper-custom {
  position:absolute;
  top:47%;
  margin:0;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  right:55px;
  z-index:9}

@media(max-width: 1599px) {
  .hero-5 .th-swiper-custom {
  display:none}
}
.hero-5 .th-swiper-custom .swiper-pagination-bullets {
  position:relative;
  z-index:3;
  text-align:center;
  margin:25px 0 0px 0;
  line-height:10px;
  height:3px}
.hero-5 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet {
  display:inline-block;
  --swiper-pagination-bullet-size: 24px;
  --swiper-pagination-bullet-horizontal-gap: 12px;
  margin:5px 7px;
  height:2px;
  opacity:1;
  border-radius:0;
  background-color:var(--white-color);
  border:1px solid var(--white-color);
  position:relative;
  -webkit-transition:.4s;
  transition:.4s;
  cursor:pointer}
.hero-5 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:before {
  display:none}
.hero-5 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.hero-5 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:var(--theme-color);
  border:1px solid var(--theme-color)}
.hero-5 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-left:0}
.hero-5 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right:0}
.hero-5 .slider-arrow {
  --icon-size: 64px;
  background:rgba(250,252,244,.2);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-radius:36px;
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none;
  opacity:1;
  visibility:visible;
  left:var(--pos-x, -90px)}

@media(max-width: 1599px) {
  .hero-5 .slider-arrow {
  display:none}
}
.hero-5 .slider-arrow img {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)}
.hero-5 .slider-arrow.slider-next {
  right:var(--pos-x, -90px);
  left:auto}
.hero-5 .slider-arrow:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.hero-5:hover .slider-arrow {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)}
.hero-5 .th-hero-image {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:absolute;
  top:22.5%;
  right:11%}

@media(max-width: 1599px) {
  .hero-5 .th-hero-image {
  right:2%}
}

@media(max-width: 1299px) {
  .hero-5 .th-hero-image {
  position:relative;
  right:unset;
  text-align:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding-bottom:180px}
}

@media(max-width: 575px) {
  .hero-5 .th-hero-image {
  display:block}
}
.hero-5 .th-hero-image .hero-img {
  position:relative;
  border-radius:300px;
  min-width:274px;
  height:416px;
  z-index:2}

@media(max-width: 375px) {
  .hero-5 .th-hero-image .hero-img {
  min-width:100%;
  height:100%}
}
.hero-5 .th-hero-image .hero-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:300px;
  border:10px solid var(--white-color)}
.hero-5 .th-hero-image .hero-img2 {
  border-radius:300px;
  min-width:327px;
  height:496px;
  margin-left:-50px}

@media(max-width: 575px) {
  .hero-5 .th-hero-image .hero-img2 {
  margin:20px 0 0 0}
}

@media(max-width: 375px) {
  .hero-5 .th-hero-image .hero-img2 {
  min-width:100%;
  height:100%}
}
.hero-5 .th-hero-image .hero-img2 img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:300px;
  border:10px solid var(--white-color)}
.hero-5 .cilent-box_title {
  color:var(--title-color);
  font-weight:700;
  display:block}
.hero-5-shape-box .hero-shape-1,
.hero-5-shape-box .hero-shape-2 {
  position:absolute;
  top:0;
  z-index:-1}
.hero-5-shape-box .hero-shape-2 {
  top:100px}
.hero-style5 {
  padding:303px 0 230px 0;
  max-width:787px}

@media(max-width: 1399px) {
  .hero-style5 {
  max-width:703px}
}

@media(max-width: 1299px) {
  .hero-style5 {
  text-align:center;
  display:block;
  margin:auto;
  padding:220px 0 50px}
}

@media(max-width: 991px) {
  .hero-style5 {
  max-width:100%}
}

@media(max-width: 767px) {
  .hero-style5 {
  padding:180px 0 50px}
}
.hero-style5 .hero-title {
  font-size:80px;
  text-transform:capitalize;
  margin-bottom:30px}

@media(max-width: 1799px) {
  .hero-style5 .hero-title {
  font-size:70px}
}

@media(max-width: 1399px) {
  .hero-style5 .hero-title {
  font-size:70px}
}

@media(max-width: 767px) {
  .hero-style5 .hero-title {
  font-size:50px}
}

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

@media(max-width: 767px) {
  .hero-style5 .hero-title span {
  font-size:50px}
}

@media(max-width: 375px) {
  .hero-style5 .hero-title span {
  font-size:40px}
}

@media(max-width: 767px) {
  .hero-style5 .hero-title span svg {
  width:310px}
}
.hero-style5 .sub-title {
  display:inline-block}
.hero-style5 .hero-text {
  font-size:18px;
  color:var(--white-color);
  max-width:600px;
  margin-bottom:45px}

@media(max-width: 1399px) {
  .hero-style5 .hero-text {
  max-width:650px}
}
.hero-style5.hero-style1 .sub-title::before,
.hero-style5.hero-style1 .sub-title::after {
  background:var(--theme-color)}
.hero-style5 .th-btn {
  padding:18px 43px}
.overlay-5 {
  position:relative}
.overlay-5::before,
.overlay-5::after {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  background:rgba(11,20,34,.9);
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg)}
.overlay-5::after {
  background:-webkit-gradient(linear, right top, left top, from(#0b59db), to(rgba(6, 48, 117, 0)));
  background:linear-gradient(270deg, #0b59db 0%, rgba(6, 48, 117, 0) 100%)}
.title2 {
  position:relative;
  font-weight:400;
  font-size:60px;
  left:30px}

@media(max-width: 575px) {
  .title2 {
  left:0}
}
.title-line {
  position:absolute;
  top:-5px;
  right:-35px}
.title-line svg path.line-1 {
  stroke:var(--theme-color);
  stroke-dasharray:2300;
  stroke-dashoffset:3500;
  -webkit-animation:dash 5s linear forwards infinite;
  animation:dash 5s linear forwards infinite}
.hero-6 {
  position:relative;
  margin:24px 24px 0 24px;
  border-radius:24px}

@media(max-width: 1500px) {
  .hero-6 {
  padding:0}
}

@media(max-width: 575px) {
  .hero-6 {
  margin:10px 10px 0 10px;
  border-radius:24px}
}

@media(max-width: 991px) {
  .hero-6 .hero-circle {
  -webkit-mask-size:cover;
  mask-size:cover}
}

@media(max-width: 480px) {
  .hero-6 .hero-circle {
  -webkit-mask-image:none !important;
  mask-image:none !important}
}
.hero-6 .hero-circle:before {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(17,61,72,.6);
  border-radius:0px;
  -webkit-transform:matrix(-1, 0, 0, 1, 0, 0);
  transform:matrix(-1, 0, 0, 1, 0, 0)}
.hero-6 .hero6Thumbs {
  position:absolute;
  right:0px;
  bottom:0px;
  max-width:270px;
  min-height:120px;
  height:120px;
  border-radius:16px}

@media(min-width: 2430px) {
  .hero-6 .hero6Thumbs {
  max-width:365px}
}

@media(max-width: 1899px) {
  .hero-6 .hero6Thumbs {
  max-width:250px}
}

@media(max-width: 1699px) {
  .hero-6 .hero6Thumbs {
  max-width:220px}
}

@media(max-width: 1499px) {
  .hero-6 .hero6Thumbs {
  max-width:200px}
}

@media(max-width: 1399px) {
  .hero-6 .hero6Thumbs {
  max-width:190px}
}

@media(max-width: 1299px) {
  .hero-6 .hero6Thumbs {
  max-width:170px}
}

@media(max-width: 1199px) {
  .hero-6 .hero6Thumbs {
  max-width:150px}
}

@media(max-width: 480px) {
  .hero-6 .hero6Thumbs {
  position:relative;
  max-width:100%;
  border-radius:0;
  margin-top:25px}
}
.hero-6 .th-swiper-custom {
  position:absolute;
  bottom:8%;
  margin:0;
  right:24%;
  z-index:9}

@media(max-width: 1599px) {
  .hero-6 .th-swiper-custom {
  display:none}
}
.hero-6 .th-swiper-custom .swiper-pagination-bullets {
  position:relative;
  z-index:3;
  text-align:center;
  margin:25px 0 0px 0;
  line-height:10px;
  height:3px}
.hero-6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet {
  display:inline-block;
  --swiper-pagination-bullet-size: 24px;
  --swiper-pagination-bullet-horizontal-gap: 12px;
  margin:5px 7px;
  height:2px;
  opacity:1;
  border-radius:0;
  background-color:var(--white-color);
  border:1px solid var(--white-color);
  position:relative;
  -webkit-transition:.4s;
  transition:.4s;
  cursor:pointer}
.hero-6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:before {
  display:none}
.hero-6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.hero-6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:var(--theme-color);
  border:1px solid var(--theme-color)}
.hero-6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-left:0}
.hero-6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right:0}
.hero-6 .slider-arrow {
  --icon-size: 64px;
  background:rgba(250,252,244,.2);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-radius:36px;
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none;
  opacity:1;
  visibility:visible;
  left:var(--pos-x, -60px)}

@media(max-width: 1599px) {
  .hero-6 .slider-arrow {
  display:none}
}
.hero-6 .slider-arrow img {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)}
.hero-6 .slider-arrow.slider-next {
  right:var(--pos-x, -90px);
  left:auto}
.hero-6 .slider-arrow:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.hero-6:hover .slider-arrow {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)}
.hero-6 .hero6-swiper-custom {
  position:absolute;
  bottom:2%;
  left:45%}

@media(max-width: 480px) {
  .hero-6 .hero6-swiper-custom {
  left:50%}
}
.hero-6 .hero6-swiper-custom .swiper-pagination {
  color:hsla(0,0%,100%,0)}
.hero-6 .hero6-swiper-custom .swiper-pagination-total {
  display:none}
.hero-6 .hero6-swiper-custom .swiper-pagination-current {
  color:var(--white-color);
  font-size:48px;
  font-weight:700}

@media(max-width: 1199px) {
  .hero-6 .shape-mockup:nth-child(2n+1) {
  display:none}
}

@media(max-width: 1299px) {
  .hero-6 .shape-mockup:nth-child(2n+1) {
  left:24% !important}
}

@media(max-width: 1500px) {
  .hero-6 .shape-mockup:nth-child(2n+2) {
  right:-25px !important}
}
.hero6-wrapper {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:120px}
.hero-style6 {
  position:relative;
  padding:244px 0 255px 0;
  display:block;
  text-align:center;
  margin:auto;
  z-index:4}

@media(max-width: 1199px) {
  .hero-style6 {
  padding:195px 30px 100px 30px}
}

@media(max-width: 991px) {
  .hero-style6 {
  padding:165px 0px 70px 0px}
}

@media(max-width: 575px) {
  .hero-style6 .hero-info {
  font-size:14px;
  padding:1px 18px}
}
.hero-style6 .hero-title {
  font-size:80px;
  line-height:1.2;
  text-transform:capitalize;
  color:var(--white-color);
  margin-top:-1.2rem;
  margin-bottom:20px}

@media(max-width: 1299px) {
  .hero-style6 .hero-title {
  font-size:74px;
  line-height:84px}
}

@media(max-width: 1199px) {
  .hero-style6 .hero-title {
  font-size:64px;
  line-height:74px;
  margin-top:-1rem}
}

@media(max-width: 991px) {
  .hero-style6 .hero-title {
  font-size:50px;
  line-height:60px}
}

@media(max-width: 767px) {
  .hero-style6 .hero-title {
  font-size:38px;
  line-height:48px;
  margin-top:-0.8rem}
}

@media(max-width: 375px) {
  .hero-style6 .hero-title {
  font-size:26px;
  line-height:40px}
}
.hero-style6 .hero-text {
  color:var(--th-border-color);
  font-size:18px;
  max-width:599px;
  display:block;
  margin:auto auto 40px auto}

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

@media(max-width: 480px) {
  .hero-style6 .btn-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.hero-style6 .th-btn {
  padding:19px 43px}
.hero-style6 .th-btn:hover {
  color:var(--title-color)}
.hero-style6 .th-btn:hover:before {
  background-color:var(--white-color)}
.hero6-card .hero-img {
  position:relative;
  z-index:2;
  height:120px;
  border-radius:16px}

@media(max-width: 480px) {
  .hero6-card .hero-img {
  border-radius:0px}
}
.hero6-card .hero-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.hero6-card .hero-img:before {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(13,13,12,.5);
  border-radius:16px}

@media(max-width: 480px) {
  .hero6-card .hero-img:before {
  border-radius:0px}
}
.hero6-card .hero-img img {
  border-radius:16px}

@media(max-width: 480px) {
  .hero6-card .hero-img img {
  border-radius:0px}
}
.hero-info {
  font-size:20px;
  font-weight:500;
  border-radius:30px;
  padding:1px 25px;
  color:var(--white-color);
  display:inline-block;
  border:1px solid hsla(0,0%,100%,.11);
  -webkit-backdrop-filter:blur(25.2000007629px);
  backdrop-filter:blur(25.2000007629px);
  background:hsla(0,0%,100%,.12);
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 991px) {
  .hero-info {
  font-size:18px}
}
.hero-info:hover {
  color:var(--white-color);
  background:var(--theme-color);
  border-color:var(--theme-color)}
.hero-shape-grid {
  position:absolute;
  width:100%}
.hero-wrap .form-group input,
.hero-wrap .form-group textarea {
  background:none;
  border-radius:30px;
  color:var(--white-color)}
.hero-wrap .form-group input::-webkit-input-placeholder,
 .hero-wrap .form-group textarea::-webkit-input-placeholder {
  color:var(--white-color)}
.hero-wrap .form-group input::-moz-placeholder,
 .hero-wrap .form-group textarea::-moz-placeholder {
  color:var(--white-color)}
.hero-wrap .form-group input:-ms-input-placeholder,
 .hero-wrap .form-group textarea:-ms-input-placeholder {
  color:var(--white-color)}
.hero-wrap .form-group input::-ms-input-placeholder,
 .hero-wrap .form-group textarea::-ms-input-placeholder {
  color:var(--white-color)}
.hero-wrap .form-group input::placeholder,
.hero-wrap .form-group textarea::placeholder {
  color:var(--white-color)}
.hero-wrap .form-group input img,
.hero-wrap .form-group textarea img {
  -webkit-filter:brightness(1);
  filter:brightness(1)}
.hero-wrap .form-group .form-select {
  background:none;
  border-radius:30px;
  color:var(--white-color)}
.hero-wrap .form-group .form-select::-webkit-input-placeholder {
  color:var(--white-color)}
.hero-wrap .form-group .form-select::-moz-placeholder {
  color:var(--white-color)}
.hero-wrap .form-group .form-select:-ms-input-placeholder {
  color:var(--white-color)}
.hero-wrap .form-group .form-select::-ms-input-placeholder {
  color:var(--white-color)}
.hero-wrap .form-group .form-select::placeholder {
  color:var(--white-color)}
.hero-7 .th-hero-bg {
  position:absolute}
.hero-7 .th-hero-bg::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  background:linear-gradient(227deg, rgba(11, 20, 34, 0.7) 0%, rgba(11, 20, 34, 0.4) 100%)}
.hero-7 .hero-inner {
  padding:235px 0;
  padding-bottom:253px;
  margin-right:40px}

@media(max-width: 1199px) {
  .hero-7 .hero-inner {
  text-align:center;
  padding-top:120px;
  padding-bottom:120px;
  margin-right:0}
}
.hero-7 .form-select .list li {
  color:var(--body-color)}
.hero-7 .form-select::after {
  border-color:var(--white-color)}
.hero-7-shape-box.hero-5-shape-box .hero-shape-1,
.hero-7-shape-box.hero-5-shape-box .hero-shape-2 {
  z-index:1}
.hero-7-right {
  position:absolute;
  top:50%;
  right:15.5%;
  max-width:450px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}

@media(max-width: 1500px) {
  .hero-7-right {
  right:7.5%}
}

@media(max-width: 1299px) {
  .hero-7-right {
  right:2.5%}
}

@media(max-width: 1199px) {
  .hero-7-right {
  left:0;
  right:0;
  text-align:center;
  margin:auto}
}
.hero-7-right .hero-form {
  border:1px solid var(--th-border-color)}
.hero-7-right .hero-form .sec-title {
  margin-top:-5px}
.hero-7-right .form-group .form-select {
  line-height:56px}
.hero-7-right .form-group .form-control,
.hero-7-right .form-group .form-select {
  height:56px}
.hero-7-right .form-group .form-control:focus,
.hero-7-right .form-group .form-select:focus {
  border-color:var(--white-color)}
.hero-7-right .form-group textarea {
  min-height:120px}
.hero-7-right .form-group img {
  -webkit-filter:contrast(0) brightness(2);
  filter:contrast(0) brightness(2)}
.hero-style7 .hero-title {
  font-size:80px}

@media(max-width: 1299px) {
  .hero-style7 .hero-title {
  font-size:68px}
}

@media(max-width: 1199px) {
  .hero-style7 .hero-title {
  font-size:50px}
}

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

@media(max-width: 767px) {
  .hero-style7 .hero-title {
  font-size:44px}
}

@media(max-width: 575px) {
  .hero-style7 .hero-title {
  font-size:30px}
}
.hero-style7 .hero-text {
  font-size:18px;
  max-width:593px}

@media(max-width: 1199px) {
  .hero-style7 .hero-text {
  text-align:center;
  margin:auto;
  margin-bottom:35px}
}
.hero-style7 .btn-group {
  gap:16px}

@media(max-width: 480px) {
  .hero-style7 .btn-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.hero-form {
  -webkit-backdrop-filter:blur(54.5999984741px);
  backdrop-filter:blur(54.5999984741px);
  background:hsla(0,0%,100%,.25);
  border-radius:24px;
  padding:40px;
  margin-left:-26px}

@media(max-width: 1299px) {
  .hero-form {
  padding:30px}
}

@media(max-width: 991px) {
  .hero-form {
  margin:0 0 80px 0}
}

@media(max-width: 375px) {
  .hero-form {
  padding:30px 20px}
}
.hero-form .sub-title2 {
  font-size:20px;
  display:block;
  margin-bottom:5px}

@media(max-width: 375px) {
  .hero-form .sub-title2 {
  font-size:18px}
}
.hero-form .sec-title {
  font-size:28px;
  font-weight:600}

@media(max-width: 375px) {
  .hero-form .sec-title {
  font-size:25px}
}
.hero-form .form-item {
  position:relative;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:rgba(0,0,0,0);
  border:1px solid #e1e4e6;
  border-radius:8px;
  padding:14px 24px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  align-items:center}
.hero-form .form-item:before {
  content:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position:absolute;
  top:15px;
  right:20px}
.hero-form .form-item label {
  color:var(--white-color);
  font-size:14px;
  font-weight:400;
  display:block;
  margin:0}
.hero-form .form-item input {
  max-width:105px}
.hero-form .form-item input,
.hero-form .form-item .nice-select {
  color:var(--white-color);
  height:auto;
  line-height:unset;
  background-color:rgba(0,0,0,0);
  border-radius:0;
  border:none;
  font-weight:400;
  padding:0}
.hero-form .form-item .nice-select {
  min-width:90px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.hero-form .form-item .nice-select:after {
  display:none}
.hero-form .form-item .nice-select option {
  color:var(--title-color)}
.hero-form .form-item .nice-select option.selected {
  color:var(--theme-color) !important;
  background:var(--theme-color) !important}
.hero-form .form-item .nice-select option.selected.focus {
  color:#fff !important;
  background:var(--theme-color) !important}
.hero-form .form-item .nice-select option:hover,
.hero-form .form-item .nice-select option.focus {
  background:var(--theme-color) !important;
  color:#fff !important}
.hero-form .form-item .nice-select.open .list {
  border-bottom:3px solid var(--theme-color)}
.hero-8 {
  overflow:visible}
.hero-8 .th-hero-image {
  position:absolute;
  top:0%;
  right:0%}

@media(max-width: 1700px) {
  .hero-8 .th-hero-image {
  width:55%}
}

@media(max-width: 1500px) {
  .hero-8 .th-hero-image {
  width:800px}
}

@media(max-width: 1299px) {
  .hero-8 .th-hero-image {
  width:728px}
}

@media(max-width: 1199px) {
  .hero-8 .th-hero-image {
  width:100%;
  position:relative;
  height:668px}
}

@media(max-width: 991px) {
  .hero-8 .th-hero-image {
  height:576px}
}

@media(max-width: 767px) {
  .hero-8 .th-hero-image {
  height:520px}
}

@media(max-width: 575px) {
  .hero-8 .th-hero-image {
  height:315px}
}
.hero-8 .th-hero-image .hero-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.hero-8 .booking-sec {
  position:absolute;
  width:100%;
  bottom:60px}
.hero-8 .shape-mockup {
  pointer-events:all}

@media(max-width: 1199px) {
  .hero-8 .hero-img.bg-mask {
  -webkit-mask-image:none !important;
  mask-image:none !important}
}
.hero-8 .slider-pagination {
  position:absolute;
  border-radius:8px;
  width:5px;
  top:33%;
  left:80px;
  display:block}

@media(max-width: 1500px) {
  .hero-8 .slider-pagination {
  left:40px}
}

@media(max-width: 1399px) {
  .hero-8 .slider-pagination {
  left:25px}
}

@media(max-width: 1299px) {
  .hero-8 .slider-pagination {
  width:324px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  top:78%;
  left:25px}
}

@media(max-width: 1199px) {
  .hero-8 .slider-pagination {
  top:35%;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)}
}

@media(max-width: 991px) {
  .hero-8 .slider-pagination {
  top:38%}
}

@media(max-width: 575px) {
  .hero-8 .slider-pagination {
  display:none}
}
.hero-8 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.hero-8 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0}
.hero-8 .swiper-pagination-bullet {
  width:100%;
  height:70px;
  border-radius:8px;
  background-color:hsla(0,0%,100%,.2);
  border:none;
  margin:0;
  position:relative;
  overflow:hidden}

@media(max-width: 1299px) {
  .hero-8 .swiper-pagination-bullet {
  height:5px}
}
.hero-8 .swiper-pagination-bullet::before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0}
.hero-8 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:hsla(0,0%,100%,.2);
  border-color:hsla(0,0%,100%,.2)}
.hero-8 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color:var(--white-color);
  -webkit-animation:slide-progress-2 2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
  animation:slide-progress-2 2s cubic-bezier(0.3, 0, 0.3, 1) forwards}
.swiper-paused .hero-8 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  -webkit-animation-play-state:paused;
  animation-play-state:paused}

@-webkit-keyframes slide-progress-2 {
  0% {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)}
100% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}

@keyframes slide-progress-2 {
  0% {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)}
100% {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}

@media(max-width: 1299px) {
  @-webkit-keyframes slide-progress {
  0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)}
100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}

@keyframes slide-progress {
  0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)}
100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)}
}
}
.hero-style8 {
  padding:280px 0 298px 0;
  max-width:632px}

@media(max-width: 1700px) {
  .hero-style8 {
  padding:236px 0 240px 0}
}

@media(max-width: 1600px) {
  .hero-style8 {
  padding:216px 0 200px 0}
}

@media(max-width: 1500px) {
  .hero-style8 {
  padding:216px 0 136px 0}
}

@media(max-width: 1399px) {
  .hero-style8 {
  max-width:703px}
}

@media(max-width: 1199px) {
  .hero-style8 {
  max-width:100%;
  padding:176px 0 100px 0}
}
.hero-style8 .sub-title {
  font-size:30px;
  display:block}

@media(max-width: 575px) {
  .hero-style8 .sub-title {
  font-size:20px}
}
.hero-style8 .hero-title {
  font-size:74px;
  text-transform:capitalize;
  margin-bottom:20px}

@media(max-width: 1399px) {
  .hero-style8 .hero-title {
  font-size:60px}
}

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

@media(max-width: 991px) {
  .hero-style8 .hero-title {
  font-size:44px}
}

@media(max-width: 767px) {
  .hero-style8 .hero-title {
  font-size:33px}
}
.hero-style8 .sec-text {
  font-size:18px;
  color:var(--white-color);
  max-width:530px;
  margin-bottom:30px;
  line-height:1.6}

@media(max-width: 1199px) {
  .hero-style8 .sec-text {
  text-align:center;
  margin:auto;
  margin-bottom:30px}
}
.hero-style8 .th-btn {
  padding:19px 53px}
.hero-style8 .th-btn:hover {
  color:var(--title-color)}
.hero-style8 .th-btn:hover::before {
  background:var(--white-color)}
.dash-shape {
  position:absolute;
  right:22%;
  bottom:21%;
  z-index:1}

@media(max-width: 1600px) {
  .dash-shape {
  left:24%;
  bottom:14%}
}

@media(max-width: 1500px) {
  .dash-shape {
  left:20%;
  bottom:7%}
}

@media(max-width: 1299px) {
  .dash-shape {
  left:18%;
  -webkit-transform:scale(0.8);
  transform:scale(0.8)}
}
.dash-shape span {
  position:relative}
.dash-shape span::after {
  position:absolute;
  content:"";
  right:-6px;
  width:20px;
  height:20px;
  border-radius:50%;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  background-color:hsla(0,0%,100%,.3);
  z-index:1;
  margin-top:14px;
  -webkit-animation-duration:var(--ripple-ani-duration);
  animation-duration:var(--ripple-ani-duration);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:ripple3;
  animation-name:ripple3;
  -webkit-animation-delay:1s;
  animation-delay:1s}
.video-circle {
  position:absolute;
  bottom:13%;
  left:38%;
  z-index:2}

@media(max-width: 1500px) {
  .video-circle {
  bottom:6%;
  left:34%}
}

@media(max-width: 1199px) {
  .video-circle {
  bottom:17%;
  left:0;
  right:0;
  text-align:center;
  margin:auto}
}

@media(max-width: 575px) {
  .video-circle {
  bottom:6%}
}
.circle-logo {
  width:200px;
  height:200px;
  line-height:200px;
  text-align:center;
  border-radius:100%;
  display:inline-block;
  background-color:hsla(0,0%,100%,.26);
  stroke-width:1px;
  stroke:hsla(0,0%,100%,.01);
  -webkit-backdrop-filter:blur(39.5999984741px);
  backdrop-filter:blur(39.5999984741px);
  border:1px solid dashed}
.circle-logo .play-icon {
  position:absolute;
  height:80px;
  width:80px;
  line-height:80px;
  top:50%;
  left:0;
  right:0;
  margin:auto;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  display:inline-block;
  text-align:center;
  background:var(--title-color);
  border-radius:50%}
.discount-wrapp {
  border:1.5px dashed hsla(0,0%,100%,.5);
  border-radius:50%;
  padding:10px;
  padding-bottom:0;
  display:inline-block}
.hero-9 {
  position:relative}
.hero-9 .slider-wrap {
  margin:0 100px}

@media(max-width: 1500px) {
  .hero-9 .slider-wrap {
  margin:0 0px}
}
.hero-9 .hero9-wrapp {
  position:absolute;
  width:100%;
  bottom:0;
  z-index:2;
  overflow:initial}

@media(max-width: 991px) {
  .hero-9 .hero9-wrapp .container {
  padding:0;
  max-width:100%}
}
.hero-9 .slider-controller {
  position:absolute;
  right:calc(50% - 660px);
  bottom:0px;
  min-width:424px;
  height:110px;
  padding:0 32px;
  border-radius:0 24px 0 0px;
  background-color:var(--theme-color);
  z-index:9;
  margin-top:0}

@media(max-width: 1399px) {
  .hero-9 .slider-controller {
  right:calc(50% - 648px);
  bottom:1px}
}

@media(max-width: 1299px) {
  .hero-9 .slider-controller {
  right:calc(50% - 564px);
  min-width:342px}
}

@media(max-width: 1199px) {
  .hero-9 .slider-controller {
  right:calc(50% - 472px);
  min-width:300px}
}

@media(max-width: 991px) {
  .hero-9 .slider-controller {
  position:relative;
  top:auto;
  bottom:110px;
  right:0;
  min-width:100%;
  border-radius:0}
}
.hero-9 .slider-controller .swiper-pagination-fraction {
  text-align:center;
  color:var(--white-color)}
.hero-9 .slider-next,
.hero-9 .slider-prev {
  padding:8px;
  min-width:32px;
  height:32px;
  line-height:20px;
  border:1px solid #fff;
  background-color:rgba(0,0,0,0);
  border-radius:48px;
  padding:0 0 5px 0;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.hero-9 .slider-next:after,
.hero-9 .slider-prev:after {
  display:none !important}
.hero-9 .slider-next img,
.hero-9 .slider-prev img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.hero-9 .slider-next:hover,
.hero-9 .slider-prev:hover {
  background-color:var(--white-color)}
.hero-9 .slider-next:hover img,
.hero-9 .slider-prev:hover img {
  -webkit-filter:none;
  filter:none}
.hero-9 .th-hero-bg {
  border-radius:0px 40px 40px 40px}

@media(max-width: 991px) {
  .hero-9 .th-hero-bg {
  border-radius:0}
}
.hero-9 .th-hero-bg:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(11, 20, 34, 0.7)), to(rgba(11, 20, 34, 0.7)));
  background:linear-gradient(0deg, rgba(11, 20, 34, 0.7), rgba(11, 20, 34, 0.7));
  border-radius:inherit}
.hero-9 .hero-left {
  position:absolute;
  z-index:2;
  left:-10.5%;
  top:48%;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)}

@media(min-width: 1930px) {
  .hero-9 .hero-left {
  left:-8%}
}

@media(max-width: 1699px) {
  .hero-9 .hero-left {
  left:-13%}
}

@media(max-width: 1500px) {
  .hero-9 .hero-left {
  display:none}
}
.hero-9 .header-links ul li {
  color:var(--body-color)}
.hero-9 .header-links ul li i {
  margin-right:8px}
.hero-9-marquee {
  padding:35px 0;
  border-radius:16px 0 0 0}

@media(max-width: 991px) {
  .hero-9-marquee {
  border-radius:0}
}
.hero-style9 {
  padding:235px 0 40px 0;
  padding-bottom:288px;
  text-align:center;
  max-width:1106px;
  display:block;
  margin:auto}

@media(max-width: 1299px) {
  .hero-style9 {
  padding:150px 0 265px 0}
}

@media(max-width: 1199px) {
  .hero-style9 {
  max-width:720px}
}

@media(max-width: 991px) {
  .hero-style9 {
  padding:140px 0;
  padding-bottom:200px}
}

@media(max-width: 767px) {
  .hero-style9 {
  padding:100px 0;
  padding-bottom:200px}
}
.hero-style9 .sub-title {
  font-size:30px}

@media(max-width: 767px) {
  .hero-style9 .sub-title {
  font-size:20px}
}

@media(max-width: 575px) {
  .hero-style9 .sub-title {
  font-size:18px}
}
.hero-style9 .hero-title {
  color:var(--white-color);
  margin-bottom:35px}

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

@media(max-width: 767px) {
  .hero-style9 .hero-title {
  font-size:35px}
}
.hero-10 .th-hero-bg {
  z-index:2;
  background-repeat:no-repeat}
.hero-10 .th-hero-bg:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(13, 13, 12, 0.5)), to(rgba(13, 13, 12, 0.5)));
  background:linear-gradient(0deg, rgba(13, 13, 12, 0.5), rgba(13, 13, 12, 0.5));
  z-index:-1}
.hero-10 .th-hero-bg .hero-circle {
  position:absolute;
  top:-19%;
  left:0;
  right:0;
  text-align:center}

@media(max-width: 1500px) {
  .hero-10 .th-hero-bg .hero-circle {
  left:-10%}
}

@media(max-width: 1299px) {
  .hero-10 .th-hero-bg .hero-circle {
  left:-30%}
}

@media(max-width: 1199px) {
  .hero-10 .th-hero-bg .hero-circle {
  left:-44%}
}

@media(max-width: 1199px) {
  .hero-10 .th-hero-bg .hero-circle {
  left:-35%}
}

@media(max-width: 991px) {
  .hero-10 .th-hero-bg .hero-circle {
  top:-8%}
}

@media(max-width: 767px) {
  .hero-10 .th-hero-bg .hero-circle {
  top:0;
  right:56%}
}

@media(max-width: 575px) {
  .hero-10 .th-hero-bg .hero-circle {
  right:100%}
}
.hero-10 .th-hero-bg .hero-circle::before {
  position:absolute;
  width:726px;
  height:726px;
  border-radius:100%;
  content:"";
  background:linear-gradient(231deg, rgb(11, 89, 219) 37.5%, rgb(255, 0, 0) 100%);
  mix-blend-mode:color;
  z-index:2}

@media(max-width: 991px) {
  .hero-10 .th-hero-bg .hero-circle::before {
  width:526px;
  height:526px}
}
.hero-10 .th-hero-bg .hero-circle:last-child {
  top:0;
  right:60%}

@media(max-width: 767px) {
  .hero-10 .th-hero-bg .hero-circle:last-child {
  display:none}
}
.hero-10 .hero10Thumbs {
  position:relative;
  right:0;
  bottom:80px;
  max-width:294px;
  height:85px}
.hero-10 .hero10Thumbs .swiper-slide.swiper-slide-active .hero10-card .hero-img {
  border:1px solid var(--white-color);
  border-radius:50%}
.hero-10 .hero10Thumbs .swiper-slide.swiper-slide-active .hero10-card .hero-img img {
  -webkit-transform:scale(0.9);
  transform:scale(0.9)}
.hero-10 .booking-form {
  padding:27px 32px;
  margin-top:0px}

@media(max-width: 1299px) {
  .hero-10 .booking-form {
  padding:18px 32px}
}

@media(max-width: 991px) {
  .hero-10 .booking-form.style5 {
  margin-top:0}
}
.hero-10 .scroll-down {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transform-origin:left;
  transform-origin:left;
  position:absolute;
  bottom:105px;
  right:-50px;
  width:150px;
  height:141px;
  text-align:center;
  z-index:2;
  color:var(--white-color)}

@media(max-width: 1699px) {
  .hero-10 .scroll-down {
  right:-70px;
  width:142px;
  height:10px}
}

@media(max-width: 1699px) {
  .hero-10 .scroll-down {
  display:none}
}
.hero-10 .scroll-down .scroll-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-family:var(--title-font);
  font-size:16px;
  color:var(--white-color);
  font-weight:300}
.hero-10 .scroll-down .scroll-wrap span {
  min-width:40px;
  height:40px;
  line-height:40px;
  border-radius:50%;
  border:1px solid var(--white-color)}
.hero-10 .scroll-down .scroll-wrap span img {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  margin-bottom:4px}
.hero-10 .hero10-swiper-custom {
  position:relative;
  right:0;
  bottom:-85px;
  min-width:396px;
  height:110px;
  background-color:var(--theme-color);
  z-index:1;
  border-radius:0 16px 0 0}

@media(max-width: 1399px) {
  .hero-10 .hero10-swiper-custom {
  min-width:390px;
  border-radius:16px 16px 0 0}
}

@media(max-width: 1299px) {
  .hero-10 .hero10-swiper-custom {
  min-width:100%}
}

@media(max-width: 1199px) {
  .hero-10 .hero10-swiper-custom {
  border-radius:16px 16px 0 0}
}

@media(max-width: 1199px) {
  .hero-10 .hero10-swiper-custom .swiper-button-next,
.hero-10 .hero10-swiper-custom .swiper-button-prev {
  top:var(--swiper-navigation-top-offset, 55%)}
}
.hero-10 .hero10-swiper-custom .swiper-button-next {
  right:var(--swiper-navigation-sides-offset, 32px)}
.hero-10 .hero10-swiper-custom .swiper-button-prev {
  left:var(--swiper-navigation-sides-offset, 32px)}
.hero-10 .hero10-swiper-custom .swiper-pagination-fraction {
  bottom:26px;
  z-index:8}
.hero-10 .hero10-swiper-custom .swiper-button-next,
.hero-10 .hero10-swiper-custom .swiper-button-prev {
  padding:8px;
  width:32px;
  height:32px;
  border:1px solid #fff;
  background-color:rgba(0,0,0,0);
  border-radius:48px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.hero-10 .hero10-swiper-custom .swiper-button-next:after,
.hero-10 .hero10-swiper-custom .swiper-button-prev:after {
  display:none !important}
.hero-10 .hero10-swiper-custom .swiper-button-next img,
.hero-10 .hero10-swiper-custom .swiper-button-prev img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.hero-10 .hero10-swiper-custom .swiper-button-next:hover,
.hero-10 .hero10-swiper-custom .swiper-button-prev:hover {
  background-color:var(--white-color)}
.hero-10 .hero10-swiper-custom .swiper-button-next:hover img,
.hero-10 .hero10-swiper-custom .swiper-button-prev:hover img {
  -webkit-filter:none;
  filter:none}
.hero-10 .hero10-swiper-custom .swiper-pagination {
  color:var(--white-color)}
.hero-10 .hero10-card {
  position:relative;
  z-index:2}
.hero-10 .hero10-card .hero-img {
  position:relative;
  max-width:82px;
  z-index:3}
.hero-10 .hero10-card .hero-img img {
  width:82px;
  height:82px;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:50%;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  cursor:pointer}
.hero-10 .hero-booking.style2.booking {
  padding:27px 32px}
.hero10-wrapper {
  position:absolute;
  width:100%;
  bottom:0}
.hero10-wrapper .hero-featured {
  width:auto;
  max-width:100%;
  border-radius:16px 0 0 0}

@media(max-width: 1399px) {
  .hero10-wrapper .hero-featured {
  border-radius:0}
}
.hero10-wrapper .hero-featured-icon {
  border-radius:50%}

@media(max-width: 767px) {
  .hero10-wrapper .hero-featured-icon {
  margin-bottom:0}
}

@media(max-width: 767px) {
  .hero10-wrapper .hero-featured-item {
  margin:auto;
  margin-bottom:20px}
}
.hero-style10 {
  position:relative;
  padding:170px 0 280px 0;
  z-index:3;
  text-align:center}

@media(max-width: 1399px) {
  .hero-style10 {
  padding:150px 0 380px 0}
}

@media(max-width: 991px) {
  .hero-style10 {
  padding:120px 0 480px 0}
}

@media(max-width: 767px) {
  .hero-style10 {
  padding:80px 0 550px 0}
}

@media(max-width: 575px) {
  .hero-style10 {
  padding:70px 0 550px 0}
}

@media(max-width: 375px) {
  .hero-style10 {
  padding:70px 0 650px 0}
}
.hero-style10 .hero-title {
  font-weight:800;
  font-size:160px;
  text-align:center;
  text-transform:uppercase;
  color:var(--white-color);
  margin-top:-10px;
  margin-bottom:5px}

@media(max-width: 1399px) {
  .hero-style10 .hero-title {
  font-size:140px}
}

@media(max-width: 1199px) {
  .hero-style10 .hero-title {
  font-size:110px}
}

@media(max-width: 991px) {
  .hero-style10 .hero-title {
  font-size:75px}
}

@media(max-width: 767px) {
  .hero-style10 .hero-title {
  font-size:50px}
}

@media(max-width: 375px) {
  .hero-style10 .hero-title {
  font-size:40px}
}
.hero-style10 .hero-subtitle {
  font-weight:400;
  font-size:60px;
  text-align:center;
  display:inline-block;
  color:var(--white-color);
  font-family:var(--title-font)}

@media(max-width: 991px) {
  .hero-style10 .hero-subtitle {
  font-size:30px}
}

@media(max-width: 575px) {
  .hero-style10 .hero-subtitle {
  margin-bottom:20px}
}

@media(max-width: 375px) {
  .hero-style10 .hero-subtitle {
  font-size:18px}
}
.hero-style10 .hero-desc {
  text-align:center;
  font-size:18px;
  font-weight:400;
  line-height:1.6;
  max-width:767px;
  margin:auto;
  margin-bottom:40px}
.hero-style10 .th-btn {
  padding:18px 48px}
.th-hero-bg.overlay::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  background-color:var(--title-color);
  opacity:.7;
  z-index:1}
.hero-11 .slider-arrow {
  --pos-x: 60px;
  --icon-size: 64px;
  top:60%;
  background:rgba(250,252,244,.5);
  border:1px solid rgba(0,0,0,0);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-radius:36px;
  -webkit-box-shadow:none;
  box-shadow:none}
.hero-11 .slider-arrow img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.hero-11 .slider-arrow:hover {
  background-color:var(--theme-color)}
.hero-11 .slider-arrow.slider-next {
  right:var(--pos-x, -120px);
  left:auto}
.hero-style11 {
  padding:296px 0 390px 0;
  text-align:center;
  max-width:900px;
  display:block;
  margin:auto}

@media(max-width: 1199px) {
  .hero-style11 {
  padding:200px 0 290px 0}
}

@media(max-width: 575px) {
  .hero-style11 {
  padding:200px 0 190px 0}
}
.hero-style11 .sub-title {
  font-weight:400;
  font-size:78px;
  line-height:110px;
  color:#f8bc22}

@media(max-width: 767px) {
  .hero-style11 .sub-title {
  font-size:48px;
  line-height:70px}
}
.hero-style11 .hero-title {
  font-weight:800;
  font-size:94px;
  text-transform:capitalize;
  margin-bottom:30px}

@media(max-width: 991px) {
  .hero-style11 .hero-title {
  font-size:70px}
}

@media(max-width: 767px) {
  .hero-style11 .hero-title {
  font-size:50px}
}
.booking-form.style7 {
  max-width:1094px;
  position:relative;
  bottom:240px;
  left:50%;
  -webkit-transform:translate(-50%, 0);
  transform:translate(-50%, 0);
  background-color:#e9f5f9;
  border:none;
  border-radius:100px;
  -webkit-box-shadow:none;
  box-shadow:none}

@media(max-width: 1199px) {
  .booking-form.style7 {
  bottom:160px}
}

@media(max-width: 991px) {
  .booking-form.style7 {
  padding:20px 40px}
}

@media(max-width: 575px) {
  .booking-form.style7 {
  position:relative;
  bottom:0;
  overflow:visible}
}
.booking-form.style7 .form-group select,
.booking-form.style7 .form-group .form-control,
.booking-form.style7 .form-group .form-select,
.booking-form.style7 .form-group textarea,
.booking-form.style7 .form-group .nice-select,
.booking-form.style7 .form-group input {
  background-color:rgba(0,0,0,0)}
.hero-11-wrapp {
  position:relative;
  background-color:var(--title-color)}
.hero11-shapebox .shape1,
.hero11-shapebox .shape2 {
  position:absolute;
  top:0;
  left:0;
  right:0;
  text-align:center;
  z-index:2}
.hero11-shapebox .shape2 {
  z-index:1}
.hero-style11 {
  position:relative;
  padding:130px 0 260px 0;
  max-width:1013px;
  display:block;
  margin:auto;
  z-index:3}

@media(max-width: 1199px) {
  .hero-style11 {
  padding-top:80px}
}

@media(max-width: 767px) {
  .hero-style11 {
  padding-bottom:120px}
}

@media(max-width: 575px) {
  .hero-style11 {
  padding:70px 0 70px 0}
}
.hero-style11 .hero-title {
  font-weight:800;
  font-size:74px;
  text-transform:capitalize;
  color:var(--white-color);
  margin-bottom:20px}

@media(max-width: 991px) {
  .hero-style11 .hero-title {
  font-size:64px}
}

@media(max-width: 767px) {
  .hero-style11 .hero-title {
  font-size:47px}
}

@media(max-width: 575px) {
  .hero-style11 .hero-title {
  font-size:35px}
}
.hero-style11 .hero-desc {
  font-weight:400;
  font-size:18px;
  color:var(--white-color);
  max-width:710px;
  display:block;
  margin:auto}
.hero-video-img {
  position:relative;
  margin-top:-185px;
  z-index:2}
.hero-video-img.hero13-video-img {
  margin-top:0}

@media(max-width: 767px) {
  .hero-video-img {
  margin-top:-50px}
}

@media(max-width: 575px) {
  .hero-video-img {
  margin-top:-20px}
}
.hero-video-img img {
  width:100%}
.hero-video-img .play-btn {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  z-index:3}
.hero-video-img .play-btn:before,
.hero-video-img .play-btn:after {
  border:1px solid #fff}
.hero-video-img .play-btn>i {
  --icon-size: 120px;
  color:var(--theme-color);
  background:hsla(0,0%,100%,.3);
  border:1px solid hsla(0,0%,100%,.59);
  -webkit-backdrop-filter:blur(17.1px);
  backdrop-filter:blur(17.1px)}
.hero-12 {
  padding:0 100px;
  background-size:100% 100%;
  overflow:hidden}

@media(max-width: 1799px) {
  .hero-12 {
  padding:0 40px}
}

@media(max-width: 1299px) {
  .hero-12 {
  padding:0 40px}
}

@media(max-width: 1199px) {
  .hero-12 {
  padding:0}
}
.hero-12 .hero-overlay {
  position:absolute;
  inset:0;
  z-index:5;
  background-repeat:no-repeat;
  overflow:hidden}
.hero-12 .th-hero-bg {
  z-index:2;
  border-radius:30px;
  overflow:hidden}

@media(max-width: 1299px) {
  .hero-12 .th-hero-bg {
  border-radius:0}
}
.hero-12 .slider-arrow {
  --pos-x: 70px;
  --icon-size: 64px;
  top:59%;
  background:rgba(250,252,244,.5);
  border:1px solid rgba(0,0,0,0);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-radius:36px;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}

@media(max-width: 1799px) {
  .hero-12 .slider-arrow {
  display:none}
}
.hero-12 .slider-arrow img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.hero-12 .slider-arrow:hover {
  background-color:var(--theme-color)}
.hero-12 .slider-arrow.slider-next {
  right:70px;
  left:auto}
.hero-12 .hero12-shape1 {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:262px;
  -webkit-mask-image:url("../img/shape/hero-shape1.png");
  mask-image:url("../img/shape/hero-shape1.png");
  background-color:var(--white-color);
  -webkit-mask-repeat:repeat-x;
  mask-repeat:repeat-x;
  -webkit-mask-size:auto;
  mask-size:auto;
  z-index:5}
.hero-12 .hero12-shape2 {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:317.19px;
  -webkit-mask-image:url("../img/shape/hero-shape2.png");
  mask-image:url("../img/shape/hero-shape2.png");
  background-color:var(--theme-color);
  -webkit-mask-repeat:repeat-x;
  mask-repeat:repeat-x;
  -webkit-mask-size:auto;
  mask-size:auto;
  z-index:4}
.hero-12 .scroll-down {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transform-origin:left;
  transform-origin:left;
  position:absolute;
  bottom:-10%;
  right:-7.5%;
  width:150px;
  height:141px;
  text-align:center;
  z-index:2;
  color:var(--white-color)}

@media(max-width: 1699px) {
  .hero-12 .scroll-down {
  right:-70px;
  width:142px;
  height:10px}
}

@media(max-width: 1699px) {
  .hero-12 .scroll-down {
  display:none}
}
.hero-12 .scroll-down .scroll-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-family:var(--title-font);
  font-size:16px;
  color:var(--title-color);
  font-weight:300}
.hero-12 .scroll-down .scroll-wrap span {
  min-width:40px;
  height:40px;
  line-height:40px;
  border-radius:50%;
  border:1px solid var(--title-color)}
.hero-12 .scroll-down .scroll-wrap span img {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  margin-bottom:4px;
  -webkit-filter:contrast(0) brightness(0);
  filter:contrast(0) brightness(0)}
.hero-style12 {
  position:relative;
  max-width:666px;
  padding:236px 0 294px 0;
  z-index:3}

@media(max-width: 1299px) {
  .hero-style12 {
  max-width:800px;
  padding:130px 0 182px 40px}
}

@media(max-width: 1199px) {
  .hero-style12 {
  max-width:700px;
  padding:130px 0 182px 0px}
}

@media(max-width: 991px) {
  .hero-style12 {
  text-align:center;
  max-width:100%}
}

@media(max-width: 767px) {
  .hero-style12 {
  padding:130px 0 130px 0px}
}

@media(max-width: 575px) {
  .hero-style12 {
  padding:90px 0 120px 0px}
}
.hero-style12 .hero-title {
  font-family:var(--title-font);
  font-weight:700;
  font-size:94px;
  text-transform:capitalize;
  color:var(--white-color)}

@media(max-width: 991px) {
  .hero-style12 .hero-title {
  font-size:74px}
}

@media(max-width: 767px) {
  .hero-style12 .hero-title {
  font-size:54px}
}

@media(max-width: 575px) {
  .hero-style12 .hero-title {
  font-size:44px}
}
.hero-style12 .sub-title {
  font-weight:400;
  font-size:54px;
  line-height:1.1;
  color:#79f4e4}

@media(max-width: 991px) {
  .hero-style12 .sub-title {
  font-size:45px}
}

@media(max-width: 767px) {
  .hero-style12 .sub-title {
  font-size:35px}
}
.hero-style12 .hero-desc {
  font-weight:400;
  font-size:24px;
  color:var(--th-border-color);
  margin-bottom:40px}

@media(max-width: 767px) {
  .hero-style12 .hero-desc {
  font-size:18px}
}
.hero-style12 .th-btn {
  padding:19px 30px}
.hero-13 {
  padding:0 80px;
  background-size:100% 100%}

@media(max-width: 1799px) {
  .hero-13 {
  padding:0 40px}
}

@media(max-width: 1299px) {
  .hero-13 {
  padding:0 40px}
}

@media(max-width: 1199px) {
  .hero-13 {
  padding:0}
}
.hero-13 .hero-overlay {
  position:absolute;
  inset:0;
  z-index:5;
  background-repeat:no-repeat;
  overflow:hidden}
.hero-13 .th-hero-bg {
  z-index:2;
  border-radius:30px;
  overflow:hidden}

@media(max-width: 1299px) {
  .hero-13 .th-hero-bg {
  border-radius:0}
}
.hero13-content {
  padding-top:125px}

@media(max-width: 1299px) {
  .hero13-content {
  padding-right:20px;
  padding-left:20px}
}

@media(max-width: 1199px) {
  .hero13-content {
  padding-right:0;
  padding-left:0}
}

@media(max-width: 991px) {
  .hero13-content {
  padding-top:120px}
}

@media(max-width: 575px) {
  .hero13-content {
  text-align:center}
}
.hero13-content .th-btn {
  padding:18px 28.3px}

@media(max-width: 991px) {
  .hero13-content .hero-title {
  font-size:50px}
}

@media(max-width: 767px) {
  .hero13-content .hero-title {
  font-size:35px}
}

@media(max-width: 767px) {
  .hero13-content .hero-desc br {
  display:none}
}
.hero13-circle-text {
  position:absolute;
  left:0;
  right:0;
  bottom:11%;
  text-align:center;
  margin:auto;
  z-index:3}

@media(max-width: 1299px) {
  .hero13-circle-text {
  bottom:8%}
}

@media(max-width: 1199px) {
  .hero13-circle-text {
  bottom:7%}
}

@media(max-width: 991px) {
  .hero13-circle-text {
  bottom:0}
}
.hero13-circle-text .discount-wrapp {
  border:0}

@media(max-width: 1299px) {
  .hero13-circle-text .discount-wrapp {
  -webkit-transform:scale(0.7);
  transform:scale(0.7)}
}
.hero13-circle-text .icon {
  font-size:65px;
  color:var(--white-color)}

@media(max-width: 1299px) {
  .hero13-circle-text .icon {
  font-size:45px}
}
.hero13-circle-text .discount-tag {
  background-color:var(--title-color)}
.hero13-circle-text .discount-tag span {
  text-transform:capitalize}
.hero13-cardbox {
  margin-top:-59px}

@media(max-width: 991px) {
  .hero13-cardbox {
  margin-top:0}
}
.hero13-card-left,
.hero13-card-center,
.hero13-card-right {
  position:relative;
  z-index:3}

@media(max-width: 991px) {
  .hero13-card-left,
.hero13-card-center,
.hero13-card-right {
  bottom:-70px}
}
.hero13-card-left {
  bottom:-200px;
  left:9%;
  -webkit-transform:rotate(-19deg);
  transform:rotate(-19deg)}

@media(max-width: 767px) {
  .hero13-card-left {
  bottom:-150px}
}

@media(max-width: 575px) {
  .hero13-card-left {
  bottom:-110px}
}
.hero13-card-right {
  bottom:-270px;
  right:12%;
  -webkit-transform:rotate(12deg);
  transform:rotate(12deg)}

@media(max-width: 767px) {
  .hero13-card-right {
  bottom:-150px}
}

@media(max-width: 575px) {
  .hero13-card-right {
  bottom:-110px}
}
.hero13-style {
  position:relative;
  z-index:9}

@media(max-width: 991px) {
  .hero13-style.bg-mask {
  -webkit-mask-image:none !important;
  mask-image:none !important;
  overflow:hidden}
}
.hero13-style .th-line-shape span svg .line-1 {
  stroke:var(--brand-color);
  -webkit-animation:dash 4s linear forwards;
  animation:dash 4s linear forwards}
.hero13-shape-top,
.hero13-shape-left,
.hero13-shape-right {
  position:absolute}
.hero13-shape-top {
  top:0;
  right:20%}
.hero13-shape-left {
  bottom:0;
  left:0}

@media(max-width: 991px) {
  .hero13-shape-left {
  bottom:-18%}
}
.hero13-shape-right {
  bottom:0;
  right:0}

@media(max-width: 991px) {
  .hero13-shape-right {
  bottom:-18%}
}
.hero-14 {
  background:var(--theme-color);
  position:relative;
  z-index:1;
  padding-top:100px;
  overflow:hidden}

@media(min-width: 1600px) {
  .hero-14 {
  --main-container: 1502px}
}
.hero-14:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(106.93deg, #000000 27.45%, rgba(3, 5, 9, 0.93451) 35.1%, rgba(6, 10, 17, 0.872144) 43.37%, rgba(9, 17, 28, 0.793642) 51.19%, rgba(44, 80, 136, 0) 94.88%);
  z-index:-2}
.hero-14 .th-hero-bg {
  z-index:-1;
  mix-blend-mode:color-burn}
.hero-14 .hero-img {
  text-align:center;
  position:relative}
.hero-14 .hero-img:after {
  content:"";
  position:absolute;
  width:666px;
  height:666px;
  border-radius:50%;
  background:var(--white-color);
  border-radius:50%;
  opacity:.3;
  z-index:-1;
  bottom:-85px;
  left:50%;
  -webkit-transform:translate(-50%, 0);
  transform:translate(-50%, 0)}

@media(max-width: 1299px) {
  .hero-14 .hero-img:after {
  width:580px;
  height:580px;
  bottom:-70px}
}

@media(max-width: 1199px) {
  .hero-14 .hero-img:after {
  width:500px;
  height:500px}
}

@media(max-width: 991px) {
  .hero-14 .hero-img:after {
  width:650px;
  height:650px}
}

@media(max-width: 767px) {
  .hero-14 .hero-img:after {
  width:500px;
  height:500px}
}

@media(max-width: 575px) {
  .hero-14 .hero-img:after {
  width:320px;
  height:320px;
  left:0;
  -webkit-transform:none;
  transform:none}
}
.hero-14 .hero-img:before {
  content:"";
  position:absolute;
  width:556px;
  height:1190px;
  background:var(--white-color);
  border-radius:400px 400px 0 0;
  z-index:-1;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  bottom:-569px;
  right:-140px}

@media(max-width: 1500px) {
  .hero-14 .hero-img:before {
  right:-180px}
}

@media(max-width: 1399px) {
  .hero-14 .hero-img:before {
  right:-255px}
}

@media(max-width: 1299px) {
  .hero-14 .hero-img:before {
  right:-240px;
  bottom:-550px;
  width:480px;
  height:1100px}
}

@media(max-width: 1199px) {
  .hero-14 .hero-img:before {
  width:400px;
  right:-260px;
  bottom:-615px}
}

@media(max-width: 991px) {
  .hero-14 .hero-img:before {
  width:500px;
  right:-115px;
  bottom:-505px}
}

@media(max-width: 767px) {
  .hero-14 .hero-img:before {
  width:400px;
  right:-190px;
  bottom:-615px}
}

@media(max-width: 575px) {
  .hero-14 .hero-img:before {
  width:270px;
  right:auto;
  left:320px;
  bottom:-755px}
}
.hero-style14 {
  padding:180px 0 200px;
  max-width:692px}

@media(max-width: 1500px) {
  .hero-style14 {
  max-width:632px}
}

@media(max-width: 1299px) {
  .hero-style14 {
  margin-right:-20px;
  padding:160px 0}
}

@media(max-width: 1199px) {
  .hero-style14 {
  padding:130px 0;
  margin-right:0}
}

@media(max-width: 991px) {
  .hero-style14 {
  max-width:none;
  padding:120px 0 60px;
  text-align:center}
}

@media(max-width: 767px) {
  .hero-style14 {
  padding:100px 0 60px}
}

@media(max-width: 575px) {
  .hero-style14 {
  padding:80px 0 60px}
}
.hero-style14 .sub-title {
  position:relative;
  font-weight:500;
  font-size:30px;
  font-family:var(--body-font);
  display:block;
  margin-bottom:20px;
  padding-left:62px;
  color:var(--white-color);
  letter-spacing:normal;
  margin-top:-0.05em}

@media(max-width: 1199px) {
  .hero-style14 .sub-title {
  font-size:24px}
}

@media(max-width: 991px) {
  .hero-style14 .sub-title {
  font-size:20px;
  display:inline-block}
}

@media(max-width: 767px) {
  .hero-style14 .sub-title {
  padding-left:0}
}
.hero-style14 .sub-title::before {
  position:absolute;
  width:35px;
  height:2px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:0;
  content:"";
  background:var(--theme-color);
  z-index:3}

@media(max-width: 767px) {
  .hero-style14 .sub-title::before {
  display:none}
}
.hero-style14 .sub-title::after {
  position:absolute;
  width:10px;
  height:10px;
  top:50%;
  left:35px;
  border-radius:50%;
  content:"";
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:var(--theme-color)}

@media(max-width: 767px) {
  .hero-style14 .sub-title::after {
  display:none}
}

@media(max-width: 575px) {
  .hero-style14 .sub-title {
  font-size:18px}
}
.hero-style14 .hero-title {
  font-weight:300;
  line-height:1.11904}

@media(max-width: 1199px) {
  .hero-style14 .hero-title {
  font-weight:700;
  line-height:normal}
}
.hero-style14 .btn-group {
  margin-top:25px}

@media(max-width: 991px) {
  .hero-style14 .btn-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.hero-15 {
  position:relative;
  border-radius:16px;
  margin:24px 24px 0;
  overflow:hidden;
  background:var(--white-color)}

@media(max-width: 575px) {
  .hero-15 {
  margin:12px 12px 0}
}
.hero-15 .hero-bg-shape15-2 {
  width:50px;
  height:25px;
  background:var(--theme-color);
  border-radius:50% 50% 0 0/100% 100% 0 0}

@media(max-width: 1500px) {
  .hero-15 .hero-bg-shape15-3 {
  top:17% !important;
  right:15% !important}
}

@media(max-width: 1399px) {
  .hero-15 .hero-bg-shape15-3 {
  display:none}
}
.hero-15 .discount-wrapp {
  position:absolute;
  padding:21px 18px;
  border:0;
  border-radius:0;
  right:190px;
  top:50px}
.hero-15 .discount-wrapp .discount-wrapp-bg-shape {
  position:absolute;
  inset:0}
.hero-15 .discount-wrapp .discount-wrapp-bg-shape img {
  width:100%}
.hero-15 .discount-wrapp .icon {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  font-size:20px;
  color:var(--white-color);
  z-index:2;
  line-height:1}
.hero-15 .discount-wrapp .discount-tag {
  background:var(--title-color);
  color:var(--white-color);
  font-size:16px;
  font-weight:600;
  font-family:var(--title-font);
  min-height:116px;
  min-width:116px}
.hero-15 .discount-wrapp .discount-tag span {
  --rotate-letter: 12deg;
  min-height:52px}

@media(max-width: 1500px) {
  .hero-15 .discount-wrapp {
  right:80px}
}

@media(max-width: 1199px) {
  .hero-15 .discount-wrapp {
  right:40px;
  top:40px}
}

@media(max-width: 991px) {
  .hero-15 .discount-wrapp {
  display:none}
}

.hero-15 .th-hero-bg {
  position:absolute;
  inset:0;
  background:linear-gradient(38.91deg, var(--theme-color) -20.68%, rgba(255, 255, 255, 0) 40%);
  z-index:-1}
  
.hero-15 .th-hero-bg:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(316.5deg, var(--brand-color) -20.87%, rgba(255, 255, 255, 0) 40%)}
.hero-15 .hero-img {
  margin-bottom:24px}
.hero-15 .hero-img img {
  border-radius:24px;
  width:100%}

@media(max-width: 991px) {
  .hero-15 .hero-img {
  margin-bottom:14px}
.hero-15 .hero-img img {
  border-radius:16px}
}

@media(max-width: 767px) {
  .hero-15 .hero-img {
  margin-bottom:18px}
.hero-15 .hero-img img {
  border-radius:12px}
}

@media(max-width: 575px) {
  .hero-15 .hero-img img {
  min-height:250px;
  -o-object-fit:cover;
  object-fit:cover}
}
.hero-15 .scroll-down {
  -webkit-transform:rotate(-90deg) translate(-50%, 0);
  transform:rotate(-90deg) translate(-50%, 0);
  -webkit-transform-origin:left;
  transform-origin:left;
  position:absolute;
  bottom:50%;
  right:0;
  width:136px;
  height:28px;
  text-align:center;
  z-index:2;
  color:var(--title-color);
  text-transform:uppercase}

@media(max-width: 1699px) {
  .hero-15 .scroll-down {
  display:none}
}
.hero-15 .scroll-down .scroll-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-family:var(--title-font);
  font-size:14px;
  color:var(--title-color);
  font-weight:500}
.hero-style15 {
  padding:120px 0 0 0;
  position:relative;
  z-index:1}

@media(max-width: 991px) {
  .hero-style15 {
  padding:100px 0 0}
}

@media(max-width: 575px) {
  .hero-style15 {
  padding:80px 0 0}
}
.hero-style15 .hero-title {
  color:var(--title-color);
  font-size:72px;
  line-height:1.222em;
  margin-bottom:0;
  margin-top:-0.09em;
  text-transform:none}

@media(max-width: 1299px) {
  .hero-style15 .hero-title {
  font-size:60px}
}

@media(max-width: 1199px) {
  .hero-style15 .hero-title {
  font-size:54px}
}

@media(max-width: 767px) {
  .hero-style15 .hero-title {
  font-size:42px}
}

@media(max-width: 575px) {
  .hero-style15 .hero-title {
  font-size:34px}
}
.hero-style15 .hero-text {
  max-width:670px;
  margin-left:auto;
  margin-right:auto;
  margin-top:17px;
  margin-bottom:0;
  font-size:18px}

@media(max-width: 767px) {
  .hero-style15 .hero-text {
  font-size:16px}
}
.hero-style15 .btn-group {
  margin-top:10px;
  margin-bottom:-32px;
  border:2px solid var(--white-color);
  border-radius:99px}

@media(max-width: 1399px) {
  .hero-style15 .btn-group {
  margin-top:65px}
}

@media(max-width: 767px) {
  .hero-style15 .btn-group {
  margin-top:45px}
}
.error-img {
  position:relative;
  z-index:2}

@media(max-width: 1699px) {
  .error-img {
  min-width:100%}
}

@media(max-width: 1299px) {
  .error-img {
  margin-left:0}
}
.error-title {
  margin-bottom:20px}
.error-text {
  margin-bottom:35px;
  max-width:480px;
  margin-left:auto;
  margin-right:auto}
.error-subtitle {
  font-size:28px;
  font-weight:600}

@media(max-width: 1199px) {
  .error-subtitle {
  font-size:18px}
}
.error-content {
  margin-right:90px}

@media(max-width: 1299px) {
  .error-content {
  margin-right:0}
}
.error-content .th-btn img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}

@media(max-width: 991px) {
  .error-title {
  margin-bottom:15px}
.error-img {
  margin-bottom:30px;
  margin-left:0}
.error-text {
  margin-bottom:25px}
}

@media(max-width: 767px) {
  .error-title {
  margin-bottom:10px}
}
.error-shape-1,
.error-shape-2 {
  position:absolute;
  top:20%;
  left:0;
  right:0;
  z-index:-1}

@media(max-width: 1199px) {
  .error-shape-1,
.error-shape-2 {
  top:14%}
}
.error-shape-2 {
  left:19%;
  top:8%}

@media(max-width: 1299px) {
  .error-shape-2 {
  left:23%;
  top:6%}
}

@media(max-width: 1199px) {
  .error-shape-2 {
  left:27%;
  top:-2%}
}

@media(max-width: 991px) {
  .error-shape-2 {
  left:36%;
  top:-6%}
}
.popup-search-box {
  position:fixed;
  top:0;
  left:50%;
  background-color:rgba(0,0,0,.95);
  height:0;
  width:0;
  overflow:hidden;
  z-index:99999;
  opacity:0;
  visibility:hidden;
  border-radius:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.popup-search-box button.searchClose {
  width:60px;
  height:60px;
  position:absolute;
  top:40px;
  right:40px;
  border-width:1px;
  border-style:solid;
  border-color:var(--theme-color);
  background-color:rgba(0,0,0,0);
  font-size:22px;
  border-radius:50%;
  -webkit-transform:rotate(0);
  transform:rotate(0);
  -webkit-transition:all ease .4s;
  transition:all ease .4s;
  color:var(--theme-color)}
.popup-search-box button.searchClose:hover {
  color:var(--body-color);
  background-color:#fff;
  border-color:rgba(0,0,0,0);
  border-color:rgba(0,0,0,0);
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)}
.popup-search-box form {
  position:absolute;
  top:50%;
  left:50%;
  display:inline-block;
  padding-bottom:40px;
  cursor:auto;
  width:100%;
  max-width:700px;
  -webkit-transform:translate(-50%, -50%) scale(0);
  transform:translate(-50%, -50%) scale(0);
  -webkit-transition:-webkit-transform ease .4s;
  transition:-webkit-transform ease .4s;
  transition:transform ease .4s;
  transition:transform ease .4s, -webkit-transform ease .4s}

@media(max-width: 1199px) {
  .popup-search-box form {
  max-width:600px}
}
.popup-search-box form input {
  font-size:18px;
  height:70px;
  width:100%;
  border:2px solid var(--theme-color);
  background-color:rgba(0,0,0,0);
  padding-left:30px;
  color:#fff;
  border-radius:50px}
.popup-search-box form input::-moz-placeholder {
  color:#fff}
.popup-search-box form input::-webkit-input-placeholder {
  color:#fff}
.popup-search-box form input:-ms-input-placeholder {
  color:#fff}
.popup-search-box form input::-ms-input-placeholder {
  color:#fff}
.popup-search-box form input::placeholder {
  color:#fff}
.popup-search-box form button {
  position:absolute;
  top:0px;
  background-color:rgba(0,0,0,0);
  border:none;
  color:#fff;
  font-size:24px;
  right:12px;
  color:var(--white-color);
  cursor:pointer;
  width:70px;
  height:70px;
  -webkit-transition:all ease .4s;
  transition:all ease .4s;
  -webkit-transform:scale(1.001);
  transform:scale(1.001)}
.popup-search-box form button:hover {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.popup-search-box.show {
  opacity:1;
  visibility:visible;
  width:100.1%;
  height:100%;
  -webkit-transition:all ease .4s;
  transition:all ease .4s;
  border-radius:0}
.popup-search-box.show form {
  -webkit-transition-delay:.5s;
  transition-delay:.5s;
  -webkit-transform:translate(-50%, -50%) scale(1);
  transform:translate(-50%, -50%) scale(1)}
.sidemenu-wrapper {
  position:fixed;
  z-index:99999;
  right:0;
  top:0;
  height:100%;
  width:0;
  background-color:rgba(0,0,0,.75);
  opacity:0;
  visibility:hidden;
  -webkit-transition:all ease .8s;
  transition:all ease .8s}
.sidemenu-wrapper .th-social a {
  -webkit-box-shadow:none;
  box-shadow:none;
  color:var(--title-color)}
.sidemenu-wrapper .closeButton {
  display:inline-block;
  border:2px solid;
  width:50px;
  height:50px;
  line-height:48px;
  font-size:24px;
  padding:0;
  position:absolute;
  top:20px;
  right:20px;
  background-color:var(--white-color);
  border-radius:50%;
  -webkit-transform:rotate(0);
  transform:rotate(0);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.sidemenu-wrapper .closeButton:hover {
  color:var(--theme-color);
  border-color:var(--theme-color);
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)}
.sidemenu-wrapper .sidemenu-content {
  background-color:#fff;
  width:450px;
  margin-left:auto;
  padding:80px 30px;
  height:100%;
  overflow:scroll;
  position:relative;
  right:-500px;
  cursor:auto;
  -webkit-transition-delay:1s;
  transition-delay:1s;
  -webkit-transition:right ease 1s;
  transition:right ease 1s}

@media(max-width: 450px) {
  .sidemenu-wrapper .sidemenu-content {
  width:300px}
}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.1);
  box-shadow:inset 0 0 1px rgba(0,0,0,.1);
  background-color:#f5f5f5}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {
  width:2px;
  background-color:#f5f5f5}
.sidemenu-wrapper .sidemenu-content .th-widget-about .footer-info-title {
  color:var(--title-color)}
.sidemenu-wrapper .sidemenu-content .widget_title {
  color:var(--title-color)}
.sidemenu-wrapper .widget {
  padding:0;
  border:none;
  background-color:rgba(0,0,0,0)}
.sidemenu-wrapper .info-box_icon {
  background-color:var(--theme-color);
  color:var(--white-color)}
.sidemenu-wrapper.show {
  opacity:1;
  visibility:visible;
  width:100%;
  -webkit-transition:all ease .8s;
  transition:all ease .8s}
.sidemenu-wrapper.show .sidemenu-content {
  right:0;
  opacity:1;
  visibility:visible}
.sidemenu-wrapper .info-box_text .icon {
  background-color:#f2f5fa}
.sidemenu-wrapper .info-box_text .icon:hover {
  background-color:var(--theme-color)}
.sidemenu-wrapper .th-widget-about .about-text {
  color:var(--body-color);
  font-family:var(--style-font)}
.woocommerce-message,
.woocommerce-info {
  position:relative;
  padding:11px 20px 11px 50px;
  background-color:var(--theme-color);
  color:var(--white-color);
  font-size:14px;
  font-weight:500;
  margin-bottom:15px}
.woocommerce-message a,
.woocommerce-info a {
  color:var(--white-color);
  text-decoration:underline}
.woocommerce-message a:hover,
.woocommerce-info a:hover {
  color:var(--title-color)}
.woocommerce-message:before,
.woocommerce-info:before {
  content:"";
  font-family:var(--icon-font);
  font-weight:400;
  margin-right:10px;
  font-size:18px;
  position:absolute;
  left:20px;
  top:11px}
.woocommerce-notices-wrapper .woocommerce-message {
  background-color:var(--theme-color);
  color:var(--white-color)}
.woocommerce-notices-wrapper .woocommerce-message:before {
  content:"ï…Š";
  font-weight:300}
.woocommerce-form-login-toggle .woocommerce-info {
  background-color:var(--theme-color);
  color:var(--white-color)}
.woocommerce-form-login-toggle .woocommerce-info a {
  color:inherit}
.woocommerce-form-login-toggle .woocommerce-info a:hover {
  color:var(--title-color)}
.woocommerce-form-register,
.woocommerce-form-coupon,
.woocommerce-form-login {
  padding:35px 40px 35px 40px;
  background-color:var(--smoke-color);
  border-radius:8px;
  margin-bottom:0}

@media(max-width: 575px) {
  .woocommerce-form-register,
.woocommerce-form-coupon,
.woocommerce-form-login {
  padding:40px 20px}
}
.woocommerce-form-register .form-group,
.woocommerce-form-coupon .form-group,
.woocommerce-form-login .form-group {
  margin-bottom:20px}
.woocommerce-form-register .form-group:last-child,
.woocommerce-form-coupon .form-group:last-child,
.woocommerce-form-login .form-group:last-child {
  margin-bottom:0}
.woocommerce-form-register .form-group select,
.woocommerce-form-register .form-group .form-control,
.woocommerce-form-register .form-group .form-select,
.woocommerce-form-register .form-group textarea,
.woocommerce-form-register .form-group input,
.woocommerce-form-coupon .form-group select,
.woocommerce-form-coupon .form-group .form-control,
.woocommerce-form-coupon .form-group .form-select,
.woocommerce-form-coupon .form-group textarea,
.woocommerce-form-coupon .form-group input,
.woocommerce-form-login .form-group select,
.woocommerce-form-login .form-group .form-control,
.woocommerce-form-login .form-group .form-select,
.woocommerce-form-login .form-group textarea,
.woocommerce-form-login .form-group input {
  background-color:var(--white-color)}
.woocommerce-error {
  background-color:var(--error-color);
  color:#fff;
  list-style:none;
  padding:10px 26px;
  margin:0 0 30px 0;
  border-radius:0;
  font-weight:500;
  font-size:14px}
nav.woocommerce-MyAccount-navigation li {
  border:1px solid #ddd;
  margin:0;
  border-top:none}
nav.woocommerce-MyAccount-navigation li:first-child {
  border-top:1px solid #ddd}
nav.woocommerce-MyAccount-navigation li a {
  color:var(--title-color);
  font-weight:700;
  padding:7px 17px;
  display:block}
nav.woocommerce-MyAccount-navigation li.is-active a,
nav.woocommerce-MyAccount-navigation li a:hover {
  color:var(--white-color);
  background-color:var(--theme-color)}
.woocommerce-MyAccount-content h3 {
  margin-top:-0.3em}
.woocommerce-MyAccount-content .btn {
  background-color:var(--theme-color);
  color:var(--white-color);
  font-size:14px;
  padding:10px 25px;
  font-weight:700}
.woocommerce-MyAccount-content .btn:hover {
  background-color:var(--title-color);
  color:var(--white-color)}
table.variations,
.woocommerce-grouped-product-list-item {
  border-collapse:separate;
  border-spacing:0 15px;
  margin-bottom:5px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border:none}
table.variations td,
.woocommerce-grouped-product-list-item td {
  border:none;
  vertical-align:middle;
  padding:0 5px}
table.variations td:first-child,
.woocommerce-grouped-product-list-item td:first-child {
  padding:0}
table.variations label,
.woocommerce-grouped-product-list-item label {
  margin:0;
  font-size:14px;
  text-transform:capitalize}
table.variations label a,
.woocommerce-grouped-product-list-item label a {
  color:var(--title-color)}
table.variations label a:hover,
.woocommerce-grouped-product-list-item label a:hover {
  color:var(--theme-color)}
table.variations .label,
.woocommerce-grouped-product-list-item .label {
  border:none}
table.variations__label,
.woocommerce-grouped-product-list-item__label {
  border:none !important;
  font-weight:600}
table.variations__price,
.woocommerce-grouped-product-list-item__price {
  border:none !important}
table.variations__price .price,
table.variations__price .amount,
.woocommerce-grouped-product-list-item__price .price,
.woocommerce-grouped-product-list-item__price .amount {
  font-size:18px !important}
table.variations del,
.woocommerce-grouped-product-list-item del {
  margin-left:12px}
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
  border:1px solid var(--th-border-color)}
.woocommerce-product-attributes th p:last-child,
.woocommerce-product-attributes td p:last-child {
  margin-bottom:0}
.woocommerce-grouped-product-list.group_table {
  border-collapse:collapse;
  margin-bottom:15px}
.woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount {
  font-size:16px;
  color:var(--title-color)}
.woocommerce-grouped-product-list.group_table label {
  margin:0 0 0 10px;
  margin:0 0 0 10px;
  font-family:var(--title-font);
  font-size:18px}
.woocommerce-grouped-product-list.group_table .qty-input {
  border-color:#e3e6e9}
.woocommerce-grouped-product-list.group_table tr {
  border-bottom:1px solid #e3e6e9}
.woocommerce-grouped-product-list.group_table tr:last-child {
  border-bottom:none}
.woocommerce-grouped-product-list.group_table td {
  padding:30px 5px}
table.variations {
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  position:relative}
table.variations td {
  padding:0}
table.variations td.label {
  padding-right:10px;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content}
table.variations select {
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  font-weight:400;
  line-height:1.5;
  vertical-align:middle;
  margin:0;
  padding-right:54px;
  padding-left:20px;
  height:50px}
table.variations .reset_variations {
  margin-left:16px;
  display:inline-block;
  position:absolute;
  left:100%;
  bottom:25px}
.woosq-product .product .woocommerce-grouped-product-list-item__quantity,
.woosq-product .product .woocommerce-grouped-product-list-item__label,
.woosq-product .product .woocommerce-grouped-product-list-item__price {
  width:auto !important}
.woocommerce-grouped-product-list-item__label:after,
.woocommerce-grouped-product-list-item__price:after {
  display:none}
.woocommerce-variation.single_variation {
  margin-bottom:30px}
.woocommerce-variation.single_variation .price {
  color:var(--title-color);
  font-weight:700}
.wooscp-table-items td.woocommerce-product-attributes-item__value {
  padding-left:15px !important}
.wooscp-table-items a.added_to_cart.wc-forward {
  margin-left:15px;
  text-decoration:underline}
.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open {
  z-index:1111}
table.woocommerce-product-attributes {
  margin-bottom:30px}
#woosq-popup .product_meta {
  margin-top:20px}
#woosq-popup .product_title {
  font-size:24px;
  margin-bottom:5px}
#woosq-popup .single-product .product .actions {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px}
#woosq-popup .single-product .product .actions>div {
  height:auto;
  overflow:visible;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content}
#woosq-popup .single-product .product .actions>div .quantity.style2.woocommerce-grouped-product-list-item__quantity {
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content}
.login-tab {
  margin-bottom:30px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.login-tab button.nav-link {
  background-color:var(--smoke-color);
  color:var(--title-color);
  padding:11px 39px;
  font-size:18px;
  font-weight:500;
  border-radius:15px ​15px 0}
.login-tab button.nav-link.active {
  background-color:var(--theme-color);
  color:var(--white-color)}
.star-rating {
  overflow:hidden;
  position:relative;
  width:100px;
  height:1.2em;
  line-height:1.2em;
  display:block;
  font-family:var(--icon-font);
  font-weight:900;
  font-size:12px}
.star-rating:before {
  content:"";
  color:#e1e1e1;
  float:left;
  top:0;
  left:0;
  position:absolute;
  letter-spacing:3px}
.star-rating span {
  overflow:hidden;
  float:left;
  top:0;
  left:0;
  position:absolute;
  padding-top:1.5em}
.star-rating span:before {
  content:"";
  top:0;
  position:absolute;
  left:0;
  color:#ff9c00;
  letter-spacing:3px}
.rating-select label {
  margin:0;
  margin-right:10px}
.rating-select p.stars {
  margin-bottom:0;
  line-height:1}
.rating-select p.stars a {
  position:relative;
  height:14px;
  width:18px;
  text-indent:-999em;
  display:inline-block;
  text-decoration:none}
.rating-select p.stars a::before {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:18px;
  height:14px;
  line-height:1;
  font-family:var(--icon-font);
  content:"";
  font-weight:400;
  text-indent:0;
  color:var(--yellow-color)}
.rating-select p.stars a:hover~a::before {
  content:"";
  font-weight:400}
.rating-select p.stars:hover a::before {
  content:"";
  font-weight:700}
.rating-select p.stars.selected a.active::before {
  content:"";
  font-weight:700}
.rating-select p.stars.selected a.active~a::before {
  content:"";
  font-weight:400}
.rating-select p.stars.selected a:not(.active)::before {
  content:"";
  font-weight:700}

@media(max-width: 767px) {
  .woocommerce-message,
.woocommerce-info {
  font-size:14px;
  line-height:22px;
  padding:10px 15px 10px 37px}
.woocommerce-message:before,
.woocommerce-info:before {
  font-size:16px;
  top:10px;
  left:15px}
}
.th-product {
  -webkit-transition:all ease .4s;
  transition:all ease .4s;
  background:var(--white-color);
  padding:20px;
  border-radius:16px;
  -webkit-box-shadow:0px 4px 50px rgba(0,0,0,.06);
  box-shadow:0px 4px 50px rgba(0,0,0,.06)}

@media(max-width: 1299px) {
  .th-product {
  padding:25px}
}
.th-product .product-title {
  font-size:20px;
  margin:2px 0 2px 0;
  font-weight:600}

@media(max-width: 1299px) {
  .th-product .product-title {
  font-size:18px}
}
.th-product .product-title a {
  color:inherit}
.th-product .product-title a:hover {
  color:var(--theme-color)}
.th-product .product-category {
  color:var(--body-color);
  margin-bottom:0px;
  display:block}
.th-product .product-category:hover {
  color:var(--theme-color)}
.th-product .product-tag {
  font-size:14px;
  position:absolute;
  top:10px;
  left:10px;
  background-color:var(--theme-color);
  color:var(--white-color);
  padding:0 12px;
  min-width:60px;
  border-radius:4px;
  z-index:3;
  line-height:24px}
.th-product .woocommerce-product-rating {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:5px;
  margin-top:3px;
  margin-bottom:-0.4rem}
.th-product .product-content {
  margin-bottom:-0.4rem}
.th-product .star-rating {
  margin:0 auto 0 auto;
  width:93px}
.th-product .price {
  display:block;
  color:var(--theme-color);
  font-size:14px;
  font-weight:500;
  margin-bottom:0;
  font-family:var(--body-font)}
.th-product .price del {
  margin-left:10px;
  font-weight:400;
  color:var(--body-color)}
.th-product .product-img {
  --space: 0px;
  background-color:var(--smoke-color);
  overflow:hidden;
  position:relative;
  margin:0 0 20px 0;
  border-radius:8px;
  text-align:center;
  z-index:2}
.th-product .product-img:before {
  --space: 0px;
  content:"";
  height:calc(100% - var(--space)*2);
  width:calc(100% - var(--space)*2);
  border-radius:inherit;
  position:absolute;
  top:var(--space);
  left:var(--space);
  background-color:var(--title-color);
  z-index:1;
  border-radius:8px;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  visibility:hidden;
  opacity:0;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.th-product .product-img img {
  width:100%;
  -webkit-transition:all ease .4s;
  transition:all ease .4s;
  -webkit-transform:scale(1);
  transform:scale(1)}
.th-product .actions {
  height:100%;
  position:absolute;
  left:0;
  top:50%;
  right:0;
  text-align:center;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:3;
  margin-top:0;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.th-product .actions .icon-btn {
  --btn-size: 45px;
  line-height:42px;
  font-size:16px;
  border-radius:50%;
  border-color:var(--white-color);
  background-color:var(--white-color);
  color:var(--title-color);
  -webkit-transform:translateY(30px);
  transform:translateY(30px)}
.th-product .actions .icon-btn:hover {
  color:var(--white-color);
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
.th-product .actions .woosw-btn {
  width:45px;
  height:45px;
  line-height:45px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center;
  font-size:16px;
  border-radius:50%;
  border-color:var(--white-color);
  background-color:var(--white-color);
  color:var(--title-color)}
.th-product .actions .woosw-btn:hover {
  color:var(--white-color);
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
.th-product .actions>* {
  margin:0 var(--icon-gap-x, 5px)}
.th-product .actions>*>a {
  margin:0}
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  width:45px;
  height:45px;
  line-height:42px;
  display:inline-block}
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
  position:relative;
  top:0;
  left:0;
  line-height:inherit;
  margin:0;
  font-size:24px}
.th-product .tinv-wishlist a {
  display:inline-block;
  width:40px;
  height:40px;
  line-height:40px;
  background-color:var(--white-color);
  color:var(--title-color);
  border-radius:50%}
.th-product .tinv-wishlist a:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.th-product .add_to_cart_button.added {
  display:none}
.th-product .added_to_cart {
  display:block;
  width:45px;
  height:45px;
  line-height:42px;
  background-color:var(--theme-color);
  color:var(--white-color);
  font-size:0;
  text-align:center;
  border-radius:99px;
  border:none}
.th-product .added_to_cart:after {
  content:"";
  position:relative;
  font-family:var(--icon-font);
  font-size:16px;
  font-weight:700}
.th-product .added_to_cart:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.th-product .action-btn {
  background-color:var(--white-color);
  font-size:14px;
  font-family:var(--title-font);
  text-transform:uppercase;
  font-weight:bold;
  display:inline-block;
  padding:13px 25px}
.th-product .product-actions {
  position:absolute;
  left:50%;
  bottom:-10%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  opacity:0;
  visibility:hidden;
  z-index:2;
  -webkit-transition:all .6s ease-in-out;
  transition:all .6s ease-in-out}
.th-product .product-actions .th-btn {
  padding:13px 15px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.th-product .product-actions .th-btn:hover:before {
  background-color:var(--theme-color)}
.th-product:hover .product-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.th-product:hover .product-img:before {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  visibility:visible;
  opacity:1}
.th-product:hover .product-actions {
  visibility:visible;
  opacity:1;
  bottom:35%}
.th-product:hover .product-actions .th-btn {
  background:var(--white-color)}
.th-product:hover .product-actions .th-btn:before {
  background:var(--theme-color)}
.th-product:hover .actions {
  margin-top:0;
  opacity:1;
  visibility:visible}
.th-product:hover .actions .icon-btn {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
.th-product.list-view {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:15px;
  text-align:left;
  height:100%;
  padding:10px}

@media(max-width: 991px) {
  .th-product.list-view {
  gap:10px}
}
.th-product.list-view .product-img {
  --space: 0px;
  width:100%;
  width:50%;
  margin:0}
.th-product.list-view .product-img:before {
  --space: 0px}
.th-product.list-view .product-category {
  font-size:13px;
  line-height:23px;
  margin-top:-3px}
.th-product.list-view .star-rating {
  margin:5px 0 0 0;
  width:93px;
  font-size:12px}
.th-product.list-view .product-content {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  padding:0 4px 0 13px}
.th-product.list-view .actions {
  --icon-gap-x: 2px;
  width:100%;
  right:0;
  text-align:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.th-product.list-view .actions .icon-btn {
  --btn-size: 45px;
  --btn-font-size: 14px;
  background-color:var(--white-color);
  color:var(--title-color);
  border:none}
.th-product.list-view .actions .icon-btn:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  width:35px;
  height:35px;
  line-height:35px}
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
  font-size:20px}
.th-product.list-view .tinv-wishlist a {
  width:35px;
  height:35px;
  line-height:35px}
.th-product.list-view .added_to_cart {
  width:35px;
  height:35px;
  line-height:35px}
.th-product.list-view .added_to_cart:after {
  font-size:16px}
.th-product.list-view .tag {
  top:8px;
  right:8px;
  padding:0px 15px}
.product-list-area {
  margin-bottom:-24px}
.swiper-slide.style2 .th-product {
  -webkit-box-shadow:0px 2px 14px rgba(0,0,0,.06);
  box-shadow:0px 2px 14px rgba(0,0,0,.06)}
#productCarousel .slick-arrow {
  top:37.5%}
.mfp-content {
  margin:1.5rem auto}
.mfp-content .product-details-img {
  padding-top:15px}
.mfp-content .product-about {
  padding-top:20px;
  padding-bottom:20px}
.mfp-content .container {
  position:relative}
.mfp-content .product-big-img {
  margin-top:12px;
  margin-bottom:12px}
.mfp-fade.mfp-bg {
  opacity:0;
  -webkit-transition:all .15s ease-out;
  transition:all .15s ease-out}
.mfp-fade.mfp-bg.mfp-ready {
  opacity:.8}
.mfp-fade.mfp-bg.mfp-removing {
  opacity:0}
.mfp-fade.mfp-wrap .mfp-content {
  opacity:0;
  -webkit-transition:all .4s ease-out;
  transition:all .4s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity:1}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity:0}
.woosq-popup {
  border-radius:10px}
.woosq-popup .product_meta>span>a:after,
.woosq-popup .product_meta>span>span:after {
  display:none}
.woosq-product>.product .summary {
  display:grid;
  -ms-flex-line-pack:center;
  align-content:center}
.woosq-product .thumbnails .slick-list {
  display:block}
.woosq-product .thumbnails .slick-dots li button {
  width:12px;
  height:12px;
  border-radius:50px;
  -webkit-transform:scale(1);
  transform:scale(1);
  background-color:var(--theme-color);
  opacity:.4}
.woosq-product .thumbnails .slick-dots li button:before {
  display:none}
.woosq-product .thumbnails .slick-dots li.slick-active button {
  opacity:1}
.woosq-product .tinv-wraper {
  display:none}
.th-sort-bar {
  padding:0;
  margin:0 0 35px 0;
  background-color:rgba(0,0,0,0);
  border-radius:0px}
.th-sort-bar .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 15px}
.th-sort-bar select {
  height:auto;
  border:0;
  background-color:var(--smoke-color);
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  font-size:16px;
  padding:11px 34px;
  margin:0;
  color:var(--title-color);
  background-position:right 20px center}
.th-sort-bar .woocommerce-result-count {
  padding-left:0;
  margin-bottom:0;
  color:var(--theme-color)}
.th-sort-bar .sorting-filter-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:16px}
.th-sort-bar .nav {
  border:1px solid #e9f6f9;
  border-radius:4px;
  padding:4px}
.th-sort-bar .nav a {
  display:inline-block;
  height:32px;
  width:32px;
  line-height:32px;
  border:0;
  background-color:rgba(0,0,0,0);
  text-align:center;
  position:relative;
  font-family:var(--title-font);
  font-weight:600;
  font-size:16px;
  text-transform:capitalize;
  color:var(--body-color);
  border-radius:5px}
.th-sort-bar .nav a.active {
  color:var(--white-color);
  background:var(--theme-color)}
.product-thumb-area {
  position:relative;
  margin-right:10px}
.product-thumb-area .product-thumb-tab {
  position:absolute;
  top:0;
  left:0}
.product-thumb-tab {
  --thumb: 120px;
  --gap: 10px;
  max-width:var(--thumb);
  margin-left:calc(0px - var(--thumb)/2);
  position:relative;
  z-index:3;
  display:grid;
  -ms-flex-line-pack:center;
  align-content:center;
  height:100%}
.product-thumb-tab .tab-btn {
  background-color:var(--white-color);
  cursor:pointer;
  height:var(--thumb);
  width:var(--thumb);
  padding:var(--gap)}
.product-thumb-tab .tab-btn img {
  max-width:100%}
.product-thumb-tab .tab-btn:not(:last-of-type) {
  margin-bottom:20px}
.product-thumb-tab .indicator {
  position:absolute;
  top:calc(var(--pos-y) + var(--gap));
  left:calc(var(--pos-x) + var(--gap));
  width:calc(var(--width-set) - var(--gap)*2);
  height:calc(var(--height-set) - var(--gap)*2);
  border:2px solid var(--theme-color);
  pointer-events:none;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.product-big-img {
  background-color:var(--smoke-color);
  text-align:center;
  overflow:hidden;
  border-radius:16px}
.product-big-img .img {
  width:100%;
  border-radius:16px}
.product-big-img .img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:16px;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.product-big-img .slider-pagination {
  position:absolute;
  bottom:40px;
  left:0}
.product-big-img .slick-dots {
  margin:-11px 0 0 0 !important;
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
  --border-color: #c0c0c0}
.img-magnifier-container {
  position:relative}
.img-magnifier-glass {
  position:absolute;
  -webkit-box-shadow:inset 0 10px 18px rgba(0,0,0,.2);
  box-shadow:inset 0 10px 18px rgba(0,0,0,.2);
  border-radius:50%;
  cursor:none;
  width:200px;
  height:200px}
.magnify {
  position:relative;
  cursor:none}
.magnify .magnifier {
  height:180px;
  width:180px;
  position:absolute;
  z-index:20;
  -webkit-box-shadow:inset 0 10px 18px rgba(0,0,0,.2);
  box-shadow:inset 0 10px 18px rgba(0,0,0,.2);
  border-radius:50%;
  background-size:700%;
  background-repeat:no-repeat;
  margin-left:-90px !important;
  margin-top:-90px !important;
  pointer-events:none;
  display:none}
.magnify .magnified {
  display:block;
  z-index:10;
  margin:auto;
  width:100%;
  height:100%}
.magnify img {
  width:100%;
  height:100%}
.quantity {
  position:relative;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  vertical-align:middle}
.quantity>.screen-reader-text {
  display:inline-block;
  font-weight:600;
  color:var(--title-color);
  font-family:var(--title-font);
  margin:0;
  -ms-flex-item-align:center;
  align-self:center;
  margin-right:10px}
.quantity .qty-btn,
.quantity .qty-input {
  display:inline-block;
  width:50px;
  height:50px;
  border:none;
  border-right:none;
  background-color:rgba(0,0,0,0);
  padding:0;
  border-radius:0;
  text-align:center;
  color:var(--body-color);
  font-size:18px;
  font-weight:600}
.quantity .qty-btn:last-child,
.quantity .qty-input:last-child {
  border-right:none}
.quantity .qty-btn {
  font-size:16px}
.product_meta {
  font-weight:700;
  font-size:16px;
  font-family:var(--body-font);
  margin:35px 0 0 0}
.product_meta>span {
  display:block;
  margin-bottom:5px;
  color:var(--title-color);
  font-weight:bold}
.product_meta>span:last-child {
  margin-bottom:0}
.product_meta>span a {
  color:inherit}
.product_meta>span a:hover {
  color:var(--theme-color)}
.product_meta>span>a,
.product_meta>span>span {
  position:relative;
  color:var(--body-color);
  font-weight:400}
.product_meta>span>a:after,
.product_meta>span>span:after {
  content:",";
  margin-right:5px}
.product_meta>span>a:last-child:after,
.product_meta>span>span:last-child:after {
  display:none}
.product_meta>span>a:first-child,
.product_meta>span>span:first-child {
  margin-left:7px}
.product-tab-style1 {
  border-bottom:1px solid #e4e4e4;
  margin:95px 0 40px 0}
.product-tab-style1 li {
  margin:0 45px 0 0}
.product-tab-style1 li:last-child {
  margin-right:0}
.product-tab-style1 a {
  font-family:var(--title-font);
  background-color:rgba(0,0,0,0);
  border-radius:0;
  color:var(--title-color);
  font-size:20px;
  font-weight:600;
  display:inline-block;
  position:relative;
  line-height:1;
  padding:0 0 17px 0;
  text-transform:capitalize}
.product-tab-style1 a:before {
  content:"";
  position:absolute;
  left:0;
  top:unset;
  bottom:-1px;
  height:2px;
  width:0;
  background-color:var(--theme-color);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.product-tab-style1 a:hover,
.product-tab-style1 a.active {
  color:var(--title-color)}
.product-tab-style1 a:hover:before,
.product-tab-style1 a.active:before {
  width:100%}
.product-tab-style2 {
  border-bottom:1px solid #e4e4e4;
  margin:95px 0 40px 0}
.product-tab-style2 li {
  margin:0 45px 0 0}
.product-tab-style2 li:last-child {
  margin-right:0}
.product-tab-style2 a {
  font-family:var(--title-font);
  color:var(--title-color);
  font-size:20px;
  font-weight:600;
  display:inline-block;
  position:relative;
  line-height:1;
  padding:0 0 17px 0;
  text-transform:capitalize}
.product-tab-style2 a:before {
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  height:1px;
  width:0;
  background-color:var(--theme-color);
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.product-tab-style2 a.active:before {
  width:100%}
#productTabContent {
  margin-bottom:-10px}
#additional_information {
  margin-bottom:40px}
.product-inner-list>ul {
  margin:0;
  padding:0;
  list-style-type:none}
.product-inner-list li {
  position:relative;
  padding-left:15px}
.product-inner-list li:before {
  content:"-";
  position:absolute;
  left:0}
.share-title {
  font-size:16px;
  font-weight:600;
  color:var(--title-color);
  margin-bottom:8px}
.share-title i {
  color:var(--theme-color)}
.summary-content .product-title,
.product-about .product-title {
  margin:0 0 5px 0}
.summary-content .product_title,
.product-about .product_title {
  margin-bottom:20px !important}
.summary-content>.price,
.product-about>.price {
  font-family:var(--body-font);
  font-size:20px;
  font-weight:800;
  color:var(--theme-color);
  display:block;
  max-width:-webkit-fit-content;
  max-width:-moz-fit-content;
  max-width:fit-content;
  margin-bottom:5px;
  margin-top:-0.2em}
.summary-content>.price del,
.product-about>.price del {
  color:var(--gray-color);
  font-weight:500;
  margin-left:15px}
.summary-content .woocommerce-product-rating,
.summary-content .product-rating,
.product-about .woocommerce-product-rating,
.product-about .product-rating {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  gap:5px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  top:2px;
  font-size:16px;
  line-height:20px;
  padding:0 0 0 0;
  margin:0 0 0 0;
  margin-bottom:15px}
.summary-content .woocommerce-product-rating .star-rating,
.summary-content .product-rating .star-rating,
.product-about .woocommerce-product-rating .star-rating,
.product-about .product-rating .star-rating {
  width:80px;
  font-size:12px;
  margin-right:8px}
.summary-content .woocommerce-review-link,
.product-about .woocommerce-review-link {
  color:var(--body-color)}
.summary-content .checklist,
.product-about .checklist {
  margin:29px 0 29px 0}
.summary-content .actions,
.product-about .actions {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:15px;
  margin:35px 0 25px 0}
.summary-content .actions .th-btn,
.product-about .actions .th-btn {
  padding:17px 44.5px}
.summary-content .actions .th-btn .btn-icon,
.product-about .actions .th-btn .btn-icon {
  padding:10.5px 15px 10.5px 15px}
.summary-content .actions .icon-btn,
.product-about .actions .icon-btn {
  --btn-size: 60px;
  border-color:var(--theme-color);
  background-color:var(--theme-color);
  color:var(--white-color);
  border-radius:99px}
.summary-content .actions .icon-btn:hover,
.product-about .actions .icon-btn:hover {
  background-color:var(--title-color);
  border-color:var(--title-color)}
.summary-content .share,
.product-about .share {
  margin-top:25px}
.summary-content .th-social a,
.product-about .th-social a {
  --icon-size: 40px;
  line-height:38px;
  font-size:14px;
  border:1px solid var(--th-border-color);
  border-radius:0}
.summary-content .th-social a:hover,
.product-about .th-social a:hover {
  border-color:var(--theme-color)}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  width:60px;
  height:60px;
  line-height:60px;
  display:inline-block;
  border-radius:99px;
  background-color:var(--theme-color);
  color:var(--white-color);
  border:none}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
  position:relative;
  top:0;
  left:0;
  line-height:inherit;
  margin:0;
  font-size:24px}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover {
  background-color:var(--title-color)}
.summary-content .tinv-wishlist a,
.product-about .tinv-wishlist a {
  display:inline-block;
  width:56px;
  height:56px;
  line-height:56px;
  border-radius:0}
.summary-content .tinv-wishlist a:hover,
.product-about .tinv-wishlist a:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.summary-content .quantity,
.product-about .quantity {
  position:relative}
.summary-content .quantity:after,
.product-about .quantity:after {
  content:"";
  height:100%;
  width:1px;
  background-color:var(--title-color);
  position:absolute;
  top:0;
  left:55px}
.summary-content .quantity .qty-input,
.product-about .quantity .qty-input {
  width:101px;
  height:60px;
  background-color:var(--title-color);
  color:var(--white-color);
  padding:0 21px;
  text-align:left;
  font-size:18px;
  font-weight:500;
  border-radius:10px}
.summary-content .quantity .qty-btn,
.product-about .quantity .qty-btn {
  color:var(--white-color);
  background-color:rgba(0,0,0,0);
  position:absolute;
  right:21px;
  height:auto;
  width:auto;
  border:none;
  font-size:14px;
  line-height:16px}
.summary-content .quantity .quantity-minus,
.product-about .quantity .quantity-minus {
  bottom:12px}
.summary-content .quantity .quantity-plus,
.product-about .quantity .quantity-plus {
  top:12px}
.woocommerce-Reviews .th-post-comment {
  border-radius:20px}
.woocommerce-Reviews .th-post-comment .text {
  margin-bottom:-0.5em}
.woocommerce-Reviews .th-comments-wrap {
  padding:0;
  margin-right:0 !important;
  -webkit-box-shadow:none;
  box-shadow:none;
  background-color:rgba(0,0,0,0)}
.woocommerce-Reviews .th-comment-form {
  -webkit-box-shadow:none;
  box-shadow:none;
  margin-right:0 !important;
  margin-top:28px;
  margin-bottom:10px}
.woocommerce-Reviews .th-comment-form input,
.woocommerce-Reviews .th-comment-form .form-control {
  background-color:var(--white-color)}
.woocommerce-Reviews .th-comment-form .blog-inner-title {
  margin-bottom:10px}
.woocommerce-Reviews .comment-list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:0 24px;
  margin:-12px !important;
  margin-bottom:28px !important}
.woocommerce-Reviews .comment-list li {
  width:50%}

@media(max-width: 991px) {
  .woocommerce-Reviews .comment-list li {
  width:100%}
}
.woocommerce-Reviews .th-post-comment {
  border:1px solid var(--th-border-color) !important;
  padding:40px !important;
  -webkit-box-shadow:0px 4px 30px rgba(1,15,28,.06);
  box-shadow:0px 4px 30px rgba(1,15,28,.06);
  margin:12px;
  border-radius:10px}
.woocommerce-Reviews .th-post-comment .name {
  margin-bottom:3px}
.woocommerce-Reviews .th-post-comment .commented-on {
  margin-bottom:12px}

@media(max-width: 991px) {
  .woocommerce-Reviews .comment-list {
  grid-template-columns:repeat(1, 1fr)}
}
#description {
  margin-bottom:30px}
.product-details .th-comments-wrap {
  margin-top:0}
.product-details .border-title {
  position:relative;
  padding-bottom:20px;
  margin-bottom:40px}
.product-details .border-title:before {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:2px;
  width:80px;
  background-color:var(--theme-color)}
.product-inner-title {
  font-size:32px;
  border-bottom:1px solid var(--th-border-color);
  padding:0 0 7px 0;
  margin:0 0 30px 0}
.related-product-wrapper {
  padding-top:115px}

@media(max-width: 1299px) {
  .product-thumb-tab {
  --thumb: 100px;
  margin-left:-40px}
.product-thumb-area {
  margin-right:0}
}

@media(max-width: 1199px) {
  .th-sort-bar select {
  min-width:auto}
.product-tab-style1 {
  margin:55px 0 40px 0}
.summary-content,
.product-about {
  padding-left:0}
}

@media(max-width: 991px) {
  .product-big-img {
  margin-bottom:40px}
.product-thumb-tab {
  margin-left:-10px}
.th-product-box.list-view .product-img {
  max-width:150px}
.th-sort-bar .row {
  --bs-gutter-x: 20px}
.th-sort-bar .nav a:last-child {
  margin-right:0;
  padding-right:0}
.th-sort-bar .nav a:last-child:before {
  display:none}
.woosq-product>.product .thumbnails {
  max-height:400px;
  min-height:200px;
  padding:10px}
}

@media(max-width: 767px) {
  .th-sort-bar {
  text-align:center;
  padding:10px 15px 15px 15px}
.th-sort-bar .nav {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.th-sort-bar select {
  margin:0 auto}
.th-sort-bar .woocommerce-result-count {
  padding-left:0}
.th-product-box.list-view .product-img {
  max-width:130px}
.th-product-box.list-view .actions {
  --btn-size: 30px;
  --btn-font-size: 10px;
  --icon-gap-x: 2px}
}

@media(max-width: 575px) {
  .product-about .actions {
  gap:15px 15px}
.product-thumb-tab {
  --thumb: 74px;
  --gap: 6px}
.product-thumb-tab .tab-btn:not(:last-of-type) {
  margin-bottom:10px}
}

@media(max-width: 375px) {
  .th-product.list-view .product-img {
  max-width:130px}
.th-product.list-view .product-content {
  padding:0 15px}
}
.productSlide {
  position:relative}
.productSlide .product-tag {
  font-size:14px;
  position:absolute;
  top:30px;
  left:30px;
  background-color:var(--theme-color);
  text-transform:uppercase;
  color:var(--white-color);
  padding:0 12px;
  border-radius:8px;
  min-width:60px;
  z-index:3;
  line-height:24px}
.product-thumb {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:10px;
  cursor:pointer}
.product-thumb .tab-btn {
  border:1px solid var(--title-color);
  width:60px;
  height:60px}

@media(max-width: 375px) {
  .product-thumb .tab-btn {
  width:40px;
  height:40px}
}
.product-thumb .tab-btn.active {
  border:1px solid var(--theme-color)}
.product-thumb-wrap {
  position:absolute;
  left:30px;
  bottom:30px;
  z-index:2}

@media(max-width: 1199px) {
  .product-thumb-wrap {
  left:10px;
  bottom:10px}
}

@media(max-width: 991px) {
  .product-thumb-wrap {
  left:20px;
  bottom:20px}
}
.search-form-area .search-form {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.search-form-area .search-form input {
  background-color:var(--smoke-color);
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  border:none;
  height:60px;
  border-radius:100px;
  padding-right:25px}
.search-form-area .search-form button {
  position:absolute;
  top:8px;
  right:8px;
  border:none;
  font-size:18px;
  background-color:var(--theme-color);
  color:var(--white-color);
  display:inline-block;
  padding:0;
  width:44px;
  height:44px;
  line-height:44px;
  border-radius:50%;
  text-align:center}
.search-form-area .search-form button:hover {
  background-color:var(--title-color)}
.woosw-btn {
  width:60px;
  height:60px;
  line-height:60px;
  text-align:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:10px;
  background-color:var(--theme-color);
  color:var(--white-color)}
.woosw-btn:hover {
  background-color:var(--title-color);
  color:var(--white-color)}
.woocommerce-cart-form {
  text-align:center}
.cart_table {
  border:1px solid #eaf0f2;
  margin-bottom:45px}
.cart_table thead {
  background-color:#ecf0f1}
.cart_table thead th {
  border:none !important}
.cart_table td:before,
.cart_table th {
  font-family:var(--title-font);
  color:var(--title-color);
  font-weight:800;
  border:none;
  padding:27px 15px}
.cart_table td:before {
  content:attr(data-title);
  position:absolute;
  left:15px;
  top:50%;
  vertical-align:top;
  padding:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  display:none}
.cart_table td {
  border:none;
  border-bottom:1px solid #f3f3f3;
  color:#8b8b8b;
  padding:20px 10px;
  position:relative;
  vertical-align:middle}
.cart_table .product-quantity {
  color:var(--title-color)}
.cart_table .product-quantity input {
  position:relative;
  top:-2px}
.cart_table .cart-productname {
  font-weight:400;
  font-family:var(--body-font);
  color:var(--body-color)}
.cart_table .cart-productimage {
  display:inline-block;
  border:2px solid var(--smoke-color)}
.cart_table .remove {
  color:var(--theme-color);
  font-size:18px}
.cart_table .quantity {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.cart_table td.product-quantity {
  min-width:155px}
.cart_table .qty-btn {
  border:2px solid var(--smoke-color) !important;
  background-color:rgba(0,0,0,0);
  color:#b8c6d0;
  padding:0;
  width:30px;
  height:30px;
  line-height:28px;
  font-size:14px;
  border-radius:4px}
.cart_table .qty-btn:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.cart_table .qty-input {
  vertical-align:middle;
  border:2px solid var(--smoke-color);
  width:60px;
  height:30px;
  font-size:14px;
  text-align:center;
  color:var(--title-color);
  font-weight:700;
  margin:0 3px;
  border-radius:4px;
  padding:0}
.cart_table .qty-input::-moz-placeholder {
  color:var(--title-color)}
.cart_table .qty-input::-webkit-input-placeholder {
  color:var(--title-color)}
.cart_table .qty-input:-ms-input-placeholder {
  color:var(--title-color)}
.cart_table .qty-input::-ms-input-placeholder {
  color:var(--title-color)}
.cart_table .qty-input::placeholder {
  color:var(--title-color)}
.cart_table .qty-input::-webkit-outer-spin-button,
.cart_table .qty-input::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0}
.cart_table .qty-input[type=number] {
  -moz-appearance:textfield}
.cart_table .actions {
  text-align:right;
  vertical-align:middle;
  padding-left:20px}
.cart_table .actions>.th-btn {
  font-size:16px;
  padding:20px 28px;
  margin-right:15px}
.cart_table .actions>.th-btn:last-child {
  margin-right:0}
.cart_table .th-cart-coupon {
  float:left;
  margin:0;
  width:455px;
  max-width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.cart_table .th-cart-coupon input {
  width:calc(100% - 200px);
  margin-right:10px}
.cart_table .th-cart-coupon .th-btn {
  font-size:16px;
  padding:20px 25px;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content}
.cart_totals {
  border:1px solid #ecf0f1}
.cart_totals th,
.cart_totals td {
  vertical-align:top;
  padding:20px 20px;
  border:none;
  border-bottom:1px solid #ecf0f1;
  font-size:14px;
  color:var(--title-color);
  width:55%}
.cart_totals th:first-child,
.cart_totals td:first-child {
  width:45%;
  background-color:#f9fbfb;
  font-weight:700;
  font-size:14px;
  color:#333}
.cart_totals .shipping-calculator-button {
  display:inline-block;
  border-bottom:1px solid;
  color:var(--title-color);
  font-weight:700}
.cart_totals .shipping-calculator-button:hover {
  color:var(--theme-color)}
.cart_totals .woocommerce-shipping-destination {
  margin-bottom:10px}
.cart_totals .woocommerce-shipping-methods {
  margin-bottom:0}
.cart_totals .shipping-calculator-form {
  display:none}
.cart_totals .shipping-calculator-form p:first-child {
  margin-top:20px}
.cart_totals .shipping-calculator-form p:last-child {
  margin-bottom:0}
.cart_totals .amount {
  font-weight:700}
.cart_totals .order-total .amount {
  color:var(--theme-color)}
.empty-notice {
  margin:40px auto}

@media(max-width: 991px) {
  .cart_table th {
  padding:23px 8px;
  font-size:14px}
.cart_table .cart-productname {
  font-size:14px}
.cart_table .th-cart-coupon {
  width:100%;
  margin-bottom:20px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.cart_table .actions {
  text-align:center}
.cart_table .cart-productimage {
  max-width:100px}
}

@media(max-width: 767px) {
  .cart_table {
  text-align:left;
  min-width:auto;
  border-collapse:separate;
  border-spacing:0 20px;
  border:none}
.cart_table thead {
  display:none}
.cart_table td {
  padding:15px;
  display:block;
  width:100%;
  padding-left:25%;
  text-align:right;
  border:1px solid #f3f3f3;
  border-bottom:none}
.cart_table td::before {
  display:block}
.cart_table td:last-child {
  border-bottom:1px solid #f3f3f3}
.cart_table td.actions {
  padding-left:15px;
  text-align:center}
.cart_table td.actions>.th-btn {
  margin-top:10px;
  margin-right:0;
  display:block;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  margin-left:auto;
  margin-right:auto}
.cart_table td.actions>.th-btn:last-child {
  margin-right:auto}
.cart_table .th-cart-coupon {
  width:100%;
  text-align:center;
  float:none;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  display:block;
  padding-bottom:10px}
.cart_table .th-cart-coupon input {
  width:100%;
  margin-bottom:10px}
.cart_totals th,
.cart_totals td {
  padding:15px 10px}
.cart_totals th:first-child,
.cart_totals td:first-child {
  width:17%;
  line-height:1.4}
}
.wc-block-components-quantity-selector {
  height:40px}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  height:40px}
.wc-block-components-product-badge {
  background:var(--theme-color);
  color:var(--white-color)}
.wc-block-cart__submit-button {
  background:var(--theme-color) !important;
  color:var(--white-color) !important;
  -webkit-transition:.4s;
  transition:.4s}
.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale {
  background:var(--theme-color) !important;
  color:var(--white-color) !important;
  padding:12px 20px;
  border:none !important}
.case-slider .swiper-slide {
  border-radius:24px;
  -webkit-filter:blur(4px);
  filter:blur(4px)}
.case-slider .swiper-slide.swiper-slide-active {
  border-radius:24px;
  -webkit-filter:none !important;
  filter:none !important}
.case-slider .swiper-slide.swiper-slide-active .case-img::before {
  opacity:.8;
  visibility:visible}
.case-slider .swiper-slide.swiper-slide-active .case-img .case-action {
  opacity:1;
  visibility:visible}
.case-slider .case-box .case-content {
  visibility:visible;
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)}
.case-box {
  position:relative;
  border-radius:24px;
  overflow:hidden;
  --space: 40px}

@media(max-width: 991px) {
  .case-box {
  --space: 20px}
}

@media(max-width: 575px) {
  .case-box {
  padding:10px;
  border-radius:20px;
  --space: 10px}
}
.case-box .case-img {
  position:relative;
  overflow:hidden;
  border-radius:24px;
  z-index:2}

@media(max-width: 991px) {
  .case-box .case-img {
  margin-bottom:0}
}
.case-box .case-img:before {
  position:absolute;
  content:"";
  inset:0;
  border-radius:24px;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(11, 20, 34, 0.8)), to(rgba(11, 20, 34, 0.8)));
  background:linear-gradient(180deg, rgba(11, 20, 34, 0.8) 0%, rgba(11, 20, 34, 0.8) 100%);
  opacity:0;
  visibility:hidden;
  z-index:1;
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 575px) {
  .case-box .case-img {
  border-radius:15px}
}
.case-box .case-img img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:24px;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}

@media(max-width: 575px) {
  .case-box .case-img img {
  max-width:100%;
  max-height:100%;
  border-radius:15px}
}
.case-box .case-content {
  position:absolute;
  bottom:40px;
  z-index:2;
  padding:0 40px;
  visibility:hidden;
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}

@media(max-width: 991px) {
  .case-box .case-content {
  max-width:380px;
  padding:0 20px;
  bottom:20px;
  gap:60px}
}

@media(max-width: 767px) {
  .case-box .case-content {
  max-width:100%;
  display:block;
  margin:auto}
}
.case-box .box-title {
  margin-bottom:0px}
.case-box .box-title a {
  color:var(--white-color)}
.case-box .case-subtitle {
  font-size:16px;
  color:var(--white-color);
  margin-bottom:8px}
.case-box .case-action {
  opacity:0;
  visibility:hidden;
  z-index:2;
  -webkit-transition:.4s;
  transition:.4s}
.case-box .th-btn {
  padding:11.5px 34px}
.case-box .th-btn:after {
  -webkit-mask-image:url("../img/icon/arrow-right3.svg");
  mask-image:url("../img/icon/arrow-right3.svg");
  width:16px;
  height:16px}

@media(max-width: 1199px) {
  .case-box .th-btn {
  padding:10px 20px}
}

@media(max-width: 767px) {
  .case-box .th-btn {
  padding:7px 20px;
  margin-top:10px}
.case-box .th-btn:after {
  display:none}
}

@media(max-width: 375px) {
  .case-box .th-btn {
  padding:7px 10px}
}
.case-box:hover .case-img:before {
  -webkit-transform:scale(1);
  transform:scale(1)}

@media(max-width: 1199px) {
  .case-title-box {
  margin-bottom:20px}
}
.case-action {
  position:absolute;
  top:20px;
  right:20px}
.case-action.g4-bgn {
  opacity:0;
  visibility:hidden;
  -webkit-transform:scale(0.2);
  transform:scale(0.2);
  -webkit-transition:.4s;
  transition:.4s}
.case-btn {
  position:relative;
  font-size:24px;
  width:55px;
  height:56px;
  line-height:56px;
  text-align:center;
  display:inline-block;
  border-radius:30px;
  color:var(--white-color);
  border:1px solid #fff;
  -webkit-transition:.4s;
  transition:.4s}
.case-btn i {
  position:relative;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:.4s;
  transition:.4s}
.case-btn::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  opacity:0;
  visibility:hidden;
  -webkit-transform:scale(0.5);
  transform:scale(0.5);
  border-radius:50%;
  background-color:var(--theme-color);
  -webkit-transition:.4s;
  transition:.4s}
.case-btn:hover {
  border:1px solid var(--theme-color)}
.case-btn:hover i {
  color:var(--white-color);
  -webkit-transform:rotate(0);
  transform:rotate(0)}
.case-btn:hover::before {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)}
.case-action {
  position:absolute;
  top:20px;
  right:20px}
.case-btn {
  position:relative;
  font-size:24px;
  width:55px;
  height:56px;
  line-height:56px;
  text-align:center;
  display:inline-block;
  border-radius:30px;
  color:var(--white-color);
  border:1px solid #fff;
  -webkit-transition:.4s;
  transition:.4s}
.case-btn i {
  position:relative}
.case-btn::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  opacity:0;
  visibility:hidden;
  -webkit-transform:scale(0.5);
  transform:scale(0.5);
  border-radius:50%;
  background-color:var(--theme-color);
  -webkit-transition:.4s;
  transition:.4s}
.case-btn:hover {
  border:1px solid var(--theme-color)}
.case-btn:hover i {
  color:var(--white-color)}
.case-btn:hover::before {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)}
.case-area3 .th-container {
  --main-container: 1472px}
.case-slider3 .swiper-slide {
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:24px;
  overflow:hidden}
.case-slider3 .swiper-slide.swiper-slide-active {
  border-radius:24px}
.case-slider3 .swiper-slide.swiper-slide-active .case-img {
  width:425px;
  height:470px;
  display:block;
  margin:auto}
.case-slider3 .swiper-slide.swiper-slide-active .case-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.case-box3 {
  position:relative}
.case-box3 .case-img {
  position:relative;
  border-radius:24px;
  height:470px;
  overflow:hidden;
  -webkit-box-shadow:none;
  box-shadow:none}
.case-box3 .case-img:after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(13,13,12,.5);
  border-radius:24px;
  opacity:0;
  -webkit-transition:.4s ease;
  transition:.4s ease;
  -webkit-transform:scale(0);
  transform:scale(0);
  z-index:1}
.case-box3 .case-img .icon-btn {
  position:absolute;
  top:calc(50% - 20px);
  left:calc(50% - 20px);
  z-index:3;
  -webkit-transform:scale(0);
  transform:scale(0);
  border:none;
  font-size:40px;
  font-weight:300;
  color:var(--white-color)}
.case-box3 .case-img .icon-btn:hover {
  background-color:rgba(0,0,0,0)}
.case-box3 .case-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:24px}
.case-box3:hover .case-img:after {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)}
.case-box3:hover .icon-btn {
  -webkit-transform:scale(1);
  transform:scale(1)}
.case-row4 {
  display:grid;
  grid-template-columns:auto auto auto auto;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin:0 12px}

@media(max-width: 1199px) {
  .case-row4 {
  grid-template-columns:auto auto auto}
}

@media(max-width: 767px) {
  .case-row4 {
  grid-template-columns:auto auto}
}

@media(max-width: 575px) {
  .case-row4 {
  grid-template-columns:auto}
}
.case-box {
  position:relative}
.case-box.style2 .case-img {
  position:relative;
  height:360px;
  overflow:hidden;
  z-index:2;
  border-radius:16px}
.case-box.style2 .case-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:16px}

@media(max-width: 991px) {
  .case-box.style2 .case-img img {
  margin-bottom:0}
}
.case-box.style2 .case-img::before {
  width:100%;
  height:100%;
  -webkit-transition:.4s ease;
  transition:.4s ease}
.case-box.style2 .case-img:after {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  inset:0;
  background:rgba(11,20,34,.7);
  border-radius:16px;
  opacity:0;
  -webkit-transition:.4s ease;
  transition:.4s ease;
  -webkit-transform:scale(0);
  transform:scale(0);
  z-index:2}

@media(max-width: 575px) {
  .case-box.style2 .case-img.global-img {
  margin-bottom:0}
}
.case-box.style2 .icon-btn {
  position:absolute;
  width:56px;
  height:56px;
  top:20px;
  right:20px;
  line-height:56px;
  text-align:center;
  border:1px solid var(--white-color);
  z-index:3;
  -webkit-transform:scale(0);
  transform:scale(0);
  font-size:15px;
  font-weight:300;
  color:var(--white-color)}
.case-box.style2 .icon-btn:hover {
  background-color:rgba(0,0,0,0)}

@media(max-width: 991px) {
  .case-box.style2 .box-title {
  font-size:24px}
}
.case-box.style2 .case-content {
  z-index:2;
  text-align:start}

@media(max-width: 991px) {
  .case-box.style2 .case-content {
  padding:0 20px;
  bottom:50px}
}
.case-box.style2:hover .case-img:after {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)}
.case-box.style2:hover .case-content {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)}
.case-box.style2:hover .icon-btn {
  -webkit-transform:scale(1);
  transform:scale(1)}
.case-box3 .case-content {
  position:absolute;
  max-width:348px;
  bottom:-100px;
  left:24px;
  right:67px;
  margin:auto;
  opacity:0;
  visibility:hidden;
  padding:17px 24px;
  border-radius:16px;
  display:inline-block;
  background-color:var(--white-color);
  z-index:2;
  -webkit-transition:.4s;
  transition:.4s}
.case-box3 .case-title {
  font-weight:600;
  font-size:22px;
  display:inline-block;
  line-height:1;
  margin-bottom:0;
  text-transform:capitalize;
  color:var(--title-color)}
.case-box3 .case-categ {
  font-weight:600;
  font-size:14px;
  display:block;
  text-transform:capitalize;
  color:var(--body-color)}
.case-box3 .case-icon {
  position:absolute;
  width:56px;
  height:56px;
  right:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  line-height:56px;
  text-align:center;
  color:var(--white-color);
  background:var(--theme-color);
  border-radius:50%;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.4s;
  transition:.4s}
.case-box3 .case-icon:hover {
  color:var(--white-color);
  background-color:var(--title-color)}
.case-box3 .case-img:hover .case-content {
  bottom:24px;
  opacity:1;
  visibility:visible}
.case-box3 .case-img:hover .case-content:hover .case-icon {
  right:-44px;
  opacity:1;
  visibility:visible}
.case-box.inner-style1 .case-img {
  height:100%}
.case4-btn {
  border:0;
  font-size:14px;
  padding:7px 25px;
  border-radius:10px;
  -webkit-transition:.4s;
  transition:.4s;
  background:#eef1ff}
.case4-btn:not(:last-child) {
  margin-right:6px;
  margin-bottom:10px}
.case4-btn.active {
  color:var(--white-color);
  background:var(--theme-color)}
.case4-btn:hover {
  color:var(--white-color);
  background:var(--theme-color)}
.case-study-list-item .icon {
  margin-right:17px;
  color:var(--theme-color)}
.job-author {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin-right:15px}

@media(max-width: 575px) {
  .job-author {
  margin-right:0}
}
.job-author img {
  width:80px;
  height:80px;
  border-radius:50%}
.author-info .company-name {
  font-weight:500;
  font-size:14px;
  color:var(--theme-color);
  display:block}
.author-info .job-title {
  font-weight:600;
  font-size:22px;
  color:var(--title-color);
  display:block;
  margin-bottom:9px}
.author-info .location>i {
  color:var(--theme-color)}
.job-content {
  border-radius:10px;
  margin-bottom:24px}
.job-post {
  padding:24px;
  -webkit-box-shadow:0 10px 65px 0 rgba(0,0,0,.09);
  box-shadow:0 10px 65px 0 rgba(0,0,0,.09);
  border-radius:20px}
.job-post_author {
  padding:20px 24px}
.job-post_date {
  padding:24px;
  padding-bottom:0}
.job-post_date .date {
  font-size:14px;
  font-weight:500;
  padding:7px 20px;
  border-radius:100px;
  color:var(--title-color);
  background-color:var(--white-color)}
.job-post_date .icon {
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:var(--title-color);
  border:1px solid var(--th-border-color);
  background-color:var(--white-color);
  border-radius:100px;
  display:inline-block}

@media(max-width: 767px) {
  .job-post_date .icon {
  display:block}
}
.job-post .price {
  font-size:18px;
  font-weight:600;
  color:var(--title-color)}
.job-post .price>i {
  color:var(--theme-color)}
.job-post .th-btn {
  padding:10px 24px;
  background-color:rgba(0,0,0,0);
  color:var(--title-color);
  border:1px solid var(--th-border-color)}

@media(max-width: 575px) {
  .job-post .th-btn {
  margin-top:10px}
}
.job-post .th-btn:hover {
  color:var(--white-color);
  border-color:var(--theme-color)}
.job-post .th-btn:hover::before {
  background-color:var(--theme-color)}
.job-category {
  padding:24px;
  text-align:center;
  border-top:1px solid var(--th-border-color)}

@media(max-width: 991px) {
  .job-category {
  text-align:start}
}

@media(max-width: 767px) {
  .job-category {
  text-align:center}
}
.job-category a {
  font-size:14px;
  padding:7px 12px;
  border-radius:100px;
  display:inline-block;
  color:var(--title-color);
  text-align:center;
  margin:auto;
  background-color:var(--white-color);
  -webkit-transition:.4s;
  transition:.4s}
.job-category a:not(:last-child) {
  margin-right:6px}

@media(max-width: 575px) {
  .job-category a:not(:last-child) {
  margin-bottom:6px}
}
.job-category a:hover {
  color:var(--white-color);
  background-color:var(--theme-color)}
.job-post.style2 {
  padding:0;
  -webkit-box-shadow:none;
  box-shadow:none}
.job-post.style2 .date {
  font-weight:500;
  color:var(--body-color);
  font-size:14px;
  background:var(--white-color);
  display:inline-block;
  padding:7px 20.5px;
  border-radius:50px;
  margin-bottom:22px}
.job-post.style2 .date .deadline {
  font-weight:700;
  color:var(--title-color) !important}
.job-post.style2 .job-post_date {
  padding:0}
.job-post.style2 .job-post_date .icon {
  width:46px;
  height:46px;
  line-height:46px}

@media(max-width: 767px) {
  .job-post.style2 .job-post_date .icon {
  text-align:center;
  margin:auto;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto}
}
.job-post.style2 .job-post_author {
  padding:0;
  margin-bottom:0}
.job-post.style2 .job-content {
  margin-bottom:0;
  padding:24px}
.job-post.style2 .job-category {
  padding:0;
  border:0}
.job-post.style2 .job-category a {
  padding:3px 15.5px}
.job-post.style2 .job-category_wrapper {
  border-top:1px solid var(--th-border-color);
  padding:24px}
.job-post.style2 .job-category_wrapper .star i {
  font-size:14px;
  color:var(--title-color)}
.job-post.style2 .job-category_wrapper .star i:not(:last-child) {
  color:#ffb321}
.job-post.style2 .th-btn {
  padding:9px 30.5px}

@media(max-width: 767px) {
  .job-post.style2 .th-btn {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto}
}
.job-responsibilities .checklist,
.job-skill .checklist,
.job-education .checklist,
.job-benefits .checklist {
  margin-left:20px}
.job-responsibilities .checklist ul,
.job-skill .checklist ul,
.job-education .checklist ul,
.job-benefits .checklist ul {
  list-style:disc}
.job-responsibilities .checklist ul li,
.job-skill .checklist ul li,
.job-education .checklist ul li,
.job-benefits .checklist ul li {
  padding-left:0}
.job-responsibilities .checklist ul li::marker,
.job-skill .checklist ul li::marker,
.job-education .checklist ul li::marker,
.job-benefits .checklist ul li::marker {
  color:var(--theme-color)}
.job-sidebar ul {
  padding:0;
  margin:0}
.job-sidebar ul li {
  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;
  color:var(--title-color)}
.job-sidebar ul li:not(:last-child) {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid var(--th-border-color)}
.job-sidebar ul li strong {
  font-weight:400;
  color:var(--body-color)}
.recent-post.style3 {
  padding-top:30px;
  border-top:1px solid var(--th-border-color)}
.recent-post.style3 .recent-post-meta:not(:last-child) {
  margin-bottom:10px}
.recent-post.style3 .recent-post-meta a:not(:last-child) {
  margin-right:10px}
.recent-post.style3 .media-img {
  width:60px;
  height:60px;
  border-radius:50%}

@media(max-width: 575px) {
  .recent-post.style3 .media-img {
  margin-bottom:10px}
}
.recent-post.style3 .media-img::after {
  display:none}
.recent-post.style3 .media-img a img {
  width:60px;
  height:60px;
  border-radius:50%}
.recent-post.style3 .post-title {
  margin-bottom:0}

@media(max-width: 575px) {
  .recent-post.style3 {
  display:block}
}
.recent-post-meta .time {
  font-weight:700;
  color:var(--title-color)}
.woocommerce-checkout .form-group,
.woocommerce-checkout .form-row {
  margin-bottom:0}
.woocommerce-checkout .form-select,
.woocommerce-checkout .select2-container,
.woocommerce-checkout .form-control {
  margin-bottom:0}
.woocommerce-checkout .select2-container--open .select2-dropdown--below {
  margin-top:0}
.woocommerce-checkout .select2-container--open .select2-dropdown--above {
  position:relative;
  bottom:0}
.woocommerce-checkout .select2-dropdown {
  border:none;
  border-top:none}
.woocommerce-checkout .select2-container--default .select2-selection--single {
  border-radius:27px}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout .select2-container--default .select2-selection--single .form-control:focus {
  color:var(--body-color)}
.woocommerce-checkout .shipping_address {
  margin-top:-3px}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border:1px solid rgba(0,0,0,0);
  padding:0}
.woocommerce-form-login select,
.woocommerce-form-login .form-select,
.woocommerce-form-login .form-control,
.woocommerce-form-login .select2,
.woocommerce-form-login .select2-container,
.woocommerce-form-coupon select,
.woocommerce-form-coupon .form-select,
.woocommerce-form-coupon .form-control,
.woocommerce-form-coupon .select2,
.woocommerce-form-coupon .select2-container,
.woocommerce-checkout select,
.woocommerce-checkout .form-select,
.woocommerce-checkout .form-control,
.woocommerce-checkout .select2,
.woocommerce-checkout .select2-container {
  margin-bottom:var(--bs-gutter-x)}
#ship-to-different-address {
  margin-top:15px}
.select2-container--default .select2-selection--single {
  height:56px;
  border:1px solid var(--gray-color);
  border-radius:4px}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height:56px;
  padding-left:25px;
  padding-right:25px}
.woocommerce-billing-fields .form-row {
  margin-bottom:0}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content:"";
  font-family:var(--icon-font)}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin:0;
  border:none;
  top:0}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height:56px;
  line-height:56px;
  margin-right:30px}
span.select2-selection.select2-selection--single:focus {
  outline:none}
.checkout-ordertable th,
.checkout-ordertable td {
  border:1px solid #ededed;
  text-align:right;
  padding:5px 20px;
  vertical-align:top;
  font-size:14px;
  font-weight:600;
  color:#2c3e50}
.checkout-ordertable th {
  font-weight:800;
  text-align:left}
.checkout-ordertable ul {
  margin:0;
  padding:0}
.checkout-ordertable .order-total .amount {
  color:var(--theme-color)}
.checkout-ordertable input[type=hidden]~label {
  color:var(--theme-color)}
.woocommerce-checkout .form-group input:not(:last-child) {
  margin-bottom:var(--bs-gutter-x)}
.woocommerce-checkout-payment {
  text-align:left}
.woocommerce-checkout-payment ul {
  margin:0;
  padding:0;
  list-style-type:none}
.woocommerce-checkout-payment ul li {
  padding-top:12px;
  border-bottom:1px solid #d8d8d8;
  border-radius:0;
  font-size:16px}
.woocommerce-checkout-payment ul input[type=radio]~label {
  margin-bottom:17px;
  color:var(--body-color)}
.woocommerce-checkout-payment ul input[type=radio]~label img {
  margin-bottom:-2px;
  margin-left:10px}
.woocommerce-checkout-payment .place-order {
  padding-top:30px}
.woocommerce-checkout-payment .payment_box {
  color:#a1b1bc;
  background-color:#ecf0f1;
  border:1px solid #d8d8d8;
  border-bottom:none;
  font-size:14px;
  padding:10px 20px;
  border-radius:4px;
  display:none}
.woocommerce-checkout-payment .payment_box p {
  margin:0}
.th-checkout-wrapper form.woocommerce-form {
  margin-bottom:30px}

@media(max-width: 767px) {
  tfoot.checkout-ordertable th {
  display:none}
.woocommerce-checkout-payment ul input[type=radio]~label img {
  max-width:150px}
.checkout-ordertable th,
.checkout-ordertable td {
  padding:5px 20px 5px 60px}
}
.components-button {
  background-color:var(--theme-color);
  border-color:var(--theme-color);
  color:var(--white-color);
  border:none;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.components-button:hover {
  background-color:var(--title-color)}
.tinv-wishlist input[type=checkbox] {
  display:inline-block;
  opacity:1;
  visibility:visible;
  vertical-align:middle;
  width:auto;
  height:auto}
.tinv-wishlist .tinv-header {
  margin-top:-0.8rem;
  text-transform:capitalize}
.tinv-wishlist .cart-empty {
  padding:14px 25px;
  font-weight:700;
  font-size:14px;
  padding-left:45px;
  border-radius:8px}
.tinv-wishlist p.return-to-shop .button {
  display:inline-block;
  background-color:var(--theme-color);
  color:#fff;
  font-size:14px;
  padding:10px 25px;
  margin-top:10px;
  font-weight:700}
.tinv-wishlist p.return-to-shop .button:hover {
  background-color:var(--title-color);
  color:var(--white-color)}
.tinv-wishlist table {
  border:none}
.tinv-wishlist table th {
  color:var(--title-color)}
.tinv-wishlist table td,
.tinv-wishlist table th {
  padding:15.3px 10px;
  border-bottom:1px solid var(--th-border-color);
  text-align:center}
.tinv-wishlist table thead {
  background-color:var(--smoke-color)}
.tinv-wishlist .product-cb,
.tinv-wishlist .product-remove {
  width:40px;
  text-align:center}
.tinv-wishlist .product-thumbnail {
  width:110px}
.tinv-wishlist .stock.in-stock {
  margin-bottom:0}
.tinv-wishlist ins {
  text-decoration:none}
.tinv-wishlist .product-remove button {
  border:none;
  height:22px;
  width:22px;
  text-align:center;
  font-size:12px;
  line-height:22px;
  border-radius:0;
  padding-top:0}
.tinv-wishlist .product-remove button i {
  line-height:22px;
  font-size:16px}
.tinv-wishlist .tinvwl-mobile {
  display:none}
.tinv-wishlist .social-buttons {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-width:295px;
  margin-left:auto;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.tinv-wishlist .social-buttons ul {
  padding-left:0;
  margin-bottom:0;
  margin-left:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:6px}
.tinv-wishlist table.tinvwl-table-manage-list {
  font-size:16px}
.tinv-wishlist .product-stock .stock {
  display:block}
.tinv-wishlist .product-stock span {
  display:inline}
.tinv-wishlist .product-stock i {
  margin-right:5px}
.tinv-wishlist .tinv-modal .icon_big_times {
  margin-bottom:5px;
  color:var(--theme-color)}
.tinv-wishlist button.button {
  border:none;
  height:38px;
  line-height:38px;
  font-size:14px;
  font-weight:600;
  background-color:var(--theme-color);
  color:#fff;
  padding:1px 15px;
  min-width:140px}
.tinv-wishlist button.button i {
  font-size:18px !important;
  margin-right:3px !important}
.tinv-wishlist button.button:hover {
  background-color:var(--title-color);
  color:#fff}
.tinv-wishlist .tinvwl-buttons-group button i {
  font-size:14px}
.tinv-wishlist th,
.tinv-wishlist td.product-name {
  font-size:16px;
  font-weight:700;
  font-family:var(--title-font)}
.tinv-wishlist td.product-name a {
  color:var(--body-color)}
.tinv-wishlist td.product-name a:hover {
  color:var(--theme-color)}
.tinv-wishlist td.product-price del {
  margin-left:8px;
  font-size:.9em}
.tinv-wishlist .social-buttons>span {
  font-weight:700;
  margin-right:10px;
  font-family:var(--title-font);
  color:var(--title-color)}
.tinv-wishlist .social-buttons li {
  display:inline-block;
  margin-right:0}
.tinv-wishlist .social-buttons li a.social {
  background-color:var(--theme-color);
  color:#fff;
  width:30px;
  height:30px;
  line-height:30px;
  font-size:14px;
  display:inline-block;
  text-align:center;
  border-radius:50px;
  margin-left:3px}
.tinv-wishlist .social-buttons li a.social:first-child {
  margin-left:0}
.tinv-wishlist .social-buttons li a.social i {
  line-height:inherit}
.tinv-wishlist .social-buttons li a.social:hover {
  background-color:var(--title-color);
  color:var(--white-color)}

@media(max-width: 991px) {
  .tinvwl-full {
  display:none}
.tinv-wishlist .tinvwl-mobile {
  display:block}
.tinvwl-txt {
  display:inline-block !important}
.product-stock {
  width:40px;
  text-align:center}
}

@media(max-width: 767px) {
  .tinv-wishlist table {
  table-layout:fixed;
  border-bottom:1px solid var(--th-border-color)}
.tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove,
.tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name) {
  display:none}
.tinv-wishlist table td,
.tinv-wishlist table th {
  border:1px solid var(--th-border-color)}
.tinv-wishlist table.tinvwl-table-manage-list tbody td {
  display:block;
  width:100% !important;
  text-align:center}
.product-name {
  text-align:center}
.tinv-wishlist table td,
.tinv-wishlist table th {
  border-bottom:none}
.tinv-wishlist table tfoot {
  border-bottom:1px solid var(--th-border-color)}
.tinv-wishlist .social-buttons {
  max-width:100%;
  margin-left:unset;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.tinv-wishlist .social-buttons ul {
  margin-left:unset;
  margin-top:5px}
.tinvwl-txt {
  display:inline-block !important}
}

@media(min-width: 1930px) {
  .contact-area3 {
  background-size:cover}
}
.contact-form {
  background-color:var(--white-color);
  -webkit-box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  border-radius:16px;
  padding:40px}

@media(max-width: 1299px) {
  .contact-form {
  padding:30px}
}
.contact-form select::-moz-placeholder,
.contact-form .form-control::-moz-placeholder,
.contact-form .form-select::-moz-placeholder,
.contact-form textarea::-moz-placeholder,
.contact-form input::-moz-placeholder {
  color:var(--body-color)}
.contact-form select::-webkit-input-placeholder,
.contact-form .form-control::-webkit-input-placeholder,
.contact-form .form-select::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder,
.contact-form input::-webkit-input-placeholder {
  color:var(--body-color)}
.contact-form select:-ms-input-placeholder,
.contact-form .form-control:-ms-input-placeholder,
.contact-form .form-select:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder,
.contact-form input:-ms-input-placeholder {
  color:var(--body-color)}
.contact-form select::-webkit-input-placeholder,
 .contact-form .form-control::-webkit-input-placeholder,
 .contact-form .form-select::-webkit-input-placeholder,
 .contact-form textarea::-webkit-input-placeholder,
 .contact-form input::-webkit-input-placeholder {
  color:var(--body-color)}
.contact-form select::-moz-placeholder,
 .contact-form .form-control::-moz-placeholder,
 .contact-form .form-select::-moz-placeholder,
 .contact-form textarea::-moz-placeholder,
 .contact-form input::-moz-placeholder {
  color:var(--body-color)}
.contact-form select:-ms-input-placeholder,
 .contact-form .form-control:-ms-input-placeholder,
 .contact-form .form-select:-ms-input-placeholder,
 .contact-form textarea:-ms-input-placeholder,
 .contact-form input:-ms-input-placeholder {
  color:var(--body-color)}
.contact-form select::-ms-input-placeholder,
 .contact-form .form-control::-ms-input-placeholder,
 .contact-form .form-select::-ms-input-placeholder,
 .contact-form textarea::-ms-input-placeholder,
 .contact-form input::-ms-input-placeholder {
  color:var(--body-color)}
.contact-form select::placeholder,
.contact-form .form-control::placeholder,
.contact-form .form-select::placeholder,
.contact-form textarea::placeholder,
.contact-form input::placeholder {
  color:var(--body-color)}
.contact-form .nice-select .option {
  color:var(--title-color)}
.contact-form .nice-select .option.selected {
  color:var(--theme-color) !important;
  background:var(--theme-color) !important}
.contact-form .nice-select .option.selected.focus {
  color:#fff !important;
  background:var(--theme-color) !important}
.contact-form .nice-select .option:hover,
.contact-form .nice-select .option.focus {
  background:var(--theme-color) !important;
  color:#fff !important}
.contact-form .nice-select.open .list {
  border-bottom:3px solid var(--theme-color)}
.contact-form i {
  color:#888c97}
.contact-form textarea.form-control,
.contact-form textarea {
  min-height:159px;
  padding-top:16px;
  padding-bottom:17px}
.contact-form .nice-select:after {
  border-bottom:1px solid var(--body-color);
  border-right:1px solid var(--body-color)}
.contact-form .th-btn {
  padding:19.5px 42px}
.contact-form .th-btn i {
  color:var(--white-color)}
.contact-form.style2 textarea.form-control,
.contact-form.style2 textarea {
  min-height:130px}
.contact-form.style2 select,
.contact-form.style2 .form-control,
.contact-form.style2 .form-select,
.contact-form.style2 textarea,
.contact-form.style2 input {
  height:64px}
.contact-form2 {
  background-color:var(--white-color);
  border-radius:16px 16px 0 0;
  padding:40px 40px 16px 40px}

@media(max-width: 575px) {
  .contact-form2 {
  padding:30px 30px 6px 30px}
}
.contact-form2 .nice-select .option {
  color:var(--title-color)}
.contact-form2 .nice-select .option.selected {
  color:var(--theme-color) !important;
  background:var(--theme-color) !important;
  font-weight:400}
.contact-form2 .nice-select .option.selected.focus {
  color:#fff !important;
  background:var(--theme-color) !important}
.contact-form2 .nice-select .option:hover,
.contact-form2 .nice-select .option.focus {
  background:var(--theme-color) !important;
  color:#fff !important}
.contact-form2 .nice-select.open .list {
  border-bottom:3px solid var(--theme-color)}
.form-btn-wrapp {
  background-color:var(--theme-color);
  border-radius:0px 0px 16px 16px;
  padding:16px 40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}

@media(max-width: 480px) {
  .form-btn-wrapp {
  padding:16px 32px;
  display:block}
}

@media(max-width: 480px) {
  .form-btn-wrapp .th-btn {
  width:100%;
  margin-bottom:10px}
}

@media(max-width: 375px) {
  .form-btn-wrapp .th-btn {
  padding:16px 20px}
}
.form-btn-wrapp .th-btn img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1);
  -webkit-transition:.4s;
  transition:.4s}
.form-btn-wrapp .th-btn:hover img {
  -webkit-filter:brightness(1) invert(0);
  filter:brightness(1) invert(0)}
.form-btn-wrapp .contact-info {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:8px}
.form-btn-wrapp .contact-info_link {
  color:var(--white-color);
  margin-bottom:0}
.form-btn-wrapp .contact-info_link a {
  color:inherit}

@media(max-width: 480px) {
  .form-btn-wrapp.form-btn-wrapp2 .th-btn {
  width:100%;
  margin-bottom:10px}
}
.form-btn-wrapp.form-btn-wrapp2 .th-btn img {
  -webkit-filter:brightness(1) invert(0);
  filter:brightness(1) invert(0);
  -webkit-transition:.4s;
  transition:.4s}
.form-btn-wrapp.form-btn-wrapp2 .th-btn:hover img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.contact-icon .th-btn img {
  -webkit-filter:brightness(1) invert(0);
  filter:brightness(1) invert(0)}
.contact-icon .th-btn:hover img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.about-contact-grid {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:24px;
  border:1px solid #e1e4e6;
  border-radius:8px;
  padding:24px 24px 18px;
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 375px) {
  .about-contact-grid {
  gap:14px;
  padding:15px 15px 18px}
}
.about-contact-grid:not(:last-child) {
  margin-bottom:30px}
.about-contact-grid .about-contact-icon {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  width:70px;
  height:70px;
  line-height:68px;
  text-align:center;
  background:var(--title-color);
  border-radius:50%;
  color:var(--white-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 375px) {
  .about-contact-grid .about-contact-icon {
  width:60px;
  height:60px;
  line-height:60px}
}
.about-contact-grid .about-contact-icon img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.about-contact-grid .box-title {
  font-size:20px;
  font-weight:600;
  margin-top:-0.3em;
  margin-bottom:2px}
.about-contact-grid .about-contact-details-text {
  color:var(--title-color);
  margin-bottom:0}
.about-contact-grid .about-contact-details-text a:not(:hover) {
  color:initial}
.about-contact-grid:hover .about-contact-icon {
  background:var(--theme-color)}
.contact-form-area {
  padding-top:176px;
  max-width:606px}

@media(max-width: 991px) {
  .contact-form-area {
  padding-top:0px}
}
.contact-map {
  position:relative;
  line-height:0px;
  border-radius:30px}

@media(max-width: 991px) {
  .contact-map {
  margin-bottom:40px}
}
.contact-map .contact-icon {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  cursor:pointer}
.contact-map .contact-icon i {
  width:100px;
  height:100px;
  line-height:100px;
  text-align:center;
  font-size:24px;
  color:var(--white-color);
  background-color:var(--theme-color);
  border-radius:50%}

@media(max-width: 991px) {
  .contact-map .contact-icon i {
  width:80px;
  height:80px;
  line-height:80px}
}
.contact-map .contact-icon {
  width:50px;
  height:50px;
  display:inline-block;
  z-index:3}
.contact-map .contact-icon img {
  -webkit-animation:jumpAni 2s ease-in-out infinite alternate;
  animation:jumpAni 2s ease-in-out infinite alternate}
.contact-map .contact-icon:after {
  content:"";
  position:absolute;
  left:0px;
  right:0;
  margin:auto;
  top:90%;
  width:38px;
  height:18px;
  border-radius:50%;
  background:rgba(13,13,12,.2);
  z-index:-1}
.contact-map .contact-icon:before {
  content:"";
  position:absolute;
  left:-40px;
  right:0;
  margin:auto;
  top:50%;
  width:130px;
  height:60px;
  border-radius:50%;
  background:hsla(0,0%,100%,.5);
  border:1px solid var(--white-color);
  z-index:-1}

@-webkit-keyframes location-anim {
  0% {
  -webkit-transform:rotate(5deg) translate(5px, 5px);
  transform:rotate(5deg) translate(5px, 5px)}
100% {
  -webkit-transform:rotate(5deg) translate(-5px, -5px);
  transform:rotate(5deg) translate(-5px, -5px)}
}

@keyframes location-anim {
  0% {
  -webkit-transform:rotate(5deg) translate(5px, 5px);
  transform:rotate(5deg) translate(5px, 5px)}
100% {
  -webkit-transform:rotate(5deg) translate(-5px, -5px);
  transform:rotate(5deg) translate(-5px, -5px)}
}

@-webkit-keyframes location-anim2 {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1)}
100% {
  -webkit-transform:scale(0.5);
  transform:scale(0.5)}
}

@keyframes location-anim2 {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1)}
100% {
  -webkit-transform:scale(0.5);
  transform:scale(0.5)}
}
.contact-map iframe {
  width:100%;
  height:365px;
  border-radius:30px}
.contact-map.style2 iframe {
  width:100%;
  height:398px;
  border-radius:0}
.contact-map.style3 iframe {
  border-radius:16px}
.contact-text {
  max-width:369px;
  font-size:18px}
.cantact-area6 {
  padding:188px 0}

@media(max-width: 991px) {
  .cantact-area6 {
  padding:100px 0}
}
.contact-form-area.contact-form3 {
  padding-top:120px;
  margin:auto}

@media(max-width: 991px) {
  .contact-form-area.contact-form3 {
  padding-top:60px}
}

@media(max-width: 767px) {
  .contact-form-area.contact-form3 {
  padding-top:30px}
}
.contact-form-area.contact-form3 textarea.form-control,
.contact-form-area.contact-form3 textarea textarea {
  min-height:130px}
.form-select {
  line-height:64px}
.contact6-overlay {
  position:relative}
.contact6-overlay::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  background:-webkit-gradient(linear, left top, right top, from(rgba(11, 20, 34, 0.8)), to(rgba(11, 20, 34, 0.2)));
  background:linear-gradient(90deg, rgba(11, 20, 34, 0.8) 0%, rgba(11, 20, 34, 0.2) 100%)}
.contact6-title .sec-title {
  text-transform:capitalize}

@media(max-width: 991px) {
  .contact6-title .sec-title {
  font-size:30px}
}

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

@media(max-width: 991px) {
  .contact6-title>.contact-text2 br {
  display:none}
}
.contact8-titlebox .sub-title {
  font-size:30px;
  margin-bottom:15px}
.counter-card_wrapp .counter-card {
  background:var(--theme-color)}
.counter-card_wrapp .counter-card .counter-shape {
  border:1px solid var(--white-color)}

@media(max-width: 1199px) {
  .counter-card_wrapp .counter-card .counter-shape {
  border-color:var(--theme-color)}
}
.counter-card_wrapp .counter-card .counter-shape::before {
  background:var(--white-color)}

@media(max-width: 1199px) {
  .counter-card_wrapp .counter-card .counter-shape::before {
  background:var(--theme-color)}
}
.contact-4-titlebox .th-btn {
  padding:15px 26px}
.form4-btn-wrapp .th-btn {
  padding:15px 25px}
.form4-btn-wrapp .th-btn img {
  -webkit-filter:brightness(1) invert(0);
  filter:brightness(1) invert(0)}
.form4-btn-wrapp .th-btn:hover img {
  -webkit-filter:brightness(3) invert(0);
  filter:brightness(3) invert(0)}
.contact-infobox {
  padding:60px;
  border-radius:30px}

@media(max-width: 1299px) {
  .contact-infobox {
  padding:40px}
}

@media(max-width: 575px) {
  .contact-infobox {
  padding:20px}
}
.contact-infobox .title-area {
  margin-bottom:15px}
.contact-infobox .sec-title {
  margin-bottom:15px}
.about-contact-grid.inner-style {
  border:0;
  padding:0 0 30px 0;
  border-bottom:1px solid var(--th-border-color);
  border-radius:0}
.about-contact-grid.inner-style .about-contact-details-text {
  font-weight:500;
  font-size:24px;
  color:var(--title-color)}

@media(max-width: 575px) {
  .about-contact-grid.inner-style .about-contact-details-text {
  font-size:20px;
  line-height:1.5}
}
.about-contact-grid:hover .about-contact-icon {
  color:var(--white-color);
  background:var(--theme-color)}
.about-contact-grid:last-child {
  border:0;
  padding-bottom:0;
  margin-bottom:0}
.about-contact-grid .about-contact-icon {
  font-size:26px;
  color:var(--title-color);
  background:var(--white-color)}
.contact-formbox .contact-form {
  padding:60px}

@media(max-width: 767px) {
  .contact-formbox .contact-form {
  padding:40px}
}

@media(max-width: 575px) {
  .contact-formbox .contact-form {
  padding:20px}
}
.contact-formbox .contact-form .th-btn {
  padding:14px 26px}
.contact-formbox form {
  border:1px solid var(--th-border-color)}
.contact-formbox .form-group .form-select {
  padding:5px 25px 5px 25px;
  background:var(--smoke-color)}
.contact-formbox .form-group>img {
  -webkit-filter:contrast(0);
  filter:contrast(0)}
.contact-formbox .form-control {
  border:0;
  background-color:var(--smoke-color)}
.contact-formbox textarea.form-control {
  min-height:229px}
.contact-map.style2 iframe {
  height:600px;
  border-radius:30px}
.contact-wrapp2 {
  border-radius:30px}
.contact-infobox-top {
  padding:35px 95px}

@media(max-width: 1299px) {
  .contact-infobox-top {
  padding:35px 30px}
}
.contact-infobox-bottom {
  padding:0 60px;
  border-top:3px solid var(--white-color)}

@media(max-width: 1299px) {
  .contact-infobox-bottom {
  padding:0 30px}
}

@media(max-width: 767px) {
  .contact-infobox-bottom {
  padding:0 20px}
}
.contact-infobox-bottom .about-contact-grid {
  margin-bottom:0;
  border:0;
  padding:40px 0}
.contact-infobox-bottom .about-contact-grid:not(:last-child) {
  padding-right:56px;
  border-right:3px solid var(--white-color)}

@media(max-width: 1299px) {
  .contact-infobox-bottom .about-contact-grid:not(:last-child) {
  padding-right:22px}
}

@media(max-width: 1199px) {
  .contact-infobox-bottom .about-contact-grid:not(:last-child) {
  border-right:0;
  border-bottom:3px solid var(--white-color)}
}

@media(max-width: 767px) {
  .contact-infobox-bottom .about-contact-grid:not(:last-child) {
  padding-right:0}
}
.contact-infobox-bottom .about-contact-icon {
  color:var(--theme-color)}
.contact-titlebox2 {
  margin-bottom:0}

@media(max-width: 991px) {
  .contact-titlebox2 {
  padding:30px 0}
}
.contact-titlebox2 .sub-title {
  font-size:18px}
.contact-titlebox2 .sec-title {
  font-size:36px;
  margin-bottom:18px}

@media(max-width: 767px) {
  .contact-titlebox2 .sec-title {
  font-size:26px}
}
.contact-titlebox2 .sec-text {
  padding:0 30px;
  margin-bottom:0}

@media(max-width: 1299px) {
  .contact-titlebox2 .sec-text {
  padding:0 15px}
}

@media(max-width: 767px) {
  .contact-titlebox2 .sec-text {
  padding:0}
}

@media(max-width: 1199px) {
  .contact-form-wrapp2 .contact-thumb {
  margin-bottom:30px}
}
.contact-form-wrapp2 .contact-thumb img {
  border-radius:30px;
  width:100%}

@media(max-width: 1299px) {
  .contact-form-wrapp2 .contact-formbox textarea.form-control {
  min-height:135px}
}
.contact-style-2 .form-btn-wrapp .th-btn img {
  -webkit-filter:none;
  filter:none}
.contact-style-2 .form-btn-wrapp .th-btn:hover img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.contact-s1 .form-btn-wrapp .th-btn img {
  -webkit-filter:none;
  filter:none}
.contact-s1 .form-btn-wrapp .th-btn:hover img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.experience-wrap9 {
  background:var(--white-color);
  padding:64px;
  margin:0 0 0 24px;
  border-radius:19px}

@media(max-width: 1399px) {
  .experience-wrap9 {
  margin:0 24px}
}

@media(max-width: 991px) {
  .experience-wrap9 {
  padding:var(--section-space-mobile) 12px}
}

@media(max-width: 767px) {
  .experience-wrap9 {
  padding:var(--section-space-mobile) 18px}
}

@media(max-width: 575px) {
  .experience-wrap9 {
  margin:0 12px;
  padding:var(--section-space-mobile) 12px}
}
.experience-wrap9 .experience-year-wrap {
  font-size:24px;
  font-weight:600;
  font-family:var(--title-font);
  color:var(--body-color);
  letter-spacing:.02em;
  line-height:.8;
  margin-bottom:64px}

@media(max-width: 1199px) {
  .experience-wrap9 .experience-year-wrap {
  margin-bottom:40px}
}

@media(max-width: 375px) {
  .experience-wrap9 .experience-year-wrap {
  font-size:18px}
}
.experience-wrap9 .experience-year-wrap .counter-wrap {
  font-size:48px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--title-color)}

@media(max-width: 1199px) {
  .experience-wrap9 .experience-year-wrap .counter-wrap {
  font-size:36px}
}

@media(max-width: 575px) {
  .experience-wrap9 .experience-year-wrap .counter-wrap {
  font-size:30px}
}
.experience-wrap9 .box-img {
  border-radius:16px;
  overflow:hidden}
.experience-wrap9 .box-img img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover}

@media(max-width: 1500px) {
  .experience-wrap9 .box-img img {
  min-height:460px}
}

@media(max-width: 1399px) {
  .experience-wrap9 .box-img img {
  min-height:auto}
}
.experience-wrap9 .btn-wrap {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:end;
  margin-right:62px;
  margin-top:-32px}
.experience-wrap9 .btn-wrap .th-btn {
  border:2px solid var(--white-color);
  padding:17px 40px}

@media(max-width: 575px) {
  .experience-wrap9 .btn-wrap {
  margin-right:10px;
  margin-left:10px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}

@media(max-width: 375px) {
  .experience-wrap9 .btn-wrap .th-btn {
  padding:17px 20px}
}
.experience-wrap9 .experience-content-wrap {
  margin-left:150px;
  margin-top:32px}

@media(max-width: 1399px) {
  .experience-wrap9 .experience-content-wrap {
  margin-left:0}
}
.experience-wrap9 .experience-content-wrap .box-title {
  font-size:48px;
  font-weight:700;
  letter-spacing:.02em;
  margin-bottom:8px}

@media(max-width: 1199px) {
  .experience-wrap9 .experience-content-wrap .box-title {
  font-size:36px}
}

@media(max-width: 767px) {
  .experience-wrap9 .experience-content-wrap .box-title {
  font-size:34px}
}

@media(max-width: 575px) {
  .experience-wrap9 .experience-content-wrap .box-title {
  font-size:30px}
}
.contact-wrap9 {
  background:var(--white-color);
  padding:64px;
  margin:0 24px 0 0;
  border-radius:19px}

@media(max-width: 1399px) {
  .contact-wrap9 {
  margin:0 24px}
}

@media(max-width: 991px) {
  .contact-wrap9 {
  padding:var(--section-space-mobile) 12px}
}

@media(max-width: 767px) {
  .contact-wrap9 {
  padding:var(--section-space-mobile) 18px}
}

@media(max-width: 575px) {
  .contact-wrap9 {
  margin:0 12px;
  padding:var(--section-space-mobile) 12px}
}
.contact-wrap9 .sec-title {
  max-width:523px}
.contact-wrap9 .contact9-form-area .contact-form {
  background:var(--smoke-color4);
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:40px 40px 16px;
  border-radius:16px 16px 0 0}

@media(max-width: 575px) {
  .contact-wrap9 .contact9-form-area .contact-form {
  padding:30px 30px 6px}
}
.contact-wrap9 .contact9-form-area .contact-form select,
.contact-wrap9 .contact9-form-area .contact-form .form-control,
.contact-wrap9 .contact9-form-area .contact-form .form-select,
.contact-wrap9 .contact9-form-area .contact-form textarea,
.contact-wrap9 .contact9-form-area .contact-form input {
  background:rgba(0,0,0,0)}
.contact-wrap9 .contact9-form-area .contact-form textarea.form-control,
.contact-wrap9 .contact9-form-area .contact-form textarea {
  min-height:137px}
.contact-wrap9 .contact9-form-area .form-btn-wrapp {
  padding:22px 40px}
.contact-wrap9 .contact9-form-area .form-btn-wrapp .th-btn {
  padding:9px 24px}

@media(max-width: 575px) {
  .contact-wrap9 .contact9-form-area .form-btn-wrapp .contact-info {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:10px}
}
.global-img {
  position:relative;
  overflow:hidden;
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out}
.global-img:after {
  background:hsla(0,0%,100%,.5);
  content:"";
  height:0;
  left:0;
  opacity:1;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:9}
.global-img img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-transition:1.3s all ease;
  transition:1.3s all ease}

@media(max-width: 991px) {
  .global-img {
  min-width:100%;
  margin-bottom:30px}
}
.global-img:hover:after {
  height:100%;
  opacity:0;
  -webkit-transition:all .4s linear;
  transition:all .4s linear}
.global-img:hover img {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)}
.img-box1 {
  position:relative;
  margin-bottom:20px}

@media(max-width: 1199px) {
  .img-box1 {
  margin-bottom:50px}
}

@media(max-width: 575px) {
  .img-box1 {
  text-align:center}
}
.img-box1 .img1 {
  position:relative;
  overflow:hidden}

@media(max-width: 1299px) {
  .img-box1 .img1 {
  max-width:280px}
}

@media(max-width: 480px) {
  .img-box1 .img1 {
  max-width:100%}
}
.img-box1 .img1 img {
  border-radius:156px 156px 0px 156px}
.img-box1 .img2 {
  position:absolute;
  top:0;
  right:-10px;
  overflow:hidden}

@media(max-width: 1399px) {
  .img-box1 .img2 {
  max-width:280px}
}

@media(max-width: 1299px) {
  .img-box1 .img2 {
  max-width:220px}
}

@media(max-width: 1199px) {
  .img-box1 .img2 {
  right:40%}
}

@media(max-width: 991px) {
  .img-box1 .img2 {
  right:20%}
}

@media(max-width: 767px) {
  .img-box1 .img2 {
  right:0%}
}

@media(max-width: 480px) {
  .img-box1 .img2 {
  display:none}
}
.img-box1 .img2 img {
  border-radius:156px 156px 156px 0px}
.img-box1 .img3 {
  position:absolute;
  bottom:-20px;
  right:-10px;
  overflow:hidden}

@media(max-width: 1399px) {
  .img-box1 .img3 {
  max-width:280px}
}

@media(max-width: 1299px) {
  .img-box1 .img3 {
  max-width:220px}
}

@media(max-width: 1199px) {
  .img-box1 .img3 {
  right:40%}
}

@media(max-width: 991px) {
  .img-box1 .img3 {
  right:20%}
}

@media(max-width: 767px) {
  .img-box1 .img3 {
  right:0%}
}

@media(max-width: 480px) {
  .img-box1 .img3 {
  display:none}
}
.img-box1 .img3 img {
  border-radius:0 150px 150px 150px}
.img-box2 {
  position:relative;
  left:-40px}

@media(max-width: 1199px) {
  .img-box2 {
  left:0;
  margin-bottom:80px}
}

@media(max-width: 767px) {
  .img-box2 {
  margin-bottom:40px}
}

@media(max-width: 575px) {
  .img-box2 img {
  width:100%}
}
.img-box2 .img1 img {
  border-radius:24px}
.img-box2 .img2 {
  position:absolute;
  bottom:-11.4%;
  right:4.5%}

@media(max-width: 767px) {
  .img-box2 .img2 {
  position:relative;
  right:unset;
  bottom:0;
  margin-top:30px}
}

@media(max-width: 575px) {
  .img-box2 .img2 {
  position:relative;
  margin-top:20px}
}
.img-box2 .img2 img {
  width:100%;
  border-radius:24px}
.img-box2 .img2 .play-btn {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.img-box2 .img2 .play-btn i {
  background-color:var(--theme-color);
  color:var(--white-color)}
.img-box10 {
  position:relative;
  z-index:2}
.img-box10 .about-shape2 {
  position:absolute;
  top:0;
  left:0;
  width:312px;
  height:593px;
  background-color:var(--theme-color);
  border-radius:156px;
  z-index:-1}

@media(max-width: 767px) {
  .img-box10 .about-shape2 {
  height:100%}
}
.img-box10 .img1 {
  border-radius:30px}
.img-box10 .img1 img {
  border-radius:30px}
.img-box10 .img2 {
  position:absolute;
  bottom:-100px;
  right:0;
  border-radius:30px}
.img-box10 .img2 img {
  border-radius:30px}
.about-item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  max-width:400px}
.about-item:not(:last-child) {
  margin-bottom:30px}
.about-item.style2 .about-item_img {
  background-color:var(--smoke-color)}
.about-item.style4 .about-item_img {
  min-width:60px;
  height:60px;
  line-height:60px;
  border-radius:50%;
  background-color:var(--theme-color)}
.about-item.style4 .box-title {
  font-size:22px}
.about-item_img {
  min-width:72px;
  height:72px;
  line-height:72px;
  border-radius:20px;
  text-align:center;
  background-color:var(--theme-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.about-item_img img {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.about-item_img:hover {
  background-color:var(--title-color)}
.about-item_img:hover img {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)}
.about-item_img.ab-img7 {
  background-color:var(--white-color);
  border-radius:50%}
.about-item .box-title {
  font-weight:500;
  margin-bottom:7px}

@media(max-width: 375px) {
  .about-item .box-title {
  font-size:20px}
}
.about-item_text {
  margin-bottom:-0.3rem}
.about-shape img {
  border-radius:24px}
.about-rating {
  width:62px;
  height:62px;
  line-height:62px;
  border-radius:50%;
  background-color:var(--white-color);
  -webkit-box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  text-align:center;
  padding:10px}
.about-rating i {
  font-size:16px;
  color:#eb5757;
  display:block}
.about-rating span {
  display:block;
  font-weight:700;
  font-size:16px;
  line-height:28px;
  color:var(--black-color)}
.about-emoji {
  width:62px;
  height:62px;
  line-height:62px;
  border-radius:50%;
  background-color:var(--white-color);
  -webkit-box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  text-align:center}
.about-15-title-box .title-area .sec-title {
  line-height:1.3}

@media(max-width: 1299px) {
  .about-15-title-box .title-area .sec-title {
  font-size:40px}
}

@media(max-width: 575px) {
  .about-15-title-box .title-area .sec-title {
  font-size:27px}
}

@media(max-width: 1299px) {
  .about-3-titlebox .sec-title {
  font-size:42px}
}

@media(max-width: 1199px) {
  .about-3-titlebox .sec-title {
  font-size:36px}
}

@media(max-width: 575px) {
  .about-3-titlebox .sec-title {
  font-size:30px}
}
.img-box3 {
  position:relative;
  margin-left:-110px}

@media(max-width: 1599px) {
  .img-box3 {
  margin-left:0}
}

@media(max-width: 1199px) {
  .img-box3 {
  margin-bottom:40px}
}

@media(max-width: 575px) {
  .img-box3.style1 img {
  width:100%}
}
.img-box3 .img1 img {
  border-radius:24px}
.img-box3 .img2 {
  position:absolute;
  top:20%;
  right:6.5%}

@media(max-width: 767px) {
  .img-box3 .img2 {
  right:0}
}

@media(max-width: 575px) {
  .img-box3 .img2 {
  position:relative;
  margin-top:20px}
}
.img-box3 .img2 img {
  border-radius:24px;
  border:5px solid var(--white-color)}
.img-box3 .img3 {
  position:relative;
  margin-top:30px;
  z-index:3}

@media(max-width: 575px) {
  .img-box3 .img3 {
  margin-top:20px}
}
.img-box3 .img3 img {
  border-radius:24px;
  border:5px solid var(--white-color)}
.about4-titlebox .sec-title {
  line-height:1.2}
.img-box4 {
  position:relative}

@media(max-width: 1199px) {
  .img-box4 {
  margin-bottom:70px}
}

@media(max-width: 375px) {
  .img-box4 {
  margin-bottom:10px}
}
.img-box4 .img1 img {
  border-radius:24px}
.img-box4 .img2 {
  position:absolute;
  bottom:0%;
  left:-10%;
  z-index:2}

@media(max-width: 1199px) {
  .img-box4 .img2 {
  left:0}
}

@media(max-width: 375px) {
  .img-box4 .img2 {
  position:relative;
  top:15px}
}
.img-box4 .img2:before {
  content:"";
  position:absolute;
  inset:-5px;
  left:1px;
  bottom:1px;
  background-color:var(--white-color);
  border-radius:24px;
  z-index:-1}
.img-box4 .img2:after {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(13, 13, 12, 0.3)), to(rgba(13, 13, 12, 0.3)));
  background:linear-gradient(0deg, rgba(13, 13, 12, 0.3), rgba(13, 13, 12, 0.3));
  border-radius:24px}
.img-box4 .img2 .play-btn {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.img-box4 .img2 img {
  width:100%;
  border-radius:24px}

@media(max-width: 1199px) {
  .ab5-imgbox {
  margin-bottom:0}
}
.ab5-imgbox .img2 {
  bottom:2%;
  left:-7%}

@media(max-width: 1299px) {
  .ab5-imgbox .img2 {
  left:-17px}
}

@media(max-width: 1199px) {
  .ab5-imgbox .img2 {
  left:10%}
}

@media(max-width: 991px) {
  .ab5-imgbox .img2 {
  left:0}
}

@media(max-width: 767px) {
  .ab5-imgbox .img2 {
  left:20%}
}

@media(max-width: 575px) {
  .ab5-imgbox .img2 {
  left:0}
}

@media(max-width: 480px) {
  .ab5-imgbox .img2 {
  position:relative}
}
.ab5-wrapp {
  margin-left:85px}

@media(max-width: 1299px) {
  .ab5-wrapp {
  margin-left:30px}
}

@media(max-width: 1199px) {
  .ab5-wrapp {
  margin-left:0}
}

@media(max-width: 575px) {
  .ab5-wrapp {
  margin-top:0 !important}
}
.ab5-item .about-item_img {
  border-radius:50%}
.about-area6 {
  position:relative;
  background-color:var(--white-color);
  border-radius:24px;
  padding:60px;
  z-index:4;
  margin-right:-77%}

@media(max-width: 1199px) {
  .about-area6 {
  margin-right:0}
}

@media(max-width: 991px) {
  .about-area6 {
  padding:40px}
}

@media(max-width: 767px) {
  .about-area6 {
  padding:30px}
}

@media(max-width: 375px) {
  .about-area6 {
  padding:30px 10px}
}
.about-area6 .about-item {
  max-width:470px}
.title-area .sec-title {
  line-height:1.1}
.img-box5 .img1 img {
  width:auto;
  border-radius:50px}

@media(max-width: 1199px) {
  .img-box5 .img1 img {
  width:100%}
}
.img-box6 {
  position:relative;
  min-width:680px}

@media(max-width: 1299px) {
  .img-box6 {
  min-width:665px}
}

@media(max-width: 1199px) {
  .img-box6 {
  margin-bottom:50px}
}
.img-box6 .img1 {
  position:relative;
  overflow:hidden}

@media(max-width: 1299px) {
  .img-box6 .img1 {
  max-width:280px}
}

@media(max-width: 480px) {
  .img-box6 .img1 {
  max-width:100%}
}
.img-box6 .img1 img {
  border-radius:30px}
.img-box6 .img2 {
  position:absolute;
  top:0;
  right:0px;
  min-width:328px;
  overflow:hidden}

@media(max-width: 1399px) {
  .img-box6 .img2 {
  max-width:280px}
}

@media(max-width: 1299px) {
  .img-box6 .img2 {
  min-width:220px;
  right:13%}
}

@media(max-width: 1199px) {
  .img-box6 .img2 {
  right:35%}
}

@media(max-width: 991px) {
  .img-box6 .img2 {
  right:15%}
}

@media(max-width: 767px) {
  .img-box6 .img2 {
  min-width:180px;
  max-width:220px;
  right:23%}
}

@media(max-width: 480px) {
  .img-box6 .img2 {
  display:none}
}
.img-box6 .img2 img {
  border-radius:30px}
.img-box6 .img3 {
  position:absolute;
  bottom:0px;
  right:0px;
  overflow:hidden;
  min-width:328px}

@media(max-width: 1399px) {
  .img-box6 .img3 {
  max-width:280px}
}

@media(max-width: 1299px) {
  .img-box6 .img3 {
  min-width:220px;
  right:13%}
}

@media(max-width: 1199px) {
  .img-box6 .img3 {
  right:35%}
}

@media(max-width: 991px) {
  .img-box6 .img3 {
  right:15%}
}

@media(max-width: 767px) {
  .img-box6 .img3 {
  min-width:180px;
  max-width:220px;
  right:23%}
}

@media(max-width: 480px) {
  .img-box6 .img3 {
  display:none}
}
.img-box6 .img3 img {
  border-radius:30px}
.resort-image {
  border-radius:24px}
.resort-image img {
  border-radius:24px}
.resort-content {
  max-width:530px}
.resort-content .box-title {
  font-size:40px;
  margin-bottom:0}

@media(max-width: 1199px) {
  .resort-content .box-title {
  font-size:30px}
}
.resort-content .resort-rating {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:15px}
.resort-content .resort-rating .star-rating {
  font-size:14px}
.resort-content .woocommerce-review-link {
  color:var(--black-color2);
  font-size:16px;
  font-weight:600}
.resort-content .resort-price {
  font-size:16px;
  font-weight:500;
  color:var(--body-color)}
.resort-content .resort-price .currency {
  font-size:24px;
  font-weight:500;
  color:var(--theme-color)}
.resort-content .resort-text {
  font-size:18px}
.resort-content .resort-list ul {
  padding:0}
.resort-content .resort-list ul li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px;
  list-style:none;
  margin-bottom:10px}
.resort-content .resort-list ul li .title {
  font-weight:500;
  font-size:18px;
  color:var(--black-color2);
  min-width:82px}
.resort-content .th-btn {
  padding:10px 30px}
.about-area6 .th-btn {
  padding:19px 43px;
  border-radius:16px}

@media(max-width: 1299px) {
  .about-area6 .sec-title {
  font-size:35px}
}

@media(max-width: 575px) {
  .about-area6 .sec-title {
  font-size:24px}
}
.about-item.style6 {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}

@media(max-width: 767px) {
  .about-item.style6 {
  display:inline-block}
}
.about-item.style6 .icon {
  font-size:32px;
  width:72px;
  height:72px;
  line-height:72px;
  text-align:center;
  display:inline-block;
  color:var(--theme-color);
  background-color:var(--smoke-color);
  border-radius:50%;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin-bottom:0}

@media(max-width: 767px) {
  .about-item.style6 .icon {
  margin-bottom:20px}
}

@media(max-width: 1299px) {
  .about-7-titlebox .sec-title {
  font-size:45px}
}

@media(max-width: 575px) {
  .about-7-titlebox .sec-title {
  font-size:28px}
}
.img-box7 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:28px}

@media(max-width: 991px) {
  .img-box7 {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.img-box7 .img1,
.img-box7 .img2 {
  border-radius:50px;
  overflow:hidden}

@media(max-width: 991px) {
  .img-box7 .img1,
.img-box7 .img2 {
  min-width:auto}
}
.img-box8 .img3,
.img-box8 .img1,
.img-box8 .img2 {
  overflow:hidden;
  border-radius:40px;
  margin-bottom:60px}

@media(max-width: 575px) {
  .img-box8 .img3,
.img-box8 .img1,
.img-box8 .img2 {
  margin-bottom:20px}
}
.img-box8 .img3 img,
.img-box8 .img1 img,
.img-box8 .img2 img {
  border-radius:40px}
.img-box8 img {
  border-radius:40px}
.img-box8 .about-item {
  max-width:460px}
.img-box8 .about-item_img {
  border-radius:50%}
.img-box8 .th-btn {
  padding:19px 43px}
.img-box9 {
  margin-left:-150px}

@media(max-width: 1699px) {
  .img-box9 {
  margin-left:-100px}
}

@media(max-width: 1599px) {
  .img-box9 {
  margin-left:-60px}
}

@media(max-width: 1499px) {
  .img-box9 {
  margin-left:0px}
}
.about-item2 {
  position:relative;
  z-index:2;
  overflow:hidden;
  --space: 30px}

@media(max-width: 1299px) {
  .about-item2 {
  --space: 20px}
}
.about-item2 .img1 img {
  width:100%}
.about-item2 img {
  border-radius:24px}
.about-item2 .box-content {
  position:absolute;
  left:var(--space);
  bottom:var(--space)}
.about-item2 .box-content img {
  margin-bottom:20px;
  display:block}
.about-item2 .box-content span {
  position:relative;
  font-family:var(--title-font);
  font-weight:400;
  font-size:46px;
  line-height:34px;
  color:#fff}
.about-item2 .box-content .deg {
  font-size:20px;
  line-height:20px}
.about-item2 .box-title {
  width:100px;
  font-weight:400;
  font-size:20px;
  letter-spacing:.02em;
  color:var(--white-color);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  margin-bottom:0;
  gap:15px}
.about-item2 .box-title img {
  min-width:60px;
  border-radius:0;
  margin-bottom:0}
.about-item2 .icon-btn {
  position:absolute;
  top:20px;
  right:20px;
  width:50px;
  height:50px;
  line-height:50px;
  background:hsla(0,0%,100%,.4);
  color:var(--white-color);
  border:none}
.about-item2 .icon-btn:hover {
  background-color:var(--white-color);
  color:var(--title-color)}
.about-content-wrapper {
  background:var(--white-color);
  border-radius:24px;
  padding:50px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:64px}

@media(max-width: 1299px) {
  .about-content-wrapper {
  padding:30px}
}

@media(max-width: 991px) {
  .about-content-wrapper {
  display:block}
}

@media(max-width: 375px) {
  .about-content-wrapper {
  padding:20px 10px}
}
.about-content-wrapper .about-item:not(:last-child) {
  margin-bottom:50px}
.about-item-wrap {
  min-width:386px}

@media(max-width: 575px) {
  .about-item-wrap {
  min-width:100%}
}
.about-image9 {
  min-width:525px;
  height:320px}

@media(max-width: 1699px) {
  .about-image9 {
  min-width:425px}
}

@media(max-width: 1499px) {
  .about-image9 {
  min-width:380px;
  height:100%}
}

@media(max-width: 1299px) {
  .about-image9 {
  min-width:300px}
}

@media(max-width: 991px) {
  .about-image9 {
  margin-top:30px;
  min-width:100%}
}
.about-image9 img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border:5px solid #fff;
  border-radius:24px}
.about-image9 .cilent-box {
  max-width:315px;
  margin-top:40px}

@media(max-width: 1299px) {
  .about-image9 .cilent-box {
  max-width:200px}
}
.about-image9 .cilent-box .review {
  font-weight:500;
  font-size:40px;
  line-height:56px;
  color:#113d48;
  font-family:var(--title-font)}
.about-image9 .cilent-box .review i {
  color:#f8bc22;
  font-size:30px;
  margin-right:5px}
.about-image9 .cilent-box .cilent-box_counter {
  font-family:var(--body-font);
  font-weight:400;
  font-size:18px;
  line-height:28px;
  color:var(--body-color);
  margin-bottom:0}
.about-client-box {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:70px}

@media(max-width: 375px) {
  .about-client-box {
  display:block}
}
.client-thumb-group {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}

@media(max-width: 375px) {
  .client-thumb-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-bottom:20px}
}
.client-thumb-group .thumb {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}
.client-thumb-group .thumb:not(:first-child) {
  margin-left:-20px}
.client-thumb-group .thumb img {
  border-radius:50%;
  height:60px}
.client-thumb-group .thumb.icon {
  background:var(--theme-color);
  font-size:16px;
  color:var(--white-color);
  border:1px solid var(--white-color);
  height:60px;
  width:60px;
  line-height:60px;
  border-radius:50%;
  text-align:center;
  margin-left:-12px}
.choose-wrapp {
  display:grid;
  grid-template-columns:auto auto;
  gap:24px}
.choose-wrapp .img1 {
  overflow:hidden;
  border-radius:24px}

@media(max-width: 991px) {
  .choose-wrapp .img1 {
  margin-bottom:0}
}
.choose-wrapp .img1 img {
  width:100%;
  border-radius:24px}
.newsletter-area .th-container {
  --main-container: 1648px}
.newsletter-sec {
  border-radius:60px;
  padding:0px 0 0 120px;
  overflow:hidden}

@media(max-width: 1399px) {
  .newsletter-sec {
  padding:0 0 0 40px}
}

@media(max-width: 1199px) {
  .newsletter-sec {
  padding:80px 40px 0px 40px;
  text-align:center}
}

@media(max-width: 575px) {
  .newsletter-sec {
  padding:80px 20px 0px 20px}
}
.newsletter-text {
  max-width:484px;
  margin-bottom:25px}

@media(max-width: 1199px) {
  .newsletter-text {
  max-width:100%;
  display:block;
  margin:auto auto 25px auto}
}
.newsletter-form.style4 {
  max-width:490px;
  margin:0;
  display:block;
  position:relative}

@media(max-width: 1199px) {
  .newsletter-form.style4 {
  max-width:100%}
}
.newsletter-form.style4 input {
  background:hsla(0,0%,100%,.2);
  border:1px solid hsla(0,0%,100%,.4);
  border-radius:30px}
.newsletter-form.style4 input::-moz-placeholder {
  color:var(--white-color)}
.newsletter-form.style4 input::-webkit-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style4 input:-ms-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style4 input::-ms-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style4 input::placeholder {
  color:var(--white-color)}
.newsletter-form.style4 .th-btn {
  position:absolute;
  top:7px;
  right:7px;
  min-width:126px;
  padding:12px 25px;
  border-radius:50px}

@media(max-width: 480px) {
  .newsletter-form.style4 .th-btn {
  margin-top:0}
}

@media(max-width: 375px) {
  .newsletter-form.style4 .th-btn {
  position:relative;
  min-width:100%;
  right:0}
}
.newsletter-form.style4 .th-btn:before {
  background-color:var(--white-color)}
.newsletter-form.style4 .th-btn:hover {
  color:var(--title-color)}
.newsletter-image {
  margin-left:-50px;
  overflow:hidden}

@media(max-width: 575px) {
  .newsletter-image {
  margin-left:0}
}
.newsletter-image img {
  min-width:493px}

@media(max-width: 575px) {
  .newsletter-image img {
  min-width:100%}
}
.img-box11 .img1 img {
  border-radius:24px}
.img-box12 {
  position:relative;
  z-index:2}
.img-box12 .img1 {
  max-width:317px;
  border-radius:100px}
.img-box12 .img1 img {
  width:auto;
  border-radius:100px}
.img-box12 .img2 {
  position:absolute;
  bottom:0;
  left:40%;
  max-width:232px;
  border-radius:85px;
  overflow:hidden;
  background-color:var(--white-color);
  z-index:2}

@media(max-width: 767px) {
  .img-box12 .img2 {
  position:relative;
  left:0}
}
.img-box12 .img2 img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:85px;
  padding:8px}
.img-box12 .img3 {
  position:absolute;
  top:0;
  right:0;
  min-width:208px;
  border-radius:85px}

@media(max-width: 575px) {
  .img-box12 .img3 {
  position:relative}
}
.img-box12 .img3 img {
  border-radius:85px}
.company-wrapp .icon {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:80px;
  height:80px;
  line-height:80px;
  text-align:center;
  border-radius:100%;
  background:var(--title-color);
  z-index:2}
.company-wrapp .icon img {
  border:0}
.discount-tag {
  position:relative;
  display:inline-block;
  min-height:180px;
  min-width:180px;
  border-radius:50%;
  z-index:1;
  font-size:16px;
  font-family:var(--title-font);
  font-weight:600;
  color:var(--title-color);
  text-align:center;
  -webkit-transform:rotate(30deg);
  transform:rotate(30deg);
  animation:spin 10s infinite alternate-reverse}
.discount-tag span {
  --rotate-letter: 13deg;
  min-height:85px;
  position:absolute;
  min-width:85px;
  top:2px;
  left:0;
  right:0;
  text-align:center;
  text-transform:uppercase;
  margin:auto;
  -webkit-transform-origin:bottom center;
  transform-origin:bottom center;
  -webkit-transform:rotate(var(--rotate-letter));
  transform:rotate(var(--rotate-letter))}
.discount-tag span.char2 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 2));
  transform:rotate(calc(var(--rotate-letter) * 2))}
.discount-tag span.char3 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 3));
  transform:rotate(calc(var(--rotate-letter) * 3))}
.discount-tag span.char4 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 4));
  transform:rotate(calc(var(--rotate-letter) * 4))}
.discount-tag span.char5 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 5));
  transform:rotate(calc(var(--rotate-letter) * 5))}
.discount-tag span.char6 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 6));
  transform:rotate(calc(var(--rotate-letter) * 6))}
.discount-tag span.char7 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 7));
  transform:rotate(calc(var(--rotate-letter) * 7))}
.discount-tag span.char8 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 8));
  transform:rotate(calc(var(--rotate-letter) * 8))}
.discount-tag span.char9 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 9));
  transform:rotate(calc(var(--rotate-letter) * 9))}
.discount-tag span.char10 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 10));
  transform:rotate(calc(var(--rotate-letter) * 10))}
.discount-tag span.char11 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 11));
  transform:rotate(calc(var(--rotate-letter) * 11))}
.discount-tag span.char12 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 12));
  transform:rotate(calc(var(--rotate-letter) * 12))}
.discount-tag span.char13 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 13));
  transform:rotate(calc(var(--rotate-letter) * 13))}
.discount-tag span.char14 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 14));
  transform:rotate(calc(var(--rotate-letter) * 14))}
.discount-tag span.char15 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 15));
  transform:rotate(calc(var(--rotate-letter) * 15))}
.discount-tag span.char16 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 16));
  transform:rotate(calc(var(--rotate-letter) * 16))}
.discount-tag span.char17 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 17));
  transform:rotate(calc(var(--rotate-letter) * 17))}
.discount-tag span.char18 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 18));
  transform:rotate(calc(var(--rotate-letter) * 18))}
.discount-tag span.char19 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 19));
  transform:rotate(calc(var(--rotate-letter) * 19))}
.discount-tag span.char20 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 20));
  transform:rotate(calc(var(--rotate-letter) * 20))}
.discount-tag span.char21 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 21));
  transform:rotate(calc(var(--rotate-letter) * 21))}
.discount-tag span.char22 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 22));
  transform:rotate(calc(var(--rotate-letter) * 22))}
.discount-tag span.char23 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 23));
  transform:rotate(calc(var(--rotate-letter) * 23))}
.discount-tag span.char24 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 24));
  transform:rotate(calc(var(--rotate-letter) * 24))}
.discount-tag span.char25 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 25));
  transform:rotate(calc(var(--rotate-letter) * 25))}
.discount-tag span.char26 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 26));
  transform:rotate(calc(var(--rotate-letter) * 26))}
.discount-tag span.char27 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 27));
  transform:rotate(calc(var(--rotate-letter) * 27))}
.discount-tag span.char28 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 28));
  transform:rotate(calc(var(--rotate-letter) * 28))}
.discount-tag span.char29 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 29));
  transform:rotate(calc(var(--rotate-letter) * 29))}
.discount-tag span.char30 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 30));
  transform:rotate(calc(var(--rotate-letter) * 30))}
.discount-tag span.char31 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 31));
  transform:rotate(calc(var(--rotate-letter) * 31))}
.discount-tag span.char32 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 32));
  transform:rotate(calc(var(--rotate-letter) * 32))}
.discount-tag span.char33 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 33));
  transform:rotate(calc(var(--rotate-letter) * 33))}
.discount-tag span.char34 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 34));
  transform:rotate(calc(var(--rotate-letter) * 34))}
.discount-tag span.char35 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 35));
  transform:rotate(calc(var(--rotate-letter) * 35))}
.discount-tag span.char36 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 36));
  transform:rotate(calc(var(--rotate-letter) * 36))}
.discount-tag span.char37 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 37));
  transform:rotate(calc(var(--rotate-letter) * 37))}
.discount-tag span.char38 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 38));
  transform:rotate(calc(var(--rotate-letter) * 38))}
.discount-tag span.char39 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 39));
  transform:rotate(calc(var(--rotate-letter) * 39))}
.discount-tag span.char40 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 40));
  transform:rotate(calc(var(--rotate-letter) * 40))}
.discount-tag span.char41 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 41));
  transform:rotate(calc(var(--rotate-letter) * 41))}
.discount-tag span.char42 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 42));
  transform:rotate(calc(var(--rotate-letter) * 42))}
.discount-tag span.char43 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 43));
  transform:rotate(calc(var(--rotate-letter) * 43))}
.discount-tag span.char44 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 44));
  transform:rotate(calc(var(--rotate-letter) * 44))}
.discount-tag span.char45 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 45));
  transform:rotate(calc(var(--rotate-letter) * 45))}
.discount-tag span.char46 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 46));
  transform:rotate(calc(var(--rotate-letter) * 46))}
.discount-tag span.char47 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 47));
  transform:rotate(calc(var(--rotate-letter) * 47))}
.discount-tag span.char48 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 48));
  transform:rotate(calc(var(--rotate-letter) * 48))}
.discount-tag span.char49 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 49));
  transform:rotate(calc(var(--rotate-letter) * 49))}
.discount-tag span.char50 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 50));
  transform:rotate(calc(var(--rotate-letter) * 50))}
.discount-tag span.char51 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 51));
  transform:rotate(calc(var(--rotate-letter) * 51))}
.discount-tag span.char52 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 52));
  transform:rotate(calc(var(--rotate-letter) * 52))}
.discount-tag span.char53 {
  -webkit-transform:rotate(calc(var(--rotate-letter) * 53));
  transform:rotate(calc(var(--rotate-letter) * 53))}
.about-item-wrap.style2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:30px}

@media(max-width: 1299px) {
  .about-item-wrap.style2 {
  display:block}
}
.about-area10 {
  background-color:#e9f6f9}
.about-area10 .shadow-title {
  font-weight:700;
  font-size:180px;
  line-height:150px;
  text-transform:capitalize;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(67.5%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background:linear-gradient(180deg, rgba(255, 255, 255, 0.6) 67.5%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0);
  background-clip:text;
  text-fill-color:rgba(0,0,0,0);
  position:absolute;
  top:120px;
  left:75px}

@media(max-width: 1299px) {
  .about-area10 .shadow-title {
  font-size:150px}
}

@media(max-width: 1199px) {
  .about-area10 .shadow-title {
  font-size:130px}
}

@media(max-width: 991px) {
  .about-area10 .shadow-title {
  font-size:120px}
}

@media(max-width: 767px) {
  .about-area10 .shadow-title .shadow-title {
  font-size:80px}
}

@media(max-width: 1299px) {
  .about10.img-box10 {
  margin:0;
  margin-bottom:100px}
}

@media(max-width: 1199px) {
  .about10.img-box10 {
  margin:0 80px;
  margin-bottom:100px}
}

@media(max-width: 575px) {
  .about10.img-box10 {
  margin-bottom:auto}
}

@media(max-width: 575px) {
  .about10.img-box10 .img2 {
  position:static;
  margin-top:20px}
}

@media(min-width: 1200px)and (max-width: 1399px) {
  .about10-titlebox .sec-title {
  font-size:45px}
}
.about10-item-wrap .about-item {
  max-width:425px}
.about10-item-wrap .about-item_img {
  border-radius:50%}
.img-box13 {
  min-width:688px}

@media(max-width: 1299px) {
  .img-box13 {
  min-width:100%}
}
.img-box13 .img1 {
  margin-left:-300px;
  margin-right:0px;
  height:700px}

@media(max-width: 1500px) {
  .img-box13 .img1 {
  margin-left:-160px}
}

@media(max-width: 1299px) {
  .img-box13 .img1 {
  margin-left:-80px;
  margin-right:-30px;
  height:100%}
}

@media(max-width: 1199px) {
  .img-box13 .img1 {
  margin:0;
  height:640px}
}

@media(max-width: 767px) {
  .img-box13 .img1 {
  height:100%}
}
.img-box13 .img1 img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.about-item-wrap.style3 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:30px}

@media(max-width: 1299px) {
  .about-item-wrap.style3 {
  display:block}
}
.about-item.style3 .about-item_img {
  background-color:var(--white-color)}
.about-card2 {
  border:1px solid #bbcfd3;
  border-radius:20px;
  padding:24px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  position:relative;
  z-index:2;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
  background:var(--white-color)}
.about-card2:not(:last-child) {
  margin-bottom:24px}
.about-card2:before {
  content:"";
  position:absolute;
  bottom:0;
  right:0;
  width:200px;
  height:200px;
  background-image:url("../img/shape/about-shape.png");
  background-repeat:no-repeat;
  background-size:auto;
  background-position:bottom right;
  z-index:-1;
  -webkit-transform:all .4s ease;
  transform:all .4s ease;
  opacity:0}
.about-card2 .box-title {
  margin-bottom:5px}
.about-card2 .box-text {
  color:var(--body-color);
  max-width:340px;
  margin-bottom:10px}
.about-card2 .line-btn {
  font-size:16px;
  text-transform:capitalize;
  color:var(--title-color);
  -webkit-transform:all .4s ease;
  transform:all .4s ease}
.about-card2 .line-btn:before {
  position:static}
.about-card2 .line-btn i {
  font-size:22px;
  -webkit-transform:all .4s ease;
  transform:all .4s ease}
.about-card2 .box-img {
  position:relative;
  z-index:2}
.about-card2 .box-img:before {
  content:"";
  position:absolute;
  top:0;
  left:-20px;
  width:43px;
  height:43px;
  border-radius:50%;
  background:#113d48;
  opacity:.1}
.about-card2 .box-img img {
  -webkit-filter:brightness(9) invert(1);
  filter:brightness(9) invert(1)}
.about-card2:hover {
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
.about-card2:hover:before {
  opacity:1}
.about-card2:hover .box-title {
  color:var(--white-color)}
.about-card2:hover .box-text {
  color:#e1e4e5}
.about-card2:hover .line-btn {
  color:var(--white-color)}
.about-card2:hover .box-img:before {
  background:#1ca8cb;
  opacity:.3}
.about-card2:hover .box-img img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.img-box14 {
  position:relative;
  z-index:2}
.img-box14 .about-img-wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  gap:24px}

@media(max-width: 1199px) {
  .img-box14 .about-img-wrapp {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.img-box14 .img1,
.img-box14 .img2 {
  position:relative;
  overflow:hidden}
.img-box14 .img1 img,
.img-box14 .img2 img {
  border-radius:200px}
.about-circle {
  position:absolute;
  left:0;
  z-index:2;
  right:0;
  text-align:center;
  margin:auto;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}
.about-circle>.icon {
  cursor:none}
.about-wrapp.style2 {
  position:absolute;
  top:50%;
  left:50%;
  bottom:unset;
  right:unset;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  background-color:#e9f6f9;
  border-radius:50%;
  width:190px;
  height:190px}
.about-wrapp.style2 .icon {
  background-color:rgba(0,0,0,0);
  border:1px solid var(--title-color)}
.about-wrapp.style2 .discount-tag span {
  text-transform:lowercase;
  --rotate-letter: 9deg}
.img-box15 .img1 {
  border-radius:30px}
.img-box15 .img1 img {
  border-radius:30px}
.about13-wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:30px}
.about13-wrapp .about13-img {
  min-width:220px}

@media(max-width: 1299px) {
  .about13-wrapp .about13-img {
  display:none}
}
.sec-text2 {
  border-bottom:1px solid #e1e4e5;
  padding-bottom:30px;
  margin-bottom:40px}
.img-box14 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-right:-150px}

@media(max-width: 1699px) {
  .img-box14 {
  margin:0}
}
.img-box14 img {
  border:10px solid var(--white-color);
  border-radius:300px}
.img-box14 .img1,
.img-box14 .img3 {
  position:relative;
  z-index:1}
.img-box14 .img2 {
  position:relative;
  z-index:2;
  margin:0 -40px}
.about-imgbox12 {
  margin-left:0}
.about-imgbox12 .img1 img,
.about-imgbox12 .img2 img,
.about-imgbox12 .img3 img {
  border:0}

@media(max-width: 767px) {
  .about-imgbox12 .img1:not(:last-child),
.about-imgbox12 .img2:not(:last-child),
.about-imgbox12 .img3:not(:last-child) {
  margin-bottom:24px}
}
.about-imgbox12 .img3 {
  position:relative;
  margin-top:24px;
  z-index:3;
  left:68px}

@media(max-width: 1199px) {
  .about-imgbox12 .img3 {
  left:0}
}

@media(max-width: 767px) {
  .about-imgbox12 .img3 {
  position:static;
  text-align:center}
}
.about-imgbox12 .img2 {
  position:absolute;
  top:20%;
  left:0;
  z-index:-1}

@media(max-width: 767px) {
  .about-imgbox12 .img2 {
  position:static;
  text-align:center}
}
.about-12-item-wrap {
  margin-left:140px}

@media(max-width: 1299px) {
  .about-12-item-wrap {
  margin-left:65px}
}

@media(max-width: 1199px) {
  .about-12-item-wrap {
  margin-left:0}
}
.about-12-item-wrap .about-item_img {
  border-radius:50%}
.about-12-item-wrap .th-btn {
  border-radius:50px}
.about-12-item-wrap .th-btn:hover {
  color:var(--white-color)}
.about-12-item-wrap .th-btn:hover::before {
  background:var(--theme-color)}
.about13-titlebox .sec-text {
  color:var(--th-border-color)}
.about13-item-wrap .about-item {
  max-width:440px}
.about13-item-wrap .about-item_img {
  background-color:var(--brand-color);
  border-radius:50%}
.about13-item-wrap .about-item_img img {
  -webkit-filter:brightness(0) contrast(1);
  filter:brightness(0) contrast(1)}
.about13-item-wrap .about-item_img:hover img {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)}
.about-circle-wrap.style14 .about-circle {
  position:static;
  text-align:start;
  -webkit-transform:translateY(0);
  transform:translateY(0)}
.img-box15 {
  margin-right:35px;
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)}

@media(max-width: 575px) {
  .img-box15 {
  margin-right:0}
}

@media(max-width: 767px) {
  .img-box15 {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  margin-bottom:40px}
}
.img-box15 .img1 {
  margin-top:30px;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto}
.img-box15 .img1 img {
  margin-bottom:26px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:end;
  margin-bottom:26px;
  border-radius:16px}
.img-box15 .img1 img:first-child {
  margin-left:59px}
.img-box15 .img2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin-left:27px}
.img-box15 .img2 img {
  border-radius:16px}

@media(max-width: 767px) {
  .img-box15 .img2 {
  margin-left:0}
}
.about-feature-list ul {
  padding:0}
.about-feature-list ul li {
  position:relative;
  font-size:18px;
  display:block;
  padding-left:32px;
  color:var(--title-color)}
.about-feature-list ul li .about-feature-icon {
  position:absolute;
  left:0}
.about-feature-list ul li:not(:last-child) {
  margin-bottom:16px}
.img-box16 .img1 {
  min-width:708px;
  margin-left:-50px}

@media(max-width: 1299px) {
  .img-box16 .img1 {
  min-width:100%;
  margin-left:0}
}
.about-item.style-16 {
  max-width:100%}
.about-item.style-16 .box-title {
  font-weight:600;
  font-size:40px;
  text-transform:capitalize;
  color:var(--title-color);
  margin-bottom:20px}

@media(max-width: 575px) {
  .about-item.style-16 .box-title {
  font-size:30px}
}
.about-item.style-16 .about-text {
  margin:0 45px 30px 0;
  text-transform:capitalize}
.about-item.style-16 .about-feature ul {
  margin:0;
  padding:0;
  list-style:none}

@media(max-width: 1199px) {
  .about-item.style-16 .about-feature ul {
  display:block}
}
.about-item.style-16 .about-feature ul li {
  position:relative;
  -webkit-box-flex:0;
  -ms-flex:0 0 43%;
  flex:0 0 43%;
  font-size:18px;
  font-weight:400;
  color:var(--title-color);
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:19px;
  padding-left:32px}

@media(max-width: 1500px) {
  .about-item.style-16 .about-feature ul li {
  -webkit-box-flex:0;
  -ms-flex:0 0 45%;
  flex:0 0 45%}
}

@media(max-width: 1299px) {
  .about-item.style-16 .about-feature ul li {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%}
}
.about-item.style-16 .about-feature ul li::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:24px;
  height:24px;
  background-image:url("../img/icon/checkmark.svg");
  background-size:contain;
  background-repeat:no-repeat}
.about-item.style-16 .th-btn {
  background-color:var(--title-color);
  border-radius:16px}
.about-item.style-16 .th-btn:hover {
  color:var(--white-color)}
.about-item.style-16 .th-btn:hover::before {
  background-color:var(--theme-color)}
.ab-img16 {
  border-radius:24px}
.ab-img16 img {
  border-radius:24px}
.img-box17 .img1 {
  border-radius:30px;
  max-width:576px}
.img-box17 .img1 img {
  border-radius:30px;
  overflow:hidden}

@media(max-width: 1299px) {
  .img-box17 .img1 {
  min-width:100%;
  margin-left:0}
}
.img-box18 {
  width:100%;
  padding:0 50px;
  height:100%;
  background:var(--light-bg-color);
  border-radius:20px;
  height:605px}

@media(max-width: 991px) {
  .img-box18 {
  height:100%}
}

@media(max-width: 575px) {
  .img-box18 {
  padding:0 10px}
}
.img-box18 .img1,
.img-box18 .img2 {
  position:absolute;
  left:50px;
  bottom:0;
  display:inline-block}

@media(max-width: 1199px) {
  .img-box18 .img1,
.img-box18 .img2 {
  left:0}
}

@media(max-width: 991px) {
  .img-box18 .img1,
.img-box18 .img2 {
  position:static;
  margin-top:100px;
  margin-left:0}
}

@media(max-width: 991px)and (max-width: 575px) {
  .img-box18 .img1,
.img-box18 .img2 {
  margin-top:30px}
}
.img-box18 .img1 {
  top:0;
  right:50px;
  left:auto}

@media(max-width: 1199px) {
  .img-box18 .img1 {
  right:0}
}

@media(max-width: 991px) {
  .img-box18 .img1 {
  margin-top:0;
  margin-left:30px}
}

@media(max-width: 575px) {
  .img-box18 .img1 {
  margin-left:0}
}
.about-wrap13 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}

@media(max-width: 1199px) {
  .about-wrap13 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:40px}
}

@media(max-width: 767px) {
  .about-wrap13 {
  display:block}
}

@media(max-width: 1199px) {
  .about-wrap13 .about-wrap-counter {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1}
}

@media(max-width: 767px) {
  .about-wrap13 .about-wrap-counter {
  text-align:center}
}
.about-wrap13 .about-wrap-counter .about-circle2 {
  -webkit-transform:none;
  transform:none;
  position:relative;
  background:var(--title-color);
  border-radius:16px;
  padding:40px 46px;
  display:inline-block;
  -ms-flex-item-align:start;
  align-self:flex-start;
  text-align:center;
  max-width:298px}
.about-wrap13 .about-wrap-counter .about-circle2 .progressbar {
  display:inline-block;
  position:relative;
  height:178px}
.about-wrap13 .about-wrap-counter .about-circle2 .progressbar .circle {
  display:inline-block;
  width:178px;
  height:178px}
.about-wrap13 .about-wrap-counter .about-circle2 .progressbar .circle canvas {
  width:178px !important;
  height:178px !important;
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)}
.about-wrap13 .about-wrap-counter .about-circle2 .circle-num {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  margin:0;
  color:var(--white-color);
  font-size:34px;
  font-weight:500;
  font-family:var(--title-font);
  letter-spacing:.02em}
.about-wrap13 .about-wrap-counter .about-circle2 .box-title {
  color:var(--white-color);
  font-size:18px;
  font-weight:600;
  margin-bottom:0;
  margin-top:35px}
.about-wrap13 .about-wrap-counter .img-box13-2 .img1 {
  border-radius:16px;
  overflow:hidden;
  margin-top:25px}
.about-wrap13 .about-wrap-counter .img-box13-2 .img1 img {
  width:100%}
.about-wrap13 .about-wrapp-content {
  margin-left:80px;
  max-width:559px}

@media(max-width: 1299px) {
  .about-wrap13 .about-wrapp-content {
  margin-left:40px}
}

@media(max-width: 1199px) {
  .about-wrap13 .about-wrapp-content {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3;
  margin-left:0;
  max-width:none}
}

@media(max-width: 767px) {
  .about-wrap13 .about-wrapp-content {
  margin-top:30px}
}
.about-wrap13 .about-wrapp-content .about-item:not(:last-child) {
  margin-bottom:40px}

@media(max-width: 1199px) {
  .about-wrap13 .about-wrapp-content .about-item {
  max-width:none}
}
.about-wrap13 .about-wrapp-content .about-item .about-item_img {
  background:var(--smoke-color3)}
.about-wrap13 .about-wrapp-content .about-item .box-title {
  font-weight:600;
  letter-spacing:.02em}
.about-wrap13 .about-wrapp-content .about-item .about-item_centent {
  -ms-flex-item-align:center;
  align-self:center}
.about-wrap13 .img-box13-1 {
  position:relative;
  padding:165px 165px 125px 0;
  margin-left:-80px}

@media(max-width: 1299px) {
  .about-wrap13 .img-box13-1 {
  padding:135px 55px 125px 0;
  margin-left:-120px}
}

@media(max-width: 1199px) {
  .about-wrap13 .img-box13-1 {
  margin-left:0;
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2}
}

@media(max-width: 991px) {
  .about-wrap13 .img-box13-1 {
  width:50%}
}

@media(max-width: 767px) {
  .about-wrap13 .img-box13-1 {
  width:100%}
}

@media(max-width: 375px) {
  .about-wrap13 .img-box13-1 {
  padding:40px 0 0 0}
}
.about-wrap13 .img-box13-1 .img1 {
  border-radius:16px;
  overflow:hidden}
.about-wrap13 .img-box13-1 .img1 img {
  width:100%}
.about-wrap13 .img-box13-1 .about-circle2 {
  position:absolute;
  bottom:0;
  right:0;
  background:var(--theme-color);
  max-width:258px;
  padding:30px 26px}

@media(max-width: 375px) {
  .about-wrap13 .img-box13-1 .about-circle2 {
  position:relative;
  margin-top:24px}
}
.about-wrap13 .img-box13-1 .about-circle2 .progressbar {
  width:118px;
  height:118px}
.about-wrap13 .img-box13-1 .about-circle2 .progressbar .circle {
  width:118px;
  height:118px}
.about-wrap13 .img-box13-1 .about-circle2 .progressbar .circle canvas {
  width:118px !important;
  height:118px !important}
.about-wrap13 .img-box13-1 .about-circle2 .circle-num {
  font-size:30px}
.about-wrap13 .img-box13-1 .about-circle2 .box-title {
  margin-top:14px}
.about-wrap13 .img-box13-1 .discount-tag {
  position:absolute;
  top:0;
  right:0;
  background:var(--white-color);
  border-radius:50%;
  -webkit-transform:none !important;
  transform:none !important;
  -webkit-animation:none !important;
  animation:none !important;
  width:auto;
  height:auto;
  border:20px solid var(--white-color)}

@media(max-width: 1299px) {
  .about-wrap13 .img-box13-1 .discount-tag {
  border:10px solid var(--white-color)}
}

@media(max-width: 375px) {
  .about-wrap13 .img-box13-1 .discount-tag {
  position:relative;
  border:0;
  margin-top:24px;
  display:block}
}
.about-wrap13 .img-box13-1 .discount-tag .icon {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.about-wrap13 .img-box13-1 .discount-tag .discount-wrapp {
  border:0;
  padding:0;
  width:202px;
  height:202px;
  -webkit-animation:spin 10s infinite alternate linear;
  animation:spin 10s infinite alternate linear}

@media(max-width: 1299px) {
  .about-wrap13 .img-box13-1 .discount-tag .discount-wrapp {
  width:172px;
  height:172px}
}
.about-wrap13 .img-box13-1 .discount-tag .discount-anime {
  position:absolute;
  width:auto;
  height:auto;
  top:11px;
  left:53px}
.about-wrap13 .img-box13-1 .discount-tag .discount-anime span {
  --rotate-letter: 10deg;
  min-height:106px;
  top:-8px;
  left:-47px}

@media(max-width: 1299px) {
  .about-wrap13 .img-box13-1 .discount-tag .discount-anime span {
  min-height:90px;
  top:-10px;
  left:-55px}
}
.section-radius {
  margin:24px;
  border-radius:16px}

@media(max-width: 575px) {
  .section-radius {
  margin:12px}
}
.img-box17-1 {
  position:relative;
  height:100%}

@media(max-width: 1199px) {
  .img-box17-1 {
  display:inline-block}
}

@media(max-width: 991px) {
  .img-box17-1 {
  display:block;
  height:auto}
}
.img-box17-1 .img1 {
  border-radius:16px;
  overflow:hidden;
  height:100%}
.img-box17-1 .img1 img {
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover}
.img-box17-1 .discount-tag {
  position:absolute;
  top:37px;
  left:-124px;
  background:var(--white-color);
  border-radius:50%;
  -webkit-transform:none !important;
  transform:none !important;
  -webkit-animation:none !important;
  animation:none !important;
  width:auto;
  height:auto;
  border:20px solid var(--white-color)}
.img-box17-1 .discount-tag:after {
  content:"";
  position:absolute;
  inset:-20px;
  border:1px solid #e2e2e2;
  border-radius:50%}

@media(max-width: 1199px) {
  .img-box17-1 .discount-tag:after {
  display:none}
}

@media(max-width: 1500px) {
  .img-box17-1 .discount-tag {
  left:30px}
}

@media(max-width: 1299px) {
  .img-box17-1 .discount-tag {
  border:10px solid var(--white-color)}
}

@media(max-width: 375px) {
  .img-box17-1 .discount-tag {
  position:relative;
  border:0;
  margin-top:30px;
  display:block;
  top:0;
  left:0;
  right:0}
}
.img-box17-1 .discount-tag .icon {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.img-box17-1 .discount-tag .discount-wrapp {
  border:0;
  padding:0;
  width:202px;
  height:202px;
  -webkit-animation:spin 10s infinite alternate linear;
  animation:spin 10s infinite alternate linear}

@media(max-width: 1299px) {
  .img-box17-1 .discount-tag .discount-wrapp {
  width:172px;
  height:172px}
}
.img-box17-1 .discount-tag .discount-anime {
  position:absolute;
  width:auto;
  height:auto;
  top:11px;
  left:53px}
.img-box17-1 .discount-tag .discount-anime span {
  --rotate-letter: 10deg;
  min-height:106px;
  top:-8px;
  left:-47px}

@media(max-width: 1299px) {
  .img-box17-1 .discount-tag .discount-anime span {
  min-height:90px;
  top:-10px;
  left:-55px}
}
.img-box17-2 .img1 {
  border-radius:16px;
  overflow:hidden;
  margin-bottom:5px}
.img-box17-2 .img1 img {
  width:100%}
.img-box17-2 .img2 {
  position:relative}
.img-box17-2 .img2 img {
  border-radius:16px;
  width:100%}
.img-box17-2 .img2 .play-btn {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.img-box17-2 .img2 .play-btn>i {
  background:var(--theme-color);
  color:var(--white-color);
  --icon-font-size: 20px}
.about-wrap17 {
  margin-left:36px}

@media(max-width: 1399px) {
  .about-wrap17 {
  margin-left:0}
}
.about-wrap17 .sec-title {
  max-width:545px}

@media(max-width: 1199px) {
  .about-wrap17 .sec-title {
  max-width:none}
}
.about-wrap17 .sec-text {
  font-size:18px;
  line-height:1.777em}

@media(max-width: 1199px) {
  .about-wrap17 .sec-text {
  font-size:16px}
}
.about-wrap17 .about-feature-card {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px}
.about-wrap17 .about-feature-card:not(:last-child) {
  margin-bottom:32px}
.about-wrap17 .about-feature-card .box-icon {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}
.about-wrap17 .about-feature-card .box-title {
  font-size:24px;
  font-weight:600;
  margin-bottom:10px}

@media(max-width: 1299px) {
  .about-wrap17 .about-feature-card .box-title {
  font-size:20px}
}
.about-wrap17 .about-feature-card .box-text {
  font-size:14px}
.th-team {
  position:relative}
.th-team .team-img {
  position:relative;
  overflow:hidden}
.th-team .team-img img {
  width:100%;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.th-team .team-desig {
  font-size:16px;
  font-weight:400;
  display:block;
  margin-bottom:-0.45em;
  color:var(--black-color2)}
.th-team .th-social {
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.th-team .th-social a {
  --icon-size: 32px;
  background-color:rgba(0,0,0,0);
  border:1px solid var(--theme-color);
  color:var(--theme-color);
  font-size:14px}

@media(max-width: 1299px) {
  .th-team .th-social a {
  margin-right:0}
}

@media(max-width: 1199px) {
  .th-team .th-social a {
  margin-right:5px}
}
.th-team .th-social a:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.th-team .box-title {
  margin-bottom:0}
.teamSlider1 .swiper-pagination-bullets .swiper-pagination-bullet {
  border:1px solid var(--title-color)}
.teamSlider1 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color:var(--theme-color)}
.teamSlider4 .slider-arrow {
  left:var(--pos-x, -60px)}
.teamSlider4 .slider-arrow.slider-next {
  right:var(--pos-x, -60px);
  left:auto}
.team-box {
  position:relative;
  text-align:center;
  overflow:hidden;
  z-index:2;
  --space: 56px;
  -webkit-transition:all ease .4s;
  transition:all ease .4s}
.team-box.style2 {
  border:1px solid var(--theme-color);
  border-radius:16px;
  padding-top:16px}
.team-box.style3 .team-content {
  border:0;
  background:var(--smoke-color4)}
.team-box.style3 .team-content .media-body {
  background:var(--white-color)}
.team-box .team-img {
  max-width:calc(100% - var(--space)*2);
  margin:0 auto;
  border:3px solid var(--white-color);
  overflow:hidden;
  position:relative;
  border-radius:50%;
  z-index:3}
.team-box .team-img img {
  width:100%;
  border-radius:50%;
  -webkit-transition:all 1.3s ease 0s;
  transition:all 1.3s ease 0s}
.team-box .team-content {
  position:relative;
  padding:130px 16px 16px 16px;
  margin-top:-100px;
  background-color:var(--white-color);
  border:1px solid var(--th-border-color);
  border-radius:16px;
  z-index:2}
.team-box .media-body {
  position:relative;
  border-radius:16px;
  background-color:var(--smoke-color);
  padding:24px 28px;
  -webkit-transition:all ease .4s;
  transition:all ease .4s;
  z-index:2;
  overflow:hidden}

@media(max-width: 1399px) {
  .team-box .media-body {
  padding:24px 10px}
}
.team-box .media-body:before {
  content:"";
  position:absolute;
  inset:0;
  height:0;
  background-color:var(--theme-color);
  z-index:-1;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.team-box .box-title {
  color:var(--black-color2)}
.team-box .box-title a {
  color:var(--black-color2)}
.team-box .team-desig {
  margin-bottom:12px;
  -webkit-transition:.4s;
  transition:.4s}
.team-box:hover .team-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.team-box:hover .media-body:before {
  bottom:100%;
  height:100%}
.team-box:hover .box-title {
  color:var(--white-color)}
.team-box:hover .box-title a {
  color:var(--white-color)}
.team-box:hover .team-desig {
  color:var(--white-color)}
.team-box:hover .th-social a {
  border:1px solid var(--white-color);
  color:var(--white-color)}
.team-slider-1 .team-content {
  border:1px solid var(--th-border-color)}
.team-grid {
  position:relative;
  background-color:var(--smoke-color);
  text-align:center;
  border-radius:16px;
  --space: 72px}
.team-grid.style2 {
  --space: 56px;
  margin:16px;
  height:528px;
  border-radius:12px}

@media(max-width: 1399px) {
  .team-grid.style2 {
  margin:0}
}
.team-grid.style2 .team-img {
  position:relative;
  border-radius:12px;
  z-index:2;
  height:528px}
.team-grid.style2 .team-img:before {
  content:"";
  position:absolute;
  inset:0;
  background-color:var(--title-color);
  opacity:.8;
  z-index:1}
.team-grid.style2 .team-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:12px}
.team-grid.style2 .team-img2 {
  margin-top:0;
  position:absolute;
  top:50px;
  left:50%;
  -webkit-transform:translate(-50%, 0%);
  transform:translate(-50%, 0%)}
.team-grid.style2 .team-content {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:0;
  border-radius:12px}
.team-grid.style2 .media-body {
  border-radius:12px}
.team-grid .team-img {
  border-radius:16px 16px 0 0}
.team-grid .team-img img {
  -webkit-transition:all 1.3s ease 0s;
  transition:all 1.3s ease 0s}
.team-grid .team-img2 {
  width:280px;
  height:280px;
  margin:0 auto;
  margin-top:-100px;
  border:3px solid var(--white-color);
  overflow:hidden;
  position:relative;
  border-radius:50%;
  z-index:3}
.team-grid .team-img2 img {
  width:100%;
  border-radius:50%;
  -webkit-transition:all 1.3s ease 0s;
  transition:all 1.3s ease 0s}
.team-grid .team-content {
  position:relative;
  padding:24px 16px 16px 16px;
  border-radius:16px;
  -webkit-transition:all 1s ease;
  transition:all 1s ease;
  z-index:2}
.team-grid .media-body {
  position:relative;
  border-radius:16px;
  background-color:#fff;
  padding:24px 28px;
  -webkit-transition:all 1s ease;
  transition:all 1s ease;
  z-index:2;
  overflow:hidden}
.team-grid .media-body:before {
  content:"";
  position:absolute;
  inset:0;
  height:0;
  background-color:var(--theme-color);
  z-index:-1;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.team-grid .box-title {
  color:var(--black-color2)}
.team-grid .box-title a {
  color:inherit}
.team-grid .team-desig {
  margin-bottom:12px}
.team-grid:hover .team-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.team-grid:hover .team-img2 img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.team-grid:hover .media-body:before {
  height:100%;
  bottom:100%}
.team-grid:hover .box-title {
  color:var(--white-color)}
.team-grid:hover .team-desig {
  color:var(--white-color)}
.team-grid:hover .th-social a {
  border:1px solid var(--white-color);
  color:var(--white-color)}

@media(min-width: 1930px) {
  .team-area3 {
  background-size:cover;
  margin-bottom:120px}
}
.team-area3 .slider-arrow {
  top:36%;
  left:var(--pos-x, -60px)}
.team-area3 .slider-arrow.slider-next {
  right:var(--pos-x, -60px);
  left:unset}
.team-details {
  padding:60px;
  border-radius:50px;
  background:var(--smoke-color)}

@media(max-width: 1199px) {
  .team-details {
  padding:50px}
}

@media(max-width: 991px) {
  .team-details {
  padding:30px}
}

@media(max-width: 575px) {
  .team-details {
  padding:20px}
}
.team-details .team-img {
  width:530px;
  border-radius:20px}

@media(max-width: 1199px) {
  .team-details .team-img {
  width:auto}
}
.team-details .box-title {
  font-weight:700;
  font-size:36px;
  line-height:1.2;
  color:var(--title-color);
  margin-bottom:7px}
.team-details .team-desig {
  display:inline-block}

@media(max-width: 767px) {
  .team-details .team-desig {
  margin-bottom:10px}
}
.team-social.th-social a {
  color:var(--theme-color);
  border:1px solid var(--theme-color)}
.team-social.th-social a:hover {
  color:var(--white-color)}
.team-infobox {
  position:relative;
  border:1px solid var(--th-border-color);
  border-radius:16px;
  height:100%}
.team-infobox::before,
.team-infobox::after {
  position:absolute;
  width:100%;
  height:1px;
  top:50%;
  left:0;
  content:"";
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:var(--th-border-color)}

@media(max-width: 767px) {
  .team-infobox::before,
.team-infobox::after {
  display:none}
}
.team-infobox::after {
  width:1px;
  height:100%;
  left:0;
  right:0;
  text-align:center;
  margin:auto}
.team-infobox .row [class*=col-]:last-child .team-info-item {
  border:0}
.team-info-item {
  padding:30px}

@media(max-width: 767px) {
  .team-info-item {
  border-bottom:1px solid var(--th-border-color)}
}
.team-info-icon {
  font-size:16px;
  width:50px;
  height:50px;
  display:inline-block;
  line-height:50px;
  border-radius:50%;
  color:var(--theme-color);
  text-align:center;
  border:1px solid var(--theme-color);
  margin-right:20px;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto}

@media(max-width: 575px) {
  .team-info-icon {
  margin-right:0;
  margin-bottom:15px}
}
.team-info-title {
  font-weight:600;
  font-size:18px;
  line-height:1.5;
  color:var(--title-color);
  margin-bottom:0}
.team-info-title a {
  color:var(--title-color)}
.team-info-title a:hover {
  color:var(--theme-color)}
.team-info-subtitle {
  font-weight:400;
  font-size:14px;
  color:var(--body-color)}

@media(max-width: 1199px) {
  .team-about {
  margin-bottom:20px}
}
.team-about .th-social a:not(:hover) {
  background-color:#e4e4e4;
  color:var(--title-color)}
.team-about.style2 {
  margin-left:45px}

@media(max-width: 1199px) {
  .team-about.style2 {
  margin:0}
}
.team-about.style2 .team-about_title {
  font-weight:600;
  margin:0 0 3px 0px}
.team-about.style2 .team-about_desig {
  border-bottom:1px solid #e4e4e4;
  padding-bottom:20px}
.team-about.style2 .team-about_text {
  line-height:26px;
  max-width:465px}
.team-about_title {
  font-size:40px;
  margin:-0.8rem 0 20px 0px}
.team-about_desig {
  font-weight:500;
  color:var(--body-color);
  margin-bottom:23px}
.team-about .box-title {
  font-size:28px}
.team-about .th-btn {
  padding:19.5px 38.9px}
.about-card-img {
  position:relative;
  background-color:var(--white-color);
  padding:40px;
  -webkit-box-shadow:0px 4px 50px rgba(0,0,0,.06);
  box-shadow:0px 4px 50px rgba(0,0,0,.06)}
.about-card-img img {
  width:100%}

@media(max-width: 1299px) {
  .about-card-img {
  padding:30px}
}

@media(max-width: 1199px) {
  .about-card-img {
  margin-bottom:40px}
}

@media(max-width: 375px) {
  .about-card-img {
  padding:20px}
}

@media(min-width: 1300px) {
  .about-card {
  margin-left:50px}
}
.about-card_title {
  margin-bottom:15px}
.about-card_desig {
  color:var(--body-color);
  margin-bottom:22px;
  margin-top:-0.5em}
.about-card_text {
  margin-bottom:26px;
  margin-top:32px}
.about-card .th-social a {
  border-radius:10px}
.team-info ul {
  margin:0;
  padding:0;
  list-style-type:none}
.team-info ul li {
  margin-bottom:15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.team-info ul li:last-child {
  margin-bottom:0}
.team-info ul li b {
  font-family:var(--title-font);
  width:100%;
  max-width:200px;
  font-weight:600;
  font-size:18px;
  color:var(--title-color);
  line-height:28px}
.team-info ul li span,
.team-info ul li a {
  color:var(--body-color)}
.team-info ul li a:hover {
  color:var(--theme-color)}

@media(max-width: 575px) {
  .team-info ul li b {
  max-width:140px}
}
.team-contact-form {
  padding:50px;
  background-color:var(--smoke-color)}
.team-contact-form textarea {
  height:120px}
.team-contact-form .form-title {
  margin-top:-0.3em;
  margin-bottom:25px}

@media(max-width: 575px) {
  .team-contact-form {
  padding:40px 20px}
}
.skill-feature {
  text-align:left}
.skill-feature.style2 .skill-feature_title {
  font-family:var(--title-font);
  font-weight:600;
  font-size:20px;
  line-height:30px;
  color:var(--white-color);
  margin-bottom:10px}
.skill-feature.style2 .progress {
  height:6px;
  background-color:#4d5765;
  border-radius:3px}
.skill-feature.style2 .progress-bar {
  height:6px;
  margin:0px}
.skill-feature.style2 .progress-value {
  font-family:var(--title-font);
  color:var(--white-color)}
.skill-feature:not(:last-child) {
  margin-bottom:30px}
.skill-feature_title,
.skill-feature .progress-value {
  font-size:18px;
  font-weight:600;
  margin-bottom:6px;
  margin-top:-0.5em;
  font-family:var(--title-font);
  color:var(--title-color)}
.skill-feature .progress {
  position:relative;
  height:8px;
  background-color:#e4e4e4;
  overflow:visible;
  border-radius:4px}
.skill-feature .progress-bar {
  background-color:var(--theme-color);
  height:4px;
  margin:2px;
  border-radius:inherit;
  overflow:visible;
  position:relative}
.skill-feature .progress-value {
  position:absolute;
  top:-30px;
  right:-8px}
.teamSlider8 {
  margin:0 -180px !important}
.teamSlider8 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:40px auto auto auto;
  overflow:hidden}
.team-grid2 {
  position:relative;
  border-radius:250px 250px 0px 0px;
  z-index:2}
.team-grid2:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(11, 20, 34, 0)), to(#0B1422));
  background:linear-gradient(180deg, rgba(11, 20, 34, 0) 0%, #0B1422 100%);
  border-radius:250px 250px 0px 0px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  z-index:1;
  opacity:0;
  visibility:hidden}
.team-grid2 .team-img {
  position:relative;
  border-radius:250px 250px 0px 0px}
.team-grid2 .team-img img {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.team-grid2 .team-content {
  position:absolute;
  left:50%;
  bottom:-40px;
  width:100%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  text-align:center;
  z-index:3;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.team-grid2 .box-title {
  font-family:var(--title-font);
  font-weight:800;
  font-size:50px;
  line-height:54px;
  text-align:center;
  letter-spacing:.02em;
  color:#fff;
  -webkit-text-fill-color:rgba(0,0,0,0);
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff;
  text-transform:capitalize;
  margin-bottom:30px}

@media(max-width: 767px) {
  .team-grid2 .box-title {
  font-size:35px;
  line-height:45px}
}

@media(max-width: 575px) {
  .team-grid2 .box-title {
  font-size:25px;
  line-height:30px}
}
.team-grid2 .th-social a {
  background-color:rgba(0,0,0,0);
  border:1px solid var(--white-color);
  color:var(--white-color);
  font-size:14px}
.team-grid2 .th-social a:hover {
  border-color:var(--theme-color)}
.team-grid2:hover:before {
  opacity:1;
  visibility:visible}
.team-grid2:hover .team-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.team-grid2:hover .team-content {
  bottom:40px;
  visibility:visible;
  opacity:1}
.team-grid3 {
  position:relative;
  border-radius:250px 250px 0px 0px;
  z-index:2}
.team-grid3:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(17, 61, 72, 0)), to(#113D48));
  background:linear-gradient(180deg, rgba(17, 61, 72, 0) 0%, #113D48 100%);
  border-radius:30px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  z-index:1;
  opacity:0;
  visibility:hidden}
.team-grid3 .team-img {
  position:relative;
  border-radius:30px;
  margin-bottom:30px}
.team-grid3 .team-img img {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.team-grid3 .team-content {
  text-align:center;
  z-index:3;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  opacity:0;
  overflow:hidden}
.team-grid3 .box-title {
  font-family:var(--body-font);
  font-weight:800;
  font-size:50px;
  line-height:54px;
  text-align:center;
  letter-spacing:.02em;
  color:#fff;
  -webkit-text-fill-color:rgba(0,0,0,0);
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff;
  text-transform:capitalize;
  margin-bottom:30px;
  margin-top:0}

@media(max-width: 767px) {
  .team-grid3 .box-title {
  font-size:35px;
  line-height:45px}
}

@media(max-width: 575px) {
  .team-grid3 .box-title {
  font-size:25px;
  line-height:30px}
}
.team-grid3 .th-social a {
  background-color:rgba(0,0,0,0);
  border:1px solid var(--white-color);
  color:var(--white-color);
  font-size:14px}
.team-grid3 .th-social a:hover {
  border-color:var(--theme-color)}
.team-grid3:hover .team-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.team-box4 {
  text-align:center}
.team-box4 .team-img {
  border-radius:50%;
  border:1px solid var(--title-color);
  margin-bottom:25px}
.team-box4 .team-img img {
  -webkit-transition:all 1.3s ease 0s;
  transition:all 1.3s ease 0s}
.team-box4 .box-title {
  font-size:24px;
  font-weight:700;
  margin-bottom:13px;
  color:var(--white-color)}
.team-box4 .th-social a {
  border:1px solid var(--white-color);
  color:var(--white-color);
  font-size:14px}
.team-box4 .th-social a:hover {
  color:var(--title-color);
  background-color:var(--white-color)}
.team-box4:hover .team-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.team-btn4 .th-btn {
  border-color:var(--body-color)}
.team-btn4 .th-btn:hover {
  border-color:var(--white-color)}

@media(max-width: 991px) {
  .team-btn4 {
  margin-bottom:40px}
}
.teamSlider10 .swiper-slide.swiper-slide-active .team-grid3 .team-content {
  opacity:1;
  visibility:visible}
.team-box3 {
  text-align:center;
  -webkit-transition:.4s;
  transition:.4s}
.team-box3 .team-img {
  border-radius:30px;
  margin-bottom:25px}
.team-box3 .team-img img {
  -webkit-transition:all 1.3s ease 0s;
  transition:all 1.3s ease 0s}
.team-box3 .box-title {
  font-size:24px;
  font-weight:700;
  margin-bottom:13px}
.team-box3 .th-social a {
  border:1px solid var(--th-border-color);
  color:var(--title-color);
  font-size:14px}
.team-box3 .th-social a:hover {
  background-color:var(--title-color)}
.team-box3:hover .team-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.teamSlider11 .swiper-slide:nth-child(2) .team-box3 {
  margin-top:60px}
.teamSlider11 .swiper-slide:nth-child(4) .team-box3 {
  margin-top:60px}
.teamSlider11 .swiper-slide:nth-child(6) .team-box3 {
  margin-top:60px}
.teamSlider11 .swiper-slide:nth-child(8) .team-box3 {
  margin-top:60px}
.team-title-wrap7 {
  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;
  max-width:898px}
.team-title-wrap7 .sec-text {
  max-width:424px}
.team-title-wrap7 .sec-btn {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}

@media(max-width: 1299px) {
  .team-title-wrap7 {
  max-width:800px}
}

@media(max-width: 1199px) {
  .team-title-wrap7 {
  max-width:680px}
}

@media(max-width: 991px) {
  .team-title-wrap7 {
  max-width:none}
}

@media(max-width: 767px) {
  .team-title-wrap7 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap}
}
.team-card-wrap7 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:14px;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap}
.team-card-wrap7 .team-card7-wrap {
  width:calc(25% - 10.5px)}
.team-card-wrap7 .team-card7-wrap:nth-child(3) {
  width:calc(50% - 7px);
  margin-top:-226px}
.team-card-wrap7 .team-card7-wrap:nth-child(3) .team-card7 {
  width:calc(50% - 7px);
  height:100%;
  margin-left:auto}
.team-card-wrap7 .team-card7-wrap:nth-child(4) {
  width:calc(50% - 7px)}
.team-card-wrap7 .team-card7-wrap:nth-child(4) .team-card7 {
  width:calc(50% - 7px);
  margin-right:auto}

@media(max-width: 991px) {
  .team-card-wrap7 .team-card7-wrap {
  width:calc(33.334% - 10px)}
.team-card-wrap7 .team-card7-wrap:nth-child(4),
.team-card-wrap7 .team-card7-wrap:nth-child(3) {
  width:calc(33.334% - 10px);
  margin-top:0}
.team-card-wrap7 .team-card7-wrap:nth-child(4) .team-card7,
.team-card-wrap7 .team-card7-wrap:nth-child(3) .team-card7 {
  width:100%}
}

@media(max-width: 767px) {
  .team-card-wrap7 .team-card7-wrap {
  width:calc(50% - 7px)}
.team-card-wrap7 .team-card7-wrap:nth-child(4),
.team-card-wrap7 .team-card7-wrap:nth-child(3) {
  width:calc(50% - 7px)}
}

@media(max-width: 575px) {
  .team-card-wrap7 .team-card7-wrap {
  width:100%}
.team-card-wrap7 .team-card7-wrap:nth-child(4),
.team-card-wrap7 .team-card7-wrap:nth-child(3) {
  width:100%}
}
.team-card-wrap7 .team-card7 {
  width:100%}
.team-card7 {
  position:relative;
  border-radius:8px;
  overflow:hidden}
.team-card7 .team-img {
  height:100%}
.team-card7 .team-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 991px) {
  .team-card7 .team-img img {
  height:250px;
  -o-object-position:top;
  object-position:top}
}

@media(max-width: 575px) {
  .team-card7 .team-img img {
  height:400px}
}
.team-card7 .team-content {
  position:absolute;
  inset:0;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-line-pack:justify;
  align-content:space-between;
  padding:24px;
  -webkit-transition:.4s;
  transition:.4s;
  opacity:0}
.team-card7 .team-content .th-social {
  width:100%}
.team-card7 .team-content .th-social a {
  border:1px solid var(--white-color);
  color:var(--white-color)}
.team-card7 .team-content .th-social a:hover {
  border:1px solid var(--theme-color)}
.team-card7 .team-content:after {
  content:"";
  position:absolute;
  inset:0;
  background:var(--title-color);
  opacity:0;
  z-index:-1;
  -webkit-transition:.4s;
  transition:.4s}
.team-card7 .box-title {
  margin-bottom:3px}
.team-card7 .box-title a {
  color:var(--white-color)}
.team-card7 .box-title a:hover {
  text-shadow:-0.3px -0.3px 0 var(--white-color),.3px .3px var(--white-color)}
.team-card7 .team-desig {
  font-size:14px;
  font-weight:400;
  color:var(--white-color)}
.team-card7:hover .team-img img {
  -webkit-filter:grayscale(9);
  filter:grayscale(9)}
.team-card7:hover .team-content {
  opacity:1}
.team-card7:hover .team-content:after {
  opacity:.5}
.team-slider12 .swiper-pagination-bullets {
  max-width:none !important;
  bottom:0 !important;
  margin-bottom:0 !important;
  margin-top:60px !important}
.team-inner-box .media-body {
  background:var(--smoke-color)}
.team-inner-box .team-desig {
  color:var(--body-color)}
.testiSlider1 {
  overflow:hidden}

@media(max-width: 991px) {
  .testiSlider1 {
  margin-top:0 !important}
}

@media(max-width: 767px) {
  .testiSlider1 {
  margin:0 !important}
}
.testiSlider1 .swiper-slide {
  margin-top:98px !important;
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out}

@media(max-width: 991px) {
  .testiSlider1 .swiper-slide {
  margin-top:58px !important}
}
.testiSlider1 .swiper-slide.swiper-slide-active {
  margin-top:0 !important;
  margin-bottom:80px !important}

@media(max-width: 991px) {
  .testiSlider1 .swiper-slide.swiper-slide-active {
  margin-bottom:40px !important}
}

@media(max-width: 767px) {
  .testiSlider1 .swiper-slide.swiper-slide-active {
  width:100% !important}
}
.testiSlider1 .swiper-slide.swiper-slide-active .testi-card-quote {
  background-color:var(--theme-color)}
.testiSlider1 .swiper-slide.swiper-slide-active .testi-card-quote img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.testiSlider1 .swiper-wrapper {
  visibility:visible}
.testiSlider1 .swiper-pagination-bullets {
  margin:45px 0 14px 0}
.testiSlider6 {
  overflow:visible;
  margin:0 -30px !important}

@media(max-width: 991px) {
  .testiSlider6 {
  margin-top:0 !important}
}

@media(max-width: 767px) {
  .testiSlider6 {
  margin:0 !important}
}
.testiSlider6 .swiper-slide {
  margin-top:40px !important;
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out}

@media(max-width: 991px) {
  .testiSlider6 .swiper-slide {
  margin-top:58px !important}
}
.testiSlider6 .swiper-slide.swiper-slide-active {
  margin-top:0 !important;
  margin-bottom:30px !important;
  width:672px !important}

@media(max-width: 991px) {
  .testiSlider6 .swiper-slide.swiper-slide-active {
  width:65% !important;
  margin-bottom:0px !important}
}

@media(max-width: 767px) {
  .testiSlider6 .swiper-slide.swiper-slide-active {
  width:100% !important}
}
.testiSlider6 .swiper-slide.swiper-slide-active .testi-card-quote {
  background-color:var(--theme-color)}
.testiSlider6 .swiper-slide.swiper-slide-active .testi-card-quote img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.testiSlider6 .swiper-wrapper {
  visibility:visible}
.testi-card {
  position:relative;
  padding:40px 40px 64px;
  background:#f2f5fa;
  border-radius:24px;
  margin:10px}
.testi-card.style2 .testi-card_profile {
  width:316px;
  height:153px;
  background-color:var(--theme-color);
  margin:-40px 0 -50px -60px;
  padding:10px 25px 50px 25px}

@media(max-width: 480px) {
  .testi-card.style2 .testi-card_profile {
  margin:-24px 0 -50px -60px}
}
.testi-card.style2 .testi-card_desig {
  color:var(--white-color)}
.testi-card.style2 .box-title {
  color:var(--white-color)}

@media(max-width: 991px) {
  .testi-card {
  padding:30px 30px 64px}
}

@media(max-width: 575px) {
  .testi-card {
  padding:25px 25px 64px}
}
.testi-card_wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:20px}

@media(max-width: 480px) {
  .testi-card_wrapper {
  display:block}
}
.testi-card_wrapper:nth-child(even) .testi-card {
  margin-top:0px}
.testi-card_profile {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:16px}
.testi-card_avater {
  min-width:72px}

@media(max-width: 575px) {
  .testi-card_avater {
  min-width:40px}
}
.testi-card_avater img {
  width:100%;
  border-radius:50%;
  -o-object-fit:cover;
  object-fit:cover}
.testi-card .box-title {
  margin-bottom:0}

@media(max-width: 575px) {
  .testi-card .box-title {
  font-size:20px}
}
.testi-card_review i {
  color:#ffa944;
  font-size:14px;
  margin-right:3px}

@media(max-width: 991px) {
  .testi-card_review i {
  font-size:12px}
}
.testi-card_text {
  color:var(--black-color2);
  font-size:20px;
  font-weight:500;
  margin-bottom:-0.3rem}

@media(max-width: 575px) {
  .testi-card_text {
  font-size:18px}
}
.testi-card-quote {
  width:78px;
  height:78px;
  line-height:70px;
  text-align:center;
  background-color:var(--white-color);
  border:4px solid var(--white-color);
  border-radius:50%;
  position:absolute;
  left:48%;
  bottom:-30px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)}
.testi-area8 {
  position:relative;
  background:#113d48;
  border-radius:30px 0px 0px 30px;
  min-width:1060px;
  padding:0px 0px 0px 160px;
  z-index:3;
  overflow:hidden}

@media(max-width: 1799px) {
  .testi-area8 {
  min-width:991px}
}

@media(max-width: 1699px) {
  .testi-area8 {
  min-width:891px;
  padding:0px 0px 0px 100px}
}

@media(max-width: 1500px) {
  .testi-area8 {
  padding-left:40px}
}

@media(max-width: 1699px) {
  .testi-area8 {
  margin-left:-200px}
}

@media(max-width: 1399px) {
  .testi-area8 {
  margin:0;
  border-radius:30px}
}

@media(max-width: 991px) {
  .testi-area8 {
  min-width:100%;
  padding-bottom:50px}
}

@media(max-width: 575px) {
  .testi-area8 {
  padding-left:20px;
  padding-bottom:0}
}
.testi-area8 .icon-box {
  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;
  position:absolute;
  top:45%;
  left:-24%;
  width:auto;
  color:#fff;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  border-bottom:1px solid hsla(0,0%,100%,.3)}

@media(max-width: 1699px) {
  .testi-area8 .icon-box {
  left:-29%}
}
.testi-area8 .icon-box .slider-arrow {
  background-color:rgba(0,0,0,0);
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-weight:400;
  font-size:14px;
  color:var(--white-color);
  width:290px;
  height:80px}
.testi-area8 .icon-box .slider-arrow:not(:first-child) {
  border-left:1px solid hsla(0,0%,100%,.3);
  border-radius:0}

@media(max-width: 991px) {
  .testi-area8 .testi-grid4 {
  margin-top:450px}
}
.testi-grid3-thumb {
  max-width:295px;
  margin:0;
  position:absolute !important;
  top:80px;
  right:80px;
  margin:0 !important}

@media(max-width: 1699px) {
  .testi-grid3-thumb {
  right:40px}
}

@media(max-width: 1500px) {
  .testi-grid3-thumb {
  right:60px}
}

@media(max-width: 1199px) {
  .testi-grid3-thumb {
  right:40px}
}

@media(max-width: 991px) {
  .testi-grid3-thumb {
  max-width:100%;
  position:static;
  padding-bottom:80px}
}

@media(max-width: 575px) {
  .testi-grid3-thumb {
  padding-bottom:60px;
  padding-right:20px}
}
.testi-grid3-thumb .box-img img {
  border-radius:30px}

@media(max-width: 991px) {
  .testi-grid3-thumb.style3 {
  right:0;
  left:0;
  padding-right:0}
}

@media(max-width: 991px) {
  .testi-grid3-thumb.style3 .box-img {
  text-align:center}
}
.testi-grid3-thumb.style3 .box-img img {
  border-radius:30px}
.testiSlide8 {
  max-width:550px;
  margin:0 !important}
.testi-grid4 {
  padding:80px 20px 80px 0;
  background-color:var(--title-color)}

@media(max-width: 1399px) {
  .testi-grid4 {
  padding:80px 0}
}

@media(max-width: 991px) {
  .testi-grid4 {
  padding:80px 0 30px 0px}
}

@media(max-width: 575px) {
  .testi-grid4 {
  padding:60px 20px 30px 0px}
}
.testi-grid4 .box-text {
  font-family:var(--title-font);
  font-weight:600;
  font-size:26px;
  line-height:40px;
  letter-spacing:.02em;
  color:#fff;
  max-width:445px;
  margin-bottom:45px}

@media(max-width: 1399px) {
  .testi-grid4 .box-text {
  max-width:100%}
}

@media(max-width: 991px) {
  .testi-grid4 .box-text {
  font-size:25px}
}

@media(max-width: 375px) {
  .testi-grid4 .box-text {
  font-size:20px}
}
.testi-grid4 .box-profile {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:20px}

@media(max-width: 375px) {
  .testi-grid4 .box-profile {
  display:block}
}
.testi-grid4 .box-avater {
  width:100px;
  height:100px;
  border-radius:50%}

@media(max-width: 375px) {
  .testi-grid4 .box-avater {
  margin-bottom:15px}
}
.testi-grid4 .box-avater img {
  border-radius:50%}
.testi-grid4 .box-title {
  color:var(--white-color);
  margin-bottom:0}
.testi-grid4 .box-desig {
  font-weight:500;
  font-size:14px;
  color:var(--theme-color)}
.testi-review {
  position:relative;
  height:520px;
  background-size:auto;
  z-index:3;
  margin-top:100px}

@media(max-width: 375px) {
  .testi-review {
  margin-bottom:50px}
}
.testi-box {
  position:absolute;
  text-align:center}

@media(max-width: 375px) {
  .testi-box {
  position:relative;
  left:auto;
  top:auto}
}
.testi-box:after {
  content:"";
  position:absolute;
  left:30%;
  top:-29.5%;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  width:19px;
  height:14px;
  border-left:solid 12px rgba(0,0,0,0);
  border-right:solid 12px rgba(0,0,0,0);
  border-bottom:solid 12px rgba(0,0,0,0);
  border-top:solid 12px var(--theme-color);
  opacity:0}

@media(max-width: 375px) {
  .testi-box:after {
  display:none}
}
.testi-box:first-child {
  top:50%;
  right:29%}

@media(max-width: 375px) {
  .testi-box:first-child {
  right:auto;
  top:auto}
}
.testi-box:nth-child(2) {
  top:48%;
  right:43%}

@media(max-width: 375px) {
  .testi-box:nth-child(2) {
  right:auto;
  top:auto}
}
.testi-box:nth-child(3) {
  top:9%;
  left:38%}

@media(max-width: 375px) {
  .testi-box:nth-child(3) {
  left:auto;
  top:auto}
}
.testi-box:nth-child(4) {
  top:27%;
  left:24%}

@media(max-width: 375px) {
  .testi-box:nth-child(4) {
  left:auto;
  top:auto}
}
.testi-box:nth-child(5) {
  top:52%;
  left:28%}

@media(max-width: 767px) {
  .testi-box:nth-child(5) {
  left:10%}
}

@media(max-width: 375px) {
  .testi-box:nth-child(5) {
  left:auto;
  top:auto}
}
.testi-box_content {
  background-color:var(--white-color);
  border:1px solid var(--theme-color);
  -webkit-box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  border-radius:16px;
  padding:20px 18px;
  min-width:447px;
  margin-bottom:10px;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  position:absolute;
  margin-top:-293px;
  margin-left:-165px;
  z-index:4}

@media(max-width: 575px) {
  .testi-box_content {
  min-width:350px;
  padding:24px;
  margin-top:-339px;
  margin-left:-115px}
}

@media(max-width: 375px) {
  .testi-box_content {
  min-width:300px;
  margin:-300px 0 0 0;
  padding:20px 10px}
}
.testi-box_text {
  font-weight:400;
  font-size:18px;
  color:var(--black-color2)}

@media(max-width: 575px) {
  .testi-box_text {
  font-size:16px}
}

@media(max-width: 320px) {
  .testi-box_text {
  font-size:14px}
}
.testi-box .media-body {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  -webkit-transform:scaleX(0);
  transform:scaleX(0)}
.testi-box_review i {
  color:#ffa944;
  margin-right:3px}
.testi-box_avater {
  position:relative;
  max-width:36px;
  display:block;
  margin:auto auto 40px auto}
.testi-box_avater span {
  position:absolute;
  top:4px;
  right:4px;
  width:4px;
  height:4px;
  display:block;
  border-radius:50%;
  background-color:var(--white-color);
  z-index:2}
.testi-box_avater:after,
.testi-box_avater:before {
  content:"";
  position:absolute;
  top:0px;
  right:0px;
  width:12px;
  height:12px;
  border-radius:50%;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  background-color:rgba(11,87,219,.5);
  z-index:1}
.testi-box_avater:after {
  -webkit-animation-duration:var(--ripple-ani-duration);
  animation-duration:var(--ripple-ani-duration);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:ripple3;
  animation-name:ripple3;
  background-color:var(--theme-color);
  -webkit-animation-delay:1s;
  animation-delay:1s}
.testi-box_avater img {
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid var(--theme-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.testi-box .box-title {
  font-weight:600;
  margin-bottom:0px}
.testi-box_desig {
  margin-bottom:0}
.testi-box.item-active:after {
  opacity:1}
.testi-box.item-active .media-body {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)}
.testi-box.item-active .testi-box_avater img {
  -webkit-transform:scale(2.5);
  transform:scale(2.5)}
.testi-box.item-active .testi-box_avater:before,
.testi-box.item-active .testi-box_avater:after {
  display:none}
.testi-box.item-active .testi-box_avater span {
  display:none}
.testi-box.item-active .testi-box_content {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)}
.testiSlide3 {
  position:relative;
  z-index:9}
.testi-grid {
  position:relative;
  text-align:center;
  max-width:563px;
  display:block;
  margin:auto}
.testi-grid_author {
  max-width:80px;
  display:block;
  margin:auto auto 30px auto}
.testi-grid_author img {
  width:80px;
  height:80px;
  border-radius:50%}
.testi-grid .box-title {
  margin-bottom:0}
.testi-grid_text {
  font-size:18px;
  color:var(--black-color2);
  font-weight:500;
  margin-bottom:30px}
.testi-grid-thumb {
  position:relative;
  margin-top:-450px;
  height:700px}

@media(max-width: 990px) {
  .testi-grid-thumb {
  display:none}
}

@media(max-width: 575px) {
  .testi-grid-thumb {
  margin-bottom:50px}
}
.testi-grid-thumb .swiper-wrapper {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  visibility:visible}
.testi-grid-thumb .swiper-slide {
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  cursor:pointer;
  content:"";
  position:absolute;
  margin:0;
  max-width:64px;
  height:64px}
.testi-grid-thumb .swiper-slide img {
  width:64px;
  height:64px;
  border-radius:50%;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.testi-grid-thumb .swiper-slide:first-child {
  top:5%;
  left:15%}
.testi-grid-thumb .swiper-slide:nth-child(2) {
  top:30%;
  left:5%}
.testi-grid-thumb .swiper-slide:nth-child(3) {
  bottom:30%;
  left:13%}
.testi-grid-thumb .swiper-slide:nth-child(4) {
  top:10%;
  right:10%}
.testi-grid-thumb .swiper-slide:nth-child(5) {
  top:40%;
  right:5%}
.testi-grid-thumb .swiper-slide:nth-child(6) {
  bottom:30%;
  right:13%}
.testi-grid-thumb .swiper-slide-thumb-active .box-img img {
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-transform:scale(1.6);
  transform:scale(1.6)}

@media(max-width: 575px) {
  .testi-grid-thumb .swiper-slide-thumb-active .box-img img {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)}
}
.testi-area3 {
  height:700px}
.testi-image-wrapp {
  margin-left:-52px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}

@media(max-width: 1500px) {
  .testi-image-wrapp {
  margin-left:0}
}

@media(max-width: 1199px) {
  .testi-image-wrapp {
  margin:0 0 50px 0;
  margin-bottom:0}
}
.testi-image-wrapp .testi-img {
  border-radius:150px 0 150px 0}
.testi-image-wrapp .testi-img img {
  border-radius:150px 0 150px 0;
  border:10px solid var(--white-color)}
.testi-image-wrapp .testi-img.style2 {
  position:relative;
  z-index:2;
  margin-left:-45px}
.testi-image-wrapp .testi-img.style2 img {
  border-radius:110px 0 110px 0}
.testi-grid2-thumb {
  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;
  padding:20px 5px;
  padding-top:5px}
.testi-grid2-thumb .swiper-slide-thumb-active .box-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  border-color:var(--theme-color)}
.testi-grid2-thumb .icon-box {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:15px}
.testi-grid2-thumb .slider-arrow {
  -webkit-box-shadow:none;
  box-shadow:none;
  border:1px solid var(--title-color);
  -webkit-box-shadow:0px 20px 20px hsla(0,0%,80%,.25);
  box-shadow:0px 20px 20px hsla(0,0%,80%,.25)}
.testi-grid2-thumb .slider-arrow:hover {
  border-color:var(--theme-color)}
.testi-grid2-thumb .box-img img {
  width:72px;
  height:72px;
  border-radius:50%;
  cursor:pointer;
  border:5px solid rgba(0,0,0,0);
  -webkit-transition:.4s;
  transition:.4s;
  border-radius:50%}

@media(max-width: 767px) {
  .testi-grid2-thumb .box-img img {
  height:auto}
}
.testi-grid2 .box-text {
  font-weight:500;
  font-size:20px;
  color:var(--body-color);
  margin-bottom:30px;
  line-height:1.5}
.testi-grid2 .box-title {
  margin-bottom:0}
.testi-grid2 .box-desig {
  font-weight:400;
  font-size:16px;
  color:#6e7070;
  display:block;
  margin-bottom:10px}
.testi-grid2 .box-review {
  margin-bottom:35px}
.testi-grid2 .box-review i {
  color:#ffa944;
  font-size:14px}
.testi-grid2-thumb.style2 {
  gap:40px}

@media(max-width: 1399px) {
  .testi-grid2-thumb.style2 {
  display:block}
}
.testi-area7 {
  background-size:auto;
  background-repeat:no-repeat;
  background-position:left center}
.testi-image-wrapp2 {
  position:relative;
  height:539px}

@media(max-width: 575px) {
  .testi-image-wrapp2 {
  display:none}
}
.testi-image-wrapp2 .testi-img {
  position:absolute;
  right:0;
  width:449px;
  height:539px;
  border-radius:30px;
  border:7px solid var(--white-color)}

@media(max-width: 1199px) {
  .testi-image-wrapp2 .testi-img {
  right:10%}
}

@media(max-width: 575px) {
  .testi-image-wrapp2 .testi-img {
  display:none}
}
.testi-image-wrapp2 .testi-img img {
  border-radius:24px}
.testi-image-wrapp2 .testi-img2 {
  position:absolute;
  top:20%;
  left:5%;
  width:276px;
  height:297.67px;
  z-index:2;
  border-radius:20px;
  border:7px solid var(--white-color)}

@media(max-width: 767px) {
  .testi-image-wrapp2 .testi-img2 {
  display:none}
}
.testi-image-wrapp2 .testi-img2 img {
  border-radius:15px}
.testi-image-wrapp2 .testi-shape {
  content:"";
  position:absolute;
  inset:-10px;
  top:18%;
  left:3.3%;
  width:300px}

@media(max-width: 767px) {
  .testi-image-wrapp2 .testi-shape {
  display:none}
}
.testi-image-wrapp2 .testi-shape2 {
  content:"";
  position:absolute;
  top:-7px;
  right:-18px;
  width:472px;
  z-index:-1}

@media(max-width: 1199px) {
  .testi-image-wrapp2 .testi-shape2 {
  right:8%}
}

@media(max-width: 575px) {
  .testi-image-wrapp2 .testi-shape2 {
  display:none}
}

@media(max-width: 1299px) {
  .testi5-titlebox .sec-title {
  font-size:40px}
}

@media(max-width: 1199px) {
  .title-area.testi5-titlebox {
  margin-bottom:0}
}
.testiSlider9 {
  margin-top:60px}
.testiSlider9 .swiper-slide {
  border-radius:30px;
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out}
.testiSlider9 .swiper-slide .box-img {
  -webkit-transform:scale(0.75) translateX(0);
  transform:scale(0.75) translateX(0)}
.testiSlider9 .swiper-slide .box-img img {
  opacity:35%}
.testiSlider9 .swiper-slide.swiper-slide-active {
  width:945px !important}

@media(max-width: 1500px) {
  .testiSlider9 .swiper-slide.swiper-slide-active {
  width:645px !important}
}

@media(max-width: 1299px) {
  .testiSlider9 .swiper-slide.swiper-slide-active {
  width:585px !important}
}

@media(max-width: 1199px) {
  .testiSlider9 .swiper-slide.swiper-slide-active {
  width:445px !important}
}

@media(max-width: 991px) {
  .testiSlider9 .swiper-slide.swiper-slide-active {
  width:100% !important;
  margin-bottom:0px !important}
}

@media(max-width: 767px) {
  .testiSlider9 .swiper-slide.swiper-slide-active {
  width:100% !important}
}
.testiSlider9 .swiper-slide.swiper-slide-active .box-img {
  border-radius:30px;
  -webkit-transform:scalex(1.3) translateX(0);
  transform:scalex(1.3) translateX(0)}

@media(max-width: 991px) {
  .testiSlider9 .swiper-slide.swiper-slide-active .box-img {
  -webkit-transform:scalex(1) translateX(0);
  transform:scalex(1) translateX(0)}
}
.testiSlider9 .swiper-slide.swiper-slide-active .box-img img {
  opacity:100%}
.testiSlider9 .swiper-slide.swiper-slide-active .box-content {
  opacity:1;
  visibility:visible}
.testiSlider9 .swiper-wrapper {
  visibility:visible}
.testi-card3 {
  position:relative;
  z-index:3;
  height:536px;
  --space: 90px;
  margin-bottom:97px}

@media(max-width: 1500px) {
  .testi-card3 {
  --space: 40px}
}

@media(max-width: 1299px) {
  .testi-card3 {
  --space: 20px}
}

@media(max-width: 1199px) {
  .testi-card3 {
  --space: 0px}
}

@media(max-width: 991px) {
  .testi-card3 {
  --space: 20px}
}
.testi-card3 .box-img {
  border-radius:30px}
.testi-card3 .box-img img {
  width:100%;
  height:536px;
  border-radius:30px}

@media(max-width: 1199px) {
  .testi-card3 .box-img img {
  -o-object-fit:cover;
  object-fit:cover}
}
.testi-card3 .box-avater {
  max-width:150px;
  height:150px;
  display:block;
  margin:auto auto 30px auto;
  border:2px solid var(--white-color);
  border-radius:100px;
  margin-top:-80px}
.testi-card3 .box-avater img {
  max-width:150px;
  height:150px;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:100px}
.testi-card3 .box-content {
  position:absolute;
  bottom:0px;
  left:var(--space);
  right:var(--space);
  -webkit-transform:translateY(17%);
  transform:translateY(17%);
  visibility:hidden;
  opacity:0;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  background-color:var(--white-color);
  -webkit-box-shadow:0px 4px 59px 9px rgba(0,0,0,.05);
  box-shadow:0px 4px 59px 9px rgba(0,0,0,.05);
  border-radius:30px;
  padding:0 40px 40px 40px;
  max-width:100%;
  text-align:center;
  z-index:2}

@media(max-width: 1199px) {
  .testi-card3 .box-content {
  padding:0 20px 20px 20px}
}
.testi-card3 .box-content .box-quote {
  position:absolute;
  top:30%;
  left:30%;
  -webkit-transform:translate(-50% -50%);
  transform:translate(-50% -50%);
  z-index:-1}
.testi-card3 .box-text {
  font-size:18px;
  font-weight:500;
  margin-bottom:20px}

@media(max-width: 1199px) {
  .testi-card3 .box-text {
  font-size:16px}
}
.testi-card3 .box-title {
  margin-bottom:0}
.testi-card3 .box-desig {
  font-size:14px;
  font-weight:500;
  color:var(--theme-color);
  display:block;
  margin-bottom:-0.3rem}
.testi-area10 {
  background-color:#e9f1ec}
.testiSlider10 {
  max-width:1626px;
  display:block;
  margin:auto}
.testiSlider10 .swiper-pagination-bullets {
  margin:70px 0 10px 0}
.testi-card2 {
  min-height:508px}
.testi-card2 .box-img {
  border-radius:30px}
.testi-card2 .box-img img {
  border-radius:30px}
.testi-card2 .box-content {
  background:var(--white-color);
  border-radius:60px;
  padding:40px;
  max-width:373px;
  position:absolute;
  right:0;
  bottom:0}
.testi-card2 .box-text {
  font-weight:500;
  font-size:20px;
  line-height:34px;
  color:#113d48;
  margin-bottom:30px}
.testi-card2 .box-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.testi-card2 .box-title {
  font-weight:700;
  font-size:20px;
  color:#113d48;
  margin-bottom:0}
.testi-area11 {
  background-color:#e9f6f9}
.testiSlider11 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:45px auto 10px auto;
  overflow:hidden;
  position:relative}
.testiSlider11 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:var(--brand-color);
  border-color:var(--brand-color)}
.testi-card4 {
  background-color:var(--white-color);
  border-radius:20px;
  padding:40px}
.testi-card4_review {
  color:#f8bc22;
  margin-bottom:10px}
.testi-card4 .box-text {
  color:var(--th-border-color);
  margin-bottom:30px}
.testi-card4 .box-profile {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:16px}
.testi-card4 .box-avater {
  max-width:44px}
.testi-card4 .box-avater img {
  border-radius:50%}
.testi-card4 .box-title {
  font-size:18px;
  font-weight:500;
  margin-bottom:0}
.testi-card4 .box-desig {
  font-size:14px;
  color:var(--brand-color)}
.testi-card5 {
  background-color:var(--white-color);
  -webkit-box-shadow:0px 20px 40px hsla(0,0%,80%,.15);
  box-shadow:0px 20px 40px hsla(0,0%,80%,.15);
  border-radius:30px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-transition:all .5s ease;
  transition:all .5s ease}

@media(max-width: 767px) {
  .testi-card5 {
  display:block}
}
.testi-card5 .box-img {
  min-width:144px;
  min-height:265px;
  border-radius:30px;
  -webkit-transition:all .5s ease;
  transition:all .5s ease}

@media(max-width: 767px) {
  .testi-card5 .box-img {
  height:250px}
}
.testi-card5 .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:30px}
.testi-card5 .box-content {
  padding:24px;
  -webkit-transition:all .5s ease;
  transition:all .5s ease}
.testi-card5 .box-quote {
  margin-bottom:18px}
.testi-card5 .box-text {
  font-family:var(--title-font);
  font-weight:600;
  font-size:14px;
  letter-spacing:.02em;
  color:var(--title-color);
  margin-bottom:30px;
  max-width:268}
.testi-card5 .box-title {
  position:relative;
  font-weight:800;
  font-size:14px;
  letter-spacing:.02em;
  color:var(--title-color);
  margin-bottom:0;
  padding-left:55px;
  z-index:2}
.testi-card5 .box-title:before {
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:40px;
  height:2px;
  background-color:var(--theme-color)}
.testi-card5 .box-desig {
  font-family:var(--title-font);
  font-weight:600;
  font-size:10px;
  letter-spacing:.02em;
  color:var(--theme-color);
  padding-left:60px}
.testi-card5 .box-number {
  font-family:var(--title-font);
  font-weight:600;
  font-size:20px;
  letter-spacing:.02em;
  color:rgba(17,61,72,.3);
  position:absolute;
  right:18px;
  bottom:30px}
.testiSlider12 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:40px auto auto auto;
  overflow:hidden;
  position:relative}
.testiSlider12 .slider-arrow {
  top:16%;
  left:var(--pos-x, 420px)}
.testiSlider12 .slider-arrow.slider-next {
  right:var(--pos-x, 420px);
  left:auto;
  top:auto;
  bottom:13%}

@media(max-width: 1399px) {
  .testiSlider12 .slider-arrow {
  display:none !important}
}
.testiSlider12 .swiper-wrapper {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.testiSlider12 .swiper-slide {
  margin-top:60px;
  -webkit-transition:all .5s ease;
  transition:all .5s ease}

@media(max-width: 1199px) {
  .testiSlider12 .swiper-slide.swiper-slide-active {
  width:100% !important;
  margin-bottom:40px !important}
}

@media(max-width: 767px) {
  .testiSlider12 .swiper-slide.swiper-slide-active {
  width:100% !important}
}
.testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-img {
  min-width:300px;
  min-height:420px}

@media(max-width: 1199px) {
  .testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-img {
  min-width:250px}
}

@media(max-width: 767px) {
  .testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-img {
  height:250px}
}
.testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-title {
  font-size:18px}

@media(max-width: 375px) {
  .testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-title {
  font-size:16px}
}
.testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-text {
  font-size:24px;
  line-height:1.5}

@media(max-width: 375px) {
  .testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-text {
  font-size:18px}
}
.testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-desig {
  font-size:12px}
.testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-quote {
  margin-left:30px;
  margin-bottom:50px}
.testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-quote img {
  -webkit-transform:scale(2.2);
  transform:scale(2.2)}
.testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-content {
  padding:50px}

@media(max-width: 1500px) {
  .testiSlider12 .swiper-slide.swiper-slide-active .testi-card5 .box-content {
  padding:30px}
}
.testiSlider12 .swiper-wrapper {
  visibility:visible}
.testi-wrap11 {
  background:var(--smoke-color);
  border-radius:30px;
  max-width:1760px;
  margin-left:auto;
  margin-right:auto}
.testi11-quote-icon-wrap {
  background:var(--white-color);
  width:362px;
  height:362px;
  border-radius:50%;
  position:relative}

@media(max-width: 1399px) {
  .testi11-quote-icon-wrap {
  width:300px;
  height:300px}
}

@media(max-width: 1199px) {
  .testi11-quote-icon-wrap {
  margin-left:auto;
  margin-right:auto}
}
.testi11-quote-icon-wrap .quote-icon {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  z-index:1}
.testi11-quote-icon-wrap .discount-wrapp {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  padding:0}
.testi11-quote-icon-wrap .discount-wrapp .discount-tag {
  width:295px;
  height:295px}
.testi11-quote-icon-wrap .discount-wrapp .discount-tag span {
  --rotate-letter: 6.7deg;
  min-height:153px;
  top:-3px}

@media(max-width: 1399px) {
  .testi11-quote-icon-wrap .discount-wrapp .discount-tag {
  width:230px;
  height:230px}
.testi11-quote-icon-wrap .discount-wrapp .discount-tag span {
  min-height:122px;
  top:-2px}
}
.testiSlider11-2 .slider-pagination {
  text-align:start;
  padding-left:174px;
  margin-bottom:0;
  bottom:0 !important}
.testiSlider11-2 .slider-pagination .swiper-pagination-bullet {
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-horizontal-gap: 8px;
  border:0;
  background:var(--th-border-color);
  -webkit-transition:.4s;
  transition:.4s}
.testiSlider11-2 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background:var(--theme-color);
  --swiper-pagination-bullet-size: 16px;
  bottom:-2px}

@media(max-width: 1199px) {
  .testiSlider11-2 .slider-pagination {
  text-align:center;
  padding-left:0}
}
.testi-card9 {
  background:var(--white-color);
  border-radius:30px;
  -webkit-box-shadow:0px 14px 30px rgba(11,20,34,.04);
  box-shadow:0px 14px 30px rgba(11,20,34,.04);
  padding:40px 60px 40px 40px}

@media(max-width: 575px) {
  .testi-card9 {
  padding:30px}
}
.testi-card9 .testi-card_review {
  font-size:18px;
  font-weight:500;
  color:var(--title-color);
  margin-bottom:28px}

@media(max-width: 575px) {
  .testi-card9 .testi-card_review {
  margin-bottom:18px}
}
.testi-card9 .box-text {
  font-size:24px;
  font-weight:500;
  color:var(--title-color);
  letter-spacing:.02em;
  line-height:1.5em}

@media(max-width: 991px) {
  .testi-card9 .box-text {
  font-size:20px}
}

@media(max-width: 575px) {
  .testi-card9 .box-text {
  font-size:16px}
}
.testi-card9 .box-content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:14px;
  margin-top:40px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}

@media(max-width: 575px) {
  .testi-card9 .box-content {
  margin-top:30px}
}
.testi-card9 .box-content .box-img {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  overflow:hidden;
  border-radius:20px;
  height:58px;
  width:58px}
.testi-card9 .box-content .box-title {
  font-size:18px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:1px;
  margin-top:0}
.testi-card9 .box-content .box-desig {
  font-size:14px;
  font-weight:400;
  margin-bottom:-0.2em;
  display:block}
.testi-area13 {
  background-color:#e9f1ec}
.testi-image2 .testi-img {
  margin-left:-40%;
  margin-right:80px}

@media(max-width: 1199px) {
  .testi-image2 .testi-img {
  margin:0}
}
.testiSlide13 {
  height:300px}

@media(max-width: 375px) {
  .testiSlide13 {
  height:340px}
}
.testiSlide13 .icon-box {
  position:absolute;
  right:50px;
  bottom:0}

@media(max-width: 575px) {
  .testiSlide13 .icon-box {
  display:none}
}
.testiSlide13 .slider-arrow.style7 {
  --icon-size: 46px;
  line-height:43px}
.testiSlide13 .slider-arrow.style7 img {
  max-width:20px}
.testi-grid2.style2 {
  height:300px}
.testi-grid2.style2 .box-review {
  font-size:14px;
  color:#f8bc22;
  margin-bottom:15px}
.testi-grid2.style2 .box-title2 {
  font-size:20px}
.testi-grid2.style2 .box-text {
  font-size:16px;
  color:#6e7070;
  max-width:560px;
  margin-bottom:25px}
.testi-grid2.style2 .box-title {
  position:relative;
  font-weight:600;
  font-size:18px;
  letter-spacing:.02em;
  color:var(--title-color);
  margin-bottom:0;
  padding-left:55px;
  z-index:2}
.testi-grid2.style2 .box-title:before {
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:40px;
  height:2px;
  background-color:var(--theme-color)}
.testi-grid2.style2 .box-desig {
  font-family:var(--title-font);
  font-weight:600;
  font-size:12px;
  letter-spacing:.02em;
  color:var(--theme-color);
  padding-left:60px}
.testi-card10 {
  background:var(--smoke-color4);
  border-radius:24px;
  position:relative;
  padding:40px 40px 65px;
  -webkit-transition:.4s;
  transition:.4s;
  overflow:hidden}

@media(max-width: 575px) {
  .testi-card10 {
  padding:30px 30px 55px}
}
.testi-card10 .box-thumb-wrap {
  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;
  -webkit-transition:.4s;
  transition:.4s}
.testi-card10 .box-img {
  -webkit-transition:.4s;
  transition:.4s;
  border-radius:50%;
  overflow:hidden;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  width:120px}
.testi-card10 .quote-icon {
  -webkit-transition:.4s;
  transition:.4s}
.testi-card10 .box-content {
  overflow:hidden;
  white-space:nowrap;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:-15px -40px -15px;
  position:relative;
  -webkit-transition:.4s;
  transition:.4s;
  opacity:0}
.testi-card10 .box-content .box-title {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  font-size:40px;
  font-weight:600;
  letter-spacing:.02em;
  -webkit-animation:marquee 10s linear infinite;
  animation:marquee 10s linear infinite;
  color:var(--white-color);
  opacity:.2}
.testi-card10 .box-content .box-title .marquee-text {
  display:block;
  padding-right:0}
.testi-card10 .box-content .box-title .marquee-text .star-icon {
  position:relative;
  display:inline-block;
  top:8px;
  margin-left:10px;
  margin-right:10px}
.testi-card10 .box-text {
  font-size:20px;
  font-weight:500;
  color:var(--title-color);
  -webkit-transition:.4s;
  transition:.4s;
  line-height:1.5em}

@media(max-width: 575px) {
  .testi-card10 .box-text {
  font-size:18px}
}

@media(max-width: 375px) {
  .testi-card10 .box-text {
  font-size:16px}
}
.testi-card10 .box-desig {
  font-size:16px;
  font-weight:500;
  color:var(--title-color);
  -webkit-transition:.4s;
  transition:.4s;
  display:block;
  margin-bottom:2px;
  margin-top:58px}
.testi-card10 .testi-card_review {
  color:var(--yellow-color);
  margin-bottom:-0.4em}
.testi-card10:hover {
  background:var(--title-color);
  padding:40px 40px 50px}

@media(max-width: 575px) {
  .testi-card10:hover {
  padding:30px 30px 40px}
}
.testi-card10:hover .box-thumb-wrap {
  margin-bottom:48px}
.testi-card10:hover .box-img {
  width:72px}
.testi-card10:hover .quote-icon {
  -webkit-filter:brightness(99) invert(0);
  filter:brightness(99) invert(0)}
.testi-card10:hover .box-content {
  opacity:1;
  margin-bottom:0}
.testi-card10:hover .box-text {
  color:var(--gray-color2)}
.testi-card10:hover .box-desig {
  color:var(--white-color)}
.testiSlider14 {
  margin-right:-30px}

@media(max-width: 1199px) {
  .testiSlider14 {
  margin-right:0}
}
.testiSlider14 .slider-pagination {
  margin-bottom:0;
  bottom:0 !important;
  margin-right:30px}

@media(max-width: 1199px) {
  .testiSlider14 .slider-pagination {
  margin-right:0}
}

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

@keyframes marquee {
  0% {
  -webkit-transform:translateX(0%);
  transform:translateX(0%)}
100% {
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)}
}
.available-list {
  padding-left:30px}

@media(max-width: 575px) {
  .available-list {
  padding:0}
}
.available-list ul {
  padding:0;
  margin:0;
  list-style:none}
.available-list li {
  position:relative;
  font-family:var(--body-font);
  font-weight:400;
  font-size:16px;
  line-height:26px;
  padding-left:30px;
  margin-bottom:4px;
  text-transform:capitalize;
  color:#4d5765}
.available-list li:after {
  content:"";
  font-family:var(--icon-font);
  font-weight:500;
  color:var(--theme-color);
  font-size:1.1em;
  position:absolute;
  top:1px;
  left:0}
.available-list li.unavailable:after {
  content:"";
  right:4px;
  color:#e4e4e4;
  font-weight:400}
.available-list li img {
  max-width:18px;
  margin-right:10px}
.available-list li:last-child {
  margin-bottom:0}
.available-list li.unavailable {
  font-weight:400;
  color:var(--body-color)}
.available-list li.unavailable img {
  opacity:.2}
.price-area .row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px}
.price-slider {
  margin-right:-50% !important}

@media(min-width: 1299px)and (max-width: 1399px) {
  .price-slider {
  margin-right:-5% !important}
}

@media(max-width: 1299px) {
  .price-slider {
  margin-right:-17% !important}
}

@media(max-width: 1199px) {
  .price-slider {
  margin-right:-39% !important}
}

@media(max-width: 991px) {
  .price-slider {
  margin-right:0 !important}
}
.price-card {
  position:relative;
  z-index:2;
  padding:30px;
  border-radius:30px;
  background-color:var(--white-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  -webkit-box-shadow:0 20px 50px 0 hsla(0,0%,80%,.3);
  box-shadow:0 20px 50px 0 hsla(0,0%,80%,.3)}

@media(max-width: 991px) {
  .price-card {
  padding:20px}
}
.price-card_wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:24px;
  padding:30px 30px 19px 30px;
  margin-bottom:20px;
  background:var(--smoke-color);
  border-radius:16px;
  border-bottom:1px solid var(--white-color);
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 375px) {
  .price-card_wrapp {
  padding:40px 0 40px 25px}
}
.price-card_titlebox {
  padding-bottom:20px;
  margin-bottom:15px;
  border-bottom:1px solid var(--th-border-color)}
.price-card_icon {
  width:64px;
  height:64px;
  line-height:64px;
  text-align:center;
  border-radius:50%;
  background:var(--theme-color);
  margin-bottom:0px}
.price-card_icon img {
  -webkit-transition:.4s;
  transition:.4s;
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.price-card_content {
  padding:0 30px 30px}

@media(max-width: 1299px) {
  .price-card_content {
  padding:0 30px 30px}
}

@media(max-width: 375px) {
  .price-card_content {
  padding:0 30px 30px 25px}
}
.price-card .box-title {
  font-size:28px;
  font-weight:700;
  color:var(--black-color2);
  position:relative;
  margin-bottom:0}

@media(max-width: 991px) {
  .price-card .box-title {
  font-size:24px}
}
.price-card_price {
  font-size:40px;
  font-weight:700;
  color:var(--theme-color);
  margin-bottom:0}

@media(max-width: 991px) {
  .price-card_price {
  font-size:30px}
}
.price-card_price .duration {
  font-size:16px;
  font-weight:400;
  font-family:var(--body-font);
  color:var(--title-color);
  margin-left:2px}
.price-card_text {
  color:var(--body-color);
  font-weight:400;
  font-size:16px;
  margin-bottom:0}
.price-card .checklist {
  margin-top:30px}
.price-card .checklist li {
  position:relative;
  font-size:16px;
  color:var(--body-color);
  font-weight:400;
  padding-left:30px}
.price-card .checklist li:not(:last-child) {
  margin-bottom:15px}
.price-card .checklist li .icon {
  margin-right:5px;
  width:20px;
  height:20px}
.price-card .checklist li i {
  font-size:24px;
  margin-top:2px}
.price-card .checklist li::before {
  content:"";
  position:absolute;
  top:3px;
  left:0;
  width:24px;
  height:24px;
  background-image:url("../img/icon/price-check.svg");
  background-size:contain;
  background-repeat:no-repeat}
.price-card .price-btn {
  margin:0 30px 0px}

@media(max-width: 575px) {
  .price-card .price-btn {
  margin:0}
}
.price-card .price-btn .th-btn {
  border-radius:50px}
.price-card .price-btn .th-btn:hover {
  color:var(--white-color)}
.price-card .price-btn .th-btn:hover::before {
  background:var(--theme-color)}
.price-card.active .offer-tag {
  opacity:1}
.price-card:hover,
.price-card.active {
  -webkit-box-shadow:0 20px 50px 0 hsla(0,0%,80%,.3);
  box-shadow:0 20px 50px 0 hsla(0,0%,80%,.3)}
.price-card:hover .price-card_wrapp,
.price-card.active .price-card_wrapp {
  background:var(--theme-color)}
.price-card:hover .price-card_price,
.price-card.active .price-card_price {
  color:var(--white-color)}
.price-card:hover .price-card_price .duration,
.price-card.active .price-card_price .duration {
  color:var(--white-color)}
.price-card:hover .price-card_text,
.price-card.active .price-card_text {
  color:var(--white-color)}
.price-card:hover .box-title,
.price-card.active .box-title {
  color:var(--white-color)}
.price-card:hover .th-btn,
.price-card.active .th-btn {
  color:var(--white-color);
  background-color:var(--theme-color)}
.price-card:hover .th-btn:hover,
.price-card.active .th-btn:hover {
  color:var(--white-color);
  border-color:var(--title-color)}
.price-card:hover .th-btn:hover::before,
.price-card.active .th-btn:hover::before {
  background-color:var(--title-color)}
.price-card2 {
  position:relative;
  z-index:3;
  padding:40px 30px 0px 0;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 1399px) {
  .price-card2 {
  margin:0}
}

@media(max-width: 375px) {
  .price-card2 {
  padding:40px 20px 0px 0}
}
.price-card2:before {
  content:"";
  position:absolute;
  inset:0;
  background-color:var(--smoke-color);
  -webkit-mask-image:url("..//img/normal/price-shape.png");
  mask-image:url("..//img/normal/price-shape.png");
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-position:bottom center;
  mask-position:bottom center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  z-index:-1;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.price-card2_wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:74px}

@media(max-width: 1399px) {
  .price-card2_wrapp {
  gap:100px}
}

@media(max-width: 991px) {
  .price-card2_wrapp {
  gap:120px;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
}

@media(max-width: 767px) {
  .price-card2_wrapp {
  gap:70px}
}

@media(max-width: 375px) {
  .price-card2_wrapp {
  gap:35px}
}
.price-card2_price {
  font-weight:700;
  font-size:40px;
  line-height:56px;
  letter-spacing:.02em;
  text-transform:capitalize;
  color:#113d48;
  margin-bottom:0}

@media(max-width: 375px) {
  .price-card2_price {
  font-size:28px;
  line-height:38px}
}
.price-card2_text {
  font-weight:400;
  font-size:14px;
  text-transform:capitalize;
  color:#113d48;
  margin-bottom:42px}
.price-card2 .box-content {
  position:relative;
  z-index:-2;
  margin:-14px 0 0 0;
  padding:0 0 0 15px}
.price-card2 .box-content:before {
  content:"";
  position:absolute;
  top:-25px;
  left:0;
  min-width:200px;
  height:200px;
  background-image:url("../img/normal/price-shape2.png");
  -webkit-mask-size:cover;
  mask-size:cover;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  z-index:-1}
.price-card2 .box-title {
  font-weight:700;
  font-size:28px;
  line-height:38px;
  letter-spacing:.02em;
  color:#113d48;
  max-width:142px;
  margin-bottom:30px}

@media(max-width: 575px) {
  .price-card2 .box-title {
  font-size:20px;
  line-height:25px}
}
.price-card2 .box-wrapp {
  padding:40px 0 40px 40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}

@media(max-width: 575px) {
  .price-card2 .box-wrapp {
  padding:40px 0 30px 30px}
}
.price-card2 .price-list ul li:before {
  top:4px;
  position:relative}

@media(max-width: 991px) {
  .price-card2 .price-list ul li {
  display:block}
}
.price-card2 .line-btn2 {
  display:block;
  text-align:right;
  color:var(--title-color);
  font-weight:500;
  margin-left:auto;
  -ms-flex-line-pack:end;
  align-content:end;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  margin-right:-10px;
  margin-bottom:-20px}

@media(max-width: 991px) {
  .price-card2 .line-btn2 {
  margin-right:0;
  margin-bottom:0}
}

@media(max-width: 575px) {
  .price-card2 .line-btn2 {
  margin-right:-10px;
  margin-bottom:-10px}
}

@media(max-width: 375px) {
  .price-card2 .line-btn2 {
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto;
  margin-right:0px}
}
.price-card2 .line-btn2 img {
  display:block;
  text-align:right;
  margin-left:auto}
.price-card2:hover:before {
  background-color:var(--theme-color)}
.price-card2:hover .box-title {
  color:var(--white-color)}
.price-card2:hover .box-text {
  color:var(--white-color)}
.price-card2:hover .line-btn2 {
  color:var(--white-color)}
.price-card2:hover .line-btn2 img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.price-card3 {
  position:relative;
  z-index:2;
  z-index:3;
  border-radius:30px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  -webkit-filter:drop-shadow(0px 20px 100px rgba(83, 83, 85, 0.1));
  filter:drop-shadow(0px 20px 100px rgba(83, 83, 85, 0.1))}
.price-card3:before {
  content:"";
  position:absolute;
  inset:0;
  background-color:var(--white-color);
  border-radius:inherit;
  clip-path:polygon(46% 0%, 100% 0, 100% 100%, 0 100%, 0 36%);
  z-index:-1}
.price-card3_wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  gap:30px}
.price-card3 .box-content {
  padding:50px 40px 0 0}

@media(max-width: 480px) {
  .price-card3 .box-content {
  padding:30px 20px 0 0}
}
.price-card3_price {
  min-width:180px;
  height:180px;
  line-height:1.1;
  padding-top:35px;
  text-align:center;
  font-weight:600;
  font-size:68px;
  letter-spacing:.02em;
  color:#fff;
  background:var(--title-color);
  border-radius:50%}

@media(max-width: 375px) {
  .price-card3_price {
  min-width:120px;
  height:120px;
  line-height:120px;
  font-size:40px;
  padding:0}
}
.price-card3_price .duration {
  font-weight:500;
  font-size:18px;
  display:block;
  text-transform:capitalize;
  text-align:center}
.price-card3 .currency {
  font-size:24px}
.price-card3 .box-title {
  border-bottom:1px solid #e1e4e5;
  margin-bottom:17px;
  padding-bottom:17px}

@media(max-width: 375px) {
  .price-card3 .box-title {
  font-size:20px}
}
.price-card3 .box-text {
  color:#6e7070}
.price-card3 .checklist {
  padding:40px 25px;
  padding-bottom:40px}

@media(max-width: 480px) {
  .price-card3 .checklist {
  padding:30px}
}
.price-card3 .checklist li {
  padding-left:25px;
  font-weight:400;
  font-size:16px;
  color:#6e7070}
.price-card3 .price-btn {
  padding:0 40px 50px 40px}

@media(max-width: 480px) {
  .price-card3 .price-btn {
  padding:0 30px 30px 30px}
}
.price-card3 .th-btn {
  background-color:var(--title-color);
  border:2px solid #e1e4e6;
  color:var(--white-color);
  border-radius:48px}

@media(max-width: 375px) {
  .price-card3 .th-btn {
  padding:19px 20px}
}
.price-card3 .th-btn::before {
  background-color:var(--theme-color)}
.price-card3 .th-btn:hover {
  color:var(--white-color)}
.price-card3 .th-btn:hover::before {
  background-color:var(--theme-color)}
.price-card3.active .price-card3_price {
  background:var(--theme-color)}
.price-card3.active .th-btn {
  background-color:var(--theme-color);
  border:none;
  color:var(--white-color)}
.price-card3.active .th-btn.th-icon::before {
  background-color:var(--title-color)}
.price-card4 {
  position:relative;
  --space: 16px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.price-card4 .price-card_img {
  border-radius:16px}

@media(max-width: 1199px) {
  .price-card4 .price-card_img {
  margin-right:20px}
}
.price-card4 .price-card_img img {
  border-radius:16px}
.price-card4 .price-card-value {
  font-weight:700;
  font-size:48px;
  line-height:1;
  color:var(--white-color)}
.price-card4 .price-card-value .duration {
  font-weight:400;
  font-size:16px}
.price-card4 .price-title-box {
  border-bottom:1px solid hsla(0,0%,100%,.2);
  margin-bottom:25px}
.price-card4 .price-box {
  padding:16px;
  border-radius:16px}

@media(max-width: 767px) {
  .price-card4 .price-box {
  width:100%}
}
.price-card4 .price-content {
  width:100%;
  background:rgba(11,20,34,.7);
  border:1px solid hsla(0,0%,100%,.4);
  -webkit-backdrop-filter:blur(30px);
  backdrop-filter:blur(30px);
  border-radius:16px;
  padding:24px;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  backdrop-filter:blur(30px)}

@media(max-width: 575px) {
  .price-card4 .price-content {
  padding:15px}
}
.price-card4 .price-content .sec-text {
  color:#d5d7da}
.price-card4 .price-content .checklist ul li {
  padding-left:0;
  color:#d5d7da}

@media(max-width: 575px) {
  .price-card4 .price-content .checklist ul li {
  font-size:14px}
}
.price-card4 .price-content .checklist ul li::before {
  content:"";
  font-size:18px;
  color:var(--white-color);
  margin-right:11px;
  font-family:var(--icon-font)}
.price-card4 .price-content .checklist ul li:not(:last-child) {
  margin-bottom:16px}
.price-card4 .box-title {
  color:var(--white-color);
  font-weight:600;
  margin-bottom:10px}

@media(max-width: 1399px) {
  .price-card4 .box-title {
  font-size:20px}
}
.price-card4 .th-btn:hover {
  border-color:var(--theme-color);
  color:var(--white-color)}
.price-card4 .th-btn::before {
  background:var(--theme-color)}
.price-list ul {
  padding:0;
  margin:0}
.price-list ul li {
  position:relative;
  list-style:none;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  gap:10px;
  z-index:2}
.price-list ul li:before {
  content:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_199_3732)'%3E%3Cpath d='M14.166 2.78135C12.9403 2.07231 11.5172 1.6665 9.99935 1.6665C5.39697 1.6665 1.66602 5.39746 1.66602 9.99984C1.66602 14.6022 5.39697 18.3332 9.99935 18.3332C14.6017 18.3332 18.3327 14.6022 18.3327 9.99984C18.3327 9.42909 18.2753 8.87167 18.166 8.33317' stroke='%230B59DB' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.66602 10.4165C6.66602 10.4165 7.91602 10.4165 9.58268 13.3332C9.58268 13.3332 14.215 5.69428 18.3327 4.1665' stroke='%230B59DB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_199_3732'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}
.price-list ul li .icon {
  margin-right:12px;
  -webkit-transition:.4s;
  transition:.4s}
.price-list ul li:not(:last-child) {
  margin-bottom:15px}
.price-card2:hover .price-list ul li {
  color:var(--white-color)}
.price-card2:hover .price-list ul li:before {
  content:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_199_3809)'%3E%3Cpath d='M14.166 2.78135C12.9403 2.07231 11.5172 1.6665 9.99935 1.6665C5.39697 1.6665 1.66602 5.39746 1.66602 9.99984C1.66602 14.6022 5.39697 18.3332 9.99935 18.3332C14.6017 18.3332 18.3327 14.6022 18.3327 9.99984C18.3327 9.42909 18.2753 8.87167 18.166 8.33317' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.66602 10.4165C6.66602 10.4165 7.91602 10.4165 9.58268 13.3332C9.58268 13.3332 14.215 5.69428 18.3327 4.1665' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_199_3809'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}
.price-card2:hover .price-list ul li .icon {
  margin-right:12px;
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.price-big-text {
  position:absolute;
  left:0;
  right:0;
  bottom:-60px;
  z-index:-1;
  font-weight:800;
  font-size:250px;
  line-height:1;
  text-transform:capitalize;
  text-align:center;
  font-family:var(--title-font);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(28.89%, rgba(36, 37, 40, 0.8)), to(rgba(36, 37, 40, 0)));
  background:linear-gradient(180deg, rgba(36, 37, 40, 0.8) 28.89%, rgba(36, 37, 40, 0) 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0)}

@media(max-width: 991px) {
  .price-big-text {
  font-size:180px;
  bottom:-10px}
}

@media(max-width: 767px) {
  .price-big-text {
  font-size:140px;
  bottom:0}
}
.price5-wrapp {
  padding:0 0px;
  margin-bottom:-8px}
.price5-wrapp .row [class*=col-]:first-child {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:end}

@media(max-width: 991px) {
  .price5-wrapp .row [class*=col-]:first-child {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}

@media(max-width: 991px) {
  .price5-wrapp .row [class*=col-] {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.price-card.card5 {
  padding:30px;
  width:100%;
  max-width:324px;
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:20px}
.price-card.card5 .price-card_titlebox {
  position:relative;
  border-bottom:0;
  margin-bottom:25px}
.price-card.card5 .price-card_titlebox::before,
.price-card.card5 .price-card_titlebox::after {
  position:absolute;
  width:36%;
  height:1px;
  bottom:0;
  left:0;
  content:"";
  background:hsla(0,0%,100%,.2)}
.price-card.card5 .price-card_titlebox::after {
  width:13%;
  height:3px;
  background:var(--brand-color);
  bottom:-0.5px}
.price-card.card5 .price-card_wrapp {
  padding:0;
  background:none;
  border-radius:0;
  border-bottom:1px solid hsla(0,0%,100%,.2)}
.price-card.card5 .price-card_content {
  padding:0}
.price-card.card5 .price-card_price {
  color:var(--white-color);
  padding-bottom:20px}
.price-card.card5 .box-title {
  font-size:24px;
  font-weight:600}
.price-card.card5 .checklist ul li {
  color:var(--th-border-color);
  padding-left:35px}
.price-card.card5 .checklist ul li:nth-last-child(-n+2) {
  display:none}
.price-card.card5 .checklist ul li::before {
  background-image:url("../img/icon/price-check2.svg")}
.price-card.card5 .price-btn {
  margin:0}
.price-card.card5 .th-btn.style2 {
  padding:10px 30px;
  background:none}

@media(max-width: 375px) {
  .price-card.card5 .th-btn.style2 {
  padding:10px 20px}
}
.price-card.card5 .th-btn.style2::before {
  background:var(--brand-color)}
.price-card.card5 .th-btn.style2:hover {
  color:var(--title-color)}
.price-card.card5.active {
  padding:50px;
  max-width:424px}

@media(max-width: 575px) {
  .price-card.card5.active {
  padding:20px}
}
.price-card.card5.active .price-card_wrapp {
  margin-bottom:45px}
.price-card.card5.active .price-card_content {
  margin-bottom:40px}
.price-card.card5.active .box-title {
  font-size:28px;
  font-weight:600}
.price-card.card5.active .checklist ul li:nth-last-child(-n+2) {
  display:block}
.price-card.card5.active .price-card_price {
  font-size:48px}
.price-card.card5.active .th-btn {
  padding:18px 35px;
  background:none}
.price-card.card5.active .th-btn::before {
  background:var(--brand-color)}
.price-card.card5.active .th-btn:hover {
  color:var(--title-color)}
.price-imgbox .img1,
.price-imgbox .img2 {
  position:absolute;
  left:50px;
  top:43%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}
.price-imgbox .img2 {
  left:auto;
  right:50px}
.price-imgbox img {
  border-radius:10px}
.pricing-tabs {
  margin-top:30px;
  margin-bottom:60px}

@media(max-width: 575px) {
  .pricing-tabs {
  margin-bottom:0px}
}
.pricing-tabs.style2 .switch-area .toggler {
  color:var(--white-color)}
.pricing-tabs.style2 .switch-area .toggle {
  background:var(--black-color2);
  border:1px solid var(--body-color)}
.pricing-tabs.style3 .switch-area .toggler {
  color:var(--title-color)}
.switch-area {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:20px}
.switch-area .toggler {
  -webkit-transition:.2s;
  transition:.2s;
  font-weight:500;
  font-size:18px;
  font-family:var(--body-font);
  color:var(--title-color);
  background:rgba(0,0,0,0);
  margin-bottom:-0.4em;
  cursor:pointer}
.switch-area .toggler.toggler--is-active {
  color:var(--theme-color)}
.switch-area .toggle {
  position:relative;
  width:90px;
  height:40px;
  border-radius:100px;
  background-color:var(--theme-color);
  overflow:hidden;
  -webkit-box-shadow:inset 0 0 2px 1px rgba(0,0,0,.05);
  box-shadow:inset 0 0 2px 1px rgba(0,0,0,.05)}

@media(max-width: 575px) {
  .switch-area .toggle {
  width:60px;
  height:30px}
}
.switch-area .check {
  position:absolute;
  display:block;
  cursor:pointer;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  z-index:6;
  visibility:visible}
.switch-area .check:checked~.switch {
  right:2px;
  left:57.5%;
  -webkit-transition:.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition:.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-property:left,right;
  transition-property:left,right;
  -webkit-transition-delay:.08s,0s;
  transition-delay:.08s,0s}
.switch-area .switch {
  position:absolute;
  left:4px;
  top:4px;
  bottom:4px;
  right:57.5%;
  background-color:var(--white-color);
  border-radius:36px;
  z-index:1;
  -webkit-transition:.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition:.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-property:left,right;
  transition-property:left,right;
  -webkit-transition-delay:0s,.08s;
  transition-delay:0s,.08s;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
  box-shadow:0 1px 2px rgba(0,0,0,.2)}
.wrapper-full.hide {
  display:none}
.pricing-tabs6 {
  border-bottom:0;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border:2px solid var(--gray-color);
  border-radius:48px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  padding:8px}

@media(max-width: 575px) {
  .pricing-tabs6 {
  border-color:var(--white-color)}
}
.pricing-tabs6 .nav-link {
  margin-bottom:0;
  font-size:16px;
  font-weight:500;
  color:var(--body-color);
  font-family:var(--body-color);
  border:0;
  border-radius:40px;
  background:rgba(0,0,0,0);
  padding:9px 24px;
  -webkit-transition:.4s;
  transition:.4s}
.pricing-tabs6 .nav-link.active {
  background:var(--theme-color);
  color:var(--white-color)}
.price-card.style6 {
  border-radius:16px;
  padding:24px;
  position:relative;
  overflow:hidden}
.price-card.style6 .popular-tag {
  position:absolute;
  background:var(--brand-color);
  right:0;
  top:0;
  color:var(--title-color);
  font-size:16px;
  font-weight:600;
  padding:5px 51px;
  -webkit-transform:translate(0, 250%) rotate(45deg);
  transform:translate(0, 250%) rotate(45deg);
  -webkit-transform-origin:bottom right;
  transform-origin:bottom right}
.price-card.style6 .price-card_wrapp {
  text-align:center;
  border-radius:12px;
  padding:40px 30px 26px 30px;
  background-color:var(--smoke-color4)}

@media(max-width: 575px) {
  .price-card.style6 .price-card_wrapp {
  padding:40px 20px 26px 20px}
}
.price-card.style6 .price-card_titlebox {
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:8px}
.price-card.style6 .box-title {
  letter-spacing:.02em;
  color:var(--title-color);
  font-weight:600}

@media(max-width: 1299px) {
  .price-card.style6 .box-title {
  font-size:24px}
}
.price-card.style6 .price-card_price {
  font-size:48px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--title-color)}

@media(max-width: 1299px) {
  .price-card.style6 .price-card_price {
  font-size:40px}
}

@media(max-width: 991px) {
  .price-card.style6 .price-card_price {
  font-size:30px}
}
.price-card.style6 .price-card_price .duration {
  font-size:18px;
  color:var(--body-color)}
.price-card.style6 .price-card_content {
  padding:0 16px 38px}

@media(max-width: 1299px) {
  .price-card.style6 .price-card_content {
  padding:0 6px 38px}
}

@media(max-width: 375px) {
  .price-card.style6 .price-card_content {
  padding:0 0 38px}
}
.price-card.style6 .checklist {
  margin-top:35px}
.price-card.style6 .checklist li {
  font-size:18px;
  font-weight:600;
  font-family:var(--title-font);
  letter-spacing:.02em;
  padding-left:46px;
  color:var(--body-color)}

@media(max-width: 1399px) {
  .price-card.style6 .checklist li {
  font-size:16px;
  padding-left:36px}
}
.price-card.style6 .checklist li:not(:last-child) {
  margin-bottom:18px}
.price-card.style6 .checklist li::before {
  background-image:url(../img/icon/price-check3.svg)}
.price-card.style6 .price-btn {
  text-align:center;
  padding:0 0px 16px;
  margin:0}
.price-card.style6 .price-btn .th-btn {
  border:1px solid var(--gray-color);
  background:var(--white-color);
  color:var(--title-color);
  padding:14px 60px}
.price-card.style6 .price-btn .th-btn:hover {
  color:var(--white-color)}
.price-card.style6 .price-btn .th-btn:before {
  background:var(--theme-color)}

@media(max-width: 375px) {
  .price-card.style6 .price-btn .th-btn {
  padding:14px 35px}
}
.counter-card {
  position:relative;
  background-color:#f2f5fa;
  padding:93px 28px;
  width:264px;
  height:264px;
  display:block;
  margin:auto;
  text-align:center;
  border-radius:50%;
  z-index:2;
  margin-top:158px}
.counter-card.style2 {
  margin-top:25px}

@media(max-width: 1199px) {
  .counter-card.style2 {
  margin:50px auto 25px auto}
}
.counter-card.style2 .counter-title {
  font-size:22px}
.counter-card.style3 {
  margin:25px 0 25px 0}

@media(max-width: 1199px) {
  .counter-card.style3 {
  display:block;
  margin:25px auto}
}

@media(max-width: 991px) {
  .counter-card.style3 {
  margin:25px auto 25px auto}
}

@media(max-width: 767px) {
  .counter-card.style3 {
  display:block;
  margin:25px auto 25px auto}
}

@media(max-width: 767px) {
  .counter-card_wrapp:not(:first-child) {
  margin:0px auto 0px auto}
}

@media(max-width: 1199px) {
  .counter-card {
  margin-top:100px}
}

@media(max-width: 767px) {
  .counter-card {
  width:250px;
  height:250px;
  padding:81px 28px;
  margin-top:0px}
}

@media(max-width: 575px) {
  .counter-card {
  margin-top:20px}
}
.counter-card .counter-shape {
  position:absolute;
  inset:-24px;
  width:312px;
  height:312px;
  border-radius:50%;
  border:1px solid var(--theme-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 767px) {
  .counter-card .counter-shape {
  width:290px;
  height:290px;
  inset:-20px}
}
.counter-card .counter-shape span {
  position:absolute;
  top:unset;
  bottom:55px;
  right:15px;
  width:24px;
  height:24px;
  display:block;
  border-radius:50%;
  background-color:rgba(28,168,203,.2);
  z-index:2}

@media(max-width: 767px) {
  .counter-card .counter-shape span {
  bottom:51px;
  right:13px}
}
.counter-card .counter-shape:after,
.counter-card .counter-shape:before {
  content:"";
  position:absolute;
  bottom:20%;
  right:7%;
  width:10px;
  height:10px;
  border-radius:50%;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  background-color:var(--theme-color)}
.counter-card .counter-shape:after {
  background-color:var(--theme-color);
  -webkit-animation-duration:var(--ripple-ani-duration);
  animation-duration:var(--ripple-ani-duration);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:ripple3;
  animation-name:ripple3}
.counter-card-wrap {
  margin:50px 0 25px 0}

@media(max-width: 1199px) {
  .counter-card-wrap {
  margin:0}
}
.counter-card-wrap:nth-child(even) .counter-card {
  margin-top:0px}

@media(max-width: 767px) {
  .counter-card-wrap:nth-child(even) .counter-card {
  margin:70px auto 70px auto}
}

@media(max-width: 575px) {
  .counter-card-wrap:nth-child(even) .counter-card {
  margin:70px auto 50px auto}
}
.counter-card-wrap:nth-child(even) .counter-card .counter-shape span {
  top:24px;
  right:43px}

@media(max-width: 767px) {
  .counter-card-wrap:nth-child(even) .counter-card .counter-shape span {
  top:22px;
  right:39px}
}
.counter-card-wrap:nth-child(even) .counter-card .counter-shape:before,
.counter-card-wrap:nth-child(even) .counter-card .counter-shape:after {
  bottom:unset;
  top:10%;
  right:16%}
.counter-card .box-number {
  font-weight:700;
  font-size:48px;
  line-height:48px;
  text-transform:capitalize;
  color:var(--black-color2);
  margin-bottom:7px}
.counter-card .counter-title {
  font-weight:500;
  font-size:22px;
  line-height:36px;
  color:var(--black-color2)}

@media(max-width: 575px) {
  .counter-card .counter-title {
  font-size:20px}
}
.counter-card:hover .counter-shape {
  -webkit-animation:spin 10s linear infinite;
  animation:spin 10s linear infinite}
.counter-card-wrap.style2 {
  margin:25px 0 25px 0}
.counter-sec2 {
  position:relative;
  z-index:1}
.counter-box {
  border:1px solid #e1e4e6;
  border-radius:8px;
  text-align:center;
  padding:60px 20px}
.counter-box-wrap {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:40px;
  max-width:782px}

@media(max-width: 1299px) {
  .counter-box-wrap {
  max-width:100%;
  gap:20px}
}

@media(max-width: 767px) {
  .counter-box-wrap {
  grid-template-columns:repeat(2, 1fr)}
}

@media(max-width: 320px) {
  .counter-box-wrap {
  grid-template-columns:repeat(1, 1fr)}
}
.counter-box_number {
  font-family:var(--body-font);
  font-weight:600;
  font-size:28px;
  line-height:30px;
  letter-spacing:.02em;
  color:var(--black-color2);
  margin-bottom:0}
.counter-box_title {
  font-size:18px;
  font-weight:400;
  color:var(--black-color2);
  margin-bottom:-0.4rem}

@media(max-width: 1299px) {
  .counter-box_title {
  font-size:16px}
}
.counter-sec7 {
  background-color:var(--white-color);
  -webkit-box-shadow:0px 50px 50px rgba(83,83,85,.05);
  box-shadow:0px 50px 50px rgba(83,83,85,.05);
  border-radius:30px;
  padding:60px;
  position:relative;
  z-index:3;
  margin-top:-130px}

@media(max-width: 1299px) {
  .counter-sec7 {
  margin-top:-60px}
}
.counter-item {
  position:relative;
  text-align:center;
  z-index:2}
.counter-item .box-number {
  font-size:48px;
  line-height:48px;
  letter-spacing:.02em;
  text-transform:capitalize;
  color:#113d48}
.counter-item .counter-title {
  font-weight:500;
  font-size:24px;
  margin-bottom:0}
.counter-item .counter-shape {
  position:absolute;
  top:-55%;
  left:50%;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 1199px) {
  .counter-item .counter-shape {
  top:-20%}
}
.counter-item .counter-shape:after,
.counter-item .counter-shape:before {
  content:"";
  position:absolute;
  bottom:20%;
  right:7%;
  width:10px;
  height:10px;
  border-radius:50%;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  background-color:var(--theme-color)}
.counter-item .counter-shape:after {
  background-color:var(--theme-color);
  -webkit-animation-duration:var(--ripple-ani-duration);
  animation-duration:var(--ripple-ani-duration);
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:ripple3;
  animation-name:ripple3}
.counter-card-wrap {
  position:relative;
  border-radius:30px;
  margin:0}
.counter-card-wrap.box4 {
  padding:50px;
  top:0;
  background:var(--brand-color)}

@media(max-width: 991px) {
  .counter-card-wrap.box4 {
  padding:50px 20px}
}
.counter-card.style4 {
  width:auto;
  padding:0;
  margin-top:0;
  height:auto;
  display:inline-block;
  background:none}
.counter-card.style4 .counter-card_number {
  margin-bottom:0}
.counter-card.style4 .counter-card_text {
  font-weight:400;
  font-size:24px;
  color:var(--title-color);
  margin-bottom:0}

@media(max-width: 1299px) {
  .counter-card.style4 .counter-card_text {
  font-size:20px}
}
.counter-card.style4 .counter-content {
  margin-right:55px}

@media(max-width: 1299px) {
  .counter-card.style4 .counter-content {
  margin-right:35px}
}

@media(max-width: 1199px) {
  .counter-card.style4 .counter-content {
  margin-right:15px}
}
.counter-card.style4:last-child .counter-icon {
  display:none}

@media(max-width: 767px) {
  .counter-card.style4:last-child .counter-icon {
  display:block}
}
.counter-card.style4:last-child .counter-content {
  margin-right:0}

@media(max-width: 767px) {
  .counter-card.style4:not(:last-child) {
  margin-bottom:30px}
}
.counter-card.inner-style {
  background:var(--theme-color)}
.counter-card.inner-style .counter-shape {
  border:1px solid #cdcfd2}

@media(max-width: 991px) {
  .counter-wrap5 {
  padding:80px 0 0}
}
.counter-card-wrap5 {
  position:relative}
.counter-card-wrap5:first-child:before {
  content:"";
  position:absolute;
  height:100%;
  width:1px;
  background:-webkit-gradient(linear, left top, left bottom, from(#C5C7CA), to(rgba(213, 215, 218, 0.08)));
  background:linear-gradient(180deg, #C5C7CA 0%, rgba(213, 215, 218, 0.08) 100%);
  left:15px;
  top:0}

@media(max-width: 1199px) {
  .counter-card-wrap5:first-child:before {
  display:none}
}
.counter-card-wrap5:last-child:after {
  right:15px}
.counter-card-wrap5:after {
  content:"";
  position:absolute;
  height:100%;
  width:1px;
  background:-webkit-gradient(linear, left top, left bottom, from(#C5C7CA), to(rgba(213, 215, 218, 0.08)));
  background:linear-gradient(180deg, #C5C7CA 0%, rgba(213, 215, 218, 0.08) 100%);
  right:0;
  top:0}

@media(max-width: 1199px) {
  .counter-card-wrap5:after {
  display:none}
}
.counter-card5 {
  text-align:center;
  padding-top:80px;
  padding-bottom:80px}

@media(max-width: 991px) {
  .counter-card5 {
  padding-top:0;
  padding-bottom:0}
}
.counter-card5 .box-number {
  font-size:48px;
  font-weight:700;
  margin-top:-0.28em;
  margin-bottom:6px}

@media(max-width: 575px) {
  .counter-card5 .box-number {
  font-size:36px}
}
.counter-card5 .counter-title {
  font-size:18px;
  font-weight:400;
  color:var(--body-color);
  margin-bottom:-0.18em}

@media(max-width: 575px) {
  .counter-card5 .counter-title {
  font-size:16px}
}
.counter-wrap6 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-line-pack:distribute;
  align-content:space-around;
  height:100%}

@media(max-width: 1299px) {
  .counter-wrap6 {
  -ms-flex-line-pack:justify;
  align-content:space-between;
  gap:30px}
}

@media(max-width: 1199px) {
  .counter-wrap6 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
  padding-bottom:20px}
}

@media(max-width: 375px) {
  .counter-wrap6 {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.counter-wrap6 .counter-card6 {
  width:100%}

@media(max-width: 1199px) {
  .counter-wrap6 .counter-card6 {
  width:auto}
}

@media(max-width: 767px) {
  .counter-wrap6 .counter-card6 {
  width:40%}
}

@media(max-width: 375px) {
  .counter-wrap6 .counter-card6 {
  width:100%;
  text-align:center}
}
.counter-card6 {
  border-left:1px solid var(--th-border-color2);
  padding-left:24px;
  margin-left:40px}

@media(max-width: 1199px) {
  .counter-card6 {
  border-left:0;
  padding-left:0;
  margin-left:0}
}
.counter-card6 .box-number {
  font-size:48px;
  font-weight:700;
  margin-bottom:17px;
  line-height:.76}

@media(max-width: 1399px) {
  .counter-card6 .box-number {
  font-size:40px}
}

@media(max-width: 575px) {
  .counter-card6 .box-number {
  font-size:36px}
}
.counter-card6 .counter-title {
  font-size:18px;
  font-weight:400;
  color:var(--body-color);
  margin-bottom:-0.3em}

@media(max-width: 1299px) {
  .counter-card6 .counter-title {
  font-size:16px}
}
.blog-card {
  background-color:var(--white-color);
  position:relative;
  z-index:3;
  border-radius:30px;
  border:1px solid #e3e8f5}
.blog-card .blog-img {
  position:relative;
  border-radius:30px 30px 0px 0px;
  overflow:hidden}
.blog-card .blog-img:before {
  position:absolute;
  top:0;
  left:-100%;
  display:block;
  content:"";
  width:50%;
  height:100%;
  background:hsla(0,0%,100%,.2);
  -webkit-transform:skewX(25deg);
  transform:skewX(25deg);
  z-index:2}
.blog-card .blog-img img {
  width:100%;
  border-radius:30px 30px 0px 0px;
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.blog-card .blog-content {
  padding:15px 30px 30px 40px}

@media(max-width: 1299px) {
  .blog-card .blog-content {
  padding:20px}
}
.blog-card .blog-tags {
  font-size:12px;
  font-weight:700;
  color:var(--theme-color);
  letter-spacing:.48px;
  text-transform:uppercase;
  margin-top:-0.3rem;
  padding-bottom:10px;
  margin-bottom:25px;
  border-bottom:1px solid #e1e5eb}
.blog-card .box-title {
  font-weight:600;
  letter-spacing:-0.24px;
  margin-bottom:5px}
.blog-card .box-title a {
  background-image:-webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(var(--theme-color)));
  background-image:linear-gradient(to left, var(--theme-color), var(--theme-color));
  background-repeat:no-repeat;
  background-position:bottom left;
  background-size:0 2px;
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out}
.blog-card .box-title a:hover {
  background-size:100% 2px}
.blog-card_text {
  margin-bottom:8px}
.blog-card_profile {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:10px}
.blog-card_author {
  min-width:40px;
  height:40px;
  border-radius:50%}
.blog-card_author img {
  width:100%;
  height:100%;
  border-radius:50%}
.blog-card_info a {
  font-size:12px;
  color:var(--body-color);
  font-weight:400}
.blog-card_name {
  font-family:var(--title-font);
  font-size:16px;
  font-weight:600;
  letter-spacing:-0.16px;
  margin-bottom:-0.3rem}
.blog-card:hover .blog-img img {
  -webkit-transform:scale(1.08);
  transform:scale(1.08)}
.blog-card:hover .blog-img:before {
  -webkit-animation:shine 1.9s;
  animation:shine 1.9s}
.blog-card .blog-btn {
  border-bottom:1px solid #e1e5eb;
  margin-bottom:25px;
  padding-bottom:30px}
.blog-card .line-btn {
  font-family:var(--body-font);
  font-size:16px;
  font-weight:600;
  letter-spacing:-0.16px}

@media(max-width: 991px) {
  .blog-card .box-title {
  font-size:22px}
}

@media(max-width: 767px) {
  .blog-card .blog-content {
  padding:30px}
.blog-card .box-title {
  font-size:24px}
}

@media(max-width: 410px) {
  .blog-card .box-title {
  font-size:22px}
}

@media(max-width: 350px) {
  .blog-card .blog-content {
  padding:18px}
.blog-card .box-title {
  font-size:20px}
}
.blog-box {
  position:relative}
.blog-box .blog-img {
  margin-bottom:35px;
  border-radius:16px}
.blog-box .blog-img img {
  border-radius:16px}
.blog-box .blog-img {
  position:relative;
  overflow:hidden;
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.blog-box .blog-img img {
  width:100%;
  -webkit-transition:all .4s ease;
  transition:all .4s ease}
.blog-box_wrapper {
  position:absolute;
  left:20px;
  top:20px;
  display:block;
  margin:0 auto;
  text-align:center}
.blog-box .blog-date {
  position:absolute;
  top:0;
  left:0;
  background-color:var(--theme-color);
  padding:24px 8px 15px;
  color:var(--white-color);
  text-align:center;
  font-size:12px;
  width:70px;
  height:126px;
  clip-path:path("M70 0H0V126L70 107V0Z");
  z-index:2}
.blog-box .blog-date .date {
  font-family:var(--title-font);
  font-size:36px;
  font-weight:700;
  line-height:46px;
  display:block;
  margin-bottom:10px}
.blog-box .blog-shape {
  position:absolute;
  left:0;
  top:0;
  width:78px;
  height:134px;
  background-color:var(--white-color);
  clip-path:path("M78 0H0V134L78 113.794V0Z")}
.blog-box .box-title {
  line-height:34px;
  margin-bottom:30px}
.blog-box .blog-meta {
  margin:-0.3rem 0 18px 0}

@media(max-width: 375px) {
  .blog-box .blog-meta span,
.blog-box .blog-meta a {
  font-size:14px}
}
.blog-box .th-btn {
  padding:10px 25px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.blog-box .th-btn:after {
  width:16px;
  height:16px;
  -webkit-mask-image:url(../img/icon/arrow-right2.svg);
  mask-image:url(../img/icon/arrow-right2.svg)}
.blog-box:hover .blog-img img {
  -webkit-transform:scale(1.08);
  transform:scale(1.08)}
.blog-grid.style2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:24px}

@media(max-width: 767px) {
  .blog-grid.style2 {
  display:block}
}
.blog-grid.style2 .blog-content {
  padding:47px 40px 51px 40px}

@media(max-width: 375px) {
  .blog-grid.style2 .blog-content {
  padding:30px}
}
.blog-grid.style2 .blog-img {
  min-width:424px;
  margin-bottom:0}

@media(max-width: 1299px) {
  .blog-grid.style2 .blog-img {
  min-width:312px}
}

@media(max-width: 1199px) {
  .blog-grid.style2 .blog-img {
  min-width:367px}
}

@media(max-width: 991px) {
  .blog-grid.style2 .blog-img {
  margin-bottom:40px}
}

@media(max-width: 767px) {
  .blog-grid.style2 .blog-img {
  min-width:100%}
}
.blog-grid.style2 .blog-img img {
  width:100%;
  height:100%}

@media(max-width: 767px) {
  .blog-grid.style2 .blog-img {
  min-width:100%}
}
.blog-grid .blog-img {
  position:relative;
  overflow:hidden;
  height:220px;
  border-radius:16px;
  margin-bottom:40px}
.blog-grid .blog-img img {
  border-radius:16px}
.blog-grid .blog-meta span,
.blog-grid .blog-meta a {
  color:var(--black-color2)}
.blog-grid .blog-content {
  padding:47px 40px 40px 40px}

@media(max-width: 375px) {
  .blog-grid .blog-content {
  padding:30px}
}
.blog-grid .blog-meta {
  margin:-0.3rem 0 20px 0}
.blog-grid .blog-tag {
  position:absolute;
  left:0;
  bottom:0;
  background-color:var(--theme-color);
  padding:9px 20px;
  color:var(--white-color);
  font-size:14px;
  line-height:24px;
  margin-bottom:0}
.blog-grid .box-title {
  margin-bottom:32px;
  color:var(--black-color2)}
.blog-grid .box-title a {
  background-image:-webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(var(--theme-color)));
  background-image:linear-gradient(to left, var(--theme-color), var(--theme-color));
  background-repeat:no-repeat;
  background-position:bottom left;
  background-size:0 2px;
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out}
.blog-grid .box-title a:hover {
  background-size:100% 2px}
.blog-grid .th-btn {
  background-color:rgba(0,0,0,0);
  color:var(--black-color2);
  border:1px solid var(--gray-color);
  padding:10px 25px}
.blog-grid .blog-img {
  overflow:hidden}
.blog-grid .blog-img img {
  width:100%;
  height:100%;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.blog-grid .blog-meta {
  margin:-0.4em 0 18px 0}

@media(max-width: 375px) {
  .blog-grid .blog-meta span,
.blog-grid .blog-meta a {
  font-size:14px}
}
.blog-grid .blog-meta span>i,
.blog-grid .blog-meta a>i {
  color:var(--theme-color);
  font-size:14px}
.blog-grid:hover .blog-img img {
  -webkit-transform:scale(1.08);
  transform:scale(1.08)}
.blog-grid2 {
  background-color:var(--smoke-color);
  border-radius:16px}
.blog-grid2.style2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:24px}

@media(max-width: 767px) {
  .blog-grid2.style2 {
  display:block}
}
.blog-grid2.style2 .blog-grid2_content {
  padding:24px 24px 24px 0px}

@media(max-width: 767px) {
  .blog-grid2.style2 .blog-grid2_content {
  padding:24px}
}
.blog-grid2.style2 .blog-img {
  min-width:424px;
  height:225px;
  margin-bottom:0}

@media(max-width: 1299px) {
  .blog-grid2.style2 .blog-img {
  min-width:312px}
}

@media(max-width: 1199px) {
  .blog-grid2.style2 .blog-img {
  min-width:367px}
}

@media(max-width: 991px) {
  .blog-grid2.style2 .blog-img {
  min-width:250px}
}

@media(max-width: 767px) {
  .blog-grid2.style2 .blog-img {
  min-width:100%}
}
.blog-grid2.style2 .blog-img img {
  width:100%;
  height:100%}

@media(max-width: 767px) {
  .blog-grid2.style2 .blog-img {
  min-width:100%}
}
.blog-grid2 .blog-img {
  position:relative;
  overflow:hidden;
  height:247px;
  border-radius:16px;
  margin-bottom:24px}
.blog-grid2 .blog-img img {
  border-radius:16px}
.blog-grid2 .blog-meta span,
.blog-grid2 .blog-meta a {
  color:var(--black-color2)}
.blog-grid2_content {
  padding:0px 24px 24px 24px}
.blog-grid2 .blog-meta {
  margin:-0.3rem 0 20px 0}
.blog-grid2 .blog-tag {
  position:absolute;
  left:0;
  bottom:0;
  background-color:var(--theme-color);
  padding:9px 20px;
  color:var(--white-color);
  font-size:14px;
  line-height:24px;
  margin-bottom:0}
.blog-grid2 .box-title {
  margin-bottom:32px;
  color:var(--black-color2)}
.blog-grid2 .box-title a {
  background-image:-webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(var(--theme-color)));
  background-image:linear-gradient(to left, var(--theme-color), var(--theme-color));
  background-repeat:no-repeat;
  background-position:bottom left;
  background-size:0 2px;
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out}
.blog-grid2 .box-title a:hover {
  background-size:100% 2px}
.blog-grid2 .th-btn.style4 {
  background-color:rgba(0,0,0,0);
  color:var(--theme-color);
  border:1px solid var(--theme-color);
  padding:10px 25px}
.blog-grid2 .th-btn.style4:after {
  background-color:var(--theme-color)}
.blog-grid2 .th-btn.style4:hover {
  color:var(--white-color)}
.blog-grid2 .blog-img {
  overflow:hidden}
.blog-grid2 .blog-img img {
  width:100%;
  height:100%;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.blog-grid2 .blog-meta {
  margin:-0.4em 0 18px 0}

@media(max-width: 375px) {
  .blog-grid2 .blog-meta span,
.blog-grid2 .blog-meta a {
  font-size:14px}
}
.blog-grid2 .blog-meta span>i,
.blog-grid2 .blog-meta a>i {
  color:var(--theme-color);
  font-size:14px}
.blog-grid2:hover .blog-img img {
  -webkit-transform:scale(1.08);
  transform:scale(1.08)}
.blog-grid3 {
  background-color:var(--smoke-color);
  border-radius:16px}
.blog-grid3.style2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:24px}

@media(max-width: 767px) {
  .blog-grid3.style2 {
  display:block}
}
.blog-grid3.style2 .blog-grid_content {
  padding:24px 24px 24px 0px}

@media(max-width: 767px) {
  .blog-grid3.style2 .blog-grid_content {
  padding:24px}
}
.blog-grid3.style2 .blog-img {
  min-width:424px;
  height:225px;
  margin-bottom:0}

@media(max-width: 1299px) {
  .blog-grid3.style2 .blog-img {
  min-width:312px}
}

@media(max-width: 1199px) {
  .blog-grid3.style2 .blog-img {
  min-width:367px}
}

@media(max-width: 991px) {
  .blog-grid3.style2 .blog-img {
  min-width:250px;
  max-width:250px}
}

@media(max-width: 767px) {
  .blog-grid3.style2 .blog-img {
  min-width:100%}
}
.blog-grid3.style2 .blog-img img {
  width:100%;
  height:100%}

@media(max-width: 767px) {
  .blog-grid3.style2 .blog-img {
  min-width:100%}
}
.blog-grid3 .blog-img {
  position:relative;
  overflow:hidden;
  height:247px;
  border-radius:16px;
  margin-bottom:24px}
.blog-grid3 .blog-img img {
  border-radius:16px}
.blog-grid3 .blog-meta span,
.blog-grid3 .blog-meta a {
  color:var(--black-color2)}
.blog-grid3 .blog-grid_content {
  padding:0px 24px 24px 24px}
.blog-grid3 .blog-meta {
  margin:-0.3rem 0 20px 0}
.blog-grid3 .blog-tag {
  position:absolute;
  left:0;
  bottom:0;
  background-color:var(--theme-color);
  padding:9px 20px;
  color:var(--white-color);
  font-size:14px;
  line-height:24px;
  margin-bottom:0}
.blog-grid3 .box-title {
  margin-bottom:32px;
  color:var(--black-color2)}
.blog-grid3 .box-title a {
  background-image:-webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(var(--theme-color)));
  background-image:linear-gradient(to left, var(--theme-color), var(--theme-color));
  background-repeat:no-repeat;
  background-position:bottom left;
  background-size:0 2px;
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out}
.blog-grid3 .box-title a:hover {
  background-size:100% 2px}
.blog-grid3 .th-btn.style4 {
  background-color:rgba(0,0,0,0);
  color:var(--theme-color);
  border:1px solid var(--theme-color);
  padding:10px 25px}
.blog-grid3 .th-btn.style4:after {
  background-color:var(--theme-color)}
.blog-grid3 .th-btn.style4:hover {
  color:var(--white-color)}
.blog-grid3 .blog-img {
  overflow:hidden}
.blog-grid3 .blog-img img {
  width:100%;
  height:100%;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.blog-grid3 .blog-meta {
  margin:-0.4em 0 18px 0}

@media(max-width: 375px) {
  .blog-grid3 .blog-meta span,
.blog-grid3 .blog-meta a {
  font-size:14px}
}
.blog-grid3 .blog-meta span>i,
.blog-grid3 .blog-meta a>i {
  color:var(--theme-color);
  font-size:14px}
.blog-grid3:hover .blog-img img {
  -webkit-transform:scale(1.08);
  transform:scale(1.08)}
.sec_title_static {
  position:sticky;
  height:100%;
  display:block;
  max-width:570px}
.sec_title_static .sec_title_wrap {
  position:sticky;
  top:150px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin:auto}
.blog-grid4 {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:30px;
  overflow:hidden;
  padding: 15px;
    border-radius: 15px;
  background-color:var(--white-color);
  height: 100%}

@media(max-width: 767px) {
  .blog-grid4 {
  display:block}
}
.blog-grid4_wrapp {
  position:sticky;
  top:155px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin:auto}
.blog-grid4_wrapp:not(:last-child) .blog-grid4 {
  border-bottom:1px solid #e1e4e5;
  margin-bottom:30px;
  padding-bottom:30px;
  padding: 15px;
    border-radius: 15px;

}

.about-wrap13 .about-wrap-counter .about-circle2 {
    -webkit-transform: none;
    transform: none;
    position: relative;
    background: var(--title-color);
    border-radius: 16px;
    padding: 40px 46px;
    display: inline-block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: center;
    max-width: 298px;
}
.blog-grid4 .box-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-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between}
.blog-grid4 .blog-meta {
  margin-bottom:15px}
.blog-grid4 .box-title {
  font-size:28px;
  margin-bottom:22px}
.blog-grid4 .blog-img {
  min-width:248px;
  border-radius:16px}

@media(max-width: 767px) {
  .blog-grid4 .blog-img {
  margin-top:20px}
}
.blog-grid4 .blog-img img {
  border-radius:16px}
.blog-grid4-static-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:24px}
.blog-grid4.style5 {
  background-color:rgba(0,0,0,0);
  gap:40px;
  border:none}
.blog-grid4.style5 .blog-img {
  min-width:424px;
  border-radius:20px}

@media(max-width: 991px) {
  .blog-grid4.style5 .blog-img {
  min-width:50%}
}
.blog-grid4.style5 .blog-img img {
  border-radius:20px}
.blog-grid4.style5 .box-title {
  font-size:24px;
  font-weight:600}
.blog-grid4.style5 .th-btn.style4 {
  padding:12px 25px}
.blog-title-area {
  max-width:613px;
  margin:auto;
  display:block;
  text-align:center}
.blog-area {
  padding-bottom:60px}
.blog-area13 {
  background-color:#e9f1ec}
.blog13-image {
  margin-left:-200px}

@media(max-width: 1199px) {
  .blog13-image {
  display:none}
}
.blog12-titlebox {
  margin-bottom:150px}
.blog12-titlebox .th-btn {
  margin-top:30px;
  margin-bottom:10px}
.blog12-shape {
  margin-left:-85px}

@media(max-width: 1299px) {
  .blog12-shape {
  margin-left:0}
}
.blog-grid12 .blog-img {
  min-width:424px}
.blog-grid12.blog-grid4_wrapp:not(:last-child) .blog-grid4 {
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0}
.blog-grid12 .blog-grid4 {
  background:var(--smoke-color);
  border-radius:16px}
.blog-grid12 .box-title {
  font-size:24px;
  margin-bottom:15px}
.brand-area .th-container {
  --main-container: 1830px}
.brand-box {
  width:100%;
  height:50px;
  overflow:hidden;
  margin:auto;
  position:relative;
  display:block;
  -webkit-filter:grayscale(9);
  filter:grayscale(9);
  -webkit-transition:.4s;
  transition:.4s}
.brand-box:hover {
  -webkit-filter:grayscale(0);
  filter:grayscale(0)}
.brand-box:hover a img.gray {
  opacity:1;
  visibility:visible;
  -webkit-transition:all .7s ease-in-out;
  transition:all .7s ease-in-out;
  -webkit-transform:translateY(0%);
  transform:translateY(0%)}
.brand-box:hover a img.original {
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .7s ease-in-out;
  transition:all .7s ease-in-out;
  -webkit-transform:translateY(100%);
  transform:translateY(100%)}
.brand-box img {
  margin:0 auto;
  -webkit-transition:all .7s ease-in-out;
  transition:all .7s ease-in-out;
  position:absolute;
  top:0;
  left:0;
  right:0}
.brand-box img.gray {
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .7s ease-in-out;
  transition:all .7s ease-in-out;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)}
.brand-box img.original {
  -webkit-transition:all .7s ease-in-out;
  transition:all .7s ease-in-out;
  -webkit-transform:translateY(0%);
  transform:translateY(0%)}
.brand-box.style2 {
  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:5px solid hsla(0,0%,100%,.1);
  height:200px;
  border-radius:50%;
  border-right:1px solid hsla(0,0%,100%,.1);
  position:relative;
  overflow:hidden;
  cursor:pointer}

@media(max-width: 1399px) {
  .brand-box.style2 {
  height:230px}
}

@media(max-width: 1299px) {
  .brand-box.style2 {
  height:200px}
}

@media(max-width: 1199px) {
  .brand-box.style2 {
  height:280px}
}

@media(max-width: 991px) {
  .brand-box.style2 {
  height:210px}
}

@media(max-width: 767px) {
  .brand-box.style2 {
  height:240px}
}

@media(max-width: 575px) {
  .brand-box.style2 {
  width:200px;
  height:200px}
}
.brand-box.style2 .brand-box-bg {
  position:absolute;
  inset:-80px;
  -webkit-transition:.4s;
  transition:.4s;
  opacity:0;
  z-index:-1}
.brand-box.style2 .brand-box-bg img {
  position:relative;
  inset:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  margin:auto}
.brand-box.style2 a {
  display:block;
  position:relative}
.brand-box.style2 a .original {
  position:relative}
.brand-box.style2:hover .brand-box-bg {
  opacity:1}
.elements-sec .th-container {
  --main-container: 1744px}
.elements-item {
  text-align:center;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both}
.moveFromTop {
  -webkit-animation-name:moveFromTop;
  animation-name:moveFromTop}

@-webkit-keyframes moveFromTop {
  from {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)}
}

@keyframes moveFromTop {
  from {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)}
}
.tags-container>canvas {
  position:relative;
  top:-1px;
  left:-1px}
.tags-container {
  width:100vw;
  height:200px;
  margin-top:0vw;
  overflow:hidden}
.brand2 {
  margin-top:-215px;
  padding-bottom:55px;
  background:var(--smoke-color)}

@media(max-width: 991px) {
  .brand2 {
  margin-top:-140px}
}
.brandSlider2 {
  padding:35px 16px 25px 35px;
  background:var(--white-color);
  border-radius:50px;
  margin-top:35px}
.brand-sec3 {
  padding-top:280px}
   .brand-sec1 {
  padding-top:50px}

@media(max-width: 1199px) {
  .brand-sec3 {

  padding-top:80px}
  .brand-sec1 {
  padding-top:50px}
}
 
.brand4 {
  margin-top:-250px}

@media(max-width: 991px) {
  .brand4 {
  margin-top:-140px}
}
.brand4-wrapp {
  padding-top:163px;
  border-radius:30px;
  background-color:var(--dark-bg-color)}
.brand4-wrapp .sec-note {
  font-size:40px}

@media(max-width: 767px) {
  .brand4-wrapp .sec-note {
  font-size:24px}
}
.brandSlider4 {
  padding:40px;
  padding-bottom:14px;
  border-top:1px solid hsla(0,0%,100%,.1)}

@media(max-width: 991px) {
  .brandSlider4 {
  padding-bottom:60px}
}

@media(max-width: 575px) {
  .brandSlider4 {
  padding-bottom:15px}
}
.brandSlider4 .brand-box:hover {
  -webkit-filter:brightness(3) contrast(1);
  filter:brightness(3) contrast(1)}
.checklist ul {
  padding-left:0;
  list-style:none;
  text-align:left;
  margin-bottom:0}
.checklist li {
  position:relative;
  color:var(--body-color);
  font-family:var(--body-font);
  font-size:18px;
  font-weight:400;
  line-height:28px;
  padding-left:40px}
.checklist li:not(:last-child) {
  margin-bottom:10px}

@media(max-width: 1199px) {
  .checklist.mb-45 {
  margin-bottom:40px}
}
.checklist.style4 ul li {
  padding-left:35px}
.mega-hover {
  position:relative;
  overflow:hidden;
  z-index:2}
.mega-hover:after,
.mega-hover:before {
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:1;
  z-index:-1}
.mega-hover:before {
  top:0;
  right:51%;
  bottom:0;
  left:50%;
  background:hsla(0,0%,100%,.2)}
.mega-hover:after {
  top:50%;
  right:0;
  bottom:50%;
  left:0;
  background:hsla(0,0%,100%,.3)}
.mega-hover:hover:before {
  left:0;
  right:0;
  opacity:0;
  -webkit-transition:all 900ms linear;
  transition:all 900ms linear}
.mega-hover:hover:after {
  top:0;
  bottom:0;
  opacity:0;
  -webkit-transition:all 900ms linear;
  transition:all 900ms linear}
.bg-img {
  position:absolute;
  inset:0;
  height:100%;
  width:100%}
.bg-img img {
  width:100%;
  height:100%}
.th-video {
  position:relative;
  border-radius:10px}
.th-video img {
  border-radius:inherit}
.th-video .play-btn {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.rounded-10 {
  border-radius:10px}
.rounded-20 {
  border-radius:20px}

@media(max-width: 767px) {
  .rounded-20 {
  border-radius:10px}
}
.btn-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:20px 30px}
.filter-menu {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  gap:24px;
  text-align:center;
  margin-top:-20px;
  margin-bottom:60px}

@media(max-width: 1199px) {
  .filter-menu {
  margin-bottom:50px}
}

@media(max-width: 991px) {
  .filter-menu {
  margin-top:-10px;
  margin-bottom:45px;
  gap:6px}
}
.filter-menu .tab-btn {
  background-color:var(--smoke-color);
  border:none;
  border-radius:8px;
  padding:5px 20px;
  font-family:var(--body-font);
  font-weight:400;
  font-size:14px;
  color:var(--title-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.filter-menu .tab-btn:hover,
.filter-menu .tab-btn.active {
  background-color:var(--theme-color);
  color:var(--white-color)}
.filter-menu .th-btn {
  border-radius:8px;
  padding:15px 30px;
  background-color:var(--smoke-color);
  color:var(--body-color);
  min-width:auto}
.filter-menu .th-btn:before {
  background-color:var(--theme-color)}
.filter-menu .th-btn:hover,
.filter-menu .th-btn.active {
  border-color:var(--theme-color);
  color:var(--white-color)}
.filter-menu .th-btn:hover:before,
.filter-menu .th-btn.active:before {
  border-radius:3px}

@media(max-width: 991px) {
  .filter-menu .th-btn {
  padding:13px 20px}
}

@media(max-width: 1199px) {
  p.mb-40 {
  margin-bottom:35px}
p.mb-45 {
  margin-bottom:38px}
}
.global-image {
  position:relative;
  overflow:hidden;
  border-radius:40px}
.global-image:before {
  content:"";
  z-index:1;
  position:absolute;
  background:var(--theme-color);
  display:block;
  width:100%;
  height:100%;
  border-radius:40px;
  -webkit-transform-origin:100% 50%;
  transform-origin:100% 50%;
  -webkit-transform:scaleX(0) translateX(0);
  transform:scaleX(0) translateX(0);
  -webkit-animation:1s overlay ease-in-out forwards;
  animation:1s overlay ease-in-out forwards}
.global-image img {
  width:100%;
  height:100%;
  border-radius:40px;
  -webkit-animation:1s .5s loaded cubic-bezier(0.49, 0, 0.5, 1) forwards;
  animation:1s .5s loaded cubic-bezier(0.49, 0, 0.5, 1) forwards;
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
  opacity:0;
  display:block}

@-webkit-keyframes loaded {
  from {
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
  opacity:0}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1}
}

@keyframes loaded {
  from {
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
  opacity:0}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1}
}

@-webkit-keyframes overlay {
  0% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0)}
55% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)}
100% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)}
}

@keyframes overlay {
  0% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0)}
55% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)}
100% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)}
}
.call-btn {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:20px}
.call-btn .btn-title {
  font-size:16px;
  color:var(--white-color);
  font-weight:500}
.call-btn.style2 {
  gap:14px}
.call-btn.style2 .btn-title {
  font-size:18px;
  font-weight:600;
  margin-bottom:2px}
.mouse-pointer {
  position:fixed;
  top:50%;
  left:-100px;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:25px;
  height:25px;
  pointer-events:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  z-index:9999;
  -webkit-transition-duration:.9s;
  transition-duration:.9s;
  -webkit-transition-timing-function:cubic-bezier(0.19, 0.94, 0.336, 1);
  transition-timing-function:cubic-bezier(0.19, 0.94, 0.336, 1);
  border-radius:50%;
  background:var(--theme-color);
  overflow:hidden}
.mouse-pointer:before {
  content:"";
  inset:3px;
  position:absolute;
  background:var(--white-color);
  border-radius:inherit;
  border:1px solid var(--theme-color)}
.mouse-pointer .icon {
  color:#fff;
  font-size:14px;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-100%, -50%);
  transform:translate(-100%, -50%);
  opacity:0;
  -webkit-transition:.4s cubic-bezier(0.225, 1, 0.316, 0.99);
  transition:.4s cubic-bezier(0.225, 1, 0.316, 0.99)}
.mouse-pointer .icon i {
  margin:0px 3px}
.mouse-pointer.large {
  display:none}
.mouse-pointer.small {
  width:25px;
  height:25px}
.mouse-pointer.right {
  width:50px;
  height:50px}
.mouse-pointer.right.large .icon {
  opacity:0}
.mouse-pointer.right.large {
  background:rgba(0,0,0,0) !important}
.mouse-pointer.zoom,
.mouse-pointer.open {
  width:80px;
  height:80px}
.mouse-pointer .icon i {
  margin:0px 3px}
.mouse-pointer.right .icon {
  opacity:1;
  -webkit-transition-delay:.2s;
  transition-delay:.2s}
.touch .mouse-pointer {
  display:none}
.mouse-pointer.transparent {
  display:none;
  -webkit-transition:all 500ms ease;
  transition:all 500ms ease}
.why-area .th-container {
  --main-container: 1350px}

@media(max-width: 1199px) {
  .why-area .th-container {
  --main-container: 100%;
  max-width:100%}
}
.appointment-area {
  position:relative;
  padding:100px}
.appointment-area .title-area .sec-title {
  margin-bottom:28px}

@media(max-width: 991px) {
  .appointment-area {
  padding:80px}
}

@media(max-width: 767px) {
  .appointment-area {
  padding:80px 40px}
}

@media(max-width: 575px) {
  .appointment-area {
  padding:80px 20px}
}
.appointment-radio {
  position:relative;
  border-radius:15px;
  background:#eff0f4;
  padding:20px;
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:25px}

@media(max-width: 1299px) {
  .appointment-radio {
  grid-template-columns:repeat(4, 1fr)}
}

@media(max-width: 1199px) {
  .appointment-radio {
  grid-template-columns:repeat(3, 1fr)}
}

@media(max-width: 991px) {
  .appointment-radio {
  grid-template-columns:repeat(2, 1fr)}
}

@media(max-width: 575px) {
  .appointment-radio {
  grid-template-columns:repeat(1, 1fr)}
}
.appointment-radio-wrapper {
  margin:14px 0 40px 0}
.appointment-radio-wrapper .sec-title {
  font-size:16px}
.appointment-radio label {
  font-size:16px;
  color:var(--body-color)}
.appointment-radio .class-name {
  text-wrap:nowrap}
.appointment-radio .class-name:last-child input[type=radio]~label:after {
  display:none}
.appointment-radio input[type=radio]~label {
  z-index:2;
  margin-top:0;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out}
.appointment-radio input[type=radio]~label::before {
  top:0px;
  left:0px;
  border-radius:0;
  border:none;
  height:16px;
  width:16px;
  background-color:rgba(0,0,0,0);
  border:1px solid #9da0a7;
  border-radius:99px;
  line-height:1.7;
  z-index:-1;
  -webkit-transition:.4s ease;
  transition:.4s ease}
.appointment-radio input[type=radio]:checked~label {
  color:var(--theme-color)}
.appointment-radio input[type=radio]:checked~label:before {
  border:1px solid var(--theme-color);
  color:var(--theme-color)}
.loadcontent {
  display:none}
.th-loader {
  position:absolute;
  bottom:20px;
  right:20px;
  text-align:right}
.sec-desc {
  max-width:470px}

@media(max-width: 767px) {
  .choose-feature {
  text-align:center}
}
.choose-feature_wrapp:not(:last-child) .choose-feature {
  border-right:2px solid hsla(0,0%,100%,.1)}

@media(max-width: 1399px) {
  .choose-feature_wrapp:not(:last-child) .choose-feature {
  border-right:0}
}
.choose-feature .box-img {
  border-radius:20px;
  margin-bottom:30px}
.choose-feature .box-img img {
  border-radius:20px}
.choose-feature .box-title {
  color:var(--white-color);
  margin-bottom:7px;
  font-weight:700}
.choose-feature .box-text {
  color:var(--white-color);
  margin-bottom:-0.3rem}
.choose-feature:hover .box-icon img {
  -webkit-transform:scale(-1) rotate(180deg);
  transform:scale(-1) rotate(180deg)}
.why-checklist {
  border-bottom:1px solid var(--th-border-color);
  padding-bottom:40px}
.why-checklist ul li {
  position:relative;
  border-radius:20px;
  border:1px solid var(--smoke-color2);
  background:var(--white-color);
  padding:10px;
  font-size:20px;
  font-family:var(--title-font);
  color:var(--title-color);
  font-weight:600;
  line-height:30px;
  min-width:300px;
  -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,.05);
  box-shadow:0px 10px 20px 0px rgba(0,0,0,.05);
  overflow:hidden;
  margin:0}

@media(max-width: 991px) {
  .why-checklist ul li {
  min-width:50%}
}

@media(max-width: 375px) {
  .why-checklist ul li {
  font-size:16px;
  line-height:26px}
}
.why-checklist ul li:before,
.why-checklist ul li:after {
  content:"";
  position:absolute;
  width:84px;
  height:90px;
  background:var(--theme-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.why-checklist ul li:before {
  left:-10px;
  top:-10px;
  clip-path:path("M0 0H84L0 90V0Z")}
.why-checklist ul li:after {
  left:-6px;
  top:0;
  clip-path:path("M0 0H84L0 90V0Z");
  opacity:.2}
.why-checklist ul li .check-img {
  position:relative;
  width:60px;
  height:60px;
  line-height:60px;
  background-color:var(--white-color);
  border-radius:50%;
  display:inline-block;
  text-align:center;
  z-index:4}
.why-checklist ul li .check-img:before {
  content:"";
  position:absolute;
  inset:10px;
  background-color:rgba(41,70,184,.1);
  z-index:1;
  border-radius:inherit}
.video-box1 {
  position:relative}

@media(max-width: 1024px) {
  .video-box1 {
  padding:80px 0}
}
.video-box1 img {
  border-radius:0 80px 0 80px}

@media(max-width: 991px) {
  .video-box1 img {
  border-radius:0 40px 0 40px}
}
.video-box1 .play-btn {
  --icon-size: 130px;
  position:absolute;
  left:50%;
  top:50%;
  margin:calc(var(--icon-size)/-2) 0 0 calc(var(--icon-size)/-2)}

@media(max-width: 991px) {
  .video-box1 .play-btn {
  --icon-size: 100px}
}

@media(max-width: 767px) {
  .video-box1 .play-btn {
  --icon-size: 80px}
}
.appointment-img1 {
  position:relative;
  z-index:2;
  width:939.929px;
  height:612px;
  margin-right:-30%}

@media(max-width: 1699px) {
  .appointment-img1 {
  margin-right:-20%}
}

@media(max-width: 1500px) {
  .appointment-img1 {
  margin-right:0;
  width:850px}
}

@media(max-width: 1199px) {
  .appointment-img1 {
  width:100%;
  height:100%;
  margin:50px 0 0 0}
}
.feature-box {
  background:var(--white-color);
  padding:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:30px;
  -webkit-box-shadow:0px 4px 15px 0px rgba(0,0,0,.06);
  box-shadow:0px 4px 15px 0px rgba(0,0,0,.06)}

@media(max-width: 575px) {
  .feature-box {
  display:block;
  text-align:center}
}
.feature-box:not(:first-child) {
  margin-top:30px}
.feature-box:nth-child(2) .feature-box_step {
  background-color:var(--theme-color)}
.feature-box:nth-child(3) .feature-box_step {
  background-color:var(--theme-color)}
.feature-box .box-title {
  margin-bottom:5px}
.feature-box_step {
  width:86px;
  height:100px;
  background-color:#00a1de;
  clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}

@media(max-width: 575px) {
  .feature-box_step {
  display:block;
  margin:auto auto 20px auto}
}
.feature-box_text {
  margin-bottom:0}
.feature-box .box-number {
  font-size:30px;
  line-height:30px;
  color:var(--white-color);
  text-align:center;
  font-family:var(--title-font);
  font-weight:600;
  display:block;
  padding:15px 0;
  margin-bottom:0}
.feature-box .step {
  font-size:16px;
  font-weight:400;
  font-family:var(--body-font);
  display:block;
  text-align:center}
.feature-image {
  width:678.838px;
  height:669px;
  margin-left:50px}

@media(max-width: 1299px) {
  .feature-image {
  width:100%;
  height:100%}
}

@media(max-width: 1199px) {
  .feature-image {
  margin:0}
}
.why-content {
  max-width:594px}
.why-content .checklist li {
  font-size:16px;
  font-weight:700;
  line-height:26px}
.why-content .checklist li:before {
  content:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.2' width='26' height='26' rx='5' fill='%23F68A0A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4996 9.56685L9.60117 14.1326L9.60095 17.0845C9.60082 18.708 9.58812 20.2556 9.57267 20.5235C9.55364 20.8537 9.5589 21.0053 9.58906 20.9941C9.61349 20.985 12.699 17.4257 16.4458 13.0845C20.1926 8.74332 23.2977 5.14811 23.3461 5.09519C23.3946 5.04227 23.4261 4.99941 23.4161 5.00001C23.4061 5.00056 20.2937 7.05566 16.4996 9.56685Z' fill='%23F68A0A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.65376 12.5395L9.6311 14.1338V18.2077C9.63116 19.3671 9.59351 20.4723 9.59976 20.6636C9.60746 20.8994 9.60533 21.0077 9.59313 20.9997C9.58325 20.9932 8.33528 18.4513 6.8199 15.3511C5.3045 12.2509 4.0486 9.68341 4.02901 9.64562C4.00943 9.60783 3.99669 9.57721 4.00074 9.57764C4.00477 9.57804 4.40641 9.8771 7.65376 12.5395Z' fill='%23F68A0A'/%3E%3C/svg%3E%0A");
  font-family:var(--icon-font);
  position:absolute;
  left:0;
  top:0px;
  font-size:32px;
  font-weight:600;
  color:var(--theme-color);
  margin-right:10px}

@media(max-width: 1199px) {
  .why-sec2 {
  background-position:left center}
}
.why-sec3 {
  background-position:top center}

@media(max-width: 1199px) {
  .why-sec3 {
  background-position:right center}
}
.whySlider2 {
  padding-top:70px}

@media(max-width: 991px) {
  .whySlider2 {
  padding-top:15px}
}
.whySlider2 .category-card {
  margin-bottom:0}
.whySlider2 .swiper-slide {
  -webkit-transition:.4s;
  transition:.4s}
.whySlider2 .swiper-slide-active~.swiper-slide {
  -webkit-transform:translateY(-12%);
  transform:translateY(-12%)}

@media(max-width: 991px) {
  .whySlider2 .swiper-slide-active~.swiper-slide {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.whySlider2 .swiper-slide-active~.swiper-slide~.swiper-slide {
  -webkit-transform:translateY(-16%);
  transform:translateY(-16%)}

@media(max-width: 1199px) {
  .whySlider2 .swiper-slide-active~.swiper-slide~.swiper-slide {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.whySlider2 .swiper-slide-active~.swiper-slide~.swiper-slide~.swiper-slide {
  -webkit-transform:translateY(-12%);
  transform:translateY(-12%)}

@media(max-width: 1299px) {
  .whySlider2 .swiper-slide-active~.swiper-slide~.swiper-slide~.swiper-slide {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
}
.whySlider2 .swiper-slide-active~.swiper-slide~.swiper-slide~.swiper-slide~.swiper-slide {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
.whySlider2 .swiper-slide-active~.swiper-slide~.swiper-slide~.swiper-slide~.swiper-slide~.swiper-slide {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
.why-img-box2 {
  border-radius:16px;
  overflow:hidden}
.why-img-box2 img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover}

@media(max-width: 1199px) {
  .why-img-box2 img {
  height:600px}
}

@media(max-width: 991px) {
  .why-img-box2 img {
  height:auto}
}
.why-wrap2 {
  margin-left:32px}

@media(max-width: 1199px) {
  .why-wrap2 {
  margin-left:0}
}

@media(max-width: 575px) {
  .why-wrap2 .btn-wrap .th-btn {
  padding:19px 25px}
}
.why-feature-card2 {
  border-radius:16px;
  background:var(--smoke-color4);
  padding:32px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:25px;
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 575px) {
  .why-feature-card2 {
  display:block}
.why-feature-card2 .box-icon {
  margin-bottom:20px}
.why-feature-card2 .box-title {
  font-size:20px}
}

@media(max-width: 375px) {
  .why-feature-card2 {
  padding:24px}
}
.why-feature-card2:not(:last-child) {
  margin-bottom:24px}
.why-feature-card2 .box-icon {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}
.why-feature-card2 .box-icon img {
  -webkit-transition:.4s;
  transition:.4s}
.why-feature-card2 .box-title {
  margin-bottom:10px}
.why-feature-card2:hover {
  -webkit-transform:translate(32px, 0);
  transform:translate(32px, 0)}

@media(max-width: 1199px) {
  .why-feature-card2:hover {
  -webkit-transform:translate(0, 0);
  transform:translate(0, 0)}
.why-feature-card2:hover .box-icon img {
  -webkit-transform:scale(-1) rotate(180deg);
  transform:scale(-1) rotate(180deg)}
}
.history-item {
  background-color:var(--white-color);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}

@media(max-width: 375px) {
  .history-item {
  display:block}
}
.history-item-right {
  max-width:596px;
  display:block;
  margin-left:auto}

@media(max-width: 1199px) {
  .history-item-right {
  max-width:100%;
  margin-left:0}
}
.history-item-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:21px}

@media(max-width: 767px) {
  .history-item-wrap {
  display:block}
}
.history-item-wrap:not(:last-child) {
  margin-bottom:30px}
.history-item-img {
  min-width:140px}
.history-item-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.history-item .box-title {
  font-size:18px;
  line-height:28px;
  margin-bottom:10px}
.history-item-text {
  line-height:26px;
  margin-bottom:-0.3rem}
.history-item-details {
  padding:30px}

@media(max-width: 480px) {
  .history-item-details {
  padding:30px 30px 30px 20px}
}
.history-item-date {
  background:var(--white-color);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;
  color:var(--theme-color);
  font-size:18px;
  font-weight:600;
  font-family:var(--title-font);
  padding:25px;
  margin-right:20px;
  position:relative;
  max-width:142px;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  -webkit-filter:drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.05));
  filter:drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.05))}

@media(max-width: 767px) {
  .history-item-date {
  max-width:none;
  display:block;
  margin-right:0;
  margin-bottom:30px}
}
.history-item-date:after {
  content:"";
  position:absolute;
  right:-20px;
  top:50%;
  -webkit-transform:translate(0, -50%);
  transform:translate(0, -50%);
  width:20px;
  height:20px;
  border-left:solid 20px var(--white-color);
  border-bottom:solid 17px rgba(0,0,0,0);
  border-top:solid 17px rgba(0,0,0,0)}

@media(max-width: 767px) {
  .history-item-date:after {
  bottom:-20px;
  top:auto;
  right:50%;
  width:20px;
  height:20px;
  -webkit-transform:translate(50%, 0);
  transform:translate(50%, 0);
  border-top:solid 20px var(--white-color);
  border-left:solid 17px rgba(0,0,0,0);
  border-right:solid 17px rgba(0,0,0,0);
  border-bottom:0}
}

@media(max-width: 767px) {
  .history-item .history-wrap-date {
  max-width:none;
  display:block;
  margin-right:0;
  margin-bottom:30px}
.history-item .history-wrap-date:after {
  bottom:-20px;
  top:auto;
  right:50%;
  width:20px;
  height:20px;
  -webkit-transform:translate(50%, 0);
  transform:translate(50%, 0);
  border-top:solid 20px var(--white-color);
  border-left:solid 17px rgba(0,0,0,0);
  border-right:solid 17px rgba(0,0,0,0);
  border-bottom:0}
}
.choose-content .sec-title {
  font-weight:500;
  letter-spacing:normal}
.choose-content .box-text {
  font-size:14px}
.choose-content .checklist {
  margin-bottom:35px}
.choose-content .checklist li {
  color:var(--body-color);
  font-size:14px;
  line-height:16px}
.choose-content .checklist li:after {
  color:var(--body-color)}
.why-content-area {
  background-color:var(--white-color);
  padding:60px;
  -webkit-box-shadow:0px 10px 100px 0px rgba(0,0,0,.06);
  box-shadow:0px 10px 100px 0px rgba(0,0,0,.06)}

@media(max-width: 1299px) {
  .why-content-area {
  padding:40px}
}

@media(max-width: 991px) {
  .why-content-area {
  padding:30px}
}

@media(max-width: 767px) {
  .why-content-area {
  padding:30px 10px}
}
.why-item {
  position:relative;
  background-color:var(--white-color);
  padding:30px;
  border:1.3px solid #e4e4e4;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}

@media(max-width: 1299px) {
  .why-item {
  padding:25px}
}
.why-item_icon {
  width:80px;
  height:80px;
  line-height:80px;
  text-align:center;
  border:1.3px solid var(--theme-color);
  background-color:var(--white-color);
  border-radius:50%;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.why-item_icon img {
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.why-item_text {
  line-height:26px;
  margin-bottom:-0.4rem}
.why-item .box-title {
  font-weight:600;
  line-height:34px;
  margin:23px 0 13px 0}

@media(max-width: 1299px) {
  .why-item .box-title {
  font-size:20px;
  line-height:30px}
}
.why-item .icon-btn {
  border-radius:99px;
  background-color:var(--white-color);
  border:1px solid var(--th-border-color);
  color:var(--title-color);
  position:relative;
  z-index:3;
  display:block;
  text-align:center;
  margin:auto;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.why-item .icon-btn:hover {
  background-color:var(--theme-color);
  border-color:var(--theme-color);
  color:var(--white-color)}
.why-item:hover .why-item_img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)}
.why-item:hover .why-item_icon {
  border:1px solid var(--theme-color)}
.why-item:hover .why-item_icon:before {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)}
.why-item:hover .why-item_icon img {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)}
.why-item_wrapper {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:30px}

@media(max-width: 1299px) {
  .why-item_wrapper {
  gap:20px}
}

@media(max-width: 480px) {
  .why-item_wrapper {
  grid-template-columns:repeat(1, 1fr)}
}
.why-img1 {
  position:relative;
  margin-left:55px}

@media(max-width: 480px) {
  .why-img1 {
  margin-left:0}
}

@media(max-width: 480px) {
  .why-img1 .img1 img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
}
.why-img1 .img2 {
  position:absolute;
  top:0;
  right:0;
  z-index:2}

@media(max-width: 480px) {
  .why-img1 .img2 {
  display:none}
}
.why-img1 .img2:before {
  content:"";
  position:absolute;
  top:0;
  left:-20px;
  width:275px;
  height:336px;
  background-color:var(--white-color);
  z-index:-1}
.why-img1 .img3 {
  position:relative;
  margin:-48px 0 0 50px}

@media(max-width: 480px) {
  .why-img1 .img3 {
  display:none}
}
.why-img1 .img3:before {
  content:"";
  position:absolute;
  top:-20px;
  left:-20px;
  width:318px;
  height:416px;
  background-color:var(--white-color)}
.why-img1 .img3 img {
  clip-path:polygon(0 0, 58% 0, 100% 100%, 0% 100%)}
.feature-wrapper.style3 {
  margin-bottom:60px}
.feature-wrapper.style3 .feature-icon {
  width:75px;
  height:75px;
  line-height:75px;
  background-color:#1e2127;
  border:1px solid hsla(0,0%,100%,.1)}
.feature-wrapper.style3 .feature-icon:hover {
  background-color:var(--theme-color)}
.feature-wrapper.style3 .header-info_label {
  font-size:16px;
  font-family:var(--body-font);
  color:var(--body-color);
  font-weight:500;
  letter-spacing:-0.32px}
.feature-wrapper.style3 .header-info_link {
  font-family:var(--body-font);
  font-size:24px;
  font-weight:600;
  line-height:30px;
  letter-spacing:-0.48px}
.work-area {
  margin-bottom:40px}
.work-item {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px}
.work-item:first-child {
  max-width:290px}

@media(max-width: 1299px) {
  .work-item:first-child {
  max-width:250px}
}

@media(max-width: 767px) {
  .work-item:first-child {
  max-width:100%}
}
.work-item:first-child:before {
  right:-15px}

@media(max-width: 1199px) {
  .work-item:first-child:before {
  right:-10px}
}

@media(max-width: 767px) {
  .work-item {
  margin-bottom:20px}
}
.work-item:before {
  content:url("data:image/svg+xml,%3Csvg width='20' height='37' viewBox='0 0 20 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.5L0 0L10.6446 18.5L0 37L20 18.5Z' fill='%233E66F3'/%3E%3C/svg%3E%0A");
  position:absolute;
  top:0px;
  right:-40px;
  font-family:var(--icon-font);
  width:20px;
  height:37px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  font-size:1em;
  line-height:1;
  color:var(--theme-color);
  font-weight:900;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out}

@media(max-width: 1199px) {
  .work-item:before {
  right:-20px}
}

@media(max-width: 767px) {
  .work-item:before {
  display:none}
}
.work-item:last-child:before {
  display:none}
.work-item_wrapper {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:20px}

@media(max-width: 767px) {
  .work-item_wrapper {
  display:block}
}
.work-item_number {
  min-width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  border-radius:50%;
  font-size:16px;
  font-weight:600;
  letter-spacing:-0.32px;
  display:block;
  background-color:#1e2127;
  color:var(--white-color);
  border:1px solid hsla(0,0%,100%,.1)}
.work-item .work-text {
  font-size:16px;
  font-weight:400;
  line-height:24px;
  color:#c7c7c7}
.download-btn {
  background-color:var(--title-color);
  max-width:190px;
  height:55px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:999px}
.appointment-sec {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(2.66%, rgb(237, 240, 244)), color-stop(90.4%, rgb(237, 240, 244)));
  background:linear-gradient(180deg, rgb(237, 240, 244) 2.66%, rgb(237, 240, 244) 90.4%)}

@media(max-width: 1024px) {
  .video-box3.style2 {
  padding-top:120px}
}

@media(max-width: 991px) {
  .video-box3 {
  padding-top:120px}
}
.video-box3 .play-btn {
  position:absolute;
  top:42.5%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:25%}

@media(max-width: 991px) {
  .video-box3 .play-btn {
  position:relative;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
}
.video-box3 .play-btn>i {
  background-color:var(--theme-color);
  color:var(--white-color);
  --icon-size: 80px}
.video-box4.style2 .play-btn {
  top:43%;
  right:25.5%}

@media(max-width: 991px) {
  .video-box4 {
  padding-top:120px}
}
.video-box4 .play-btn {
  position:absolute;
  top:50%;
  right:16%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}

@media(max-width: 991px) {
  .video-box4 .play-btn {
  position:relative;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
}
.video-box4 .play-btn>i {
  background-color:var(--theme-color);
  color:var(--white-color);
  --icon-size: 80px}
.video-area2 {
  position:relative;
  margin:0 60px;
  z-index:2;
  border-radius:50px;
  padding:350px 0}

@media(max-width: 991px) {
  .video-area2 {
  padding:200px 0;
  margin:0;
  border-radius:0}
}
.video-area2:before {
  content:"";
  position:absolute;
  inset:0;
  background:#113d48;
  mix-blend-mode:hard-light;
  opacity:.7;
  border-radius:inherit}
.video-area3 {
  position:relative;
  max-width:1760px;
  display:block;
  margin:auto;
  z-index:2;
  border-radius:50px;
  padding:375px 0}

@media(max-width: 991px) {
  .video-area3 {
  padding:200px 0;
  margin:0;
  border-radius:0}
}
.video-area3:before {
  content:"";
  position:absolute;
  inset:0;
  background:#113d48;
  mix-blend-mode:multiply;
  opacity:.5;
  border-radius:inherit}
.video-box2 {
  position:relative;
  z-index:2}
.video-box2 .box-title {
  font-weight:700;
  font-size:250px;
  line-height:96px;
  text-align:center;
  text-transform:capitalize;
  color:hsla(0,0%,100%,.2);
  display:block;
  text-align:center;
  margin:0}

@media(max-width: 1500px) {
  .video-box2 .box-title {
  font-size:180px}
}

@media(max-width: 1299px) {
  .video-box2 .box-title {
  font-size:140px}
}

@media(max-width: 991px) {
  .video-box2 .box-title {
  font-size:100px}
}
.video-box2 .discount-wrapp {
  position:relative;
  z-index:2;
  width:190px;
  height:190px;
  background:hsla(0,0%,100%,.2);
  border:1px solid hsla(0,0%,100%,.7);
  -webkit-backdrop-filter:blur(15.6px);
  backdrop-filter:blur(15.6px);
  border-radius:50%}
.video-box2 .discount-wrapp .play-btn {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.video-box2 .discount-wrapp .discount-tag {
  color:var(--white-color)}
.video-box2 .play-btn:before,
.video-box2 .play-btn:after {
  display:none}
.video-box2 .play-btn>i {
  --icon-size: 130px;
  font-size:30px;
  background:var(--theme-color);
  color:var(--white-color);
  border:1px solid hsla(0,0%,100%,.73)}
.video-box2 .video-shape {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.video-box7 .play-btn {
  right:29.5%}
.video-box8 {
  padding:270px 0;
  border-radius:50px}
.video-box8::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  background:#000;
  mix-blend-mode:multiply;
  opacity:.5;
  border-radius:50px}
.video8-circle-text {
  text-align:center}
.video8-circle-text .discount-wrapp {
  border-radius:100%;
  background:hsla(0,0%,100%,.2);
  border:1px solid hsla(0,0%,100%,.7);
  -webkit-backdrop-filter:blur(31.2000007629px);
  backdrop-filter:blur(31.2000007629px);
  display:inline-block}
.video8-circle-text .discount-tag span {
  min-height:95px;
  min-width:95px;
  top:-2px}
.video8-circle-text .icon {
  font-size:30px;
  width:130px;
  height:130px;
  line-height:130px;
  color:var(--title-color);
  background:var(--brand-color)}
.newsletter-sec2 {
  border-radius:30px;
  padding:105px 169px;
  background:rgb(94 82 163);
  border:1px solid hsla(0,0%,100%,.4);
  -webkit-backdrop-filter:blur(11.1px);
  backdrop-filter:blur(11.1px)}
 .h-300{
  height:300px;
 }
@media(max-width: 991px) {
  .newsletter-sec2 {
  padding:80px 60px}
}

@media(max-width: 575px) {
  .newsletter-sec2 {
  padding:80px 30px}
}
.newsletter-wrapp {
  text-align:center}
.newsletter-form.style5 {
  max-width:1000px;
  margin:auto}
.newsletter-form.style5 input {
  border:none;
  color:var(--title-color);
  background:var(--white-color)}
.newsletter-form.style5 input::-webkit-input-placeholder {
  color:var(--body-color)}
.newsletter-form.style5 input::-moz-placeholder {
  color:var(--body-color)}
.newsletter-form.style5 input:-ms-input-placeholder {
  color:var(--body-color)}
.newsletter-form.style5 input::-ms-input-placeholder {
  color:var(--body-color)}
.newsletter-form.style5 input::placeholder {
  color:var(--body-color)}
.newsletter-form.style5 .th-btn {
  min-width:303px}

@media(max-width: 1199px) {
  .newsletter-form.style5 .th-btn {
  min-width:180px;
  padding:19px 20px}
}

@media(max-width: 480px) {
  .newsletter-form.style5 .th-btn {
  min-width:100%}
}
.newsletter-text2 {
  text-align:center;
  margin:auto;
  margin-top:30px;
  display:block;
  font-size:16px;
  color:var(--title-color)}
.history-area {
  border-radius:30px;
  text-align:center;
  position:relative;
  background-size:cover;
  z-index:2;
  padding:60px}

@media(max-width: 991px) {
  .history-area {
  padding:20px}
}

@media(max-width: 375px) {
  .history-area {
  padding:0}
}
.history-content {
  background:rgba(11,20,34,.74);
  border:1px solid hsla(0,0%,100%,.2);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
  border-radius:30px;
  padding:100px 0}

@media(max-width: 991px) {
  .history-content {
  padding:80px 20px}
}
.history-content .sec-title {
  font-weight:700;
  font-size:48px;
  text-transform:capitalize;
  color:var(--white-color)}

@media(max-width: 1199px) {
  .history-content .sec-title {
  font-size:60px}
}

@media(max-width: 991px) {
  .history-content .sec-title {
  font-size:40px}
}

@media(max-width: 575px) {
  .history-content .sec-title {
  font-size:30px}
}
.history-content .sec-text {
  max-width:710px;
  display:block;
  margin:auto;
  font-size:16px;
  color:var(--white-color);
  margin-bottom:30px}

@media(max-width: 991px) {
  .history-content .sec-text {
  max-width:100%}
}
.history-content .th-btn {
  padding:19px 40px;
  margin-top:-20px}
.story-box {
  position:relative;
  background:var(--smoke-color);
  border-radius:30px;
  padding:40px;
  margin:0 30px 30px 0;
  z-index:2}

@media(max-width: 1299px) {
  .story-box {
  margin:0 10px 30px 0;
  padding:30px 25px}
}
.story-box .box-title {
  font-family:var(--title-font);
  font-weight:700;
  font-size:40px;
  line-height:56px;
  letter-spacing:.02em;
  text-transform:capitalize;
  color:var(--title-color);
  margin-bottom:15px;
  z-index:2}

@media(max-width: 1299px) {
  .story-box .box-title {
  font-size:30px;
  line-height:40px}
}
.story-box_text {
  margin-bottom:50px}
.story-box .icon {
  font-size:54px;
  width:150px;
  height:150px;
  line-height:120px;
  text-align:center;
  color:var(--body-color);
  background-color:var(--white-color);
  border:14px solid var(--title-color);
  border-radius:50%;
  position:absolute;
  bottom:-30px;
  right:-30px;
  -webkit-transition:.4s;
  transition:.4s}
.story-box .icon:hover {
  color:var(--title-color)}
.story-box .story-wrapp {
  position:absolute;
  bottom:-12%;
  right:-11%;
  clip-path:polygon(0% 0%, 100% 0%, 100% 52%, 0% 52%);
  -webkit-transform:rotate(-53deg);
  transform:rotate(-53deg)}
.story-box .story-wrapp .discount-tag span {
  top:-5px;
  color:var(--theme-color);
  --rotate-letter: 8deg;
  min-height:100px}
.story-box .story-wrapp .discount-tag {
  border-radius:0}
.story-box.inner-style {
  padding-bottom:30px;
  margin-bottom:0}
.story-box.inner-style .story-box_icon {
  margin-bottom:60px;
  display:inline-block}
.story-box.inner-style .box-title {
  line-height:45px}
.story-card2 {
  background:#e2ff54;
  border-radius:20px;
  height:100%}
.story-card2.story-bg {
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover}
.story-card2 .story-icon {
  width:42px;
  height:42px;
  line-height:42px;
  display:inline-block;
  text-align:center;
  color:var(--title-color);
  background:var(--brand-color);
  border-radius:100px}
.story-card2 .story-icon.web-icon {
  background:#03a300}
.story-card2 .story-content {
  padding:60px 30px}

@media(max-width: 1500px) {
  .story-card2 .story-content {
  padding:50px 20px}
}
.story-card2 .story-title {
  font-weight:700;
  font-size:36px;
  line-height:1.2;
  text-transform:capitalize;
  color:var(--title-color)}
.story-card2 .box-title {
  font-weight:700;
  text-transform:capitalize;
  margin-bottom:0}
.story-card2 .sec-text {
  color:var(--title-color)}
.choose-item.choose-card3 {
  padding:16px;
  padding-bottom:30px;
  border-radius:16px}
.choose-item.choose-card3 .choose-img img {
  width:100%;
  border-radius:10px}
.choose-item.choose-card3 .choose-content {
  padding:0 15px}
.choose-item.choose-card3>.box-title {
  font-weight:600;
  font-size:24px;
  letter-spacing:.02em;
  text-transform:capitalize;
  text-align:center}
.choose-item.choose-card3 .sec-text {
  color:var(--th-border-color);
  margin-bottom:0}
.choose-item4 {
  position:relative}
.choose-item4 .choose-img img {
  border-radius:30px}
.choose-item4 .choose-content {
  position:absolute;
  right:30px;
  top:30px;
  background-color:var(--white-color);
  border-radius:20px;
  padding:10px 20px}
.choose-item4 .box-title {
  font-size:20px;
  line-height:24px;
  font-weight:600;
  margin-bottom:0}
.choose-item4 .choose-subtitle {
  font-size:14px;
  font-family:var(--body-font)}

@media(max-width: 1199px) {
  .choose-item4 {
  text-align:center}
}
.choose-item4:nth-child(1) {
  text-align:start;
  position:relative;
  margin-bottom:-300px;
  z-index:1}

@media(max-width: 1199px) {
  .choose-item4:nth-child(1) {
  text-align:center;
  margin-bottom:20px}
}
.choose-item4:nth-child(1) .choose-content {
  right:unset;
  left:30px}

@media(max-width: 1199px) {
  .choose-item4:nth-child(2) {
  margin-bottom:20px}
}
.choose-item4:nth-child(3) {
  margin-top:-125px;
  text-align:center;
  margin-left:155px}

@media(max-width: 1199px) {
  .choose-item4:nth-child(3) {
  margin-top:0;
  margin-left:0}
}
.choose-item4:nth-child(3) .choose-content {
  right:unset;
  left:30px}
.choose-card.style5 .box-img {
  width:312px;
  height:312px;
  border-radius:50%;
  border:10px solid var(--smoke-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 991px) {
  .choose-card.style5 .box-img {
  height:auto}
}

@media(max-width: 767px) {
  .choose-card.style5 .box-img {
  width:100%;
  height:100%}
}
.choose-card.style5 .box-img img {
  border-radius:50%}
.choose-card.style5 .box-title {
  margin-bottom:10px}
.choose-card.style5 .sec-text {
  margin-bottom:0}
.choose-card.style5:hover .box-img {
  border-color:var(--theme-color)}

@media(max-width: 991px) {
  .choose-imgbox {
  margin-bottom:30px}
}
.choose-imgbox img {
  border-radius:30px}

@media(max-width: 575px) {
  .choose-imgbox .img1 {
  margin-bottom:30px}
}
.why-bg-img11-1 {
  display:inline-block;
  border-radius:16px;
  overflow:hidden;
  -webkit-transform:rotate(20deg);
  transform:rotate(20deg)}
.why-bg-img11-1 img {
  border-radius:16px}

@media(max-width: 1500px) {
  .why-bg-img11-1 {
  top:15% !important;
  right:3% !important}
}

@media(max-width: 1299px) {
  .why-bg-img11-1 {
  display:none}
}

@media(max-width: 1500px) {
  .why-bg-shape11-2,
.why-bg-shape11-1 {
  display:none}
}
.why-img-box6 {
  position:relative;
  display:inline-block;
  padding-right:173px;
  margin-left:-47px}

@media(max-width: 1399px) {
  .why-img-box6 {
  margin-left:0}
}

@media(max-width: 1299px) {
  .why-img-box6 {
  margin-right:-100px}
}

@media(max-width: 991px) {
  .why-img-box6 {
  margin-right:0}
}

@media(max-width: 575px) {
  .why-img-box6 {
  padding-right:60px}
}
.why-img-box6 .why-img-shape11 {
  position:absolute;
  inset:0 -163px -641px -459px;
  z-index:-1}

@media(max-width: 1399px) {
  .why-img-box6 .why-img-shape11 {
  inset:0 -163px -200px -200px}
}

@media(max-width: 1199px) {
  .why-img-box6 .why-img-shape11 {
  inset:0 -200px -100px -80px}
}

@media(max-width: 991px) {
  .why-img-box6 .why-img-shape11 {
  inset:0 -80px -60px -60px}
}

@media(max-width: 767px) {
  .why-img-box6 .why-img-shape11 {
  inset:0 0 0 -60px}
}
.why-img-box6 .why-img-shape11 img {
  width:100%}
.why-img-box6 .discount-wrapp {
  position:absolute;
  right:0;
  bottom:73px;
  background:var(--white-color);
  border:0;
  padding:14px;
  width:206px;
  height:206px}

@media(max-width: 375px) {
  .why-img-box6 .discount-wrapp {
  position:relative;
  bottom:30px}
}
.why-img-box6 .discount-wrapp .counter-number {
  background:var(--smoke-color3);
  border-radius:50%;
  font-size:48px;
  font-weight:800;
  font-family:var(--title-font);
  color:var(--theme-color);
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -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;
  width:118px;
  height:118px}
.why-img-box6 .discount-wrapp .discount-tag span {
  --rotate-letter: 7.8deg;
  font-size:16px;
  font-weight:400;
  min-height:95px;
  top:-2px;
  text-transform:none}

@media(max-width: 1199px) {
  .why-card-wrap6 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:0 40px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
}
.why-card-wrap6 .why-card6 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:24px;
  max-width:400px}

@media(max-width: 991px) {
  .why-card-wrap6 .why-card6 {
  display:block;
  text-align:center;
  max-width:320px}
}
.why-card-wrap6 .why-card6:not(:last-child) {
  margin-bottom:47px}
.why-card-wrap6 .why-card6:nth-child(1) {
  margin-left:0px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(1) {
  margin-left:0}
}
.why-card-wrap6 .why-card6:nth-child(2) {
  margin-left:125px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(2) {
  margin-left:0}
}
.why-card-wrap6 .why-card6:nth-child(3) {
  margin-left:250px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(3) {
  margin-left:0}
}
.why-card-wrap6 .why-card6:nth-child(4) {
  margin-left:375px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(4) {
  margin-left:0}
}
.why-card-wrap6 .why-card6:nth-child(5) {
  margin-left:500px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(5) {
  margin-left:0}
}
.why-card-wrap6 .why-card6:nth-child(6) {
  margin-left:625px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(6) {
  margin-left:0}
}
.why-card-wrap6 .why-card6:nth-child(7) {
  margin-left:750px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(7) {
  margin-left:0}
}
.why-card-wrap6 .why-card6:nth-child(8) {
  margin-left:875px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(8) {
  margin-left:0}
}
.why-card-wrap6 .why-card6:nth-child(9) {
  margin-left:1000px}

@media(max-width: 1199px) {
  .why-card-wrap6 .why-card6:nth-child(9) {
  margin-left:0}
}
.why-card-wrap6 .why-card6 .box-icon {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}

@media(max-width: 991px) {
  .why-card-wrap6 .why-card6 .box-icon {
  margin-bottom:24px}
}
.why-card-wrap6 .why-card6 .box-title {
  font-size:20px;
  font-weight:700;
  margin-bottom:10px}
.video-box6 {
  position:relative;
  border-radius:30px;
  overflow:hidden}
.video-box6:after {
  content:"";
  position:absolute;
  inset:0;
  background:var(--title-color);
  opacity:.6}
.video-box6 .play-btn {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  --icon-size: 200px;
  --icon-font-size: 34px}

@media(max-width: 1399px) {
  .video-box6 .play-btn {
  --icon-size: 160px}
}

@media(max-width: 1199px) {
  .video-box6 .play-btn {
  --icon-size: 120px;
  --icon-font-size: 30px}
}

@media(max-width: 991px) {
  .video-box6 .play-btn {
  --icon-size: 100px;
  --icon-font-size: 24px}
}
.video-box6 .play-btn>i {
  background:rgba(0,0,0,0);
  border:1px solid var(--white-color);
  color:var(--white-color)}
.video-box6 .play-btn:after,
.video-box6 .play-btn:before {
  display:none}
.video-box6 .play-btn:hover>i {
  background:var(--white-color);
  color:var(--theme-color)}

@media(max-width: 767px) {
  .video-box6 img {
  min-height:400px;
  -o-object-fit:cover;
  object-fit:cover}
}

@media(max-width: 575px) {
  .video-box6 {
  border-radius:16px}
.video-box6 img {
  min-height:300px;
  -o-object-fit:cover;
  object-fit:cover}
}

@media(max-width: 991px) {
  .video1-titlebox .sec-title br {
  display:none}
}
.video-wrapp {
  padding:325px 0;
  border-radius:50px}

@media(max-width: 991px) {
  .video-wrapp {
  padding:250px 0}
}

@media(max-width: 767px) {
  .video-wrapp {
  padding:200px 0}
}

@media(max-width: 575px) {
  .video-wrapp {
  padding:170px 0}
}
.video2-wrapp {
  padding:268.5px 0;
  border-radius:30px}

@media(max-width: 991px) {
  .video2-wrapp {
  padding:200px 0}
}

@media(max-width: 575px) {
  .video2-wrapp {
  padding:170px 0}
}
.video-wrap4 {
  border-radius:24px;
  overflow:hidden;
  position:relative}
.video-wrap4 .play-btn {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.video-wrap4 .play-btn>i {
  --icon-size: 60px;
  --icon-font-size: 24px;
  background:var(--theme-color);
  color:var(--white-color)}
.marquee-slider1 {
  margin:0 -50px 0px}
.marquee-slider1 .swiper-wrapper {
  -webkit-transition-timing-function:linear;
  transition-timing-function:linear}
.marquee-slider1 .swiper-slide {
  width:auto;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.marquee-card {
  margin-bottom:0;
  padding:0;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  gap:24px}
.marquee-card .marquee-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;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}
.marquee-card a {
  font-size:24px;
  font-weight:600;
  font-family:var(--title-font);
  color:var(--white-color);
  display:inline-block;
  line-height:.75em;
  position:relative;
  text-transform:uppercase}
.marquee-card a:hover {
  color:var(--white-color);
  text-shadow:-0.3px -0.3px 0 var(--white-color),.3px .3px var(--white-color)}
.marquee-slider2 {
  margin:0 -50px 0px}
.marquee-slider2 .swiper-wrapper {
  -webkit-transition-timing-function:linear;
  transition-timing-function:linear}
.marquee-slider2 .swiper-slide {
  width:auto;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.marquee-card2 {
  margin-bottom:0;
  padding:0;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  gap:30px}
.marquee-card2 .marquee-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;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}
.marquee-card2 a {
  font-size:84px;
  font-weight:600;
  font-family:var(--title-font);
  color:var(--th-border-color);
  display:inline-block;
  line-height:.75em;
  letter-spacing:.02em;
  position:relative;
  text-transform:uppercase}
.marquee-card2 a:hover {
  color:var(--title-color);
  text-shadow:-0.3px -0.3px 0 var(--white-color),.3px .3px var(--white-color)}

@media(max-width: 1199px) {
  .marquee-card2 a {
  font-size:64px}
.marquee-card2 .marquee-icon {
  width:60px}
}

@media(max-width: 767px) {
  .marquee-card2 a {
  font-size:50px}
.marquee-card2 .marquee-icon {
  width:46px}
}

@media(max-width: 767px) {
  .marquee-card2 a {
  font-size:40px}
.marquee-card2 .marquee-icon {
  width:36px}
}
.marquee-slider3 {
  margin:0 -50px 0px}
.marquee-slider3 .swiper-wrapper {
  -webkit-transition-timing-function:linear;
  transition-timing-function:linear}
.marquee-slider3 .swiper-slide {
  width:auto;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.marquee-card3 {
  margin-bottom:0;
  padding:0;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  gap:30px}
.marquee-card3 .marquee-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;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}
.marquee-card3 a {
  font-size:84px;
  font-weight:600;
  font-family:var(--title-font);
  color:var(--th-border-color);
  display:inline-block;
  line-height:.75em;
  letter-spacing:.02em;
  position:relative;
  text-transform:uppercase}
.marquee-card3 a:hover {
  color:var(--title-color);
  text-shadow:-0.3px -0.3px 0 var(--white-color),.3px .3px var(--white-color)}

@media(max-width: 1199px) {
  .marquee-card3 a {
  font-size:64px;
  line-height:.85em}
.marquee-card3 .marquee-icon {
  width:50px}
}

@media(max-width: 767px) {
  .marquee-card3 a {
  font-size:50px}
.marquee-card3 .marquee-icon {
  width:46px}
}

@media(max-width: 767px) {
  .marquee-card3 a {
  font-size:40px}
.marquee-card3 .marquee-icon {
  width:36px}
}
.marquee-hero-slider {
  background:var(--white-color);
  padding:12px 0}
.marquee-hero-slider .swiper-wrapper {
  -webkit-transition-timing-function:linear;
  transition-timing-function:linear}
.marquee-hero-slider .swiper-slide {
  width:auto;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.marquee-hero-slider .marquee-card a {
  font-size:20px;
  font-weight:600;
  color:var(--title-color)}
.marquee-hero-slider .marquee-card a:hover {
  color:var(--theme-color)}
.categorySlider .swiper-pagination-bullets {
  max-width:15%;
  display:block;
  margin:auto;
  overflow:hidden;
  position:relative;
  bottom:20px;
  margin-bottom:10px}

@media(max-width: 1199px) {
  .categorySlider .swiper-pagination-bullets {
  bottom:30px}
}
.category-area .th-container {
  --main-container: 1750px}
.category-area .swiper .swiper-slide {
  width:312px}
.category-card {
  position:relative;
  text-align:center;
  margin-bottom:50px}
.category-card.style2 .box-img {
  border-radius:50%;
  border:10px solid var(--smoke-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.category-card.style2 .box-img img {
  border-radius:50%}
.category-card.style2:hover .box-img {
  border-color:var(--theme-color)}
.category-card.style5 .box-img {
  border-radius:200px;
  width:200px;
  height:300px}
.category-card.style5 .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:200px}
.category-card.style5 .box-title {
  font-size:24px;
  font-weight:600}
.category-card .box-img {
  border-radius:24px;
  margin-bottom:22px}
.category-card .box-img img {
  border-radius:24px;
  -webkit-transition:1.3s all ease;
  transition:1.3s all ease}
.category-card .sec-text {
  font-family:var(--style-font)}
.category-card.single .box-title {
  margin-bottom:5px}
.category-card.single .sec-text {
  padding:0 10px}
.category-card .line-btn {
  text-transform:capitalize;
  color:var(--body-color)}
.category-card .line-btn:before {
  display:none}
.category-card:hover .box-img img {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)}
.categorySlider2 {
  padding:0 10px;
  padding-top:15px}
.categorySlider2 .swiper-slide.swiper-slide-active {
  -webkit-transition:.4s;
  transition:.4s;
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)}
.categorySlider2 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:auto;
  overflow:hidden;
  position:relative}
.categorySlider2 .category-card .box-title {
  margin-bottom:10px}
.categorySlider6 {
  margin:0 -30px !important}

@media(max-width: 767px) {
  .categorySlider6 {
  margin:0 10px !important}
}
.categorySlider6 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:auto;
  overflow:hidden}
.categorySlider6 .swiper-pagination-progressbar {
  --swiper-pagination-progressbar-size: 2px;
  background:#e1e4e5;
  position:relative;
  margin-top:30px;
  margin-bottom:50px}
.categorySlider6 .th-swiper-custom {
  max-width:728px;
  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;
  gap:30px;
  margin:auto;
  margin-top:160px}

@media(max-width: 767px) {
  .categorySlider6 .th-swiper-custom {
  display:none}
}
.categorySlider6 .th-swiper-custom .swiper-pagination-bullets {
  position:relative;
  z-index:3;
  text-align:center;
  margin:25px 0 0px 0;
  line-height:10px;
  height:3px}
.categorySlider6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet {
  display:inline-block;
  --swiper-pagination-bullet-size: 24px;
  --swiper-pagination-bullet-horizontal-gap: 12px;
  margin:5px 7px;
  height:2px;
  opacity:1;
  border-radius:0;
  background-color:var(--white-color);
  border:1px solid var(--white-color);
  position:relative;
  -webkit-transition:.4s;
  transition:.4s;
  cursor:pointer}
.categorySlider6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:before {
  display:none}
.categorySlider6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.categorySlider6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:var(--title-color);
  border:1px solid var(--title-color)}
.categorySlider6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-left:0}
.categorySlider6 .th-swiper-custom .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right:0}
.categorySlider6 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background:var(--title-color)}
.categorySlider6 .slider-pagination .swiper-pagination-bullets .swiper-pagination-bullet {
  width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  background:var(--white-color);
  height:3px}
.categorySlider6 .slider-arrow {
  --icon-size: 64px;
  min-width:64px;
  background:rgba(250,252,244,.2);
  border:1px solid #e1e4e5;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-radius:36px;
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  opacity:1;
  visibility:visible;
  position:relative;
  left:unset}

@media(max-width: 1499px) {
  .categorySlider6 .slider-arrow {
  display:block !important}
}
.categorySlider6 .slider-arrow img {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-filter:brightness(0.9) invert(1);
  filter:brightness(0.9) invert(1)}
.categorySlider6 .slider-arrow.slider-next {
  right:unset;
  left:auto}
.categorySlider6 .slider-arrow:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.categorySlider6 .slider-arrow:hover img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.category-slider3 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:auto auto 10px auto;
  overflow:hidden}
.categorySlider4 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:auto;
  overflow:hidden}
.category-area3 .th-container {
  --main-container: 1689px}
.category-area4 .th-container {
  --main-container: 1656px}
.category-card {
  position:relative;
  text-align:center;
  margin-bottom:50px}
.category-card.style3 .box-img {
  border-radius:24px;
  border:10px solid var(--smoke-color);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.category-card.style3 .box-img img {
  border-radius:24px}
.category-card.style3:hover .box-img {
  border-color:var(--theme-color)}
.category-card.style4 {
  height:476px}

@media(max-width: 375px) {
  .category-card.style4 {
  height:100%}
}
.category-card.style4 .box-img {
  height:416px;
  -webkit-transition:all .6s ease;
  transition:all .6s ease;
  margin-bottom:30px}

@media(max-width: 375px) {
  .category-card.style4 .box-img {
  height:100%}
}
.category-card.style4 .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.category-card.style4 .box-content {
  text-align:left;
  margin-bottom:30px}
.category-card.style4 .box-wrapp {
  -webkit-transition:all .6s ease;
  transition:all .6s ease;
  opacity:1;
  overflow:hidden}
.category-card.style4 .box-wrapp .icon-btn {
  display:block}
.category-card.style4 .box-title {
  margin-bottom:7px}
.category-card.style4 .box-text {
  max-width:235px}
.category-card.style4:hover .box-img {
  height:312px}
.category-card .box-img {
  border-radius:24px;
  margin-bottom:22px}
.category-card .box-img img {
  border-radius:24px;
  -webkit-transition:1.3s all ease;
  transition:1.3s all ease}
.category-card .box-title {
  margin-bottom:0}
.category-card .line-btn {
  text-transform:capitalize;
  color:var(--body-color)}
.category-card .line-btn:before {
  display:none}
.category-card:hover .box-img img {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)}
.category-area2 {
  position:relative;
  z-index:1}

@media(max-width: 575px) {
  .category-3-titlebox .sub-title {
  font-size:20px}
}
.category-style-3 .category-card {
  margin-bottom:0}
.category-style-3 .box-title {
  margin-bottom:10px}
.accordion-card {
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  border-radius:4px;
  border:1px solid var(--title-color);
  overflow:hidden;
  background-color:rgba(0,0,0,0);
  text-align:left;
  position:relative;
  z-index:3}
.accordion-card:not(:last-child) {
  margin-bottom:24px}
.accordion-card .accordion-button {
  font-size:24px;
  font-weight:600;
  font-family:var(--title-font);
  border:0;
  color:var(--title-color);
  background-color:rgba(0,0,0,0);
  border-radius:0;
  padding:12px 45px 12px 30px;
  min-height:75px;
  gap:10px;
  margin-bottom:0;
  text-align:left;
  -webkit-transition:.3s;
  transition:.3s;
  position:relative}
.accordion-card .accordion-button:after {
  content:"";
  height:100%;
  width:auto;
  line-height:1;
  background-color:rgba(0,0,0,0);
  background-image:none;
  font-family:var(--icon-font);
  color:var(--white-color);
  font-weight:500;
  font-size:18px;
  display:grid;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;
  position:absolute;
  top:0;
  right:30px;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out}
.accordion-card .accordion-button:focus {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none}
.accordion-card .accordion-button:not(.collapsed) {
  -webkit-box-shadow:none;
  box-shadow:none}
.accordion-card .accordion-button:not(.collapsed):after {
  -webkit-transform:rotateX(180deg);
  transform:rotateX(180deg);
  color:var(--brand-color)}
.accordion-card .accordion-collapse {
  border:none}
.accordion-card .accordion-body {
  border-radius:0;
  border:none;
  padding:0px 30px 30px}
.accordion-card .faq-text {
  color:var(--th-border-color);
  margin-bottom:-0.48em;
  margin-top:-0.48em}
.accordion-card.style3 {
  border-radius:20px;
  border:0}
.accordion-card.style3 .accordion-button {
  font-size:18px;
  font-weight:500;
  border-radius:20px}
.accordion-card.style3 .accordion-button:after {
  content:"+"}
.accordion-card.style3 .accordion-button:not(.collapsed):after {
  content:""}

@media(max-width: 991px) {
  .accordion-card .accordion-button {
  font-size:20px;
  min-height:70px}
}

@media(max-width: 575px) {
  .accordion-card .accordion-button {
  padding:12px 45px 12px 20px}
.accordion-card .accordion-body {
  padding:0px 20px 30px}
}
.faq-img1 {
  margin-left:-180px;
  width:817px;
  height:617px}
.faq-img1.style2 {
  margin-left:-280px}

@media(max-width: 1399px) {
  .faq-img1.style2 {
  margin-left:0;
  width:100%;
  height:100%}
}

@media(max-width: 1399px) {
  .faq-img1 {
  margin-left:0;
  width:100%;
  height:100%}
}

@media(max-width: 1199px) {
  .faq-img1 {
  margin-bottom:30px}
}

@media(max-width: 575px) {
  .accordion-card .accordion-button {
  font-size:16px}
}
.faq-bg-image {
  position:absolute;
  top:0;
  right:-30px;
  width:737px;
  height:100%;
  z-index:1}
.faq-bg-image img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}

@media(max-width: 1299px) {
  .faq-bg-image {
  display:none}
}
.faq-area {
  position:relative;
  overflow:hidden}
.faq-area2 {
  max-width:1720px;
  display:block;
  margin:auto;
  background-color:#f8f8f8}
.faq-img2 {
  position:relative;
  z-index:2;
  margin-left:-80px}

@media(max-width: 1500px) {
  .faq-img2 {
  margin-left:0;
  margin-right:40px}
}

@media(max-width: 1199px) {
  .faq-img2 {
  margin:0 0 50px 0}
}
.faq-img2 .img1 {
  clip-path:polygon(55% 0px, 100% 38%, 100% 100%, 0px 100%, 0% 38%)}
.faq-img3 {
  position:relative}
.faq-img3::before {
  position:absolute;
  width:100%;
  height:507px;
  bottom:0;
  left:0;
  content:"";
  background:var(--brand-color);
  border-radius:30px}
.faq-img3 .img1 {
  position:relative;
  top:-22px}

@media(max-width: 1199px) {
  .faq-img3 .img1 {
  top:-8px;
  left:0;
  right:0;
  text-align:center}
}
.faq-img3 .img1 .faq-card {
  position:absolute;
  bottom:40px;
  border-radius:16px;
  right:30px}
.offer-deals-wrapp {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:40px}

@media(max-width: 1199px) {
  .offer-deals-wrapp {
  margin-bottom:60px}
}

@media(max-width: 767px) {
  .offer-deals-wrapp {
  display:block}
}
.accordion-item {
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  background:rgba(0,0,0,0);
  overflow:hidden;
  min-width:336px}

@media(max-width: 767px) {
  .accordion-item {
  min-width:100%}
}
.accordion-item_info {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.accordion-item_wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:40px}

@media(max-width: 575px) {
  .accordion-item_wrapp {
  display:block}
}
.accordion-item_number {
  border:1px solid var(--gray-color);
  width:69px;
  height:32px;
  padding:2px 24.5px;
  border-radius:30px;
  font-size:16px;
  font-weight:600;
  line-height:27px;
  color:var(--gray-color)}
.accordion-item_content {
  color:#fff;
  padding:0 30px 0px 110px;
  max-height:0;
  overflow:hidden;
  will-change:max-height;
  -webkit-transition:all 1s ease;
  transition:all 1s ease;
  opacity:0}

@media(max-width: 575px) {
  .accordion-item_content {
  padding:0 30px 0px 0px}
}
.accordion-item .box-title {
  margin-bottom:0}
.accordion-item i {
  font-size:20px;
  font-weight:400;
  color:var(--title-color);
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg)}

@media(max-width: 575px) {
  .accordion-item i {
  font-size:24px}
}
.accordion-item .accordion-button {
  font-size:30px;
  font-weight:600;
  font-family:var(--title-font);
  border:0;
  color:var(--title-color);
  background:rgba(0,0,0,0);
  padding:20px 0 20px 0;
  gap:10px;
  margin-bottom:0;
  text-align:left;
  display:block;
  -webkit-transition:.3s;
  transition:.3s;
  position:relative;
  border-radius:0 !important}
.accordion-item .accordion-button:after {
  display:none}
.accordion-item .accordion-button:focus {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none}
.accordion-item .accordion-button:not(.collapsed) {
  -webkit-box-shadow:none;
  box-shadow:none;
  border-bottom:none;
  background-color:rgba(0,0,0,0);
  padding:20px 0 0px 0}
.accordion-item .accordion-button:not(.collapsed) .accordion-item_number {
  border-color:var(--theme-color);
  color:var(--theme-color)}
.accordion-item .accordion-button:not(.collapsed) i {
  color:var(--theme-color);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
.accordion-item .accordion-button:not(.collapsed):after {
  content:""}
.accordion-item .accordion-button.collapsed {
  border-bottom:1px solid var(--gray-color)}
.accordion-item .accordion-collapse {
  border:none}
.accordion-item .accordion-collapse .accordion-body {
  border-color:var(--theme-color)}
.accordion-item .accordion-body {
  background-color:rgba(0,0,0,0);
  border:none;
  padding:0px;
  border-bottom:1px solid var(--gray-color)}
.accordion-item .faq-img {
  height:100%}
.accordion-item .faq-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.accordion-item-wrapp {
  padding:0}
.accordion-item-wrapp li {
  list-style:none}
.according-img-tab {
  position:absolute;
  right:40px;
  top:20px;
  -webkit-transition:all .6s ease-in-out;
  transition:all .6s ease-in-out}

@media(max-width: 1399px) {
  .according-img-tab {
  right:20px}
}

@media(max-width: 1299px) {
  .according-img-tab {
  top:0;
  max-width:250px}
}

@media(max-width: 1199px) {
  .according-img-tab {
  max-width:100%}
}

@media(max-width: 991px) {
  .according-img-tab {
  right:0}
}

@media(max-width: 767px) {
  .according-img-tab {
  position:relative;
  margin-top:50px}
}
.according-img-tab img {
  border-radius:16px;
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg);
  -webkit-transition:all 1.3s ease;
  transition:all 1.3s ease}
.faq-price {
  font-weight:500;
  font-size:18px;
  line-height:28px;
  letter-spacing:.02em;
  text-transform:capitalize;
  color:var(--theme-color);
  display:block;
  margin-bottom:10px}
.th-accordion_images {
  position:absolute;
  right:40px;
  top:10px;
  margin-top:35px}
.th-accordion_images img {
  opacity:0;
  visibility:hidden;
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out}
.th-accordion_images img.active {
  opacity:1;
  visibility:visible}
.th-accordion_images img {
  border-radius:16px;
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg);
  opacity:0;
  -webkit-transition:all 1.3s ease;
  transition:all 1.3s ease}
.th-accordion_images img:not(:first-child) {
  position:absolute;
  left:0;
  top:0}
.th-accordion_images img.active {
  opacity:1}
.offer-deals-counter {
  display:grid;
  grid-template-columns:auto auto auto auto;
  padding:0}

@media(max-width: 1299px) {
  .offer-deals-counter {
  grid-template-columns:auto auto;
  gap:20px}
}

@media(max-width: 1199px) {
  .offer-deals-counter {
  grid-template-columns:auto auto auto auto}
}

@media(max-width: 480px) {
  .offer-deals-counter {
  grid-template-columns:auto auto}
}

@media(max-width: 375px) {
  .offer-deals-counter {
  grid-template-columns:auto}
}
.offer-deals-counter li {
  position:relative;
  text-align:center;
  border-radius:50%;
  border:1px solid var(--theme-color);
  list-style:none;
  padding:30px 20px;
  width:114px}
.offer-deals-counter li:not(:last-child):before {
  content:":";
  position:absolute;
  right:-16%;
  top:35%;
  font-size:35px;
  color:var(--title-color);
  font-weight:700}

@media(max-width: 1399px) {
  .offer-deals-counter li:not(:last-child):before {
  right:-11%}
}

@media(max-width: 1299px) {
  .offer-deals-counter li:not(:last-child):before {
  display:none}
}
.offer-deals-counter li .count-number {
  font-weight:600;
  font-size:24px;
  letter-spacing:.02em;
  color:var(--title-color)}
.offer-deals-counter li .count-name {
  font-weight:400;
  color:var(--title-color)}
.th-loader {
  position:relative}
.loadcontent {
  display:none}
.faq-area4-bg-gradient {
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(41.64%, #0B59DB), color-stop(46.39%, rgba(11, 89, 219, 0.981868)), color-stop(47.25%, rgba(11, 89, 219, 0.976897)), color-stop(48.44%, rgba(11, 89, 219, 0.95837)), color-stop(50.26%, rgba(11, 89, 219, 0.945502)), color-stop(51.67%, rgba(11, 89, 219, 0.92888)), color-stop(53.42%, rgba(11, 89, 219, 0.916716)), color-stop(54.83%, rgba(11, 89, 219, 0.905828)), color-stop(56.13%, rgba(11, 89, 219, 0.894487)), color-stop(57.62%, rgba(11, 89, 219, 0.879662)), color-stop(59.67%, rgba(11, 89, 219, 0.862471)), color-stop(61.56%, rgba(11, 89, 219, 0.83)), color-stop(65.61%, rgba(11, 89, 219, 0.73)), color-stop(68.7%, rgba(11, 89, 219, 0.68)), color-stop(82.08%, rgba(11, 89, 219, 0.32)), color-stop(91.86%, rgba(255, 255, 255, 0)));
  background:linear-gradient(180deg, #0B59DB 41.64%, rgba(11, 89, 219, 0.981868) 46.39%, rgba(11, 89, 219, 0.976897) 47.25%, rgba(11, 89, 219, 0.95837) 48.44%, rgba(11, 89, 219, 0.945502) 50.26%, rgba(11, 89, 219, 0.92888) 51.67%, rgba(11, 89, 219, 0.916716) 53.42%, rgba(11, 89, 219, 0.905828) 54.83%, rgba(11, 89, 219, 0.894487) 56.13%, rgba(11, 89, 219, 0.879662) 57.62%, rgba(11, 89, 219, 0.862471) 59.67%, rgba(11, 89, 219, 0.83) 61.56%, rgba(11, 89, 219, 0.73) 65.61%, rgba(11, 89, 219, 0.68) 68.7%, rgba(11, 89, 219, 0.32) 82.08%, rgba(255, 255, 255, 0) 91.86%);
  z-index:-1}
.faq-img4 {
  margin-bottom:-30px}

@media(max-width: 1199px) {
  .faq-img4 {
  display:none}
}
.faq-wrap4 {
  border-radius:30px;
  max-width:1560px;
  margin-left:auto;
  margin-right:auto}
.faq4-form .sec-title {
  font-size:24px;
  width:600px}
.faq4-form .contact-form {
  background-color:var(--smoke-color);
  -webkit-box-shadow:none;
  box-shadow:none}
.faq4-form .form-group {
  margin-bottom:14px}
.faq4-form .form-btn .th-btn {
  width:100%;
  padding:15px 42px;
  border-radius:10px}
.faq4-form .form-btn .th-btn:hover {
  background-color:var(--white-color)}
.faq4-form input.form-control {
  height:56px}
.faq4-form textarea.form-control {
  min-height:115px}
.accordion-card.style4 {
  border:0;
  background:var(--smoke-color);
  border-radius:20px}
.accordion-card.style4 .faq-text {
  color:var(--body-color)}
.accordion-card.style4 .accordion-button {
  font-weight:600;
  font-size:18px;
  min-height:73px}
.accordion-card.style4 .accordion-button:after {
  color:var(--theme-color);
  content:"+"}
.accordion-card.style4 .accordion-button:not(.collapsed):after {
  content:""}
.accordion-card.style5 {
  border:0;
  background:var(--smoke-color);
  border-radius:24px}

@media(max-width: 767px) {
  .accordion-card.style5 {
  border-radius:16px}
}
.accordion-card.style5 .faq-text {
  color:var(--body-color)}
.accordion-card.style5 .accordion-button {
  font-weight:600;
  font-size:18px;
  min-height:73px;
  padding:12px 40px 12px 110px}

@media(max-width: 767px) {
  .accordion-card.style5 .accordion-button {
  padding:15px 80px 15px 30px;
  font-size:16px}
}
.accordion-card.style5 .accordion-button:after {
  content:"";
  right:auto;
  left:40px;
  top:13px;
  height:46px;
  width:30px;
  border-radius:40px;
  background:var(--white-color);
  color:var(--title-color);
  -webkit-box-shadow:0px 6px 15px rgba(0,0,0,.1);
  box-shadow:0px 6px 15px rgba(0,0,0,.1)}

@media(max-width: 767px) {
  .accordion-card.style5 .accordion-button:after {
  left:auto;
  right:30px}
}
.accordion-card.style5 .accordion-button:not(.collapsed):after {
  content:""}
.accordion-card.style5 .accordion-body {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:40px;
  padding:40px 40px 40px;
  border-top:1px solid var(--th-border-color)}

@media(max-width: 767px) {
  .accordion-card.style5 .accordion-body {
  display:block;
  padding:30px}
}
.accordion-card.style5 .accordion-body .faq-img-box4 {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  position:relative;
  padding:0 48px 98px 0}

@media(max-width: 767px) {
  .accordion-card.style5 .accordion-body .faq-img-box4 {
  margin-bottom:30px;
  padding:0 40px 40px 0}
}
.accordion-card.style5 .accordion-body .faq-img-box4 img {
  border-radius:10px;
  width:100%}
.accordion-card.style5 .accordion-body .faq-img-box4 .img2 {
  position:absolute;
  bottom:0;
  right:0}
.category-trips-single,
.category-trips-single-inner-wrap,
.category-feat-ribbon,
.category-feat-ribbon-txt {
  background-color:var(--theme-color2) !important;
  color:#fff !important}
.wpte-elementor-widget svg,
.wpte-trip-category svg,
.wpte-trip-category-title svg,
.wpte-icon svg {
  width:.5em}
.trip-facts-value li label {
  margin-top:0}
.wp-travel-engine-archive-outer-wrap .advanced-search-wrapper {
  -webkit-box-flex:0;
  -ms-flex:0 0 300px;
  flex:0 0 300px}
.category-trips-single.wpte_new-layout,
.category-trips-single-inner-wrap,
.category-trip-detail-wrap,
.category-trip-desti {
  min-width:275px}
.category-trips-single.wpte_new-layout,
.category-trips-single-inner-wrap,
.category-trip-prc-title-wrap {
  padding:0 30px 0 0}
.wp-travel-engine-archive-repeater-wrap,
.category-main-wrap {
  margin:0 0px;
  width:100%}
.category-list .category-trips-single-inner-wrap {
  border:1px solid #bcced2}
.category-list .category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn {
  border-radius:48px}
.category-list .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a,
.category-list .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper {
  border-radius:16px 0px 0 0px !important}
.category-list .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a .wpte-trip-feat-img-gallery .owl-item img,
.category-list .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper .wpte-trip-feat-img-gallery .owl-item img {
  border-radius:16px 0px 0 0}
.category-trip-desc {
  color:var(--body-color)}
.category-trips-single-inner-wrap {
  position:relative;
  background-color:var(--white-color);
  border:1px solid #bcced2;
  border-top:rgba(0,0,0,0);
  border-radius:16px !important;
  overflow:hidden}
.wp-travel-toolbar {
  padding:24px !important;
  padding-top:0;
  padding-right:24px;
  border:1px solid var(--gray-color);
  border-radius:8px;
  margin-bottom:24px}
.wp-travel-toolbar span {
  font-size:16px}
.wp-travel-toolbar .wpte-trip__adv-field {
  font-size:16px;
  color:var(--title-color)}
.wp-travel-toolbar .wte-ordering .wpte-trip__adv-field .wpte__select-options ul {
  overflow:hidden}
.wp-travel-toolbar .wte-ordering .wpte-trip__adv-field .wpte__select-options ul li {
  padding:7px 8px;
  color:var(--title-color)}
.wp-travel-toolbar .wte-filterby-dropdown:before {
  display:none}
.wp-travel-toolbar .wte-view-modes ul {
  border:1px solid #e9f6f9;
  border-radius:4px;
  padding:4px}
.wp-travel-toolbar .wte-view-modes ul li {
  display:inline-block;
  height:32px;
  width:32px;
  line-height:32px;
  border:0;
  background-color:rgba(0,0,0,0);
  text-align:center;
  position:relative;
  font-family:var(--title-font);
  font-weight:600;
  font-size:16px;
  text-transform:capitalize;
  color:var(--body-color);
  border-radius:5px;
  margin:0}
.wp-travel-toolbar .wte-view-modes ul li.active {
  color:var(--white-color);
  background:var(--theme-color)}
.wp-travel-toolbar .wte-view-modes ul li.active a {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.wp-travel-toolbar .wte-view-modes ul li a {
  height:32px !important;
  width:32px !important;
  line-height:32px}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a,
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper {
  border-radius:16px 16px 0 0 !important}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a .wpte-trip-feat-img-gallery .owl-item,
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper .wpte-trip-feat-img-gallery .owl-item {
  position:relative;
  overflow:hidden;
  -webkit-transition:1.3s all ease;
  transition:1.3s all ease}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a .wpte-trip-feat-img-gallery .owl-item:before,
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper .wpte-trip-feat-img-gallery .owl-item:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(88.18%, rgba(0, 0, 0, 0.2)));
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 88.18%)}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a .wpte-trip-feat-img-gallery .owl-item:after,
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper .wpte-trip-feat-img-gallery .owl-item:after {
  background:hsla(0,0%,100%,.5);
  content:"";
  height:0;
  left:0;
  opacity:1;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:9}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a .wpte-trip-feat-img-gallery .owl-item img,
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper .wpte-trip-feat-img-gallery .owl-item img {
  position:absolute;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:16px 16px 0 0;
  overflow:hidden;
  -webkit-transition:1.3s all ease;
  transition:1.3s all ease}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a:hover .wpte-trip-feat-img-gallery .owl-item img,
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper:hover .wpte-trip-feat-img-gallery .owl-item img {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig>a:hover .wpte-trip-feat-img-gallery .owl-item:after,
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .wpte-gallery-wrapper:hover .wpte-trip-feat-img-gallery .owl-item:after {
  height:100%;
  opacity:0;
  -webkit-transition:all .4s linear;
  transition:all .4s linear}
.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-title {
  font-size:20px;
  color:var(--black-color2)}
.category-trips-single .category-trips-single-inner-wrap .category-trip-discount {
  padding:7px 16px !important;
  font-weight:400 !important}
.category-trips-single .category-trips-single-inner-wrap .wishlist-toggle.active svg path {
  fill:#1ca8cb}
.category-trips-single .category-trips-single-inner-wrap .price-holder .actual-price {
  font-size:28px;
  font-weight:600;
  color:var(--black-color2)}
.category-trips-single .category-trips-single-inner-wrap .price-holder .striked-price {
  font-size:14px;
  font-weight:400;
  font-family:var(--body-font);
  color:var(--body-color)}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-dates span {
  font-size:14px}
.category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn {
  position:relative;
  background-color:var(--theme-color);
  font-weight:500;
  padding:18.8px 35px;
  color:var(--white-color);
  font-size:16px;
  border-radius:48px;
  text-transform:capitalize;
  overflow:hidden}
.category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn:before {
  content:"";
  width:0;
  height:100%;
  border-radius:30em;
  position:absolute;
  top:0;
  left:-5%;
  background-color:var(--title-color);
  -webkit-transition:.5s ease;
  transition:.5s ease;
  display:block;
  z-index:-1}
.category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn:hover,
.category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn.active {
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none}
.category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn:hover.th-icon i,
.category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn.active.th-icon i {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
.category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn:hover:before,
.category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn.active:before {
  width:110%}
.wpte-elementor-widget .category-slider,
.wpte-elementor-widget .category-slider:not(.full-width) {
  margin:0 15px}

@media(max-width: 767px) {
  .wpte-elementor-widget .category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-prc-wrap>* {
  max-width:100%;
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto;
  border-left:0;
  padding-left:0}
}
.wpte-trip-category .wpte-trip-category-img-wrap .wpte-trip-category-overlay {
  background-color:rgba(28,168,203,.8)}
.wpte-trip-category .wpte-trip-category-img-wrap .wpte-trip-category-btn .wpte-trip-cat-btn {
  border-radius:48px}
.page-content {
  display:none}
#wp-travel-trip-wrapper {
  padding-top:var(--section-space);
  padding-bottom:var(--section-space)}

@media(max-width: 991px) {
  #wp-travel-trip-wrapper {
  padding-top:65px}
}
#wp-travel-trip-wrapper .page-title {
  font-size:48px}
.post-type-archive .wp-travel-engine-archive-outer-wrap,
.tax-destination .wp-travel-engine-archive-outer-wrap,
.tax-activities .wp-travel-engine-archive-outer-wrap,
.tax-trip_types .wp-travel-engine-archive-outer-wrap {
  padding-top:0;
  padding-bottom:20px}
.tax-trip_types .wp-travel-engine-archive-outer-wrap {
  padding-top:0;
  padding-bottom:20px}
.single-trip .trip-content-area {
  padding-top:120px}
.wp-travel-engine-archive-repeater-wrap .category-main-wrap .category-trips-single {
  padding:0px 0px}
.category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .button:hover,
.category-list .category-trips-single .category-trips-single-inner-wrap .category-trip-viewmre-btn:hover {
  background-color:var(--theme-color)}
.category-list .category-trips-single:last-of-type {
  margin-bottom:32px}

@media(max-width: 767px) {
  .single-trip .entry-header .entry-title {
  font-size:24px}
.single-trip .trip-content-area {
  padding-top:80px}
.wte-related-trips-wrapper {
  padding-bottom:76px}
}
.trip-search-result .wp-travel-engine-archive-outer-wrap {
  max-width:1320px;
  width:100%;
  padding:105px 15px 90px 15px;
  margin:0 auto}

@media(max-width: 767px) {
  .trip-search-result .wp-travel-engine-archive-outer-wrap {
  padding:0px 15px 80px 15px}
}
.page-header .page-title {
  font-size:48px}
.wpte-booking-area .wpte-bf-discount-tag,
.category-trips-single .category-trips-single-inner-wrap .category-trip-discount {
  background:var(--theme-color) !important}
.trip-pagination {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}

@media(max-width: 991px) {
  .trip-pagination {
  margin:0px !important}
}
.trip-pagination .page-numbers {
  background-color:rgba(0,0,0,0);
  border:1px solid var(--theme-color);
  border-radius:6px;
  min-width:50px;
  min-height:50px;
  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;
  color:var(--title-color)}
.trip-pagination .page-numbers:hover {
  background-color:var(--theme-color);
  color:var(--white-color)}
.trip-pagination .page-numbers.current {
  background-color:var(--theme-color);
  color:var(--white-color)}
.trip-pagination .pagination {
  margin-bottom:0}
.page-header {
  display:none}
.category-trips-single .category-trips-single-inner-wrap .category-feat-ribbon .category-feat-ribbon-txt::before {
  display:none !important}
.wte-coupon-whole-wrap .coupon .wp-travel-engine-coupons-apply-btn:hover,
.wpte-bf-checkout .wpte-bf-checkout-form form .wpte-bf-submit input[type=submit]:hover,
.wte-process-layout .wte-process-tab-controller .wte-process-btn-next:hover,
.wte-process-layout .wte-process-tab-controller .wte-process-btn-next:hover {
  opacity:1;
  background-color:var(--theme-color2);
  border-color:var(--theme-color2)}
.wpte-trip-category .wpte-trip-category-img-wrap figure {
  border-radius:10px}
.vs-comment-form #respond {
  padding-top:0px}

@media(max-width: 1199px) {
  .category-trips-single .category-trips-single-inner-wrap .price-holder {
  -webkit-box-align:start !important;
  -ms-flex-align:start !important;
  align-items:flex-start !important;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  gap:2px}
}

@media(max-width: 991px) {
  .wp-travel-engine-archive-outer-wrap {
  padding:0px 0px 80px 0px}
.category-trips-single .category-trips-single-inner-wrap .price-holder>span+span {
  margin-left:0px !important}
.category-list .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti,
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti {
  margin-bottom:30px !important;
  max-width:100% !important}
}

@media(max-width: 767px) {
  .category-list .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti {
  padding-right:0;
  margin-bottom:30px;
  min-width:100%}
}

@media(max-width: 575px) {
  .wp-travel-engine-archive-outer-wrap {
  display:block !important}
}
.category-trips-single .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-avl-tip-inner-wrap .category-available-months {
  color:var(--black-color2)}
.wptravelengine_css_v2 .advanced-search-wrapper .sidebar {
  padding:var(--widget-padding-y, 30px) var(--widget-padding-x, 30px);
  background-color:var(--white-color);
  border:1px solid var(--gray-color);
  border-radius:8px;
  margin-bottom:40px;
  position:relative;
  -webkit-box-shadow:none !important;
  box-shadow:none !important}
.single-trip .entry-header .entry-title {
  font-size:40px;
  font-weight:600}
.single-trip .wpte-trip-feat-img-gallery img {
  height:500px;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:8px}
.wpte-booking-area .wpte-bf-btn.wte-book-now {
  position:relative}
.wpte-booking-area .wpte-bf-btn.wte-book-now:before {
  content:"";
  width:0;
  height:100%;
  border-radius:30em;
  position:absolute;
  top:0;
  left:-5%;
  background-color:var(--title-color) !important;
  -webkit-transition:.5s ease;
  transition:.5s ease;
  display:block;
  z-index:-1}
.wpte-booking-area .wpte-bf-btn.wte-book-now:hover,
.wpte-booking-area .wpte-bf-btn.wte-book-now.active {
  color:var(--white-color);
  -webkit-box-shadow:none;
  box-shadow:none;
  background-color:var(--title-color) !important}
.wpte-booking-area .wpte-bf-btn.wte-book-now:hover:before,
.wpte-booking-area .wpte-bf-btn.wte-book-now.active:before {
  width:110%}
.wpte-booking-area .wpte-booking-footer-text {
  padding:24px 10px 24px 24px !important;
  text-align:left !important}
#tabs-container .tab-content label {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:0;
  margin-top:0}
.expand-all-button input[type=checkbox] {
  visibility:visible;
  opacity:1;
  padding:0;
  width:56px !important;
  height:26px !important}
.wrapper--style,
.wptravelengine_css_v2 #tabs-container,
.wte_enquiry_contact_form,
.wte-trip-facts {
  border:1px solid #bcced2;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none}
.wrapper--style input.enquiry-submit:hover,
.wptravelengine_css_v2 #tabs-container input.enquiry-submit:hover,
.wte_enquiry_contact_form input.enquiry-submit:hover,
.wte-trip-facts input.enquiry-submit:hover {
  border-color:var(--title-color);
  background-color:var(--title-color);
  color:var(--white-color)}
.wpte-tabs-container.fixed-header .nav-tab-wrapper {
  display:none !important}
.wpte-dashboard .wpte-lrf-content-area .wpte-bookings-contents .wpte-booked-trip-wrap .wpte-booked-trip-content .wpte-booked-trip-buttons-right a {
  font-size:14px;
  font-weight:400}
.wpte-dashboard .wpte-lrf-content-area .wpte-lrf-form .wpte-lrf-field.lrf-submit .wpte-lrf-btn {
  font-weight:400;
  padding:14px 24px;
  font-size:14px}
.wpte-booking-details-wrapper .wpte-trip-link {
  font-size:16px;
  font-weight:500}
.hero-9 h3 {
  display:none}
.wpte-trip-sfilter-wrapper .wpte-trip__search-fields .wpte__select-field {
  width:100%}
.elementor-page .wpte-elementor-widget .wishlist-toggle.active svg path {
  fill:#1ca8cb}
.elementor-page .wpte-elementor-widget .wpte-card__price .striked-price {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:4px;
  color:#1ca8cb;
  font-size:var(--_p-fs-s);
  font-weight:var(--_p-fw-s)}
.duration-slider-value {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.cost-slider-value {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.ui-slider .ui-slider-handle {
  width:16px;
  height:16px;
  border-radius:50%;
  background:none;
  border:none;
  background-color:#fff;
  top:-7px;
  margin-left:0;
  border:3px solid var(--primary-color)}
.class-wte-advanced-search-wrapper .advanced-search-field {
  height:42px}
.class-wte-advanced-search-wrapper .advanced-search-field {
  padding:0 10px}
.class-wte-advanced-search-wrapper .advanced-search-field.search-dur.show {
  padding:0 10px;
  background-color:var(--white-color);
  height:80px;
  margin-top:8px;
  border:1px solid #e1e4e5;
  -webkit-filter:drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.09));
  filter:drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.09));
  border-radius:2px;
  border-bottom:4px solid var(--theme-color);
  position:relative;
  padding:10px}
.ui-slider {
  height:6px;
  border-radius:16px;
  background-color:#e1e4e5;
  margin:12px 8px}
.ui-slider .ui-slider-range {
  height:6px;
  border-radius:16px;
  background:none;
  border:none;
  background-color:var(--primary-color)}
.hero-booking .advanced-search-field strong {
  padding:7px 20px !important}
.ui-slider .ui-slider-handle {
  top:-5px;
  margin-left:-6px;
  border:3px solid var(--primary-color)}
.class-wte-advanced-search-wrapper .advanced-search-field.show {
  padding:0 10px;
  background-color:var(--white-color);
  height:80px;
  margin-top:8px;
  border:1px solid #e1e4e5;
  -webkit-filter:drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.07));
  filter:drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.07));
  border-radius:2px;
  border-bottom:4px solid var(--theme-color);
  position:relative;
  padding:10px}
.wpte-trip__adv-field.wpte__select-field.options-open .wpte__select-options {
  visibility:visible;
  opacity:1;
  -webkit-transform:translateY(0) scaleY(1);
  transform:translateY(0) scaleY(1);
  border:1px solid #e1e4e5;
  padding:48px 30px 25px 30px;
  margin-top:15px}
.service-inner-img {
  border-radius:10px}
.service-inner-img img {
  border-radius:10px}
.service-img {
  border-radius:8px}
.service-img img {
  border-radius:8px}
.resort-grid-list {
  display:grid;
  grid-template-columns:auto auto auto auto auto;
  border:1px solid #e1e4e5;
  border-radius:8px;
  padding:40px 20px;
  list-style:none;
  margin:0;
  gap:20px}

@media(max-width: 1399px) {
  .resort-grid-list {
  grid-template-columns:auto auto auto auto}
}

@media(max-width: 1199px) {
  .resort-grid-list {
  grid-template-columns:auto auto auto}
}

@media(max-width: 767px) {
  .resort-grid-list {
  grid-template-columns:auto auto}
}

@media(max-width: 575px) {
  .resort-grid-list {
  grid-template-columns:auto}
}
.resort-grid-list li {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:12px}
.resort-grid-list li .resort-grid-list-icon {
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  width:50px;
  height:50px;
  line-height:45px;
  border-radius:4px;
  border:1px solid #e1e4e5;
  text-align:center}
.resort-grid-list li .resort-grid-list-title {
  font-size:16px;
  font-weight:500;
  color:var(--black-color2);
  margin-bottom:0}
.resort-grid-list li .resort-grid-list-text {
  font-size:14px;
  font-weight:400;
  color:var(--gray-color);
  margin-bottom:-0.3em}
.service-title-box .sec-title {
  margin-bottom:15px}

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

@media(max-width: 1199px) {
  .service-title-box .sec-title {
  font-size:35px}
}

@media(max-width: 767px) {
  .service-title-box .sec-title {
  font-size:28px}
}
.service-title-box .sec-text {
  margin:0 70px}

@media(max-width: 991px) {
  .service-title-box .sec-text {
  margin:0 20px}
}

@media(max-width: 767px) {
  .service-title-box .sec-text br {
  display:none}
}
.service-style-1 .service-img {
  overflow:hidden;
  border-radius:16px 16px 0 0}
.service-style-1 .service-img a {
  display:block}
.service-style-1 .service-img a img {
  width:100%;
  -webkit-transition:1.4s;
  transition:1.4s;
  border-radius:16px 16px 0 0}
.service-style-1 .service-content {
  border-top:0;
  padding:30px 27px;
  border-radius:0 0 16px 16px;
  background-color:var(--white-color);
  border:1px solid var(--th-border-color);
  -webkit-transition:.4s;
  transition:.4s}
.service-style-1 .service-content .th-btn {
  font-size:14px;
  padding:10px 24.5px}
.service-style-1 .th-btn {
  border:1px solid var(--th-border-color)}
.service-style-1 .th-btn i {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:.4s;
  transition:.4s}
.service-style-1 .th-btn:hover i {
  -webkit-transform:rotate(0);
  transform:rotate(0)}
.service-style-1:hover .service-img a img {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)}
.service-style-1:hover .service-content {
  -webkit-box-shadow:0 20px 20px 0 hsla(0,0%,80%,.25);
  box-shadow:0 20px 20px 0 hsla(0,0%,80%,.25)}
.service-list {
  position:relative;
  height:636px;
  border-radius:24px;
  z-index:2;
  -webkit-transition:.7s ease-in-out;
  transition:.7s ease-in-out;
  cursor:pointer;
  overflow:hidden}

@media(max-width: 991px) {
  .service-list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-height:160px}
}
.service-list:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(11, 20, 34, 0)), to(#0b1422));
  background:linear-gradient(180deg, rgba(11, 20, 34, 0) 0%, #0b1422 100%);
  border-radius:24px;
  z-index:-1}
.service-list-area {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:24px}

@media(max-width: 991px) {
  .service-list-area {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
}

@media(max-width: 1199px) {
  .service-list .service-content {
  bottom:18%;
  left:20px}
}

@media(max-width: 991px) {
  .service-list .service-content {
  left:20px;
  bottom:25%}
}
.service-list .service-content.g4-content {
  width:88%;
  opacity:0;
  visibility:hidden;
  bottom:40px;
  left:-100px;
  right:40px;
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}

@media(max-width: 575px) {
  .service-list .service-content.g4-content {
  left:20px;
  right:20px}
}
.service-list-wrap {
  -webkit-box-flex:100%;
  -ms-flex:100%;
  flex:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all .3s linear;
  transition:all .3s linear}
.service-list-wrap.style2.active {
  -webkit-box-flex:205%;
  -ms-flex:205%;
  flex:205%}
.service-list-wrap.style3 .service-list:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(17, 61, 72, 0)), color-stop(54.5%, rgba(3, 12, 14, 0.480252)), color-stop(79.33%, rgba(0, 0, 0, 0.6)));
  background:linear-gradient(180deg, rgba(17, 61, 72, 0) 0%, rgba(3, 12, 14, 0.480252) 54.5%, rgba(0, 0, 0, 0.6) 79.33%);
  border-radius:24px;
  z-index:-1}
.service-list-wrap.style3 .service-content {
  opacity:0;
  -webkit-transform:none;
  transform:none;
  bottom:-30px;
  left:40px}

@media(max-width: 1199px) {
  .service-list-wrap.style3 .service-content {
  left:20px;
  bottom:-20px}
}
.service-list-wrap.style3 .service-subtitle {
  font-weight:500;
  font-size:14px;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#f8bc22;
  display:block;
  margin-bottom:10px}
.service-list-wrap.style3 .icon-btn {
  background-color:rgba(0,0,0,0);
  border:none;
  font-size:18px;
  width:50px;
  height:50px;
  line-height:50px;
  border:1px solid var(--white-color);
  border-radius:50%;
  color:var(--white-color);
  position:absolute;
  right:24px;
  top:24px;
  z-index:2;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out}
.service-list-wrap.style3 .icon-btn:hover {
  background-color:var(--theme-color);
  border-color:var(--theme-color)}
.service-list-wrap.style3.active .service-content {
  opacity:1}
.service-list-wrap.style3.active .icon-btn {
  opacity:1;
  visibility:visible}
.service-list-wrap.active {
  -webkit-box-flex:324%;
  -ms-flex:324%;
  flex:324%}

@media(max-width: 1199px) {
  .service-list-wrap.active {
  max-width:100%}
}

@media(max-width: 991px) {
  .service-list-wrap.active .service-list {
  max-height:345px}
}
.service-list-wrap.active .th-btn {
  opacity:1;
  visibility:visible}
.service-list-wrap.active .case-action.g4-bgn {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)}
.service-list-wrap.active .box-content {
  visibility:visible;
  opacity:1;
  width:100%;
  max-height:325px}
.service-list-wrap.active .service-icon {
  top:61%}

@media(max-width: 1199px) {
  .service-list-wrap.active .service-icon {
  top:50%}
}

@media(max-width: 991px) {
  .service-list-wrap.active .service-icon {
  top:10%;
  opacity:1;
  visibility:visible}
}
.service-list-wrap.active .service-content {
  left:40px;
  bottom:40px;
  -webkit-transform:none;
  transform:none}

@media(max-width: 1199px) {
  .service-list-wrap.active .service-content {
  left:20px;
  bottom:20px}
}
.service-list-wrap.active .g4-content {
  opacity:1;
  visibility:visible;
  left:40px}

@media(max-width: 1199px) {
  .service-list-wrap.active .g4-content {
  left:20px}
}

@media(max-width: 1199px) {
  .service-list-wrap.sv-list2.active .service-content {
  left:20px;
  bottom:90px}
}
.service-list .service-icon {
  position:absolute;
  width:100px;
  height:100px;
  top:24px;
  left:35px;
  text-align:center;
  line-height:100px;
  display:inline-block;
  background-color:var(--white-color);
  border-radius:50%;
  -webkit-transition:all .8s ease-in-out;
  transition:all .8s ease-in-out}

@media(max-width: 1199px) {
  .service-list .service-icon {
  left:20px}
}

@media(max-width: 991px) {
  .service-list .service-icon {
  opacity:0;
  visibility:hidden}
}
.service-list .service-content {
  position:absolute;
  width:335px;
  right:-50px;
  left:auto;
  bottom:157px;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transition:all .8s ease-in-out;
  transition:all .8s ease-in-out}

@media(max-width: 1299px) {
  .service-list .service-content {
  width:290px}
}

@media(max-width: 1199px) {
  .service-list .service-content {
  right:-53%}
}

@media(max-width: 991px) {
  .service-list .service-content {
  -webkit-transform:rotate(0);
  transform:rotate(0);
  bottom:20px;
  left:20px}
}

@media(max-width: 375px) {
  .service-list .service-content {
  width:250px}
}
.service-list .box-title {
  font-weight:700;
  font-size:24px;
  line-height:40px;
  letter-spacing:.02em;
  color:var(--white-color);
  margin-bottom:0}

@media(max-width: 375px) {
  .service-list .box-title {
  font-size:18px;
  line-height:28px}
}
.service-list .service-subtitle {
  color:var(--white-color)}
.service-list .th-btn {
  position:absolute;
  right:40px;
  bottom:40px;
  padding:10px 30px;
  opacity:0;
  visibility:hidden}

@media(max-width: 1199px) {
  .service-list .th-btn {
  right:20px;
  bottom:20px;
  padding:10px 20px}
}
.service-list .box-icon {
  padding:30px 40px;
  border-bottom:3px solid var(--white-color)}
.service-list .box-content {
  visibility:hidden;
  opacity:0;
  width:100%;
  max-height:0;
  padding:30px 30px 40px 40px;
  overflow:hidden}
.service-title {
  font-weight:500;
  font-size:18px;
  line-height:28px;
  letter-spacing:.02em;
  color:var(--theme-color)}
.service-item {
  background-color:var(--smoke-color);
  border-radius:16px;
  text-align:center}
.service-item_img {
  border-radius:16px 16px 0px 0px}

@media(max-width: 991px) {
  .service-item_img {
  margin-bottom:0}
}
.service-item .service-content {
  padding:30px 0 24px 0}
.service-item .box-title {
  color:var(--black-color2);
  margin-bottom:30px}

@media(max-width: 1399px) {
  .service-item .box-title {
  font-size:20px}
}
.service-item .service-text {
  color:var(--black-color2);
  margin-bottom:20px}
.service-item .th-btn {
  padding:10px 25px;
  border:1px solid var(--theme-color);
  font-weight:500}
.service-item .th-btn:after {
  -webkit-mask-image:url("../img/icon/arrow-right2.svg");
  mask-image:url("../img/icon/arrow-right2.svg");
  width:15px;
  height:15px}
.service-item img {
  width:100%}
.service-item2 {
  position:relative;
  border-radius:24px;
  overflow:hidden}
.service-item2 .box-img {
  position:relative;
  border:10px solid hsla(0,0%,100%,.5);
  border-radius:24px;
  overflow:hidden;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 991px) {
  .service-item2 .box-img {
  margin-bottom:0}
}
.service-item2 .box-img:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(44.5%, rgba(4, 4, 4, 0)), to(rgba(13, 13, 12, 0.6)));
  background:linear-gradient(180deg, rgba(4, 4, 4, 0) 44.5%, rgba(13, 13, 12, 0.6) 100%);
  border-radius:24px;
  z-index:10}
.service-item2 .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.service-item2 .box-content {
  position:absolute;
  left:34px;
  bottom:34px;
  z-index:11}
.service-item2 .box-title {
  color:var(--white-color);
  font-size:28px;
  font-weight:600;
  margin-bottom:5px}

@media(max-width: 991px) {
  .service-item2 .box-title {
  font-size:22px}
}
.service-item2 .box-text {
  color:var(--white-color);
  display:block}
.service-item2:hover .box-img {
  border-color:var(--white-color)}
.service-btn .th-btn {
  padding:19px 30px}
.service-title {
  font-weight:500;
  font-size:18px;
  line-height:28px;
  letter-spacing:.02em;
  color:var(--theme-color)}
.service-3-text {
  margin-left:40px;
  margin-top:-25px}

@media(max-width: 1199px) {
  .service-3-text {
  margin-left:0;
  margin-top:-10px}
}

@media(max-width: 1199px) {
  .service-3-titlebox {
  margin-bottom:0}
}
.service-3-btn .th-btn {
  padding:19px 30px}
.service-item {
  background-color:var(--smoke-color);
  border-radius:16px;
  text-align:center}
.service-item.style3 .service-content {
  padding:24px 23px}
.service-item.style3 .service-text {
  color:var(--body-color)}
.service-item.style3 .box-title {
  margin-bottom:10px}
.service-item.style3 .th-btn {
  border-color:var(--body-color)}
.service-item_img {
  border-radius:16px 16px 0px 0px}

@media(max-width: 991px) {
  .service-item_img {
  margin-bottom:0}
}
.service-item .service-content {
  padding:30px 0 24px 0}
.service-item .box-title {
  color:var(--black-color2);
  margin-bottom:0}
.service-item .service-text {
  color:var(--black-color2);
  margin-bottom:20px}
.service-item .th-btn {
  padding:10px 25px;
  border:1px solid var(--theme-color);
  font-weight:500}
.service-item .th-btn:after {
  -webkit-mask-image:url("../img/icon/arrow-right2.svg");
  mask-image:url("../img/icon/arrow-right2.svg");
  width:15px;
  height:15px}
.service-item2 {
  position:relative;
  border-radius:24px;
  overflow:hidden}
.service-item2 .box-img {
  position:relative;
  border:10px solid hsla(0,0%,100%,.5);
  border-radius:24px;
  overflow:hidden;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 991px) {
  .service-item2 .box-img {
  margin-bottom:0}
}
.service-item2 .box-img:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(44.5%, rgba(4, 4, 4, 0)), to(rgba(13, 13, 12, 0.6)));
  background:linear-gradient(180deg, rgba(4, 4, 4, 0) 44.5%, rgba(13, 13, 12, 0.6) 100%);
  border-radius:24px;
  z-index:10}
.service-item2 .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.service-item2 .box-content {
  position:absolute;
  left:34px;
  bottom:34px;
  z-index:11}
.service-item2 .box-title {
  color:var(--white-color);
  font-size:28px;
  font-weight:600;
  margin-bottom:5px}

@media(max-width: 991px) {
  .service-item2 .box-title {
  font-size:22px}
}
.service-item2 .box-text {
  color:var(--white-color);
  display:block}
.service-item2:hover .box-img {
  border-color:var(--white-color)}
.service-item.style4 {
  padding:20px;
  background:var(--white-color);
  border-radius:30px}
.service-item.style4 .service-icon img {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.service-item.style4:hover .service-icon img {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)}
.service-item.style4 .service-item:hover .service-img a img {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)}
.service-item.style4 .service-img a img {
  width:100%;
  overflow:hidden;
  border-radius:20px;
  -webkit-transition:1.3s all ease;
  transition:1.3s all ease}
.service-item.style4 .service-icon {
  position:absolute;
  width:100px;
  height:100px;
  bottom:-50px;
  right:20px;
  line-height:75px;
  border-radius:100px;
  border:10px solid var(--white-color);
  background:var(--theme-color)}

@media(max-width: 991px) {
  .service-item.style4 .service-icon {
  bottom:-30px}
}

@media(max-width: 767px) {
  .service-item.style4 .service-icon {
  bottom:-50px}
}

@media(max-width: 575px) {
  .service-item.style4 .service-icon {
  bottom:-30px}
}
.service-item.style4 .service-icon img {
  width:auto}
.service-item.style4 .service-content {
  padding:30px 10px;
  padding-bottom:10px}

@media(max-width: 1299px) {
  .service-item.style4 .service-content {
  padding:50px 10px 30px 10px}
}
.service-item.style4 .service-text {
  color:var(--body-color);
  line-height:1.6;
  font-family:var(--title-font);
  margin-bottom:30px}
.service-item.style4 .box-title {
  margin-bottom:8px}
.service-item.style4 .th-btn {
  border:1px solid var(--th-border-color);
  border-radius:50px}
.service-4-title-box .sec-title {
  text-transform:capitalize}
.service-card.style5 {
  height:476px}
.service-card.style5 .box-img {
  height:416px;
  -webkit-transition:all .6s ease;
  transition:all .6s ease;
  margin-bottom:30px}
.service-card.style5 .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.service-card.style5 .box-content {
  text-align:left}
.service-card.style5 .box-wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-transition:all .6s ease;
  transition:all .6s ease;
  height:0;
  opacity:0;
  overflow:hidden}
.service-card.style5 .box-title {
  margin-bottom:7px}
.service-card.style5 .box-text {
  max-width:235px}
.service-card.style5:hover .box-img {
  height:312px}
.service-card.style5:hover .box-wrapp {
  height:100%;
  opacity:1;
  overflow:visible}
.service-content.sv-content6 .th-btn {
  border-radius:50px}
.service-card.style6 .box-img {
  border-radius:200px;
  width:200px;
  height:300px;
  margin-bottom:24px}
.service-card.style6 .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:200px}
.service-card.style6 .icon {
  position:relative;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  margin:auto;
  border-radius:50%;
  background:var(--theme-color);
  margin-top:-50px;
  -webkit-transition:.4s;
  transition:.4s;
  opacity:0;
  visibility:hidden}
.service-card.style6 .icon a {
  display:block;
  color:var(--white-color)}
.service-card.style6 .icon:hover {
  background:var(--title-color);
  color:var(--white-color)}
.service-card.style6 .service-content {
  -webkit-transition:.4s;
  transition:.4s}
.service-card.style6 .box-title {
  font-size:20px;
  font-weight:600}
.service-card.style6:hover .icon {
  opacity:1;
  visibility:visible}
.service-card.style6:hover .service-content {
  margin-top:24px}
.service7-list.active {
  -webkit-box-flex:208%;
  -ms-flex:208%;
  flex:208%}
.service7-list .service-list .service-content {
  right:65px}

@media(max-width: 1299px) {
  .service7-list .service-list .service-content {
  right:50px;
  bottom:130px}
}

@media(max-width: 1199px) {
  .service7-list .service-list .service-content {
  width:330px;
  right:-20px;
  bottom:170px}
}

@media(max-width: 575px) {
  .service7-list .service-list .service-content {
  width:300px}
}

@media(max-width: 375px) {
  .service7-list .service-list .service-content {
  width:250px}
}
.sv-card7 {
  padding:16px;
  border:1px solid var(--th-border-color);
  border-radius:16px;
  -webkit-transition:.4s;
  transition:.4s;
  padding-bottom:27px}
.sv-card7 .service-img {
  border-radius:10px;
  margin-bottom:30px}
.sv-card7 .sv-content6 {
  padding:0 14px;
  border:0}
.sv-card7 .th-btn {
  border-color:var(--th-border-color)}
.sv-card7:hover {
  -webkit-box-shadow:0 20px 20px 0 hsla(0,0%,80%,.25);
  box-shadow:0 20px 20px 0 hsla(0,0%,80%,.25)}
.sv-card7:hover .sv-content6 {
  background:none;
  -webkit-box-shadow:none;
  box-shadow:none}
.sv-card8 {
  background:var(--white-color)}
.sv-card8 .box-title {
  margin-bottom:15px}
.sv-card8 .th-btn {
  font-size:14px;
  padding:9px 16.5px}
.service-style9 {
  margin-bottom:30px;
  border:1px solid var(--th-border-color);
  border-radius:16px}
.service-style9 .service-img {
  padding:16px;
  padding-bottom:0}
.service-style9 .service-img a {
  overflow:hidden;
  border-radius:10px}
.service-style9 .service-img img {
  border-radius:10px}
.service-style9 .service-content {
  border:0}

@media(max-width: 1299px) {
  .service-style9 .service-content {
  padding:25px 20px}
}

@media(max-width: 1299px) {
  .service-style9 .box-title {
  font-size:20px}
}
.sv-card10 .service-content {
  padding:30px;
  -webkit-transition:.4s;
  transition:.4s;
  background:var(--dark-bg-color)}
.sv-card10 .icon img {
  -webkit-transition:.4s;
  transition:.4s}
.sv-card10 .icon .number {
  font-weight:700;
  font-size:34px;
  text-transform:capitalize;
  color:var(--light-bg-color);
  -webkit-transition:.4s;
  transition:.4s}
.sv-card10 .box-title {
  color:var(--white-color)}
.sv-card10 .sec-text {
  color:var(--th-border-color);
  -webkit-transition:.4s;
  transition:.4s}
.sv-card10 .service-btn {
  position:absolute;
  bottom:0;
  right:0}
.sv-card10 .icon-btn {
  width:50px;
  height:50px;
  line-height:50px;
  color:var(--white-color);
  border:1px solid var(--body-color);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)}
.sv-card10 .icon-btn:hover {
  color:var(--title-color);
  background:var(--brand-color);
  border-color:var(--brand-color)}
.sv-card10:hover .service-content {
  background:var(--brand-color)}
.sv-card10:hover .service-content .icon img {
  -webkit-filter:contrast(0) brightness(0);
  filter:contrast(0) brightness(0)}
.sv-card10:hover .service-content .icon .number {
  color:var(--white-color)}
.sv-card10:hover .box-title {
  color:var(--title-color)}
.sv-card10:hover .sec-text {
  color:var(--title-color)}
.serviceSlider10 {
  padding-top:60px}
.serviceSlider10 .swiper-slide {
  -webkit-transition:.4s;
  transition:.4s}
.serviceSlider10 .swiper-slide-active~.swiper-slide {
  -webkit-transform:translateY(-15%);
  transform:translateY(-15%)}
.serviceSlider10 .swiper-slide-active~.swiper-slide~.swiper-slide {
  -webkit-transform:translateY(-15%);
  transform:translateY(-15%)}
.serviceSlider10 .swiper-slide-active~.swiper-slide~.swiper-slide~.swiper-slide {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
.service10-style {
  margin-top:-100px}
.service10-titlebox {
  margin-top:100px}

@media(max-width: 767px) {
  .service10-titlebox {
  margin-bottom:0}
}
.service-wrap11 {
  position:relative}
.service-wrap11 .service-card-thumb-wrap {
  position:absolute;
  overflow:hidden;
  inset:0 -340px;
  z-index:-1}

@media(max-width: 1500px) {
  .service-wrap11 .service-card-thumb-wrap {
  inset:0 -120px}
}
.service-wrap11 .service-card-thumb-wrap .service-card-thumb {
  position:absolute;
  inset:0;
  opacity:0;
  -webkit-transition:.4s;
  transition:.4s}
.service-wrap11 .service-card-thumb-wrap .service-card-thumb:after {
  content:"";
  position:absolute;
  inset:0;
  background:var(--title-color);
  opacity:.2;
  -webkit-transition:.4s;
  transition:.4s}
.service-wrap11 .service-card-thumb-wrap .service-card-thumb img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.service-wrap11 .service-card-thumb-wrap .service-card-thumb.active {
  opacity:1}
.service-card-wrap11.item-active .service-card11 {
  border-left:1px solid #fff;
  border-right:1px solid #fff}
.service-card-wrap11.item-active .service-card11:after {
  opacity:1}
.service-card-wrap11.item-active .service-card11 .active-box-content {
  opacity:1;
  visibility:visible;
  -webkit-transform:translate(0, 0);
  transform:translate(0, 0)}

@media(max-width: 767px) {
  .service-card-wrap11.swiper-slide-active .service-card11 {
  border-left:1px solid #fff;
  border-right:1px solid #fff}
.service-card-wrap11.swiper-slide-active .service-card11:after {
  opacity:1}
.service-card-wrap11.swiper-slide-active .service-card11 .active-box-content {
  opacity:1;
  visibility:visible;
  -webkit-transform:translate(0, 0);
  transform:translate(0, 0)}
}
.service-card11 {
  border-left:1px solid hsla(0,0%,100%,.5);
  border-right:1px solid hsla(0,0%,100%,.5);
  padding:40px;
  height:708px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-line-pack:justify;
  align-content:space-between;
  position:relative;
  -webkit-transition:.4s;
  transition:.4s;
  overflow:hidden}

@media(max-width: 1399px) {
  .service-card11 {
  height:600px}
}

@media(max-width: 991px) {
  .service-card11 {
  padding:40px 30px}
}

@media(max-width: 767px) {
  .service-card11 {
  padding:40px}
}

@media(max-width: 575px) {
  .service-card11 {
  height:500px}
}

@media(max-width: 375px) {
  .service-card11 {
  padding:40px 30px}
}
.service-card11:after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(11,20,34,.5);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  z-index:-1;
  opacity:0;
  -webkit-transition:.4s;
  transition:.4s}
.service-card11 .box-title {
  max-width:193px;
  font-weight:600;
  font-size:24px;
  color:var(--white-color)}
.service-card11 .box-text {
  color:var(--white-color)}
.service-card11 .btn-group {
  margin-top:40px}
.service-card11 .active-box-content {
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
  -webkit-transform:translate(0, 50px);
  transform:translate(0, 50px)}
.service-card12 {
  border-radius:16px;
  background:var(--smoke-color4);
  border:1px solid var(--th-border-color2);
  padding:40px 40px 35px;
  position:relative;
  z-index:1}

@media(max-width: 1500px) {
  .service-card12 {
  padding:30px}
}
.service-card12:after {
  content:"";
  position:absolute;
  inset:-1px -3px -3px -1px;
  border-radius:16px;
  background:var(--theme-color);
  z-index:-2;
  -webkit-transition:.4s;
  transition:.4s;
  opacity:0}
.service-card12:before {
  content:"";
  position:absolute;
  inset:0;
  background:var(--smoke-color4);
  border-radius:16px;
  z-index:-1;
  border:1px solid var(--th-border-color2);
  -webkit-transition:.4s;
  transition:.4s}
.service-card12 .box-icon {
  width:70px;
  height:70px;
  background:var(--white-color);
  border:1px solid var(--th-border-color2);
  border-radius:8px;
  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-bottom:32px;
  -webkit-transition:.4s;
  transition:.4s}
.service-card12 .box-icon img {
  -webkit-transition:.4s;
  transition:.4s}
.service-card12 .box-title {
  font-size:24px;
  font-weight:600;
  letter-spacing:.02em}
.service-card12 .box-title span {
  display:block}

@media(max-width: 1500px) {
  .service-card12 .box-title {
  font-size:20px}
}

@media(max-width: 1299px) {
  .service-card12 .box-title {
  font-size:18px}
}

@media(max-width: 1199px) {
  .service-card12 .box-title {
  font-size:20px}
}
.service-card12 .box-text {
  margin-bottom:43px}

@media(max-width: 1399px) {
  .service-card12 .box-text {
  margin-bottom:23px}
}

@media(max-width: 1299px) {
  .service-card12 .box-text {
  font-size:14px}
}

@media(max-width: 991px) {
  .service-card12 .box-text {
  font-size:16px}
}

@media(max-width: 375px) {
  .service-card12 .box-text {
  font-size:14px}
}
.service-card12:hover:after {
  opacity:1}
.service-card12:hover .box-icon {
  background:var(--theme-color)}
.service-card12:hover .box-icon img {
  -webkit-transform:scale(-1) rotate(180deg);
  transform:scale(-1) rotate(180deg);
  -webkit-filter:brightness(99) invert(0);
  filter:brightness(99) invert(0)}
.sv-details-img img {
  border-radius:20px 20px 0 0}
.sv-details-list ul li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-left:0}
.sv-details-list ul li .icon {
  margin-right:8px}
.sv-sm-img img {
  border-radius:20px}
.sv-content {
  padding:40px;
  border:1px solid var(--th-border-color);
  border-top:0;
  border-radius:0 0 20px 20px}

@media(max-width: 575px) {
  .sv-content {
  padding:20px}
}
.sv-content .box-title {
  font-size:34px}

@media(max-width: 575px) {
  .sv-content .box-title {
  font-size:24px}
}
.process-item {
  padding:24px 30px;
  border:1px solid var(--th-border-color);
  border-radius:150px 150px 100px 100px;
  background-color:var(--white-color)}
.process-item:hover .process-img img {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)}
.process-item:hover .process-icon {
  background:var(--theme-color)}
.process-item:hover .process-icon img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.process-item.style-2 .box-number {
  color:var(--title-color)}
.process-content .box-number {
  color:var(--title-color);
  margin-bottom:0}
.process-img {
  overflow:hidden;
  border-radius:200px}
.process-img img {
  overflow:hidden;
  width:100%;
  border-radius:200px;
  -webkit-transition:1.4s;
  transition:1.4s}
.process-text {
  line-height:1.5;
  margin-bottom:14px;
  text-transform:capitalize}
.process-icon {
  width:250px;
  height:250px;
  line-height:250px;
  background:var(--smoke-color);
  border-radius:50%;
  -webkit-transition:.4s;
  transition:.4s}
.process-icon img {
  -webkit-transition:.4s;
  transition:.4s}
.process-item.style-2 {
  padding:24px}
.process-item.style-2 .process-icon {
  text-align:center;
  margin:auto;
  margin-bottom:24px}
.process3-wrapp {
  padding:60px;
  margin:0 80px;
  border-radius:30px}

@media(max-width: 991px) {
  .process3-wrapp {
  margin:0}
}

@media(max-width: 575px) {
  .process3-wrapp {
  padding:20px 10px}
}
.process3-wrapp .row [class*=col-]:last-child .process-card.card3::after {
  display:none}

@media(max-width: 1199px) {
  .process3-wrapp .row [class*=col-]:nth-child(2n+2) .process-card.card3::after {
  display:none}
}
.process-card.card3 {
  position:relative}
.process-card.card3::after {
  position:absolute;
  top:0;
  right:-9.5%;
  width:2px;
  height:100%;
  content:"";
  background:hsla(0,0%,100%,.1)}

@media(max-width: 991px) {
  .process-card.card3::after {
  right:-11.5%}
}

@media(max-width: 767px) {
  .process-card.card3::after {
  display:none}
}
.process-card.card3 .process-card_img {
  overflow:hidden;
  border-radius:10px}
.process-card.card3 .process-card_img img {
  width:100%;
  overflow:hidden;
  border-radius:10px;
  -webkit-transition:1.3s;
  transition:1.3s}
.process-card.card3 .process-card_img img:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)}
.process-card.card3 .process-card_content {
  padding:0 35px}

@media(max-width: 1500px) {
  .process-card.card3 .process-card_content {
  padding:0}
}
.process-card.card3 .sec-text {
  text-align:center;
  max-width:300px;
  margin-bottom:0;
  margin:auto;
  color:var(--th-border-color)}

@media(max-width: 1500px) {
  .process-bg-shape4-1 {
  display:none}
}
.process-box-img-wrap {
  position:relative;
  z-index:1;
  margin:65px 50px 0px 65px}

@media(max-width: 1500px) {
  .process-box-img-wrap {
  margin:120px 38px 0px 172px}
}

@media(max-width: 1199px) {
  .process-box-img-wrap {
  margin:175px 68px 90px 212px}
}

@media(max-width: 991px) {
  .process-box-img-wrap {
  margin:135px 46px 60px 184px}
}

@media(max-width: 767px) {
  .process-box-img-wrap {
  margin:100px 30px 40px 160px}
}

@media(max-width: 575px) {
  .process-box-img-wrap {
  margin:85px 23px 30px 150px}
}
.process-box-img {
  border-radius:30px;
  overflow:hidden;
  position:absolute;
  inset:0;
  -webkit-transition:.4s;
  transition:.4s;
  -webkit-transform:rotate(-40deg) translate(-65px, -110px);
  transform:rotate(-40deg) translate(-65px, -110px);
  z-index:-2}

@media(max-width: 575px) {
  .process-box-img {
  border-radius:16px}
}
.process-box-img img {
  width:100%}
.process-box-img:nth-child(2) {
  -webkit-transform:rotate(-30deg) translate(-35px, -50px);
  transform:rotate(-30deg) translate(-35px, -50px);
  z-index:-1}
.process-box-img.active-img {
  -webkit-transform:rotate(-20deg);
  transform:rotate(-20deg);
  position:relative;
  z-index:1}
.process-box-img.active-img~.process-box-img {
  -webkit-transform:rotate(-30deg) translate(-35px, -50px);
  transform:rotate(-30deg) translate(-35px, -50px)}
.process-box-img.active-img~.process-box-img~.process-box-img {
  -webkit-transform:rotate(-40deg) translate(-65px, -110px);
  transform:rotate(-40deg) translate(-65px, -110px)}
.process-card4 {
  background:var(--white-color);
  border-radius:10px;
  padding:34px;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  gap:10px}

@media(max-width: 575px) {
  .process-card4 {
  padding:24px}
}
.process-card4:not(:last-child) {
  margin-bottom:24px}
.process-card4 .box-title {
  margin-bottom:8px}

@media(max-width: 575px) {
  .process-card4 .box-title {
  font-size:20px}
}
.process-card4 .box-text {
  max-width:429px}
.process-card4 .box-number {
  color:var(--th-border-color);
  font-size:40px;
  font-weight:600;
  font-family:var(--title-font);
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 575px) {
  .process-card4 .box-number {
  font-size:30px}
}
.process-card4.item-active2 .box-number {
  color:var(--title-color)}
.project-item {
  position:relative;
  border-radius:24px;
  overflow:hidden}
.project-item .box-img {
  position:relative;
  border:10px solid hsla(0,0%,100%,.5);
  border-radius:34px;
  overflow:hidden;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 991px) {
  .project-item .box-img {
  margin-bottom:0}
}
.project-item .box-img:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(11, 20, 34, 0)), to(#0b1422));
  background:linear-gradient(180deg, rgba(11, 20, 34, 0) 0%, #0b1422 100%);
  border-radius:24px;
  z-index:10}
.project-item .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.project-item .box-content {
  position:absolute;
  left:34px;
  right:34px;
  bottom:34px;
  z-index:11}
.project-item .box-title {
  color:var(--white-color);
  font-size:28px;
  font-weight:600;
  margin-bottom:5px}

@media(max-width: 991px) {
  .project-item .box-title {
  font-size:22px}
}

@media(max-width: 575px) {
  .project-item .box-title {
  font-size:18px}
}
.project-item .box-text {
  color:var(--white-color);
  display:block}
.project-item:hover .box-img {
  border-color:var(--white-color)}
.project-overlay::before {
  position:absolute;
  width:100%;
  height:59%;
  top:0;
  left:0;
  content:"";
  background:var(--title-color);
  opacity:.7}
.project-item2 {
  position:relative;
  z-index:2}
.project-item2_img {
  position:relative}
.project-item2_img::before {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  content:"";
  background:-webkit-gradient(linear, left top, left bottom, from(#0B1422), color-stop(50.5%, rgba(11, 20, 34, 0)));
  background:linear-gradient(180deg, #0B1422 0%, rgba(11, 20, 34, 0) 50.5%);
  z-index:2;
  -webkit-transition:.4s;
  transition:.4s}
.project-item2_img img {
  width:100%}
.project-item2 .project-content {
  position:absolute;
  top:30px;
  left:30px;
  border-radius:30px}
.project-item2 .project-content .box-title {
  font-size:20px;
  font-weight:600;
  margin:0;
  color:var(--white-color);
  margin-bottom:5px}
.project-item2 .project-content .box-title img {
  margin-right:6px}
.project-item2 .project-content .sub-title {
  font-weight:600;
  font-size:14px;
  text-transform:capitalize;
  color:var(--white-color)}
.project-item2 .icon-btn {
  position:absolute;
  right:0;
  bottom:0;
  --btn-size: 50px;
  line-height:50px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)}
.project-item2 .icon-btn:hover img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.project-item2.style2 .project-img {
  border-radius:24px;
  -webkit-transition:.4s;
  transition:.4s}
.project-item2.style2 .project-img img {
  width:100%;
  border-radius:24px}
.project-item2.style2 .project-img::before {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  bottom:0;
  content:"";
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(11, 20, 34, 0)), to(#0b1422));
  background:linear-gradient(180deg, rgba(11, 20, 34, 0) 0%, #0b1422 100%);
  border-radius:24px}
.project-item2.style2 .project-content {
  top:auto;
  bottom:30px}

@media(max-width: 575px) {
  .project-item2.style2 .project-content {
  width:300px}
}

@media(max-width: 375px) {
  .project-item2.style2 .project-content {
  width:250px}
}
.project-item2.style2 .sub-title {
  font-size:16px;
  color:var(--th-border-color)}
.project2-btn .th-btn {
  padding:19px 40px}

@media(max-width: 991px) {
  .project2-btn .th-btn {
  padding:19px 20px}
}

@media(max-width: 767px) {
  .project2-btn .th-btn {
  margin-bottom:30px}
}
.project-card3 {
  position:relative;
  padding:0;
  overflow:hidden}
.project-card3 .box-img {
  border-radius:8px;
  position:relative;
  overflow:hidden}
.project-card3 .box-img:after {
  content:"";
  position:absolute;
  inset:0;
  background:var(--title-color);
  opacity:0;
  -webkit-transition:.4s;
  transition:.4s}
.project-card3 .box-img img {
  border-radius:8px;
  -webkit-transition:.4s;
  transition:.4s;
  height:510px;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover}
.project-card3 .project-content {
  padding:40px;
  position:absolute;
  left:0;
  bottom:0;
  z-index:1;
  -webkit-transition:.6s;
  transition:.6s;
  opacity:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-transform:scaleY(0) translateY(-50px);
  transform:scaleY(0) translateY(-50px);
  -webkit-transform-origin:bottom;
  transform-origin:bottom}
.project-card3 .box-title {
  margin-bottom:-0.3em}
.project-card3 .box-title a {
  font-size:28px;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--white-color)}
.project-card3 .box-title a:hover {
  color:var(--white-color);
  text-shadow:-0.3px -0.3px 0 var(--white-color),.3px .3px var(--white-color)}

@media(max-width: 1299px) {
  .project-card3 .box-title a {
  font-size:24px}
}
.project-card3 .sub-title {
  font-size:14px;
  font-weight:500;
  color:var(--white-color);
  margin-bottom:-0.4em;
  margin-top:13px}
.project-card3 .icon-btn {
  margin-top:-40px;
  font-size:24px;
  --btn-size: 60px;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  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:hsla(0,0%,100%,.1);
  border:1px solid hsla(0,0%,100%,.6);
  -webkit-backdrop-filter:blur(17px);
  backdrop-filter:blur(17px);
  color:var(--white-color);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)}
.project-card3 .icon-btn:hover {
  background:var(--white-color);
  color:var(--theme-color);
  -webkit-transform:rotate(0);
  transform:rotate(0)}

@media(max-width: 767px) {
  .project-card3 .box-img img {
  height:400px}
}

@media(max-width: 575px) {
  .project-card3 .project-content {
  padding:35px}
.project-card3 .box-title a {
  font-size:20px}
.project-card3 .icon-btn {
  margin-top:0}
}

@media(max-width: 375px) {
  .project-card3 .project-content {
  padding:30px}
}
.project-slider3 {
  margin-right:-300px}
.project-slider3 .swiper-slide {
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out}
.project-slider3 .swiper-slide.swiper-slide-active {
  width:760px !important}

@media(max-width: 1299px) {
  .project-slider3 .swiper-slide.swiper-slide-active {
  width:600px !important}
}

@media(max-width: 1199px) {
  .project-slider3 .swiper-slide.swiper-slide-active {
  width:100% !important}
}
.project-slider3 .swiper-slide.swiper-slide-active .project-card3 .box-img:after {
  opacity:.7}
.project-slider3 .swiper-slide.swiper-slide-active .project-card3 .project-content {
  opacity:1;
  -webkit-transform:scaleY(1) translateY(0);
  transform:scaleY(1) translateY(0)}

@media(min-width: 1922px) {
  .project-slider3 {
  margin-right:0}
}

@media(max-width: 1299px) {
  .project-slider3 {
  margin-right:0}
}
.project-card4 {
  border-radius:16px;
  background:var(--white-color);
  padding:24px 24px 40px;
  position:relative}

@media(max-width: 991px) {
  .project-card4 {
  padding:24px 24px 30px}
}
.project-card4 .box-img {
  border-radius:24px;
  overflow:hidden;
  margin-bottom:32px;
  position:relative;
  height:360px;
  width:100%;
  background-size:cover;
  background-position:center;
  -webkit-transition:.4s;
  transition:.4s}
.project-card4 .box-img .single-img-hover-anim {
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  z-index:0;
  border-radius:24px;
  overflow:hidden;
  position:absolute;
  -webkit-transition:.4s;
  transition:.4s}
.project-card4 .box-img .blur-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:24px;
  -webkit-backdrop-filter:blur(0px);
  backdrop-filter:blur(0px);
  -webkit-transition:-webkit-backdrop-filter .4s ease;
  transition:-webkit-backdrop-filter .4s ease;
  transition:backdrop-filter .4s ease;
  transition:backdrop-filter .4s ease, -webkit-backdrop-filter .4s ease;
  z-index:1}
.project-card4 .box-img .magnifier {
  position:absolute;
  width:200px;
  height:200px;
  left:30%;
  top:25%;
  border-radius:50%;
  pointer-events:none;
  overflow:hidden;
  z-index:2;
  opacity:0;
  -webkit-transition:opacity .4s ease;
  transition:opacity .4s ease}
.project-card4 .box-img .magnifier-img {
  background-size:cover;
  background-position:center;
  -webkit-transform:translate(0, 0);
  transform:translate(0, 0);
  overflow:hidden;
  border-radius:24px}
.project-card4 .box-img:hover .blur-overlay {
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px)}
.project-card4 .box-content .box-subtitle {
  font-size:16px;
  font-weight:400;
  margin-top:-0.45em;
  margin-bottom:7px}
.project-card4 .box-content .box-title {
  font-size:24px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:74px}

@media(max-width: 991px) {
  .project-card4 .box-content .box-title {
  margin-bottom:24px}
}

@media(max-width: 575px) {
  .project-card4 .box-content .box-title {
  font-size:20px}
}
.project-card4 .box-content .link-btn {
  margin-bottom:0}
.project-card4 .box-content .box-number {
  font-size:80px;
  font-weight:700;
  font-family:var(--title-font);
  color:var(--gray-color);
  position:absolute;
  bottom:40px;
  right:24px;
  line-height:.8}

@media(max-width: 991px) {
  .project-card4 .box-content .box-number {
  font-size:60px;
  bottom:30px}
}

@media(max-width: 575px) {
  .project-card4 .box-content .box-number {
  font-size:40px}
}
.project-card4:hover .box-img img {
  -webkit-filter:blur(10px);
  filter:blur(10px)}
.client-group-wrap .client-group-thumb-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:16px;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.client-group-wrap .client-group-thumb-wrap .client-rating {
  color:var(--yellow-color)}
.client-group-wrap .box-text {
  margin-top:16px}

@media(max-width: 767px) {
  .client-group-wrap {
  text-align:center}
}
.project-dsc-img img {
  border-radius:24px}
.project-area .slider-arrow {
  top:52%;
  left:var(--pos-x, -40px)}
.project-area .slider-arrow.slider-next {
  right:var(--pos-x, -40px);
  left:unset}
.feature-list-wrap {
  background:#f2f5fa}
.feature-item {
  position:relative;
  border-radius:0;
  padding:35px 140px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}

@media(max-width: 1900px) {
  .feature-item {
  padding:40px 100px}
}

@media(max-width: 1600px) {
  .feature-item {
  padding:40px 80px}
}

@media(max-width: 1500px) {
  .feature-item {
  padding:40px}
}

@media(max-width: 575px) {
  .feature-item {
  padding:20px}
}
.feature-item_icon {
  width:64px;
  height:64px;
  line-height:64px;
  text-align:center;
  display:block;
  margin:auto;
  background:var(--white-color);
  border-radius:20px;
  margin-top:0;
  margin-bottom:0;
  margin-right:20px}
.feature-item_text {
  font-family:var(--style-font);
  font-weight:400;
  line-height:26px;
  margin-bottom:-0.4rem;
  -webkit-transition:.4s;
  transition:.4s}
.feature-item .box-title {
  font-size:24px;
  margin-bottom:7px;
  -webkit-transition:.4s;
  transition:.4s}

@media(max-width: 1299px) {
  .feature-item .box-title {
  font-size:20px}
}
.feature-item img {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.feature-item:hover {
  background-color:var(--theme-color)}
.feature-item:hover .feature-item_icon {
  background-color:var(--white-color)}
.feature-item:hover .feature-item_icon img {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)}
.feature-item:hover .feature-item_text {
  color:var(--white-color)}
.feature-item:hover .box-title {
  color:var(--white-color)}
.feature-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:10px}
.feature-wrapper .feature-icon i {
  font-size:46px;
  font-weight:300;
  line-height:56px}
.feature-wrapper .header-info_link {
  font-family:var(--title-font);
  font-size:30px;
  font-weight:600;
  line-height:40px;
  color:var(--title-color);
  margin-bottom:-0.5rem}
.feature-wrapper .header-info_link:hover {
  color:var(--theme-color)}
.feature-wrapper .header-info_link a {
  color:inherit}
.feature-wrapper .header-info_label {
  font-family:var(--body-font);
  color:var(--body-color);
  font-size:14px;
  font-weight:400;
  line-height:24px;
  margin-bottom:0}
.feature-circle {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:15px;
  max-width:289px}
.feature-circle-wrap {
  display:grid;
  grid-template-columns:auto auto;
  gap:40px;
  border-bottom:1px solid #e4e4e4;
  border-top:1px solid #e4e4e4;
  margin:40px 0;
  padding:40px 0}

@media(max-width: 767px) {
  .feature-circle-wrap {
  display:block}
}
.feature-circle-wrap.style2 {
  grid-template-columns:auto auto auto;
  border:none;
  padding:0;
  margin:0}

@media(max-width: 767px) {
  .feature-circle:not(:last-child) {
  margin-bottom:30px}
}
.feature-circle .box-title {
  line-height:34px;
  margin-bottom:0px}
.feature-circle_text {
  margin-bottom:0px;
  font-size:14px}
.feature-circle .progressbar {
  position:relative;
  max-height:100px}
.feature-circle .circle-num {
  font-size:30px;
  font-weight:600;
  color:var(--title-color);
  font-family:var(--title-font);
  position:absolute;
  top:0;
  left:0;
  width:100px;
  height:100px;
  line-height:100px;
  margin:5px;
  text-align:center}

@media(max-width: 767px) {
  .about-circle:not(:last-child) {
  margin-bottom:30px}
}
.about-circle-wrap {
  display:grid;
  grid-template-columns:auto auto auto;
  gap:40px;
  margin-right:50px}

@media(max-width: 767px) {
  .about-circle-wrap {
  margin-right:0;
  display:block}
}
.about-circle .box-title {
  color:var(--white-color);
  font-weight:500;
  text-align:center;
  font-size:18px;
  line-height:28px;
  margin-bottom:0px}
.about-circle_text {
  margin-bottom:0px;
  font-size:14px}
.about-circle .progressbar {
  position:relative;
  max-height:160px;
  margin-bottom:24px}

@media(max-width: 767px) {
  .about-circle .progressbar {
  text-align:center}
}
.about-circle .circle-num {
  font-size:40px;
  font-weight:600;
  color:var(--white-color);
  font-family:var(--title-font);
  position:absolute;
  top:0;
  left:0;
  width:160px;
  height:160px;
  line-height:160px;
  margin:5px;
  text-align:center}

@media(max-width: 767px) {
  .about-circle .circle-num {
  right:0;
  left:0;
  margin:auto}
}
.choose-about {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  gap:25px;
  max-width:621px}
.choose-about.style2 {
  gap:16px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  background-color:rgba(0,0,0,0);
  border-radius:20px;
  padding:20px 24px}
.choose-about.style2 .choose-about_icon {
  background-color:rgba(0,0,0,0);
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:0}
.choose-about.style2 .choose-about_text {
  margin-bottom:0}
.choose-about.style2 .box-title {
  font-size:20px;
  margin-bottom:5px}
.choose-about.style2:hover {
  background-color:var(--white-color);
  -webkit-box-shadow:0px 2px 6px rgba(40,41,61,.02),0px 16px 24px rgba(96,97,112,.12);
  box-shadow:0px 2px 6px rgba(40,41,61,.02),0px 16px 24px rgba(96,97,112,.12)}
.choose-about.style2:not(:last-child) {
  margin-bottom:0px}
.choose-about.style2.item-active {
  background-color:var(--white-color);
  -webkit-box-shadow:0px 2px 6px rgba(40,41,61,.02),0px 16px 24px rgba(96,97,112,.12);
  box-shadow:0px 2px 6px rgba(40,41,61,.02),0px 16px 24px rgba(96,97,112,.12)}
.choose-about:not(:last-child) {
  margin-bottom:25px}

@media(max-width: 575px) {
  .choose-about {
  gap:20px}
}

@media(max-width: 375px) {
  .choose-about {
  display:block}
}
.choose-about_icon {
  width:80px;
  height:80px;
  line-height:80px;
  text-align:center;
  background-color:var(--theme-color);
  border-radius:24px}

@media(max-width: 375px) {
  .choose-about_icon {
  display:block;
  margin:auto auto 20px auto}
}
.choose-about_text {
  margin-bottom:0}

@media(max-width: 375px) {
  .choose-about_text {
  text-align:center}
}
.choose-about img {
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.choose-about .box-title {
  font-size:24px;
  font-weight:600;
  margin-bottom:3px}

@media(max-width: 375px) {
  .choose-about .box-title {
  text-align:center}
}
.choose-about:hover .choose-about_icon img {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)}
.choose-area {
  position:relative;
  z-index:2;
  clip-path:path("M1920 0H0V597V603V647.237L162.995 713.921C283.181 763.091 411.793 788.383 541.648 788.383H1378.35C1508.21 788.383 1636.82 763.091 1757.01 713.921L1920 647.237V603V597V0Z")}

@media(min-width: 1930px) {
  .choose-area {
  clip-path:path("M0 0H3333V645.762L2852.45 764.707C2773.84 784.164 2693.16 794 2612.18 794H720.818C639.838 794 559.158 784.164 480.551 764.707L0 645.762V0Z")}
}

@media(max-width: 1199px) {
  .choose-area {
  clip-path:none}
}

@media(max-width: 1199px) {
  .choose-tab-area {
  margin:80px 0}
}
.choose-image {
  position:relative;
  margin-left:-110px}

@media(max-width: 1199px) {
  .choose-image {
  margin:0}
}
.choose-image .choose-text {
  -webkit-text-fill-color:hsla(0,0%,100%,.06);
  -webkit-text-stroke-color:hsla(0,0%,100%,.06);
  font-family:var(--title-font);
  font-weight:900;
  font-size:114px;
  line-height:94px;
  text-transform:uppercase;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  position:absolute;
  top:38%;
  left:-58.5%;
  margin:0}
.choose-text {
  color:#888c97}
.mission-content .checklist li {
  color:var(--white-color)}
.mission-content .mission-text {
  color:var(--gray-color)}
.features-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}

@media(max-width: 1299px) {
  .features-wrapper {
  display:block}
}
.features-wrapper .features-img {
  min-width:300px}

@media(max-width: 1299px) {
  .features-wrapper .features-img {
  min-width:100%;
  margin-top:20px}
}
.features-wrapper .features-img img {
  width:100%}
.features-content .box-title {
  margin-bottom:5px}
.features-content .checklist li:not(:last-child) {
  margin-bottom:5px}
.feature-text {
  font-size:18px;
  max-width:773px;
  display:block;
  margin:auto}
.choose-item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:24px}
.choose-item_wrapper {
  display:grid;
  grid-template-columns:auto auto auto auto auto}

@media(max-width: 1199px) {
  .choose-item_wrapper {
  grid-template-columns:auto auto auto;
  gap:40px 10px}
}

@media(max-width: 991px) {
  .choose-item_wrapper {
  grid-template-columns:auto auto;
  gap:40px 20px}
}

@media(max-width: 575px) {
  .choose-item_wrapper {
  grid-template-columns:auto}
}
.choose-item.style3 {
  display:block;
  text-align:center}
.choose-item.style3 .box-icon {
  width:100px;
  height:100px;
  line-height:100px;
  border-radius:50%;
  display:block;
  margin:auto auto 30px auto}
.choose-item.style3>.box-title {
  font-size:18px}
.choose-item.style3 .box-text {
  max-width:300px;
  display:block;
  margin:auto}

@media(max-width: 1699px) {
  .choose-item.style3 .box-text {
  max-width:250px}
}

@media(max-width: 1399px) {
  .choose-item.style3 .box-text {
  max-width:230px}
}

@media(max-width: 1199px) {
  .choose-item.style3 .box-text {
  max-width:100%}
}
.choose-item .box-icon {
  width:80px;
  height:80px;
  line-height:80px;
  text-align:center;
  background:#e9f6f9;
  border-radius:30px}
.choose-item .box-icon img {
  -webkit-transform:all .4s ease-in-out;
  transform:all .4s ease-in-out}
.choose-item .box-title {
  margin-bottom:10px}
.choose-item .box-text {
  max-width:277px;
  margin-bottom:0}
.choose-item:hover .box-icon img {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)}
.choose-area2 {
  max-width:1760px;
  display:block;
  margin:auto;
  background:var(--title-color);
  border-radius:30px;
  padding:60px 0}

@media(max-width: 1799px) {
  .choose-area2 {
  border-radius:0}
}
.featured-wrapp-3 {
  position:relative;
  padding:40px;
  border-radius:100px;
  background:var(--white-color);
  border-bottom:2px solid var(--theme-color);
  margin-top:-60px;
  z-index:2}

@media(max-width: 991px) {
  .featured-wrapp-3 {
  margin-top:-130px}
}
.featured-wrapp-3 .feature-item {
  padding:0}
.featured-wrapp-3 .feature-item:hover {
  background:none}
.featured-wrapp-3 .feature-item:hover .box-title {
  color:var(--title-color)}
.featured-wrapp-3 .feature-item:hover .feature-item_text {
  color:var(--body-color)}
.featured-wrapp-3 .feature-item_icon {
  width:auto;
  height:auto;
  line-height:1;
  text-align:start;
  display:inline-block}

@media(max-width: 575px) {
  .featured-wrapp-3 .feature-item_icon {
  margin-bottom:20px}
}
.feature-item.style-4 {
  padding:24px;
  background:var(--smoke-color);
  border-radius:24px;
  -webkit-transition:.4s;
  transition:.4s;
  padding-bottom:1px}
.feature-item.style-4 .feature_icon {
  width:100px;
  height:100px;
  background:var(--white-color);
  border-radius:100px;
  line-height:125px;
  text-align:center;
  margin:auto;
  margin-bottom:24px}
.feature-item.style-4 .feature_content .box-title {
  font-weight:600;
  font-size:22px;
  line-height:1.2;
  text-transform:capitalize;
  text-align:center;
  -webkit-transition:.4s;
  transition:.4s;
  margin-bottom:15px}

@media(max-width: 1299px) {
  .feature-item.style-4 .feature_content .box-title {
  font-size:20px}
}
.feature-item.style-4 .feature_content .sec-text {
  -webkit-transition:.4s;
  transition:.4s}
.feature-item.style-4:hover {
  background:var(--theme-color)}
.feature-item.style-4:hover .feature_content .sec-text {
  color:var(--white-color)}

@media(max-width: 1299px) {
  .feature-4-titlebox .sec-title {
  font-size:40px}
}

@media(max-width: 1199px) {
  .feature-4-titlebox .sec-title {
  font-size:35px}
}

@media(max-width: 767px) {
  .feature-4-titlebox .sec-title {
  font-size:26px}
}

@media(max-width: 767px) {
  .feature-4-titlebox .sec-text br {
  display:none}
}
.feature-item.style-5 {
  padding:0;
  background:none}
.feature-item.style-5 .feature_icon {
  width:200px;
  height:300px;
  line-height:300px;
  background:var(--dark-bg-color);
  border-radius:200px;
  text-align:center;
  margin:auto;
  margin-bottom:24px;
  border:1px solid hsla(0,0%,100%,.14)}
.feature-item.style-5 .box-title {
  font-size:20px;
  margin-bottom:13px}
.feature-item.style-5 .sec-text {
  color:var(--th-border-color);
  margin-bottom:0}
.gallery-area .row {
  --bs-gutter-x: 17px}

@media(min-width: 1930px) {
  .gallery-area2 {
  background-size:cover}
}
.gallery-card:nth-child(2) {
  margin-top:17px}
.gallery-card .box-img {
  border-radius:24px}

@media(max-width: 991px) {
  .gallery-card .box-img {
  margin-bottom:10px}
}
.gallery-card .box-img img {
  border-radius:24px}
.gallery-card .box-img .icon-btn {
  position:absolute;
  top:calc(50% - 20px);
  left:calc(50% - 20px);
  z-index:3;
  -webkit-transform:scale(0);
  transform:scale(0);
  border:none;
  font-size:40px;
  font-weight:300;
  color:var(--white-color)}
.gallery-card .box-img .icon-btn:hover {
  background-color:rgba(0,0,0,0)}
.gallery-card:hover .icon-btn {
  -webkit-transform:scale(1);
  transform:scale(1)}
.gallery-box-wrapp {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:24px;
  margin-top:24px}
.gallery-box-wrapp .gallery-box.style2:nth-child(5) {
  margin-top:24px}
.gallery-box {
  position:relative}
.gallery-box.style2:nth-child(2) {
  margin-top:0}
.gallery-box.style2:nth-child(1) {
  margin-bottom:24px}
.gallery-box.style2 .icon-btn {
  -webkit-transform:skewY(-4deg) scale(0);
  transform:skewY(-4deg) scale(0)}
.gallery-box.style2:hover .gallery-img {
  -webkit-transform:skewY(4deg);
  transform:skewY(4deg)}
.gallery-box.style2:hover .icon-btn {
  -webkit-transform:skewY(-4deg) scale(1);
  transform:skewY(-4deg) scale(1)}
.gallery-box.style2 .gallery-img img {
  width:100%}

@media(max-width: 991px) {
  .gallery-box.style2 .gallery-img {
  margin-bottom:0}
}
.gallery-box.style3 .gallery-img {
  border-radius:8px}
.gallery-box.style3 .gallery-img:after {
  border-radius:8px}
.gallery-box.style3 .gallery-img img {
  border-radius:8px;
  width:100%}

@media(max-width: 991px) {
  .gallery-box.style4 .gallery-img {
  margin-bottom:0}
}
.gallery-box.style5 .gallery-img {
  height:360px}
.gallery-box.style5 .gallery-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}
.gallery-box_wrapp:first-child .gallery-box {
  margin-top:99px}

@media(max-width: 991px) {
  .gallery-box_wrapp:first-child .gallery-box {
  margin-top:0}
}
.gallery-box_wrapp:last-child .gallery-box {
  margin-top:260px}

@media(max-width: 1500px) {
  .gallery-box_wrapp:last-child .gallery-box {
  margin-top:24px}
}

@media(max-width: 1299px) {
  .gallery-box_wrapp:last-child .gallery-box {
  margin-top:0}
}
.gallery-box:nth-child(2) {
  margin-top:24px}

@media(max-width: 1299px) {
  .gallery-box:nth-child(2) {
  margin-bottom:24px}
}

@media(max-width: 991px) {
  .gallery-box:nth-child(2) {
  margin-bottom:0}
}
.gallery-box .gallery-img {
  position:relative;
  overflow:hidden;
  z-index:2;
  border-radius:16px}

@media(max-width: 991px) {
  .gallery-box .gallery-img {
  margin-bottom:0}
}
.gallery-box .gallery-img:after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(11,20,34,.7);
  border-radius:16px;
  opacity:0;
  -webkit-transition:.4s ease;
  transition:.4s ease;
  -webkit-transform:scale(0);
  transform:scale(0);
  z-index:1}
.gallery-box .gallery-img .icon-btn {
  position:absolute;
  top:calc(50% - 20px);
  left:calc(50% - 20px);
  z-index:3;
  -webkit-transform:scale(0);
  transform:scale(0);
  border:none;
  font-size:40px;
  font-weight:300;
  color:var(--white-color)}
.gallery-box .gallery-img .icon-btn:hover {
  background-color:rgba(0,0,0,0)}
.gallery-box .gallery-img img {
  border-radius:16px}
.gallery-box:hover .gallery-img:after {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)}
.gallery-box:hover .icon-btn {
  -webkit-transform:scale(1);
  transform:scale(1)}
.th-line-shape span svg path.line-1 {
  stroke:#eef1ff;
  stroke-dasharray:2300;
  stroke-dashoffset:3500;
  -webkit-animation:dash 7s linear forwards infinite;
  animation:dash 7s linear forwards infinite}

@media(max-width: 991px) {
  .gallery-action .th-btn {
  margin-top:-15px;
  margin-bottom:20px}
}
.gallery-row4 {
  display:grid;
  grid-template-columns:auto auto auto auto;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin:0 12px}

@media(max-width: 1199px) {
  .gallery-row4 {
  grid-template-columns:auto auto auto}
}

@media(max-width: 767px) {
  .gallery-row4 {
  grid-template-columns:auto auto}
}

@media(max-width: 575px) {
  .gallery-row4 {
  grid-template-columns:auto}
}
.gallery-thumb.style2 {
  position:relative;
  overflow:hidden;
  border-radius:24px;
  margin:0 8px}
.gallery-thumb.style2 img {
  position:relative;
  width:100%;
  border-radius:24px}
.gallery-thumb.style2 .gallery-btn {
  position:absolute;
  top:24px;
  right:24px;
  color:var(--white-color);
  font-size:24px}
.gallery-thumb2 {
  overflow:hidden;
  position:relative;
  border-radius:24px}
.gallery-thumb2.style2 .gallery-btn {
  font-size:50px}
.gallery-thumb2 img {
  width:100%;
  height:100%}
.gallery-thumb2:hover:before {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  opacity:.6}
.gallery-thumb2:hover .gallery-btn {
  visibility:visible;
  opacity:1;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)}
.gallery-thumb2:before {
  content:"";
  height:100%;
  width:100%;
  background:var(--title-color);
  border-radius:24px;
  position:absolute;
  inset:0;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
  opacity:.8}
.gallery-thumb2 .gallery-btn {
  position:absolute;
  top:50%;
  left:50%;
  color:var(--white-color);
  display:block;
  margin:0 auto;
  font-size:25px;
  text-align:center;
  visibility:hidden;
  opacity:0;
  -webkit-transform:translate(-50%, 20px);
  transform:translate(-50%, 20px);
  z-index:1}
.gallery-thumb2 .gallery-btn>i {
  font-size:60px}
.gallery-thumb2.f-gallary:before {
  background:var(--theme-color)}
.gallery-area3 {
  border-bottom:1px solid rgba(233,246,249,.2);
  padding-bottom:64px}
.gallery-area7 {
  background-color:#e9f6f9;
  padding:0 40px 0 40px}
.swiper-slide .gallery-card.style2 {
  -webkit-transform:scale(0.95) translateX(0%);
  transform:scale(0.95) translateX(0%)}

@media(max-width: 767px) {
  .swiper-slide .gallery-card.style2 {
  -webkit-transform:none;
  transform:none}
}
.swiper-slide-active .gallery-card.style2 {
  -webkit-transform:scale(1) translateX(0);
  transform:scale(1) translateX(0)}

@media(max-width: 767px) {
  .swiper-slide-active .gallery-card.style2 {
  -webkit-transform:none;
  transform:none}
}
.gallerySlide9 .slider-pagination {
  margin-top:0}
.gallerySlide9 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:auto;
  overflow:hidden;
  position:relative}
.gallerySlide9 .swiper-slide:nth-child(3) .gallery-card.style2 {
  margin-top:100px}

@media(max-width: 767px) {
  .gallerySlide9 .swiper-slide:nth-child(3) .gallery-card.style2 {
  margin:0}
}
.gallerySlide9 .swiper-slide:nth-child(5) .gallery-card.style2 {
  margin-top:100px}

@media(max-width: 767px) {
  .gallerySlide9 .swiper-slide:nth-child(5) .gallery-card.style2 {
  margin:0}
}
.gallerySlide9 .swiper-slide:nth-child(7) .gallery-card.style2 {
  margin-top:100px}

@media(max-width: 767px) {
  .gallerySlide9 .swiper-slide:nth-child(7) .gallery-card.style2 {
  margin:0}
}
.gallerySlide9 .swiper-slide:nth-child(9) .gallery-card.style2 {
  margin-top:100px}

@media(max-width: 767px) {
  .gallerySlide9 .swiper-slide:nth-child(9) .gallery-card.style2 {
  margin:0}
}
.gallerySlide9 .swiper-slide:nth-child(11) .gallery-card.style2 {
  margin-top:100px}

@media(max-width: 767px) {
  .gallerySlide9 .swiper-slide:nth-child(11) .gallery-card.style2 {
  margin:0}
}
.gallerySlide9 .swiper-slide:nth-child(13) .gallery-card.style2 {
  margin-top:100px}

@media(max-width: 767px) {
  .gallerySlide9 .swiper-slide:nth-child(13) .gallery-card.style2 {
  margin:0}
}
.gallerySlide9 .swiper-slide:nth-child(15) .gallery-card.style2 {
  margin-top:100px}

@media(max-width: 767px) {
  .gallerySlide9 .swiper-slide:nth-child(15) .gallery-card.style2 {
  margin:0}
}
.gallerySlide9 .swiper-slide.swiper-slide-active {
  margin-top:0 !important;
  margin-bottom:80px !important}
.gallerySlide9 .swiper-slide.swiper-slide-active .testi-card-quote {
  background-color:var(--theme-color)}
.gallerySlide9 .swiper-slide.swiper-slide-active .testi-card-quote img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.gallery-card.style2 .box-img {
  position:relative;
  z-index:2}
.gallery-card.style2 .box-img:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  border-radius:inherit;
  z-index:1;
  opacity:0;
  visibility:hidden}
.gallery-card.style2:hover .box-img:before {
  opacity:1;
  visibility:visible}
.gallerySlide10 .swiper-pagination-bullets {
  max-width:250px;
  display:block;
  margin:auto;
  overflow:hidden;
  position:relative}
.gallerySlide10 .swiper-wrapper {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.gallerySlide10 .swiper-slide {
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out}
.gallerySlide10 .swiper-slide.swiper-slide-active {
  width:536px !important}

@media(max-width: 991px) {
  .gallerySlide10 .swiper-slide.swiper-slide-active {
  width:60% !important;
  margin-bottom:40px !important}
}

@media(max-width: 767px) {
  .gallerySlide10 .swiper-slide.swiper-slide-active {
  width:100% !important}
}
.gallery-card2 {
  position:relative;
  border-radius:20px;
  --space: 30px;
  overflow:hidden;
  text-align:center;
  z-index:9}

@media(max-width: 991px) {
  .gallery-card2 {
  --space: 20px}
}
.gallery-card2:before {
  content:"";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(17, 61, 72, 0.8)), to(rgba(17, 61, 72, 0.8)));
  background:linear-gradient(0deg, rgba(17, 61, 72, 0.8), rgba(17, 61, 72, 0.8));
  border-radius:inherit;
  z-index:1;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out}
.gallery-card2 .box-img {
  border-radius:20px}
.gallery-card2 .box-img img {
  width:100%;
  border-radius:20px}

@media(max-width: 991px) {
  .gallery-card2 .box-img {
  margin-bottom:0}
}
.gallery-card2 .box-title {
  font-family:var(--body-font);
  color:var(--white-color);
  font-weight:600;
  font-size:28px;
  line-height:40px;
  letter-spacing:.02em;
  margin-bottom:5px}

@media(max-width: 1399px) {
  .gallery-card2 .box-title {
  font-size:24px;
  line-height:34px}
}
.gallery-card2 .box-text {
  color:var(--white-color)}
.gallery-card2 .box-content {
  position:absolute;
  left:var(--space);
  right:var(--space);
  bottom:-30px;
  opacity:0;
  visibility:hidden;
  display:inline-block;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  z-index:2}
.gallery-card2 .icon-btn {
  background-color:rgba(0,0,0,0);
  border:none;
  font-size:18px;
  width:56px;
  height:56px;
  line-height:50px;
  border:1px solid var(--white-color);
  border-radius:50%;
  color:var(--white-color);
  position:absolute;
  right:30px;
  top:-30px;
  z-index:2;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out}
.gallery-card2 .icon-btn:hover {
  background-color:var(--theme-color);
  border-color:var(--theme-color);
  color:var(--title-color)}
.gallery-card2:hover:before {
  opacity:1;
  visibility:visible}
.gallery-card2:hover .box-content {
  opacity:1;
  bottom:var(--space);
  visibility:visible}
.gallery-card2:hover .icon-btn {
  top:var(--space);
  opacity:1;
  visibility:visible}
.gallery8-btn .th-btn {
  padding:19px 40px}
.gallery8-btn .th-btn:hover {
  color:var(--white-color)}
.gallery8-btn .th-btn:hover::before {
  background:var(--theme-color)}
.cta-area {
  padding:145px 0}
.newsletter-form.style3 {
  display:block}
.newsletter-form.style3 input {
  background:hsla(0,0%,100%,.2);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-radius:32px;
  border:none;
  margin-bottom:16px}

@media(max-width: 480px) {
  .newsletter-form.style3 input {
  margin-bottom:0}
}
.newsletter-form.style3 input::-moz-placeholder {
  color:var(--white-color)}
.newsletter-form.style3 input::-webkit-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style3 input:-ms-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style3 input::-ms-input-placeholder {
  color:var(--white-color)}
.newsletter-form.style3 input::placeholder {
  color:var(--white-color)}
.newsletter-form.style4 input {
  color:var(--title-color);
  background:var(--white-color)}
.newsletter-form.style4 input::-webkit-input-placeholder {
  color:var(--body-color)}
.newsletter-form.style4 input::-moz-placeholder {
  color:var(--body-color)}
.newsletter-form.style4 input:-ms-input-placeholder {
  color:var(--body-color)}
.newsletter-form.style4 input::-ms-input-placeholder {
  color:var(--body-color)}
.newsletter-form.style4 input::placeholder {
  color:var(--body-color)}
.newsletter-form.style4 .th-btn {
  color:var(--white-color);
  background-color:var(--title-color)}
.newsletter-form.style4 .th-btn:hover {
  color:var(--white-color);
  background-color:var(--theme-color)}

@media(max-width: 575px) {
  .newsletter-form.style4 .th-btn:hover {
  color:var(--title-color)}
}
.newsletter-form.style4 .th-btn:hover::before {
  background-color:var(--theme-color)}

@media(max-width: 575px) {
  .newsletter-form.style4 .th-btn:hover::before {
  background-color:var(--white-color)}
}

@media(max-width: 1199px) {
  .newsletter10-content {
  padding-right:40px;
  margin-bottom:40px}
}

@media(max-width: 575px) {
  .newsletter10-content {
  padding:0}
}
.newsletter-image {
  position:relative;
  top:-16px;
  margin-left:0;
  overflow:visible}

@media(max-width: 1199px) {
  .newsletter-image {
  margin-bottom:60px}
}

@media(max-width: 575px) {
  .newsletter-image {
  margin-left:75px;
  margin-bottom:40px}
}
.newsletter-image::before {
  position:absolute;
  width:403.8px;
  height:403.8px;
  left:40px;
  bottom:-45px;
  content:"";
  border-radius:50%;
  background:var(--title-color)}

@media(max-width: 1500px) {
  .newsletter-image::before {
  left:-40px}
}

@media(max-width: 1299px) {
  .newsletter-image::before {
  left:-60px;
  bottom:-65px;
  -webkit-transform:scale(0.9);
  transform:scale(0.9)}
}

@media(max-width: 1199px) {
  .newsletter-image::before {
  left:23.5%;
  bottom:-50px;
  -webkit-transform:scale(1);
  transform:scale(1)}
}

@media(max-width: 991px) {
  .newsletter-image::before {
  left:-20px;
  bottom:-45px}
}

@media(max-width: 767px) {
  .newsletter-image::before {
  left:-80px;
  bottom:-80px;
  -webkit-transform:scale(0.7);
  transform:scale(0.7)}
}

@media(max-width: 575px) {
  .newsletter-image::before {
  left:auto;
  bottom:auto;
  -webkit-transform:scale(0.4);
  transform:scale(0.4);
  right:-45px;
  top:-95px}
}
.newsletter-image img {
  position:relative}
.newsletter-sec {
  padding:15px 0 30px 120px}

@media(max-width: 1299px) {
  .newsletter-sec {
  padding:15px 0 30px 40px}
}

@media(max-width: 575px) {
  .newsletter-sec {
  padding:15px}
}
.cta-title {
  font-weight:800;
  font-size:100px;
  line-height:96px;
  text-transform:uppercase;
  margin-bottom:15px !important}

@media(max-width: 1299px) {
  .cta-title {
  font-size:80px;
  line-height:96px}
}

@media(max-width: 991px) {
  .cta-title {
  font-size:70px;
  line-height:86px}
}

@media(max-width: 767px) {
  .cta-title {
  font-size:60px;
  line-height:76px}
}

@media(max-width: 375px) {
  .cta-title {
  font-size:50px;
  line-height:66px}
}

@media(max-width: 350px) {
  .cta-title {
  font-size:40px;
  line-height:50px}
}
.app-mockup {
  position:relative;
  margin-bottom:-170px;
  z-index:2}

@media(max-width: 991px) {
  .app-mockup {
  margin-bottom:-40px}
}
.app-mockup:before {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:315.67px;
  height:7.89px;
  background:rgba(0,0,0,.8);
  -webkit-filter:blur(13.15px);
  filter:blur(13.15px)}
.sec-title2 {
  color:#f8bc22}
.cta-area2 {
  background-color:#405749}
.cta-discount {
  color:#f8bc22}
.cta-wrap3 {
  max-width:1760px;
  margin-left:auto;
  margin-right:auto;
  border-radius:30px}
.cta-img3-1 {
  margin-left:-107px}

@media(max-width: 1500px) {
  .cta-img3-1 {
  margin-left:0}
}
.cta-img3-2 {
  margin-right:-107px}

@media(max-width: 1500px) {
  .cta-img3-2 {
  margin-right:0}
}
.cta-4_title-box .sec-title {
  text-transform:uppercase;
  line-height:1.3}
.cta-4_title-box .duration-title {
  font-weight:700;
  font-size:24px;
  margin-bottom:25px}
.cta-4-action .th-btn {
  padding:19px 34.5px;
  border-radius:50px}
.cta-4-action .th-btn.style6:hover {
  color:var(--white-color);
  border-color:var(--title-color)}
.cta-4-action .th-btn.style6:hover::before {
  background-color:var(--title-color)}
.cta-bg-shape5-1 {
  width:427px;
  height:854px;
  background:var(--brand-color);
  border-radius:0 100% 100% 0/0 50% 50% 0}
.cta-wrap5 .sec-title {
  font-size:80px;
  font-weight:700;
  line-height:1.2em;
  margin-top:-0.12em}

@media(max-width: 1399px) {
  .cta-wrap5 .sec-title {
  font-size:70px}
}

@media(max-width: 1299px) {
  .cta-wrap5 .sec-title {
  font-size:60px}
}

@media(max-width: 1199px) {
  .cta-wrap5 .sec-title {
  font-size:50px}
}

@media(max-width: 991px) {
  .cta-wrap5 .sec-title {
  font-size:40px}
}

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

@media(max-width: 575px) {
  .cta-wrap5 .sec-title {
  font-size:30px}
}
.cta-wrap5 .img1 {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  top:10px}

@media(max-width: 767px) {
  .cta-wrap5 .img1 {
  top:7px}
}
.cta-wrap5 .img1 img {
  border-radius:8px;
  height:80px;
  width:169px;
  -o-object-fit:cover;
  object-fit:cover}

@media(max-width: 1299px) {
  .cta-wrap5 .img1 img {
  height:60px}
}

@media(max-width: 1199px) {
  .cta-wrap5 .img1 img {
  height:50px;
  width:150px}
}

@media(max-width: 767px) {
  .cta-wrap5 .img1 img {
  height:40px;
  width:100px}
}
.cta-wrap5 .img2 {
  position:relative;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  top:10px}

@media(max-width: 767px) {
  .cta-wrap5 .img2 {
  top:7px}
}
.cta-wrap5 .img2 img {
  border-radius:8px;
  height:80px;
  width:169px;
  -o-object-fit:cover;
  object-fit:cover}

@media(max-width: 1299px) {
  .cta-wrap5 .img2 img {
  height:60px}
}

@media(max-width: 1199px) {
  .cta-wrap5 .img2 img {
  height:50px;
  width:150px}
}

@media(max-width: 767px) {
  .cta-wrap5 .img2 img {
  height:40px;
  width:100px}
}
.cta-wrap5 .img2 .play-btn {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  --icon-size: 20px;
  --icon-font-size: 8px}
.cta-wrap5 .img2 .play-btn>i {
  background:var(--theme-color);
  color:var(--white-color)}
.cta-wrap5 .cta-tag {
  font-size:16px;
  font-weight:500;
  background:var(--title-color);
  padding:6.5px 16px 8.5px;
  color:var(--white-color);
  border-radius:16px 0 16px 16px;
  position:relative;
  margin-right:40px;
  top:-15px}
.cta-wrap5 .cta-tag:after {
  content:"";
  position:absolute;
  clip-path:path("M1.49405 6.4218C0.793503 7.09244 0.733839 8.16468 1.36066 8.78277L14.6036 21.8414C15.4607 22.6865 17.0008 22.1723 17.3529 20.922L22.6408 2.14541C22.9836 0.928278 21.9478 -0.0930564 20.7466 0.2776L2.21569 5.99561C1.94928 6.07779 1.70083 6.22384 1.49405 6.4218Z");
  width:23px;
  height:21px;
  background:var(--title-color);
  top:-15px;
  right:-25px}

@media(max-width: 1199px) {
  .cta-wrap5 .cta-tag {
  top:-5px;
  margin-left:20px}
}

@media(max-width: 767px) {
  .cta-wrap5 .cta-tag {
  top:5px}
}

@media(max-width: 375px) {
  .cta-wrap5 .cta-tag {
  display:block;
  padding:3.5px 16px 5.5px;
  margin:10px 25px}
}
.cta-wrap5 .btn-wrap {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.cta-wrap5 .btn-wrap .cta-link {
  font-size:48px;
  font-weight:700;
  font-family:var(--title-font);
  color:var(--title-color);
  letter-spacing:.02em;
  text-decoration-line:underline;
  line-height:.8}
.cta-wrap5 .btn-wrap .cta-link:hover {
  color:var(--theme-color)}

@media(max-width: 1399px) {
  .cta-wrap5 .btn-wrap .cta-link {
  font-size:40px}
}

@media(max-width: 1199px) {
  .cta-wrap5 .btn-wrap .cta-link {
  font-size:30px}
}

@media(max-width: 991px) {
  .cta-wrap5 .btn-wrap .cta-link {
  font-size:28px}
}

@media(max-width: 767px) {
  .cta-wrap5 .btn-wrap .cta-link {
  font-size:24px}
}

@media(max-width: 575px) {
  .cta-wrap5 .btn-wrap .cta-link {
  font-size:20px}
}
.cta-wrap5 .btn-wrap .icon-btn {
  --btn-size: 64px;
  --btn-font-size: 24px;
  border:2px solid var(--gray-color)}
.cta-wrap5 .btn-wrap .icon-btn:hover {
  border-color:var(--theme-color)}

@media(max-width: 991px) {
  .cta-wrap5 .btn-wrap .icon-btn {
  --btn-size: 56px;
  --btn-font-size: 24px}
}
.cta-sec6 {
  position:relative;
  max-width:1560px;
  display:block;
  margin:auto;
  border-radius:60px;
  z-index:2}

@media(max-width: 991px) {
  .cta-sec6 {
  border-radius:40px}
}
.cta-sec6 .shape-mockup {
  display:block !important;
  z-index:-1;
  width:50%;
  height:100%}

@media(max-width: 767px) {
  .cta-sec6 .shape-mockup {
  display:none !important}
}
.cta-sec6 .shape-mockup img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover}

@media(max-width: 1500px) {
  .cta-sec6 {
  max-width:100%}
}
.cta-sec6 .discount-text {
  display:block;
  font-weight:700;
  font-size:30px;
  margin-bottom:15px}
.cta-area6 {
  position:relative;
  z-index:2}
.cta-area6 .sec-title {
  text-transform:capitalize;
  margin-bottom:26px;
  line-height:1.3}
.cta-area6 .cta-shape {
  position:absolute;
  top:0;
  right:-87px;
  height:100%;
  width:60px;
  background-color:var(--title-color);
  -webkit-mask-image:url("../img/normal/shape.svg");
  mask-image:url("../img/normal/shape.svg");
  -webkit-mask-size:100%;
  mask-size:100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat}

@media(max-width: 991px) {
  .cta-area6 .cta-shape {
  display:none}
}
.cta-area6 .th-btn:hover {
  color:var(--title-color)}
.cta-area6 .th-btn:hover:before {
  background-color:var(--white-color)}
.cta-area6 .th-btn:hover:after {
  background-color:var(--title-color)}
.cta6-shape {
  position:absolute;
  right:-45px;
  top:0}
.main-menu ul.mega-menu {
  position:absolute;
  top:100%;
  left:0 !important;
  right:0 !important;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:1200px;
  max-width:-webkit-max-content;
  max-width:-moz-max-content;
  max-width:max-content;
  max-height:500px;
  overflow:overlay;
  opacity:0;
  visibility:hidden;
  -webkit-transform-origin:top center;
  transform-origin:top center;
  -webkit-transform:scaleY(0) translateZ(100px);
  transform:scaleY(0) translateZ(100px);
  -webkit-transition:opacity 500ms ease,visibility 500ms ease,-webkit-transform 700ms ease;
  transition:opacity 500ms ease,visibility 500ms ease,-webkit-transform 700ms ease;
  transition:opacity 500ms ease,visibility 500ms ease,transform 700ms ease;
  transition:opacity 500ms ease,visibility 500ms ease,transform 700ms ease,-webkit-transform 700ms ease;
  z-index:99;
  background-color:var(--white-color);
  padding:20px 10px;
  text-align:center;
  margin:auto}

@media(max-width: 1599px) {
  .main-menu ul.mega-menu {
  width:1170px;
  left:-10rem !important}
}

@media(max-width: 1299px) {
  .main-menu ul.mega-menu {
  left:-18rem !important}
}
.main-menu ul.mega-menu li {
  -webkit-box-flex:1;
  -ms-flex:1 1 100%;
  flex:1 1 100%;
  width:100%;
  position:relative}
.main-menu ul.mega-menu a {
  font-size:16px;
  line-height:30px}
.main-menu ul.mega-menu::-webkit-scrollbar {
  width:5px;
  height:5px;
  border-radius:0px}
.main-menu ul.mega-menu::-webkit-scrollbar-track {
  background:#fff;
  -webkit-box-shadow:inset 0 0 0px rgba(0,0,0,.3);
  box-shadow:inset 0 0 0px rgba(0,0,0,.3);
  border-radius:0px}
.main-menu ul.mega-menu::-webkit-scrollbar-thumb {
  background-color:var(--theme-color);
  background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  border-radius:0px}
.main-menu ul.mega-menu li li {
  padding:2px 0}
.main-menu ul.mega-menu li a {
  display:inline-block;
  text-transform:capitalize}
.main-menu ul.mega-menu>li>a {
  display:block;
  padding:0;
  padding-bottom:15px;
  margin-bottom:10px;
  text-transform:capitalize;
  letter-spacing:1px;
  font-weight:700;
  color:var(--title-color);
  border-color:var(--theme-color)}
.main-menu ul.mega-menu>li>a::after,
.main-menu ul.mega-menu>li>a::before {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:15px;
  height:1px;
  background-color:var(--theme-color)}
.main-menu ul.mega-menu>li>a::after {
  width:calc(100% - 20px);
  left:20px}
.main-menu ul.mega-menu>li>a:hover {
  padding-left:0}

@media(max-width: 991px) {
  .main-menu ul.mega-menu {
  padding:10px 0 !important}
}
.main-menu ul.mega-menu .th-mobile-menu ul li ul li {
  padding-left:0px}
.main-menu ul.mega-menu .th-mobile-menu ul li a:before {
  content:"ï„…";
  font-family:var(--icon-font);
  position:absolute;
  left:0;
  top:12px;
  margin-right:10px;
  display:none}
.mega-menu-box {
  -webkit-box-shadow:0px 0px 34px rgba(0,0,0,.08);
  box-shadow:0px 0px 34px rgba(0,0,0,.08);
  border-radius:5px}
.mega-menu-box .mega-menu-img {
  position:relative;
  border-radius:5px 5px 0 0;
  overflow:hidden}
.mega-menu-box .mega-menu-img:after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.3)}
.mega-menu-box .mega-menu-img img {
  -webkit-transition:-webkit-filter 500ms ease;
  transition:-webkit-filter 500ms ease;
  transition:filter 500ms ease;
  transition:filter 500ms ease, -webkit-filter 500ms ease;
  -webkit-filter:blur(0px);
  filter:blur(0px)}
.mega-menu-box .mega-menu-img .btn-wrap {
  z-index:1;
  background:rgba(0,0,0,.5);
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -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:10px;
  -webkit-transform:scale(1, 0);
  transform:scale(1, 0);
  -webkit-transition:opacity 600ms linear,-webkit-transform 500ms ease;
  transition:opacity 600ms linear,-webkit-transform 500ms ease;
  transition:transform 500ms ease,opacity 600ms linear;
  transition:transform 500ms ease,opacity 600ms linear,-webkit-transform 500ms ease;
  -webkit-transform-origin:bottom center;
  transform-origin:bottom center;
  opacity:0}
.mega-menu-box .mega-menu-img .btn-wrap .th-btn {
  padding:6px 18px;
  font-size:14px;
  color:var(--white-color);
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content}
.mega-menu-box .mega-menu-img .btn-wrap .th-btn:after {
  display:none}
.mega-menu-box:hover .btn-wrap {
  -webkit-transform:scale(1, 1);
  transform:scale(1, 1);
  opacity:1;
  -webkit-transform-origin:top center;
  transform-origin:top center}
.mega-menu-box:hover .mega-menu-img img {
  -webkit-filter:blur(2px);
  filter:blur(2px)}
.mega-menu-box .mega-menu-title {
  margin-bottom:0;
  text-align:center;
  line-height:normal;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:14px 0}
.mega-menu-box .mega-menu-title span {
  color:var(--theme-color);
  text-transform:capitalize;
  font-size:16px;
  margin-right:5px}
.mega-menu-box .mega-menu-title span:after {
  display:none}
.mega-menu-box .mega-menu-title a {
  color:var(--black-color2);
  line-height:normal}
.mega-menu-box .mega-menu-title a:after {
  display:none}
.mega-menu-box .mega-menu-title a:hover {
  color:var(--title-color)}

@media(max-width: 991px) {
  .mega-menu-box .mega-menu-title a {
  padding:0}
.mega-menu-box .mega-menu-title a:before {
  display:none}
}
.mfp-wrap {
  -webkit-transform:translateY(-65px);
  transform:translateY(-65px);
  -webkit-transition:all 1s ease-out;
  transition:all 1s ease-out}
.mfp-wrap.mfp-ready {
  -webkit-transform:translateY(0);
  transform:translateY(0)}
.popup-login-register {
  position:relative;
  max-width:606px;
  display:block;
  margin:auto;
  background:var(--white-color);
  border-radius:16px;
  padding:40px}
.popup-login-register ul {
  gap:30px;
  border-bottom:3px solid var(--th-border-color);
  margin-bottom:28px}
.popup-login-register ul li .nav-menu {
  position:relative;
  background:rgba(0,0,0,0);
  font-size:18px;
  color:var(--body-color);
  border:none;
  font-family:var(--title-font);
  font-weight:600;
  padding:0;
  padding-bottom:20px}
.popup-login-register ul li .nav-menu:before {
  content:"";
  height:3px;
  width:100%;
  position:absolute;
  bottom:-3px;
  left:0}
.popup-login-register ul li .nav-menu.active {
  color:var(--black-color2)}
.popup-login-register ul li .nav-menu.active:before {
  background-color:var(--theme-color)}
.popup-login-register .box-title {
  font-size:28px;
  font-weight:700}
.benefit-area {
  position:relative;
  z-index:2}

@media(max-width: 1199px) {
  .benefit-area {
  padding-bottom:300px}
}

@media(max-width: 850px) {
  .benefit-area {
  padding-bottom:450px}
}

@media(max-width: 767px) {
  .benefit-area {
  padding-bottom:350px;
  background-color:var(--title-color);
  background-image:none !important}
}

@media(max-width: 480px) {
  .benefit-area {
  padding-bottom:450px}
}

@media(max-width: 375px) {
  .benefit-area {
  padding-bottom:100px}
}
.benefit-area .th-benefit-bg {
  position:absolute;
  inset:0}
.benefit-titlebox .sec-title {
  font-size:30px}
.benefitSlide .benefit-img {
  position:relative;
  overflow:hidden;
  max-width:1508px}

@media(min-width: 1930px) {
  .benefitSlide .benefit-img {
  max-width:70%}
}

@media(max-width: 1199px) {
  .benefitSlide .benefit-img {
  max-width:100%;
  height:100%}
}
.benefitSlide .benefit-img img {
  position:relative;
  overflow:hidden}
.benefitSlide .benefit-img::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:"";
  background:rgba(11,20,34,.6);
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg);
  z-index:2}
.benefitSlide .icon-box {
  position:absolute;
  left:50%;
  bottom:74px}
.benefitSlide .slider-arrow {
  -webkit-box-shadow:none;
  box-shadow:none;
  border:1px solid #fff;
  --icon-size: 66px;
  background-color:rgba(0,0,0,0)}
.benefitSlide .slider-arrow img {
  -webkit-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)}
.benefitSlide .slider-arrow:hover {
  background-color:var(--white-color)}
.benefitSlide .slider-arrow:hover img {
  -webkit-filter:none;
  filter:none}
.benefitSlide .swiper-slide {
  position:relative;
  overflow:hidden;
  -webkit-transition:opacity .6s ease,-webkit-transform .6s ease;
  transition:opacity .6s ease,-webkit-transform .6s ease;
  transition:transform .6s ease,opacity .6s ease;
  transition:transform .6s ease,opacity .6s ease,-webkit-transform .6s ease}
.benefitSlide .swiper-slide.swiper-slide-active .destination-img img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  -webkit-transition:-webkit-transform .6s ease-in-out;
  transition:-webkit-transform .6s ease-in-out;
  transition:transform .6s ease-in-out;
  transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out}
.benefitSlide .swiper-slide .destination-img img {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform .6s ease-in-out;
  transition:-webkit-transform .6s ease-in-out;
  transition:transform .6s ease-in-out;
  transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out}
.benefit-area {
  margin-top:120px;
  position:absolute;
  top:0;
  right:0;
  width:100%}

@media(max-width: 1199px) {
  .benefit-area {
  margin-top:40px}
}

@media(max-width: 375px) {
  .benefit-area {
  position:relative}
}
.benefit-slider-thumb-wrap {
  margin-right:-35% !important}

@media(max-width: 767px) {
  .benefit-slider-thumb-wrap {
  margin:0 !important}
}
.benefit-slider-thumb-wrap .box-img {
  height:433px;
  border-radius:20px}

@media(max-width: 767px) {
  .benefit-slider-thumb-wrap .box-img {
  height:200px}
}
.benefit-slider-thumb-wrap .box-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:20px;
  border:1px solid var(--th-border-color)}
.activities-checklist {
  padding:24px;
  border:1px solid #e1e4e6;
  border-radius:8px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}

@media(max-width: 1399px) {
  .activities-checklist {
  display:block}
}

@media(max-width: 480px) {
  .activities-checklist {
  border:none;
  padding:0}
}
.activities-checklist .checklist.style2 {
  min-width:387px}

@media(max-width: 1299px) {
  .activities-checklist .checklist.style2 {
  min-width:250px}
}

@media(max-width: 480px) {
  .activities-checklist .checklist.style2 {
  min-width:100%;
  margin-bottom:20px}
}
.activities-checklist .checklist.style2 li {
  color:var(--black-color2)}
.activities-checklist .checklist.style2:last-child {
  border-left:1px solid #e1e4e5;
  padding-left:24px}

@media(max-width: 1399px) {
  .activities-checklist .checklist.style2:last-child {
  border:none;
  padding-left:0}
}

@media(max-width: 480px) {
  .activities-checklist .checklist.style2:last-child {
  border:none}
}
.color-scheme-wrap {
  position:fixed;
  right:0;
  top:50%;
  z-index:99;
  background:var(--white-color);
  padding:20px 30px;
  border-radius:10px 0 0 10px;
  display:inline-block;
  text-align:center;
  -webkit-transition:.4s;
  transition:.4s;
  -webkit-box-shadow:0px 0px 4px 0px rgba(51,51,51,.2);
  box-shadow:0px 0px 4px 0px rgba(51,51,51,.2)}
.color-scheme-wrap .switchIcon {
  position:absolute;
  left:0;
  top:10px;
  border:0;
  background:var(--theme-color);
  color:var(--white-color);
  height:45px;
  width:45px;
  border-radius:5px 0 0 5px;
  -webkit-transform:translate(-100%, 0);
  transform:translate(-100%, 0)}
.color-scheme-wrap .color-scheme-wrap-title {
  font-size:22px;
  border-bottom:1px solid var(--th-border-color);
  padding-bottom:6px;
  color:var(--title-color);
  margin-bottom:30px}
.color-scheme-wrap .color-scheme-wrap-title i {
  font-size:18px;
  margin-right:3px}
.color-scheme-wrap .color-switch-btns {
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:18px;
  margin-bottom:25px}
.color-scheme-wrap .color-switch-btns button {
  padding:0;
  border:0;
  background:rgba(0,0,0,0);
  font-size:34px;
  color:var(--theme-color);
  text-align:left}
.color-scheme-wrap.active {
  -webkit-transform:translate(100%, 0);
  transform:translate(100%, 0)}
.case-tabs {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  gap:17px;
  border-bottom:0;
  margin-top:50px}

@media(max-width: 1500px) {
  .case-tabs {
  gap:10px}
}

@media(max-width: 1199px) {
  .case-tabs {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-bottom:0;
  margin-top:0;
  margin-bottom:50px}
}
.case-tabs .th-btn {
  font-size:14px;
  padding:6px 24px;
  border-radius:10px;
  color:var(--black-color2);
  background-color:#eef1ff}

@media(max-width: 1299px) {
  .case-tabs .th-btn {
  padding:6px 12px}
}
.case-tabs .th-btn::before {
  border-radius:10px;
  background-color:var(--theme-color)}
.case-tabs .th-btn:hover,
.case-tabs .th-btn.active {
  color:var(--white-color);
  background:var(--theme-color)}
.px-5 {
  padding-right:5px;
  padding-left:5px}
.px-10 {
  padding-right:10px;
  padding-left:10px}
.px-15 {
  padding-right:15px;
  padding-left:15px}
.px-20 {
  padding-right:20px;
  padding-left:20px}
.px-25 {
  padding-right:25px;
  padding-left:25px}
.px-30 {
  padding-right:30px;
  padding-left:30px}
.px-35 {
  padding-right:35px;
  padding-left:35px}
.px-40 {
  padding-right:40px;
  padding-left:40px}
.px-45 {
  padding-right:45px;
  padding-left:45px}
.px-50 {
  padding-right:50px;
  padding-left:50px}
.py-5 {
  padding-top:5px;
  padding-bottom:5px}
.py-10 {
  padding-top:10px;
  padding-bottom:10px}
.py-15 {
  padding-top:15px;
  padding-bottom:15px}
.py-20 {
  padding-top:20px;
  padding-bottom:20px}
.py-25 {
  padding-top:25px;
  padding-bottom:25px}
.py-30 {
  padding-top:30px;
  padding-bottom:30px}
.py-35 {
  padding-top:35px;
  padding-bottom:35px}
.py-40 {
  padding-top:40px;
  padding-bottom:40px}
.py-45 {
  padding-top:45px;
  padding-bottom:45px}
.py-50 {
  padding-top:50px;
  padding-bottom:50px}
.pt-5 {
  padding-top:5px}
.pt-10 {
  padding-top:10px}
.pt-15 {
  padding-top:15px}
.pt-20 {
  padding-top:20px}
.pt-25 {
  padding-top:25px}
.pt-30 {
  padding-top:30px}
.pt-35 {
  padding-top:35px}
.pt-40 {
  padding-top:40px}
.pt-45 {
  padding-top:45px}
.pt-50 {
  padding-top:50px}
.pb-5 {
  padding-bottom:5px}
.pb-10 {
  padding-bottom:10px}
.pb-15 {
  padding-bottom:15px}
.pb-20 {
  padding-bottom:20px}
.pb-25 {
  padding-bottom:25px}
.pb-30 {
  padding-bottom:30px}
.pb-35 {
  padding-bottom:35px}
.pb-40 {
  padding-bottom:40px}
.pb-45 {
  padding-bottom:45px}
.pb-50 {
  padding-bottom:50px}
.pl-5 {
  padding-left:5px}
.pl-10 {
  padding-left:10px}
.pl-15 {
  padding-left:15px}
.pl-20 {
  padding-left:20px}
.pl-25 {
  padding-left:25px}
.pl-30 {
  padding-left:30px}
.pl-35 {
  padding-left:35px}
.pl-40 {
  padding-left:40px}
.pl-45 {
  padding-left:45px}
.pl-50 {
  padding-left:50px}
.pr-5 {
  padding-right:5px}
.pr-10 {
  padding-right:10px}
.pr-15 {
  padding-right:15px}
.pr-20 {
  padding-right:20px}
.pr-25 {
  padding-right:25px}
.pr-30 {
  padding-right:30px}
.pr-35 {
  padding-right:35px}
.pr-40 {
  padding-right:40px}
.pr-45 {
  padding-right:45px}
.pr-50 {
  padding-right:50px}
.pb-60 {
  padding-bottom:60px}
.pt-65 {
  padding-top:65px}
.pt-75 {
  padding-top:75px}
.pt-80 {
  padding-top:80px}
.mx-5 {
  margin-right:5px;
  margin-left:5px}
.mx-10 {
  margin-right:10px;
  margin-left:10px}
.mx-15 {
  margin-right:15px;
  margin-left:15px}
.mx-20 {
  margin-right:20px;
  margin-left:20px}
.mx-25 {
  margin-right:25px;
  margin-left:25px}
.mx-30 {
  margin-right:30px;
  margin-left:30px}
.mx-35 {
  margin-right:35px;
  margin-left:35px}
.mx-40 {
  margin-right:40px;
  margin-left:40px}
.mx-45 {
  margin-right:45px;
  margin-left:45px}
.mx-50 {
  margin-right:50px;
  margin-left:50px}
.my-5 {
  margin-top:5px;
  margin-bottom:5px}
.my-10 {
  margin-top:10px;
  margin-bottom:10px}
.my-15 {
  margin-top:15px;
  margin-bottom:15px}
.my-20 {
  margin-top:20px;
  margin-bottom:20px}
.my-25 {
  margin-top:25px;
  margin-bottom:25px}
.my-30 {
  margin-top:30px;
  margin-bottom:30px}
.my-35 {
  margin-top:35px;
  margin-bottom:35px}
.my-40 {
  margin-top:40px;
  margin-bottom:40px}
.my-45 {
  margin-top:45px;
  margin-bottom:45px}
.my-50 {
  margin-top:50px;
  margin-bottom:50px}
.mt-5 {
  margin-top:5px}
.mt-10 {
  margin-top:10px}
.mt-15 {
  margin-top:15px}
.mt-20 {
  margin-top:20px}
.mt-25 {
  margin-top:25px}
.mt-30 {
  margin-top:30px}
.mt-35 {
  margin-top:35px}
.mt-40 {
  margin-top:40px}
.mt-45 {
  margin-top:45px}
.mt-50 {
  margin-top:50px}
.mb-5 {
  margin-bottom:5px}
.mb-10 {
  margin-bottom:10px}
.mb-15 {
  margin-bottom:15px}
.mb-20 {
  margin-bottom:20px}
.mb-25 {
  margin-bottom:25px}
.mb-30 {
  margin-bottom:30px}
.mb-35 {
  margin-bottom:35px}
.mb-40 {
  margin-bottom:40px}
.mb-45 {
  margin-bottom:45px}
.mb-50 {
  margin-bottom:50px}
.ml-5 {
  margin-left:5px}
.ml-10 {
  margin-left:10px}
.ml-15 {
  margin-left:15px}
.ml-20 {
  margin-left:20px}
.ml-25 {
  margin-left:25px}
.ml-30 {
  margin-left:30px}
.ml-35 {
  margin-left:35px}
.ml-40 {
  margin-left:40px}
.ml-45 {
  margin-left:45px}
.ml-50 {
  margin-left:50px}
.mr-5 {
  margin-right:5px}
.mr-10 {
  margin-right:10px}
.mr-15 {
  margin-right:15px}
.mr-20 {
  margin-right:20px}
.mr-25 {
  margin-right:25px}
.mr-30 {
  margin-right:30px}
.mr-35 {
  margin-right:35px}
.mr-40 {
  margin-right:40px}
.mr-45 {
  margin-right:45px}
.mr-50 {
  margin-right:50px}
.mb-60 {
  margin-bottom:60px}
.mb-33 {
  margin-bottom:33px}
.mb-28 {
  margin-bottom:28px}
.mt-n1 {
  margin-top:-0.25rem}
.mt-n2 {
  margin-top:-0.45rem}
.mt-n3 {
  margin-top:-0.8rem}
.mt-n4 {
  margin-top:-1.5rem}
.mt-n5 {
  margin-top:-3rem}
.mb-n1 {
  margin-bottom:-0.25rem}
.mb-n2 {
  margin-bottom:-0.45rem}
.mb-n3 {
  margin-bottom:-0.8rem}
.mb-n4 {
  margin-bottom:-1.5rem}
.mb-n5 {
  margin-bottom:-3rem}
.mt-24 {
  margin-top:24px}
.mt-60 {
  margin-top:60px}
.mt-80 {
  margin-top:80px}
.mt-55 {
  margin-top:55px}

@media(max-width: 1500px) {
  .m-4 {
  margin:0 !important}
}
.fs-18 {
  font-size:18px}
.fs-48 {
  font-size:48px}

@media(max-width: 767px) {
  .fs-48 {
  font-size:40px}
}

@media(max-width: 575px) {
  .fs-48 {
  font-size:30px}
}
.space,
.space-top {
  padding-top:var(--section-space)}
.space,
.space-bottom {
  padding-bottom:var(--section-space)}
.space-extra,
.space-extra-top {
  padding-top:calc(var(--section-space) - 30px)}
.space-extra,
.space-extra-bottom {
  padding-bottom:calc(var(--section-space) - 30px)}
.space-extra2,
.space-extra2-top {
  padding-top:calc(var(--section-space) - 40px)}
.space-extra2,
.space-extra2-bottom {
  padding-bottom:calc(var(--section-space) - 40px)}

@media(max-width: 991px) {
  .space,
.space-top {
  padding-top:var(--section-space-mobile)}
.space,
.space-bottom {
  padding-bottom:var(--section-space-mobile)}
.space-extra,
.space-extra-top {
  padding-top:calc(var(--section-space-mobile) - 30px)}
.space-extra,
.space-extra-bottom {
  padding-bottom:calc(var(--section-space-mobile) - 30px)}
.space-top-md-none {
  padding-top:0}
.space-extra2,
.space-extra2-top {
  padding-top:70px}
.space-extra2,
.space-extra2-bottom {
  padding-bottom:70px}
}
.space-extra3 {
  position:relative;
  margin:-35px 0;
  z-index:8}