/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slick Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Subscribe
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Client
    4.00. Simple Sections
    4.00. Video
    4.00. Category
    4.00. Faq
    4.00. feature
    4.00. CTA
    4.00. Service
    4.00. Pricing
    4.00. Why choose Us
    4.00. Project
    4.00. Event
    4.00. Gallery
    4.00. Schedule

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/*------------------- 1.2. Function -------------------*/
/*------------------- 1.3. Variable-------------------*/
:root {--theme-color: #E8092E;--title-color: #3f485d;--body-color: #3f485d;--smoke-color: #F4F4F4;--smoke-color2: #F6F6F7;--smoke-color3: #F5F5F6;--smoke-color4: #F4F4F4;--smoke-color5: #F0F2F4;--black-color: #202020;--gray-color: #232323;--white-color: #ffffff;--light-color: #9fa2ad;--yellow-color: #FFB539;--success-color: #28a745;--error-color: #dc3545;--border-color: #E1E1E1;--title-font: "Yantramanav", sans-serif;--body-font: "Roboto", sans-serif;--icon-font: "Font Awesome 5 Free";--main-container: 1290px;--container-gutters: 24px;--section-space: 120px;--section-space-mobile: 80px;--section-title-space: 60px;--ripple-ani-duration: 5s;}

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

body {font-family: 'Rubik';;font-size: 16px;font-weight: 400;color: var(--body-color);overflow-x: hidden;-webkit-font-smoothing: antialiased;/***scroll-bar***/
}
body::-webkit-scrollbar {width: 10px;height: 10px;}
body::-webkit-scrollbar-track {background: rgba(251, 212, 81, 0.1);}
body::-webkit-scrollbar-thumb {background: var(--theme-color);border-radius: 0px;}
body.home-3 {background: var(--smoke-color5);}
body.home-3 .btn {font-size: 14px;font-weight: 600;letter-spacing: 0.05em;padding: 20.5px 35px 20.5px;}

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;}
.clearfix{ clear:both; content:'';}
input:focus {outline: none;box-shadow: none;}
video{vertical-align: middle}
img:not([draggable]),
embed,
object,
video {max-width: 100%;height: auto;}

ul {list-style-type: disc;}

ol {list-style-type: decimal;}

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

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

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

a {color: var(--theme-color);text-decoration: none;outline: 0;transition: all ease 0.4s;}
a:hover {color: var(--title-color);}
a:active, a:focus, a:hover, a:visited {text-decoration: none;outline: 0;}

button {transition: all ease 0.4s;}

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

ins {text-decoration: none;}

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

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

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

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

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

.h1,
h1 {font-size: 75px;line-height: 0.9333em;}

.h2,
h2 {font-size: 50px;line-height: 1.1em;}

.h3,
h3 {font-size: 36px;line-height: 1.278;}

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

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

.h6,
h6 {font-size: 18px;line-height: 1.5;}

/* Medium Large devices */
@media (max-width: 1399px) {.h1,
  h1 {  font-size: 54px;}
}
/* Large devices */
@media (max-width: 1199px) {.h1,
  h1 {  font-size: 44px;  line-height: 1.3;}
  .h2,
  h2 {  font-size: 40px;  line-height: 1.25;}
  .h3,
  h3 {  font-size: 30px;}
  .h4,
  h4 {  font-size: 24px;}
  .h5,
  h5 {  font-size: 20px;}
  .h6,
  h6 {  font-size: 16px;}
}
/* Small devices */
@media (max-width: 767px) {.h1,
  h1 {  font-size: 40px;}
  .h2,  h2 {  font-size: 34px;  line-height: 1.3;}
  .h3,  h3 {  font-size: 26px;}
  .h4,  h4 {  font-size: 22px;}
  .h5,  h5 {  font-size: 18px;}
  .h6,  h6 {  font-size: 16px;}
}
/* Extra small devices */
@media (max-width: 575px) {
  .h2,  h2 {  font-size: 30px;}
}
/* Extra small devices */
@media (max-width: 375px) {
  .h1,  h1 {  font-size: 34px;}
}
/*------------------- 1.6. Extend -------------------*/
/*------------------- 1.7. Wordpress Default -------------------*/
.admin-bar .default-header .sticky-wrapper.sticky {top: 32px;}

.wp-block-search__label {position: relative;font-size: 24px;font-weight: 500 !important;font-family: var(--title-font);line-height: 1em;margin: -0.12em 0 25px 0;}

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;}
.page--item .th-comment-form {padding: 0;}
.page--item .th-comments-wrap {margin-left: 0;margin-right: 0;margin-top: 30px;}

.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: 0.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: 0.5em 0;font-size: 14px;}

.wp-block-media-text,.wp-block-media-text.alignwide,.igure.wp-block-gallery {margin-bottom: 30px;}

.wp-block-media-text.alignwide {background-color: var(--smoke-color);}

.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: #fff;background-color: var(--theme-color);}
.wp-block-button.is-style-outline .wp-block-button__link {background-color: transparent;border-color: var(--title-color);color: var(--title-color);}
.wp-block-button.is-style-outline .wp-block-button__link:hover {color: #fff;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 {display: flex;flex-wrap: wrap;}
.wp-block-search .wp-block-search__inside-wrapper {border: 1px solid #EAEBEE;border-radius: 10px 0 0 10px;overflow: hidden;}
.wp-block-search .wp-block-search__input {width: 100%;max-width: 100%;padding-left: 20px;border: 0;}
.wp-block-search .wp-block-search__button {margin: 0;min-width: 110px;border: none;color: #fff;border-radius: 10px;background-color: var(--theme-color);}
.wp-block-search .wp-block-search__button.has-icon {min-width: 55px;}
.wp-block-search .wp-block-search__button:hover {background-color: var(--title-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, 0.1);}

.wp-block-table.is-style-stripes {border: 1px solid rgba(0, 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(--border-color);}

.logged-in .will-sticky .sticky-active.active,.logged-in .preloader .btn {top: 32px;}
@media (max-width: 782px) {
  .logged-in .will-sticky .sticky-active.active,.logged-in .preloader .btn {  top: 46px;}
}
@media (max-width: 600px) {
  .logged-in .will-sticky .sticky-active.active,  .logged-in .preloader .btn {  top: 0;}
}

.post-password-form {margin-bottom: 30px;  margin-top: 20px;}
.post-password-form p {display: flex;  position: relative;  gap: 15px;/* Extra small devices */
}
@media (max-width: 575px) {.post-password-form p {  flex-wrap: wrap;}
}
.post-password-form label {display: flex;align-items: center;flex: auto;margin-bottom: 0;line-height: 1;margin-top: 0;gap: 15px;/* Extra small devices */
}
@media (max-width: 575px) {.post-password-form label {  flex-wrap: wrap;}
}
.post-password-form input {width: 100%;border: none;height: 55px;padding-left: 25px;color: var(--body-color);border: 1px solid var(--border-color);}
.post-password-form input[type=submit] {padding-left: 0;padding-right: 0;margin: 0;width: 140px;border: none;color: #fff;background-color: var(--theme-color);text-align: center;}
.post-password-form input[type=submit]:hover {background-color: var(--title-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, 0.08);margin-right: 10px;}
.page-links > span:not(.page-links-title):not(.screen-reader-text):hover,
.page-links > a:hover {opacity: 0.8;color: var(--white-color);background-color: var(--theme-color);border-color: transparent;}
.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: transparent;}
.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, .blog-single.format-link .blog-content, .blog-single.tag-sticky-2 .blog-content, .blog-single.sticky .blog-content {background-color: var(--smoke-color);border: none;padding: 40px;border-radius: 15px;}
.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: "\f0c1";position: absolute;font-family: "Font Awesome 6 Pro";font-size: 5rem;opacity: 0.3;right: 15px;line-height: 1;top: 15px;color: var(--theme-color);z-index: 1;}
.blog-single.tag-sticky-2::before, .blog-single.sticky::before {content: "\f08d";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 15px 0 4px;}
.blog-single.format-quote blockquote, .blog-single.format-quote .wp-block-quote {background: var(--white-color);margin-bottom: 0;}
.blog-single.format-quote:before {content: "\f10e";top: 0;}
.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-single.format-chat .entry-content > p:nth-child(2n) {background: var(--smoke-color);padding: 5px 20px;}

.blog-details .blog-single:before {display: none;}
.blog-details .blog-single .blog-content {background-color: transparent;overflow: hidden;}
.blog-details .blog-single .blog-content p:last-child {margin-bottom: 0;}
.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 {box-shadow: none;background-color: transparent;}
.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;}

.blog-single .wp-block-tag-cloud {margin-bottom: 20px;}
.blog-single .wp-block-tag-cloud a {background-color: var(--smoke-color);color: var(--title-color);box-shadow: none;}

.th-search {background-color: #f3f3f3;margin-bottom: 30px;border: 1px solid #f3f3f3;}
.th-search .search-grid-content {padding: 30px;/* Small devices */
}
@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);}

/* Large devices */
@media (max-width: 1199px) {.blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before {  font-size: 14px;  padding: 8px 16px;}
  .blog-single.format-quote:before {  top: 15px;}
}
/* Small devices */
@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;  padding: 8px 16px;}
}
@media (max-width: 768px) {.wp-block-latest-comments {  padding-left: 10px;}
  .page--content.clearfix + .th-comment-form {  margin-top: 24px;}
}
.site {overflow-x: visible;}

/*=================================
    02. Reset
==================================*/
/*------------------- 2.1. Container -------------------*/
/* Medium Large devices */
@media (max-width: 1399px) {:root {  --main-container: 1250px;}
}
.container2 {max-width: 1330px;margin: auto;}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {  max-width: calc(var(--main-container) + var(--container-gutters));}
  .container2 {  max-width: 1330px;}
  .nav-header .header-top .container{ max-width:1550px}
}
@media only screen and (min-width: 1300px) {.container2.px-0,
  .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);}
  .container2 {  max-width: 1330px;}
}
/* Medium Large devices */
@media (max-width: 1399px) {.container2 {  max-width: 1140px;}
}
/* Large devices */
@media (max-width: 1199px) {.container2 {  max-width: 960px;}
}
/* Medium devices */
@media (max-width: 991px) {.container2 {  max-width: 720px;}
}
/* Small devices */
@media (max-width: 767px) {.container2 {  max-width: 540px;}
}
@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;}
}
/* Large devices */
@media (max-width: 1199px) {.container2 {  padding-left: 15px !important;  padding-right: 15px !important;}
}
/*------------------- 2.2. Grid -------------------*/
.slick-track > [class*=col] {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);}

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

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

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

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

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

@media (min-width: 1299px) {.gx-60 {  --bs-gutter-x: 60px;}
}
@media (min-width: 1399px) {.gx-30 {  --bs-gutter-x: 30px;}
  .gx-25 {  --bs-gutter-x: 25px;}
  .gx-40 {  --bs-gutter-x: 40px;}
  .gx-90 {  --bs-gutter-x: 90px;}
}
/* Large devices */
@media (max-width: 1199px) {.gy-80 {  --bs-gutter-y: 40px;}
}
/* Medium devices */
@media (max-width: 991px) {.gy-50 {  --bs-gutter-y: 40px;}
}
/*------------------- 2.3. Input -------------------*/
select,
.single-select,
.form-control,
.form-select,
textarea,
input {height: 60px;padding: 0 20px;border: 1px solid transparent;color: var(--body-color);background-color: var(--smoke-color);font-size: 16px;width: 100%;font-family: var(--body-font);transition: 0.4s ease-in-out;padding-right: 45px;border-radius: 5px;}
select:focus,
.single-select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {outline: 0;box-shadow: none;border-color: var(--theme-color);background-color: var(--smoke-color);}
select::-moz-placeholder,
.single-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,
.single-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,
.single-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,
.single-select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {color: var(--body-color);}
select.style2,
.single-select.style2,
.form-control.style2,
.form-select.style2,
textarea.style2,
input.style2 {height: auto;border: none;border: 2px solid var(--theme-color);padding: 14.5px 30px;background-color: transparent;line-height: initial;}
select.style2 option,
.single-select.style2 option,
.form-control.style2 option,
.form-select.style2 option,
textarea.style2 option,
input.style2 option {background-color: var(--title-color);color: var(--body-color);padding: 2px 15px;}
select.style2::-moz-placeholder,
.single-select.style2::-moz-placeholder,
.form-control.style2::-moz-placeholder,
.form-select.style2::-moz-placeholder,
textarea.style2::-moz-placeholder,
input.style2::-moz-placeholder {color: var(--body-color);}
select.style2::-webkit-input-placeholder,
.single-select.style2::-webkit-input-placeholder,
.form-control.style2::-webkit-input-placeholder,
.form-select.style2::-webkit-input-placeholder,
textarea.style2::-webkit-input-placeholder,
input.style2::-webkit-input-placeholder {color: var(--body-color);}
select.style2:-ms-input-placeholder,
.single-select.style2:-ms-input-placeholder,
.form-control.style2:-ms-input-placeholder,
.form-select.style2:-ms-input-placeholder,
textarea.style2:-ms-input-placeholder,
input.style2:-ms-input-placeholder {color: var(--body-color);}
select.style2::placeholder,
.single-select.style2::placeholder,
.form-control.style2::placeholder,
.form-select.style2::placeholder,
textarea.style2::placeholder,
input.style2::placeholder {color: var(--body-color);}
select.style-white,
.single-select.style-white,
.form-control.style-white,
.form-select.style-white,
textarea.style-white,
input.style-white {background: var(--white-color);}
select.style-border,
.single-select.style-border,
.form-control.style-border,
.form-select.style-border,
textarea.style-border,
input.style-border {background: transparent;border: 1px solid var(--border-color);}
select.style-border:focus,
.single-select.style-border:focus,
.form-control.style-border:focus,
.form-select.style-border:focus,
textarea.style-border:focus,
input.style-border:focus {outline: 0;box-shadow: none;border-color: var(--theme-color);}
select.style-border2,
.single-select.style-border2,
.form-control.style-border2,
.form-select.style-border2,
textarea.style-border2,
input.style-border2 {background: transparent;border: 1px solid var(--white-color);color: var(--white-color);}
select.style-border2::placeholder,
.single-select.style-border2::placeholder,
.form-control.style-border2::placeholder,
.form-select.style-border2::placeholder,
textarea.style-border2::placeholder,
input.style-border2::placeholder {color: var(--white-color);}
select.style-border2 option,
.single-select.style-border2 option,
.form-control.style-border2 option,
.form-select.style-border2 option,
textarea.style-border2 option,
input.style-border2 option {color: var(--title-color);}
select.style-border2:focus,
.single-select.style-border2:focus,
.form-control.style-border2:focus,
.form-select.style-border2:focus,
textarea.style-border2:focus,
input.style-border2:focus {outline: 0;box-shadow: none;border-color: var(--theme-color);}
select.style3,
.single-select.style3,
.form-control.style3,
.form-select.style3,
textarea.style3,
input.style3 {background: var(--smoke-color3);}

.form-text {font-size: 16px;}
.form-text a {color: var(--title-color);font-weight: 500;}

.single-select,
.form-select,
select {display: block;width: 100%;line-height: 60px;cursor: pointer;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;}
.single-select:after,
.form-select:after,
select:after {right: 30px;height: 8px;width: 8px;}
.single-select .list,
.form-select .list,
select .list {width: 100%;}

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

.form-group {margin-bottom: 30px;position: relative;}
.form-group > i {display: inline-block;position: absolute;right: 25px;top: 21px;font-size: 16px;color: var(--body-color);}
.form-group > i.fa-envelope {padding-top: 1px;}
.form-group > i.fa-comment {margin-top: -2px;}
.form-group > i.fa-chevron-down {width: 17px;background-color: var(--smoke-color);}
.form-group.has-label > i {top: 50px;}
.form-group.has-icon .form-control {padding-left: 70px;}
.form-group.has-icon .input-icon {display: inline-block;position: absolute;left: 40px;top: 18px;font-size: 16px;color: var(--body-color);}
.form-group.has-icon .input-icon:hover {color: var(--theme-color);}
.form-group.radius-group input {border-radius: 100px;}
.form-group.style-2 .form-control {padding: 0 30px 0 55px;}
.form-group.style-2 textarea.form-control {padding: 16px 30px 30px 55px;}
.form-group.style-3 .form-control {padding: 0 60px 0 30px;}

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

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

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

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

input[type=checkbox] {visibility: hidden;opacity: 0;display: inline-block;vertical-align: middle;width: 0;height: 0;display: none;border-radius: 10px;}
input[type=checkbox]:checked ~ label:before {content: "\f00c";color: var(--white-color);background-color: var(--theme-color);border-color: var(--theme-color);}
input[type=checkbox] ~ label {position: relative;padding-left: 30px;cursor: pointer;display: block;}
input[type=checkbox] ~ label:before {content: "";font-family: var(--icon-font);font-weight: 700;position: absolute;left: 0px;top: 3.5px;background-color: var(--white-color);border: 1px solid var(--theme-color);height: 18px;width: 18px;line-height: 18px;text-align: center;font-size: 12px;}
input[type=checkbox].style2 ~ label {color: #8B929C;padding-left: 23px;margin-bottom: -0.5em;}
input[type=checkbox].style2 ~ label:before {background-color: white;border: 1px solid rgb(247, 204, 215);height: 14px;width: 14px;line-height: 14px;border-radius: 3px;top: 6px;}
input[type=checkbox].style2:checked ~ label:before {color: var(--theme-color);}

input[type=radio] {visibility: hidden;opacity: 0;display: inline-block;vertical-align: middle;width: 0;height: 0;display: none;}
input[type=radio] ~ label {position: relative;padding-left: 30px;cursor: pointer;line-height: 1;display: inline-block;font-weight: 600;margin-bottom: 0;}
input[type=radio] ~ label::before {content: "\f111";position: absolute;font-family: var(--icon-font);left: 0;top: -2px;width: 20px;height: 20px;padding-left: 0;font-size: 0.6em;line-height: 19px;text-align: center;border: 1px solid var(--theme-color);border-radius: 100%;font-weight: 700;background: var(--white-color);color: transparent;transition: all 0.2s ease;}
input[type=radio]:checked ~ label::before {border-color: var(--theme-color);background-color: var(--theme-color);color: var(--white-color);}

label {margin-bottom: 0.5em;margin-top: -0.3em;display: block;color: var(--title-color);font-family: var(--body-font);font-size: 16px;}
textarea.is-invalid,select.is-invalid,input.is-invalid,.was-validated input:invalid {border: 1px solid var(--error-color) !important;background-position: right calc(0.375em + 0.8875rem) center;background-image: none;}
textarea.is-invalid:focus,select.is-invalid:focus,input.is-invalid:focus,.was-validated input:invalid:focus {outline: 0;box-shadow: none;}

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

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

.form-messages {display: none;}
.form-messages.mb-0 * {margin-bottom: 0;}
.form-messages.success {color: var(--success-color);display: block;}
.form-messages.error {color: var(--error-color);display: block;}
.form-messages pre {padding: 0;background-color: transparent;color: inherit;}

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

.slick-track {min-width: 100%;}

.slick-list {padding-left: 0;padding-right: 0;overflow: hidden;}

.slick-slide img {display: inline-block;}

.slick-dots {list-style-type: none;padding: 0;margin: 40px 0 0px 0;line-height: 0;text-align: center;height: max-content;}
.slick-dots li {display: inline-block;margin-right: 18px;}
.slick-dots li:last-child {margin-right: 0;}
.slick-dots button {font-size: 0;padding: 0;width: 10px;height: 10px;line-height: 0;border-radius: 9999px;border: none;background-color: var(--theme-color);transition: all ease 0.4s;position: relative;}
.slick-dots button:hover {border-color: var(--theme-color);}
.slick-dots button:before {content: "";position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;margin: -12px 0 0 -12px;border: 2px solid var(--theme-color);border-radius: 50%;transition: all ease 0.4s;opacity: 0;visibility: hidden;}
.slick-dots .slick-active button {background-color: var(--theme-color);}
.slick-dots .slick-active button::before {opacity: 1;visibility: visible;}

.slick-arrow {--pos-x: 362px;display: inline-block;padding: 0;background-color: var(--smoke-color);color: var(--theme-color);position: absolute;top: 50%;border: none;border-radius: 50%;right: var(--pos-x, 120px);width: var(--icon-size, 65px);height: var(--icon-size, 65px);line-height: var(--icon-size, 65px);font-size: var(--icon-font-size, 18px);margin-top: calc(var(--icon-size, 53px) / -1);box-shadow: 0px 6px 50px rgba(37, 37, 37, 0.05);z-index: 2;opacity: 1;}
.slick-arrow.default {position: relative;--pos-x: 0;margin-top: 0;}
.slick-arrow.slick-next {}
.slick-arrow.style2 {--icon-size: 50px;border-radius: 5px;color: var(--title-color);border: 1px solid var(--border-color);background: transparent;box-shadow: none;}
.slick-arrow.style2:hover {background: transparent;border-color: var(--theme-color);color: var(--theme-color);}
.slick-arrow.style3 {color: var(--white-color);border: 1px solid var(--theme-color);background: transparent;box-shadow: none;}
.slick-arrow.style3:hover {background: var(--theme-color);border-color: var(--theme-color);}
.slick-arrow:hover {opacity: 1;background: var(--theme-color);color: var(--white-color);}

.arrow-margin .slick-arrow {--pos-x: -100px;margin: 0;transform: translate(0, -50%);border-radius: 5px;}
.arrow-margin .slick-arrow.slick-prev {right: auto;left: var(--pos-x);}

.arrow-wrap .slick-arrow {opacity: 0;visibility: hidden;}
.arrow-wrap:hover .slick-arrow {opacity: 1;visibility: visible;}

/* Hight Resoulation devices */
@media (min-width: 1922px) {.slick-arrow {  --pos-x: 362px;}
}
@media (max-width: 1600px) {.slick-arrow {  --pos-x: 212px;}
}
/* Extra large devices */
@media (max-width: 1500px) {.slick-arrow {  --pos-x: 132px;}
}
/* Medium Large devices */
@media (max-width: 1399px) {.slick-arrow {  --pos-x: 120px;}
}
@media (max-width: 1200px) {.slick-arrow {  --pos-x: 42px;}
}
/* Medium devices */
@media (max-width: 991px) {.slick-dots {  margin: 40px 0 0 0;}
  .icon-box .slick-arrow {  margin-right: 0;}
}
/*------------------- 2.5. Mobile Menu -------------------*/
.mobile-menu-wrapper {position: fixed;top: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.9);z-index: 999999;width: 0;width: 100%;height: 100%;transition: all ease 0.8s;opacity: 0;visibility: hidden;}
.mobile-menu-wrapper .mobile-logo {padding: 0 0 0 30px;display: flex;gap: 30px;justify-content: space-between;align-items: center;background-color: var(--smoke-color2);border-bottom: 1px solid var(--theme-color);}
.mobile-menu-wrapper .mobile-logo svg {max-width: 185px;}
.mobile-menu-wrapper .menu-toggle {border: 0;border-left: 1px solid var(--theme-color);font-size: 22px;right: -16.5px;top: 25px;padding: 20px 30px 20px 30px;line-height: 1;line-height: 36px;font-size: 18px;z-index: 1;color: var(--theme-color);background-color: transparent;border-radius: 0;}
.mobile-menu-wrapper .menu-toggle:hover {background-color: var(--theme-color);color: var(--white-color);}
.mobile-menu-wrapper .mobile-menu-area {width: 100%;max-width: 310px;background-color: #fff;height: 100%;position: relative;left: -110%;opacity: 0;visibility: hidden;transition: all ease 1s;z-index: 1;}
.mobile-menu-wrapper.body-visible {opacity: 1;visibility: visible;}
.mobile-menu-wrapper.body-visible .mobile-menu-area {left: 0;opacity: 1;visibility: visible;}

.mobile-menu {overflow-y: scroll;max-height: calc(100vh - 200px);padding-bottom: 40px;margin-top: 20px;text-align: left;}
.mobile-menu ul {margin: 0;padding: 0 0;}
.mobile-menu ul li {border-bottom: 1px solid #fdedf1;list-style-type: none;}
.mobile-menu ul li li:first-child {border-top: 1px solid #fdedf1;}
.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;}
.mobile-menu ul li.active-class > a {color: var(--theme-color);}
.mobile-menu ul li.active-class > a:before {transform: rotate(90deg);}
.mobile-menu ul li ul li {padding-left: 20px;}
.mobile-menu ul li ul li:last-child {border-bottom: none;}
.mobile-menu ul .submenu-item-has-children > a .mean-expand-class {position: absolute;right: 0;top: 50%;font-weight: 400;font-size: 14px;width: 100%;height: 100%;line-height: 25px;margin-top: -12.5px;display: inline-block;text-align: end;background-color: transparent;color: var(--title-color);box-shadow: none;border-radius: 0;}
.mobile-menu ul .submenu-item-has-children > a .mean-expand-class:before {content: "\f105";font-family: var(--icon-font);font-weight: 700;}
.mobile-menu ul .submenu-item-has-children.active-class > a .mean-expand-class:before {content: "\f107";}
.mobile-menu > ul {padding: 0 30px;}
.mobile-menu > ul > li:last-child {border-bottom: none;}

@media (max-width: 400px) {.mobile-menu-wrapper .mobile-menu-area {  width: 100%;  max-width: 270px;}
  .mobile-menu > ul {  padding: 0 20px;}
}
/*=================================
    03. Utilities
==================================*/
/*------------------- 3.1. Preloader -------------------*/
.preloader {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;background-color: var(--title-color);}
.preloader .btn {padding: 15px 20px;border-radius: 0;font-size: 14px;text-transform: capitalize;}
.preloader .btn:after {border-radius: 0;}

.preloader-inner {text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;line-height: 1;}
.preloader-inner img {display: block;margin: 0 auto 10px auto;}

.loader {color: #ffffff;font-size: 45px;text-indent: -9999em;overflow: hidden;width: 1em;height: 1em;border-radius: 50%;position: relative;transform: translateZ(0);animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;display: inline-block;}

@keyframes mltShdSpin {
  0% {  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
  5%, 95% {  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
  10%, 59% {  box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;}
  20% {  box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;}
  38% {  box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;}
  100% {  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
}
@keyframes round {
  0% {  transform: rotate(0deg);}
  100% {  transform: rotate(360deg);}
}
/*------------------- 3.2. Buttons -------------------*/
.btn {position: relative;z-index: 2;vertical-align: middle;display: inline-block;border: none;border-radius: 5px !important;text-align: center;background-color: #f6872d;color: var(--white-color);font-family: var(--title-font);font-size: 16px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;line-height: 1;padding: 24px 30px 20px;overflow: hidden;}
.btn::after, .btn::before {content: "";display: block;width: 50px;height: 50px;transform: translate(-50%, -50%);position: absolute;border-radius: 50%;z-index: -1;background-color: var(--white-color);transition: 1s ease;}
.btn:before {top: -2em;left: -2em;}
.btn:after {left: calc(100% + 2em);top: calc(100% + 2em);}
.btn i {font-size: 14px;}
.btn:focus, .btn:hover, .btn:active {color: var(--title-color);box-shadow: none;}
.btn:focus:after, .btn:focus:before, .btn:hover:after, .btn:hover:before, .btn:active:after, .btn:active:before {height: 410px;width: 410px;}
.btn.style2:before, .btn.style2:after {background-color: var(--title-color);}
.btn.style2:active, .btn.style2:focus, .btn.style2:hover {color: var(--white-color);}
.btn.style3 {background: var(--title-color);}
.btn.style3:active, .btn.style3:focus, .btn.style3:hover {color: var(--title-color);}
.btn.style4 {background: var(--smoke-color);color: var(--theme-color);}
.btn.style4:after, .btn.style4:before {background: var(--theme-color);}
.btn.style4:active, .btn.style4:focus, .btn.style4:hover {color: var(--white-color);}
.btn.style5 {background: var(--white-color);color: var(--title-color);}
.btn.style5:after, .btn.style5:before {background: var(--title-color);}
.btn.style5:active, .btn.style5:focus, .btn.style5:hover {color: var(--white-color);}
.btn.style-border {color: var(--white-color);border: 1px solid var(--white-color);background: transparent;padding: 23px 30px 19px;}
.btn.style-border:before, .btn.style-border:after {background: var(--white-color);}
.btn.style-border:active, .btn.style-border:focus, .btn.style-border:hover {color: var(--title-color);}
.btn.style-border2 {color: var(--title-color);border: 1px solid var(--title-color);background: transparent;padding: 23px 30px 19px;}
.btn.style-border2:before, .btn.style-border2:after {background: var(--title-color);}
.btn.style-border2:active, .btn.style-border2:focus, .btn.style-border2:hover {color: var(--white-color);}
.btn.style-border3 {color: var(--title-color);border: 1px solid var(--theme-color);background: transparent;padding: 23px 30px 19px;}
.btn.style-border3:before, .btn.style-border3:after {background: var(--theme-color);}
.btn.style-border3:active, .btn.style-border3:focus, .btn.style-border3:hover {color: var(--white-color);}
.btn.style-r0 {border-radius: 0 !important;}
.btn.style-r0:before {border-radius: 0;}

.icon-btn {display: inline-block;width: var(--btn-size, 46px);height: var(--btn-size, 46px);line-height: var(--btn-size, 46px);font-size: var(--btn-font-size, 16px);background-color: var(--theme-color);color: var(--white-color);text-align: center;border-radius: 6px;border: none;transition: 0.4s ease-in-out;}
.icon-btn:hover {background-color: var(--title-color);color: var(--white-color);}
.icon-btn.btn-border {background: transparent;border: 2px solid var(--theme-color);color: var(--theme-color);}
.icon-btn.btn-border:hover {background: var(--theme-color);color: var(--white-color);}

.play-btn {display: inline-block;position: relative;z-index: 1;}
.play-btn > i {display: inline-block;width: var(--icon-size, 100px);height: var(--icon-size, 100px);line-height: var(--icon-size, 100px);text-align: center;background-color: var(--theme-color);color: var(--white-color);font-size: var(--icon-font-size, 30px);border-radius: 50%;z-index: 1;transition: all ease 0.4s;}
.play-btn > i.fa-play {padding-right: 0.18em;}
.play-btn:after, .play-btn:before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: transparent;border: 1px solid rgba(255, 255, 255, 0.1);z-index: -1;border-radius: 50%;transition: all ease 0.4s;}
.play-btn:after {animation-delay: 2s;}
.play-btn:hover i {background-color: var(--theme-color);}
.play-btn.style2:before, .play-btn.style2:after {background-color: transparent;border: 1px solid var(--white-color);}
.play-btn.style3 > i {background-color: var(--theme-color);color: var(--white-color);font-size: 20px;}
.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.style4 > i {background-color: var(--white-color);color: var(--theme-color);font-size: 30px;padding-right: 0;padding-left: 5px;}
.play-btn.style4:before, .play-btn.style4:after {background-color: rgba(255, 255, 255, 0.2);}
.play-btn.style4:hover > i {background-color: var(--theme-color);color: var(--white-color);}

.link-btn {font-size: 14px;font-weight: 600;display: inline-block;line-height: 0.8;position: relative;padding-bottom: 2px;margin-bottom: -2px;text-transform: uppercase;color: var(--theme-color);}
.link-btn i {margin-left: 5px;font-size: 0.9rem;}
.link-btn:before {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: var(--theme-color);transition: all ease 0.4s;}
.link-btn:hover {color: var(--theme-color);}
.link-btn:hover::before {width: 100%;}
.link-btn.style2 {color: var(--white-color);}
.link-btn.style2:before {background: var(--white-color);}
.link-btn.style3 {color: var(--title-color);letter-spacing: 1px;}
.link-btn.style3:before {background: var(--title-color);}

.line-btn {font-size: 14px;font-weight: 600;display: inline-block;line-height: 0.8;position: relative;padding-bottom: 4px;margin-bottom: -1px;text-transform: uppercase;color: var(--theme-color);}
.line-btn i {margin-left: 5px;font-size: 0.9rem;}
.line-btn:before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: var(--theme-color);transition: all ease 0.4s;}
.line-btn:hover {color: var(--title-color);}
.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;transform: translateY(45px);transition: all 300ms linear;}
.scroll-top:after {content: "\f062";font-family: var(--icon-font);position: absolute;text-align: center;line-height: 50px;font-size: 20px;font-weight: 700;color: var(--theme-color);left: 0;top: 0;height: 50px;width: 50px;cursor: pointer;display: block;z-index: 1;border: 2px solid var(--theme-color);box-shadow: none;border-radius: 50%;}
.scroll-top svg {color: var(--theme-color);border-radius: 50%;background: var(--white-color);}
.scroll-top svg path {fill: none;}
.scroll-top .progress-circle path {stroke: var(--theme-color);stroke-width: 20px;box-sizing: border-box;transition: all 400ms linear;}
.scroll-top.show {opacity: 1;visibility: visible;transform: translateY(0);}

/* Small devices */
@media (max-width: 767px) {
  .play-btn {  --icon-size: 70px;  --icon-font-size: 24px;}
  .scroll-btn img {  width: 70px;}
  .scroll-btn.show {  bottom: -50px;}
  .btn {  padding: 24px 25px 20px;}
}
/*------------------- 3.3. Titles -------------------*/
.sec-title {margin-bottom: calc(var(--section-title-space) - 43px);margin-top: -0.04em;font-weight: 900;position: relative;}
.sec-title .title-bg-shape {position: absolute;left: 0;top: 0;animation: bg-anim 10s linear infinite;}
.sec-title .title-bg-shape.shape-center {left: 50%;transform: translate(-50%, 0);}

.sub-title {display: block;line-height: 1.2;color: #f6872d;text-transform: uppercase;font-size: 30px;position: relative;font-weight: 700;font-family: var(--body-font);margin-bottom: 18px;letter-spacing: 0.07em;}
.sub-title:after, .sub-title:before {content: "";position: relative;width: 60px;height: 2px;background: var(--theme-color);display: inline-block;margin-right: 28px;top: -10px;}
.sub-title:after {margin-right: 0;margin-left: 28px;display: none;}
.sub-title.text-white:after, .sub-title.text-white:before {background: var(--white-color);}
.sub-title.style2:before {display: none;}
.sub-title.style2:after {margin-right: 0;margin-left: 12px;display: inline-block;}

.box-title {font-size: 24px;line-height: 1.417;font-weight: 600;margin-top: -0.3em;}
.box-title a {color: inherit;}
.box-title a:hover {color: var(--theme-color);}

.sec-text {font-size: 18px;font-family: var(--title-font);margin-top: 21px;line-height: 1.667;margin-bottom: 0;}

.title-area {margin-bottom: calc(var(--section-title-space) - 13px);position: relative;z-index: 2;margin-top: 100px;}
.title-area.mb-0 .sec-title {margin-bottom: 17px;}
.title-area .sub-title {margin-top: -0.2em;}
.title-area.text-center .sub-title:after {display: inline-block;}

.white-title {color: #fff;font-weight: 700;position: relative;padding-bottom: 9px;margin-bottom: 19px;}
.white-title:after {content: "";position: absolute;left: 0;bottom: 0;background: #fff;height: 2px;width: 50px;}

.page-title {font-weight: 900;margin-top: -0.3em;}

.page-subtitle {font-weight: 900;}

/* Medium Large devices */
@media (max-width: 1399px) {
  .sec-title {  font-size: 45px;  line-height: 1.2;}
  .sec-text {  margin-top: 0px;}
}
/* Large devices */
@media (max-width: 1199px) {
  .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;}
  .sec-text {  font-size: 16px;}
}
/* Medium devices */
@media (max-width: 991px) {
  .title-area,  .sec-title {  --section-title-space: 50px;}
  .title-area.mb-45,  .sec-title.mb-45 {  margin-bottom: 35px;}
  .sec-btn,  .title-line {  --section-title-space: 50px;}
  .sub-title {  font-size: 14px;}
}
/* Small devices */
@media (max-width: 767px) {
  .sec-title {  font-size: 34px;}
}
@media (max-width: 390px) {
  .sec-title {  font-size: 30px;}
}
/*------------------- 3.4. Common -------------------*/
.shape-mockup-wrap {z-index: 2;position: relative;}

.shape-mockup {position: absolute;z-index: -1;}
.shape-mockup.z-index-3 {z-index: 3;}

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

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

.social-btn {display: flex;gap: 10px;}
.social-btn a {height: 50px;width: 50px;line-height: 50px;border-radius: 5px;display: inline-block;background-color: rgba(255, 255, 255, 0.2);color: var(--white-color);text-align: center;font-size: 16px;}
.social-btn a:hover {background: var(--white-color);color: var(--theme-color);}
.social-btn.style2 a {width: 30px;height: 30px;line-height: 32px;font-size: 14px;color: var(--white-color);background: var(--title-color);border-radius: 5px;}
.social-btn.style2 a:hover {color: var(--white-color);background-color: var(--theme-color);}
.social-btn.style3 a {background: var(--gray-color);width: 30px;height: 30px;line-height: 32px;border-radius: 50%;color: var(--white-color);font-size: 14px;}
.social-btn.style3 a:hover {background: var(--theme-color);color: var(--white-color);}
.social-btn.style4 {gap: 20px;}
.social-btn.style4 a {background: transparent;width: 45px;height: 45px;line-height: 45px;border-radius: 5px;color: var(--title-color);border: 1px solid var(--border-color);font-size: 16px;}
.social-btn.style4 a:hover {border-color: var(--theme-color);}
.social-btn.color-theme a {color: var(--body-color);border-color: var(--theme-color);}

.global-carousel.slider-shadow .slick-list {padding: 30px 0px 40px 0px !important;margin: -30px 0px -40px 0px;}

.btn-group {display: flex;flex-wrap: wrap;align-items: center;gap: 20px 30px;}
.btn-group .btn {flex: none;}
.btn-group.style2 {gap: 20px 70px;/* Small devices */
}
@media (max-width: 767px) {
  .btn-group.style2 {  gap: 20px 30px;}
}

.call-media-wrap {display: flex;flex-wrap: wrap;gap: 15px;text-align: start;/* Extra small devices */
}
.call-media-wrap .icon {height: 50px;width: 50px;line-height: 50px;border-radius: 50%;background: var(--theme-color);text-align: center;position: relative;z-index: 1;flex: none;}
.call-media-wrap .title {font-size: 18px;font-weight: 400;margin-bottom: 2px;margin-top: -0.3em;}
.call-media-wrap .link {font-size: 26px;font-weight: 900;margin-bottom: -0.3em;}
.call-media-wrap .link:hover a {color: var(--theme-color) !important;}
@media (max-width: 375px) {.call-media-wrap .link {  font-size: 22px;}
}

/*******Magnific Image*******/
.mfp-zoom-in .mfp-content {opacity: 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}

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

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

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

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

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

/*------------------- 3.6. Font -------------------*/
.font-icon {font-family: var(--icon-font);}

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

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

.fw-extralight {font-weight: 100;}

.fw-light {font-weight: 300;}

.fw-normal {font-weight: 400;}

.fw-medium {font-weight: 500 !important;}

.fw-semibold {font-weight: 600 !important;}

.fw-bold {font-weight: 700;}

.fw-extrabold {font-weight: 800;}

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

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

.text-underline {text-decoration: underline;}

/*------------------- 3.7. Background -------------------*/
.bg-theme {background-color: var(--theme-color) !important;}

.bg-theme2 {background-color: var(--theme-color) !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-smoke5 {background-color: var(--smoke-color5) !important;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-overlay=overlay1]:before {background-color: #131B23;}

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

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

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

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

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

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

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

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

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

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

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

@keyframes ripple {0% {  transform: scale(1);  opacity: 0;}
  30% {  opacity: 1;}
  100% {  transform: scale(2.1);  opacity: 0;}
}
.movingX {animation: movingX 8s linear infinite;}

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

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

.jump1 {animation: jumpAni 6s linear infinite;}

.jump2 {animation: jumpAni 5s linear infinite;}

.jump3 {animation: jumpAni 4s linear infinite;}

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

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

.spin-slow {animation: spin 50s linear infinite;}

@keyframes spin {0% {  transform: rotate(0);}
  100% {  transform: rotate(-360deg);}
}
.spin2 {animation: spin2 15s linear infinite;}

@keyframes spin2 {0% {  transform: rotate(0);}
  100% {  transform: rotate(360deg);}
}
@keyframes animate-positive {0% {  width: 0;}
}
.scalein.slider-animated {--animation-name: scalein;}

.slidetopleft.slider-animated {--animation-name: slidetopleft;}

.slidebottomright.slider-animated {--animation-name: slidebottomright;}

.slideinleft.slider-animated {--animation-name: slideinleft;}

.slideinright.slider-animated {--animation-name: slideinright;}

.slideinup.slider-animated {--animation-name: slideinup;}

.slideindown.slider-animated {--animation-name: slideindown;}

.rollinleft.slider-animated {--animation-name: rollinleft;}

.rollinright.slider-animated {--animation-name: rollinright;}

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

.slider-animated {opacity: 1;}

@keyframes slideinup {0% {  opacity: 0;  transform: translateY(70px);}
  100% {  transform: translateY(0);}
}
@keyframes slideinright {0% {  opacity: 0;  transform: translateX(70px);}
  100% {  transform: translateX(0);}
}
@keyframes slideindown {0% {  opacity: 0;  transform: translateY(-70px);}
  100% {  transform: translateY(0);}
}
@keyframes slideinleft {0% {  opacity: 0;  transform: translateX(-70px);}
  100% {  transform: translateX(0);}
}
@keyframes slidebottomright {0% {  opacity: 0;  transform: translateX(100px) translateY(100px);}
  100% {  transform: translateX(0) translateY(0);}
}
@keyframes slidetopleft {0% {  opacity: 0;  transform: translateX(-100px) translateY(-100px);}
  100% {  transform: translateX(0) translateY(0);}
}
@keyframes rotate {from {  transform: rotate(0deg);}
  to {  transform: rotate(360deg);}
  0% {  border-right-color: transparent;  border-bottom-color: transparent;  border-top-color: transparent;  border-left-color: transparent;}
  75% {  border-top-color: #fff;  border-left-color: #fff;  border-right-color: #fff;  border-bottom-color: transparent;}
  100% {  border-right-color: transparent;  border-bottom-color: transparent;  border-top-color: transparent;  border-left-color: transparent;}
}
/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_archive ul,
.wp-block-page-list ul,
.widget_categories ul {list-style: none;padding: 0;margin: 0 0 0 0;}
.widget_nav_menu .menu,
.widget_nav_menu > ul,
.widget_meta .menu,
.widget_meta > ul,
.widget_pages .menu,
.widget_pages > ul,
.widget_archive .menu,
.widget_archive > ul,
.wp-block-page-list .menu,
.wp-block-page-list > ul,
.widget_categories .menu,
.widget_categories > ul {margin: -3px 0 0px 0;}
.widget_nav_menu a,
.widget_meta a,
.widget_pages a,
.widget_archive a,
.wp-block-page-list a,
.widget_categories a {display: block;border: 1px solid var(--border-color);border-radius: 5px;margin: 0 0px 20px 0px;padding: 14px 20px;font-size: 18px;font-weight: 400;font-family: var(--title-font);line-height: 1;color: var(--title-color);position: relative;display: flex;align-items: center;}
.widget_nav_menu a i,
.widget_meta a i,
.widget_pages a i,
.widget_archive a i,
.wp-block-page-list a i,
.widget_categories a i {margin-right: 12px;transition: 0.4s all;}
.widget_nav_menu a span,
.widget_meta a span,
.widget_pages a span,
.widget_archive a span,
.wp-block-page-list a span,
.widget_categories a span {margin-left: auto;}
.widget_nav_menu a.active, .widget_nav_menu a:hover,
.widget_meta a.active,
.widget_meta a:hover,
.widget_pages a.active,
.widget_pages a:hover,
.widget_archive a.active,
.widget_archive a:hover,
.wp-block-page-list a.active,
.wp-block-page-list a:hover,
.widget_categories a.active,
.widget_categories a:hover {color: var(--theme-color);border-color: var(--theme-color);}
.widget_nav_menu a.active i, .widget_nav_menu a:hover i,
.widget_meta a.active i,
.widget_meta a:hover i,
.widget_pages a.active i,
.widget_pages a:hover i,
.widget_archive a.active i,
.widget_archive a:hover i,
.wp-block-page-list a.active i,
.wp-block-page-list a:hover i,
.widget_categories a.active i,
.widget_categories a:hover i {color: var(--theme-color);opacity: 1;}
.widget_nav_menu a.active ~ span, .widget_nav_menu a:hover ~ span,
.widget_meta a.active ~ span,
.widget_meta a:hover ~ span,
.widget_pages a.active ~ span,
.widget_pages a:hover ~ span,
.widget_archive a.active ~ span,
.widget_archive a:hover ~ span,
.wp-block-page-list a.active ~ span,
.wp-block-page-list a:hover ~ span,
.widget_categories a.active ~ span,
.widget_categories a:hover ~ span {color: var(--theme-color);}
.widget_nav_menu li,
.widget_meta li,
.widget_pages li,
.widget_archive li,
.wp-block-page-list 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,
.wp-block-page-list li > span,
.widget_categories li > span {font-size: 16px;position: absolute;right: 0;top: 0px;background: transparent;border-radius: 0;height: auto;width: auto;line-height: initial;text-align: center;color: var(--body-color);transition: all ease 0.4s;}
.widget_nav_menu li:last-child a,
.widget_meta li:last-child a,
.widget_pages li:last-child a,
.widget_archive li:last-child a,
.wp-block-page-list li:last-child a,
.widget_categories li:last-child a {margin-bottom: 0;}
.widget_nav_menu .wp-block-navigation__submenu-container,
.widget_nav_menu .sub-menu,
.widget_nav_menu .children,
.widget_meta .wp-block-navigation__submenu-container,
.widget_meta .sub-menu,
.widget_meta .children,
.widget_pages .wp-block-navigation__submenu-container,
.widget_pages .sub-menu,
.widget_pages .children,
.widget_archive .wp-block-navigation__submenu-container,
.widget_archive .sub-menu,
.widget_archive .children,
.wp-block-page-list .wp-block-navigation__submenu-container,
.wp-block-page-list .sub-menu,
.wp-block-page-list .children,
.widget_categories .wp-block-navigation__submenu-container,
.widget_categories .sub-menu,
.widget_categories .children {margin-left: 10px;}
.widget_nav_menu .wp-block-navigation__submenu-container li a,
.widget_nav_menu .sub-menu li a,
.widget_nav_menu .children li a,
.widget_meta .wp-block-navigation__submenu-container li a,
.widget_meta .sub-menu li a,
.widget_meta .children li a,
.widget_pages .wp-block-navigation__submenu-container li a,
.widget_pages .sub-menu li a,
.widget_pages .children li a,
.widget_archive .wp-block-navigation__submenu-container li a,
.widget_archive .sub-menu li a,
.widget_archive .children li a,
.wp-block-page-list .wp-block-navigation__submenu-container li a,
.wp-block-page-list .sub-menu li a,
.wp-block-page-list .children li a,
.widget_categories .wp-block-navigation__submenu-container li a,
.widget_categories .sub-menu li a,
.widget_categories .children li a {border-bottom: 1px solid #E6E6E6;margin: 0 0px 19px 0px;padding: 0px 0px 20px;}

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

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

.wp-block-page-list {padding: 0;margin: -3px 0 0px 0;}

.product_list_widget .star-rating {width: auto;font-size: 12px;}
.product_list_widget li a {color: var(--title-color);}
.product_list_widget li a:hover {color: var(--theme-color);}
.product_list_widget li:last-child {padding-bottom: 0 !important;}

.wp-block-archives {list-style: none;margin: 0;padding: 0;margin-bottom: 20px;}
.wp-block-archives a:not(:hover) {color: inherit;}

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

.widget {margin-bottom: 40px;position: relative;padding: var(--widget-padding-x, 40px);background: var(--smoke-color);border-radius: 5px;}
.widget[data-overlay]:before {z-index: -1;}

.widget_title {position: relative;font-size: 26px;font-weight: 900;font-family: var(--title-font);line-height: 1em;margin: -0.12em 0 25px 0;}
.widget_title:after {content: "";position: relative;display: inline-block;border-radius: 5px;width: 50px;height: 1px;background: var(--theme-color);margin-left: 12px;top: -6px;}

.widget .search-form {position: relative;display: flex;}
.widget .search-form input {background: var(--white-color);border: 0;flex: 1;color: var(--body-color);font-size: 18px;font-family: var(--title-font);font-weight: 400;border-radius: 5px;padding: 0 80px 0 20px;}
.widget .search-form input::placeholder {color: var(--body-color);}
.widget .search-form button {position: absolute;right: 0px;top: 0px;border: none;font-size: 16px;background-color: var(--theme-color);color: var(--white-color);display: inline-block;height: 60px;width: 60px;line-height: 60px;border-radius: 0px 5px 5px 0;}
.widget .search-form button:hover {background: var(--title-color);color: var(--white-color);}

.wp-block-tag-cloud,
.tagcloud {display: inline-flex;flex-wrap: wrap;gap: 13px;}
.wp-block-tag-cloud a,
.tagcloud a {display: inline-block;border: 1px solid var(--border-color);font-size: 18px !important;font-weight: 400;font-family: var(--title-font);height: 38px;line-height: 38px;padding: 0px 10px;color: var(--body-color);background-color: transparent;border-radius: 5px;}
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {color: var(--theme-color) !important;border-color: var(--theme-color);}

.widget_gallery .insta-feed {margin-bottom: -10px;margin-left: -4px;margin-right: -4px;}
.widget_gallery a {width: 95px;height: 95px;position: relative;border-radius: 10px;display: inline-block;flex: none;margin: 0 4px 10px;}
.widget_gallery a img {border-radius: 10px;}
.widget_gallery a:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--theme-color);border-radius: 10px;transition: 0.4s;opacity: 0;}
.widget_gallery a i {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;opacity: 0;transition: 0.4s;color: var(--white-color);font-size: 20px;}
.widget_gallery a:hover i {opacity: 1;}
.widget_gallery a:hover:after {opacity: 0.7;}

.base {border-radius: 6px;position: absolute;left: 1302px;top: 2098px;width: 80px;height: 78px;z-index: 209;}

.recent-post {display: flex;align-items: center;margin-bottom: 20px;background: var(--white-color);border-radius: 5px;transition: 0.4s;}
.recent-post:last-child {margin-bottom: 0px;border: 0;}
.recent-post .media-img {flex: none;overflow: hidden;border-radius: 0px 5px 5px 0;}
.recent-post .media-img img {width: 80px;height: 80px;object-fit: cover;border-radius: 0px 5px 5px 0;transition: 0.4s ease-in-out;}
.recent-post .media-body {padding: 10px 20px;}
.recent-post .post-title {font-weight: 700;font-size: 20px;margin: 0 0 5px;font-family: var(--title-font);text-transform: capitalize;}
.recent-post .recent-post-meta {margin-bottom: -2px;}
.recent-post .recent-post-meta a {font-size: 14px;font-weight: 400;text-transform: uppercase;font-family: var(--title-font);color: var(--body-color);margin-bottom: 0px;display: block;}
.recent-post .recent-post-meta a i {margin-right: 6px;color: var(--theme-color);transition: 0.4s;}
.recent-post .recent-post-meta a:hover {color: var(--theme-color);}
.recent-post .recent-post-meta a:hover i {color: var(--theme-color);}
.recent-post:hover .media-img img {transform: scale(1.1);}

.sidebar-area select,
.sidebar-area input {background-color: var(--white-color);border: 1px solid var(--border-color);}

.widget_shopping_cart .widget_title {margin-bottom: 30px;border-bottom: none;}
.widget_shopping_cart ul {margin: 0;padding: 0;}
.widget_shopping_cart ul li {list-style-type: none;}
.widget_shopping_cart .mini_cart_item {position: relative;padding: 30px 30px 30px 90px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 0;text-align: left;}
.widget_shopping_cart .mini_cart_item:first-child {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.widget_shopping_cart .cart_list a:not(.remove) {display: block;color: var(--body-color);font-size: 16px;font-weight: 500;font-family: var(--title-font);font-weight: 600;color: var(--title-color);}
.widget_shopping_cart .cart_list a:not(.remove):hover {color: var(--theme-color);}
.widget_shopping_cart .cart_list a.remove {position: absolute;top: 50%;left: 95%;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: 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_service-list {padding: 40px 30px 30px;}
.widget_service-list ul {padding: 0;margin: 0;}
.widget_service-list ul li {list-style: none;background: var(--white-color);border: 0;box-shadow: 0px 16px 51px rgba(0, 0, 0, 0.07);border-radius: 5px;height: 60px;line-height: 60px;padding: 0 30px;display: flex;align-items: center;}
.widget_service-list ul li:not(:last-child) {margin-bottom: 20px;}
.widget_service-list ul li a {color: var(--title-color);line-height: 1.2;display: flex;gap: 10px;}
.widget_service-list ul li a:hover {color: var(--theme-color);}
.widget_service-list ul li i {color: var(--theme-color);}

.widget_contact .widget-contact-wrap {background: var(--white-color);border-radius: 5px;padding: 35px 30px;}
.widget_contact .widget-contact-wrap .widget_subtitle {color: var(--theme-color);text-transform: uppercase;font-size: 14px;font-weight: 700;font-family: var(--title-font);margin-top: -0.3em;}
.widget_contact .widget-contact-wrap .widget_title {margin-bottom: 16px;}
.widget_contact .widget-contact-wrap .widget_title:after {display: none;}
.widget_contact .widget-contact-wrap .widget-contact-text {font-size: 18px;font-weight: 400;font-family: var(--title-font);margin-bottom: 0;}
.widget_contact .widget-contact-wrap .icon {height: 55px;width: 55px;line-height: 55px;border-radius: 50%;background: var(--theme-color);display: inline-block;color: var(--white-color);margin-top: 16px;margin-bottom: 16px;}
.widget_contact .widget-contact-wrap h5 {font-size: 20px;font-weight: 700;margin-bottom: -0.3em;margin-top: 3px;}
.widget_contact .widget-contact-wrap h5 a {color: var(--title-color);}

.widget_project-info {margin-top: -95px;box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);background: var(--white-color);border-radius: 0 5px 5px 5px;/* Medium devices */
}
.widget_project-info ul {margin: 0;padding: 0;list-style: none;}
.widget_project-info ul li {font-size: 18px;font-weight: 400;font-family: var(--title-font);}
.widget_project-info ul li:not(:last-child) {border-bottom: 1px solid var(--border-color);padding-bottom: 15px;margin-bottom: 15px;}
.widget_project-info ul li span {font-size: 20px;font-weight: 700;font-family: var(--title-font);color: var(--title-color);min-width: 90px;display: inline-block;}
.widget_project-info ul .rating {color: var(--yellow-color);font-size: 14px;margin-bottom: -0.3em;}
@media (max-width: 991px) {.widget_project-info {  margin-top: 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 #eee;color: var(--title-color);font-weight: 500;}
.wp-block-calendar th:first-child,
.calendar_wrap th:first-child {border-left: 1px solid #eee;}
.wp-block-calendar th:last-child,
.calendar_wrap th:last-child {border-right: 1px solid #eee;}
.wp-block-calendar table th,
.calendar_wrap table th {font-weight: 500;}
.wp-block-calendar td,
.calendar_wrap td {font-size: 14px;padding: 5px 5px;color: #01133c;border: 1px solid #eee;text-align: center;background-color: transparent;transition: all ease 0.4s;}
.wp-block-calendar #today,
.calendar_wrap #today {color: var(--theme-color);background-color: var(--white-color);border-color: #ededed;}
.wp-block-calendar thead,
.calendar_wrap thead {background-color: #fff;}
.wp-block-calendar .wp-calendar-table,
.calendar_wrap .wp-calendar-table {margin-bottom: 0;}
.wp-block-calendar .wp-calendar-nav .pad,
.calendar_wrap .wp-calendar-nav .pad {display: none;}
.wp-block-calendar a,
.calendar_wrap a {color: inherit;text-decoration: none;}
.wp-block-calendar a:hover,
.calendar_wrap a:hover {color: var(--title-color);}

/***wp-calender***/
.wp-block-calendar {margin-bottom: 30px;border: none;padding-bottom: 0;}
.wp-block-calendar table caption {color: var(--white-color);}

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

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

.widget_recent_comments ol,
.widget_recent_comments ul,
.wp-block-latest-comments ol,
.wp-block-latest-comments ul {margin-bottom: 0;}
.widget_recent_comments li,
.wp-block-latest-comments li {margin-bottom: 0;color: var(--body-color);padding-left: 30px;position: relative;}
.widget_recent_comments li:before,
.wp-block-latest-comments li:before {content: "\f086";position: absolute;left: 0;top: -1px;color: var(--theme-color);font-family: var(--icon-font);}
.widget_recent_comments.has-avatars li,
.wp-block-latest-comments.has-avatars li {padding-left: 0;padding-bottom: 0 !important;}
.widget_recent_comments.has-avatars li:before,
.wp-block-latest-comments.has-avatars li:before {display: none;}
.widget_recent_comments .avatar,
.wp-block-latest-comments .avatar {margin-top: 0.4em;}
.widget_recent_comments li:not(:last-child),
.wp-block-latest-comments li:not(:last-child) {padding-bottom: 12px;}
.widget_recent_comments article,
.wp-block-latest-comments article {line-height: 1.5;}
.widget_recent_comments a,
.wp-block-latest-comments a {color: inherit;}
.widget_recent_comments a:hover,
.wp-block-latest-comments a:hover {color: var(--theme-color);}

/******widget_recent_entries******/
.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 #E6E6E6;padding-bottom: 12px;margin-bottom: 12px;}

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

.widget_rss,
.wp-block-rss {list-style-type: none;}
.widget_rss ul,
.wp-block-rss ul {margin: -0.2em 0 -0.5em 0;padding: 0;list-style: none;}
.widget_rss ul .rsswidget,
.wp-block-rss ul .rsswidget {color: var(--title-color);font-family: var(--theme-font);font-size: 18px;display: block;margin-bottom: 10px;}
.widget_rss ul .rssSummary,
.wp-block-rss ul .rssSummary {font-size: 14px;margin-bottom: 7px;line-height: 1.5;}
.widget_rss ul a,
.wp-block-rss ul a {display: block;font-weight: 600;color: inherit;}
.widget_rss ul a:hover,
.wp-block-rss ul a:hover {color: var(--theme-color);}
.widget_rss ul .rss-date,
.wp-block-rss ul .rss-date {font-size: 14px;display: inline-block;margin-bottom: 5px;font-weight: 400;color: var(--title-color);}
.widget_rss ul .rss-date:before,
.wp-block-rss ul .rss-date:before {content: "\f073";font-family: var(--icon-font);margin-right: 10px;font-weight: 300;color: var(--theme-color);}
.widget_rss ul cite,
.wp-block-rss ul cite {font-weight: 500;color: var(--title-color);font-family: var(--body-font);font-size: 14px;}
.widget_rss ul cite:before,
.wp-block-rss ul cite:before {content: "";position: relative;top: -1px;left: 0;width: 20px;height: 2px;display: inline-block;vertical-align: middle;margin-right: 8px;background-color: var(--theme-color);}
.widget_rss li:not(:last-child),
.wp-block-rss li:not(:last-child) {margin-bottom: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom: 16px;}
.widget_rss a:hover,
.wp-block-rss a:hover {color: var(--theme-color);}

.wp-block-latest-comments__comment:first-child {margin-top: 0;}
.wp-block-latest-comments__comment:last-child {margin-bottom: 0;}
.wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p {margin-bottom: -0.3em;}

ul.wp-block-latest-posts li:first-child {margin-top: 0;}
ul.wp-block-latest-posts li:last-child {margin-bottom: -0.3em;}

/* Large devices */
@media (max-width: 1199px) {.widget {  --widget-padding-y: 30px;  --widget-padding-x: 30px;}
  .widget_title {  font-size: 22px;  margin: -0.12em 0 24px 0;}
  .author-widget-wrap .name {  font-size: 22px;}
}
/* Medium devices */
@media (max-width: 991px) {.sidebar-area {  padding-top: 40px;}
  .widget {  --widget-padding-y: 40px;  --widget-padding-x: 40px;}
}
/* Small devices */
@media (max-width: 767px) {.widget_info {  padding: 0;}
  .author-widget-wrap {  padding: 0;}
  .widget_info .widget_title {  padding: 24px 30px 19px 28px;}
  .info-list {  padding: 0 30px 30px;}
  .widget {  padding: 30px;}
  .widget_banner {  padding: 0;}
  .widget_estimate .estimate-wrap span {  margin-bottom: 16px;}
  .widget_estimate .content p {  margin-bottom: 25px;}
  .widget_estimate .content h5 {  margin-bottom: 23px;}
  .widget_estimate .content .checklist {  margin-bottom: 30px;}
}
/* Extra small devices */
@media (max-width: 375px) {.widget_schedule ul li {  font-size: 14px;}
}
@media (max-width: 330px) {.recent-post .post-title {  font-size: 16px;  line-height: 24px;}
  .recent-post .recent-post-meta a {  font-size: 12px;}
  .recent-post .media-img {  width: 67px;}
  .recent-post .media-img {  margin-right: 15px;}
  .widget_schedule ul li {  font-size: 12px;  padding: 0 15px;}
}
.footer-widget {margin-bottom: 50px !important;}
.footer-widget,
.footer-widget .widget {padding: 0;border: none;padding-bottom: 0;background-color: transparent;box-shadow: none;}
.footer-widget .wp-block-search__label,
.footer-widget .widget_title {color: var(--white-color);border-bottom: none;margin: -0.04em 0 45px 0;position: relative;}
.footer-widget .wp-block-search__label:after,
.footer-widget .widget_title:after {display: none;}
.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_recent_entries .menu,
.footer-widget.widget_recent_entries > ul, .footer-widget.widget_categories .menu,
.footer-widget.widget_categories > ul, .footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu > ul {margin-bottom: -5px;}
.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_recent_entries a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {font-size: 18px;font-weight: 400;margin-bottom: 30px;padding: 0;font-family: var(--title-font);color: var(--body-color);display: block;max-width: 100%;width: max-content;background-color: transparent;border: none;position: relative;}
.footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_recent_entries a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover {background-color: transparent;color: var(--theme-color);}
.footer-widget.widget_meta li, .footer-widget.widget_pages li, .footer-widget.widget_archive li, .footer-widget.widget_recent_entries li, .footer-widget.widget_categories li, .footer-widget.widget_nav_menu li {border: 0 !important;padding-bottom: 0 !important;}
.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_recent_entries li:last-child a, .footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a {margin-bottom: 0;}

.widget-about .footer-logo {margin-bottom: 37px;}
.widget-about .about-text {max-width: 350px;margin-top: -0.65em;margin-bottom: 27px;}

.widget-contact {margin-top: -0.5em;}
.widget-contact p {color: var(--body-color);font-size: 18px;font-weight: 400;font-family: var(--title-font);}
.widget-contact p:not(:last-child) {margin-bottom: 15px;}
.widget-contact p a {color: var(--body-color);}
.widget-contact p a:hover {color: var(--theme-color);}

.widget-contact-grid {display: flex;gap: 15px;align-items: center;}
.widget-contact-grid:not(:last-child) {margin-bottom: 25px;}
.widget-contact-grid .icon {height: 40px;width: 40px;line-height: 40px;border: 1px solid var(--gray-color);border-radius: 50%;flex: none;color: var(--white-color);text-align: center;}
.widget-contact-grid p {font-size: 18px;font-weight: 400;font-family: var(--title-font);color: var(--white-color);margin-bottom: 0;margin-top: -0.3em;}
.widget-contact-grid h6 {font-size: 20px;font-weight: 700;color: var(--white-color);margin-bottom: -0.3em;}
.widget-contact-grid h6 a {color: var(--white-color);}
.widget-contact-grid h6 a:hover {color: var(--theme-color);}

.widget-newsletter {background: rgba(255, 255, 255, 0.04);border-radius: 5px;padding: 35px 40px;max-width: 410px;}

.footer-text {margin-top: -0.45em;margin-bottom: 16px;color: var(--body-color);font-size: 18px;font-weight: 400;font-family: var(--title-font);}

.newsletter-form {position: relative;display: flex;}
.newsletter-form .form-group {margin-bottom: 0;width: 100%;}
.newsletter-form .form-group input {height: 60px;padding: 0 18px 0 20px;background: transparent;border: 1px solid rgba(225, 225, 225, 0.3);border-right: 0;border-radius: 5px 0 0 5px;}
.newsletter-form .btn {flex: none;border-radius: 0 5px 5px 0 !important;width: 60px;padding: 0 20px;height: 62px;top: -1px;}
.newsletter-form.style2 {/* Extra small devices */
}
.newsletter-form.style2 .form-group input {border: 2px solid #e1e1e1;border-right: 0;color: var(--white-color);}
.newsletter-form.style2 .form-group input::placeholder {color: var(--white-color);}
.newsletter-form.style2 .btn {width: auto;padding: 0 30px;}
@media (max-width: 575px) {.newsletter-form.style2 {  flex-wrap: wrap;  justify-content: center;  gap: 20px;}
  .newsletter-form.style2 .form-group input {  border-right: 2px solid var(--white-color);  border-radius: 5px;}
  .newsletter-form.style2 .btn {  border-radius: 5px !important;}
}

/* Small devices */
@media (max-width: 767px) {.footer-widget .widget_title {  margin-bottom: 35px;}
  .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_recent_entries a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {  font-size: 16px;  margin-bottom: 20px;}
}
/* Extra small devices */
@media (max-width: 575px) {.widget-newsletter {  padding: 30px;  max-width: 410px;}
}
/*------------------- 4.2. Header  -------------------*/
.nav-header {position: relative;z-index: 41;}

.sticky-wrapper {transition: 0.4s ease-in-out;}
.sticky-wrapper.sticky {position: fixed;top: 0;right: 0;left: 0;background-color: var(--white-color);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);animation: stickyAni 0.4s ease-in-out;}
.sticky-wrapper.sticky .main-menu a{ color:#000}

@keyframes stickyAni {0% {  transform: translate3d(0, -40px, 0) scaleY(0.8);  opacity: 0.7;}
  100% {  transform: translate3d(0, 0, 0) scaleY(1);  opacity: 1;}
}
.main-menu a {display: block;position: relative;font-size: 18px;color: var(--body-color);font-family: var(--title-font);}
.main-menu a:hover {color: var(--title-color);}
.main-menu > ul > li {margin: 0 27px;}
.main-menu > ul > li > a {padding: 36px 0;}
.main-menu > ul > li > a:hover {color: var(--title-color);}
.main-menu ul {margin: 0;padding: 0;}
.main-menu ul li {list-style-type: none;display: inline-block;position: relative;}
.main-menu ul li.menu-item-has-children > a:after {content: "\f078";position: relative;font-family: var(--icon-font);margin-left: 4px;font-weight: 700;top: 0;font-size: 12px;}
.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;transform: scaleY(1);z-index: 9;}
.main-menu ul.sub-menu {position: absolute;text-align: left;top: 100%;left: 0;background-color: var(--white-color);visibility: hidden;min-width: 190px;width: max-content;padding: 7px;left: -14px;opacity: 0;z-index: -1;border: 0;box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);border-radius: 0;transform: scaleY(0);transform-origin: top center;transition: all 0.4s ease 0s;}
.main-menu ul.sub-menu a {font-size: 16px;line-height: 30px;}
.main-menu ul.sub-menu {padding: 18px 20px 18px 18px;left: -27px;}
.main-menu ul.sub-menu li {display: block;margin: 0 0;padding: 0px 9px;}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {content: "\f105";float: right;top: 1px;}
.main-menu ul.sub-menu li a {position: relative;padding-left: 23px;text-transform: capitalize;}
.main-menu ul.sub-menu li a:before {content: "\f105";position: absolute;top: 8px;left: 0;font-family: var(--icon-font);width: 11px;height: 11px;text-align: center;border-radius: 50%;display: inline-block;font-size: 1em;line-height: 1;color: var(--title-color);font-weight: 500;}
.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;}

/****header-top*****/
.main-menu{ margin-left:100px }
.main-menu a {display: block;position: relative;

  font-family: var(--body-font);font-size: 18px;color: var(--white-color);}
.main-menu a:hover {color: var(--theme-color);}
.main-menu > ul > li {}
.main-menu > ul > li > a {padding: 31.5px 0;}
.main-menu > ul > li > a:hover {color: var(--theme-color);}
.main-menu ul {margin: 0;padding: 0;}
.main-menu ul li {list-style-type: none;display: inline-block;position: relative;}
.main-menu ul li.menu-item-has-children > a:after {content: "\f107";position: relative;font-family: var(--icon-font);margin-left: 5px;font-weight: 600;top: 0;font-size: 12px;display: inline-block;transition: 0.4s;transform: rotate(0deg);}
.main-menu ul li.menu-item-has-children:hover > a:after {transform: rotate(180deg);}
.main-menu ul li:last-child {margin-right: 0 !important;}
.main-menu ul li:first-child {margin-left: 0 !important;}
.main-menu ul li:hover > ul.sub-menu {visibility: visible;opacity: 1;transform: scaleY(1);z-index: 9;}
.main-menu ul.sub-menu {position: absolute;text-align: left;top: 100%;left: 0;background-color: var(--white-color);visibility: hidden;min-width: 190px;width: max-content;padding: 7px;left: -14px;opacity: 0;z-index: -1;border: 0;box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);border-radius: 0;transform: scaleY(0);transform-origin: top center;transition: all 0.4s ease 0s;}
.main-menu ul.sub-menu a {font-size: 16px;line-height: 30px;}
.main-menu ul.sub-menu a span {font-size: 12px;padding: 0px 5px;margin-left: 4px;background-color: var(--theme-color);color: var(--white-color);padding: 2px 5px;border-radius: 4px;position: relative;top: -1px;}
.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 > a:after {content: "\f068";}
.main-menu ul.sub-menu li a {position: relative;padding-left: 0px;text-transform: capitalize;color:#020d26;}
.main-menu ul.sub-menu li a:before {content: "\f105";position: absolute;top: 5px;left: 10px;font-family: var(--icon-font);width: 11px;height: 11px;text-align: center;border-radius: 50%;display: inline-block;font-size: 18px;line-height: 1;color: var(--theme-color);font-weight: 700;opacity: 0;transition: 0.4s;}
.main-menu ul.sub-menu li a:hover {padding-left: 15px;}
.main-menu ul.sub-menu li a:hover:before {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 ul.sub-menu li ul.sub-menu1{ padding:0 !important }

.simple-icon {border: none;background-color: transparent;color: var(--title-color);padding: 0;font-size: 22px;position: relative;}
.simple-icon .badge {padding: 0.2em 0.4em;font-size: 0.5em;top: -5px;right: 0px;}
.simple-icon:has(.badge) {padding-right: 8px;}

.header-button {height: 100%;display: flex;align-items: center;gap: 20px 40px;}
.header-button .th-btn {margin-left: 10px;}

.social-links {display: inline-flex;gap: 20px;align-items: center;line-height: normal;}
.social-links a {font-size: 16px;display: inline-block;color: var(--body-color);margin: 0;}
.social-links a:last-child {margin-right: 0;}
.social-links a:hover {color: var(--theme-color);}

.header-logo {padding-top: 15px;padding-bottom: 15px;}

.header-links > ul {margin: 0;padding: 0;list-style-type: none;display: flex;align-items: center;}
.header-links li {display: inline-block;position: relative;font-size: 18px;font-weight: 400;}
.header-links li:not(:last-child) {margin: 0 35px 0 0;}
.header-links li > i {margin-right: 10px;}
.header-links li,
.header-links span,
.header-links p,
.header-links a {color: #d8e0f3;font-family: var(--title-font);}
.header-links a:hover {color: var(--theme-color);}
.header-links b,
.header-links strong {font-weight: 600;margin-right: 6px;}

.header-grid-info ul {padding: 0;margin: 0;display: flex;list-style: none;align-items: center;}
.header-grid-info li {display: inline-flex;gap: 15px;}
.header-grid-info li:not(:last-child) {border-right: 1px solid var(--border-color);padding-right: 30px;margin-right: 30px;}
.header-grid-info li .icon {font-size: 32px;color: var(--theme-color);}
.header-grid-info li .header-grid-info-details p {margin-bottom: 2px;font-family: var(--title-font);font-size: 18px;font-weight: 400;margin-top: -0.4em;}
.header-grid-info li .header-grid-info-details h6 {font-size: 20px;font-weight: 700;margin-bottom: -0.3em;}

/* Header 1 ---------------------------------- */
.header-layout1 {position: absolute;left: 0;right: 0;top: 0; z-index:99}
.header-layout1 .sticky-wrapper {border-bottom: 1px solid rgba(255,255,255,.1);}
.header-layout1 .sticky-wrapper.sticky .header-navbar-logo {margin-top: 25px;}
.header-layout1 .sticky-wrapper .header-navbar-logo a{ display:block; background:url(../img/logo-1.png);background-size: cover; width:130px; height:58px;}
.header-layout1 .sticky .header-navbar-logo a{ display:block; background:url(../img/logo.png);background-size: cover; width:130px; height:58px;}
.header-layout1 .header-top {background: #3f485d;padding: 12px 0;}
.header-layout1 .social-links {position: relative;}
.header-layout1 .social-links:after {content: "";position: absolute;left: -20px;right:-20px;bottom: -14px;top: -15px;background: rgba(255, 255, 255, 0.1);z-index: -1;}
.header-layout1 .header-navbar-logo {margin-top: 0;padding: 15px 0;width:150px; 
  float:left;}
.header-layout1 .header-navbar-logo img{width:130px; max-width: inherit !important;}
.header-layout1 .menu-area {position: relative;padding-left:80px; padding-right:80px; max-width:1680px; margin:auto;}
.header-layout1 .kouhao{color:#d8e0f3}
.menu-area .justify-content-lg-start{ padding:0 0 0 25px;}
.header-layout1 .menu-area .logo-bg {position: absolute;height: calc(100% + 80px);width: 14.2%;top: -50px;left: 0;border-radius: 0 0 5px 0;}
.sticky .menu-area .justify-content-lg-start{ padding-top:20px}
.header-layout1 .navbar-right-desc {
  align-items: center;gap: 15px;flex-wrap: wrap;width: 165px;  height: 81px;  line-height: 81px;  background: #e60012;  text-align: center; 
    color:#fff;}
.header-layout1 .navbar-right-desc .navbar-right-desc-details .title {font-size: 18px;font-weight: 400;display: block;margin-bottom: -2px;}
.header-layout1 .navbar-right-desc .navbar-right-desc-details .link {font-size: 20px;font-weight: 700;font-family: var(--title-font);}
.header-layout1 .navbar-right-desc i {margin-right: 10px;transform: rotate(-45deg);}
.header-layout1 .navbar-right-desc a {color: #fff;}
.header-layout1 .navbar-right-desc a:hover {color: #3c3c3c}

@media (max-width: 1700px) {.header-layout1 .header-navbar-logo {  padding-left: 35px;}
  .header-layout1 .header-top .header-links {  padding-left: 160px;}
  .header-layout1 .menu-area .main-menu {  padding-left: 160px;}
  .header-layout1 .menu-area .logo-bg {  width: 16%;}
}
/* Extra large devices */
@media (max-width: 1500px) {.header-layout1 .header-top .header-links {  padding-left: 0;}
  .header-layout1 .menu-area .main-menu {  padding-left: 200px;}
  .header-layout1 .menu-area .logo-bg {  height: calc(100% + 10px);  width: 17%;  top: 0;}
  .header-layout1 .header-navbar-logo {  margin-top: 13px;}
  .header-layout1 .sticky-wrapper.sticky .header-navbar-logo {  margin-top: 15px;}
}
/* Medium Large devices */
@media (max-width: 1399px) {.header-layout1 .menu-area .main-menu {  padding-left: 160px;}
  .header-layout1 .header-navbar-logo {  padding-left: 30px;}
}
/* Medium Large devices */

/* Large devices */
@media (max-width: 1199px) {.header-layout1 .menu-area .logo-bg {  display: none;}
  .header-layout1 .header-navbar-logo {  display: none;}
  .header-layout1 .menu-area .main-menu {  padding-left: 0;}
  .header-layout1 .header-logo {  background: var(--theme-color);  padding: 25px;  position: relative;}
  .header-layout1 .header-logo:after {  content: "";  position: absolute;  width: 100%;  height: calc(100% + 10px);  top: 0;  left: 0;  background: var(--theme-color);  border-radius: 0 0 5px 5px;  z-index: -1;}
}
/* Medium devices */
@media (max-width: 991px) {.header-layout1 .sticky-wrapper {  padding: 0px 20px 0;}
  .header-layout1 .header-navbar-logo {  margin-top: 0;}
  .header-layout1 .header-navbar-logo img {  max-width: none;}
  .header-layout1 .sticky-wrapper.sticky {  top: 0;}
  .header-layout1 .social-links {  padding-right: 20px;  padding-left: 20px;}
  .header-layout1 .social-links:after {  left: 0;}
}
/* Extra small devices */
@media (max-width: 575px) {.header-layout1 .sticky-wrapper {  padding: 0;}
}
/* Header 2 ---------------------------------- */
.header-layout2 .header-top {padding: 15px 0;}
.header-layout2 .header-navbar-logo {display: none;}
.header-layout2 .menu-area {background: var(--theme-color);}
.header-layout2 .main-menu > ul > li > a {padding: 16px 0;color: var(--white-color);}
.header-layout2 .social-links {gap: 25px;}
.header-layout2 .social-links a {color: var(--white-color);}
.header-layout2 .sticky-wrapper.sticky .header-navbar-logo {display: block;}
.header-layout2 .sticky-wrapper.sticky .main-menu > ul > li > a {padding: 31px 0;}

/* Medium devices */
@media (max-width: 991px) {.header-layout2 .header-navbar-logo {  display: block;}
  .header-layout2 .icon-btn {  background: var(--white-color);  color: var(--title-color);}
}
/* Extra small devices */
@media (max-width: 575px) {
  .header-layout2 .header-top {  display: none;}
  .hero-1 .video{ height:auto !important; }
  .hero-wrapper video{ position:relative !important; }
  .body1 .biankuang{ border:none !important; }
  .body1 .bleft{padding-left: 50px !important;}
  .indexpro .col-md-12{ width:100% !important; }
  .indexpro .proleft img{ width:100%; height:auto;   min-width: inherit !important;}
  .indexpro .proright{ position:relative !important; width:100% !important; }

  .indexpro .proright h3{ height:auto !important; }


  .pcprotd{ display:none; }
  .mobprotd{ display:block !important; }
  .protd .pro1 .pro1left{ width:100% !important; float: inherit;}
  .protd .pro1 .pro1right{ width:100% !important; padding: 10px !important; }
  .protd .pro1 .pro1right i{ text-align:center; width:100% !important; margin-top: 20px;}
  .protd .pro1 .pro1right .proms{ margin-top:20px !important }

  .service-area-1 .comleft{ width:100% !important; }
  .service-area-1 .comright{background: #E8092E !important; width: 100% !important;}
  .comright .rblock{ width:100% !important; padding-left: 20px !important;margin: 50px 0 0 0px !important;}
  .footer-layout1{padding-top:0 !important;}
}
/* Header 3 ---------------------------------- */
.header-layout3 .sticky-wrapper {background: var(--white-color);}
.header-layout3 .sticky-wrapper.sticky .header-navbar-logo {margin-top: 25px;}
.header-layout3 .header-top {background: var(--title-color);padding: 12px 0;}
.header-layout3 .social-links {position: relative;padding-right: 20px;}
.header-layout3 .social-links:after {content: "";position: absolute;left: -20px;right: 0;bottom: -14px;top: -15px;background: rgba(255, 255, 255, 0.1);z-index: -1;}
.header-layout3 .header-navbar-logo {margin-top: 0;padding: 15px 0;padding-left: 60px;position: absolute;z-index: 3;}

@media (max-width: 1700px) {.header-layout1 .header-navbar-logo {  padding-left: 35px;}
  .header-layout1 .header-top .header-links {  padding-left: 160px;}
  .header-layout1 .menu-area .main-menu {  padding-left: 0px;margin-left: 0;}
  .header-layout1 .menu-area .logo-bg {  width: 16%;}
  .main-menu > ul > li{margin: 0 20px;}
}
/* Extra large devices */
@media (max-width: 1500px) {.header-layout1 .header-top .header-links {  padding-left: 0;}

  .header-layout1 .menu-area .main-menu {  padding-left: 0px;margin-left: 0;}
  .header-layout1 .menu-area .logo-bg {  height: calc(100% + 10px);  width: 17%;  top: 0;}
  .header-layout1 .header-navbar-logo {  margin-top: 13px;}
  .header-layout1 .sticky-wrapper.sticky .header-navbar-logo {  margin-top: 15px;}
  .main-menu > ul > li{margin: 0 20px;}
}
/* Medium Large devices */
@media (max-width: 1399px) {.header-layout1 .menu-area .main-menu {  padding-left: 0px;}
  .header-layout1 .header-navbar-logo {  padding-left: 30px;}
  .main-menu > ul > li{margin: 0 20px;}
}
/* Medium Large devices */

@media (max-width: 1299px) {.header-layout1 .menu-area .main-menu {  padding-left: 0px;}
  .header-layout1 .menu-area .logo-bg {  width: 20%;}
  .main-menu a {  font-size: 16px;}
  .header-layout1 .menu-area .main-menu li{ margin:0 !important;}
}
/* Large devices */
@media (max-width: 1199px) {.header-layout1 .menu-area .logo-bg {  display: none;}
  .header-layout1 .header-navbar-logo {  display: none;}
  .header-layout1 .menu-area .main-menu {  padding-left: 0;}
  .header-layout1 .header-logo {  background: var(--theme-color);  padding: 25px;  position: relative;}
  .header-layout1 .header-logo:after {  content: "";  position: absolute;  width: 100%;  height: calc(100% + 10px);  top: 0;  left: 0;  background: var(--theme-color);  border-radius: 0 0 5px 5px;  z-index: -1;}
}
/* Medium devices */
@media (max-width: 991px) {.header-layout1 .sticky-wrapper {  padding: 0px 20px 0;}
  .header-layout1 .header-navbar-logo {  margin-top: 0;}
  .header-layout1 .header-navbar-logo img {  max-width: none;}
  .header-layout1 .sticky-wrapper.sticky {  top: 0;}
  .header-layout1 .social-links {  padding-right: 20px;  padding-left: 20px;}
  .header-layout1 .social-links:after {  left: 0;}
}
/* 产品介绍 */
.slider{ float:left; width:60%; }
    .conright{ float:right; width: 30%;margin: 50px 5% 10px 5%}
    .fenleijieshao{ font-size:16px; line-height:35px; }
    .lxfs{ font-size:20px; color:#333; border:solid 1px #ddd; margin-top: 30px; text-align: center;}
    .lxfs i{ margin-right:30px }
    .nav{ margin-top:30px }
    .nav a{ color:#333; }
@media (max-width: 575px) {
  .header-layout1 .sticky-wrapper {  padding: 0;width: 100%;position: absolute;top: 0;}
  .header-layout1 .menu-area { position:relative; padding-left:0; padding-right:0; }
  .header-layout1 .menu-area>div{ width:100%; }
  .header-layout1 .header-navbar-logo { padding-left: 20px; display: inherit;}
  .header-layout1 .header-navbar-logo img{ width:80px; height:auto; }
  .menu-area .justify-content-lg-start{float: right;padding-right: 20px; padding-top: 10px}
  .header-layout1 .header-top{padding: 15px 0; display:none}
  .header-layout1 .navbar-right .icon-btn{ width:40px; height:40px; line-height:40px; }
  .slider{ width:100%; float:inherit}
  .conright{ width:auto; float:inherit}
  .slides li{ width:100%;}
  .slides li img{ width:100%; height:auto !important}

  /**********内页************/
  .video .wenzi h1{ font-size:45px !important; }
  .hero-1{ padding:0 !important; }
  .about .video{ height:500px !important; }
}
/*------------------- 4.3. Footer  -------------------*/
/*Footer 1***************/
.footer-wrapper {background-color: var(--title-color);}

.footer-top-1 {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 90px 75px;border-radius: 5px;margin-bottom: -115px;position: relative;z-index: 3;gap: 40px;/* Medium devices */
  /* Small devices */
}
.footer-top-1 .call-media-wrap .icon {background: rgba(255, 255, 255, 0.3);}
@media (max-width: 991px) {.footer-top-1 {  padding: 60px 55px;  justify-content: center;}
}
@media (max-width: 767px) {.footer-top-1 {  padding: 40px 30px;}
}

.widget-area {padding: 80px 0 30px;}

.copyright-wrap {padding: 28px 0;background: transparent;border-top: 1px solid #232323;}

.copyright-text {margin: 0;color: var(--white-color);font-weight: 400;font-size: 18px;font-family: var(--title-font);}
.copyright-text a {color: var(--white-color);}
.copyright-text a:hover {color: var(--theme-color);}

.footer-links {display: flex;gap: 15px 30px;flex-wrap: wrap;justify-content: center;}
.footer-links a {font-size: 18px;font-weight: 400;font-family: var(--title-font);color: var(--white-color);}
.footer-links a:hover {color: var(--theme-color);}

/*Footer 1***************/
.footer-layout1 {position: relative;}
.footer-layout1 .footer-widget {--body-color: #ffffff;}
.footer-layout1 .newsletter-form .form-group input {color: var(--white-color);}

/*Footer 2***************/
.footer-layout2 {padding-top: 80px;--body-color: rgba(255, 255, 255, 0.7);}
.footer-layout2 .footer-top-2 {background: var(--gray-color);padding: 60px;gap: 30px;border-radius: 5px;display: flex;justify-content: space-between;align-items: center;}
.footer-layout2 .footer-top-2 .footer-logo {flex: none;}
.footer-layout2 .footer-top-2 .footer-top-title {font-size: 26px;font-weight: 900;line-height: 1;margin-bottom: -0.3em;max-width: 265px;}
.footer-layout2 .footer-top-2 .newsletter-form {min-width: 400px;}
.footer-layout2 .footer-top-2 .newsletter-form .form-group input {color: var(--white-color);}

/* Medium devices */
@media (max-width: 991px) {.footer-layout2 .footer-top-2 {  flex-wrap: wrap;  text-align: center;  justify-content: center;}
  .footer-layout2 .footer-top-2 .footer-logo {  width: 100%;}
  .footer-layout2 .footer-top-2 .footer-top-title {  max-width: none;  margin-bottom: 10px;  margin-top: 10px;}
}
/* Extra small devices */
@media (max-width: 575px) {.footer-layout2 .footer-top-2 .newsletter-form {  min-width: auto;}
  .footer-layout2 .footer-top-2 {  padding: 40px;}
  .footer-layout2 .footer-top-2 .footer-top-title {  font-size: 22px;}
}
/* Extra small devices */
@media (max-width: 375px) {.footer-layout2 .footer-top-2 {  padding: 30px;}
}
/*Footer 3***************/
.footer-layout3 {position: relative;padding-top: 20px;}
.footer-layout3 .footer-widget {--body-color: #ffffff;}
.footer-layout3 .newsletter-form .form-group input {color: var(--white-color);}

/*------------------- 4.4. Breadcumb  -------------------*/
.breadcumb-menu {max-width: 100%;padding: 0;list-style-type: none;position: relative;margin: 35px 0 -0.4em;}
.breadcumb-menu li {display: inline-block;padding-right: 11px;list-style: none;position: relative;}
.breadcumb-menu li:after {content: "\f105";position: relative;margin-left: 16px;font-size: 14px;font-weight: 700;font-family: var(--icon-font);color: var(--white-color);}
.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;color: inherit;word-break: break-word;font-weight: 400;font-size: 18px;font-family: var(--title-font);color: var(--white-color);}
.breadcumb-menu a:hover {color: var(--theme-color);}

.breadcumb-title {color: var(--white-color);margin: -0.15em 0 -0.2em 0;line-height: 1.1;font-size: 38px;font-weight: 700;font-family: var(--title-font);z-index: 1;position: relative;}

.breadcumb-wrapper {background: var(--title-color);padding: 297px 0 155px;overflow: hidden;position: relative;z-index: auto;}
.breadcumb-wrapper .breadcumb-thumb {position: absolute;bottom: 0;}

/* Large devices */
@media (max-width: 1199px) {.breadcumb-wrapper {  padding: 262px 0 120px;}
}
/* Medium devices */
@media (max-width: 991px) {.breadcumb-wrapper {  text-align: center;  padding: 242px 0 100px;}
}
/* Extra small devices */
@media (max-width: 575px) {.breadcumb-title {  font-size: 40px;}
  .breadcumb-menu {  text-align: center;  margin: 22px 0 -0.45em 0;}
  .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {  font-size: 14px;}
}
/*------------------- 4.5. Pagination  -------------------*/
.pagination {margin-bottom: 30px;margin-top: 80px;}
.pagination ul {margin: 0;padding: 0;}
.pagination li {display: inline-block;margin: 0 6px;list-style-type: none;}
.pagination li:last-child {margin-right: 0;}
.pagination li:first-child {margin-left: 0;}
.pagination span,
.pagination a {display: inline-block;text-align: center;position: relative;color: var(--title-color);background-color: transparent;width: 60px;height: 60px;line-height: 60px;z-index: 1;font-size: 26px;font-family: var(--title-font);font-weight: 900;border-radius: 5px;border: 1px solid var(--title-color);}
.pagination span i,
.pagination a i {font-size: 22px;}
.pagination span.active, .pagination span:hover,
.pagination a.active,
.pagination a:hover {color: var(--theme-color);border-color: var(--theme-color);box-shadow: none;}

/* Medium devices */
@media (max-width: 991px) {.pagination {  margin-top: 60px;}
}
/* Small devices */
@media (max-width: 767px) {.pagination {  margin-top: 40px;}
  .pagination span,
  .pagination a {  width: 40px;  height: 40px;  line-height: 40px;  font-size: 16px;}
  .pagination span i,
  .pagination a i {  font-size: 16px;}
}
@media (max-width: 330px) {.pagination li {  margin: 0 2px;}
  .pagination span, .pagination a {  width: 35px;  height: 35px;  line-height: 34px;  font-size: 14px;}
}
.post-footer {clear: both;margin-top: 30px;}

/*------------------- 4.6. Blog  -------------------*/
blockquote,
.wp-block-quote {font-size: 18px;line-height: 1.55;padding: 60px;font-weight: 400;font-family: var(--title-font);display: block;position: relative;background-color: var(--smoke-color);overflow: hidden;margin: 40px 0;color: var(--title-color);font-style: italic;border-radius: 5px;border: 0;border-top: 3px solid var(--theme-color);}
blockquote p,
.wp-block-quote p {font-size: 18px;font-weight: 400;font-family: var(--title-font);font-style: normal;margin-top: -0.3em;margin-bottom: 23px;line-height: 1.55;color: var(--title-color);width: 100%;position: relative;z-index: 3;}
blockquote p a,
.wp-block-quote p a {color: inherit;}
blockquote p cite,
.wp-block-quote p cite {margin-top: 20px;}
blockquote:before,
.wp-block-quote:before {content: "\f10e";font-family: var(--icon-font);position: absolute;right: 45px;bottom: 20px;font-size: 60px;font-weight: 700;opacity: 1;color: var(--theme-color);font-style: normal;background: transparent;text-align: center;}
blockquote cite,
.wp-block-quote cite {display: block;font-size: 26px;position: relative;border-color: inherit;line-height: 1;font-weight: 900;margin-top: 0;margin-bottom: -0.2em;font-style: normal;color: var(--title-color);font-family: var(--title-font);}
blockquote cite:before,
.wp-block-quote cite:before {content: "";position: relative;display: inline-block;height: 2px;width: 25px;background: var(--theme-color);margin-right: 15px;top: -7px;}
blockquote .desig,
.wp-block-quote .desig {font-size: 12px;font-weight: 500;font-family: var(--title-font);font-style: initial;text-transform: uppercase;color: var(--body-color);margin-top: 8px;margin-bottom: -0.4em;display: block;}
blockquote .quote-icon,
.wp-block-quote .quote-icon {position: absolute;right: 50px;bottom: 50px;width: 150px;}
blockquote.style-left-icon, blockquote.is-large, blockquote.is-style-large, blockquote.has-text-align-right,
.wp-block-quote.style-left-icon,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.has-text-align-right {padding: 170px 50px 50px;}
blockquote.style-left-icon,
.wp-block-quote.style-left-icon {font-size: 18px;color: var(--body-color);font-weight: 400;line-height: 1.556;background-color: var(--smoke-color);padding-left: 160px;}
blockquote.style-left-icon:before,
.wp-block-quote.style-left-icon:before {right: unset;left: 56px;top: 60px;font-size: 6rem;font-weight: 400;line-height: 4rem;color: var(--theme-color);text-shadow: none;}
blockquote.style-left-icon cite,
.wp-block-quote.style-left-icon cite {color: var(--title-color);}
blockquote.style-left-icon cite:before,
.wp-block-quote.style-left-icon cite:before {background-color: var(--title-color);top: 8px;}
blockquote.is-large cite:before, blockquote.is-style-large cite:before,
.wp-block-quote.is-large cite:before,
.wp-block-quote.is-style-large cite:before {top: unset;bottom: 13px;}
blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right {border: 0;}
blockquote.has-text-align-right:before,
.wp-block-quote.has-text-align-right:before {right: 50px;left: unset;}

.wp-block-pullquote {padding: 0;}

.wp-block-pullquote.is-style-solid-color blockquote p {margin-bottom: 20px;}

.wp-block-pullquote blockquote:before,
.wp-block-pullquote.is-style-solid-color blockquote:before {left: 50%;transform: translate(-50%, 0px);}

.wp-block-column blockquote,
.wp-block-column .wp-block-quote {padding: 100px 15px 30px 15px;}
.wp-block-column blockquote:before,
.wp-block-column .wp-block-quote:before {width: 50px;height: 50px;line-height: 50px;top: 30px;left: 30px;font-size: 30px;}
.wp-block-column blockquote.style-left-icon, .wp-block-column blockquote.is-large:not(.is-style-plain), .wp-block-column blockquote.is-style-large:not(.is-style-plain), .wp-block-column blockquote.has-text-align-right,
.wp-block-column .wp-block-quote.style-left-icon,
.wp-block-column .wp-block-quote.is-large:not(.is-style-plain),
.wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-column .wp-block-quote.has-text-align-right {padding: 100px 15px 30px 15px;}

.blog-meta {display: block;margin-top: -0.4em;}
.blog-meta span,
.blog-meta a {display: inline-block;font-size: 14px;font-weight: 700;color: var(--title-color);position: relative;margin-right: 11px;text-transform: uppercase;}
.blog-meta span i,
.blog-meta a i {margin-right: 9px;color: var(--theme-color);}
.blog-meta span:last-child,
.blog-meta a:last-child {margin-right: 0 !important;padding-right: 0;}
.blog-meta span a {margin-right: 0 !important;}
.blog-meta a:hover {color: var(--theme-color);}

.blog-audio img,
.blog-img img,
.blog-video img {transition: 0.4s ease-in-out;border-radius: 30px 30px 0 0;}

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

.blog-inner-title {margin-top: -0.25em;margin-bottom: 20px;font-weight: 900;}
.blog-inner-title i {color: var(--theme-color);margin-right: 4px;}

.blog-single-card {position: relative;margin-bottom: 60px;/* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}
.blog-single-card .blog-thumb {position: relative;border-radius: 5px;overflow: hidden;}
.blog-single-card .blog-thumb img {width: 100%;border-radius: 5px;}
.blog-single-card .blog-title {margin-bottom: 20px;font-size: 36px;line-height: 1;font-weight: 900;}
.blog-single-card .blog-text {margin-bottom: 40px;font-size: 18px;font-family: var(--title-font);font-weight: 400;}
.blog-single-card .blog-date {position: absolute;right: 0;top: 0;transform: translate(100%, -50%);}
.blog-single-card .blog-date a {background: var(--theme-color);height: 80px;width: 80px;border-radius: 5px 0 0 5px;text-align: center;display: inline-block;color: var(--white-color);font-family: var(--title-font);font-size: 18px;font-weight: 400;padding: 13px 10px 17px;}
.blog-single-card .blog-date a span {display: block;font-size: 36px;font-weight: 700;margin-bottom: 7px;}
.blog-single-card .blog-meta {margin-bottom: 19px;}
.blog-single-card .social-links {margin: 0;padding: 0;list-style-type: none;display: inline-block;}
.blog-single-card .social-links li {display: inline-block;margin-right: 3px;}
.blog-single-card .social-links li:last-child {margin-right: 0;}
.blog-single-card .social-links a {display: inline-block;width: 40px;height: 40px;line-height: 40px;background-color: var(--smoke-color);font-size: 14px;color: var(--body-color);text-align: center;}
.blog-single-card .social-links a:hover {color: var(--white-color);background-color: var(--theme-color);}
.blog-single-card .blog-content {margin: -25px 80px 0 30px;position: relative;border-radius: 5px 0 5px 5px;background: var(--white-color);box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);padding: 40px;}
.blog-single-card .blog-audio {line-height: 1;}
.blog-single-card .blog-audio,
.blog-single-card .blog-img,
.blog-single-card .blog-video {position: relative;overflow: hidden;background-color: var(--smoke-color);}
.blog-single-card .blog-img .slick-arrow {--pos-x: 30px;--icon-size: 45px;border: none;background-color: var(--white-color);color: var(--theme-color);border-radius: 5px;}
.blog-single-card .blog-img .slick-arrow:hover {background-color: var(--theme-color);color: var(--white-color);}
.blog-single-card .blog-img .play-btn {--icon-size: 60px;position: absolute;left: 50%;top: 50%;margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2);}
.blog-single-card .blog-img .play-btn i {--icon-size: 100px;background: rgba(255, 255, 255, 0.102);font-size: 24px;width: var(--icon-size, 120px);height: var(--icon-size, 120px);line-height: var(--icon-size, 120px);}
.blog-single-card .blog-img .play-btn i:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;border: solid 2px #fff;border-radius: 50%;animation: rotate 5s infinite linear;}
.blog-single-card .blog-img .play-btn:before, .blog-single-card .blog-img .play-btn:after {background: transparent;border: 1px solid rgba(255, 255, 255, 0.18);}
.blog-single-card .blog-img:after {content: "";position: absolute;left: 0;top: 0;border-radius: 30px 30px 0 0;background-color: rgba(16, 55, 65, 0.149);width: 100%;height: 100%;}
.blog-single-card .read-more-btn,
.blog-single-card .line-btn {display: block;max-width: fit-content;margin-bottom: -1px;}
.blog-single-card .read-more-btn {margin-bottom: -8px;color: var(--theme-color);}
.blog-single-card .blog-post-wrap {background: var(--smoke-color3);border-radius: 6px;padding: 60px;cursor: pointer;transition: 0.4s;}
.blog-single-card .blog-post-wrap:hover {background: var(--theme-color);}
.blog-single-card .blog-post-wrap:hover h5 {color: var(--white-color);}
.blog-single-card .blog-post-wrap h5 {margin-bottom: 0;transition: 0.4s;}
.blog-single-card:hover .blog-img .slick-arrow {opacity: 1;visibility: visible;}
@media (max-width: 1399px) {.blog-single-card .blog-title {  font-size: 28px;  line-height: 1.1;}
}
@media (max-width: 1199px) {.blog-single-card .blog-date {  position: absolute;  right: 0;  top: 0;  transform: translate(0, -100%);}
  .blog-single-card .blog-date a {  border-radius: 5px 0 0 0px;}
  .blog-single-card .blog-content {  margin: -25px 0px 0 30px;}
  .blog-single-card .blog-text {  margin-bottom: 30px;}
}
@media (max-width: 991px) {.blog-single-card {  margin-bottom: 40px;}
  .blog-single-card .blog-title {  margin-bottom: 15px;}
}
@media (max-width: 767px) {.blog-single-card .blog-title {  font-size: 24px;  line-height: 1.3;}
  .blog-single-card .blog-text {  margin-bottom: 22px;}
  .blog-single-card .blog-content {  padding: 30px;  margin: -25px 0px 0 20px;}
  .blog-single-card .blog-meta {  margin-bottom: 14px;}
}
@media (max-width: 575px) {.blog-single-card .blog-thumb {  border-radius: 5px 5px 0 0;}
  .blog-single-card .blog-thumb img {  border-radius: 5px 5px 0 0;}
  .blog-single-card .blog-content {  margin: 0;  border-radius: 0 0 5px 5px;}
}

.blog-author {border-radius: 15px;padding: 30px;display: flex;align-items: center;gap: 30px;margin-top: var(--blog-space-y, 80px);}
.blog-author .auhtor-img {border-radius: 15px;overflow: hidden;}
.blog-author .author-name {font-size: 24px;font-weight: 500;margin-bottom: -0.1em;}
.blog-author .author-name a {color: var(--title-color);}
.blog-author .author-desig {font-size: 14px;font-weight: 500;color: var(--theme-color);text-transform: uppercase;font-family: var(--title-font);}
.blog-author .author-text {margin-top: 9px;margin-bottom: -0.3em;}

.share-links-title {font-size: 18px;color: var(--title-color);font-family: var(--title-font);font-weight: 500;margin: 0 20px 0 0;}

.share-links {border-bottom: 1px solid var(--border-color);padding: 13px 0 40px;}
.share-links > .row {align-items: center;--bs-gutter-y: 20px;}
.share-links .wp-block-tag-cloud,
.share-links .tagcloud {gap: 20px;}

/* Medium Large devices */
@media (max-width: 1399px) {.share-links {  --blog-space-x: 20px;}
}
/* Large devices */
@media (max-width: 1199px) {blockquote, .wp-block-quote {  padding: 150px 40px 40px 40px;}
  blockquote:before, .wp-block-quote:before {  left: 40px;  top: 40px;}
}
/* Small devices */
@media (max-width: 767px) {blockquote cite,
  .wp-block-quote cite {  font-size: 18px;}
}
/* Extra small devices */
@media (max-width: 575px) {.share-links-title {  display: block;  margin-bottom: 10px;}
  .blog-author {  display: block;}
  .blog-author .auhtor-img {  margin-bottom: 20px;  display: inline-block;}
  blockquote p, .wp-block-quote p {  font-size: 18px;  line-height: inherit;}
  blockquote, .wp-block-quote {  padding: 140px 30px 30px 30px;}
  blockquote:before, .wp-block-quote:before {  left: 30px;  top: 30px;}
}
/* Extra small devices */
@media (max-width: 375px) {.share-links .wp-block-tag-cloud, .share-links .tagcloud {  gap: 10px;}
}
/*blog-details-card**************/
.blog-details-card .blog-thumb {position: relative;border-radius: 5px;overflow: hidden;}
.blog-details-card .blog-thumb .blog-date {position: absolute;right: 0;top: 0;font-size: 20px;font-weight: 700;font-family: var(--title-font);color: var(--white-color);background: var(--title-color);padding: 12px 20px;border-radius: 0 5px 0 5px;}
.blog-details-card .blog-thumb .blog-meta {background: var(--theme-color);position: absolute;left: 0;bottom: 0;border-radius: 0 5px 0 5px;padding: 5.5px 20px;}
.blog-details-card .blog-thumb .blog-meta a {color: var(--white-color);font-size: 14px;font-weight: 400;font-family: var(--title-font);text-transform: capitalize;}
.blog-details-card .blog-thumb .blog-meta a i {color: var(--white-color);}
.blog-details-card .blog-content {margin-top: 26px;}
.blog-details-card .blog-title {font-weight: 900;}
.blog-details-card p {font-size: 18px;font-family: var(--title-font);}
.blog-details-card .blog-details-single-card {padding: 40px;border-radius: 5px;}

/*------------------- 4.7. Comments  -------------------*/
.comment-form {margin-top: var(--blog-space-y, 20px);position: relative;padding: 60px;border-radius: 5px;background: var(--smoke-color);}
.comment-form .row {--bs-gutter-x: 20px;}
.comment-form .form-title {margin-top: -0.35em;margin-bottom: 30px;}
.comment-form .form-title a#cancel-comment-reply-link {font-size: 0.7em;text-decoration: underline;}
.comment-form .form-text {margin-bottom: 25px;}
.comment-form .form-group {margin-bottom: 20px;}

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

.comments-wrap {margin-top: var(--blog-space-y, 80px);margin-bottom: 30px;}
.comments-wrap .description p:last-child {margin-bottom: -0.5em;}
.comments-wrap .comment-respond {margin: 30px 0;}
.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;}
.comments-wrap li {margin: 0;}
.comments-wrap .post-comment {padding: 0;position: relative;display: flex;margin-bottom: 30px;padding-bottom: 30px;position: relative;border-bottom: 1px solid var(--border-color);}
.comments-wrap .post-comment ol,
.comments-wrap .post-comment ul,
.comments-wrap .post-comment dl {margin-bottom: 1rem;}
.comments-wrap .post-comment ol ol,
.comments-wrap .post-comment ol ul,
.comments-wrap .post-comment ul ol,
.comments-wrap .post-comment ul ul {margin-bottom: 0;}
.comments-wrap ul.comment-list {list-style: none;margin: 0;padding: 0;margin-bottom: var(--blog-space-y, 80px);}
.comments-wrap ul.comment-list ul ul,
.comments-wrap ul.comment-list ul ol,
.comments-wrap ul.comment-list ol ul,
.comments-wrap ul.comment-list ol ol {margin-bottom: 0;}
.comments-wrap .comment-avater {margin-right: 25px;overflow: hidden;border-radius: 15px;height: fit-content;}
.comments-wrap .comment-avater img {width: 100%;}
.comments-wrap .comment-content {flex: 1;margin-top: -6px;position: relative;}
.comments-wrap .commented-on {font-size: 12px;display: inline-block;margin-bottom: 2px;font-weight: 500;color: var(--body-color);font-family: var(--title-font);}
.comments-wrap .commented-on i {margin-right: 7px;font-size: 0.9rem;}
.comments-wrap .name {margin-bottom: 7px;font-size: 20px;font-weight: 500;}
.comments-wrap .comment-top {display: flex;justify-content: space-between;}
.comments-wrap .text {margin-bottom: -0.3em;}
.comments-wrap .children {margin: 0;padding: 0;list-style-type: none;margin-left: 135px;}
.comments-wrap .reply_and_edit {margin-bottom: -0.46em;position: absolute;right: 0;top: 20px;}
.comments-wrap .reply_and_edit a {margin-right: 10px;color: var(--theme-color);padding: 0;font-size: 16px;font-weight: 600;font-family: var(--body-font);}
.comments-wrap .reply_and_edit a:hover {color: var(--title-color);}
.comments-wrap .reply_and_edit a i {margin-left: 3px;margin-right: 0;}
.comments-wrap .reply_and_edit a:last-child {margin-right: 0;}
.comments-wrap .reply-btn {font-weight: 700;font-size: 12px;color: var(--body-color);font-family: var(--title-font);display: inline-block;}
.comments-wrap .reply-btn i {margin-right: 7px;}
.comments-wrap .reply-btn:hover {color: var(--theme-color);}
.comments-wrap .star-rating {font-size: 12px;margin-bottom: 10px;position: absolute;top: 5px;right: 0;width: 80px;}

ul.comment-list .comment-item:last-child:not(.children .comment-item) > .post-comment {border-bottom: none;padding-bottom: 0;}
ul.comment-list .comment-item:first-child:not(.children .comment-item) > .post-comment {padding-bottom: 30px;border-bottom: 1px solid var(--border-color);}

.comments-wrap.comment-form {margin: 0;}

/* Large devices */
@media (max-width: 1199px) {.blog-single {  --blog-space-y: 40px;}
  .comments-wrap {  margin-top: 40px;}
  .comments-wrap .children {  margin-left: 40px;}
  .blog-inner-title {  margin-bottom: 30px;}
  .comment-form {  padding: 40px;  --blog-space-y: 40px;}
  .comments-wrap .comment-avater {  margin-right: 35px;}
  ul.comment-list .comment-item:first-child:not(.children .comment-item) > .post-comment {  padding-bottom: 30px;}
  .comments-wrap .post-comment {  margin-bottom: 30px;}
}
/* Medium devices */
@media (max-width: 991px) {.comment-form .btn {  padding: 20px 40px;}
}
/* Small devices */
@media (max-width: 767px) {.comments-wrap .post-comment {  display: block;}
  .comments-wrap .comment-avater {  height: 100px;  width: 100px;  margin-bottom: 30px;}
}
/* Extra small devices */
@media (max-width: 575px) {.comment-form {  padding: 30px;}
}
/*--------------------------------------------------------------
# Comment Css
--------------------------------------------------------------*/
.comments-title {font-size: 27px;border-bottom: 2px solid var(--border-color);padding-bottom: 15px;margin-bottom: 30px;}

ol.comment-list {margin: 0;padding: 0;list-style: none;}

.comment ol.children {list-style: none;padding-left: 50px;}

.comment span.says {display: none;}

.comment-author.vcard,
footer.comment-meta {position: relative;}

.comment-author.vcard img {border-radius: 50%;height: 90px;width: 90px;margin-top: -5px;}

.comment-author.vcard .fn {font-size: 20px;position: absolute;left: 110px;top: -10px;text-transform: capitalize;font-family: "Poppins", sans-serif;font-weight: 600;}

.comment-author.vcard .fn a {font-weight: 600;}

.bypostauthor {display: block;}

.bypostauthor .comment-author.vcard .fn:after {content: "\f02e";font-family: "Font Awesome 5 Free";font-size: 13px;top: 0;margin-left: 10px;position: relative;line-height: 1;font-weight: 900;}

.comment-metadata {position: absolute;left: 110px;top: 20px;}

.comment-metadata time {text-transform: uppercase;font-weight: 500;font-size: 14px;}

em.comment-awaiting-moderation {font-weight: 500;color: #1d1d1d;display: block;padding-left: 110px;margin-top: -25px;margin-bottom: 35px;}

.comment-metadata span.edit-link,
span.edit-link {display: none;}

.comment .comment-content {position: relative;padding-left: 110px;margin-top: -25px;}

.comment article {margin-top: 15px;padding: 15px 15px 15px 0;border-bottom: 2px solid var(--border-color);position: relative;}

.comment-list li:last-child .comment-body {border-bottom: 0;}

.comment-list li .children .comment-body {border-bottom: 2px solid var(--border-color);}

.comment-content img {margin-top: 30px;margin-bottom: 30px;}

.comment-body .reply {position: absolute;right: 0;top: 8px;}

.comments-area .reply a {position: relative;padding-left: 25px;color: var(--black-color);font-weight: 600;}
.comments-area .reply a:hover {color: var(--theme-color);}

.comment-body .reply a:before {content: "\f3e5";font-family: Font Awesome\ 6 Pro;position: absolute;left: 3px;top: 0;}

.comment-content a,
.comment-body a {word-wrap: break-word;font-weight: 500;}

.comment-content li {font-weight: 500;margin: 8px 0;}

/*--------------------------------------------------------------
# Comment Respond Form
--------------------------------------------------------------*/
.comments-heading {font-size: 25px;margin-bottom: 5px;}

#cancel-comment-reply-link {margin-left: 10px;font-size: 20px;font-weight: 700;}

#cancel-comment-reply-link:hover {text-decoration: underline;}

.comment-respond {margin-top: 30px;padding: 35px 45px 30px 45px;background-color: var(--smoke-color2);color: var(--black-color);border-radius: 10px;}
.comment-respond .comment-form {padding: 0;}

.tp-comment-input {position: relative;margin-bottom: 30px;}

.tp-comment-input input,
.tp-comment-input textarea {margin-bottom: 0;}

.tp-comment-input i {position: absolute;right: 20px;font-size: 18px;top: 50%;transform: translateY(-50%);pointer-events: none;color: #647589;}

.comment-message.tp-comment-input i {top: 30px;}

li.comment .comment-respond {margin-bottom: 45px;margin-top: 45px;}

.comment-form .comment-form-wrap {margin: 25px -45px 0 -45px;border-top: 2px solid var(--border-color);padding: 35px 30px 0 30px;}

.comment-form input,
.comment-form textarea {background: var(--white-color);border-color: transparent;color: var(--black-color);border-radius: 5px;}

.comment-message textarea {height: auto;border-radius: 15px;}

.comment-form-cookies-consent label {display: inline;margin-left: 10px;}

.comment-form .comment-message {margin-top: 10px;}

.comment-form-wrap ::-webkit-input-placeholder {/* WebKit, Blink, Edge */
  color: #647589;}

.comment-form-wrap :-moz-placeholder {/* Mozilla Firefox 4 to 18 */
  color: #647589;opacity: 1;}

.comment-form-wrap ::-moz-placeholder {/* Mozilla Firefox 19+ */
  color: #647589;opacity: 1;}

.comment-form-wrap :-ms-input-placeholder {/* Internet Explorer 10-11 */
  color: #647589;}

.comment-form-wrap ::-ms-input-placeholder {/* Microsoft Edge */
  color: #647589;}

.comment-form-wrap ::placeholder {/* Most modern browsers support this now. */
  color: #647589;}

#message-cmt::placeholder {/* Most modern browsers support this now. */
  color: #647589;}

.comments-area button.tp-button i {font-size: 14px;}

@media (min-width: 500px) {.comment-metadata time {  margin-top: 15px;  display: inline-block;}
}
li.pingback,
li.trackback {border: 2px solid var(--border-color);padding: 10px;margin-bottom: 20px;}

/*------------------- 4.8. Hero Area  -------------------*/
/* Hero Global ---------------------------------- */
.hero-wrapper {position: relative;z-index: 2;overflow: hidden;}

/* Hero 1 ---------------------------------- */
.hero-1 {background-size: cover;z-index:999;}
.hero-1 .video .bannerbg{ position:absolute; z-index:99; background:#00000055; width:100%; height:100%;}
.hero-title {font-weight: 900;}
.hero-title span {position: relative;}
.hero-title span img {position: absolute;animation: bg-anim 5s linear infinite;bottom: 0;left: 47%;transform: translate(-50%, 0);z-index: -1;width: 100%;height: 100%;object-fit: contain;}

.hero-text {font-size: 18px;font-weight: 400;margin-top: 20px;margin-bottom: 40px;}

.hero-style1 {position: relative;z-index: 6;}

/* Medium Large devices */
@media (max-width: 1399px) {.hero-1 {  padding: 0px 0 0px; }
}
/* Large devices */
@media (max-width: 1199px) {.hero-text {  font-size: 16px;}
  .hero-style1 {  text-align: center;  margin-bottom: 60px;}
  .hero-style1 .btn-group {  justify-content: center;}
}
@media (max-width: 320px) {.hero-title {  font-size: 38px;  line-height: 47px;}
}
/* Hero 2 ---------------------------------- */
.hero-2 {background-size: cover;position: relative;}
.hero-2:after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, #171717 0.03%, rgba(23, 23, 23, 0) 99.95%);z-index: -2;}
.hero-2 .hero-shape2-1 {position: absolute;height: 100%;width: 500px;opacity: 0.6;z-index: -1;}
.hero-2 .hero-shape2-1:before, .hero-2 .hero-shape2-1:after {content: "";position: absolute;height: calc(100% + 160px);width: 445px;background: linear-gradient(180deg, var(--theme-color) 0%, rgba(232, 9, 46, 0) 100%);opacity: 0.75;transform: skew(30deg, 0deg);top: -160px;left: 326px;z-index: 1;}
.hero-2 .hero-shape2-1:before {background: var(--theme-color);opacity: 0.26;width: 385px;height: calc(100% + 120px);left: 0px;transform: skew(-31deg, 0deg);}
.hero-2 .hero-shape2-1 .hero-shape2-2 {position: absolute;width: 300px;height: 279px;background: linear-gradient(180deg, #E8092E 0%, rgba(232, 9, 46, 0) 100%);opacity: 0.76;bottom: 40px;left: 175px;transform: skew(-31deg, 0deg);}

.hero-style2 {padding: 150px 0;}
.hero-style2 .hero-title span {position: relative;}
.hero-style2 .hero-title span img {position: absolute;animation: bg-anim 5s linear infinite;bottom: -36px;left: 50%;transform: translate(-50%, 0);width: calc(100% - 40px);}

@keyframes bg-anim {0% {  clip-path: inset(0 100% 0 0);  opacity: 1;}
  80% {  clip-path: inset(0 0 0 0);  opacity: 1;}
  100% {  opacity: 0;}
}
/* Medium Large devices */
@media (max-width: 1399px) {.hero-style2 {  padding: 140px 0;}
  .hero-style2 .hero-title span img {  bottom: -27px;}
}
/* Large devices */
@media (max-width: 1199px) {.hero-style2 {  padding: 130px 0;}
  .hero-2 .hero-shape2-1:after {  left: 298px;}
}
/* Extra small devices */
@media (max-width: 575px) {.hero-style2 {  padding: 120px 0;}
}
/* Hero 2 ---------------------------------- */
.hero-3-slider .hero-slide {position: relative;background-size: cover;}
.hero-3-slider .hero-slide:after {content: "";position: absolute;inset: 0;background: linear-gradient(to right, var(--title-color), transparent);opacity: 0.7;z-index: -1;}
.hero-3-slider .video-wrap {padding: 300px 0 215px;}

.hero-style3 {padding: 300px 0 215px;}
.hero-style3 .hero-subtitle {display: block;margin-bottom: 40px;}
.hero-style3 .hero-subtitle span {position: relative;display: inline-block;padding: 0 40px 0 20px;}
.hero-style3 .hero-subtitle span img {position: absolute;animation: bg-anim 5s linear infinite;bottom: -18px;left: 50%;transform: translate(-50%, 0);width: 100%;z-index: -1;}
.hero-style3 .hero-title {line-height: 1.1;}

/* Medium devices */
@media (max-width: 991px) {.hero-style3 {  padding: 250px 0 50px;}
  .hero-3-slider .video-wrap {  padding: 0px 0 100px;}
}
/* Hero 4 ---------------------------------- */
.hero-4 {background-size: cover;position: relative;}
.hero-4:after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, #171717 0.03%, rgba(23, 23, 23, 0) 99.95%);z-index: -2;}
.hero-4 .shape-position {opacity: 0.5;}
.hero-4 .shape1 {position: absolute;right: 0;top: 140px;height: 100%;animation: 1.5s 0.3s fadeInRight both;}
.hero-4 .shape2 {position: absolute;right: 0;top: 140px;height: 100%;animation: 1.5s 0.6s fadeInRight both;}
.hero-4 .shape3 {position: absolute;right: 90px;bottom: 0;animation: 1.5s 1.5s fadeInRight both;}

.hero-style4 {padding: 340px 0 200px;}
.hero-style4 .hero-title {line-height: 1.2333333333;}

/*------------------- 4.9. Error  -------------------*/
.error-area .error-thumb {margin-bottom: 55px;}
.error-area .error-content {margin-bottom: 45px;}

.not-found-text-wrapper .text-404 h4 {font-size: 48px;margin-top: -0.35em;}
.not-found-text-wrapper .error-dec {margin-bottom: 45px;}

/*------------------- 4.00. Popup Search  -------------------*/
.popup-search-box {position: fixed;top: 0;left: 50%;background-color: rgba(0, 0, 0, 0.95);height: 0;width: 0;overflow: hidden;z-index: 99999;opacity: 0;visibility: hidden;border-radius: 50%;transform: translateX(-50%);transition: all ease 0.4s;}
.popup-search-box button.searchClose {width: 50px;height: 50px;line-height: 52px;position: absolute;top: 40px;right: 40px;background-color: var(--theme-color);font-size: 22px;border-radius: 10px;transform: rotate(0);transition: all ease 0.4s;color: var(--white-color);border: 0;}
.popup-search-box button.searchClose:hover {color: var(--body-color);background-color: #fff;border-color: transparent;border-color: transparent;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;transform: translate(-50%, 50%) scale(0);transition: transform ease 0.4s;/* Large devices */
}
@media (max-width: 1199px) {.popup-search-box form {  max-width: 600px;}
}
.popup-search-box form input {font-size: 18px;height: 70px;width: 100%;border: none;background-color: var(--white-color);border: 2px solid var(--theme-color);padding: 0 80px 0 30px;color: var(--title-color);border-radius: 50px;}
.popup-search-box form input::-moz-placeholder {color: var(--theme-color);}
.popup-search-box form input::-webkit-input-placeholder {color: var(--theme-color);}
.popup-search-box form input:-ms-input-placeholder {color: var(--theme-color);}
.popup-search-box form input::placeholder {color: var(--theme-color);}
.popup-search-box form button {position: absolute;top: 0px;background-color: transparent;border: none;color: var(--theme-color);font-size: 24px;right: 12px;cursor: pointer;width: 70px;height: 70px;transition: all ease 0.4s;transform: scale(1.001);}
.popup-search-box form button:hover {transform: scale(1.1);}
.popup-search-box.show {opacity: 1;visibility: visible;width: 100.1%;height: 100%;transition: all ease 0.4s;border-radius: 0;}
.popup-search-box.show form {transition-delay: 0.5s;transform: translate(-50%, -50%) scale(1);}

/* Small devices */
@media (max-width: 767px) {.popup-search-box form {  width: 80%;}
  .popup-search-box form input {  height: 60px;}
  .popup-search-box form button {  width: 60px;  line-height: 62px;  height: 60px;}
}
/*------------------- 4.00. Popup Side Menu  -------------------*/
.sidemenu-wrapper {position: fixed;z-index: 99999;right: 0;top: 0;height: 100%;width: 0;background-color: rgba(0, 0, 0, 0.75);opacity: 0;visibility: hidden;transition: all ease 0.8s;}
.sidemenu-wrapper .closeButton {display: inline-block;border: 2px solid;width: 50px;height: 50px;line-height: 50px;font-size: 24px;padding: 0;position: absolute;top: 20px;right: 20px;background-color: var(--white-color);border-radius: 50%;transform: rotate(0);transition: all ease 0.4s;}
.sidemenu-wrapper .closeButton:hover {color: var(--theme-color);border-color: var(--theme-color);transform: rotate(90deg);}
.sidemenu-wrapper .sidemenu-content {background-color: var(--title-color);width: 450px;margin-left: auto;padding: 80px 30px;height: 100%;overflow-y: scroll;position: relative;right: -500px;cursor: auto;transition-delay: 1s;transition: right ease 1s;}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);background-color: #F5F5F5;}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {width: 2px;background-color: #F5F5F5;}
.sidemenu-wrapper .widget {padding: 0;border: none;background-color: transparent;}
.sidemenu-wrapper.show {opacity: 1;visibility: visible;width: 100%;transition: all ease 0.8s;}
.sidemenu-wrapper.show .sidemenu-content {right: 0;opacity: 1;visibility: visible;}

/* Small devices */
@media (max-width: 767px) {.sidemenu-wrapper .sidemenu-content {  width: 320px;  padding: 80px 20px;}
}
/*------------------- 4.00. Subscribe  -------------------*/
.subscribe-sec-shape {position: relative;z-index: -1;top: -50px;}

.subscribe-area {border-radius: 6px;position: relative;z-index: 2;box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);border-radius: 0 0 6px 6px;padding: 0 30px 30px;margin: 0 -30px 0px;background: var(--white-color);}
.subscribe-area .subscribe-wrapper {padding: 50px 90px;border-radius: 6px;transform: translate(0, -30px);margin-bottom: -30px;}
.subscribe-area .subscribe-title {font-size: 30px;margin-top: -0.25em;}

.subscribe-form {position: relative;}
.subscribe-form .form-group .form-control {height: 70px;padding-right: 220px;}
.subscribe-form .form-group .input-icon {top: 0;height: 100%;line-height: 70px;}
.subscribe-form .btn {position: absolute;right: 10px;top: 10px;padding: 18px 40px;}

/* Large devices */
@media (max-width: 1199px) {.subscribe-area .subscribe-wrapper {  padding: 50px;}
}
/* Extra small devices */
@media (max-width: 575px) {.subscribe-area {  margin: 0 0px 0px;  padding: 0 20px 20px;}
  .subscribe-area .subscribe-wrapper {  padding: 50px 20px;}
  .subscribe-form .form-group .form-control {  height: 60px;  padding-right: 30px;}
  .subscribe-form .form-group .input-icon {  line-height: 60px;}
  .subscribe-form .btn {  position: relative;  margin-top: 15px;  width: 100%;  right: 0;  top: 0;}
  .subscribe-area .subscribe-title {  font-size: 24px;}
}
/* Extra small devices */
@media (max-width: 375px) {.subscribe-area {  padding: 0;  box-shadow: none;}
}
/*------------------- 4.00. Contact  -------------------*/
/****contact page*****/
.contact-info {background: var(--white-color);border-bottom: 1px solid #f6872d;border-radius: 5px;padding: 30px;box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);}
.contact-info_icon {height: 65px;width: 65px;line-height: 65px;background: #f6872d;font-size: 30px;color: var(--white-color);text-align: center;border-radius: 5px;margin-bottom: 30px;}
.contact-info .contact-info_title {font-size: 26px;font-weight: 900;font-family: var(--title-font);color: var(--title-color);display: block;margin-top: -0.3em;margin-bottom: 10px;}
.contact-info .contact-info_text {font-size: 18px;font-weight: 400;font-family: var(--title-font);color: var(--title-color);margin-bottom: 3px;}
.contact-info .contact-info_text a {font-size: 18px;font-weight: 400;font-family: var(--title-font);color: var(--title-color);}
.contact-info .contact-info_text a:hover {color: var(--theme-color);}
.contact-info .contact-info_text:last-child {margin-bottom: -0.4em;}

.map-sec {line-height: 0;filter: grayscale(1);}
.map-sec iframe {width: 100%;height: 600px;/* Medium devices */
}
@media (max-width: 991px) {.map-sec iframe {  height: 400px;}
}

.contact-form-area {border-radius: 20px;margin-top: -300px;position: relative;z-index: 1;}
.contact-form-area .contact-form-thumb {border-radius: 20px 0 0 20px;overflow: hidden;height: 100%;}
.contact-form-area .contact-form-thumb img {height: 100%;object-fit: cover;}
.contact-form-area .contact-form-wrap {padding: 80px 80px 80px 60px;}

/*------------------- 4.00. About  -------------------*/
/*----------------------------------------------
    # About Area 1
----------------------------------------------*/
.about1-shape-img {opacity: 0.2;left: 82px;top: 53px;/* Extra large devices */
}
.about1-shape-img .about1-shape-img-2 {margin-left: -35px;margin-bottom: -120px;}
@media (max-width: 1500px) {.about1-shape-img {  left: 42px;}
}

.about-thumb1 {position: relative;padding-left: 180px;padding-bottom: 240px;display: inline-block;height: 100%;/* Extra small devices */
  /* Extra small devices */
}
.about-thumb1 .about-img-1 {border-radius: 5px;position: relative;z-index: 1;padding: 30px 0 0 30px;}
.about-thumb1 .about-img-1:after {content: "";position: absolute;inset: 0px 90px 94px 0px;background: var(--theme-color);opacity: 0.2;z-index: -1;border-radius: 5px;}
.about-thumb1 .about-img-1 img {border: 7px solid var(--white-color);border-radius: 5px;}
.about-thumb1 .about-img-2 {position: absolute;bottom: 0;left: 0;padding-right: 30px;padding-bottom: 30px;}
.about-thumb1 .about-img-2:after {content: "";position: absolute;inset: 104px 0px 0px 115px;background: var(--theme-color);opacity: 0.2;z-index: -1;border-radius: 5px;}
.about-thumb1 .about-img-2 img {border-radius: 5px;}
@media (max-width: 575px) {.about-thumb1 .about-img-1:after {  inset: 0px 30px 64px 0px;}
}
@media (max-width: 375px) {.about-thumb1 {  padding-left: 60px;  padding-bottom: 200px;}
}

.about-year-wrap {position: relative;display: inline-block;margin: 7px;}
.about-year-wrap:after {content: "";position: absolute;inset: -7px;background: url(../img/bg/about_counter-border1-1.png);background-size: 100% 100%;}
.about-year-wrap .about-year-mask-wrap {mask-size: 100% 100%;background: var(--title-color);text-align: center;padding: 30px 19px 60px;}
.about-year-wrap .about-year-wrap-title {font-weight: 900;color: var(--white-color);margin-top: 7px;margin-bottom: -2px;}
.about-year-wrap .about-year-wrap-text {font-weight: 400;font-family: var(--title-font);font-size: 18px;color: var(--white-color);margin-bottom: -0.55em;}

/* About Area 2 ---------------------------------- */
.about-area-2 {padding-bottom: 231px;/* Medium devices */
}
@media (max-width: 991px) {.about-area-2 {  padding-bottom: 191px;}
}

.about-thumb2 {position: relative;display: inline-block;}
.about-thumb2 .about-img-1 {padding-left: 237px;border-radius: 5px;}
.about-thumb2 .about-img-1 img {border-radius: 5px;}
.about-thumb2 .about-img-2 {border-radius: 5px;margin-top: 12px;}
.about-thumb2 .about-img-2 img {border-radius: 5px;}
.about-thumb2 .about-counter-wrap {background: var(--theme-color);border-radius: 5px;padding: 30px;display: inline-block;position: absolute;top: 0;left: 20px;}
.about-thumb2 .about-counter-wrap .about-counter {font-size: 50px;font-weight: 900;color: var(--white-color);margin-bottom: -3px;margin-top: 11px;}
.about-thumb2 .about-counter-wrap .about-counter-text {color: var(--white-color);font-size: 20px;font-weight: 700;margin-bottom: -0.3em;}
.about-thumb2 .about-year-wrap2 {background: var(--white-color);box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);padding: 15px 28px 25px;text-align: center;display: inline-block;border-radius: 5px;position: absolute;right: 50px;bottom: 62px;}
.about-thumb2 .about-year-wrap2 .about-year-grid-wrap {display: flex;gap: 20px;justify-content: center;align-items: center;}
.about-thumb2 .about-year-wrap2 .about-year-grid-wrap .icon {height: 55px;width: 55px;line-height: 55px;border-radius: 50%;background: var(--theme-color);}
.about-thumb2 .about-year-wrap2 .about-year-grid-wrap .about-counter {font-size: 50px;font-weight: 900;margin-bottom: -0.4em;margin-top: -0.3em;}
.about-thumb2 .about-year-wrap2 .about-year-text {font-size: 20px;font-weight: 700;margin-bottom: -0.3em;margin-top: 12px;}

.about-counter-grid {display: flex;gap: 10px;padding: 30px 20px;background: var(--white-color);}

.about-feature-wrap {background: var(--white-color);border-radius: 5px;padding: 35px 30px;display: flex;gap: 20px;}
.about-feature-wrap.style-shadow {box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);}
.about-feature-wrap:not(:last-child) {margin-bottom: 20px;}
.about-feature-wrap .icon {flex: none;}
.about-feature-wrap .icon img {transition: 0.4s;}
.about-feature-wrap .about-feature-title {font-size: 26px;font-weight: 900;margin-bottom: 3px;margin-top: -0.3em;}
.about-feature-wrap .about-feature-text {margin-bottom: -0.5em;font-size: 18px;font-weight: 400;font-family: var(--title-font);}
.about-feature-wrap:hover .icon img {transform: rotateY(180deg);}

/* Medium Large devices */
@media (max-width: 1399px) {.about-thumb2 .about-counter-wrap {  left: 0;}
  .about-thumb2 .about-img-1 {  padding-left: 217px;}
  .about-thumb2 .about-img-1 img {  min-height: 316px;  object-fit: cover;}
}
/* Extra small devices */
@media (max-width: 575px) {.about-feature-wrap {  flex-wrap: wrap;}
}
/* Extra small devices */
@media (max-width: 375px) {.about-thumb2 .about-img-1 {  padding-left: 0;}
  .about-thumb2 .about-year-wrap2,
  .about-thumb2 .about-counter-wrap {  position: initial;  animation: none;  margin-top: 12px;  display: block;}
  .about-thumb2 .about-year-wrap2 .about-year-grid-wrap {  justify-content: start;}
  .about-thumb2 .about-year-wrap2 .about-year-text {  text-align: left;}
}
/*------------------- 4.00. Team  -------------------*/
/* Team global ---------------------------------- */
.team-card {background: var(--smoke-color);border-radius: 5px;padding: 10px 40px;transition: 0.4s;display: flex;justify-content: space-between;align-items: center;border-left: 2px solid transparent;gap: 20px;}
.team-card_img {position: relative;border-radius: 5px;overflow: hidden;flex: none;}
.team-card_img img {border-radius: 5px;width: 134px;height: 134px;object-fit: cover;transition: 0.4s;}
.team-card_content {width: 216px;}
.team-card_title {font-size: 36px;font-weight: 900;margin-bottom: 4px;margin-top: 0;}
.team-card_title a {color: var(--title-color);}
.team-card_title a:hover {color: var(--theme-color);}
.team-card_desig {font-weight: 400;font-size: 18px;font-family: var(--title-font);color: var(--title-color);}
.team-card_text {max-width: 327px;}
.team-card_text p {margin-bottom: 0;}
.team-card:hover {border-color: var(--theme-color);}
.team-card:hover .team-card_img img {transform: scale(1.05);}

/* Large devices */
@media (max-width: 1199px) {.team-card_title {  font-size: 30px;}
}
/* Medium devices */
@media (max-width: 991px) {.team-card {  flex-wrap: wrap;  padding: 30px;  justify-content: start;}
  .team-card .team-card_img {  order: 1;}
  .team-card .team-card_content {  order: 2;}
  .team-card .team-card_title {  margin-top: -0.3em;}
  .team-card .team-card_text {  margin-top: 0;  order: 3;  max-width: none;}
  .team-card .team-social_wrap {  order: 4;}
}
/* Extra small devices */
@media (max-width: 575px) {.team-card .team-card_text {  margin-top: -0.5em;}
}
/* Team Area 2 ---------------------------------- */
.team-card.style2 {display: block;padding: 40px;border-bottom: 5px solid var(--title-color);border-radius: 10px;border-left: 0;text-align: center;}
.team-card.style2 .team-card_img {width: 100%;}
.team-card.style2 .team-card_img img {width: 100%;min-height: 324px;}
.team-card.style2 .team-card_content {width: 100%;background: var(--white-color);border-radius: 5px;padding: 20px;position: relative;margin-top: 30px;}
.team-card.style2 .team-card_content .team-social_wrap {position: absolute;right: 20px;bottom: 30px;transform: scaleY(0);transition: 0.4s;}
.team-card.style2 .team-card_content .team-social_wrap .social-btn.style2 {display: block;}
.team-card.style2 .team-card_content .team-social_wrap .social-btn.style2 a {display: block;}
.team-card.style2 .team-card_content .team-social_wrap .social-btn.style2 a:not(:last-child) {margin-bottom: 10px;}
.team-card.style2 .team-card_title {font-size: 26px;font-weight: 900;margin-bottom: 0;}
.team-card.style2 .team-card_desig {display: block;}
.team-card.style2:hover {border-color: var(--theme-color);}
.team-card.style2:hover .team-social_wrap {transform: scaleY(1);}

/* Medium Large devices */
@media (max-width: 1399px) {.team-card.style2 .team-card_content .team-social_wrap {  bottom: auto;  top: -30px;  transform: translate(0px, calc(-100% - 20px)) scaleY(0);}
  .team-card.style2:hover .team-card_content .team-social_wrap {  transform: translate(0px, calc(-100% - 20px)) scaleY(1);}
}
/* Large devices */
@media (max-width: 1199px) {.team-card.style2 {  padding: 30px;}
}
/* Team Area 3 ---------------------------------- */
.team-card.style3 {padding: 40px;display: block;text-align: center;border-left: 0;border-bottom: 2px solid transparent;}
.team-card.style3 .team-card_img {margin-bottom: 20px;}
.team-card.style3 .team-card_img img {width: 100%;height: auto;}
.team-card.style3 .team-card_title {font-size: 32px;}
.team-card.style3 .team-card_content {width: auto;}
.team-card.style3 .social-btn {margin-top: 20px;justify-content: center;}
.team-card.style3:hover {border-color: var(--theme-color);}

/* Team Details ---------------------------------- */
.team-about-card {margin-bottom: 75px;}
.team-about-card .team-about-card_img {height: 100%;}
.team-about-card .team-about-card_img img {border-radius: 5px;height: 100%;object-fit: cover;}
.team-about-card .team-about-card_box {box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.05);padding: 40px;margin: 60px 0;border-radius: 5px;margin-left: -80px;background: var(--white-color);}
.team-about-card_title {margin-top: -0.3em;margin-bottom: 30px;font-weight: 900;}

.team-details-wrap .team-details-wrap-title {font-size: 26px;font-weight: 900;margin-bottom: 0;}
.team-details-wrap .team-details-wrap-desig {font-size: 18px;font-weight: 400;margin-bottom: 12px;}

.team-details-wrap_info {display: flex;gap: 20px;}
.team-details-wrap_info:not(:last-child) {margin-bottom: 25px;}
.team-details-wrap_info .icon {height: 40px;width: 40px;line-height: 40px;text-align: center;border-radius: 5px;background: var(--smoke-color);flex: none;}
.team-details-wrap_info p {margin-top: -0.3em;margin-bottom: 0;}
.team-details-wrap_info p a {color: var(--title-color);}
.team-details-wrap_info p a:hover {color: var(--theme-color);}

/* Medium devices */
@media (max-width: 991px) {.team-about-card .team-about-card_box {  margin-left: 0;}
  .team-about-card {  margin-bottom: 0;}
}
/*------------------- 4.00. Testimonial  -------------------*/
/* Testimonial 1 ---------------------------------- */
.testimonial-area-1 {padding-top: 145px;}

.testimonial-thumb1 {height: 100%;display: flex;align-items: end;}
.testimonial-thumb1 img {object-fit: contain;object-position: bottom;}

.testi-card {background: #232323;border-radius: 5px;padding: 60px;}
.testi-card .testi-profile-title {color: var(--white-color);font-size: 26px;font-weight: 900;margin-bottom: 5px;margin-top: -0.3em;}
.testi-card .testi-profile-desig {font-size: 18px;font-weight: 400;font-family: var(--title-font);color: var(--white-color);opacity: 0.7;}
.testi-card .testi-card_text {color: var(--white-color);opacity: 0.7;font-size: 22px;font-weight: 400;font-family: var(--title-font);margin-bottom: 32px;}
.testi-card .testi-card-profile {display: flex;justify-content: space-between;align-items: center;margin-bottom: 23px;}
.testi-card .rating {color: #F8B427;display: flex;gap: 10px;}

.testi-slider-1 {position: relative;}
.testi-slider-1 .slick-dots {position: absolute;right: 74px;bottom: 60px;display: inline-block;width: auto;}

/* Medium Large devices */
@media (max-width: 1299px) {.testimonial-area-1 {  background-position: right;}
}
/* Large devices */
@media (max-width: 1199px) {.testi-card .testi-card_text {  font-size: 18px;}
}
/* Medium devices */
@media (max-width: 991px) {.testimonial-thumb1 {  display: none;}
}
/* Extra small devices */
@media (max-width: 575px) {.testi-card {  padding: 40px;}
}
/* Testimonial 2 ---------------------------------- */
.testimonial-area-2 {position: relative;z-index: 1;}
.testimonial-area-2 .testimonial-thumb-2 {position: absolute;left: 0;bottom: 0;top: 0;z-index: -1;width: 50%;}
.testimonial-area-2 .testimonial-thumb-2 img {height: 100%;width: 100%;object-fit: cover;}

.testiomonial-wrap-2 {margin: 60px 0;padding: 100px 70px 70px;border-radius: 5px;position: relative;box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);}
.testiomonial-wrap-2 .quote-icon {position: absolute;right: 55px;top: 100px;}
.testiomonial-wrap-2 .testi-slider-2 {margin-top: 65px;margin-bottom: 100px;}

.testi-card.style2 {background: transparent;padding: 0;}
.testi-card.style2 .testi-card-profile {justify-content: start;gap: 25px;margin-bottom: 57px;}
.testi-card.style2 .testi-profile_thumb img {border-radius: 50%;}
.testi-card.style2 .testi-card_text {font-size: 26px;opacity: 1;line-height: 36px;margin-bottom: 0;}

/* Medium Large devices */
@media (max-width: 1299px) {.testiomonial-wrap-2 .testi-slider-2 {  margin-bottom: 70px;}
}
/* Large devices */
@media (max-width: 1199px) {.testiomonial-wrap-2 .quote-icon {  width: 200px;}
  .testi-card.style2 .testi-card_text {  font-size: 24px;}
}
/* Small devices */
@media (max-width: 767px) {.testiomonial-wrap-2 {  padding: 80px 50px 50px;}
  .testiomonial-wrap-2 .testi-slider-2 {  margin-bottom: 40px;  margin-top: 0;}
  .testi-card.style2 .testi-card-profile {  margin-bottom: 37px;}
  .testi-card.style2 .testi-card_text {  font-size: 18px;}
}
/* Extra small devices */
@media (max-width: 375px) {.testiomonial-wrap-2 {  padding: 80px 30px 50px;}
  .testiomonial-wrap-2 .quote-icon {  width: 100px;}
  .testi-card.style2 .testi-card-profile {  flex-wrap: wrap;  margin-bottom: 17px;}
}
/*------------------- 4.00. Counter  -------------------*/
/* Counter 1 ---------------------------------- */
.counter-wrap1 {border-radius: 5px;background: var(--white-color);box-shadow: 0px 30px 80px 0px rgba(14, 100, 215, 0.04);margin-top: -136px;position: relative;z-index: 3;overflow: hidden;}

.counter-card-wrap {padding: 40px 60px;}
.counter-card-wrap .counter-card {min-width: 224px;}

.counter-checklist-wrap {background-size: cover;position: relative;z-index: 1;padding: 40px 60px;height: 100%;}
.counter-checklist-wrap:after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, #E8092E -1.06%, rgba(232, 9, 46, 0) 100%);z-index: -1;}

.counter-card {position: relative;display: inline-flex;gap: 25px;align-items: center;}
.counter-card_wrap ~ .counter-card_wrap {border-left: 1px solid #2C2C2C;}
.counter-card_wrap ~ .counter-card_wrap .counter-card.style2 {padding-left: 45px;}
.counter-card_wrap:last-child .counter-card.style2 {padding-right: 0;}
.counter-card_number {margin-top: 0px;margin-bottom: 3px;font-weight: 900;font-size: 50px;color: var(--title-color);}
.counter-card_text {font-weight: 400;font-size: 18px;font-family: var(--title-font);color: var(--title-color);margin-bottom: -0.4em;}
.counter-card_icon {border-radius: 50px;width: 80px;height: 80px;line-height: 80px;background-color: var(--theme-color);text-align: center;position: relative;margin: auto;}
.counter-card_icon img {transition: 0.4s all ease-in-out;}
.counter-card:hover .counter-card_icon:after {margin: 0;border-width: 10px;border-color: var(--theme-color);}
.counter-card:hover .counter-card_icon img {transform: rotateY(180deg);}

/* Medium Large devices */
@media (max-width: 1399px) {.counter-card-wrap {  padding: 40px 40px;}
  .counter-card_number {  font-size: 44px;}
  .counter-card_icon {  width: 70px;  height: 70px;  line-height: 70px;}
  .counter-card-wrap .counter-card {  min-width: 214px;}
}
/* Large devices */
@media (max-width: 1199px) {.counter-card-wrap .counter-card {  min-width: 185px;}
  .counter-card_number {  font-size: 34px;}
  .counter-card_text {  font-size: 16px;}
  .counter-card-wrap {  padding: 30px 30px;}
  .counter-card-wrap .counter-card {  min-width: max-content;}
}
/* Medium devices */
@media (max-width: 991px) {.counter-card-wrap .counter-card {  text-align: start;}
  .counter-card-wrap {  padding: 30px 30px;  text-align: center;}
}
/* Extra small devices */
@media (max-width: 575px) {.counter-checklist-wrap {  padding: 40px 40px;}
}
/* Counter 2 ---------------------------------- */
.counter-area-2 {padding: 60px;border-radius: 5px;margin-top: -111px;position: relative;z-index: 1;}

.counter-card.style2 {gap: 20px;}
.counter-card.style2 .counter-card_icon {background: var(--white-color);}
.counter-card.style2 .counter-card_number {color: var(--white-color);}
.counter-card.style2 .counter-card_text {color: var(--white-color);}

.counter-divider {height: 100%;width: 1px;background: var(--smoke-color);}

/* Medium Large devices */
@media (max-width: 1299px) {.counter-area-2 {  padding: 60px 40px;}
}
/* Medium devices */
@media (max-width: 991px) {.counter-area-2 {  padding: 60px;}
}
/* Small devices */
@media (max-width: 767px) {.counter-area-2 {  padding: 40px;}
}
/****single-fact-wrap****/
.intro-area-2 {margin-top: 164px;background-size: cover;position: relative;z-index: 1;}
.intro-area-2:after {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.75);z-index: -1;}

.fact-area {transform: translateY(-164px);margin-bottom: -164px;}

.single-fact-wrap {text-align: center;background: #fff;box-shadow: 0px -10px 100px rgba(0, 6, 18, 0.08);border-radius: 5px;padding: 50px 30px 31px;}
.single-fact-wrap .thumb {margin-bottom: 17px;}
.single-fact-wrap .details h2 {font-size: 36px;margin-bottom: 5px;}

.single-intro-wrap {text-align: center;background: linear-gradient(125.07deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);backdrop-filter: blur(20px);border-radius: 5px;padding: 15px 15px 30px;}
.single-intro-wrap .bg-border {position: absolute;left: 50%;top: 0;height: 100px;width: 100px;background: rgba(237, 28, 36, 0.6);border-radius: 50%;z-index: -1;transform: translate(-50%, -50%);}
.single-intro-wrap .thumb {height: auto;width: auto;transform: none;margin-bottom: 20px;}
.single-intro-wrap .thumb img {border-radius: 5px;width: 100%;}
.single-intro-wrap .details h3 {margin-bottom: 0;color: var(--white-color);font-size: 26px;}
.single-intro-wrap .details p {margin: 0;color: var(--white-color);}
.single-intro-wrap .details .btn {margin-top: 20px;padding: 0 27px;height: 50px;line-height: 50px;}
.single-intro-wrap.style2 {padding: 0 25px 45px;margin-top: 50px;}
.single-intro-wrap.style2 .thumb {height: 80px;width: 80px;background: #fff;border-radius: 50%;line-height: 80px;margin: auto;transform: translate(0, -50%);position: relative;z-index: 1;}
.single-intro-wrap.style2 .thumb img {width: 52px;}
.single-intro-wrap.style2 .details p {margin-top: 20px;margin-bottom: 0;}
.single-intro-wrap.style2 .btn {color: var(--white-color);margin-top: 40px;text-transform: capitalize;}

/*------------------- 4.00. Blog  -------------------*/
/* Blog Card ---------------------------------- */
.blog-shape-img1 {opacity: 0.2;left: 66px;top: 250px;/* Extra large devices */
}
.blog-shape-img1 .about1-shape-img-2 {margin-left: -35px;margin-bottom: -120px;}
@media (max-width: 1500px) {.blog-shape-img1 {  right: 42px;  top: 140px;}
}

.blog-card {position: relative;}
.blog-card .blog-title {font-weight: 900;font-size: 26px;color: var(--title-color);margin-bottom: 35px;margin-top: 12px;}
.blog-card .blog-img {width: 100%;overflow: hidden;position: relative;border-radius: 5px;}
.blog-card .blog-img img {max-width: 100%;border-radius: 5px;transition: 0.4s ease-in-out;min-height: 340px;object-fit: cover;}
.blog-card .blog-img .blog-date {position: absolute;right: 30px;bottom: 55px;}
.blog-card .blog-img .blog-date a {background: var(--title-color);height: 80px;width: 80px;border-radius: 5px;text-align: center;display: inline-block;color: var(--white-color);font-family: var(--title-font);font-size: 18px;font-weight: 400;padding: 13px 10px 17px;}
.blog-card .blog-img .blog-date a span {display: block;font-size: 36px;font-weight: 700;margin-bottom: 7px;}
.blog-card .blog-content {padding: 40px;position: relative;z-index: 2;transition: 0.4s;border-radius: 5px 0 0 5px;background: var(--white-color);box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);margin-top: -25px;margin-left: 30px;}
.blog-card:hover .blog-img img {transform: scale(1.08);}

/* Large devices */
@media (max-width: 1199px) {.blog-card .blog-title {  font-size: 24px;}
}
/* Extra small devices */
@media (max-width: 575px) {.blog-card .blog-content {  margin-left: 25px;  padding: 30px;}
  .blog-card .blog-title {  margin-bottom: 25px;}
}
/* Extra small devices */
@media (max-width: 375px) {.blog-card .blog-content {  margin-left: 0px;  margin-top: 0;  border-radius: 0 0 5px 5px;}
  .blog-card .blog-title {  font-size: 22px;}
  .blog-card .blog-img {  border-radius: 5px 5px 0 0;}
  .blog-card .blog-img img {  border-radius: 5px 5px 0 0;  min-height: 300px;}
  .blog-card .blog-img .blog-date {  bottom: 30px;}
}
/* Blog Card 2---------------------------------- */
.blog-card.style2 .blog-img img {width: 100%;}
.blog-card.style2 .blog-img .blog-date {bottom: auto;right: auto;top: 0;left: 30px;}
.blog-card.style2 .blog-img .blog-date a {border-radius: 0 0 5px 5px;background: var(--theme-color);}
.blog-card.style2 .blog-content {margin-right: 30px;border-radius: 5px;text-align: center;border-bottom: 2px solid var(--theme-color);padding: 35px 35px 27px;}
.blog-card.style2 .blog-title {margin-top: 21px;margin-bottom: 33px;}

/* Extra small devices */
@media (max-width: 375px) {.blog-card.style2 .blog-content {  margin-right: 0;}
  .blog-card.style2 .blog-content {  padding: 35px 25px 27px;}
}
/*------------------- 4.00. Client  -------------------*/
/* Client 1 ---------------------------------- */
.client-bg-area {background-size: 100% calc(100% - 228px);background-repeat: no-repeat;}

.client-area-1 {padding: 100px 0;/* Medium devices */
}
@media (max-width: 991px) {.client-area-1 {  padding: 80px 0;}
}

/* Client 2 ---------------------------------- */
.client-bg-area-2 {background-size: 100% calc(100% - 382px);background-repeat: no-repeat;}

/*------------------- 4.00. Simple Sections  -------------------*/
.checklist ul {padding-left: 0;list-style: none;text-align: left;margin-bottom: 0;}
.checklist li {font-size: 18px;font-weight: 400;font-family: var(--title-font);margin-bottom: 22px;display: flex;color: var(--body-color);}
.checklist li:last-child {margin-bottom: 0;}
.checklist li i, .checklist li svg {font-size: 22px;margin-right: 20px;margin-top: 2px;}
.checklist.style2 ul li:not(:last-child) {margin-bottom: 17px;}
.checklist.style2 ul li i {margin-right: 15px;font-size: 16px;color: var(--theme-color);margin-top: 3px;}
.checklist.style3 ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 8px;}
.checklist.style3 ul li {margin-bottom: 0;}
.checklist.style4 ul li:not(:last-child) {margin-bottom: 9px;}
.checklist.style5 ul li {font-weight: 400;font-size: 16px;color: var(--body-color);}
.checklist.style-white li {color: var(--white-color);}
.checklist.style-white li:not(:last-child) {margin-bottom: 12px;}
.checklist.style-white li i, .checklist.style-white li svg {font-size: 14px;margin-right: 20px;margin-top: 5px;}
.checklist.mb-40 {/* Large devices */
}
@media (max-width: 1199px) {.checklist.mb-40 {  margin-bottom: 32px;}
}
.checklist.mb-45 {/* Large devices */
}
@media (max-width: 1199px) {.checklist.mb-45 {  margin-bottom: 35px;}
}

.img-half {position: absolute;top: 0;width: 50%;height: 100%;z-index: -1;}
.img-half img {width: 100%;height: 100%;object-fit: cover;}
.img-half.img-right {right: 0;}

.icon-box {display: inline-flex;gap: 20px;}

.btn-wrap {display: flex;flex-wrap: wrap;align-items: center;gap: 20px 30px;}
.btn-wrap.style2 {gap: 30px 40px;}

.read-more-btn {font-size: 14px;font-weight: 500;color: var(--body-color);position: relative;}
.read-more-btn i, .read-more-btn svg {font-size: 12px;}
.read-more-btn:after {content: "";position: absolute;left: 0;bottom: 0;height: 1px;background: var(--theme-color);width: 0;transition: 0.4s ease-in-out;}
.read-more-btn:hover {color: var(--theme-color);}
.read-more-btn:hover:after {width: 100%;}

.category-tag {background: var(--theme-color);height: 25px;line-height: 25px;border-radius: 30px;text-transform: uppercase;color: var(--white-color);font-size: 10px;font-weight: 700;display: inline-block;padding: 0 19px;letter-spacing: 1px;}

/* Large devices */
@media (max-width: 1199px) {p.mb-40 {  margin-bottom: 35px;}
  p.mb-45 {  margin-bottom: 38px;}
}
/* Extra small devices */
@media (max-width: 575px) {.checklist.style2 ul li i {  margin-right: 10px;}
}
/*------------------- 4.00. Video -------------------*/
/* Why 1 ---------------------------------- */
.video-area-1 .video-wrap {display: block;text-align: center;margin-bottom: 0;margin-top: -119px;}
.video-area-1 .video-wrap .play-btn {border-radius: 50%;position: relative;transform: translate(0, 50%);}
.video-area-1 .video-wrap .play-btn > i {background: transparent;color: var(--white-color);--icon-size: 238px;}
.video-area-1 .video-wrap .play-btn > i::after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: var(--theme-color);mix-blend-mode: multiply;border-radius: 50%;z-index: -1;}

/* Medium Large devices */
@media (max-width: 1399px) {.video-area-1 .video-wrap .play-btn > i {  --icon-size: 150px;}
  .video-area-1 .video-wrap {  margin-top: -76px;}
}
/*------------------- 4.00. Category Menu -------------------*/
.category-card {border-radius: 6px;background: var(--white-color);padding: 30px;display: flex;justify-content: space-between;}
.category-card_content {max-width: 150px;}
.category-card_title {font-size: 20px;margin-top: -0.3em;margin-bottom: 26px;}
.category-card_title a {color: var(--title-color);}
.category-card_title a:hover {color: var(--theme-color);}
.category-card_icon {flex: none;align-self: end;position: relative;z-index: 1;}
.category-card_icon:after {position: absolute;content: "";border-radius: 50%;background-color: rgb(247, 244, 239);height: 60px;width: 60px;left: -30px;top: 0;z-index: -1;}
.category-card .more-btn {font-size: 12px;color: var(--body-color);font-weight: 500;letter-spacing: 1px;line-height: initial;}
.category-card .more-btn:hover {color: var(--theme-color);}
.category-card .more-btn i {font-size: 14px;display: block;}

.category-search-form {margin-top: 40px;position: relative;}
.category-search-form .form-control {padding: 14.5px 280px 14.5px 30px;}
.category-search-form .btn {position: absolute;right: 0;top: 0;padding: 20px 50px;}

.category-card2 {border-radius: 6px;background-color: rgb(255, 255, 255);box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);text-align: center;padding: 30px 30px 23px;}
.category-card2_title {font-size: 20px;margin-top: -0.3em;margin-bottom: 0px;}
.category-card2_title a {color: var(--title-color);}
.category-card2_title a:hover {color: var(--theme-color);}
.category-card2_icon {display: inline-block;height: 66px;width: 66px;line-height: 64px;border-radius: 50%;background: var(--smoke-color3);margin-bottom: 20px;transition: 0.5s;}
.category-card2_icon img {transition: 0.5s;}
.category-card2_icon:after {display: none;}
.category-card2:hover .category-card2_icon {background: var(--theme-color);}
.category-card2:hover .category-card2_icon img {filter: brightness(99);}

.category-slider {transform: translateY(-50px);margin-bottom: -50px;}

.category-area2 {padding-bottom: 100px;z-index: 2;}
.category-area2 .category-search-form .form-control {border-color: var(--theme-color);color: var(--white-color);}

/* Small devices */
@media (max-width: 767px) {.category-search-form {  text-align: center;}
  .category-search-form .btn {  position: inherit;  margin-top: 20px;}
  .category-search-form .form-control {  padding: 14.5px 30px;}
}
/*------------------- 4.00. Faq -------------------*/
/* Faq 1 ---------------------------------- */
.accordion-card {margin-bottom: 30px;transition: 0.4s ease-in-out;overflow: hidden;background: var(--smoke-color);border: 0;border-radius: 5px;}
.accordion-card .accordion-button {font-size: 26px;font-weight: 900;font-family: var(--title-font);color: var(--title-color);border: 0;background-color: transparent;padding: 12px 65px 12px 30px;min-height: 86px;gap: 10px;margin-bottom: 0;text-align: left;transition: 0.3s;position: relative;}
.accordion-card .accordion-button:after {content: "\f067";height: 40px;width: 40px;border-radius: 7px;line-height: 38px;background: transparent;border: 0;font-family: var(--icon-font);color: var(--theme-color);font-weight: 900;font-size: 18px;display: grid;justify-content: center;align-items: center;text-align: center;position: absolute;top: 22px;right: 17px;transition: 0.3s ease-in-out;}
.accordion-card .accordion-button:focus {outline: none;box-shadow: none;}
.accordion-card .accordion-button:not(.collapsed) {color: var(--title-color);}
.accordion-card .accordion-button:not(.collapsed):after {content: "\f068";color: var(--title-color);transform: rotate(180deg);}
.accordion-card .accordion-collapse {border: none;}
.accordion-card .accordion-body {border-radius: 0;background-color: transparent;border: none;padding: 0px 30px 30px 30px;margin-top: -0.5em;}
.accordion-card .accordion-body p {margin-bottom: -0.6em;font-size: 18px;font-weight: 400;font-family: var(--title-font);}
.accordion-card:last-child {margin-bottom: 0;}

/* Medium Large devices */
@media (max-width: 1399px) {.accordion-card .accordion-button {  font-size: 20px;  min-height: 65px;}
  .accordion-card .accordion-button:after {  font-size: 16px;  top: 13px;}
}
/* Extra small devices */
@media (max-width: 575px) {.accordion-card .accordion-button {  padding: 15px 65px 15px 30px;}
}
/* Faq 2 ---------------------------------- */
.accordion-card.style2 {background: transparent;}
.accordion-card.style2 .accordion-button {background: var(--theme-color);border-radius: 5px;font-size: 20px;font-weight: 700;min-height: 60px;color: var(--white-color);}
.accordion-card.style2 .accordion-button:after {top: 10px;content: "\f078";font-size: 16px;color: var(--white-color);}
.accordion-card.style2 .accordion-body {padding: 30px 30px 10px;}
.accordion-card.style2:has(.accordion-button.collapsed) .accordion-button {background: var(--smoke-color);color: var(--title-color);}
.accordion-card.style2:has(.accordion-button.collapsed) .accordion-button:after {color: var(--theme-color);}

.faq-thumb2 {position: relative;display: inline-block;padding-right: 42px;padding-left: 30px;padding-bottom: 30px;}
.faq-thumb2 img {border-radius: 5px;}
.faq-thumb2:after {content: "";position: absolute;width: 190px;height: 220px;border-bottom: solid 40px var(--theme-color);border-left: solid 40px var(--theme-color);border-right: solid 40px transparent;border-top: solid 40px transparent;bottom: 0;left: 0;z-index: -1;}
.faq-thumb2 .about-counter-grid {border: 2px solid var(--theme-color);position: absolute;right: 0;bottom: 85px;border-radius: 5px;}
.faq-thumb2 .about-counter-grid .about-counter {font-size: 50px;font-weight: 900;font-family: var(--title-font);margin-bottom: 0;margin-top: -0.25em;}
.faq-thumb2 .about-counter-grid .about-counter-text {font-size: 18px;font-weight: 400;font-family: var(--title-font);margin-bottom: -0.3em;}

/* Extra small devices */
@media (max-width: 575px) {.faq-thumb2 .about-counter-grid .about-counter {  font-size: 40px;}
  .faq-thumb2 {  padding-left: 15px;  padding-bottom: 15px;  padding-right: 25px;}
}
/* Extra small devices */
@media (max-width: 375px) {.faq-thumb2 .about-counter-grid {  position: initial;  animation: none;  margin-bottom: 20px;}
}
/* Faq 3 ---------------------------------- */
.faq-thumb3 {position: relative;display: inline-block;padding-right: 42px;padding-left: 30px;padding-bottom: 30px;}
.faq-thumb3 .faq-shape {position: absolute;right: 0;top: 0;z-index: -1;}
.faq-thumb3 .about-counter-wrap {background: var(--title-color);border-left: 5px solid var(--theme-color);border-radius: 5px;padding: 30px;display: inline-block;position: absolute;bottom: 0;left: 0px;text-align: center;}
.faq-thumb3 .about-counter-wrap .about-counter {font-size: 50px;font-weight: 900;color: var(--white-color);margin-bottom: -3px;margin-top: 11px;}
.faq-thumb3 .about-counter-wrap .about-counter-text {color: var(--white-color);font-size: 20px;font-weight: 700;margin-bottom: -0.3em;}

/*------------------- 4.00. feature -------------------*/
/***********feature area**********/
.feature-area {background: #F4F4F4;border-radius: 15px;overflow: hidden;}

.feature-card {padding: 60px 65px 60px 40px;transition: 0.4s;position: relative;z-index: 0;}
.feature-card_bg {position: absolute;left: 0;top: 0;height: 0%;width: 100%;z-index: -1;transition: 0.4s;opacity: 0;}
.feature-card_bg img {height: 100%;width: 100%;object-fit: cover;}
.feature-card_icon {margin-bottom: 30px;}
.feature-card_subtitle {letter-spacing: 0.1em;text-transform: uppercase;color: var(--theme-color);font-weight: 400;font-size: 14px;font-family: var(--title-font);position: relative;padding-left: 18px;margin-bottom: 5px;}
.feature-card_subtitle:after {content: "";position: absolute;left: 0;top: 50%;transform: translate(0, -50%);background: var(--theme-color);border-radius: 1px;width: 8px;height: 8px;}
.feature-card_title {font-size: 24px;font-weight: 500;margin-bottom: 15px;}
.feature-card_title a {color: var(--title-color);background-image: linear-gradient(to left, var(--white-color), var(--white-color));background-repeat: no-repeat;background-position: bottom left;background-size: 0 2px;}
.feature-card_title a:hover {background-size: 100% 2px;}
.feature-card_text {font-size: 14px;margin-bottom: 26px;}
.feature-card-active {background: var(--title-color);}
.feature-card-active .feature-card_bg {opacity: 1;height: 100%;}
.feature-card-active .feature-card_icon {filter: brightness(99);}
.feature-card-active .feature-card_title a {color: var(--white-color);}

/* Medium Large devices */
@media (max-width: 1399px) {.feature-area {  margin-top: -15px;}
}
/* Large devices */
@media (max-width: 1199px) {.feature-area {  margin-top: -30px;}
  .feature-card {  padding: 40px 35px;}
  .feature-card_title {  font-size: 22px;}
}
/* Medium devices */
@media (max-width: 991px) {.feature-area {  margin-top: -45px;}
  .feature-card_text {  max-width: 500px;}
}
@media (max-width: 320px) {.feature-card {  padding: 30px 25px;}
}
.feature-card2 .feature-card_img {position: relative;display: inline-block;margin-bottom: 44px;}
.feature-card2 .feature-card_img img {border-radius: 50%;}
.feature-card2 .feature-card_img .feature-card_icon {height: 60px;width: 60px;line-height: 60px;border-radius: 50%;display: inline-block;position: absolute;background: var(--white-color);left: 50%;top: 50%;transform: translate(-50%, -30%);z-index: 1;opacity: 0;}
.feature-card2 .feature-card_img .feature-card_icon:hover {background: var(--theme-color);color: var(--white-color);}
.feature-card2 .feature-card_img:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;border-radius: 50%;background: var(--title-color);transition: 0.4s;opacity: 0;}
.feature-card2 .feature-card_title {font-size: 20px;font-weight: 500;text-transform: uppercase;margin-bottom: 12px;}
.feature-card2 .feature-card_title a {background: transparent;}
.feature-card2 .feature-card_title a:hover {color: var(--theme-color);}
.feature-card2 .feature-card_text {font-size: 16px;max-width: 330px;margin: auto;margin-bottom: -0.3em;}
.feature-card2:hover .feature-card_img .feature-card_icon {opacity: 1;transform: translate(-50%, -50%);}
.feature-card2:hover .feature-card_img img {mix-blend-mode: luminosity;}
.feature-card2:hover .feature-card_img:after {opacity: 0.8;}

/* Medium Large devices */
@media (max-width: 1299px) {.feature-card2 .feature-card_img {  margin-bottom: 34px;}
}
.feature-tab-button {background: var(--white-color);}
.feature-tab-button button {border: 0;background: transparent;font-size: 16px;font-weight: 600;font-family: var(--title-font);color: var(--title-color);text-transform: uppercase;padding: 17px 52px 17px 30px;display: block;width: 100%;text-align: left;position: relative;}
.feature-tab-button button i {position: absolute;right: 30px;top: 22px;color: var(--body-color);}
.feature-tab-button button ~ button {border-top: 1px solid #EEEEEE;}
.feature-tab-button button.active {background: var(--theme-color);color: var(--white-color);}
.feature-tab-button button.active i {color: var(--white-color);}

.feature-tab-content .filter-item {display: flex;gap: 30px;}
.feature-tab-content .tab-thumb {flex: none;}
.feature-tab-content .tab-content_grid {display: flex;gap: 30px 60px;margin-top: 10px;}
.feature-tab-content .tab-content_grid .media-left {align-self: flex-end;margin-bottom: -0.3em;}
.feature-tab-content .tab-content_grid .media-body {margin-bottom: -0.3em;}
.feature-tab-content .tab-content_grid-title {font-size: 14px;font-weight: 600;text-transform: uppercase;}
.feature-tab-content .counter-number {color: var(--theme-color);font-size: 60px;font-weight: 700;font-family: var(--title-font);}

/* Medium Large devices */
@media (max-width: 1399px) {.feature-tab-button button {  font-size: 15px;}
}
/* Medium devices */
@media (max-width: 991px) {.feature-tab-content .tab-content_grid {  gap: 30px 40px;}
}
/* Small devices */
@media (max-width: 767px) {.feature-tab-content .filter-item {  display: block;}
  .feature-tab-content .filter-item .tab-thumb {  margin-bottom: 30px;}
}
/* Extra small devices */
@media (max-width: 575px) {.feature-tab-content .tab-content_grid {  display: block;  margin-top: 20px;}
  .feature-tab-content .tab-content_grid .media-left {  margin-bottom: 10px;}
}
/***********feature area 3**********/
.feature-area-3 {margin-top: -90px;position: relative;z-index: 3;}

.single-feature-wrap {background: var(--white-color);box-shadow: 0px 10px 50px rgba(0, 6, 18, 0.08);display: flex;z-index: 0;align-items: center;gap: 30px 60px;position: relative;z-index: 1;overflow: hidden;padding: 30px 18px 26px 25px;}
.single-feature-wrap:after {content: "";background: var(--theme-color);position: absolute;z-index: -1;height: 100%;left: 0;top: 0px;width: 145px;clip-path: polygon(0 0, 100% 0, calc(100% - 70px) 100%, 0% 100%);}
.single-feature-wrap .thumb img {width: 50px;}
.single-feature-wrap .media-body p {margin-bottom: 0;font-size: 14px;}

/* Medium Large devices */
@media (max-width: 1399px) {.single-feature-wrap {  gap: 30px 40px;}
  .single-feature-wrap:after {  width: 125px;  clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 0% 100%);}
}
/* Large devices */
@media (max-width: 1199px) {.single-feature-wrap {  gap: 30px 70px;}
  .single-feature-wrap:after {  width: 145px;  clip-path: polygon(0 0, 100% 0, calc(100% - 70px) 100%, 0% 100%);}
}
/* Medium devices */
@media (max-width: 991px) {.feature-area-3 {  margin-top: 0;  padding-top: 80px;}
}
/*------------------- 4.00. CTA -------------------*/
/* CTA Area 1 ---------------------------------- */
.cta-area-1 {position: relative;margin-bottom: -148px;}
.cta-area-1 .cta1-bg-thumb {position: absolute;right: 0;top: 0;bottom: 0;overflow: hidden;width: 83.75%;border-radius: 5px 0 0 5px;}
.cta-area-1 .cta1-bg-thumb:after {content: "";position: absolute;inset: 0;background: var(--theme-color);mix-blend-mode: multiply;}
.cta-area-1 .cta1-bg-thumb img {height: 100%;width: 100%;object-fit: cover;}
.cta-area-1 .cta-wrap1 {padding: 80px 0 67px 80px;}

@media (max-width: 1700px) {.cta-area-1 .cta1-bg-thumb {  width: 100%;  border-radius: 0;}
  .cta-area-1 .cta-wrap1 {  padding-left: 0;}
}
/* Extra large devices */
@media (max-width: 1500px) {.cta-area-1 .cta1-bg-thumb {  width: 94.8%;  border-radius: 5px 0 0 5px;}
  .cta-area-1 .cta-wrap1 {  padding-left: 80px;}
}
/* Medium Large devices */
@media (max-width: 1399px) {.cta-area-1 .cta1-bg-thumb {  width: 91.2%;}
}
/* Medium Large devices */
@media (max-width: 1299px) {.cta-area-1 .cta1-bg-thumb {  width: 100%;  border-radius: 0;}
  .cta-area-1 .cta-wrap1 {  padding-left: 0px;}
}
/* Small devices */
@media (max-width: 767px) {.cta-area-1 .cta-wrap1 {  text-align: center;}
}
/* CTA Area 2 ---------------------------------- */
.cta-wrap2 {padding: 74px 80px 80px;border-radius: 5px;position: relative;margin-top: -175px;overflow: hidden;}
.cta-wrap2 .cta2-bg-thumb {position: absolute;bottom: 0;right: 0;}

/* Medium Large devices */
@media (max-width: 1399px) {.cta-wrap2 .cta2-bg-thumb {  width: 470px;}
}
/* Medium Large devices */
@media (max-width: 1299px) {.cta-wrap2 {  padding: 54px 60px 60px;}
}
/* Large devices */
@media (max-width: 1199px) {.cta-wrap2 {  padding: 44px 50px 50px;}
  .cta-wrap2 .cta2-bg-thumb {  width: 390px;}
}
/* Medium devices */
@media (max-width: 991px) {.cta-wrap2 {  text-align: center;  padding: 44px 30px 50px;}
  .cta-wrap2 .cta2-bg-thumb {  display: none;}
}
/* Extra small devices */
@media (max-width: 375px) {.cta-wrap2 .newsletter-form.style2 .btn {  width: 100%;}
}
/*------------------- 4.00. Service -------------------*/
/* Service Card ---------------------------------- */
.service-card {background: var(--white-color);border-radius: 5px;padding: 40px 0px 0px;overflow: hidden;}
.service-card.style-shadow {box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);}
.service-card_icon {display: inline-block;background: var(--theme-color);border-radius: 5px;text-align: center;height: 65px;width: 65px;line-height: 65px;margin-bottom: 25px;}
.service-card_icon img {transition: 0.4s;}
.service-card_title {margin-top: -0.3em;margin-bottom: 13px;font-weight: 900;font-size: 26px;}
.service-card_title a {color: var(--title-color);}
.service-card_title a:hover {color: var(--theme-color);}
.service-card .service-card_content {padding: 0 40px 27px;}
.service-card_text {font-size: 18px;font-family: var(--title-font);margin-bottom: 27px;}
.service-card .service-card_img {border-radius: 5px;overflow: hidden;}
.service-card .service-card_img img {width: 100%;transition: 0.4s;}
.service-card .link-btn {color: var(--title-color);font-size: 16px;font-weight: 700;font-family: var(--title-font);letter-spacing: 1px;}
.service-card .link-btn:before {background: var(--title-color);}
.service-card .link-btn i {margin-left: 3px;}
.service-card:hover .service-card_icon img {transform: rotateY(180deg);}
.service-card:hover .service-card_img img {transform: scale(1.05);}

/* Large devices */
@media (max-width: 1199px) {.service-card {  padding: 30px 0px 0px;}
  .service-card .service-card_content {  padding: 0 30px 22px;}
  .service-card .service-card_text {  font-size: 16px;}
}
/* Service Card 02 ---------------------------------- */
.service-card.style2 {background: transparent;border-radius: 0;padding: 0;}
.service-card.style2 .service-card_content {border-radius: 5px;background-size: cover;position: relative;overflow: hidden;z-index: 1;padding: 40px;min-height: 414px;display: flex;align-items: end;}
.service-card.style2 .service-card_content:after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, #171717 100%);z-index: -1;}
.service-card.style2 .service-card_icon {margin-bottom: 35px;opacity: 0;transform: scaleY(0);transition: 0.4s;width: 90px;height: 90px;line-height: 90px;}
.service-card.style2 .service-card_icon img {transform: none;min-width: 65px;}
.service-card.style2 .service-card_title {margin-bottom: -0.4em;transition: 0.4s;}
.service-card.style2 .service-card_title a {color: var(--white-color);background-image: linear-gradient(to left, var(--white-color), var(--white-color));background-repeat: no-repeat;background-position: bottom left;background-size: 0 2px;}
.service-card.style2 .service-card_title a:hover {background-size: 100% 2px;}
.service-card.style2 .service-card_text {color: var(--white-color);margin-bottom: -0.5em;margin-top: 0px;max-height: 8px;transition: 0.4s;transform: translate(0, 100%);opacity: 0;}
.service-card.style2 .btn {margin-left: 40px;border-radius: 0 0 10px 10px !important;}
.service-card.style2:hover .service-card_icon {opacity: 1;transform: scaleY(1);}
.service-card.style2:hover .service-card_text {max-height: 334px;margin-top: 22px;opacity: 1;transform: translate(0, 0);}

/* Large devices */
@media (max-width: 1199px) {.service-card.style2 .service-card_title {  font-size: 24px;}
  .service-card.style2 .service-card_content {  min-height: 374px;}
}
/****service details page****/
.page-img {border-radius: 5px;}
.page-img img {border-radius: 5px;}

.service-form-wrap {background: #fff;padding: 20px 20px 30px;transform: translateY(-117px);box-shadow: 0px 2px 5px rgba(0, 6, 18, 0.1);border-radius: 5px;margin-bottom: -117px;/* Large devices */
}
.service-form-wrap h3 {font-size: 30px;}
@media (max-width: 1199px) {.service-form-wrap {  transform: none;  margin-bottom: 0;  margin-top: 80px;}
}

.service-client-slider {margin-top: 60px;}
.service-client-slider .client-logo {text-align: center;}

/************ single-intro-wrap *************/
/*------------------- 4.00. Why Choose Us -------------------*/
/*----------------------------------------------
    # why choose us area style here
----------------------------------------------*/
.wcu-thumb-1 img {border-radius: 242px;}

.wcu-card-wrap.right-wrap {text-align: end;}
.wcu-card-wrap.right-wrap .wcu-card {flex-direction: row-reverse;}

.wcu-card {display: inline-flex;gap: 22px;}
.wcu-card:not(:last-child) {margin-bottom: 95px;}
.wcu-card .icon {height: 65px;width: 65px;line-height: 65px;flex: none;text-align: center;position: relative;}
.wcu-card .icon:after {content: "";position: absolute;inset: 0;background: var(--theme-color);opacity: 0.1;border-radius: 5px;}
.wcu-card .icon img {transition: 0.4s;}
.wcu-card .wcu-card-title {font-size: 26px;font-weight: 900;margin-bottom: 8px;margin-top: -0.2em;}
.wcu-card .wcu-card-text {margin-bottom: -0.5em;}
.wcu-card:hover .icon img {transform: rotateY(180deg);}

/* Medium Large devices */
@media (max-width: 1399px) {.wcu-card:not(:last-child) {  margin-bottom: 55px;}
}
/* Large devices */
@media (max-width: 1199px) {.wcu-thumb-1 {  text-align: center;}
  .wcu-card-wrap.right-wrap {  text-align: left;}
  .wcu-card-wrap.right-wrap .wcu-card {  flex-direction: row;}
}
/* Small devices */
@media (max-width: 767px) {.wcu-card:not(:last-child) {  margin-bottom: 40px;}
}
@media (max-width: 320px) {.wcu-card {  flex-wrap: wrap;}
}
/*skill-feature 1***********************/
.skill-feature:not(:last-child) {margin-bottom: 25px;}
.skill-feature .skill-feature_title {font-size: 26px;font-weight: 900;color: var(--title-color);margin-bottom: 6px;}
.skill-feature .progress {background: #EFEFEF;height: 9px;position: relative;overflow: visible;}
.skill-feature .progress .progress-bar {background: var(--theme-color);border-radius: 10px;}
.skill-feature .progress .progress-value {position: absolute;top: -35px;right: 0;font-size: 18px;font-weight: 400;font-family: var(--title-font);color: var(--title-color);}

/************** wcu-thumb-wrap ***************/
.wcu-thumb-wrap {position: relative;display: flex;justify-content: end;/* Large devices */
  /* Small devices */
}
.wcu-thumb-wrap img {border-radius: 10px;}
.wcu-thumb-wrap .img-1 {height: fit-content;}
.wcu-thumb-wrap .img-2 {margin: 120px 0 0 30px;}
@media (max-width: 1199px) {.wcu-thumb-wrap {  justify-content: start;}
}
@media (max-width: 767px) {.wcu-thumb-wrap {  display: block;}
  .wcu-thumb-wrap img {  width: -webkit-fill-available;  max-height: 300px;  object-fit: cover;}
  .wcu-thumb-wrap .img-1 {  margin-right: 60px;}
  .wcu-thumb-wrap .img-2 {  margin: 30px 0 0 60px;}
}

/*------------------- 4.00. Pricing -------------------*/
/* Pricing Card ---------------------------------- */
.pricing-shape-img1 {opacity: 0.2;left: 53px;top: 288px;/* Extra large devices */
}
.pricing-shape-img1 .about1-shape-img-2 {margin-left: -35px;margin-bottom: -120px;}
@media (max-width: 1500px) {.pricing-shape-img1 {  left: 42px;}
}

.pricing-card {border-radius: 5px;background: var(--white-color);box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);padding: 60px;position: relative;z-index: 0;display: flex;gap: 80px;}
.pricing-card_icon {display: inline-block;height: 80px;width: 80px;line-height: 80px;text-align: center;position: relative;z-index: 1;border-radius: 5px;background: var(--theme-color);}
.pricing-card_icon img {transition: 0.4s;}
.pricing-card_price {font-size: 50px;font-weight: 900;font-family: var(--title-font);color: var(--title-color);transition: 0.4s;margin-bottom: 34px;margin-top: -0.25em;}
.pricing-card_price .duration {display: block;font-size: 18px;font-weight: 400;}
.pricing-card_title {font-size: 26px;font-weight: 900;font-family: var(--title-font);margin-bottom: 23px;transition: 0.4s;margin-top: -0.25em;}
.pricing-card .checklist.style2 {margin-bottom: 42px;}
.pricing-card .checklist.style2 li:not(:last-child) {margin-bottom: 7px;}
.pricing-card:hover .pricing-card_icon img {transform: rotateY(180deg);}

/* Large devices */
@media (max-width: 1199px) {.pricing-card {  padding: 50px;  gap: 30px;}
}
/* Medium devices */
@media (max-width: 991px) {.pricing-card {  gap: 60px;  justify-content: center;}
}
/* Extra small devices */
@media (max-width: 575px) {.pricing-card {  gap: 25px;  padding: 40px;  flex-wrap: wrap;  justify-content: start;}
  .pricing-card .pricing-card-price-wrap {  display: flex;  flex-wrap: wrap;  gap: 30px;  flex-direction: column-reverse;}
  .pricing-card .pricing-card-price-wrap .pricing-card_price {  width: 100%;  margin-bottom: 0;}
  .pricing-card .pricing-card-price-wrap .pricing-card_price .duration {  display: inline-block;}
}
@media (max-width: 320px) {.pricing-card {  padding: 30px 30px;}
}
/* Pricing Card 2 ---------------------------------- */
.pricing-card.style2 {display: block;padding: 0;background: var(--smoke-color);box-shadow: none;transition: 0.4s;}
.pricing-card.style2 .pricing-card-icon-wrap {display: flex;padding: 45px 0px 25px 35px;align-items: center;justify-content: space-between;position: relative;}
.pricing-card.style2 .pricing-card-icon-wrap:after {content: "";position: absolute;bottom: 0;height: 1px;width: calc(100% - 20px);left: 10px;background: var(--border-color);}
.pricing-card.style2 .pricing-card-icon-wrap .pricing-card_icon {background: transparent;border-radius: 0;width: auto;height: auto;line-height: normal;flex: none;}
.pricing-card.style2 .pricing-card-icon-wrap .pricing-card_icon img {transform: none;}
.pricing-card.style2 .pricing-card_title {margin-bottom: 0;font-size: 20px;font-weight: 700;background: var(--theme-color);border-radius: 5px 0 0 5px;padding: 17px 20px;min-width: 220px;color: var(--white-color);text-align: center;}
.pricing-card.style2 .pricing-card-details {padding: 35px 40px 45px;}
.pricing-card.style2 .pricing-card_price {font-size: 26px;font-weight: 900;margin-bottom: 3px;}
.pricing-card.style2 .pricing-card_currency {font-size: 18px;font-weight: 400;margin-bottom: 28px;}
.pricing-card.style2 .checklist.style2 {margin-bottom: 52px;}
.pricing-card.style2 .btn {width: 100%;background: var(--white-color);color: var(--title-color);border: 2px solid transparent;}
.pricing-card.style2 .btn:hover {border-color: var(--theme-color);}
.pricing-card.style2.pricing-card-active, .pricing-card.style2:hover {background: #FBD7DD;}

/* Large devices */
@media (max-width: 1199px) {.pricing-card.style2 .pricing-card-icon-wrap {  gap: 40px;}
  .pricing-card.style2 .pricing-card_title {  margin-left: auto;  min-width: auto;  padding: 13px 20px;  font-size: 18px;}
}
/*------------------- 4.00. Portfolio -------------------*/
/* Portfolio 1 ---------------------------------- */
.portfolio-shape-img {opacity: 0.2;right: 66px;top: 199px;transform: rotateY(180deg);/* Extra large devices */
}
.portfolio-shape-img .about1-shape-img-2 {margin-left: -35px;margin-bottom: -120px;}
@media (max-width: 1500px) {.portfolio-shape-img {  right: 42px;  top: 140px;}
}

.portfolio-tab-1 {/* Small devices */
}
.portfolio-tab-1 .filter-menu-active {display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}
.portfolio-tab-1 .filter-menu-active .btn.active {color: var(--white-color);}
.portfolio-tab-1 .filter-menu-active .btn.active:after, .portfolio-tab-1 .filter-menu-active .btn.active:before {height: 410px;width: 410px;}
@media (max-width: 767px) {.portfolio-tab-1 .filter-menu-active {  gap: 20px;}
}

.portfolio-card {position: relative;border-radius: 6px;overflow: hidden;}
.portfolio-card .portfolio-card-thumb {position: relative;border-radius: 5px;}
.portfolio-card .portfolio-card-thumb img {border-radius: 5px;width: 100%;}
.portfolio-card .portfolio-card-details {position: absolute;z-index: 1;bottom: -100px;left: 0;right: 0;background: var(--smoke-color);display: flex;justify-content: space-between;align-items: center;border-radius: 0;padding: 40px;flex-wrap: wrap;transition: 0.4s;opacity: 0;gap: 30px;}
.portfolio-card .portfolio-card-details_subtitle {color: var(--title-color);font-size: 18px;font-weight: 400;font-family: var(--title-font);margin-top: -0.3em;margin-bottom: 10px;display: block;}
.portfolio-card .portfolio-card-details_title {font-weight: 900;font-size: 26px;margin-bottom: -0.4em;}
.portfolio-card .portfolio-card-details_title a {color: var(--title-color);}
.portfolio-card .portfolio-card-details_title a:hover {color: var(--theme-color);}
.portfolio-card .portfolio-card-details .icon-btn {--btn-size: 60px;background: var(--theme-color);border-radius: 50%;color: var(--white-color);flex: none;}
.portfolio-card .portfolio-card-details .icon-btn:hover {background: var(--title-color);}
.portfolio-card:hover .portfolio-card-details {bottom: 0;opacity: 1;}

/* Portfolio 2 ---------------------------------- */
.portfolio-slider1 .slick-center .portfolio-card.style2 .portfolio-card-details {opacity: 1;bottom: 0;}

.portfolio-card.style2 .portfolio-card-details {opacity: 0;background: transparent;justify-content: start;gap: 30px 95px;align-items: end;}
.portfolio-card.style2 .portfolio-card-details_title {background: var(--white-color);border-radius: 5px;padding: 5px 20px;margin-bottom: 7px;}
.portfolio-card.style2 .portfolio-card-details_subtitle {background: var(--white-color);display: inline-block;margin: 0;padding: 3px 22px;border-radius: 5px;}
.portfolio-card.style2 .icon-btn {--btn-size: 135px;margin-bottom: 30px;font-size: 30px;transform: rotate(-45deg);}

@media (max-width: 1700px) {.portfolio-card.style2 .portfolio-card-details {  gap: 30px;  justify-content: space-between;}
  .portfolio-card.style2 .icon-btn {  --btn-size: 120px;  margin-bottom: 0;  font-size: 24px;}
}
/* Medium devices */
@media (max-width: 991px) {.portfolio-slider1 {  padding: 0 15px;}
  .portfolio-card.style2 .portfolio-card-details {  bottom: 0;  opacity: 1;}
}
/* Extra small devices */
@media (max-width: 575px) {.portfolio-card.style2 .portfolio-card-details {  padding: 30px;}
  .portfolio-card.style2 .icon-btn {  --btn-size: 80px;  margin-bottom: 0;  font-size: 20px;}
  .portfolio-card .portfolio-card-thumb img {  min-height: 500px;  object-fit: cover;}
  .portfolio-card .portfolio-card-details_title {  font-size: 24px;}
}
/* Extra small devices */
@media (max-width: 375px) {.portfolio-card .portfolio-card-thumb img {  min-height: 400px;}
}
.portfolio-thumb {position: relative;overflow: hidden;}
.portfolio-thumb img {border-radius: 20px;width: 100%;}
.portfolio-thumb .icon-btn {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -30%);background: var(--white-color);border-radius: 50%;color: var(--theme-color);height: 50px;width: 50px;line-height: 50px;opacity: 0;z-index: 1;}
.portfolio-thumb:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;border-radius: 20px;background: linear-gradient(125.07deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);z-index: 0;opacity: 0;transition: 0.4s;backdrop-filter: blur(20px);}
.portfolio-thumb:hover .icon-btn {opacity: 1;}
.portfolio-thumb:hover:after {opacity: 1;}
.portfolio-thumb:hover .icon-btn {transform: translate(-50%, -50%);}

/*------------------- 4.00. Marquee -------------------*/
/* Marquee 1---------------------------------- */
.slider__marquee {overflow: hidden;margin: 0;margin-bottom: -0.5em;}
.slider__marquee .item {display: inline-flex;margin-right: 40px;}
.slider__marquee .item a {font-size: 75px;font-weight: 900;font-family: var(--title-font);color: var(--title-color);display: inline-flex;align-items: center;/* Large devices */
}
.slider__marquee .item a img {margin-right: 37px;margin-top: -8px;}
.slider__marquee .item a span {display: inline-block;line-height: 1;}
.slider__marquee .item a span.text-stroke {-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px var(--title-color);}
@media (max-width: 1199px) {.slider__marquee .item a {  font-size: 60px;}
  .slider__marquee .item a img {  margin-top: 0;}
}

/*------------------- 4.00. Appointment -------------------*/
/*----------------------------------------------
    # Appointment Area 1
----------------------------------------------*/
.appointment-area-1 {position: relative;z-index: 1;}
.appointment-area-1 .appointment-thumb-1 {position: absolute;right: 0;bottom: 0;top: 0;z-index: -1;max-width: 70%;}
.appointment-area-1 .appointment-thumb-1 img {border-radius: 5px 0 0 5px;height: 100%;object-fit: cover;}

.appointment-form-wrap {padding: 60px;border-radius: 5px;margin: 80px 0;/* Extra small devices */
}
@media (max-width: 575px) {.appointment-form-wrap {  padding: 50px 30px;}
}

/* Appointment 2 ---------------------------------- */
.appointment-area-2 {position: relative;background-size: cover;}
.appointment-area-2 .appointment-form-wrap {margin: 0;}
.appointment-area-2 .appointment-thumb-2 {position: absolute;bottom: 0;}

/* Extra small devices */
@media (max-width: 375px) {.appointment-area-2 .appointment-form-wrap .form-group {  margin-bottom: 15px;}
}
/*------------------- 4.00. Process -------------------*/
/* Process Area 1 ---------------------------------- */
.process-card-wrap {position: relative;/* Medium Large devices */
  /* Large devices */
  /* Medium devices */
}
.process-card-wrap:after {content: "";position: absolute;width: 384px;height: 90px;background: url(../img/icon/process-arrow-1-1.svg);right: -210px;top: -40px;transform: rotate(6deg);background-size: contain;background-repeat: no-repeat;}
.process-card-wrap:last-child:after {display: none;}
.process-card-wrap:nth-child(2):after {width: 386px;height: 151px;background: url(../img/icon/process-arrow-1-2.svg);background-size: contain;background-repeat: no-repeat;right: -175px;top: -50px;transform: rotate(5deg);}
@media (max-width: 1399px) {.process-card-wrap:after {  width: 334px;  right: -180px;  top: -30px;  transform: rotate(9deg);}
  .process-card-wrap:nth-child(2):after {  width: 336px;  height: 130px;  right: -145px;  top: -35px;  transform: rotate(4deg);}
}
@media (max-width: 1199px) {.process-card-wrap:after {  width: 284px;  right: -155px;  top: -23px;  transform: rotate(12deg);}
  .process-card-wrap:nth-child(2):after {  width: 276px;  height: 110px;  right: -117px;  top: -24px;  transform: rotate(0deg);}
}
@media (max-width: 991px) {.process-card-wrap:after {  display: none;}
  .process-card-wrap .process-card.process-card-center {  margin-top: 0;}
}

.process-card {text-align: center;}
.process-card .process-card-icon {background: var(--title-color);transition: 0.4s;border-radius: 50%;height: 80px;width: 80px;text-align: center;line-height: 80px;margin: auto;}
.process-card .process-card-title {font-size: 26px;font-weight: 900;margin-top: 18px;margin-bottom: 12px;}
.process-card .process-card-text {font-size: 18px;font-weight: 400;font-family: var(--title-font);margin-bottom: -0.5em;}
.process-card.process-card-center {margin-top: 77px;}
.process-card:hover .process-card-icon {background: var(--theme-color);}

/* Process Area 2 ---------------------------------- */
.process-area-2 {background-size: cover;padding-bottom: 295px;/* Medium devices */
}
@media (max-width: 991px) {.process-area-2 {  padding-bottom: 255px;}
}

.process-card-wrap2 {position: relative;/* Medium Large devices */
}
.process-card-wrap2:after {content: "\f105";position: absolute;font-family: var(--icon-font);display: inline-block;font-size: 40px;color: var(--white-color);font-weight: 700;right: 0;top: 50%;transform: translate(50%, 0);opacity: 0.1;}
.process-card-wrap2:last-child:after {display: none;}
@media (max-width: 1299px) {.process-card-wrap2:after {  display: none;}
}

.process-card.style2 {border: 2px solid rgba(255, 255, 255, 0.1);border-radius: 5px;margin-top: 30px;padding: 0 30px 30px;}
.process-card.style2 .process-card-number {background: var(--theme-color);display: inline-block;border-radius: 5px;padding: 19px 20px;min-width: 217px;font-size: 26px;font-weight: 900;font-family: var(--title-font);color: var(--white-color);transform: translate(0, -50%);margin-bottom: -7px;}
.process-card.style2 .process-card-title {color: var(--white-color);font-size: 26px;font-weight: 900;margin-bottom: 20px;margin-top: 0;}
.process-card.style2 .process-card-text {color: var(--white-color);margin-bottom: 27px;}

/* Extra small devices */
@media (max-width: 575px) {.process-card.style2 .process-card-number {  padding: 12px 20px;  min-width: 150px;  font-size: 20px;}
}
/*=================================
    05. Spacing
==================================*/
/*-- Padding Left And Right --*/
.px-5 {padding-right: 5px;padding-left: 5px;}

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

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

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

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

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

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

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

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

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

/*-- Padding Top And Bottom --*/
.py-5 {padding-top: 5px;padding-bottom: 5px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- margin Left And Right --*/
.mx-5 {margin-right: 5px;margin-left: 5px;}

.mx-10 {margin-right: 10px;margin-left: 10px;}

.mx-15 {margin-right: 15px;margin-left: 15px;}

.mx-20 {margin-right: 20px;margin-left: 20px;}

.mx-25 {margin-right: 25px;margin-left: 25px;}

.mx-30 {margin-right: 30px;margin-left: 30px;}

.mx-35 {margin-right: 35px;margin-left: 35px;}

.mx-40 {margin-right: 40px;margin-left: 40px;}

.mx-45 {margin-right: 45px;margin-left: 45px;}

.mx-50 {margin-right: 50px;margin-left: 50px;}

/*-- margin Top And Bottom --*/
.my-5 {margin-top: 5px;margin-bottom: 5px;}

.my-10 {margin-top: 10px;margin-bottom: 10px;}

.my-15 {margin-top: 15px;margin-bottom: 15px;}

.my-20 {margin-top: 20px;margin-bottom: 20px;}

.my-25 {margin-top: 25px;margin-bottom: 25px;}

.my-30 {margin-top: 30px;margin-bottom: 30px;}

.my-35 {margin-top: 35px;margin-bottom: 35px;}

.my-40 {margin-top: 40px;margin-bottom: 40px;}

.my-45 {margin-top: 45px;margin-bottom: 45px;}

.my-50 {margin-top: 50px;margin-bottom: 50px;}

/*-- margin Top --*/
.mt-5 {margin-top: 5px;}

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

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

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

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

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

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

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

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

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

/*-- margin Bottom --*/
.mb-5 {margin-bottom: 5px;}

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

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

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

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

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

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

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

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

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

/*-- margin Left --*/
.ml-5 {margin-left: 5px;}

.ml-10 {margin-left: 10px;}

.ml-15 {margin-left: 15px;}

.ml-20 {margin-left: 20px;}

.ml-25 {margin-left: 25px;}

.ml-30 {margin-left: 30px;}

.ml-35 {margin-left: 35px;}

.ml-40 {margin-left: 40px;}

.ml-45 {margin-left: 45px;}

.ml-50 {margin-left: 50px;}

/*-- margin Right --*/
.mr-5 {margin-right: 5px;}

.mr-10 {margin-right: 10px;}

.mr-15 {margin-right: 15px;}

.mr-20 {margin-right: 20px;}

.mr-25 {margin-right: 25px;}

.mr-30 {margin-right: 30px;}

.mr-35 {margin-right: 35px;}

.mr-40 {margin-right: 40px;}

.mr-45 {margin-right: 45px;}

.mr-50 {margin-right: 50px;}

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

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

.mt-n1 {margin-top: -0.25rem;}

.mt-n2 {margin-top: -0.65rem;}

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

.mb-n3 {margin-bottom: -0.8rem;}

.mb-n4 {margin-bottom: -1.5rem;}

.mb-n5 {margin-bottom: -3rem;}

.space,
.space-top {padding-top: var(--section-space);}

.space,
.space-bottom {padding-bottom: var(--section-space);}

.space-extra,
.space-extra-top {padding-top: calc(var(--section-space) - 30px);}

.space-extra,
.space-extra-bottom {padding-bottom: calc(var(--section-space) - 30px);}

.space-extra2,
.space-extra2-top {padding-top: calc(var(--section-space) - 40px);}

.space-extra2,
.space-extra2-bottom {padding-bottom: calc(var(--section-space) - 40px);}

/* Medium devices */
@media (max-width: 991px) {.space,
  .space-top {  padding-top: var(--section-space-mobile);}
  .space,
  .space-bottom {  padding-bottom: var(--section-space-mobile);}
  .space-extra,
  .space-extra-top {  padding-top: calc(var(--section-space-mobile) - 30px);}
  .space-extra,
  .space-extra-bottom {  padding-bottom: calc(var(--section-space-mobile) - 30px);}
  .space-top-md-none {  padding-top: 0;}
  .space-extra2,
  .space-extra2-top {  padding-top: 70px;}
  .space-extra2,
  .space-extra2-bottom {  padding-bottom: 70px;}
  .pb-105 {  padding-bottom: 65px;}
  .pt-105 {  padding-top: 65px;}
}

.titleh1{ color:#3f485d; font-size:48px; text-align: center; font-weight: 300;}
.titlejj{ font-size:16px; text-align:center; margin-bottom: 50px;}

.indexpro { padding:50px 0;}
.indexpro .row{ position: relative;}
.indexpro .proleft img{ max-width:600px; min-width:550px }
.indexpro .proright{ position: absolute; top: 50%;transform: translateY(-50%); width: 550px}
.indexpro .row h2{ font-size:20px; text-align:center; margin: 0; line-height: 55px}
.indexpro .tjpro{ border:#E7E7E7 solid 1px; width:98%; margin:auto; text-align:center; margin-bottom:15px;}
.indexpro .tjpro img{ max-height:302px }
.indexpro .proright h3{ font-size:16px; position: relative; height: 30px}
.indexpro .proright h3:after{  content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100px;  height: 100%;  border-bottom: 3px solid #f6872d;
  z-index: 1; }

.indexpro .projj{ font-size:16px; }
.indexpro .proright .more{background: #e60012; border-radius: 22px; padding: 0 15px; width: 150px; margin-top: 30px}
.indexpro .proright .more a{display: block; text-align: center; color: #fff; line-height: 44px;}




.body1{background-color: #f5f6f7;color:#06163a}
.body1  .let{ padding:20px; text-align:center; font-size:22px; padding: 60px 0;}
.body1  .body1block{ padding:30px; margin: 40px 0;}
.body1  .bleft{ padding-left:0; }
.body1  .body1tb{ width: 20%; float:left; text-align: center;}
.body1  .body1tb i{ font-size:55px;}
.body1  .body1tit{ float:left;  padding-left: 20px; margin-top:-60px}
.body1  .body1tit span{ font-size:50px; font-weight: 500; margin-left:50px}
.body1  .body1tit p{color:#06163a; font-size: 20px; margin-bottom: 0;}
.body1 .biankuang{border-left: #d8d8d8 1px solid;border-right: #d8d8d8 1px solid; padding-left:50px}
.body1 .biankuangleft{border-left: #d8d8d8 1px solid;}
.about-area-1{ padding:50px 0;}
.about-area-1 .abouth1{ color:#3f485d; font-size:48px; text-align: center; font-weight: 300;}
.about-area-1 .aboutjj{ font-size:16px; text-align:center; margin-bottom: 50px;}
.protd .pro1 .pro1left{ background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    flex-direction: column;
    width: 25%; float: left;height:400px}
.protd{  }
.protd .pro1 .pro1right{ height:300px; width: 25%; float: left; padding: 50px; color: #3f485d; }
.protd .pro1 .pro1right h2{ display:block;font-size:26px; color: #3f485d; text-transform:uppercase}
.protd .pro1 .pro1right .proms{display:block; font-size: 16px; margin-top: 20px;}
.protd .pro1 .pro1right i{ width:60px; height:60px; color:#e60012; font-size:60px; margin-bottom:30px }
.protd .pro1 .pro1right .more{ margin-top:20px ;}
.protd .pro1 .pro1right .more a{border-bottom: 2px solid;}
.protd .pro1 .pro1left.p1{ background-image:url("../../assets/img/i-1.jpg");}
.protd .pro1 .pro1left.p2{ background-image:url("../../assets/img/i-2.jpg");}
.protd .pro1 .pro1left.p3{ background-image:url("../../assets/img/i-3.jpg");}
.protd .pro1 .pro1left.p4{ background-image:url("../../assets/img/i-4.jpg");}

.service-area-1{ margin-top:0px; color: #3f485d}
.service-area-1 .comleft,.service-area-1 .comright{ float:left; font-size:48px; }
.service-area-1 .comleft{ width:52%; padding: 20px;padding-right: 0; margin-top: 20px}
.service-area-1 .comleft h2{font-size: 20px;}
.service-area-1 .comright{ width:48%;}

.companyblock{margin-bottom: 30px;}
.comleft .t1{ font-weight:300; color:#06163a }
.comleft .xcon{ font-size:16px; }
.comleft .liebiao{ line-height:25px; font-size:16px; margin-top: 25px}
.comright {  color: #fff;}
.comright .rblock{ margin:100px 0 0 0px; width: 51.8%; padding-left:130px; padding-bottom: 90px}
.comright .xcon{ font-size:16px; color: #fff;}
.comright .rblock h2{ font-weight:bolder; color:#fff; }
.comright .more a{font-size: 14px; line-height: 16px;  padding: 16px 32px; background: #020d26; color: #fff;}

.service-area-1 { }
.service-area-1  .body1block{ padding:30px; margin-bottom: 40px;}
.service-area-1  .bleft{ padding-left:0; }
.service-area-1  .body1tb{ width: 20%; float:left; text-align: center;}
.service-area-1  .body1tb i{ font-size:50px;}
.service-area-1  .body1tit{ float:left; width:80%; padding-left: 20px;}
.service-area-1  .body1tit span{ font-size:16px; font-weight: 500;}
.service-area-1  .body1tit p{color:#06163a; font-size: 16px; margin-bottom: 0;}


/*---------内页全局css样式 */
.neiyetop{overflow: initial;}
.neiyetop .video{ height:170px }
.neiyetop .main-menu a{ color:var(--body-color); }
.neiyetop .sticky-wrapper{background: #f7f7f7;}
/*----------关于我们页-----------------*/
@media (min-width: 1299px){
	.about .video{height: 868px !important;}
	}
.about .video{background-size: cover;background-position: center center;}


.aboutpage{}
.aboutpage h1{ text-align:center; margin-bottom:50px; position:relative; line-height:66px; font-size: 36px;}
.aboutpage h1:after{ content:''; width:150px; height:4px; background:#F00; position:absolute; left:50%; bottom:0;transform: translate(-50%, -50%);}
.gsjjbox{ margin-top:50px;}
.gsjjbox .aboutcon{ font-size:16px; line-height:33px; margin-top:20px;}
.gsjjbox .aboutcon .aboutpic img{ width:100%;}

.neibanner{ padding:130px 0; color:#FFF; margin: 50px 0; color: #fff;}
.neibanner.nchooseus{ background:url(../../assets/img/aboutbg2.jpg) no-repeat scroll center center;background-size: cover;padding:80px 0;}
.neibanner h2{font-size: 36px;color: #fff;font-weight: 700;letter-spacing: 0;line-height: 1.6em;text-align: center; text-transform:uppercase; color: #fff;}
.neibanner h5{line-height: 1.5em;text-align: center; font-weight:normal; width:1000px; margin:auto; color: #fff;}
.nhoner .page_title {text-align: center;font-size: 16px;color: #2085e4;font-weight: 400;letter-spacing: 0;line-height: 1.2em;padding: 0;margin: 0;margin-top: 40px;}
.nhoner h2 {color: #333;text-align: center;}
/*----------产品系列详情页*/
.proclaspage .xltit{ font-size:35px; margin-bottom: 20px}
.proclaspage .proimg{border: 1px solid #cfcfcf; text-align: justify; margin-top: 30px}
.proclaspage .proimg img{ width:100%; max-width:1200px }
.proclaspage ul,.proclaspage li{ margin:0; padding:0; list-style:none; }
.proclaspage .proclass{  margin:30px 0;}
.proclaspage .proclass li{  float:left;  text-align:center; color:#fff; margin-right: 10px; margin-bottom:10px}
.proclaspage .proclass li a{padding:5px 10px; display:block; color:#fff; background:#e60012;}
.proclaspage .proclass li a:hover{ background:#d9670a}
.proclaspage .procon{ line-height:35px; color:#39474d; margin-top: 30px}
.proclaspage .conright .whatsapp{ margin-top:15px; text-align:center}
.proclaspage .conright .whatsapp img{ width:150px}

.pro-chanpin{ margin:50px 0; }
.pro-tit{ font-size:30px; color:#706f6f; font-weight:500; margin: 20px 0;text-transform: uppercase;}
.pro-chanpin li{ float:left; width:33.33%; }
.pro-chanpin li .prolist-a{ padding-right:30px; }
.pro-chanpin li .prolist-a .proimg img{ width:100%; height:auto; }
.pro-chanpin li .prolist-a .proname{ background:#f7f7f7; padding:20px; line-height:30px }

.parameter table {
    border: 1px solid #fff;
    text-align: center;
    width: 100%;
    overflow-x: auto;
    hyphens: auto;
	width:100% !important;
}
.parameter table tr:nth-child(odd) {
    background-color: #ececec !important;
}
.parameter table tr:nth-child(even) {
    background-color: #c5c6c6 !important;
}
.parameter table th, .parameter table td {
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
    vertical-align: middle;
    height: 85px;
    width: 8%;
  }
 .hero-1 .video { }
  .video .beijing{position: absolute;background-color: rgba(0, 0, 0, 0.5);z-index: 5;visibility: inherit; width: 100%; height: 100%;}
  .video .wenzi{ font-size:44px; color:#fff; z-index:6; position: absolute; top: 45%; width: 100%; text-align: center;}
  .video .wenzi h1{ font-size:98px; color:#fff;}
  .video .wenzi .wenzimiaoshu{ font-size:20px; line-height:32px; }
  .aboutblock{ margin-top:50px }
  .aboutblock ul,.aboutblock li{ padding:0; margin:0; list-style: none;}
  .aboutblock li{ width:25%;  float:left;    }
.aboutblock .ai{background-image: url(../../assets/img/3.-Vision-1024x592.jpg);background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px; list-style: none; float: left;}
.aboutblock .container-fluid{ padding:0; }
.aboutblock .abg{background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;}
.aboutblock .about1{background-image: url(../../assets/img/about1.jpg);}
.aboutblock .about2{background-image: url(../../assets/img/about2.jpg);}
.aboutblock .about3{background-image: url(../../assets/img/about3.jpg);}
.aboutblock .about4{background-image: url(../../assets/img/about4.jpg);}
.aboutblock .about5{background-image: url(../../assets/img/about5.jpg);}
.aboutblock .about6{background-image: url(../../assets/img/about6.jpg);}
.aboutblock .about7{background-image: url(../../assets/img/about7.jpg);}
.aboutblock .about8{background-image: url(../../assets/img/about8.jpg);}
.aboutblock .about-a{ padding:50px 60px 40px 40px }
.aboutblock .about-a h3{ font-weight:normal; margin: 20px 0;}
.aboutblock .about-a .fl-rich-text{margin-bottom: 120px;}
@media (max-width: 768px){
.about4 {margin-top: 10px;}
.aboutblock .abg{padding-top: 100px;padding-bottom: 100px;}
.aboutblock .about-a { padding: 0px 20px;}
.aboutblock .about-a .fl-rich-text{margin-bottom: 0px;}
.aboutblock .about-a h3{ font-weight:500; }
}

/************************产品滚动*******************************/

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

.slick-track {min-width: 100%;}

.slick-list {padding-left: 0;padding-right: 0;overflow: hidden;}

.slick-slide img {display: inline-block;}

.slick-dots {list-style-type: none;padding: 0;margin: 40px 0 0px 0;line-height: 0;text-align: center;height: -webkit-max-content;height: -moz-max-content;height: max-content;}

.slick-dots li {display: inline-block;margin-right: 10px;}

.slick-dots li:last-child {margin-right: 0;}


.slick-dots button:hover {border-color: var(--theme-color);}
.slick-dots .slick-active button {background-color: var(--theme-color);width: 60px;}

/*------------------- 两侧按钮 -------------------*/
.slick-arrow {left: -105px;display: inline-block;padding: 0;color:#F02801;;position: absolute;top: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: var(--icon-size, 56px);height: var(--icon-size, 56px);line-height: var(--icon-size, 56px);font-size: var(--icon-font-size, 18px);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: 1px solid #F02801;;margin-top: -webkit-calc(var(--icon-size, 80px) / -2);margin-top: -moz-calc(var(--icon-size, 80px) / -2);margin-top: calc(var(--icon-size, 80px) / -2);z-index: 2;background: transparent;opacity: 1;visibility: visible;}
.slick-arrow.default {position: relative;--pos-x: 0;margin-top: 0;}
.slick-arrow.slick-next {right:-105px;left: auto;}
.slick-arrow:hover {background: var(--theme-color);border-color: var(--theme-color);color: var(--title-color);}


.scroll-top {position: fixed;right: 30px;bottom: 30px;height: 50px;width: 50px;cursor: pointer;display: block;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;z-index: 10000;opacity: 1;visibility: hidden;-webkit-transform: translateY(45px);-moz-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);-webkit-transition: all 300ms linear;-o-transition: all 300ms linear;-moz-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;-moz-box-shadow: none;box-shadow: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.scroll-top svg {color: var(--theme-color);-webkit-border-radius: 50%;-moz-border-radius: 50%;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;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 400ms linear;-o-transition: all 400ms linear;-moz-transition: all 400ms linear;transition: all 400ms linear;}
.scroll-top.show {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}


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

.box-title {font-size: 24px;line-height: 1.417;font-weight: 600;margin-top: -0.3em;}
.box-title a {color: inherit;}
.box-title a:hover {color: var(--theme-color);}

/*------------------- 4.00. Blog  -------------------*/
/* Blog Card ---------------------------------- */
.blog-area {-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; margin-top: 50px}
.blog-slider {}
.blog-card {background: #fff;}
.blog-card .blog-title {margin-bottom: 19px;font-weight: 700;line-height: 40px;}
.blog-card .blog-title.box-title {line-height: 30px;margin-top: 0;}
.blog-card .blog-img {overflow: hidden;border: #ccc solid 1px;}
.blog-card .blog-img img {width: 100%;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.blog-card .date {background: var(--white-color);display: inline-block;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;height: 70px;width: 70px;text-align: center;position: absolute;right: 40px;border-bottom: 2px solid var(--theme-color);-webkit-box-shadow: 0px 10px 40px rgba(1, 19, 60, 0.06);-moz-box-shadow: 0px 10px 40px rgba(1, 19, 60, 0.06);box-shadow: 0px 10px 40px rgba(1, 19, 60, 0.06);-webkit-transform: translate(0, -webkit-calc(-100% + 10px));-moz-transform: translate(0, -moz-calc(-100% + 10px));-ms-transform: translate(0, calc(-100% + 10px));-o-transform: translate(0, calc(-100% + 10px));transform: translate(0, calc(-100% + 10px));top: 0;}
.blog-card .date p {font-size: 14px;font-weight: 600;margin-bottom: 0;margin-top: 10px;color: var(--body-color);font-family: var(--title-font);}
.blog-card .date p::first-line {font-size: 30px;font-weight: 700;color: var(--title-color);line-height: 30px;}
.blog-card .blog-content { display:none;padding: 35px 40px 38px;position: relative;background: var(--white-color);-webkit-box-shadow: 0px 8px 15px rgba(4, 6, 66, 0.06);-moz-box-shadow: 0px 8px 15px rgba(4, 6, 66, 0.06);box-shadow: 0px 8px 15px rgba(4, 6, 66, 0.06);margin-bottom: 15px;}
.blog-card .blog-meta {margin-bottom: 12px;}
.blog-card .blog-meta a {font-size: 16px;color: var(--body-color);font-weight: 500;margin: 0;padding: 0;}
.blog-card .blog-meta a~a {border-left: 1px solid rgba(22, 25, 33, 0.1);padding-left: 20px;margin-left: 15px;}
.blog-card .blog-meta a:before,
.blog-card .blog-meta a:after {display: none;}
.blog-card .blog-meta i,
.blog-card .blog-meta svg {color: var(--theme-color);-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;margin-right: 6px;}
.blog-card .blog-meta a:hover {color: var(--theme-color);}
.blog-card:hover .blog-img img {-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.arrow-wrap .slick-slider .slick-arrow {opacity: 1;visibility: inherit;}
.liuyan .title-area{ margin-top:0; }

/*-------------------------产品列表页-----------------------------------*/
.product .pro{ background-position: 50%;background-size: cover;height: 100%;margin-bottom: 10px;height:400px;background-size: 400px;    background-position: 90%;    background-repeat: no-repeat; border-bottom:#cbc9c9 solid 3px}
.product .pro1{background-image: url(../../images/ipro1.jpg);}
.product .pro2{ background-image:url(../../images/ipro2.jpg);}
.product .pro3{ background-image:url(../../images/ipro3new.jpg);}
.product .pro4{ background-image:url(../../images/ipro4.jpg);}

.product .pro .div-block{padding-bottom: 60px;height: 100%; padding-top: 60px; position:relative}

.content-stripe {width: 100%;min-height: 330px;margin-left: 5%;padding-top: 0; position:absolute; z-index:2;}
.content-stripe h4{ color:#000; }
.product-title {color:#e42313;line-height: 1;}
._80w {width: 450px;margin-top: 40px;font-weight: 500;line-height: 1.5;color:#000;}
.div-block-2 {justify-content: flex-start;align-items: center;margin-top: 40px;margin-bottom: 90px;display: flex;}
.div-block-2.discoverarrow {justify-content: space-between;width: 205px;}
.w-inline-block {max-width: 100%;display: inline-block;}


.yewulist {
  margin: 47px -6px;
  overflow: hidden;
  font-size: 0;
  margin-bottom:0px;
  text-align:center;
}

.yewulist li {
  display: inline-block;
  
}
.yewulist2 li{width: 25%;}
.yewulist li .lin {
  padding: 0px;
  height: 100%;
  border: #E7E7E7 solid 1px;
  margin:6px;
}
.yewulist li .lin:hover {
  border: #bf1414 solid 1px;
}
.yewulist li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.yewulist .pic {

   overflow: hidden;
}
.yewulist .pic h3{ font-size:20px }
.yewulist .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}


.yewulist li .one {
 line-height: 40px;
 height: 40px;
 font-size: 18px;
 color: #333;
}



.yewulist .one,
.yewulist .bg1,
.yewulist .bg2 {
  -webkit-transition: .5s;
  transition: .5s;
}

/*分页list*/
.fylist{ text-align:center; margin:20px 0px;}
.fylist .page-on{ background-color:#e4392a; color:#FFF}
.fylist a{ width:41px; height:41px; line-height:41px; background-color:#edecec; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:18px; display:inline-block;border-radius:3px; text-align:center;margin:0 4px;}
.fylist2 .page-on{ background-color:#00AAF6 !important;border-color: #00AAF6 !important;}
.fylist2 a{ background-color:#fff; border-radius:0px; margin:0px;border: 1px solid #DDD;  border-right: none;}
.fylist2 a:last-child{border-right: 1px solid #DDD;}
@media screen and (max-width: 1440px) {
  .yewulist li {
    width: 33.33%;
  }
  .yewulist li .one {
    padding: 0 40px 30px;
  }
}
@media screen and (max-width: 1024px) {
  .yewulist li {
    width: 50%;
  }
  .yewulist li .one {
    padding: 0 20px 20px;
  }
}
@media screen and (max-width: 750px) {
  .yewulist {
    margin: 0 6px;
  }
  .yewulist li .one {
    padding: 0 5% 20px;
  }
}
@media screen and (max-width: 640px) {
  .yewulist li {
    width: 100%;
  }

}

.neiwidth{ position: relative;    padding-left: 80px;    padding-right: 80px;    max-width: 1680px;    margin: auto; }
.neiwidth>h1{ text-align:center; font-size:40px; margin-top:50px; }
@media screen and (max-width: 640px) {
  .neiwidth {
    padding-left:1%; padding-right: 1%;
  }
  .yewulist2{ padding-left:0; }
  
}


/*新闻页面**/
.news_m {
}

.news_m>ul {
    padding-bottom: 80px;
    padding-left: 0px
}

.news_m>ul li {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    border-bottom: solid 1px #eee
}

.news_m>ul li:hover:before {
    width: 100%
}

.news_m>ul li:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.news_m>ul li:hover .cont .tit a {
    color: #e60113
}

.news_m>ul li:before {
    content: '';
    background: #e60113;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.news_m>ul li .pic {
    width: 250px;
    height: 150px;
    overflow: hidden;
    float: right;
}

.news_m>ul li .pic img {
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.news_m>ul li .cont {
    margin-right: 500px
}

.news_m>ul li .cont .tit a {
    color: #333;
    font-size: 26px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.news_m>ul li .cont .note {
    margin-top: 20px;
    color: #666;
    font-size: 16px;
    line-height: 34px
}

.news_m>ul li .cont .date {
    color: #e60113;
    font-size: 16px;
}

.news_m>ul li .cont .date {
    padding-left: 30px;
    position: relative;
}

.news_m>ul li .cont .date:after {
    content: "";
    width: 15px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #e60113;
}
.grid-margin-y:not(.grid-y)>.cell {
    height: auto;
    line-height: 35px;
    color: #333
}
.grid-x{ margin-top:30px }
.grid-x h2{ text-align:center; font-size:30px; }
.news_pic{ text-align:center; margin-bottom:30px; margin-top: 30px}