/* Transfox | Transport & Logistics HTML Template

Template Name: Transfox
Version: 1.0.0
License: copyright commercial

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global Settings
4. Main Header / TWO / Three / Four / Five
5. Sticky Header 
6. Mobile Menu
7. Section Title
8. Page Title
9. Main Slider
10. Banner Section / Two / Three / Four
11. Features Section / Two / Three / Four / Five / Six
12. About Section / Two / Three / Four / Five / Six
13. Services Section / Two / Three / Four / Five
14. Map Section
15. Call To Action / Two / Three / Four / Five
16. Locations Section / Two
17. Offer Section / Two / Three / Four
18. FAQ's Sectiom / Two
19. Work Section
20. Fun Fact Section / Two
21. Project Section / Two / Three
22. Testimonial Section / Two / Three / Four
23. Why Choose Us / Two / Three
24. Industries Section
25. Pricing Section
26. team Section / Two
27. Contact Sectiom / Two / Three / Four
28. News Section / Two
29. Clients Section
30. Main Footer
**********************************************/
@import url("../../../css2");
@import url("animate.css");
@import url("owl.css");
@import url("swiper.min.css");
@import url("jquery.fancybox.min.css");
@import url("jquery-ui.css");
@import url("linear.css");
@import url("select2.min.css");
@import url("fontawesome-all.css");
@import url("flaticon.css");
@import url("flaticon-set-logistics.css");
@import url("tm-bs-mp.css");
@import url("tm-utility-classes.css");
:root {
  --theme-color1-rgb: 223, 17, 25;
  --theme-color2-rgb: 15, 27, 36;
  --theme-color3-rgb: 0, 0, 0;
  --theme-color1: #1566bc;
  --theme-color2: #0f1b24;
  --theme-color3: #000;
  --theme-color-light: #ffffff;
  --theme-color-dark: #000000;
  --text-color-bg-theme-color1: #fff;
  --text-color-bg-theme-color2: #fff;
  --text-color-bg-theme-color3: #fff;
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color3: var(--theme-color3);
  --border-theme-color1: var(--theme-color1);
  --border-theme-color2: var(--theme-color2);
  --border-theme-color3: var(--theme-color3);
  --text-color-light: var(--theme-color-light);
  --bg-color-light: var(--theme-color-light);
  --text-color: #7a7a7a;
  --headings-color: var(--theme-color3);
  --link-color: var(--theme-color1);
  --link-hover-color: var(--theme-color1);
  --text-font: "Outfit", sans-serif;
  --title-font: "Roboto", sans-serif;
  --body-font-size: 16px;
  --body-line-height: 30px;
  --body-font-weight: 400;
  --body-letter-spacing: -.4px;
  --line-height-heading-h1: 1em;
  --line-height-heading-h2: 1.31;
  --line-height-heading: 1.5em;
  --line-height-heading-small: 1.4em;
  --h1-font-size: 72px;
  --h2-font-size: 46px;
  --h3-font-size: 30px;
  --h4-font-size: 24px;
  --h5-font-size: 20px;
  --h6-font-size: 16px;
  --h1-font-weight: 700;
  --h2-font-weight: 700;
  --h3-font-weight: 700;
  --h4-font-weight: 600;
  --h5-font-weight: 600;
  --h6-font-weight: 600;
  --sec-title-subtitle-color: var(--theme-color1);
  --sec-title-subtitle-font-size: 12px;
  --sec-title-subtitle-font-family: var(--text-font);
  --sec-title-subtitle-font-weight: 700;
  --sec-title-subtitle-line-height: 2.5em;
  --sec-title-color: var(--headings-color);
  --sec-title-font-size: var(--h2-font-size);
  --sec-title-font-family: var(--title-font);
  --sec-title-font-weight: var(--h2-font-weight);
  --theme-light-background: #f8f6f1;
  --theme-light-background-text-color: var(--headings-color);
  --theme-black: #222429;
  --container-width: 1200px;
  --small-container-width: 1000px;
  --large-container-width: 1550px;
  --container-pt: 120px;
  --container-pb: 120px;
}

/*
 * typography.scss
 * -----------------------------------------------
*/
::-moz-selection {
  background: var(--theme-color1);
  color: #fff;
  text-shadow: none;
}
::selection {
  background: var(--theme-color1);
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: var(--theme-color1); /* Firefox */
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: var(--theme-color1); /* Safari */
  color: #fff;
  text-shadow: none;
}

:active,
:focus {
  outline: none !important;
}

::-webkit-input-placeholder {
  color: #7c858c;
}

::-moz-input-placeholder {
  color: #7c858c;
}

::-ms-input-placeholder {
  color: #7c858c;
}

body {
  background-color: #fff;
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  counter-reset: my-sec-counter;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-family: var(--text-font);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}

p, .text {
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-family: var(--text-font);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}

/* -------- Headings ---------- */
h1, h2, h3, h4, h5, h6 {
  color: var(--headings-color);
  font-family: var(--title-font);
  position: relative;
  line-height: var(--line-height-heading-);
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small {
  font-weight: normal;
  line-height: 1;
  color: var(--headings-color);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1rem;
}

h1 {
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--line-height-heading-h1);
}

h2 {
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--line-height-heading-h2);
}

h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--line-height-heading);
}

h4 {
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--line-height-heading);
}

h5 {
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  line-height: var(--line-height-heading);
}

h6 {
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  line-height: var(--line-height-heading-small);
}

/* -------- Body Text ---------- */
table p {
  margin-bottom: 0;
}

p {
  margin-bottom: 20px;
}
p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {
  text-decoration: underline;
}

/* -------- other ---------- */
a {
  color: var(--link-color);
  text-decoration: none;
  font-weight: var(--body-font-weight);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}
a b, a strong {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a img {
  border: none;
}

pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset {
  margin-bottom: 10px;
}

ol, ul {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

b, strong {
  color: #333;
  font-weight: var(--body-font-weight-bold);
}

iframe {
  border: none !important;
}

/*
 * container.scss
 * -----------------------------------------------
*/
.container .container {
  width: 100%;
}

.container .container,
.container .container-fluid,
.container-fluid .container,
.container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

section > .container,
section > .container-fluid {
  padding-top: var(--container-pt);
  padding-bottom: var(--container-pt);
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: var(--container-width);
  }
}
/*=== Default Form ===*/
.form-control, .input-text {
  height: calc(2.25rem + 27px);
  padding: 14px 30px;
  outline: 0;
  background-color: #f4f5f8;
  border: 1px solid #f4f5f8;
  color: #686a6f;
  font-size: 0.9rem;
  width: 100%;
}
.form-control::-webkit-input-placeholder, .input-text::-webkit-input-placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control::-moz-placeholder, .input-text::-moz-placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control::placeholder, .input-text::placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
  color: #686a6f;
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
  color: #686a6f;
}

textarea.form-control {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tm-pricing-smart-switcher {
  color: var(--heading-color);
  font-size: 19px;
  letter-spacing: -0.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 55px;
}
.tm-pricing-smart-switcher .price-offer {
  color: var(--text-color-bg-theme-color2);
  background-color: #333;
  font-size: 12px;
  line-height: inherit;
  padding: 0.5px 12px;
  border-radius: 30px;
  margin-left: 15px;
  text-transform: uppercase;
}
.tm-pricing-smart-switcher .pricing-switcher-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle {
  width: 70px;
  height: 33px;
  border-radius: 17px;
  background-color: rgba(22, 28, 45, 0.15);
  position: relative;
  display: inline-block;
  margin: 0 1rem;
}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle.secondary-active {
  background-color: var(--theme-color1);
}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle.secondary-active span {
  right: 7px;
}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle span {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  position: absolute;
  right: calc(100% - 27px);
  margin-left: 6px;
  top: 50%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 500px;
  pointer-events: none;
}

.tm-pricing-smart-switcher-button .switch-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
.tm-pricing-smart-switcher-button .switch-buttons li {
  display: inline-block;
  margin-bottom: 0;
}
.tm-pricing-smart-switcher-button .switch-buttons li a {
  display: block;
  border: 1px solid #eee;
  outline: none;
  display: inline-block;
  padding: 0.9375rem 2.1875rem;
  cursor: pointer;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: rgb(254, 253, 254);
  -webkit-box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.1);
          box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.1);
}
.tm-pricing-smart-switcher-button .switch-buttons li a:hover, .tm-pricing-smart-switcher-button .switch-buttons li a.active {
  color: var(--theme-color-light);
  border-color: var(--theme-color2);
  background-color: var(--theme-color2);
}
.tm-pricing-smart-switcher-button .switch-buttons li a span.price-offer {
  color: #fff;
  background-color: #333;
  font-size: 12px;
  line-height: inherit;
  padding: 0.5px 12px;
  border-radius: 30px;
  margin-left: 15px;
  text-transform: uppercase;
}
.tm-pricing-smart-switcher-button .switch-buttons li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tm-pricing-smart-switcher-button .switch-buttons li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tm-switch-buttons-round-yes .tm-pricing-smart-switcher-button .switch-buttons li:first-child a {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.tm-switch-buttons-round-yes .tm-pricing-smart-switcher-button .switch-buttons li:last-child a {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.tm-pricing-smart-switcher-button.round-switch-btn .switch-buttons li:first-child a {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.tm-pricing-smart-switcher-button.round-switch-btn .switch-buttons li:last-child a {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.tm-pricing-table .price-secondary {
  display: none !important;
}
.tm-pricing-table.show-secondary-price .price-normal {
  display: none;
}
.tm-pricing-table.show-secondary-price .price-secondary {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/*** 

====================================================================
Reset
====================================================================

***/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

/*** 

====================================================================
Global Settings
====================================================================

***/
textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

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

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.title a {
  color: inherit;
}

.color1 {
  color: var(--theme-color1);
}

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

.color3 {
  color: var(--theme-color3);
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  z-index: 99;
  background-color: #ffffff;
}

.large-container {
  position: static;
  max-width: var(--large-container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.auto-container {
  position: static;
  max-width: var(--container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.small-container {
  position: static;
  max-width: var(--small-container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.dropdown-toggle::after {
  display: none;
}

/*=======================
    Preloader
=======================*/
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
}

.preloader:after {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 140px;
  width: 140px;
  margin-left: -70px;
  margin-top: -80px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/logo-2.png);
  background-size: 140px;
  content: "";
}

.preloader:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  color: var(--theme-color1);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: none;
  transition: none;
}

/*=======================
Scroll To Top style
=======================*/
.scroll-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  font-size: 16px;
  line-height: 40px;
  color: var(--text-color-bg-theme-color2);
  text-align: center;
  cursor: pointer;
  background-color: var(--theme-color2);
  z-index: 100;
  display: none;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: var(--theme-color1);
  color: #ffffff;
}

.bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
}
.list-style-one li {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 10px;
}
.list-style-one li i {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--theme-color1);
  font-size: 18px;
  line-height: 30px;
}
.list-style-one li a {
  display: inline-block;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.list-style-one li a:hover {
  color: #ffffff;
}

/*=== List Style Two ===*/
.list-style-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
}
.list-style-two li {
  color: var(--headings-color);
  font-size: 16px;
  margin-right: 41px;
  font-weight: 600;
}
.list-style-two li:last-child {
  margin-right: 0;
}
.list-style-two li .icon {
  color: var(--theme-color1);
  margin-right: 8px;
  font-size: 8px;
  border: 1px solid var(--theme-color1);
  border-radius: 50%;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  position: relative;
  top: -2px;
}

/*Social Icon One*/
.social-icon-one {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.social-icon-one li {
  position: relative;
  margin-left: 27px;
}
.social-icon-one li:first-child {
  margin-left: 0;
}
.social-icon-one li a {
  position: relative;
  display: block;
  line-height: 40px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  color: var(--theme-color2);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social-icon-one li a:hover {
  color: var(--theme-color1);
}

/*Social Icon Two*/
.social-icon-two {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social-icon-two li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
.social-icon-two li:first-child {
  margin-left: 0;
}
.social-icon-two li a {
  position: relative;
  display: block;
  line-height: 40px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #2c2e33;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social-icon-two li a:hover {
  color: var(--text-color-bg-theme-color2);
  background-color: var(--bg-theme-color2);
}

/*Social Icon Three*/
.social-icon-three {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.social-icon-three li {
  position: relative;
  margin-left: 20px;
}

.social-icon-three li a {
  position: relative;
  display: block;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #2f3529;
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-three li a:hover {
  color: var(--theme-color2);
}

/*======================
    Tabs Box
======================*/
.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/*======================
    Media Play Button 
======================*/
.play-now {
  position: relative;
  display: block;
  z-index: 9;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background-color: #ffffff;
  color: var(--bg-theme-color1);
  z-index: 1;
  padding-left: 5px;
  font-size: 14px;
  display: block;
  border-radius: 50%;
  -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
          box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
          animation: ripple 3s infinite;
}

.play-now .ripple:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.play-now-two {
  height: 92px;
  width: 92px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 5px;
  font-size: 12px;
  border: 0.5px solid var(--border-theme-color1);
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-animation: zoom-one 3s infinite linear;
          animation: zoom-one 3s infinite linear;
}
.play-now-two:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 62px;
  width: 62px;
  border-radius: 50%;
  background-color: var(--bg-theme-color1);
  content: "";
}
.play-now-two i {
  position: relative;
}
.play-now-two:hover {
  color: #ff9205;
  background-color: #ffffff;
}

/*================================
    Progress Bar
=================================*/
.skills {
  position: relative;
}
.skills .skill-item {
  position: relative;
  margin-bottom: 35px;
}
.skills .skill-item:last-child {
  margin-bottom: 0px;
}
.skills .skill-item .skill-header {
  position: relative;
  margin-bottom: 6px;
}
.skills .skill-item .skill-header .skill-title {
  position: relative;
  color: var(--theme-color2);
  font-size: 14px;
  font-weight: 700;
}
.skills .skill-item .skill-bar {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: #f4f5f8;
}
.skills .skill-item .skill-bar .bar-inner {
  position: relative;
  padding: 3px;
  width: 100%;
  height: 6px;
}
.skills .skill-item .skill-bar .bar-inner .bar {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 6px;
  width: 0px;
  -webkit-transition: all 3000ms ease;
  transition: all 3000ms ease;
}
.skills .skill-item .skill-bar .bar-inner .bar::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--theme-color1);
  content: "";
}
.skills .skill-item .skill-bar .bar-inner .skill-percentage {
  position: absolute;
  right: 0;
  bottom: 17px;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  padding: 1px 7px;
  color: var(--text-color-bg-theme-color1);
  background-color: var(--bg-theme-color1);
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
  text-align: center;
}
.skills .skill-item .skill-bar .bar-inner .skill-percentage:before {
  position: absolute;
  content: "";
  background-color: var(--bg-theme-color1);
  width: 17px;
  height: 10px;
  bottom: -10px;
  left: calc(50% - 8.5px);
  clip-path: polygon(0% 0, 100% 0, 51% 100%, 0 8%);
}

.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 27px;
  margin-right: 30px;
  cursor: pointer;
  font-size: 14px;
  color: var(--theme-color-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 575.98px) {
  .custom-checkbox {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: var(--theme-color-light);
}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.custom-checkbox:hover input ~ .checkmark {
  background-color: var(--theme-color-light);
}
.custom-checkbox .checkmark:after {
  left: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: var(--theme-color1);
  content: "";
}

.checkmark {
  position: absolute;
  top: 7px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: var(--theme-color-light);
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/*========================
  Select2 Dropdown Plugin
========================*/
.select2-results__option {
  padding: 0 10px;
  color: #7c858c;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #7c858c;
  padding-left: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bg-theme-color1);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  bottom: 1px;
  height: auto;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  color: #7c858c;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
  position: relative;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
}

.default-dots .owl-dots {
  position: relative;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.default-dots .owl-dots .owl-dot {
  height: 11px;
  width: 11px;
  border-radius: 50%;
  background-color: #cdcbcb;
  border: 2px solid #cdcbcb;
  margin-left: 5px;
}
.default-dots .owl-dots .owl-dot:first-child {
  margin-left: 0;
}
.default-dots .owl-dots .owl-dot.active {
  border: 2px solid var(--border-theme-color2);
  background-color: transparent;
}

/*Social Icon Six*/
.social-icon-six {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.social-icon-six li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 17px;
}
.social-icon-six li:first-child {
  margin-left: 0;
}
.social-icon-six li .title {
  margin-bottom: 0;
}
.social-icon-six li a {
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: var(--theme-color-dark);
  background: var(--theme-color-light);
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social-icon-six li a i {
  position: relative;
}
.social-icon-six li a::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  border-radius: 50%;
  background-color: var(--theme-color1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  content: "";
}
.social-icon-six li a:hover {
  color: var(--theme-color-light);
}
.social-icon-six li a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.accordion-box {
  position: relative;
  padding: 10px 30px;
}
.accordion-box .block {
  position: relative;
  margin-bottom: 10px;
}
.accordion-box .block .acc-btn {
  position: relative;
  color: var(--headings-color);
  font-family: var(--title-font);
  font-weight: var(--h4-font-weight);
  font-size: 20px;
  cursor: pointer;
  padding: 20px 30px;
  padding-right: 70px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid #fff;
}
.accordion-box .block .acc-btn .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 30px;
  top: 50%;
  height: 35px;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 2;
  color: var(--theme-color1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon {
  color: var(--text-color-bg-theme-color2);
}
.accordion-box .block .acc-btn.active .icon:before {
  content: "\f068";
}
.accordion-box .block .acc-content {
  position: relative;
  display: none;
}
.accordion-box .block .acc-content .content {
  position: relative;
  padding: 25px 30px;
}
.accordion-box .block .acc-content .content .text {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #808287;
  margin-bottom: 0;
}
.accordion-box .block .acc-content.current {
  display: block;
}

.innerpage .accordion-box {
  border: none;
  padding: 0;
}
.innerpage .accordion-box .block {
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
}
.innerpage .accordion-box .acc-btn.active {
  color: var(--text-color-bg-theme-color2);
  background-color: var(--bg-theme-color2);
}
.innerpage .accordion-box .block .acc-btn.active .icon {
  top: 10px;
}
.innerpage .accordion-box .block .acc-btn .icon {
  left: auto;
  right: 20px;
  top: 30px;
}
.innerpage .accordion-box .block .acc-content .content {
  margin: 0;
  padding: 20px 30px;
}

.theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 0;
}
.theme-btn .btn-title {
  position: relative;
}

/*Btn Style One*/
.btn-style-one {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  padding: 15px 50px;
  font-weight: 700;
  letter-spacing: 0.1em;
  overflow: hidden;
  text-transform: uppercase;
  color: var(--text-color-bg-theme-color2);
  background: var(--bg-theme-color2);
}
.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--bg-theme-color1);
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  z-index: -1;
}
.btn-style-one:hover:before {
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.btn-style-one:hover {
  color: var(--text-color-bg-theme-color1);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.btn-style-one.hvr-light:hover {
  color: var(--theme-color2);
}
.btn-style-one.hvr-light:before {
  background-color: #ffffff;
}
.btn-style-one.bg-light:not(hover) {
  background-color: #ffffff !important;
  color: var(--theme-color2);
}
.btn-style-one.bg-light:not(hover):hover:before {
  color: #ffffff;
  top: -1px;
  height: calc(100% + 1px);
}
.btn-style-one.bg-dark {
  color: var(--theme-color-light);
}
.btn-style-one.bg-dark:hover {
  background-color: var(--theme-color-light);
  color: var(--theme-color2);
}
.btn-style-one.bg-dark:before {
  background-color: var(--theme-color-light);
  color: var(--theme-color2);
}

/*Btn Style One*/
.btn-style-two {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  padding: 18.5px 23.6px;
  font-weight: 700;
  overflow: hidden;
  text-transform: uppercase;
  color: var(--text-color-bg-theme-color1);
  background: var(--bg-theme-color1);
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .btn-style-two {
    padding: 12px 18px;
  }
}
.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--bg-theme-color2);
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  z-index: -1;
}
.btn-style-two .icon {
  margin-left: 5px;
}
.btn-style-two:hover:before {
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.btn-style-two:hover {
  color: var(--text-color-bg-theme-color1);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.btn-style-two.hvr-light:hover {
  color: var(--theme-color2);
}
.btn-style-two.hvr-light:before {
  background-color: #ffffff;
}
.btn-style-two.bg-light:not(hover) {
  background-color: #ffffff !important;
  color: var(--theme-color2);
}
.btn-style-two.bg-light:not(hover):hover:before {
  color: #ffffff;
  top: -1px;
  height: calc(100% + 1px);
}
.btn-style-two.bg-dark {
  color: var(--theme-color-light);
}
.btn-style-two.bg-dark:hover {
  background-color: var(--theme-color-light);
  color: var(--theme-color2);
}
.btn-style-two.bg-dark:before {
  background-color: var(--theme-color-light);
  color: var(--theme-color2);
}

.theme-btn.small {
  padding: 10px 40px;
  line-height: 20px;
  font-size: 12px;
}

/*** 

====================================================================
  Anim Icons
====================================================================

***/
[text-split] {
  opacity: 0;
}

.anim-icons {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}

.anim-icons.full-width {
  max-width: 100%;
}

.anim-icons .icon {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-dots {
  width: 120px;
  height: 250px;
  background-image: url(../images/icons/icon-dots.png);
}

.icon-lines {
  width: 530px;
  height: 227px;
  background-image: url(../images/icons/icon-lines.png);
}

.icon-quote {
  width: 64px;
  height: 64px;
  background-image: url(../images/icons/icon-quote.png);
}

.bounce-y {
  -webkit-animation: bounce-y 10s infinite linear;
          animation: bounce-y 10s infinite linear;
}

.bounce-x {
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
}

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

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

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
.overlay-anim {
  position: relative;
}
.overlay-anim:after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}
.overlay-anim:hover:after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

/*** 

====================================================================
  Search Popup
====================================================================

***/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.search-popup .search-back-drop {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--theme-color-dark);
  opacity: 0.95;
}
.search-popup .close-search {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 26px;
  color: var(--theme-color1);
  z-index: 3;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .search-inner {
  position: relative;
  display: block;
  top: 40%;
  height: auto;
  z-index: 1;
  width: calc(100% - 60px);
  max-width: 800px;
  margin: auto;
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.search-popup .form-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {
  position: relative;
  display: block;
  line-height: 20px;
  font-size: 16px;
  width: 100%;
  height: 50px;
  border: 1px solid #e1e6dc;
  padding: 15px 20px;
  color: #707070;
  background: #ffffff;
  border-radius: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .form-group input[type=search]:focus,
.search-popup .form-group input[type=text]:focus {
  border-color: var(--border-theme-color2);
}
.search-popup .form-group button {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 40px;
  width: 40px;
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  border-radius: 5px;
  font-weight: normal;
  background: var(--theme-color2);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .form-group button:hover {
  background: var(--theme-color2);
  color: #ffffff;
}
.search-popup textarea::-webkit-input-placeholder, .search-popup input::-webkit-input-placeholder {
  color: inherit;
}
.search-popup textarea::-moz-placeholder, .search-popup input::-moz-placeholder {
  color: inherit;
}
.search-popup textarea:-ms-input-placeholder, .search-popup input:-ms-input-placeholder {
  color: inherit;
}
.search-popup textarea::-ms-input-placeholder, .search-popup input::-ms-input-placeholder {
  color: inherit;
}
.search-popup textarea::placeholder,
.search-popup input::placeholder {
  color: inherit;
}

.moblie-search-active .search-popup {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  border-radius: 0%;
}
.moblie-search-active .search-popup .search-inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/*** 

====================================================================
Main Header
====================================================================

***/
.header-span {
  position: relative;
  height: 110px;
  display: block;
  width: 100%;
}

.main-header {
  position: relative;
  width: 100%;
  z-index: 999;
}

.header-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-top .bg-lines {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.header-top .inner-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.header-top .top-left {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-top .top-right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-top .useful-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.header-top .useful-links li {
  position: relative;
  margin-right: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #bdbdbd;
  line-height: 20px;
}
.header-top .useful-links li a {
  color: #bdbdbd;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.header-top .useful-links li a:hover {
  color: var(--theme-color1);
}

.main-header .logo {
  position: relative;
  display: block;
}
.main-header .logo img {
  max-width: 100%;
  height: auto;
}
.main-header .main-box {
  position: relative;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-header .main-box .nav-outer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.main-menu {
  position: relative;
}
@media only screen and (max-width: 1023.98px) {
  .main-menu {
    display: none;
  }
}

.main-menu .navbar-header {
  display: none;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  margin: 0px;
}

.main-menu .navigation.onepage-nav > li {
  margin-right: 30px;
}
.main-menu .navigation.onepage-nav > li:after {
  display: none;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  padding: 20px 0px;
  margin-right: 70px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li:last-child {
  margin-right: 0;
}
.main-menu .navigation > li:last-child:after {
  display: none;
}
.main-menu .navigation > li:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 10px;
  height: 2px;
  width: 0%;
  background-color: var(--theme-color1);
  z-index: 3;
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 4px;
  height: 4px;
  pointer-events: none;
  background-color: #ebebeb;
  opacity: 0.2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.main-menu .navigation > li:hover:before, .main-menu .navigation > li.current:before {
  left: 0;
  width: 100%;
}
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  opacity: 1;
  color: #333333;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-transform: uppercase;
}
.main-menu .navigation > li > a .icon {
  position: relative;
  font-size: 20px;
  line-height: 24px;
  margin-left: 10px;
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 16px;
  margin-right: -16px;
}
.main-menu .navigation > li.dropdown > a:after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 20px;
  display: block;
  line-height: 24px;
  font-size: 18px;
  z-index: 5;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin-top: -3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 100%;
  margin-top: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 220px;
  z-index: 100;
  padding: 10px 0 0;
  background-color: #ffffff;
  margin-top: 30px;
  opacity: 0;
  display: none;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0px;
}
.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ebf1f5;
}
.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 0px;
  line-height: 29px;
  font-weight: 400;
  font-size: 16px;
  color: var(--theme-color-dark);
  text-align: left;
  margin: 0 30px;
  text-transform: capitalize;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: var(--theme-color1);
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 6 Pro";
  content: "+";
  position: absolute;
  right: 0;
  top: 11px;
  display: block;
  line-height: 24px;
  font-size: 18px;
  font-weight: 900;
  z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0px;
  margin-top: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0px;
  width: 220px;
  z-index: 100;
  display: none;
  background-color: var(--theme-color-light);
  opacity: 0;
  padding: 10px 0 0;
  margin-top: 10px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  border-bottom: 1px solid #ebf1f5;
  width: 100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 0;
  line-height: 24px;
  font-weight: 400;
  font-size: 16px;
  color: var(--theme-color-dark);
  text-align: left;
  margin: 0 30px;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: var(--theme-color1);
}

.main-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 30px;
  border: 1px solid var(--theme-color-light);
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: var(--theme-color-light);
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .outer-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0;
}

.main-header .ui-btn {
  position: relative;
  display: block;
  line-height: 30px;
  text-align: center;
  background: none;
  font-size: 22px;
  color: var(--theme-color-dark);
  margin-left: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-header .ui-btn:hover {
  color: var(--theme-color1);
}

.main-header .info-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 15px;
  padding-left: 70px;
  color: var(--theme-color-dark);
  text-align: left;
  font-weight: 700;
  line-height: 20px;
  min-height: 62px;
}
.main-header .info-btn small {
  display: block;
  font-size: 12px;
  line-height: 1em;
  font-weight: 400;
  color: #868686;
  margin-bottom: 0px;
}
.main-header .info-btn i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -24px;
  line-height: 48px;
  height: 48px;
  width: 48px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  color: #fff;
  background-color: var(--theme-color1);
}
.main-header .info-btn i:after {
  position: absolute;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  background-color: var(--theme-color1);
  opacity: 0.1;
  border-radius: 50%;
  content: "";
}
.main-header .info-btn:hover {
  color: var(--theme-color1);
}

.contact-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-list li {
  position: relative;
  padding-left: 65px;
  margin-left: 35px;
}
.contact-list li .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  color: var(--theme-color1);
}
.contact-list li .title {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 2px;
}
.contact-list li .text {
  font-size: 16px;
  line-height: 24px;
  color: #cecece;
}
.contact-list li .text a {
  color: inherit;
}

.main-header .cart-btn {
  position: relative;
  margin: 0;
  color: var(--theme-color-light);
  margin-right: 30px;
  text-align: center;
}
.main-header .cart-btn:hover {
  color: var(--theme-color1);
}
.main-header .cart-btn .count {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 21px;
  width: 21px;
  line-height: 21px;
  font-size: 12px;
  border-radius: 50%;
  color: #ffffff;
  background-color: var(--theme-color1);
  text-align: center;
}

.header-search {
  position: relative;
  width: 160px;
}
.header-search .form-group {
  position: relative;
}
.header-search .form-group input:not([type=submit]) {
  position: relative;
  display: block;
  width: 100%;
  font-size: 13px;
  height: 30px;
  line-height: 20px;
  padding: 5px 0;
  padding-right: 30px;
  color: var(--theme-color2);
  background: transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border-bottom: 1px solid transparent;
}
.header-search .form-group input:not([type=submit])::-webkit-input-placeholder {
  color: var(--theme-color2);
}
.header-search .form-group input:not([type=submit])::-moz-placeholder {
  color: var(--theme-color2);
}
.header-search .form-group input:not([type=submit]):-ms-input-placeholder {
  color: var(--theme-color2);
}
.header-search .form-group input:not([type=submit])::-ms-input-placeholder {
  color: var(--theme-color2);
}
.header-search .form-group input:not([type=submit])::placeholder {
  color: var(--theme-color2);
}
.header-search .form-group input:not([type=submit]):focus {
  border-bottom: 1px solid var(--theme-color2);
}
.header-search .form-group .icon {
  position: absolute;
  top: 0px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 20px;
  font-size: 20px;
  padding: 5px 0;
  color: #787f84;
  background: none;
}

/*** 

====================================================================
    Header Style One
====================================================================

***/
.header-style-one {
  background-color: var(--theme-color-light);
}
.header-style-one .header-top {
  background-color: var(--theme-color-light);
  border-bottom: 1px solid #e1e1e1;
}
@media (max-width: 991.98px) {
  .header-style-one .header-top {
    display: none;
  }
}
.header-style-one .header-top.style-two {
  background-color: var(--theme-color-dark);
}
.header-style-one .header-top.style-two .inner-container {
  padding-left: 486px;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1399.98px) {
  .header-style-one .header-top.style-two .inner-container {
    padding-left: 20px;
  }
}
.header-style-one .header-top.style-two .inner-container .list-style-one li {
  color: var(--text-color-bg-theme-color1);
}
.header-style-one .header-top.style-two .inner-container .list-style-one li a {
  color: var(--text-color-bg-theme-color1);
}
.header-style-one .header-top.style-two .inner-container .social-icon-one li a {
  color: var(--text-color-bg-theme-color1);
}
.header-style-one .header-top.style-two .inner-container .social-icon-one li a:hover {
  color: var(--theme-color1);
}
.header-style-one .header-top.style-two .inner-container .social-icon-one li {
  padding: 8px 0;
  margin-left: 0;
  margin-right: 40px;
}
.header-style-one .header-top.style-two .inner-container .social-icon-one li:last-child:after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 1px;
  height: 100%;
  background: #20282c;
  z-index: 1;
}
.header-style-one .header-top.style-two .inner-container .social-icon-one li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 1px;
  height: 100%;
  background: #20282c;
  z-index: 1;
}
.header-style-one .header-top .inner-container {
  padding-left: 448px;
  padding-right: 443px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 1699.98px) {
  .header-style-one .header-top .inner-container {
    padding-left: 422px;
    padding-right: 20px;
  }
}
@media (max-width: 1399.98px) {
  .header-style-one .header-top .inner-container {
    padding: 0 20px;
  }
}
.header-style-one .header-top .inner-container .list-style-one {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-style-one .header-top .inner-container .list-style-one li {
  font-size: 12px;
  margin-right: 40px;
  margin-bottom: 0;
  color: var(--theme-color2);
}
.header-style-one .header-top .inner-container .list-style-one li:last-child {
  margin-right: 0;
}
.header-style-one .header-top .inner-container .list-style-one li a {
  color: var(--theme-color2);
}
.header-style-one .header-top .inner-container .list-style-one li i {
  font-size: 13px;
  color: var(--theme-color1);
}
.header-style-one .header-top .inner-container .social-icon-one li {
  position: relative;
  padding: 0;
  margin-left: 42px;
}
.header-style-one .header-lower {
  position: relative;
  background-color: var(--theme-color-light);
}
.header-style-one .header-lower.style-two .logo-box {
  margin-top: -84px;
  height: 154px;
  top: 27px;
}
@media (max-width: 1399.98px) {
  .header-style-one .header-lower.style-two .logo-box {
    margin-top: 0;
    height: 100%;
    min-width: 250px;
    margin-right: 50px;
    padding: 20px;
    top: 0;
  }
}
@media (max-width: 767.98px) {
  .header-style-one .header-lower.style-two .logo-box {
    min-width: 200px;
    margin-right: 0;
  }
}
.header-style-one .header-lower .logo-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 289px;
  margin-top: -57px;
  height: 127px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 20px;
  background-color: #ffffff;
  margin-right: 100px;
}
@media (max-width: 1399.98px) {
  .header-style-one .header-lower .logo-box {
    margin-top: 0;
    height: 100%;
    min-width: 250px;
    margin-right: 50px;
    padding: 20px 20px;
  }
}
@media (max-width: 575.98px) {
  .header-style-one .header-lower .logo-box {
    min-width: 200px;
    margin-right: 0;
  }
}
.header-style-one .main-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1699.98px) {
  .header-style-one .main-box {
    padding-right: 20px;
  }
}
.header-style-one .main-box.style-two .outer-box .btn-box {
  background-color: var(--theme-color2);
  border: none;
}
.header-style-one .main-box .nav-outer .navigation > li {
  padding: 23px 0;
}
.header-style-one .main-box .nav-outer .navigation > li > a {
  color: var(--theme-color2);
}
.header-style-one .main-box .outer-box .cart-btn {
  padding-right: 35px;
  margin-right: 25px;
  color: var(--theme-color2);
}
@media (max-width: 1199.98px) {
  .header-style-one .main-box .outer-box .cart-btn {
    display: none;
  }
}
.header-style-one .main-box .outer-box .cart-btn:before {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 35px);
  background-color: #e1e1e1;
  width: 1px;
  height: 70px;
}
.header-style-one .main-box .outer-box .cart-btn .count {
  right: 22px;
}
@media (max-width: 1199.98px) {
  .header-style-one .main-box .outer-box .header-search {
    display: none;
  }
}
.header-style-one .main-box .outer-box .btn-box {
  position: relative;
  margin-left: 30px;
  margin-top: -57px;
  min-width: 368px;
  min-height: 127px;
  height: 100%;
  border-left: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--theme-color-light);
}
@media only screen and (max-width: 1699.98px) {
  .header-style-one .main-box .outer-box .btn-box {
    display: none;
  }
}
.header-style-one .main-box .outer-box .btn-box:hover .info-btn-two .icon {
  -webkit-transform: none;
          transform: none;
}
.header-style-one .main-box .outer-box .btn-box:hover .info-btn-two strong {
  color: var(--theme-color2);
}
.header-style-one .main-box .outer-box .btn-box .info-btn-two {
  position: relative;
  min-width: 260px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  text-align: left;
  font-weight: 600;
  line-height: 20px;
  min-height: 74px;
  padding: 0 42px;
  padding-left: 90px;
  border-radius: 50px;
  background-color: var(--theme-color1);
  font-family: var(--title-font);
  color: var(--theme-color-light);
}
.header-style-one .main-box .outer-box .btn-box .info-btn-two .icon {
  top: 5px;
  left: 8px;
  width: 62px;
  height: 62px;
  line-height: 62px;
  position: absolute;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
  color: var(--theme-color2);
  background-color: var(--theme-color-light);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.header-style-one .main-box .outer-box .btn-box .info-btn-two strong {
  font-size: 16px;
  color: var(--theme-color-light);
}
.header-style-one .main-box .outer-box .btn-box:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

/*** 

====================================================================
    Header Style Two
====================================================================

***/
.header-style-two {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
}
.header-style-two .header-top {
  background-color: transparent;
}
@media only screen and (max-width: 1699.98px) {
  .header-style-two .header-top {
    background-color: var(--theme-color-light);
  }
}
@media (max-width: 991.98px) {
  .header-style-two .header-top {
    display: none;
  }
}
.header-style-two .header-top .inner-container {
  background-color: #fff;
  padding: 2px 0;
  padding-right: 38px;
}
@media only screen and (max-width: 1699.98px) {
  .header-style-two .header-top .inner-container {
    padding: 0;
  }
}
.header-style-two .header-top .inner-container .list-style-one {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-style-two .header-top .inner-container .list-style-one li {
  font-size: 12px;
  margin-right: 40px;
  margin-bottom: 0;
  color: var(--theme-color2);
}
@media only screen and (max-width: 1699.98px) {
  .header-style-two .header-top .inner-container .list-style-one li:last-child {
    margin-right: 0;
  }
}
.header-style-two .header-top .inner-container .list-style-one li a {
  color: var(--theme-color2);
}
.header-style-two .header-top .inner-container .list-style-one li i {
  font-size: 13px;
  color: var(--theme-color1);
}
.header-style-two .header-top .inner-container .social-icon-one li {
  position: relative;
  padding: 6px 0;
  margin-left: 42px;
}
.header-style-two .header-top .inner-container .social-icon-one li:first-child {
  margin-left: 21px;
}
@media only screen and (max-width: 1699.98px) {
  .header-style-two .header-top .inner-container .social-icon-one li:first-child {
    margin-left: 5px;
  }
}
.header-style-two .header-top .inner-container .social-icon-one li:before {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 1px;
  height: 100%;
  background: #e6e7e7;
  z-index: 1;
}
.header-style-two .header-lower {
  position: relative;
  background-color: transparent;
}
.header-style-two .header-lower .logo-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 366px;
  margin-top: -57px;
  height: 127px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 20px;
  background-color: transparent;
}
@media only screen and (max-width: 1814.98px) {
  .header-style-two .header-lower .logo-box {
    margin-top: 0;
    height: 100%;
    min-width: 250px;
    padding: 20px 20px;
    margin-right: 72px;
  }
}
@media (max-width: 575.98px) {
  .header-style-two .header-lower .logo-box {
    min-width: 200px;
    margin-right: 0;
  }
}
.header-style-two .main-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1699.98px) {
  .header-style-two .main-box {
    padding-right: 20px;
  }
}
.header-style-two .main-box .nav-outer .navigation > li {
  padding: 23px 0;
}
.header-style-two .main-box .nav-outer .navigation > li > a {
  color: var(--theme-color-light);
}
.header-style-two .main-box .outer-box .cart-btn {
  padding-right: 17px;
  margin: 0;
  color: var(--theme-color-light);
}
@media (max-width: 1199.98px) {
  .header-style-two .main-box .outer-box .cart-btn {
    display: none;
  }
}
.header-style-two .main-box .outer-box .cart-btn:hover {
  color: var(--theme-color1);
}
.header-style-two .main-box .outer-box .cart-btn:hover .count {
  color: var(--theme-color1);
  background-color: var(--theme-color-light);
}
.header-style-two .main-box .outer-box .cart-btn .count {
  right: 5px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.header-style-two .main-box .outer-box .header-search {
  width: auto;
}
@media (max-width: 767.98px) {
  .header-style-two .main-box .outer-box .header-search {
    display: none;
  }
}
.header-style-two .main-box .outer-box .header-search .search-btn {
  color: rgba(255, 255, 255, 0.6);
}
.header-style-two .main-box .outer-box .header-search .search-btn:hover {
  color: var(--theme-color1);
}
.header-style-two .main-box .outer-box .btn-box {
  position: relative;
  margin-top: -57px;
  min-width: 368px;
  min-height: 127px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
}
@media only screen and (max-width: 1814.98px) {
  .header-style-two .main-box .outer-box .btn-box {
    margin-top: 0;
    margin-left: 20px;
    min-width: 300px;
  }
}
@media only screen and (max-width: 1699.98px) {
  .header-style-two .main-box .outer-box .btn-box {
    display: none;
  }
}
.header-style-two .main-box .outer-box .btn-box:hover .info-btn-two .icon {
  -webkit-transform: none;
          transform: none;
}
.header-style-two .main-box .outer-box .btn-box:hover .info-btn-two strong {
  color: var(--theme-color2);
}
.header-style-two .main-box .outer-box .btn-box .info-btn-two {
  position: relative;
  min-width: 260px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  text-align: left;
  font-weight: 600;
  line-height: 20px;
  min-height: 74px;
  padding: 0 42px;
  padding-left: 90px;
  border-radius: 50px;
  background-color: var(--theme-color1);
  font-family: var(--title-font);
  color: var(--theme-color-light);
}
.header-style-two .main-box .outer-box .btn-box .info-btn-two .icon {
  top: 5px;
  left: 8px;
  width: 62px;
  height: 62px;
  line-height: 62px;
  position: absolute;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
  color: var(--theme-color2);
  background-color: var(--theme-color-light);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.header-style-two .main-box .outer-box .btn-box .info-btn-two strong {
  font-size: 16px;
  color: var(--theme-color-light);
}
.header-style-two .main-box .outer-box .btn-box:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.header-style-two .mobile-nav-toggler {
  color: var(--theme-color-light);
}

/***

====================================================================
    Sticky Header
====================================================================

***/
.sticky-header {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  z-index: 99999;
  background: #ffffff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.sticky-header.fixed-header {
  opacity: 1;
  z-index: 9999;
  visibility: visible;
}

.sticky-header .logo {
  padding: 10px 0;
}
.sticky-header .logo img {
  max-height: 40px;
}
.sticky-header .nav-outer {
  position: relative;
  background: none;
}
.sticky-header .inner-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sticky-header .main-menu .navigation > li {
  margin: 0;
  margin-left: 50px;
  padding: 20px 0;
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
  color: var(--theme-color-dark);
}

.sticky-header .outer-box,
.sticky-header .navbar-header {
  display: none;
}

.sticky-header .mobile-nav-toggler {
  color: var(--theme-color-dark);
}

@media only screen and (min-width: 768px) {
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }
}
/*** 

====================================================================
      Mobile Menu
====================================================================

***/
.mobile-nav-toggler {
  position: relative;
  font-size: 24px;
  line-height: 20px;
  cursor: pointer;
  color: var(--theme-color-dark);
  display: none;
  top: 0px;
  margin-left: 25px;
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
@media only screen and (max-width: 1023.98px) {
  .mobile-nav-toggler {
    display: block;
  }
}

.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}
.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
}
.mobile-menu .upper-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 20px 20px;
}
.mobile-menu .close-btn {
  position: relative;
  top: -10px;
  text-align: center;
  font-size: 18px;
  color: var(--theme-color-light);
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
.mobile-menu .close-btn:hover {
  opacity: 0.5;
}
.mobile-menu .nav-logo {
  position: relative;
  text-align: left;
  width: 100%;
}
.mobile-menu .nav-logo img {
  max-height: 40px;
}
.mobile-menu .menu-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: var(--bg-theme-color2);
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
}

.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease 200ms;
  transition: all 0.4s ease 200ms;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.mobile-menu-visible .scroll-to-top {
  opacity: 0;
  visibility: hidden;
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > ul > li:last-child {
  border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
  color: var(--theme-color1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
  content: "\f106";
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}

.mobile-menu .navigation li > ul > li {
  padding-left: 20px;
}

.contact-list-one {
  position: relative;
  padding: 30px 20px 20px;
}
.contact-list-one li {
  position: relative;
  margin-bottom: 20px;
}
.contact-list-one li:last-child {
  margin-right: 0;
}
.contact-list-one li .icon {
  color: var(--theme-color1);
  margin-right: 10px;
}
.contact-list-one li .title {
  color: var(--theme-color-light);
}
.contact-list-one li .text {
  color: var(--theme-color-light);
}
.contact-list-one li .contact-info-box {
  position: relative;
  padding-left: 54px;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}
.contact-list-one li .contact-info-box a {
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contact-list-one li .contact-info-box .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 34px;
  line-height: 50px;
  color: var(--theme-color2);
}
.contact-list-one li .contact-info-box .title {
  display: block;
  font-size: 12px;
  color: var(--theme-color-light);
  font-weight: 400;
  text-transform: uppercase;
}

.mobile-menu .social-links {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: var(--bg-theme-color1);
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: auto;
}
.mobile-menu .social-links li {
  position: relative;
  text-align: center;
  width: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .social-links li a {
  position: relative;
  display: block;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  text-align: center;
  color: var(--theme-color3);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mobile-menu .social-links li a:hover {
  color: var(--text-color-bg-theme-color1);
}

/*** 

====================================================================
Section Title
====================================================================

***/
.sec-title {
  position: relative;
  margin-bottom: 40px;
}
.sec-title .sub-title {
  position: relative;
  top: -8px;
  font-size: var(--sec-title-subtitle-font-size);
  color: var(--sec-title-subtitle-color);
  line-height: var(--sec-title-subtitle-line-height);
  font-weight: var(--sec-title-subtitle-font-weight);
  font-family: var(--sec-title-subtitle-font-family);
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding: 0 18px 0 22px;
}
.sec-title .sub-title:before {
  position: absolute;
  top: calc(50% - 2px);
  height: 4px;
  width: 11px;
  margin-top: -1px;
  right: 0;
  background-image: url(../images/icons/icon-sub-2.png);
  content: "";
}
.sec-title .sub-title:after {
  position: absolute;
  top: calc(50% - 2px);
  height: 4px;
  width: 14px;
  margin-top: -1px;
  left: 0;
  background-image: url(../images/icons/icon-sub-1.png);
  content: "";
}
.sec-title h1 {
  position: relative;
  color: var(--sec-title-color);
  font-family: var(--sec-title-font-family);
  font-weight: var(--sec-title-font-weight);
}
.sec-title h2 {
  position: relative;
  font-size: var(--sec-title-font-size);
  color: var(--sec-title-color);
  font-family: var(--sec-title-font-family);
  font-weight: var(--sec-title-font-weight);
  letter-spacing: -0.4px;
  margin-top: -5px;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .sec-title h2 {
    font-size: 42px;
  }
}
@media (max-width: 767.98px) {
  .sec-title h2 {
    font-size: 34px;
  }
  .sec-title h2 br {
    display: none;
  }
}
.sec-title .text {
  margin-top: 30px;
}
.sec-title.style-two .sub-title:before {
  display: none;
}

.sec-title.light h2,
.sec-title.light h1 {
  color: #fff;
}
.sec-title.light .text {
  color: #8c8f94;
}
.sec-title.light .sub-title {
  color: var(--theme-color1);
}

.sec-title.light h2,
.sec-title.light h1 {
  color: #fff;
}
.sec-title.light .text {
  color: #8c8f94;
}
.sec-title.light .sub-title.light {
  color: #fff;
}
.sec-title.light .sub-title.light:before {
  content: none;
}

/*** 

====================================================================
  Main Slider
====================================================================

***/
.main-slider {
  position: relative;
}

.main-slider .title {
  position: relative;
  display: inline-block;
  line-height: 30px;
  padding: 7px 30px;
  padding-left: 80px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  background-color: rgba(255, 255, 255, 0.1);
}
.main-slider .title:before {
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 40px;
  background-color: var(--bg-theme-color2);
  content: "";
}
.main-slider h1 {
  position: relative;
  display: block;
  font-size: 90px;
  line-height: 1.1em;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: capitalize;
}
.main-slider .text {
  font-size: 18px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.5);
}
.main-slider .btn-box {
  position: relative;
}
.main-slider .theme-btn {
  display: inline-block;
  white-space: nowrap;
  min-width: 200px !important;
}

.tp-dottedoverlay {
  background-color: #222429;
  opacity: 0;
}

.tp-bannertimer {
  display: none;
}

/*** 

====================================================================
    Banner Section
====================================================================

***/
.banner-section {
  position: relative;
  overflow: hidden;
}
.banner-section .slide-item {
  position: relative;
}
.banner-section .slide-item .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner-section .slide-item .shape-1 {
  position: absolute;
  background-color: var(--bg-theme-color1);
  width: 378px;
  height: 268px;
  left: calc(50% - 189px);
  bottom: 0;
  clip-path: polygon(50% 0, 50% 0, 100% 100%, 0 100%);
  z-index: 1;
}
@media (max-width: 991.98px) {
  .banner-section .slide-item .shape-1 {
    display: none;
  }
}
.banner-section .slide-item .shape-2 {
  position: absolute;
  background-color: var(--bg-theme-color2);
  width: 465px;
  height: 608px;
  right: 0;
  top: 0;
  clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 0%);
}
@media (max-width: 991.98px) {
  .banner-section .slide-item .shape-2 {
    display: none;
  }
}
.banner-section .slide-item .shape-3 {
  position: absolute;
  background-color: rgba(15, 27, 36, 0.4);
  width: 1076px;
  height: 100%;
  left: 0;
  bottom: 0;
  clip-path: polygon(0% 0, 36% 0, 100% 100%, 0 100%);
}
@media (max-width: 991.98px) {
  .banner-section .slide-item .shape-3 {
    width: 100%;
    clip-path: none;
  }
}
.banner-section .slide-item .shape-4 {
  position: absolute;
  background-color: var(--bg-theme-color2);
  width: 678px;
  height: 100%;
  left: 0;
  bottom: 0;
  clip-path: polygon(0% 0, 0% 0, 100% 100%, 0 100%);
}
@media (max-width: 991.98px) {
  .banner-section .slide-item .shape-4 {
    display: none;
  }
}
.banner-section .slide-item .shape-5 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 302px;
  background-image: url(../images/main-slider/s3-5.png);
}
@media (max-width: 991.98px) {
  .banner-section .slide-item .shape-5 {
    display: none;
  }
}
.banner-section .slide-item .shape-6 {
  position: absolute;
  top: 129px;
  left: 0;
  width: 800px;
  height: 596px;
  background-image: url(../images/main-slider/s2-4.png);
}
@media (max-width: 1399.98px) {
  .banner-section .slide-item .shape-6 {
    width: 500px;
  }
}
@media (max-width: 1199.98px) {
  .banner-section .slide-item .shape-6 {
    width: 800px;
  }
}
@media (max-width: 767.98px) {
  .banner-section .slide-item .shape-6 {
    display: none;
  }
}
.banner-section .slide-item .shape-7 {
  position: absolute;
  top: 0;
  right: 0;
  width: 948px;
  height: 1025px;
  background-image: url(../images/main-slider/s3-2.png);
}
@media (max-width: 1399.98px) {
  .banner-section .slide-item .shape-7 {
    display: none;
  }
}
.banner-section .slide-item .shape-8 {
  position: absolute;
  top: calc(50% - 265px);
  right: calc(50% - 460px);
  width: 985px;
  height: 596px;
  background-image: url(../images/main-slider/s3-4.png);
}
@media (max-width: 1199.98px) {
  .banner-section .slide-item .shape-8 {
    display: none;
  }
}
.banner-section .slide-item .pattern-5 {
  position: absolute;
  top: 290px;
  left: 0;
  width: 311px;
  height: 358px;
  background-image: url(../images/pattern/pattern-5.png);
}
@media (max-width: 1399.98px) {
  .banner-section .slide-item .pattern-5 {
    display: none;
  }
}
.banner-section .slide-item .bg-image-two {
  position: absolute;
  top: -40px;
  right: 0;
}
@media only screen and (max-width: 1599.98px) {
  .banner-section .slide-item .bg-image-two {
    right: -200px;
  }
}
@media (max-width: 1199.98px) {
  .banner-section .slide-item .bg-image-two {
    display: none;
  }
}
.banner-section .slide-item .float-image {
  position: absolute;
  right: 110px;
  top: 230px;
}
@media only screen and (max-width: 1599.98px) {
  .banner-section .slide-item .float-image {
    right: 20px;
    z-index: 1;
  }
}
@media (max-width: 1399.98px) {
  .banner-section .slide-item .float-image {
    width: 550px;
  }
}
@media (max-width: 1199.98px) {
  .banner-section .slide-item .float-image {
    display: none;
  }
}
.banner-section .slide-item .float-image-two {
  position: absolute;
  bottom: 30px;
  right: 284px;
  z-index: 1;
}
@media only screen and (max-width: 1599.98px) {
  .banner-section .slide-item .float-image-two {
    right: 100px;
  }
}
@media (max-width: 1199.98px) {
  .banner-section .slide-item .float-image-two {
    width: 300px;
  }
}
@media (max-width: 991.98px) {
  .banner-section .slide-item .float-image-two {
    display: none;
  }
}
.banner-section .content-box {
  position: relative;
  padding: 223px 0 276px;
  z-index: 3;
}
@media (max-width: 767.98px) {
  .banner-section .content-box {
    padding: 150px 0;
  }
}
.banner-section .content-box .inner-content {
  position: relative;
  padding-left: 45px;
}
@media (max-width: 575.98px) {
  .banner-section .content-box .inner-content {
    padding: 0;
    text-align: center;
  }
}
.banner-section .content-box .inner-content:before {
  position: absolute;
  content: "";
  background-color: var(--theme-color-light);
  width: 2px;
  height: 98%;
  left: 0;
  bottom: 0;
}
@media (max-width: 575.98px) {
  .banner-section .content-box .inner-content:before {
    display: none;
  }
}
.banner-section .content-box .sub-title {
  position: relative;
  display: inline-block;
  line-height: 30px;
  font-size: 18px;
  color: var(--theme-color-light);
  font-weight: 600;
  margin-bottom: 18px;
}
@media (max-width: 575.98px) {
  .banner-section .content-box .sub-title {
    font-size: 14px;
  }
}
.banner-section .content-box .title {
  color: var(--theme-color-light);
  line-height: 90px;
  margin-bottom: 36px;
}
@media (max-width: 767.98px) {
  .banner-section .content-box .title {
    font-size: 46px;
    line-height: 60px;
  }
}
@media (max-width: 575.98px) {
  .banner-section .content-box .title {
    font-size: 36px;
    line-height: 50px;
  }
  .banner-section .content-box .title br {
    display: none;
  }
}
@media (max-width: 1399.98px) {
  .banner-section .banner-carousel .owl-stage-outer {
    height: auto !important;
  }
}

/* Animate 1 */
.owl-carousel .animate-7,
.owl-carousel .animate-6,
.owl-carousel .animate-5,
.owl-carousel .animate-4,
.owl-carousel .animate-3,
.owl-carousel .animate-2,
.owl-carousel .animate-1 {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.owl-carousel .animate-x {
  opacity: 0;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.owl-carousel .animate-fade {
  opacity: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.owl-carousel .active .animate-fade,
.owl-carousel .active .animate-7,
.owl-carousel .active .animate-6,
.owl-carousel .active .animate-5,
.owl-carousel .active .animate-4,
.owl-carousel .active .animate-3,
.owl-carousel .active .animate-2,
.owl-carousel .active .animate-1 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.owl-carousel .active .animate-2 {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.owl-carousel .active .animate-3 {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
.owl-carousel .active .animate-4 {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}
.owl-carousel .active .animate-5 {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
.owl-carousel .active .animate-6 {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}
.owl-carousel .active .animate-7 {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}

.banner-carousel .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  max-width: 1170px;
  margin: -25px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1199.98px) {
  .banner-carousel .owl-nav {
    left: 15px;
    right: 15px;
  }
}
@media (max-width: 767.98px) {
  .banner-carousel .owl-nav {
    display: none;
  }
}
.banner-carousel .owl-nav .owl-next,
.banner-carousel .owl-nav .owl-prev {
  display: block;
  margin: 10px 0;
  height: 50px;
  width: 50px;
  color: #ffffff;
  border-radius: 50%;
  border: 2px solid #ffffff;
  font-size: 14px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
  opacity: 0.1;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.banner-carousel .owl-nav .owl-next:hover,
.banner-carousel .owl-nav .owl-prev:hover {
  opacity: 1;
}

/*** 

====================================================================
    Banner Section Two
====================================================================

***/
.banner-style-two .content-box .inner-content {
  padding: 0;
}
@media (max-width: 1199.98px) {
  .banner-style-two .content-box .inner-content {
    text-align: center;
  }
}
.banner-style-two .content-box .inner-content:before {
  display: none;
}

/*** 

====================================================================
    Banner Section Three
====================================================================

***/
.banner-style-three .content-box {
  padding: 350px 0 443px;
}
@media (max-width: 1199.98px) {
  .banner-style-three .content-box {
    padding: 350px 0 350px;
  }
}
@media (max-width: 991.98px) {
  .banner-style-three .content-box {
    padding: 330px 0 240px;
  }
}
@media (max-width: 767.98px) {
  .banner-style-three .content-box {
    padding: 280px 0 200px;
  }
}
@media (max-width: 767.98px) {
  .banner-style-three .content-box {
    padding: 230px 0 156px;
  }
}
@media (max-width: 991.98px) {
  .banner-style-three .content-box .title {
    font-size: 67px;
  }
}
@media (max-width: 767.98px) {
  .banner-style-three .content-box .title {
    font-size: 46px;
  }
}
@media (max-width: 575.98px) {
  .banner-style-three .content-box .title {
    font-size: 36px;
  }
}
.banner-style-three .content-box .inner-content {
  padding: 0;
  text-align: center;
}
.banner-style-three .content-box .inner-content:before {
  display: none;
}

/*** 

====================================================================
    Features Section
====================================================================

***/
.features-section {
  position: relative;
  padding: 120px 0 0;
}
@media (max-width: 991.98px) {
  .features-section {
    padding: 90px 0 0;
  }
}
.features-section .bg-image {
  height: 74%;
 /* width: 61.4%;  */
  z-index: -1;
}
@media (max-width: 767.98px) {
  .features-section .bg-image {
    width: 100%;
  }
}
.features-section .bg-image-2 {
  left: auto;
  right: 0;
  width: 38.6%;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .features-section .bg-image-2 {
    display: none;
  }
}
.features-section .outer-box {
  margin-right: 70px;
}
@media (max-width: 991.98px) {
  .features-section .outer-box {
    margin-right: 0;
  }
}
.features-section .bottom-box .inner-box {
  background-color: var(--bg-theme-color1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 0 40px;
}
@media (max-width: 767.98px) {
  .features-section .bottom-box .inner-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.features-section .bottom-box .inner-box .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767.98px) {
  .features-section .bottom-box .inner-box .image-box {
    margin-bottom: 5px;
  }
}
.features-section .bottom-box .inner-box .image-box .image {
  border-radius: 50%;
  margin-right: -15px;
}
.features-section .bottom-box .inner-box .image-box .image img {
  border-radius: 50%;
}
.features-section .bottom-box .inner-box .text {
  color: var(--theme-color-light);
}
@media (max-width: 767.98px) {
  .features-section .bottom-box .inner-box .text {
    margin-bottom: 20px;
  }
}
.features-section .bottom-box .inner-box .text span {
  font-weight: 600;
}
.features-section .bottom-box .inner-box .btn-feature-style {
  background-color: var(--bg-theme-color2);
  color: var(--text-color-bg-theme-color1);
  font-size: 14px;
  font-weight: 600;
  padding: 51.5px 102px;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 991.98px) {
  .features-section .bottom-box .inner-box .btn-feature-style {
    padding: 40px 70px;
  }
}
@media (max-width: 767.98px) {
  .features-section .bottom-box .inner-box .btn-feature-style {
    width: 100%;
    padding: 20px;
  }
}
.features-section .bottom-box .inner-box .btn-feature-style:hover {
  color: var(--theme-color1);
}
.features-section .bottom-box .inner-box .btn-feature-style i {
  position: relative;
  margin-left: 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block .inner-box {
  background-color: var(--bg-theme-color1);
  padding: 40px 60px;
  text-align: center;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 991.98px) {
  .feature-block .inner-box {
    padding: 40px 48px;
  }
}
@media (max-width: 575.98px) {
  .feature-block .inner-box {
    padding: 40px 20px;
  }
}
.feature-block .inner-box:hover .icon-box {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.feature-block .inner-box .bg-pattern-1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 5%;
  background-image: url(../images/pattern/bg-pattern-1.png);
}
.feature-block .inner-box .icon-box {
  margin-bottom: 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block .inner-box .icon-box .icon {
  color: var(--text-color-bg-theme-color1);
  font-size: 50px;
}
.feature-block .inner-box .title {
  color: var(--theme-color-light);
  margin-bottom: 5px;
}
@media (max-width: 575.98px) {
  .feature-block .inner-box .title {
    font-size: 20px;
  }
}
.feature-block .inner-box .text {
  color: var(--theme-color-light);
}

/*** 

====================================================================
    Features Section Two
====================================================================

***/
.features-section-two {
  position: relative;
  padding: 0 120px;
}
@media (max-width: 991.98px) {
  .features-section-two {
    padding: 0 90px;
  }
}
@media (max-width: 767.98px) {
  .features-section-two {
    padding: 90px 0 0;
  }
}
.features-section-two .outer-box {
  margin-top: -101px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .features-section-two .outer-box {
    margin-top: 0;
  }
}

.feature-block-two .inner-box {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--theme-color-light);
  -webkit-box-shadow: 0px 0px 81px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 81px 0px rgba(0, 0, 0, 0.1);
  top: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 1399.98px) {
  .feature-block-two .inner-box {
    margin-bottom: 40px;
  }
}
.feature-block-two .inner-box:hover {
  background-color: transparent;
  top: 18px;
}
.feature-block-two .inner-box:hover .icon-bus-1 {
  opacity: 0;
}
.feature-block-two .inner-box:hover .image {
  opacity: 1;
}
.feature-block-two .inner-box:hover .title {
  color: var(--theme-color-light);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.feature-block-two .inner-box:hover .read-more {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.feature-block-two .inner-box:hover .icon-box {
  border-color: var(--border-theme-color1);
}
.feature-block-two .inner-box .icon-bus-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 219px;
  height: 89px;
  background-image: url(../images/icons/icon-bus-1.png);
  opacity: 20%;
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-two .inner-box .image {
  position: relative;
  opacity: 0;
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-two .inner-box .image:before {
  position: absolute;
  content: "";
  background-color: var(--bg-theme-color3);
  opacity: 70%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.feature-block-two .inner-box .image img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-two .inner-box .icon-box {
  position: absolute;
  top: -38px;
  right: -37px;
  border: 1px dashed transparent;
  border-radius: 50%;
  padding: 10px;
  margin: -10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-two .inner-box .icon-box .icon {
  color: var(--theme-color1);
  font-size: 40px;
  height: 122px;
  width: 122px;
  line-height: 122px;
  background-color: #f7f7f7;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.feature-block-two .inner-box .icon-box .icon:before {
  left: -13px;
  bottom: -13px;
  position: relative;
}
.feature-block-two .inner-box .title {
  position: absolute;
  margin-bottom: 0;
  left: 26px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-two .inner-box .read-more {
  background-color: var(--bg-theme-color1);
  color: var(--text-color-bg-theme-color1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  line-height: 30px;
  width: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 0 30px;
  text-transform: uppercase;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-two .inner-box .read-more:hover .icon {
  -webkit-transform: none;
          transform: none;
}
.feature-block-two .inner-box .read-more .icon {
  color: var(--text-color-bg-theme-color1);
  margin-left: 9px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*** 

====================================================================
    Features Section Three
====================================================================

***/
.features-section-three {
  padding: 120px 0 140px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .features-section-three {
    padding: 120px 0 50px;
  }
}
@media (max-width: 991.98px) {
  .features-section-three {
    padding: 90px 0 20px;
  }
}
.features-section-three .sec-title {
  margin-bottom: 80px;
}
.features-section-three .float-image {
  position: absolute;
  right: -440px;
  bottom: 25px;
}
@media only screen and (max-width: 1829.98px) {
  .features-section-three .float-image {
    display: none;
  }
}
.features-section-three .bg-image {
  z-index: -1;
}

.feature-block-three .inner-box {
  background-color: var(--theme-color-light);
  border-radius: 10px;
  position: relative;
  padding: 24px 0 9px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 1199.98px) {
  .feature-block-three .inner-box {
    margin-bottom: 100px;
  }
}
.feature-block-three .inner-box:hover {
  background-color: var(--bg-theme-color2);
}
.feature-block-three .inner-box:hover:before {
  border-color: var(--border-theme-color1);
}
.feature-block-three .inner-box:hover .title {
  color: var(--text-color-bg-theme-color1);
}
.feature-block-three .inner-box:hover .icon-box:before {
  background-color: #27323a;
}
.feature-block-three .inner-box:hover .icon-box .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.feature-block-three .inner-box:before {
  border: 1px solid #b6b6b6;
  content: "";
  width: 85px;
  height: 230px;
  position: absolute;
  right: 1px;
  bottom: calc(50% - 115px);
  -webkit-transform: translateX(-50%) skew(-15deg, 0deg);
          transform: translateX(-50%) skew(-15deg, 0deg);
  z-index: -1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 1199.98px) {
  .feature-block-three .inner-box:before {
    right: calc(50% - 85px);
  }
}
.feature-block-three .inner-box .icon-box {
  position: relative;
  display: inline-block;
  margin-bottom: 18px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-three .inner-box .icon-box:before {
  content: "";
  position: absolute;
  background-color: #e9dcdd;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  right: 9px;
  top: 5px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-three .inner-box .icon-box .icon {
  color: var(--theme-color1);
  display: inline-block;
  font-size: 42px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block-three .inner-box .icon-box .title {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*** 

====================================================================
		About Section
====================================================================

***/
.about-section {
  position: relative;
  padding: 0 0 148px;
}
@media (max-width: 991.98px) {
  .about-section {
    padding: 0 0 75px;
  }
}
.about-section .icon-plane {
  position: absolute;
  top: -300px;
  right: 100px;
  width: 106px;
  height: 639px;
  background-image: url(../images/icons/icon-plane.png);
}
@media (max-width: 1199.98px) {
  .about-section .icon-plane {
    display: none;
  }
}

.about-section .content-column .inner-column .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .about-section .content-column .inner-column .info-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.about-section .content-column .inner-column .info-box:last-child {
  margin-bottom: 0;
}
.about-section .content-column .inner-column .info-box:hover .icon {
  background-color: var(--theme-color-dark);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.about-section .content-column .inner-column .info-box .icon {
  color: var(--text-color-bg-theme-color1);
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 66px;
  min-height: 66px;
  border-radius: 50%;
  background-color: var(--bg-theme-color1);
  margin-right: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .about-section .content-column .inner-column .info-box .icon {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.about-section .content-column .inner-column .info-box .title {
  margin-bottom: 0;
}
.about-section .content-column .inner-column .info-box .title br {
  display: none;
}
@media (max-width: 575.98px) {
  .about-section .content-column .inner-column .info-box .title br {
    display: block;
  }
}
.about-section .content-column .inner-column .author-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #f3f4f7;
  margin-left: 22px;
  padding: 0 0 20px;
}
@media (max-width: 767.98px) {
  .about-section .content-column .inner-column .author-box .inner-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    padding: 0 55px 20px;
    margin-top: 55px;
  }
}
.about-section .content-column .inner-column .author-box .inner-box:hover .author-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.about-section .content-column .inner-column .author-box .inner-box .author-img {
  border-radius: 50%;
  position: relative;
  margin-top: -25px;
  margin-bottom: 10px;
  overflow: hidden;
}
.about-section .content-column .inner-column .author-box .inner-box .author-img img {
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section .content-column .inner-column .author-box .inner-box .author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-section .content-column .inner-column .author-box .inner-box .author-info .name {
  margin-bottom: 0;
  line-height: 1;
}
.about-section .content-column .inner-column .author-box .inner-box .author-info .designation {
  color: #4c4d56;
  font-size: 12px;
}
.about-section .content-column .inner-column .list-style-one {
  margin-top: 32px;
}

@media (max-width: 991.98px) {
  .about-section .image-column {
    display: none;
  }
}
.about-section .image-column .inner-column {
  position: relative;
  padding-right: 50px;
}
.about-section .image-column .inner-column:before {
  position: absolute;
  content: "";
  bottom: -68px;
  left: 0;
  background-color: var(--bg-theme-color1);
  width: 169px;
  height: 16px;
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
}
.about-section .image-column .image-box {
  position: relative;
}
.about-section .image-column .image-box .image {
  margin-bottom: 0;
}
.about-section .image-column .image-box .image img {
  width: 100%;
}
.about-section .image-column .image-box .image-2 {
  margin-bottom: 0;
  border: 10px solid var(--theme-color-light);
  position: absolute;
  top: 108px;
  right: -49px;
}

.about-section .exp-box {
  position: absolute;
  right: -50px;
  bottom: -147px;
}
.about-section .exp-box:hover .inner .icon {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.about-section .exp-box .inner {
  background-color: var(--bg-theme-color1);
  width: 269px;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  padding: 32px 0;
}
.about-section .exp-box .inner .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.about-section .exp-box .inner .icon {
  color: var(--text-color-bg-theme-color1);
  font-size: 50px;
  position: absolute;
  top: 0;
  width: 132px;
  height: 102px;
  background-color: rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section .exp-box .inner .count {
  color: var(--text-color-bg-theme-color1);
  font-family: var(--title-font);
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 15px;
}
.about-section .exp-box .inner .title {
  color: var(--text-color-bg-theme-color1);
}

/*** 

====================================================================
    About Section Two
====================================================================

***/
.about-section-two {
  position: relative;
  padding: 120px 0 120px;
}
@media (max-width: 991.98px) {
  .about-section-two {
    padding: 90px 0;
  }
}
.about-section-two .pattern-1 {
  position: absolute;
  top: calc(50% - 226.5px);
  right: -226.5px;
  width: 453px;
  height: 420px;
  background-image: url(../images/pattern/pattern-1.png);
  -webkit-animation: fa-spin 70s infinite;
          animation: fa-spin 70s infinite;
}
@media (max-width: 1399.98px) {
  .about-section-two .pattern-1 {
    display: none;
  }
}
.about-section-two .sec-title {
  margin-bottom: 80px;
}
.about-section-two .skills-column .inner-column {
  margin-top: 35px;
}
.about-section-two .skills-column .list-style-one {
  margin-bottom: 43px;
}
.about-section-two .skills-column .list-style-one li i {
  border-radius: 50%;
  background-color: var(--bg-theme-color1);
  color: var(--text-color-bg-theme-color1);
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 11px;
  top: 7px;
  text-align: center;
}

.about-section-two .about-block .inner-box {
  background-color: var(--bg-theme-color2);
  position: relative;
}
@media (max-width: 767.98px) {
  .about-section-two .about-block .inner-box {
    margin-bottom: 80px;
  }
}
.about-section-two .about-block .inner-box:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.about-section-two .about-block .inner-box:hover .image-box .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.about-section-two .about-block .inner-box .icon {
  background-color: var(--bg-theme-color1);
  color: var(--text-color-bg-theme-color1);
  display: inline-block;
  font-size: 40px;
  width: 74px;
  height: 74px;
  line-height: 74px;
  text-align: center;
  position: absolute;
  left: 21px;
  top: -50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-two .about-block .inner-box .content {
  padding: 45px 20px 36px;
}
.about-section-two .about-block .inner-box .content .title {
  color: var(--theme-color-light);
  margin-bottom: 10px;
}
.about-section-two .about-block .inner-box .content .title:hover {
  color: var(--theme-color1);
}
.about-section-two .about-block .inner-box .content .text {
  color: #b2b2b2;
}
.about-section-two .about-block .inner-box .image-box .image {
  overflow: hidden;
}
.about-section-two .about-block .inner-box .image-box .image img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-two .about-block.style-two .inner-box {
  background-color: #15232e;
}

.about-section-two .info-btn {
  color: var(--theme-color1);
  font-size: 24px;
  font-weight: 600;
  position: relative;
  padding-left: 67px;
  display: block;
  margin-top: 52px;
}
.about-section-two .info-btn:hover .icon {
  background-color: var(--bg-theme-color2);
  -webkit-transform: none;
          transform: none;
}
.about-section-two .info-btn .icon {
  background-color: var(--bg-theme-color1);
  border-radius: 50%;
  color: var(--text-color-bg-theme-color1);
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  position: absolute;
  top: calc(50% - 22px);
  left: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-two .info-btn small {
  color: var(--theme-color3);
  font-size: 18px;
  font-weight: 500;
}

/*** 

====================================================================
    About Section Three
====================================================================

***/
.about-section-three {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .about-section-three {
    padding: 50px 0;
  }
}
.about-section-three .pattern-11 {
  position: absolute;
  bottom: 80px;
  left: 106px;
  width: 106px;
  height: 639px;
  background-image: url(../images/pattern/pattern-11.png);
}
@media (max-width: 1399.98px) {
  .about-section-three .pattern-11 {
    display: none;
  }
}
.about-section-three .float-image {
  position: absolute;
  right: 10px;
  bottom: 0;
}
@media (max-width: 1399.98px) {
  .about-section-three .float-image {
    display: none;
  }
}
.about-section-three .float-text {
  position: relative;
  top: 50px;
  font-size: 250px;
  font-weight: 600;
  font-family: var(--title-font);
  opacity: 10%;
  margin-right: -300px;
  text-transform: uppercase;
  pointer-events: none;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color-dark);
}
@media (max-width: 1199.98px) {
  .about-section-three .float-text {
    display: none;
  }
}
.about-section-three .list-style-one {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 50px;
  padding-bottom: 20px;
}
.about-section-three .list-style-one li {
  color: var(--headings-color);
}
.about-section-three .about-block {
  margin-bottom: 45px;
}
.about-section-three .about-block .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 575.98px) {
  .about-section-three .about-block .inner-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
}
.about-section-three .about-block .inner-box:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.about-section-three .about-block .inner-box .image {
  border-radius: 10px;
  margin-bottom: 0;
  overflow: hidden;
  width: 198px;
  height: 91px;
  margin-right: 15px;
}
@media (max-width: 575.98px) {
  .about-section-three .about-block .inner-box .image {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.about-section-three .about-block .inner-box .image img {
  border-radius: 10px;
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-three .about-block .inner-box .text {
  color: var(--headings-color);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--title-font);
}
.about-section-three .about-block .inner-box .text span {
  color: var(--theme-color1);
}
.about-section-three .bottom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-section-three .bottom-box .author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 30px;
}
.about-section-three .bottom-box .author-info .designation {
  font-size: 12px;
  line-height: 1;
}
.about-section-three .image-column {
  padding-right: 76px;
}
@media (max-width: 991.98px) {
  .about-section-three .image-column {
    padding-right: 15px;
  }
}
.about-section-three .image-column .inner-column {
  position: relative;
  width: 100%;
  height: 100%;
  padding-right: 60px;
}
@media (max-width: 991.98px) {
  .about-section-three .image-column .inner-column {
    padding-right: 0;
    margin-bottom: 60px;
  }
}
.about-section-three .image-column .inner-column:before {
  content: "";
  background-color: var(--bg-theme-color1);
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 203px;
}
@media (max-width: 991.98px) {
  .about-section-three .image-column .inner-column:before {
    display: none;
  }
}
.about-section-three .image-column .inner-column .image-1 {
  width: 100%;
  padding-right: 29px;
}
@media (max-width: 991.98px) {
  .about-section-three .image-column .inner-column .image-1 {
    padding-right: 0;
  }
}
.about-section-three .image-column .inner-column .image-1 img {
  width: 100%;
}
.about-section-three .image-column .inner-column .image-2 {
  width: 348px;
  height: 406px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-top: 20px solid #fff;
  border-left: 20px solid #fff;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .about-section-three .image-column .inner-column .image-2 {
    top: 0;
    border-bottom: 20px solid #fff;
  }
}
@media (max-width: 767.98px) {
  .about-section-three .image-column .inner-column .image-2 {
    display: none;
  }
}
.about-section-three .image-column .inner-column .image-2 img {
  width: 100%;
}
.about-section-three .experience .inner {
  background-color: var(--bg-theme-color1);
  position: relative;
  margin-top: 55px;
  padding: 21px 8px 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media (max-width: 991.98px) {
  .about-section-three .experience .inner {
    left: 20px;
    bottom: 40px;
    position: absolute;
  }
}
@media (max-width: 575.98px) {
  .about-section-three .experience .inner {
    display: none;
  }
}
.about-section-three .experience .inner:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.about-section-three .experience .inner:before {
  position: absolute;
  bottom: -29px;
  right: 0;
  border-left: 40px solid transparent;
  border-top: 30px solid var(--bg-theme-color1);
  content: "";
}
.about-section-three .experience .inner .icon {
  font-size: 50px;
  color: var(--text-color-bg-theme-color1);
  margin-bottom: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-three .experience .inner .text {
  color: var(--text-color-bg-theme-color1);
  display: inline-block;
}
.about-section-three .experience .inner .text strong {
  color: var(--text-color-bg-theme-color1);
  display: inline-block;
  font-size: 48px;
  font-weight: 600;
  font-family: var(--title-font);
}

/*** 

====================================================================
    About Section Four
====================================================================

***/
.about-section-four {
  padding: 120px 0 110px;
  position: relative;
}
@media (max-width: 991.98px) {
  .about-section-four {
    padding: 90px 0 80px;
  }
}
.about-section-four .pattern-7 {
  position: absolute;
  bottom: -100px;
  right: 20px;
  width: 301px;
  height: 336px;
  background-image: url(../images/pattern/pattern-7.png);
}
@media (max-width: 1399.98px) {
  .about-section-four .pattern-7 {
    display: none;
  }
}
.about-section-four .sec-title {
  margin-bottom: 63px;
}
@media (max-width: 991.98px) {
  .about-section-four .sec-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 991.98px) {
  .about-section-four .list-style-two {
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .about-section-four .list-style-two {
    display: block;
  }
}
.about-section-four .content-column .inner-column {
  margin-bottom: 50px;
}
.about-section-four .video-block .inner-box {
  position: relative;
}
.about-section-four .video-block .inner-box:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.about-section-four .video-block .inner-box .image-box .image {
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
}
.about-section-four .video-block .inner-box .image-box .image img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-four .video-block .inner-box .video-box {
  background-color: var(--bg-theme-color1);
  position: absolute;
  top: calc(50% - 126.5px);
  right: 0;
  width: 258px;
  height: 253px;
  padding: 34px 0 0 63px;
  clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%);
}
@media (max-width: 991.98px) {
  .about-section-four .video-block .inner-box .video-box {
    top: 0;
    height: 100%;
  }
}
@media (max-width: 575.98px) {
  .about-section-four .video-block .inner-box .video-box {
    display: none;
  }
}
.about-section-four .video-block .inner-box .video-box .title {
  color: var(--text-color-bg-theme-color1);
  margin-bottom: 18px;
}
.about-section-four .video-block .inner-box .video-box .play-btn {
  background-color: var(--theme-color-light);
  outline: 1px solid var(--theme-color-light);
  outline-offset: 5px;
  border-radius: 50%;
  color: var(--theme-color1);
  display: inline-block;
  font-size: 14px;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-four .video-block .inner-box .video-box .play-btn:hover {
  background-color: var(--bg-theme-color2);
  color: var(--text-color-bg-theme-color1);
}

.about-section-four .tabs-column .inner-column .about-tabs .btn-box {
  margin-bottom: 24px;
}
.about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991.98px) {
  .about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
}
@media (max-width: 575.98px) {
  .about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns {
    display: block;
  }
}
.about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns .tab-btn {
  background-color: #f4f5f9;
  color: var(--headings-color);
  cursor: pointer;
  font-family: var(--title-font);
  font-size: 14px;
  font-weight: 600;
  width: 167px;
  height: 31px;
  line-height: 31px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 991.98px) {
  .about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns .tab-btn {
    margin-right: 20px;
  }
}
@media (max-width: 575.98px) {
  .about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns .tab-btn {
    margin-right: 0;
  }
}
.about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns .tab-btn:last-child {
  margin-right: 0;
}
.about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns .tab-btn:before {
  content: "";
  background-color: var(--bg-theme-color1);
  height: 4px;
  width: 144px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 72px);
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-four .tabs-column .inner-column .about-tabs .btn-box .tab-btns .tab-btn.active-btn:before {
  bottom: -4px;
  opacity: 1;
}
.about-section-four .tabs-column .inner-column .text {
  margin-bottom: 25px;
}
.about-section-four .tabs-column .inner-column .blockquote-style-one {
  background-color: #fdf3f3;
  color: var(--headings-color);
  font-family: var(--title-font);
  font-size: 18px;
  font-weight: 500;
  padding: 16px 15px 16px 30px;
  border-left: 12px solid var(--border-theme-color1);
  margin-bottom: 37px;
}
@media (max-width: 575.98px) {
  .about-section-four .tabs-column .inner-column .blockquote-style-one {
    font-size: 16px;
    padding: 16px 15px 16px 20px;
  }
  .about-section-four .tabs-column .inner-column .blockquote-style-one br {
    display: none;
  }
}
.about-section-four .tabs-column .inner-column .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 575.98px) {
  .about-section-four .tabs-column .inner-column .info-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.about-section-four .tabs-column .inner-column .info-box:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.about-section-four .tabs-column .inner-column .info-box .icon {
  color: var(--theme-color1);
  font-size: 45px;
  margin-right: 15px;
  position: relative;
  top: 7px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .about-section-four .tabs-column .inner-column .info-box .icon {
    margin-right: 0;
    top: 0;
    margin-bottom: 5px;
  }
}
.about-section-four .tabs-column .inner-column .theme-btn {
  margin-top: 18px;
}

/*** 

====================================================================
    About Section Five
====================================================================

***/
.about-section-five {
  background-color: #fafafa;
  position: relative;
}
@media (max-width: 991.98px) {
  .about-section-five {
    background-color: var(--theme-color-light);
  }
}
.about-section-five:before {
  position: absolute;
  content: "";
  background-color: #f4f5f9;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .about-section-five:before {
    display: none;
  }
}
.about-section-five .float-image {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 1599.98px) {
  .about-section-five .float-image {
    display: none;
  }
}
.about-section-five .pattern-7 {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 301px;
  height: 336px;
  background-image: url(../images/pattern/pattern-7.png);
}
@media only screen and (max-width: 1599.98px) {
  .about-section-five .pattern-7 {
    display: none;
  }
}
.about-section-five .outer-box {
  background-color: var(--theme-color-light);
  position: relative;
  padding: 120px 0;
}
@media (max-width: 991.98px) {
  .about-section-five .outer-box {
    padding: 90px 0;
  }
}
.about-section-five .outer-box:before {
  position: absolute;
  content: "";
  background-color: var(--theme-color-light);
  left: -500px;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .about-section-five .outer-box:before {
    display: none;
  }
}
.about-section-five .outer-box .float-text {
  position: absolute;
  top: 142px;
  right: 85px;
  font-family: var(--title-font);
  font-size: 200px;
  font-weight: 700;
  opacity: 0.1;
  letter-spacing: -3px;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color-dark);
  text-transform: uppercase;
  pointer-events: none;
}
@media (max-width: 1199.98px) {
  .about-section-five .outer-box .float-text {
    display: none;
  }
}

.about-section-five .content-column .inner-column {
  padding-left: 40px;
}
@media (max-width: 991.98px) {
  .about-section-five .content-column .inner-column {
    padding-left: 0;
  }
}
@media (max-width: 1199.98px) {
  .about-section-five .content-column .inner-column .text br {
    display: none;
  }
}
.about-section-five .content-column .inner-column .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767.98px) {
  .about-section-five .content-column .inner-column .info-box {
    margin-bottom: 30px;
  }
}
.about-section-five .content-column .inner-column .info-box:last-child {
  margin-bottom: 0;
}
.about-section-five .content-column .inner-column .info-box:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.about-section-five .content-column .inner-column .info-box .icon {
  color: var(--theme-color1);
  font-size: 50px;
  margin-right: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-five .content-column .inner-column .info-box .title {
  margin-bottom: 0;
}
.about-section-five .content-column .inner-column .author-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #f3f4f7;
  margin-left: 22px;
  padding: 0 0 20px;
}
.about-section-five .content-column .inner-column .author-box .inner-box:hover .author-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.about-section-five .content-column .inner-column .author-box .inner-box .author-img {
  border-radius: 50%;
  position: relative;
  margin-top: -25px;
  margin-bottom: 10px;
  overflow: hidden;
}
.about-section-five .content-column .inner-column .author-box .inner-box .author-img img {
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.about-section-five .content-column .inner-column .author-box .inner-box .author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-section-five .content-column .inner-column .author-box .inner-box .author-info .name {
  margin-bottom: 0;
  line-height: 1;
}
.about-section-five .content-column .inner-column .author-box .inner-box .author-info .designation {
  color: #4c4d56;
  font-size: 12px;
}
.about-section-five .content-column .inner-column .list-style-one {
  margin-top: 32px;
  margin-bottom: 30px;
}
.about-section-five .content-column .inner-column .list-style-one li {
  color: var(--headings-color);
}

.about-section-five .image-column .inner-column {
  position: relative;
  padding-right: 100px;
  width: 100%;
  height: 100%;
}
@media (max-width: 991.98px) {
  .about-section-five .image-column .inner-column {
    display: none;
  }
}
.about-section-five .image-column .inner-column:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  background-color: #e1e1e1;
  width: 169px;
  height: 16px;
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
}
.about-section-five .image-column .image-box {
  width: 100%;
  height: 100%;
}
.about-section-five .image-column .image-box .image {
  margin-bottom: 0;
}
.about-section-five .image-column .image-box .image img {
  width: 100%;
}
.about-section-five .image-column .image-box .image-2 {
  margin-bottom: 0;
  position: absolute;
  bottom: -10px;
  right: 0;
}

.about-section-five .exp-box {
  position: absolute;
  top: 98px;
  right: 0;
}
.about-section-five .exp-box .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.about-section-five .exp-box .inner:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.about-section-five .exp-box .inner .image {
  margin-bottom: 0;
  width: 138px;
  height: 138px;
  border-radius: 50%;
}
.about-section-five .exp-box .inner .icon {
  color: var(--text-color-bg-theme-color1);
  font-size: 50px;
  position: absolute;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*** 

====================================================================
    Services Section
====================================================================

***/
.services-section {
  position: relative;
  padding: 120px 0 120px;
}
@media (max-width: 991.98px) {
  .services-section {
    padding: 90px 0;
  }
}
.services-section .float-text {
  position: absolute;
  top: 295px;
  left: calc(50% - 687px);
  font-family: var(--title-font);
  font-size: 300px;
  font-weight: 700;
  opacity: 0.1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color-dark);
  text-transform: uppercase;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .services-section .float-text {
    display: none;
  }
}

.service-block {
  position: relative;
  z-index: 1;
}
.service-block .inner-box {
  position: relative;
  margin-top: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .inner-box:hover .icon-box:before {
  background-color: var(--bg-theme-color1);
}
.service-block .inner-box:hover .icon-box .icon {
  background-color: var(--bg-theme-color2);
}
.service-block .inner-box:hover .image:after {
  opacity: 1;
  height: 100%;
}
.service-block .inner-box:hover .read-more {
  top: 25px;
}
.service-block .inner-box:hover .read-more .icon {
  -webkit-transform: none;
          transform: none;
}
.service-block .inner-box:hover .content-box {
  background-color: rgba(223, 17, 25, 0.671);
  padding: 22px 27px 36px 20px;
  z-index: 2;
}
@media (max-width: 575.98px) {
  .service-block .inner-box:hover .content-box {
    padding: 17px 20px 18px 20px;
  }
}
.service-block .inner-box:hover .content-box .inner {
  height: auto;
}
.service-block .image-box {
  position: relative;
}
.service-block .image {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}
.service-block .image:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.95;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 255, 43, 0)), color-stop(56%, rgba(1, 20, 37, 0.231372549)), color-stop(90%, #0f1b24));
  background: linear-gradient(rgba(17, 255, 43, 0), rgba(1, 20, 37, 0.231372549) 56%, #0f1b24 90%);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 1;
}
.service-block .image:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 255, 43, 0)), color-stop(56%, rgb(15, 27, 36)), color-stop(80%, #0f1b24));
  background: linear-gradient(rgba(17, 255, 43, 0), rgb(15, 27, 36) 56%, #0f1b24 80%);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 1;
}
.service-block .image img {
  position: relative;
  width: 100%;
}
.service-block .icon-box {
  position: absolute;
  top: -20px;
  left: 24px;
  width: 120px;
  z-index: 1;
}
.service-block .icon-box:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #900d12;
  content: "";
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-block .icon-box .icon {
  background-color: var(--bg-theme-color1);
  color: var(--text-color-bg-theme-color1);
  font-size: 50px;
  position: absolute;
  padding: 15px 52px 15px 18px;
  clip-path: polygon(0% 0, 100% 0, 70% 100%, 0 100%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-block .content-box {
  background-color: rgba(255, 255, 255, 0.102);
  padding: 7px 27px 8px 20px;
  position: absolute;
  bottom: 27px;
  left: 30px;
  right: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 2;
}
@media (max-width: 575.98px) {
  .service-block .content-box {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
}
.service-block .content-box .inner {
  position: relative;
  display: none;
  overflow: hidden;
}
.service-block .title {
  color: var(--text-color-bg-theme-color1);
  position: relative;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .service-block .title {
    font-size: 20px;
  }
}
.service-block .text {
  color: var(--text-color-bg-theme-color1);
  position: relative;
  margin-top: 12px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .service-block .text {
    margin-top: 0;
  }
}
.service-block .read-more {
  color: var(--text-color-bg-theme-color1);
  position: absolute;
  right: 25px;
  top: 9px;
  font-size: 22px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .read-more .icon {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*** 

====================================================================
    Services Section Two
====================================================================

***/
.services-section-two {
  padding: 155px 0 0;
  position: relative;
}
@media (max-width: 1199.98px) {
  .services-section-two {
    padding: 155px 0 60px;
  }
}
@media (max-width: 991.98px) {
  .services-section-two {
    padding: 90px 0 90px;
  }
}
.services-section-two.pull-down {
  margin-bottom: -207px;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .services-section-two.pull-down {
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  .services-section-two .sec-title {
    margin-bottom: 80px;
  }
}
@media (max-width: 575.98px) {
  .services-section-two .sec-title {
    margin-bottom: 70px;
  }
}
.services-section-two .float-text {
  position: absolute;
  top: 155px;
  left: calc(50% - 613px);
  font-family: var(--title-font);
  font-size: 250px;
  font-weight: 700;
  opacity: 0.1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color-dark);
  text-transform: uppercase;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .services-section-two .float-text {
    display: none;
  }
}
.services-section-two .bg-image {
  height: 76.5%;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .services-section-two .bg-image {
    height: 100%;
  }
}

.service-block-two .inner-box {
  background-color: var(--theme-color-light);
  margin-bottom: 55px;
  position: relative;
}
.service-block-two .inner-box:hover .icon-box {
  background-color: var(--bg-theme-color2);
}
.service-block-two .inner-box:hover .icon-box .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.service-block-two .inner-box:hover .image-box .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.service-block-two .inner-box .icon-box {
  background-color: var(--bg-theme-color1);
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -27px;
  left: 16px;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-two .inner-box .icon-box:before {
  position: absolute;
  top: 0;
  right: -10px;
  width: 10px;
  height: 27px;
  background-color: #c2070e;
  content: "";
  clip-path: polygon(0% 0, 5% 0, 100% 100%, 0 100%);
  z-index: -1;
}
.service-block-two .inner-box .icon-box .icon {
  color: var(--text-color-bg-theme-color1);
  font-size: 50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-two .inner-box .content {
  padding: 13px 15px 25px;
}
.service-block-two .inner-box .content .title {
  margin-bottom: 25px;
  margin-left: 91px;
}
.service-block-two .inner-box .image-box .image {
  width: 100%;
  overflow: hidden;
}
.service-block-two .inner-box .image-box .image img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-info-block .inner-box {
  background-color: var(--theme-color-light);
  position: relative;
  overflow: hidden;
  padding: 58px 42px 55px;
}
@media (max-width: 575.98px) {
  .service-info-block .inner-box {
    padding: 35px 20px;
  }
}
.service-info-block .inner-box .title {
  margin-bottom: 38px;
}
@media (max-width: 575.98px) {
  .service-info-block .inner-box .title {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.service-info-block .inner-box .call-info-box .info-btn {
  color: var(--theme-color1);
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  font-family: var(--title-font);
  position: relative;
  padding-left: 65px;
}
@media (max-width: 575.98px) {
  .service-info-block .inner-box .call-info-box .info-btn {
    font-size: 20px;
  }
}
.service-info-block .inner-box .call-info-box .info-btn:hover {
  color: var(--headings-color);
}
.service-info-block .inner-box .call-info-box .info-btn:hover .icon {
  background-color: var(--bg-theme-color2);
  -webkit-transform: none;
          transform: none;
}
.service-info-block .inner-box .call-info-box .icon {
  background-color: var(--bg-theme-color1);
  border-radius: 50%;
  color: var(--text-color-bg-theme-color1);
  height: 52px;
  width: 52px;
  line-height: 52px;
  text-align: center;
  position: absolute;
  left: 0;
  top: calc(50% - 26px);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-info-block .inner-box .call-info-box small {
  color: var(--headings-color);
  font-family: var(--text-font);
  font-size: 18px;
  font-weight: 500;
}
.service-info-block .inner-box .float-image {
  position: absolute;
  right: -20px;
  bottom: -25px;
  pointer-events: none;
}
@media (max-width: 575.98px) {
  .service-info-block .inner-box .float-image {
    display: none;
  }
}
.service-info-block .inner-box .pattern-6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 263px;
  height: 100%;
  background-image: url(../images/pattern/pattern-6.png);
  pointer-events: none;
}

/*** 

====================================================================
    Services Section Three
====================================================================

***/
.services-section-three {
  background-color: #fafafa;
  padding: 36px 0 83px;
  position: relative;
}
@media (max-width: 991.98px) {
  .services-section-three {
    padding: 90px 0;
  }
}
.services-section-three .bg-image {
  width: 827px;
}
@media (max-width: 1199.98px) {
  .services-section-three .bg-image {
    display: none;
  }
}
.services-section-three .pattern-11 {
  position: absolute;
  bottom: 0;
  right: 100px;
  width: 106px;
  height: 639px;
  background-image: url(../images/pattern/pattern-11.png);
}
@media (max-width: 1199.98px) {
  .services-section-three .pattern-11 {
    display: none;
  }
}
.services-section-three .service-info-block .inner-box {
  border-radius: 10px;
  padding: 24px 42px 27px;
}
@media (max-width: 575.98px) {
  .services-section-three .service-info-block .inner-box {
    padding: 30px 20px;
  }
}
.services-section-three .service-info-block .inner-box .title {
  margin-bottom: 8px;
}

.service-block-three .inner-box {
  position: relative;
  margin-bottom: 40px;
}
.service-block-three .inner-box:hover .image-box .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.service-block-three .inner-box:hover .content {
  background-color: var(--bg-theme-color2);
}
.service-block-three .inner-box:hover .content .pattern-12 {
  opacity: 15%;
}
.service-block-three .inner-box:hover .content .icon {
  background-color: var(--bg-theme-color1);
  color: var(--text-color-bg-theme-color1);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.service-block-three .inner-box:hover .content .title {
  color: var(--text-color-bg-theme-color1);
}
.service-block-three .image-box .image {
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}
.service-block-three .image-box .image img {
  border-radius: 10px;
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-three .content {
  background-color: var(--theme-color-light);
  -webkit-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  margin-top: -41px;
  margin-left: 19px;
  margin-right: 19px;
  padding: 0 0 20px 0;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-three .content .pattern-12 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 80px;
  background-image: url(../images/pattern/pattern-12.png);
  pointer-events: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-three .content .icon {
  background-color: var(--theme-color-light);
  border-radius: 50%;
  border: 1px dashed var(--border-theme-color1);
  color: var(--theme-color1);
  display: inline-block;
  font-size: 44px;
  width: 68px;
  height: 68px;
  line-height: 78px;
  margin-bottom: 7px;
  margin-top: -29px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-three .content .title {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .service-block-three .content .title {
    font-size: 20px;
  }
}

/*** 

====================================================================
    Map Section
====================================================================

***/
.map-section {
  position: relative;
  z-index: 1;
}
.map-section .map {
  position: relative;
  min-height: 492px;
  width: 100%;
  display: block;
}
.map-section .branches-outer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.map-section.alternate .map {
  min-height: 490px;
}
.map-section.alternate.pull-up {
  margin-top: -45px;
}

.branch-block {
  position: relative;
}
.branch-block .inner-box {
  position: relative;
  background-color: #fff;
  padding: 45px 50px 50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.branch-block .inner-box:hover {
  background-color: var(--bg-theme-color2);
}
.branch-block .inner-box:hover .info-list li,
.branch-block .inner-box:hover .info-list li i,
.branch-block .inner-box:hover .title {
  color: #fff;
}
.branch-block .title {
  margin-bottom: 35px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.branch-block .info-list {
  position: relative;
}
.branch-block .info-list li {
  position: relative;
  padding-left: 50px;
  font-size: 16px;
  line-height: 26px;
  color: #7c859b;
  margin-bottom: 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.branch-block .info-list li a {
  color: inherit;
  -webkit-transition: none;
  transition: none;
}
.branch-block .info-list li i {
  position: absolute;
  left: 0;
  top: 0;
  color: #d41e44;
  line-height: 26px;
  width: 20px;
  font-size: 18px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*** 

====================================================================
		Call To Action
====================================================================

***/
.call-to-action {
  position: relative;
  padding: 140px 0 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}
.call-to-action:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--bg-theme-color1);
  opacity: 0.5;
  content: "";
  pointer-events: none;
}
.call-to-action:after {
  position: absolute;
  left: 30px;
  top: 30px;
  right: 30px;
  bottom: 30px;
  border: 1px solid #fff;
  opacity: 0.1;
  pointer-events: none;
  content: "";
}
.call-to-action .title-box {
  position: relative;
  text-align: center;
}
.call-to-action .title-box .icon {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 200px;
}
.call-to-action .title-box .title {
  font-size: 60px;
  line-height: 1.2em;
  color: #fff;
  margin-bottom: 0;
}
.call-to-action .title-box .theme-btn {
  margin-top: 45px;
}
.call-to-action.alternate::before {
  background-color: #090909;
  opacity: 0.8;
}

/*** 

====================================================================
		Call To Action Two
====================================================================

***/
.call-to-action-two {
  position: relative;
  padding: 120px 0;
  z-index: 2;
}
.call-to-action-two .outer-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--bg-theme-color2);
  overflow: hidden;
}
.call-to-action-two .outer-box::before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-image: url(../images/icons/shape-3.png);
  background-position: center right;
  background-repeat: no-repeat;
  content: "";
}
.call-to-action-two .content-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 30px 80px;
}
.call-to-action-two .image-box {
  position: relative;
  height: 100%;
}
.call-to-action-two .image-box .image {
  position: relative;
  margin-bottom: 0;
}
.call-to-action-two .image-box .image img {
  height: 100%;
  min-width: 340px;
  -o-object-fit: cover;
     object-fit: cover;
}
.call-to-action-two .title-box .title {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}
.call-to-action-two .btn-box {
  position: relative;
  z-index: 8;
}
.call-to-action-two.alternate::before {
  position: absolute;
  right: 0;
  top: 0px;
  height: 477px;
  width: 470px;
  border-radius: 0 0 0 500px;
  background-color: var(--bg-theme-color3);
  content: "";
  z-index: -1;
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
}

/*** 

====================================================================
		Call To Action Three
====================================================================

***/
.call-to-action-three {
  position: relative;
  padding: 120px 0;
  z-index: 2;
}
.call-to-action-three .outer-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  background-color: var(--bg-theme-color2);
  width: 100%;
  padding: 30px 100px;
  padding-right: 30px;
}
.call-to-action-three .outer-box::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 90px;
  background-image: url(../images/icons/icon-shpae.png);
  background-position: top left;
  background-repeat: no-repeat;
  content: "";
}
.call-to-action-three .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.call-to-action-three .title-box .icon {
  margin-right: 20px;
  font-size: 30px;
  line-height: 1em;
  color: var(--theme-color1);
}
.call-to-action-three .title-box .title {
  font-weight: 700;
  margin-bottom: 0;
}
.call-to-action-three .btn-box {
  position: relative;
  z-index: 8;
}
.call-to-action-three .btn-box .theme-btn {
  padding: 11px 40px 9px;
  font-size: 11px;
}

/*** 

====================================================================
		Call To Action Four
====================================================================

***/
.call-to-action-four {
  position: relative;
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: 42% 0%;
  background-size: cover;
  background-color: var(--bg-theme-color2);
  z-index: 2;
}
@media (max-width: 991.98px) {
  .call-to-action-four {
    padding: 90px 0;
  }
}
.call-to-action-four:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/bg-shape-tm-7.png);
  background-color: var(--bg-theme-color2);
  content: "";
  opacity: 0.95;
}
.call-to-action-four .outer-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 991.98px) {
  .call-to-action-four .outer-box {
    display: block;
  }
}
.call-to-action-four .title-box .sub-title {
  position: relative;
  font-size: 20px;
  line-height: 1em;
  color: var(--text-color-bg-theme-color2);
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .call-to-action-four .title-box .sub-title {
    line-height: 1.4;
  }
}
.call-to-action-four .title-box .title {
  color: var(--text-color-bg-theme-color2);
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 0;
}
.call-to-action-four .btn-box {
  position: relative;
  z-index: 8;
}
@media (max-width: 991.98px) {
  .call-to-action-four .btn-box {
    margin-top: 30px;
  }
}

/*** 

====================================================================
		Call To Action Five
====================================================================

***/
.call-to-action-five {
  position: relative;
  z-index: 2;
}
.call-to-action-five .outer-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.call-to-action-five .title-box {
  position: relative;
  text-align: center;
  padding: 110px 20px;
  background-color: var(--bg-theme-color2);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.call-to-action-five .title-box::before {
  position: absolute;
  left: -120px;
  bottom: -20px;
  width: 538px;
  height: 287px;
  background-image: url(../images/icons/shape-9.png);
  content: "";
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
}
.call-to-action-five .title-box .title {
  font-weight: 700;
  margin-bottom: 0;
}
.call-to-action-five .title-box .title:hover {
  color: #fff;
}
.call-to-action-five .title-box.style-two {
  background-color: #2c2e33;
}
.call-to-action-five .title-box.style-two::before {
  background-image: url(../images/icons/shape-8.png);
  left: auto;
  right: -70px;
}
.call-to-action-five .title-box.style-two .title {
  color: #fff;
}
.call-to-action-five .title-box.style-two .title:hover {
  color: var(--theme-color2);
}

/*** 

====================================================================
        Call To Action Six
====================================================================

***/
.call-to-action-six {
  position: relative;
  padding: 140px 0 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .call-to-action-six {
    padding: 100px 0;
  }
}
.call-to-action-six:after {
  position: absolute;
  left: 30px;
  top: 30px;
  right: 30px;
  bottom: 30px;
  border: 1px solid #fff;
  opacity: 0.2;
  pointer-events: none;
  content: "";
}
@media (max-width: 767.98px) {
  .call-to-action-six:after {
    display: none;
  }
}
.call-to-action-six .title-box {
  position: relative;
  text-align: center;
}
.call-to-action-six .title-box .icon {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 200px;
}
.call-to-action-six .title-box .title {
  font-size: 60px;
  line-height: 1.2em;
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .call-to-action-six .title-box .title {
    font-size: 40px;
  }
}
.call-to-action-six .title-box .theme-btn {
  margin-top: 45px;
}
.call-to-action-six.alternate::before {
  background-color: #090909;
  opacity: 0.8;
}

/*** 

====================================================================
        Call To Action Seven
====================================================================

***/
.call-to-action-seven {
  position: relative;
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: 42% 0%;
  background-size: cover;
  background-color: var(--bg-theme-color2);
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .call-to-action-seven {
    background-position: 50% 0%;
  }
}
@media (max-width: 991.98px) {
  .call-to-action-seven {
    background-image: none !important;
    padding: 45px 0;
  }
}
@media (max-width: 991.98px) {
  .call-to-action-seven .image-column {
    display: none;
  }
}
.call-to-action-seven .outer-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 767.98px) {
  .call-to-action-seven .outer-box {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .call-to-action-seven .title-box {
    margin-bottom: 20px;
  }
}
.call-to-action-seven .title-box .title {
  color: var(--text-color-bg-theme-color2);
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .call-to-action-seven .title-box .title {
    font-size: 30px;
  }
}
@media (max-width: 1199.98px) {
  .call-to-action-seven .title-box .title br {
    display: none;
  }
}
.call-to-action-seven .btn-box {
  position: relative;
  z-index: 8;
}

/*** 

====================================================================
        Call To Action Eight
====================================================================

***/
.call-to-action-eight {
  position: relative;
  padding: 140px 0 170px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .call-to-action-eight {
    padding: 100px 0 140px;
  }
}
.call-to-action-eight .title-box {
  position: relative;
  text-align: center;
}
.call-to-action-eight .title-box .icon {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 200px;
}
.call-to-action-eight .title-box .title {
  font-size: 60px;
  line-height: 1.2em;
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .call-to-action-eight .title-box .title {
    font-size: 42px;
  }
}
@media (max-width: 575.98px) {
  .call-to-action-eight .title-box .title br {
    display: none;
  }
}
.call-to-action-eight .title-box .theme-btn {
  margin-top: 45px;
}

/*** 

====================================================================
    Locations Section
====================================================================

***/
.locations-section {
  position: relative;
  padding: 120px 0;
  z-index: 1;
}
.locations-section .map-box {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}

.location {
  position: absolute;
  left: 0;
  top: 0;
}
.location:hover .location-info {
  margin-bottom: 20px;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.location.align-center .location-info {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.location.align-center .location-info:before {
  left: 50%;
  margin-left: -15px;
}
.location.align-right .location-info {
  left: auto;
  right: -44px;
}
.location.align-right .location-info:before {
  left: auto;
  right: 37px;
}
.location .location-dot {
  position: relative;
  display: block;
  height: 16px;
  width: 16px;
  background-color: var(--bg-theme-color1);
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
}
.location .location-dot:after {
  position: absolute;
  left: -17px;
  top: -17px;
  content: "";
  width: 50px;
  height: 50px;
  background-color: var(--bg-theme-color1);
  border-radius: 50%;
  -webkit-animation: ripple 2s infinite linear;
          animation: ripple 2s infinite linear;
}
.location:nth-child(2) .location-dot:after {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
.location:nth-child(3) .location-dot:after {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.location:nth-child(4) .location-dot:after {
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
}
.location:nth-child(5) .location-dot:after {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
.location:nth-child(6) .location-dot:after {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.location .location-info {
  position: absolute;
  left: -44px;
  bottom: 100%;
  margin-bottom: 0px;
  background-color: var(--bg-theme-color2);
  padding: 30px 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.location .location-info:before {
  position: absolute;
  top: 100%;
  left: 37px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid var(--border-theme-color2);
  content: "";
}
.location .info-list {
  position: relative;
}
.location .info-list li {
  font-size: 16px;
  line-height: 30px;
  color: var(--theme-color1);
}
.location .info-list li:hover a {
  text-decoration: underline;
}
.location.location-1 {
  top: 23.8%;
  left: 15.5%;
}
.location.location-2 {
  top: 78%;
  left: 25.7%;
}
.location.location-3 {
  top: 52.8%;
  left: 58.3%;
}
.location.location-4 {
  top: 13%;
  left: 67.8%;
}
.location.location-5 {
  top: 75%;
  left: 91.3%;
}

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

====================================================================
    Locations Section Two
====================================================================

***/
.locations-section-two {
  position: relative;
  padding: 120px 0 90px;
}

.location-block-two {
  position: relative;
  margin-bottom: 30px;
}
.location-block-two .inner-box {
  position: relative;
  padding: 40px 30px;
  padding-right: 40px;
  border-right: 4px solid var(--border-theme-color1);
  -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
}
.location-block-two .inner-box:before {
  position: absolute;
  right: -4px;
  top: 0%;
  height: 0;
  border-right: 4px solid var(--border-theme-color2);
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.location-block-two .inner-box:hover:before {
  height: 100%;
}
.location-block-two .inner-box:hover .title {
  color: var(--theme-color2);
}
.location-block-two .title {
  margin-bottom: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.location-block-two .info-list {
  position: relative;
}
.location-block-two .info-list li {
  font-size: 16px;
  color: #8c8f94;
}
.location-block-two .info-list li a {
  color: #8c8f94;
}
.location-block-two .info-list li a:hover {
  color: var(--theme-color1);
}

/***

==================================================================
    Offer Section
==================================================================

***/
.offer-section {
  position: relative;
  background-color: var(--bg-theme-color1);
}
.offer-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/icons/pattern-3.jpg);
  content: "";
}

.offer-section .content-column {
  position: relative;
}
.offer-section .content-column .inner-column {
  position: relative;
  padding: 120px 0 100px;
  padding-right: 80px;
}
.offer-section .content-column .sec-title {
  margin-bottom: 25px;
}
.offer-section .content-column .sec-title .text {
  font-size: 16px;
  line-height: 30px;
}
.offer-section .content-column .info-box {
  position: relative;
  padding-left: 85px;
  min-height: 70px;
  margin-bottom: 30px;
}
.offer-section .content-column .info-box:hover .icon {
  color: #fff;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.offer-section .content-column .info-box .icon {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: 72px;
  color: var(--theme-color2);
  line-height: 1em;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.offer-section .content-column .info-box .title {
  line-height: 34px;
  margin-bottom: 0;
  color: #fff;
}
.offer-section .content-column .list-style-two li {
  color: #878a8f;
}

.offer-section .image-column {
  position: relative;
}
.offer-section .image-column .inner-column {
  position: relative;
}
.offer-section .image-column .image-box {
  position: relative;
  margin-right: -375px;
}
.offer-section .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
  width: 100%;
}
.offer-section .image-column .image-box .image img {
  width: 100%;
  min-height: 570px;
  -o-object-fit: cover;
     object-fit: cover;
}
.offer-section .image-column .caption-box {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  max-width: 200px;
  background-color: var(--bg-theme-color2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 30px 45px 35px;
}
.offer-section .image-column .caption-box .icon-box {
  position: relative;
  margin-bottom: 20px;
}
.offer-section .image-column .caption-box .title {
  color: var(--theme-color1);
  margin-bottom: 0;
}

.fact-counter-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 170px;
  width: 170px;
  background-color: #fff;
  border-radius: 50%;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.fact-counter-one:before {
  position: absolute;
  left: 42px;
  bottom: 2px;
  height: 15px;
  width: 15px;
  background: #fff;
  -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
  content: "";
}
.fact-counter-one .count-box {
  position: relative;
  font-size: 40px;
  color: var(--theme-color1);
  line-height: 1em;
  font-weight: 700;
}
.fact-counter-one .counter-title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #767676;
}

/***

==================================================================
    Offer Section Two
==================================================================

***/
.offer-section-two {
  position: relative;
  overflow: hidden;
}
.offer-section-two:before {
  background-image: url(../images/background/9.jpg);
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(100% - 140px);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  z-index: -1;
}
.offer-section-two:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(100% - 140px);
  width: 100%;
  background-color: var(--bg-theme-color2);
  content: "";
  opacity: 0.92;
  z-index: -1;
}
@media only screen and (max-width: 1023.98px) {
  .offer-section-two:after {
    top: 0;
    height: 100%;
  }
}

.offer-section-two .content-column {
  position: relative;
}
.offer-section-two .content-column .inner-column {
  position: relative;
  padding: 260px 0 55px;
}
@media only screen and (max-width: 1023.98px) {
  .offer-section-two .content-column .inner-column {
    padding-top: 120px;
    margin-right: 0;
    padding-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .offer-section-two .content-column .inner-column {
    padding-top: 90px;
  }
}
.offer-section-two .content-column .sec-title .sub-title {
  color: var(--text-color-bg-theme-color2);
}
.offer-section-two .content-column .sec-title .sub-title:before {
  background-color: var(--text-color-bg-theme-color2);
}
.offer-section-two .content-column .sec-title h2 {
  color: var(--text-color-bg-theme-color2);
}
.offer-section-two .content-column .sec-title .text {
  font-size: 16px;
  line-height: 30px;
}
.offer-section-two .content-column .info-box {
  position: relative;
  padding-left: 90px;
  min-height: 70px;
  margin-bottom: 45px;
}
.offer-section-two .content-column .info-box .count {
  position: absolute;
  left: 0;
  top: 0;
  top: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 70px;
  width: 70px;
  background-color: var(--text-color-bg-theme-color2);
  line-height: 1em;
  font-size: 24px;
  color: var(--theme-color2);
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.offer-section-two .content-column .info-box .text {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
  color: var(--text-color-bg-theme-color2);
  font-weight: 400;
  max-width: 400px;
}
.offer-section-two .content-column .info-box:hover .count {
  -webkit-transform: rotate(180deg) scale(-1);
          transform: rotate(180deg) scale(-1);
  background-color: #fff;
  color: var(--theme-color2);
}

.offer-section-two .image-column {
  position: relative;
  z-index: 1;
}
.offer-section-two .image-column .inner-column {
  position: relative;
  padding-left: 20px;
}
@media only screen and (max-width: 1023.98px) {
  .offer-section-two .image-column .inner-column {
    padding-left: 0;
  }
}
.offer-section-two .image-column .image-box {
  position: relative;
  margin-right: -375px;
}
@media only screen and (max-width: 1023.98px) {
  .offer-section-two .image-column .image-box {
    margin-right: 0;
  }
}
.offer-section-two .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
  width: 100%;
}
.offer-section-two .image-column .image-box .image:before {
  position: absolute;
  left: 0;
  bottom: 0;
  border-right: 50px solid transparent;
  border-bottom: 50px solid var(--border-theme-color2);
  content: "";
}
.offer-section-two .image-column .image-box .image img {
  width: 100%;
  min-height: 610px;
  -o-object-fit: cover;
     object-fit: cover;
}
.offer-section-two .image-column .video-box {
  position: absolute;
  left: -140px;
  top: 0;
}
@media only screen and (max-width: 1023.98px) {
  .offer-section-two .image-column .video-box {
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    -webkit-animation: zoom-one 5s infinite linear;
            animation: zoom-one 5s infinite linear;
  }
}
.offer-section-two .image-column .video-box .play-btn {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 140px;
  width: 140px;
  background-color: var(--bg-theme-color1);
  color: #fff;
  font-size: 24px;
}
@media only screen and (max-width: 1023.98px) {
  .offer-section-two .image-column .video-box .play-btn {
    position: relative;
    border-radius: 50%;
  }
}
.offer-section-two .image-column .video-box .arrow-icon {
  position: absolute;
  right: 100%;
  margin-right: 45px;
  top: 45px;
}
@media only screen and (max-width: 1023.98px) {
  .offer-section-two .image-column .video-box .arrow-icon {
    display: none;
  }
}
.offer-section-two .image-column .video-box .title {
  right: 100%;
  margin-right: 130px;
  top: 0;
  color: var(--theme-color1);
  margin-bottom: 0;
  font-weight: 500;
}
@media only screen and (max-width: 1023.98px) {
  .offer-section-two .image-column .video-box .title {
    display: none;
  }
}

.fact-counter-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 170px;
  width: 170px;
  background-color: #fff;
  border-radius: 50%;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.fact-counter-one:before {
  position: absolute;
  left: 42px;
  bottom: 2px;
  height: 15px;
  width: 15px;
  background: #fff;
  -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
  content: "";
}
.fact-counter-one .count-box {
  position: relative;
  font-size: 40px;
  color: var(--theme-color1);
  line-height: 1em;
  font-weight: 700;
}
.fact-counter-one .counter-title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #767676;
}

/***

==================================================================
    Offer Section Three
==================================================================

***/
.offer-section-three {
  position: relative;
  padding: 120px 0 70px;
}
.offer-section-three:before {
  position: absolute;
  right: -310px;
  top: -30px;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/pattern-7.png);
  background-repeat: no-repeat;
  background-position: center right;
  content: "";
}

.offer-section-three .content-column {
  position: relative;
}
.offer-section-three .content-column .inner-column {
  position: relative;
  padding-left: 100px;
}
.offer-section-three .content-column .sec-title {
  margin-bottom: 50px;
}
.offer-section-three .content-column .info-box {
  position: relative;
  padding-left: 90px;
  min-height: 60px;
  margin-bottom: 47px;
}
.offer-section-three .content-column .info-box .count {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
  height: 60px;
  width: 60px;
  background-color: var(--bg-theme-color1);
  line-height: 1em;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.offer-section-three .content-column .info-box .title {
  margin-bottom: 5px;
}
.offer-section-three .content-column .info-box .text {
  font-size: 16px;
  line-height: 30px;
  color: #808287;
  font-weight: 400;
  margin-bottom: 0;
}
.offer-section-three .content-column .info-box:hover .count {
  -webkit-transform: rotate(180deg) scale(-1);
          transform: rotate(180deg) scale(-1);
  background-color: var(--bg-theme-color2);
  color: var(--theme-color1);
}

.offer-section-three .image-column {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.offer-section-three .image-column .inner-column {
  position: relative;
}
.offer-section-three .image-column .image-box {
  position: relative;
  height: 585px;
  width: 585px;
  border-radius: 50%;
}
.offer-section-three .image-column .image-box:before {
  position: absolute;
  left: -40px;
  top: -10px;
  background-color: #edf0f5;
  height: 500px;
  width: 500px;
  border-radius: 50%;
  content: "";
  -webkit-animation: zoom-one 10s infinite linear;
          animation: zoom-one 10s infinite linear;
}
.offer-section-three .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
}
.offer-section-three .image-column .image-box .image:before {
  position: absolute;
  left: -15px;
  bottom: 20px;
  background-color: var(--bg-theme-color1);
  height: 190px;
  width: 190px;
  border-radius: 50%;
  content: "";
  -webkit-animation: zoom-one 10s infinite linear;
          animation: zoom-one 10s infinite linear;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.offer-section-three .image-column .image-box .image img {
  position: relative;
  width: 100%;
  border-radius: 50%;
}
.offer-section-three .image-column .video-box {
  position: absolute;
  right: -20px;
  bottom: 110px;
}
.offer-section-three .image-column .video-box .play-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 107px;
  width: 107px;
  background-color: var(--bg-theme-color2);
  color: var(--theme-color1);
  font-size: 24px;
  padding-left: 5px;
  border-radius: 50%;
}
.offer-section-three .image-column .video-box .play-btn:before {
  position: absolute;
  left: -13px;
  top: -13px;
  right: -13px;
  bottom: -13px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  content: "";
  -webkit-animation: zoom-one 2s infinite linear;
          animation: zoom-one 2s infinite linear;
}
.offer-section-three .image-column .video-box .play-btn:hover {
  background-color: var(--bg-theme-color1);
  color: #fff;
}

/***

==================================================================
    Offer Section Four
==================================================================

***/
.offer-section-four {
  position: relative;
  overflow: hidden;
  padding: 120px 0 70px;
}
.offer-section-four .outer-box {
  position: relative;
}
.offer-section-four .outer-box:before {
  position: absolute;
  right: 0;
  top: -120px;
  bottom: -120px;
  width: 1000%;
  background-color: #f4f4f4;
  content: "";
}
.offer-section-four .content-column {
  position: relative;
  margin-bottom: 50px;
}
.offer-section-four .content-column .inner-column {
  position: relative;
}
.offer-section-four .content-column .sec-title {
  margin-bottom: 50px;
}
.offer-section-four .content-column .info-box {
  position: relative;
  padding-left: 70px;
  min-height: 50px;
  margin-bottom: 70px;
}
.offer-section-four .content-column .info-box:last-child {
  margin-bottom: 0;
}
.offer-section-four .content-column .info-box .count {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
  height: 50px;
  width: 50px;
  background-color: #000000;
  line-height: 1em;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.offer-section-four .content-column .info-box .title {
  margin-bottom: 5px;
}
.offer-section-four .content-column .info-box .text {
  font-size: 16px;
  line-height: 30px;
  color: #808287;
  font-weight: 400;
  margin-bottom: 0;
}
.offer-section-four .content-column .info-box:hover .count {
  -webkit-transform: rotate(180deg) scale(-1);
          transform: rotate(180deg) scale(-1);
  background-color: var(--bg-theme-color2);
  color: var(--theme-color1);
}
.offer-section-four .image-column {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.offer-section-four .image-column .inner-column {
  position: relative;
}
.offer-section-four .image-column .image-box {
  position: relative;
  margin-right: -370px;
}
.offer-section-four .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
}
.offer-section-four .image-column .image-box .image img {
  position: relative;
  width: 100%;
}
.offer-section-four .image-column .image-box .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--bg-theme-color2);
  padding: 45px 50px;
  font-size: 26px;
  line-height: 1.2em;
  color: var(--theme-color1);
  font-weight: 700;
  letter-spacing: 0.1em;
  max-width: 370px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.offer-section-four .image-column .image-box:hover .caption {
  color: var(--theme-color3);
}

/***

==================================================================
    Offer Section Five
==================================================================

***/
.offer-section-five {
  position: relative;
}
.offer-section-five:before {
  position: absolute;
  left: calc(50% - 30px);
  top: 0;
  height: 100%;
  width: calc(50% + 30px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/icons/shape-tm-3.png);
  content: "";
}

.offer-section-five .content-column {
  position: relative;
}
.offer-section-five .content-column .inner-column {
  position: relative;
  padding: 100px 0 92px;
  padding-left: 52px;
}
@media (max-width: 1199.98px) {
  .offer-section-five .content-column .inner-column {
    padding: 70px 0 92px;
    padding-left: 15px;
  }
}
@media (max-width: 991.98px) {
  .offer-section-five .content-column .inner-column {
    padding-left: 0;
    padding-bottom: 70px;
  }
}
.offer-section-five .content-column .sec-title {
  margin-bottom: 25px;
}
.offer-section-five .content-column .sec-title .text {
  font-size: 16px;
  line-height: 30px;
}
.offer-section-five .content-column .info-box {
  position: relative;
  padding-left: 85px;
  min-height: 70px;
  margin-bottom: 30px;
}
.offer-section-five .content-column .info-box:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.offer-section-five .content-column .info-box .icon {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: 72px;
  color: var(--theme-color2);
  line-height: 1em;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.offer-section-five .content-column .info-box .title {
  line-height: 34px;
  margin-bottom: 0;
}
.offer-section-five .content-column .list-style-two li {
  color: var(--text-color);
  font-weight: 400;
}

.offer-section-five .image-column {
  position: relative;
}
.offer-section-five .image-column .inner-column {
  position: relative;
}
.offer-section-five .image-column .image-box {
  position: relative;
  margin-left: -375px;
}
.offer-section-five .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
  width: 100%;
}
.offer-section-five .image-column .image-box .image img {
  width: 100%;
  min-height: 570px;
  -o-object-fit: cover;
     object-fit: cover;
}
.offer-section-five .image-column .caption-box {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  max-width: 200px;
  background-color: var(--bg-theme-color2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 30px 45px 35px;
}
@media (max-width: 991.98px) {
  .offer-section-five .image-column .caption-box {
    right: -15px;
  }
}
@media (max-width: 575.98px) {
  .offer-section-five .image-column .caption-box {
    max-width: 140px;
    padding: 50px 10px 45px 15px;
  }
}
.offer-section-five .image-column .caption-box .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: 20px;
}
.offer-section-five .image-column .caption-box .icon-box .play-now {
  text-align: center;
}
.offer-section-five .image-column .caption-box .icon-box .play-now .icon {
  color: var(--theme-color2);
}
.offer-section-five .image-column .caption-box .title {
  color: var(--text-color-bg-theme-color2);
  margin-bottom: 0;
}

/*** 

====================================================================
        FAQ's Sectiom
====================================================================

***/
.faqs-section {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 991.98px) {
  .faqs-section {
    padding: 90px 0;
  }
}
.faqs-section .float-image {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1399.98px) {
  .faqs-section .float-image {
    display: none;
  }
}
.faqs-section .outer-box {
  position: relative;
}
.faqs-section .outer-box .float-text {
  position: absolute;
  top: 47px;
  left: -13px;
  font-family: var(--title-font);
  font-size: 250px;
  font-weight: 700;
  opacity: 0.1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color-dark);
  text-transform: uppercase;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .faqs-section .outer-box .float-text {
    display: none;
  }
}
.faqs-section.style-two .pattern-14 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 601px;
  height: 602px;
  background-image: url(../images/pattern/pattern-14.png);
}
@media only screen and (max-width: 1599.98px) {
  .faqs-section.style-two .pattern-14 {
    display: none;
  }
}
.faqs-section.style-two .float-text {
  position: absolute;
  top: 165px;
  right: 30px;
  font-family: var(--title-font);
  font-size: 250px;
  font-weight: 700;
  opacity: 0.1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color-dark);
  text-transform: uppercase;
  pointer-events: none;
}
@media only screen and (max-width: 1599.98px) {
  .faqs-section.style-two .float-text {
    display: none;
  }
}
.faqs-section.style-two .float-image {
  left: auto;
  right: 0;
}
@media only screen and (max-width: 1599.98px) {
  .faqs-section.style-two .float-image {
    display: none;
  }
}
.faqs-section.style-two .accordion-box {
  padding: 12px 32px 10px 32px;
}
@media (max-width: 991.98px) {
  .faqs-section.style-two .accordion-box {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .faqs-section.style-two .accordion-box {
    padding: 12px 15px 10px 20px;
  }
}
.faqs-section.style-two .image-column .inner-column {
  position: relative;
  margin-top: -10px;
}
@media (max-width: 991.98px) {
  .faqs-section.style-two .image-column .inner-column {
    margin-bottom: 70px;
    margin-bottom: 70px;
    padding-right: 35px;
    margin-top: 0;
  }
}
@media (max-width: 991.98px) {
  .faqs-section.style-two .image-column .inner-column .image {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .faqs-section.style-two .image-column .inner-column .image img {
    width: 100%;
  }
}
.faqs-section.style-two .image-column .inner-column .experience {
  position: absolute;
  bottom: -30px;
  right: -30px;
}
@media (max-width: 991.98px) {
  .faqs-section.style-two .image-column .inner-column .experience {
    right: 0;
  }
}
.faqs-section.style-two .image-column .inner-column .experience .inner {
  background-color: var(--bg-theme-color1);
  position: relative;
  padding: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 253px;
  height: 333px;
}
.faqs-section.style-two .image-column .inner-column .experience .inner:hover .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 575.98px) {
  .faqs-section.style-two .image-column .inner-column .experience .inner {
    width: 204px;
    height: 220px;
  }
}
.faqs-section.style-two .image-column .inner-column .experience .inner:before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 249px;
  height: 282px;
  background-image: url(../images/pattern/pattern-13.png);
}
@media (max-width: 575.98px) {
  .faqs-section.style-two .image-column .inner-column .experience .inner:before {
    display: none;
  }
}
.faqs-section.style-two .image-column .inner-column .experience .inner:after {
  position: absolute;
  top: -30px;
  right: 0;
  border-left: 35px solid #bb1218;
  border-top: 30px solid transparent;
  content: "";
}
.faqs-section.style-two .image-column .inner-column .experience .inner .icon {
  font-size: 50px;
  color: var(--text-color-bg-theme-color1);
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .faqs-section.style-two .image-column .inner-column .experience .inner .icon {
    margin-bottom: 20px;
  }
}
.faqs-section.style-two .image-column .inner-column .experience .inner .text {
  color: var(--text-color-bg-theme-color1);
  display: inline-block;
  position: relative;
  z-index: 1;
}
.faqs-section.style-two .image-column .inner-column .experience .inner .text strong {
  color: var(--text-color-bg-theme-color1);
  display: inline-block;
  font-size: 48px;
  font-weight: 600;
  font-family: var(--title-font);
}

.accordion-box {
  border: 1px solid #ebebeb;
  background-color: var(--theme-color-light);
  padding: 26px 32px 26px 32px;
  position: relative;
}
@media (max-width: 991.98px) {
  .accordion-box {
    margin-bottom: 50px;
  }
}
@media (max-width: 575.98px) {
  .accordion-box {
    padding: 20px 20px 20px 20px;
  }
}
.accordion-box .block {
  position: relative;
  background-color: transparent;
}
.accordion-box .block .acc-btn {
  position: relative;
  font-size: 18px;
  color: var(--headings-color);
  font-weight: 600;
  cursor: pointer;
  padding: 21px 0 24px 0;
  border-top: 1px solid #e1e1e1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.accordion-box .block .acc-btn .icon {
  position: absolute;
  top: 15px;
  left: 0;
  line-height: 28px;
  color: var(--theme-color-dark);
  font-size: 24px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.accordion-box .block .acc-btn .arrow {
  position: absolute;
  right: 0;
  top: -1px;
  font-size: 18px;
  line-height: 82px;
  font-weight: 600;
  color: var(--theme-color-dark);
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.accordion-box .block .acc-btn.active {
  color: var(--theme-color1);
}
.accordion-box .block .acc-btn.active .arrow {
  color: var(--theme-color1);
  font-size: 18px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion-box .block .acc-btn.active .arrow:before {
  content: "\f068";
}
.accordion-box .block .acc-btn.active .icon {
  -webkit-transform: scale(-1) rotate(180deg);
          transform: scale(-1) rotate(180deg);
}
.accordion-box .block .acc-content {
  position: relative;
  display: none;
}
.accordion-box .block .acc-content .content {
  position: relative;
  padding: 0 0 24px 0;
  margin-top: -8px;
}
.accordion-box .block .acc-content .content .text {
  display: block;
  margin-bottom: 0;
}
.accordion-box .block .acc-content.current {
  display: block;
}

/*** 

====================================================================
		Work Section
====================================================================

***/
.work-section {
  position: relative;
  padding: 120px 0 70px;
}
.work-section:before {
  position: absolute;
  left: -260px;
  top: 75px;
  height: 590px;
  width: 640px;
  background-image: url(../images/icons/shape-10.png);
  background-repeat: no-repeat;
  background-position: center left;
  content: "";
}
.work-section .sec-title {
  margin-bottom: 50px;
}

.work-tabs {
  position: relative;
}
.work-tabs .tab-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
  border-radius: 10px;
  overflow: hidden;
}
.work-tabs .tab-buttons .tab-btn {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 50px;
  color: var(--theme-color1);
  text-align: center;
  padding: 30px 30px;
  font-family: var(--title-font);
  background-color: #f4f5f8;
  cursor: pointer;
}
.work-tabs .tab-buttons .tab-btn.active-btn {
  background-color: var(--bg-theme-color1);
  color: #ffffff;
}
.work-tabs .content-column {
  position: relative;
  margin-bottom: 50px;
}
.work-tabs .content-column .inner-column {
  padding: 0 35px;
}
.work-tabs .content-column .inner-column h3 {
  font-size: 34px;
  margin-bottom: 40px;
}
.work-tabs .content-column .inner-column > .text {
  margin-bottom: 40px;
}
.work-tabs .content-column .about-block-two:last-child {
  margin-bottom: 0;
}
.work-tabs .image-column {
  position: relative;
  margin-bottom: 50px;
}
.work-tabs .image-column .image {
  margin-bottom: 0;
  border-radius: 10px;
  overflow: hidden;
}

/*** 

====================================================================
    Fun Fact Section
====================================================================

***/
.fun-fact-section {
  position: relative;
  padding: 107px 0 107px;
}
@media (max-width: 991.98px) {
  .fun-fact-section {
    padding: 90px 0 60px;
  }
}
.fun-fact-section.style-two {
  padding: 0;
}
.fun-fact-section.style-two .outer-box {
  padding: 107px 0 267px;
  position: relative;
}
@media (max-width: 991.98px) {
  .fun-fact-section.style-two .outer-box {
    padding: 90px 0 230px;
  }
}
@media (max-width: 767.98px) {
  .fun-fact-section.style-two .outer-box {
    padding: 90px 0 60px;
  }
}
.fun-fact-section.style-two .outer-box .bg-image {
  left: auto;
  right: 0;
  width: 132%;
}
.fun-fact-section.style-two .counter-block .inner-box .content-box .count-box {
  color: var(--text-color-bg-theme-color1);
}
.fun-fact-section.style-two .counter-block .inner-box .content-box .counter-title {
  color: var(--text-color-bg-theme-color1);
}

.counter-block .inner-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 991.98px) {
  .counter-block .inner-box {
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .counter-block .inner-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.counter-block .inner-box:hover .icon-box {
  background-color: var(--bg-theme-color2);
}
.counter-block .inner-box:hover .icon-box .icon {
  color: var(--text-color-bg-theme-color1);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.counter-block .inner-box:hover .content-box .count-box {
  color: var(--bg-theme-color1);
}
.counter-block .inner-box .icon-box {
  width: 98px;
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  background-color: var(--theme-color-light);
  margin-right: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 767.98px) {
  .counter-block .inner-box .icon-box {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.counter-block .inner-box .icon-box .icon {
  color: var(--theme-color1);
  font-size: 50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.counter-block .inner-box .content-box {
  margin-top: 10px;
}
.counter-block .inner-box .content-box .count-box {
  color: var(--headings-color);
  font-size: 48px;
  font-weight: 600;
  font-family: var(--title-font);
  margin-bottom: 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  transition: all 300ms ease;
}
/***

====================================================================
    Project Section
====================================================================

***/
.project-section {
  position: relative;
  padding: 120px 0 148px;
}
@media (max-width: 991.98px) {
  .project-section {
    padding: 90px 0 120px;
  }
}
.project-section .bg-image {
  height: 66%;
}
.project-section .carousel-outer {
  margin: 0 -230px;
}
@media only screen and (max-width: 1023.98px) {
  .project-section .carousel-outer {
    margin: 0 15px;
  }
}
.project-section .owl-nav {
  display: none;
}
.project-section .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -41px;
}
.project-section .owl-dots .owl-dot span {
  background-color: #e1e1e1;
  border-radius: 50%;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-section .owl-dots .owl-dot.active span {
  background-color: var(--theme-color1);
}

.project-block .inner-box {
  position: relative;
}
.project-block .inner-box:hover .image-box .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.project-block .inner-box:hover .content-box .icon {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.project-block .image-box .image {
  border-radius: 5px;
  overflow: hidden;
}
.project-block .image-box .image img {
  width: 100%;
  border-radius: 5px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block .content-box {
  text-align: center;
  background-color: var(--theme-color-light);
  position: absolute;
  bottom: 31px;
  left: 100px;
  right: 100px;
  padding: 32px 0 21px;
}
@media (max-width: 575.98px) {
  .project-block .content-box {
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 20px 0 10px;
  }
}
.project-block .content-box .icon {
  background-color: var(--bg-theme-color1);
  color: var(--text-color-bg-theme-color1);
  border-radius: 50%;
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
  position: absolute;
  left: calc(50% - 21px);
  top: -21px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .project-block .content-box .icon {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
  }
}
.project-block .content-box .title {
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .project-block .content-box .title {
    font-size: 20px;
  }
}
.project-block .content-box .title:hover {
  color: var(--theme-color1);
}
.project-block .content-box .cat {
  color: var(--headings-color);
}

/***

====================================================================
    Project Section Two
====================================================================

***/
.project-section-two {
  padding: 270px 0 0;
  position: relative;
}
@media (max-width: 1199.98px) {
  .project-section-two {
    padding: 120px 0 0;
  }
}
@media (max-width: 991.98px) {
  .project-section-two {
    padding: 90px 0 0;
  }
}
.project-section-two .bg-image:before {
  content: "";
  background-color: var(--bg-theme-color2);
  opacity: 90%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.project-section-two.style-two {
  padding: 120px 0 0;
  position: relative;
  z-index: 2;
}
.project-section-two.style-two .bg-image {
  height: 91%;
}
@media (max-width: 991.98px) {
  .project-section-two.style-two .bg-image {
    height: 100%;
  }
}
.project-section-two.style-two .bg-image:before {
  display: none;
}
.project-section-two.style-two .project-block-two .inner-box .content-box {
  bottom: 18px;
  left: 29px;
  right: 37px;
}

.project-block-two .inner-box {
  position: relative;
}
.project-block-two .inner-box:hover .image-box .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.project-block-two .inner-box:hover .content-box .cat {
  background-color: var(--bg-theme-color2);
}
.project-block-two .inner-box:hover .content-box .inner:before {
  width: 100%;
}
.project-block-two .inner-box:hover .content-box .inner .title {
  color: var(--text-color-bg-theme-color1);
}
.project-block-two .inner-box:hover .content-box .inner .icon {
  background-color: var(--bg-theme-color2);
  color: var(--text-color-bg-theme-color1);
}
.project-block-two .inner-box .image-box .image {
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
}
.project-block-two .inner-box .image-box .image img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block-two .inner-box .content-box {
  position: absolute;
  bottom: 46px;
  left: 63px;
  right: 68px;
}
@media (max-width: 575.98px) {
  .project-block-two .inner-box .content-box {
    bottom: 26px;
    left: 23px;
    right: 28px;
  }
}
.project-block-two .inner-box .content-box .cat {
  background-color: var(--bg-theme-color1);
  color: var(--text-color-bg-theme-color1);
  position: absolute;
  left: -5px;
  bottom: 0;
  height: 105px;
  padding: 3px 16px 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block-two .inner-box .content-box .inner {
  background-color: var(--theme-color-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 24px 18px;
  position: relative;
  z-index: 1;
}
.project-block-two .inner-box .content-box .inner:before {
  background-color: var(--bg-theme-color1);
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block-two .inner-box .content-box .title {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .project-block-two .inner-box .content-box .title {
    font-size: 20px;
  }
}
.project-block-two .inner-box .content-box .icon {
  background-color: #e2c9ca;
  color: var(--theme-color-dark);
  font-size: 16px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: -36px;
  margin-bottom: -3px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/***

====================================================================
    Project Section Three
====================================================================

***/
.project-section-three {
  position: relative;
  padding: 120px 0 120px;
}
@media (max-width: 991.98px) {
  .project-section-three {
    padding: 90px 0 110px;
  }
}
.project-section-three .bg-image {
  z-index: -1;
}
.project-section-three .video-box .inner-box {
  position: relative;
  top: calc(50% - 44.5px);
  float: right;
  margin-right: 70px;
}
@media (max-width: 991.98px) {
  .project-section-three .video-box .inner-box {
    top: auto;
    float: none;
    margin-right: 0;
    bottom: 0;
    left: calc(50% - 44.5px);
    display: inline-block;
    margin-top: 100px;
  }
}
.project-section-three .video-box .inner-box .sign {
  position: absolute;
  right: 145px;
  top: -45px;
  min-width: 133px;
}
@media (max-width: 575.98px) {
  .project-section-three .video-box .inner-box .sign {
    display: none;
  }
}
.project-section-three .video-box .inner-box .icon-arrow1 {
  position: absolute;
  bottom: 10px;
  right: 128px;
  width: 76px;
  height: 70px;
  background-image: url(../images/icons/icon-arrow1.png);
}
@media (max-width: 575.98px) {
  .project-section-three .video-box .inner-box .icon-arrow1 {
    display: none;
  }
}
.project-section-three .video-box .inner-box .play-btn {
  background-color: var(--theme-color-light);
  outline: 1px solid var(--theme-color-light);
  outline-offset: 10px;
  border-radius: 50%;
  color: var(--theme-color1);
  display: inline-block;
  font-size: 18px;
  width: 89px;
  height: 89px;
  line-height: 89px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-section-three .video-box .inner-box .play-btn:hover {
  background-color: var(--bg-theme-color2);
  color: var(--text-color-bg-theme-color1);
}

.project-block-three .inner-box {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 575.98px) {
  .project-block-three .inner-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.project-block-three .inner-box:hover .image-box .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 575.98px) {
  .project-block-three .image-box {
    width: 100%;
  }
}
.project-block-three .image-box .image {
  width: 199px;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 575.98px) {
  .project-block-three .image-box .image {
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
}
.project-block-three .image-box .image img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 991.98px) {
  .project-block-three .content-box {
    width: 100%;
  }
}
.project-block-three .content-box .inner {
  background-color: var(--bg-theme-color2);
  padding: 32px 10px 32px 30px;
  border-radius: 0 10px 10px 0;
}
@media (max-width: 575.98px) {
  .project-block-three .content-box .inner {
    padding: 20px;
    border-radius: 0 0 10px 10px;
  }
}
.project-block-three .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.project-block-three .info-box:hover .icon {
  background-color: var(--theme-color-light);
  color: var(--theme-color1);
}
.project-block-three .info-box:last-child {
  margin-bottom: 0;
}
.project-block-three .info-box .icon {
  background-color: var(--bg-theme-color1);
  border-radius: 50%;
  color: var(--text-color-bg-theme-color1);
  display: inline-block;
  font-size: 20px;
  min-width: 66px;
  min-height: 66px;
  line-height: 66px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .project-block-three .info-box .icon {
    min-width: 50px;
    min-height: 50px;
    line-height: 50px;
  }
}
.project-block-three .info-box .title {
  color: var(--text-color-bg-theme-color1);
  margin-left: 15px;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .project-block-three .info-box .title {
    font-size: 16px;
  }
}

/***

====================================================================
    Project Section Four
====================================================================

***/
.project-section-four {
  position: relative;
  margin-top: -78px;
}
@media (max-width: 991.98px) {
  .project-section-four {
    margin-top: 0;
  }
}
.project-section-four .pattern-15 {
  position: absolute;
  right: 0;
  top: 0;
  width: 643px;
  height: 744px;
  background-image: url(../images/pattern/pattern-15.png);
  pointer-events: none;
  z-index: 1;
}
@media only screen and (max-width: 1399.98px) {
  .project-section-four .pattern-15 {
    display: none;
  }
}
.project-section-four .outer-box {
  padding: 195px 0 120px;
  position: relative;
}
@media (max-width: 991.98px) {
  .project-section-four .outer-box {
    padding: 90px 0;
  }
}
.project-section-four .outer-box .bg-image {
  width: 165%;
}
@media (max-width: 1199.98px) {
  .project-section-four .outer-box .bg-image {
    width: 140%;
    left: -40px;
  }
}
.project-section-four .outer-box .bg-image:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  opacity: 95%;
  background-color: var(--bg-theme-color2);
}
.project-section-four .outer-box .float-image {
  position: absolute;
  bottom: 100px;
  left: -346px;
}
@media only screen and (max-width: 1399.98px) {
  .project-section-four .outer-box .float-image {
    display: none;
  }
}
.project-section-four .sec-title {
  margin-bottom: 137px;
}

.project-block-four {
  position: relative;
}
@media (max-width: 767.98px) {
  .project-block-four {
    margin-bottom: 125px;
  }
}
.project-block-four:hover .inner-box .icon-box {
  background-color: #1b1f23;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.project-block-four:hover .inner-box .icon-box:before {
  background-color: #1b1f23;
}
.project-block-four:hover .number {
  background-color: var(--bg-theme-color1);
}
.project-block-four:last-child .inner-box:before {
  display: none;
}
.project-block-four.style-two .inner-box {
  margin: 0 50px;
}
@media (max-width: 1199.98px) {
  .project-block-four.style-two .inner-box {
    margin: 0;
  }
}
.project-block-four .inner-box {
  background-color: var(--theme-color-dark);
  padding: 0 30px 38px 30px;
  text-align: center;
  position: relative;
}
.project-block-four .inner-box:before {
  content: "";
  position: absolute;
  right: -72px;
  top: 68px;
  width: 86px;
  height: 84px;
  background-image: url(../images/pattern/pattern-16.png);
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .project-block-four .inner-box:before {
    display: none;
  }
}
.project-block-four .number {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  position: absolute;
  top: -65px;
  left: calc(50% - 52.5px);
  outline: 1px dashed var(--theme-color-light);
  outline-offset: 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block-four .number:after {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter, decimal-leading-zero) " ";
  position: absolute;
  line-height: 1;
  right: calc(50% - 13.5px);
  top: 29px;
  font-family: var(--title-font);
  font-size: 24px;
  font-weight: 500;
  color: var(--theme-color-light);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 1;
}
.project-block-four .icon-box {
  background-color: var(--bg-theme-color1);
  width: 82px;
  height: 82px;
  line-height: 82px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block-four .icon-box:before {
  background-color: var(--bg-theme-color1);
  content: "";
  position: absolute;
  width: 32px;
  height: 20px;
  bottom: -19px;
  left: calc(50% - 16px);
  clip-path: polygon(0% 0, 100% 0, 50% 100%, 0 0%);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block-four .icon-box .icon {
  display: inline-block;
  color: var(--text-color-bg-theme-color1);
  font-size: 50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block-four .content-box {
  margin-top: 32px;
}
.project-block-four .content-box .title {
  color: var(--text-color-bg-theme-color3);
  margin-bottom: 5px;
}
.project-block-four .content-box .text {
  color: var(--text-color-bg-theme-color3);
}

/*** 

====================================================================
	Testimonial Section 
====================================================================

***/
.testimonials-section {
  padding: 0 0 180px;
  position: relative;
}
@media (max-width: 991.98px) {
  .testimonials-section {
    padding: 0 0 120px;
  }
}
.testimonials-section .pattern-2 {
  position: absolute;
  top: -52px;
  left: 106px;
  width: 138px;
  height: 805px;
  background-image: url(../images/pattern/pattern-2.png);
}
@media (max-width: 1399.98px) {
  .testimonials-section .pattern-2 {
    display: none;
  }
}
.testimonials-section .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -69px;
}
.testimonials-section .owl-dots .owl-dot span {
  background-color: #e1e1e1;
  border-radius: 50%;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonials-section .owl-dots .owl-dot.active span {
  background-color: var(--theme-color1);
}
.testimonials-section .owl-nav {
  display: none;
}
.testimonials-section.style-two {
  padding: 120px 0;
}
@media (max-width: 991.98px) {
  .testimonials-section.style-two {
    padding: 90px 0;
  }
}
.testimonials-section.style-two .bg-image:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  left: 0;
  opacity: 95%;
  background-color: var(--bg-theme-color2);
}
.testimonials-section.style-two .pattern-10 {
  position: absolute;
  top: 0;
  right: -30px;
  width: 556px;
  height: 672px;
  background-image: url(../images/pattern/pattern-10.png);
}
@media (max-width: 767.98px) {
  .testimonials-section.style-two .pattern-10 {
    display: none;
  }
}
.testimonials-section.style-two .owl-dots {
  display: none;
}
.testimonials-section.style-two .testimonial-block .founder-info .name {
  color: var(--theme-color-light);
}
.testimonials-section.style-three {
  padding: 120px 0;
}
@media (max-width: 991.98px) {
  .testimonials-section.style-three {
    padding: 90px 0;
  }
}
.testimonials-section.style-three .content-column .inner-column {
  background-color: var(--bg-theme-color1);
  padding: 185px 65px 115px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .testimonials-section.style-three .content-column .inner-column {
    margin-bottom: 50px;
  }
}
@media (max-width: 575.98px) {
  .testimonials-section.style-three .content-column .inner-column {
    padding: 130px 20px 110px;
  }
}
.testimonials-section.style-three .content-column .inner-column:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 465px;
  height: 364px;
  background-image: url(../images/pattern/pattern-17.png);
}
@media (max-width: 1199.98px) {
  .testimonials-section.style-three .content-column .inner-column:before {
    top: 0;
  }
}
@media (max-width: 575.98px) {
  .testimonials-section.style-three .content-column .inner-column:before {
    display: none;
  }
}
.testimonials-section.style-three .content-column .inner-column .icon-box {
  position: relative;
}
.testimonials-section.style-three .content-column .inner-column .icon-box .icon-quote2 {
  position: absolute;
  width: 88px;
  height: 64px;
  left: 0;
  bottom: 22px;
  background-image: url(../images/icons/icon-quote2.png);
}
.testimonials-section.style-three .content-column .inner-column .title {
  color: var(--text-color-bg-theme-color1);
}
@media (max-width: 767.98px) {
  .testimonials-section.style-three .content-column .inner-column .title {
    font-size: 32px;
  }
}
.testimonials-section.style-three .testimonial-block .inner-box {
  border-radius: 5px;
}
.testimonials-section.style-three .carousel-outer {
  margin-right: -400px;
  margin-left: -94px;
  margin-top: 12px;
}
@media (max-width: 1199.98px) {
  .testimonials-section.style-three .carousel-outer {
    margin: 0;
  }
}
.testimonials-section.style-three .owl-dots {
  display: none;
}
.testimonials-section.style-three .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: -337px;
  bottom: 5px;
}
@media (max-width: 1199.98px) {
  .testimonials-section.style-three .owl-nav {
    left: 66px;
    bottom: auto;
    top: -150px;
  }
}
@media (max-width: 575.98px) {
  .testimonials-section.style-three .owl-nav {
    left: 20px;
  }
}
.testimonials-section.style-three .owl-nav .owl-prev,
.testimonials-section.style-three .owl-nav .owl-next {
  background-color: var(--theme-color-light);
  border-radius: 50%;
  color: var(--theme-color-dark);
  font-size: 16px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonials-section.style-three .owl-nav .owl-prev:hover,
.testimonials-section.style-three .owl-nav .owl-next:hover {
  background-color: var(--bg-theme-color2);
  color: var(--text-color-bg-theme-color1);
}
.testimonials-section.style-three .owl-nav .owl-prev {
  margin-right: 10px;
}
.testimonials-section.style-three .pattern-2 {
  top: auto;
  left: 0;
  bottom: 20px;
  width: 301px;
  height: 336px;
  background-image: url(../images/pattern/pattern-9.png);
}
.testimonials-section.style-three .float-image {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 1399.98px) {
  .testimonials-section.style-three .float-image {
    display: none;
  }
}
.testimonials-section.style-three .bg-image {
  left: auto;
  right: 0;
  width: 685px;
}
@media (max-width: 1199.98px) {
  .testimonials-section.style-three .bg-image {
    display: none;
  }
}

.testimonial-block {
  position: relative;
  padding-top: 40px;
}
.testimonial-block:hover .founder-info .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.testimonial-block:hover .inner-box .icon-box {
  background-color: var(--theme-color2);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.testimonial-block .inner-box {
  background-color: #f3f4f7;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 65px 30px 54px;
}
@media (max-width: 575.98px) {
  .testimonial-block .inner-box {
    padding: 55px 20px 35px;
  }
}
.testimonial-block .inner-box:before {
  background-color: #f3f4f7;
  content: "";
  position: absolute;
  width: 67px;
  height: 45px;
  bottom: -45px;
  left: 66px;
  clip-path: polygon(0% 0, 100% 0, 0 100%, 0 100%);
}
@media (max-width: 575.98px) {
  .testimonial-block .inner-box:before {
    width: 48px;
    height: 36px;
    bottom: -36px;
  }
}
.testimonial-block .inner-box:after {
  content: "";
  position: absolute;
  border: 1px solid var(--border-theme-color1);
  left: 33px;
  right: 33px;
  top: -9px;
  bottom: 50px;
  z-index: -1;
}
.testimonial-block .inner-box .icon-box {
  background-color: var(--bg-theme-color1);
  position: relative;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: absolute;
  left: calc(50% - 30px);
  top: -30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonial-block .inner-box .icon-box .icon {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonial-block .inner-box .name {
  margin-bottom: 0;
}
.testimonial-block .inner-box .rating {
  line-height: 1;
}
.testimonial-block .inner-box .rating i {
  color: #f9b524;
  font-size: 12px;
  margin: 0 4px;
}
.testimonial-block .inner-box .text {
  color: #393939;
  font-size: 18px;
  margin-top: 15px;
}
.testimonial-block .founder-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 54px;
  margin-left: 38px;
}
.testimonial-block .founder-info .image {
  border-radius: 50%;
  margin-bottom: 0;
  margin-right: 15px;
  overflow: hidden;
}
.testimonial-block .founder-info .image img {
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonial-block .founder-info .content {
  line-height: 1;
}
.testimonial-block .founder-info .name {
  margin-bottom: 4px;
  line-height: 1;
}
.testimonial-block .founder-info .designation {
  color: var(--theme-color1);
  font-size: 14px;
}

.icon-quote {
  width: 43px;
  height: 31px;
  background-image: url(../images/icons/icon-quote.png);
}

/*** 

====================================================================
    Video Section
====================================================================

***/
.video-section {
  position: relative;
  padding: 120px 0;
}
.video-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-height: 550px;
  background-image: url(../images/icons/pattern-11.png);
  background-color: var(--bg-theme-color1);
  content: "";
}
.video-section .outer-box {
  position: relative;
}
.video-section .title-box {
  position: relative;
  margin-bottom: 60px;
}
.video-section .title-box .title {
  color: #fff;
}
.video-section .title-box .text {
  color: #b8b8b8;
}
.video-section .video-box {
  position: relative;
}
.video-section .video-box .image {
  position: relative;
  margin-bottom: 0;
}
.video-section .video-box .image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--bg-theme-color1);
  opacity: 0.3;
}
.video-section .video-box .content {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-section .video-box .content .title {
  color: #fff;
}
.video-section .video-box .content .play-btn {
  position: relative;
  display: inline-block;
}
.video-section .video-box .content .play-btn i {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 115px;
  width: 115px;
  font-size: 24px;
  background-color: var(--bg-theme-color2);
  color: var(--theme-color1);
  padding-left: 5px;
  margin: 0 auto 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.video-section .video-box .content .play-btn i:hover {
  background-color: var(--bg-theme-color1);
  color: var(--theme-color2);
  border-radius: 10px;
}

/*** 

====================================================================
    Why Choose Us
====================================================================

***/
.why-choose-us {
  position: relative;
  background-color: #f4f5f8;
}
.why-choose-us .content-column {
  position: relative;
}
.why-choose-us .content-column .inner-column {
  padding-top: 120px;
}
.why-choose-us .content-column .inner-column .sec-title {
  margin-bottom: 50px;
}
.why-choose-us .content-column .image-box {
  position: relative;
}
.why-choose-us .content-column .image-box .image {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}
.why-choose-us .content-column .image-box .caption {
  position: absolute;
  left: 50px;
  bottom: 0;
  width: 100%;
  max-width: 340px;
  padding: 30px 60px 35px;
  padding-right: 50px;
  background-color: var(--bg-theme-color2);
  font-size: 18px;
  line-height: 32px;
  color: var(--theme-color1);
  font-weight: 700;
}
.why-choose-us .image-column {
  position: relative;
}
.why-choose-us .image-column .inner-column {
  margin-right: -358px;
  margin-left: -17px;
}
.why-choose-us .image-column .inner-column .image {
  margin-bottom: 0;
}

/*** 

====================================================================
    Why Choose Us Two
====================================================================

***/
.why-choose-us-two {
  position: relative;
  padding: 120px 0 70px;
}
@media (max-width: 991.98px) {
  .why-choose-us-two {
    padding: 90px 0 40px;
  }
}
.why-choose-us-two:before {
  position: absolute;
  left: 95px;
  bottom: -100;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/pattern-tm-2.png);
  background-repeat: no-repeat;
  background-position: center left;
  content: "";
}
@media (max-width: 1199.98px) {
  .why-choose-us-two:before {
    display: none;
  }
}
.why-choose-us-two .content-column {
  position: relative;
  margin-bottom: 50px;
}
.why-choose-us-two .content-column .inner-column {
  position: relative;
}
.why-choose-us-two .content-column .info-box {
  position: relative;
  background-color: #f4f5f8;
  padding: 15px 30px;
  padding-left: 60px;
  margin-bottom: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.why-choose-us-two .content-column .info-box:hover {
  background-color: var(--theme-color2);
}
.why-choose-us-two .content-column .info-box:hover .title {
  color: var(--text-color-bg-theme-color2);
}
.why-choose-us-two .content-column .info-box:hover .icon {
  color: var(--text-color-bg-theme-color2);
}
.why-choose-us-two .content-column .info-box .icon {
  position: absolute;
  left: 30px;
  top: 0;
  height: 60px;
  line-height: 54px;
  color: var(--theme-color2);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.why-choose-us-two .content-column .info-box .title {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 0;
}
.why-choose-us-two .content-column .skills {
  margin-top: 20px;
  margin-bottom: 0;
}
.why-choose-us-two .content-column .skills .skill-item {
  margin-bottom: 10px;
}
.why-choose-us-two .content-column .skills .skill-item:last-child {
  margin-bottom: 0;
}
.why-choose-us-two .content-column .skills .bar-inner .bar {
  background-color: var(--bg-theme-color2);
}
.why-choose-us-two .image-column {
  position: relative;
  margin-bottom: 50px;
}
.why-choose-us-two .image-column .image-box {
  position: relative;
  padding-left: 100px;
  margin-right: -360px;
}
@media (max-width: 1199.98px) {
  .why-choose-us-two .image-column .image-box {
    padding-left: 50px;
  }
}
@media (max-width: 991.98px) {
  .why-choose-us-two .image-column .image-box {
    padding-left: 0;
    margin-right: 0;
  }
}
.why-choose-us-two .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
}
.why-choose-us-two .image-column .image-box .image img {
  width: 100%;
}
.why-choose-us-two .image-column .image-box .play-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 150px;
  width: 160px;
  background-color: var(--bg-theme-color1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--text-color-light);
  font-size: 28px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 991.98px) {
  .why-choose-us-two .image-column .image-box .play-btn {
    height: 90px;
    width: 90px;
  }
}
.why-choose-us-two .image-column .image-box .play-btn:hover {
  background-color: var(--bg-theme-color2);
  color: var(--text-color-light);
}

/*** 

====================================================================
    Why Choose Us Three
====================================================================

***/
.why-choose-us-three {
  position: relative;
  padding: 120px 0 70px;
  overflow: hidden;
}
.why-choose-us-three:before {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: 350px;
  height: 100%;
  width: 100%;
  background-color: var(--bg-theme-color2);
  background-image: url(../images/icons/pattern-19.png);
  content: "";
  background-repeat: no-repeat;
  background-position: center right;
}
.why-choose-us-three:after {
  position: absolute;
  right: 0;
  bottom: -90px;
  height: 480px;
  width: 480px;
  background-color: var(--bg-theme-color3);
  content: "";
  z-index: -1;
  border-radius: 1000px 0 0 0;
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
}
.why-choose-us-three .content-column {
  position: relative;
  margin-bottom: 50px;
}
.why-choose-us-three .content-column .inner-column {
  position: relative;
}
.why-choose-us-three .content-column .inner-column .sec-title {
  margin-bottom: 25px;
}
.why-choose-us-three .content-column .info-box {
  position: relative;
  padding-left: 80px;
  margin-bottom: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.why-choose-us-three .content-column .info-box .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 64px;
  line-height: 1em;
  color: var(--theme-color1);
}
.why-choose-us-three .content-column .info-box .title {
  color: var(--theme-color2);
  font-weight: 400;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.why-choose-us-three .content-column .list-style-three {
  padding-top: 45px;
  border-top: 1px solid #e6e8ed;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.why-choose-us-three .content-column .list-style-three li {
  width: 50%;
  padding-right: 20px;
}
.why-choose-us-three .image-column {
  position: relative;
  margin-bottom: 50px;
}
.why-choose-us-three .image-column .image-box {
  position: relative;
  padding-right: 90px;
}
.why-choose-us-three .image-column .image-box .image {
  margin-bottom: 0;
}
.why-choose-us-three .image-column .image-box .image img {
  width: 100%;
}

/*** 

====================================================================
    Why Choose Us Four
====================================================================

***/
.why-choose-us-four {
  position: relative;
  padding: 120px 0 54px;
  overflow: hidden;
  position: relative;
}
.why-choose-us-four:before {
  position: absolute;
  left: 95px;
  bottom: -50px;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/pattern-tm-2.png);
  background-repeat: no-repeat;
  background-position: center left;
  content: "";
}
@media only screen and (max-width: 1699.98px) {
  .why-choose-us-four:before {
    display: none;
  }
}
.why-choose-us-four .tab-column .sec-title {
  margin-bottom: 49px;
}
.why-choose-us-four .content-column {
  position: relative;
  margin-bottom: 50px;
}
.why-choose-us-four .content-column .inner-column {
  position: relative;
}
@media (max-width: 1199.98px) {
  .why-choose-us-four .content-column .inner-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 991.98px) {
  .why-choose-us-four .content-column .inner-column {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .why-choose-us-four .content-column .inner-column .image-box img {
    width: 100%;
  }
}
.why-choose-us-four .content-column .list-style-three {
  margin-top: 25px;
  margin-right: -30px;
}
@media (max-width: 1199.98px) {
  .why-choose-us-four .content-column .list-style-three {
    margin-right: 0;
    margin-left: 30px;
    margin-top: -10px;
  }
}
@media (max-width: 991.98px) {
  .why-choose-us-four .content-column .list-style-three {
    margin-top: 10px;
    margin-left: 0;
  }
}
.why-choose-us-four .content-column .list-style-three li {
  color: var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  margin-bottom: 7px;
  padding-left: 0;
}
.why-choose-us-four .content-column .list-style-three li:before {
  display: none;
}
.why-choose-us-four .content-column .list-style-three li .icon-image {
  margin-right: 16px;
}
.why-choose-us-four .content-column .experience {
  background: var(--theme-color2);
  color: var(--text-color-bg-theme-color2);
  max-width: 220px;
  margin-top: 24px;
  padding: 39px 40px 37px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
  float: right;
}
@media (max-width: 1199.98px) {
  .why-choose-us-four .content-column .experience {
    margin-top: 10px;
  }
}
@media (max-width: 991.98px) {
  .why-choose-us-four .content-column .experience {
    float: left;
  }
}
.why-choose-us-four .content-column .experience:before {
  position: absolute;
  left: 5px;
  top: 10px;
  height: calc(100% - 10px);
  width: calc(100% - 11px);
  background-image: url(../images/icons/dotted-map-5.png);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  z-index: -1;
}
.why-choose-us-four .content-column .experience strong {
  font-size: 48px;
  color: var(--text-color-bg-theme-color2);
  font-weight: 700;
  font-family: var(--title-font);
}
.why-choose-us-four .content-column .experience .text {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-color-bg-theme-color2);
  padding-top: 2px;
}
.why-choose-us-four .image-column {
  position: relative;
  margin-bottom: 50px;
}
.why-choose-us-four .image-column .image-box {
  position: relative;
  padding-right: 90px;
}
.why-choose-us-four .image-column .image-box .image {
  margin-bottom: 0;
}
.why-choose-us-four .image-column .image-box .image img {
  width: 100%;
}

.tabs-two {
  position: relative;
  padding-right: 30px;
}
@media (max-width: 575.98px) {
  .tabs-two {
    padding-right: 0;
  }
}
.tabs-two .tab-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .tabs-two .tab-buttons {
    display: block;
  }
}
.tabs-two .tab-buttons .tab-btn {
  border-bottom: 2px solid var(--theme-color2);
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1px;
  color: var(--theme-color2);
  text-align: center;
  padding: 19px 30px;
  margin-right: 10px;
  font-family: var(--text-font);
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
}
@media (max-width: 575.98px) {
  .tabs-two .tab-buttons .tab-btn {
    display: block;
  }
}
.tabs-two .tab-buttons .tab-btn:before {
  background-color: var(--bg-theme-color2);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: -1;
}
.tabs-two .tab-buttons .tab-btn:last-child {
  margin-right: 0;
}
.tabs-two .tab-buttons .tab-btn.active-btn {
  color: var(--text-color-bg-theme-color2);
}
.tabs-two .tab-buttons .tab-btn.active-btn:before {
  height: 100%;
}
.tabs-two .content-column {
  position: relative;
}
.tabs-two .content-column .inner-column > .text {
  margin-right: 8px;
}

/***

==================================================================
    Pricing Section
==================================================================

***/
.pricing-section {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 991.98px) {
  .pricing-section {
    padding: 70px 0 90px;
  }
}
.pricing-section .pattern-9 {
  position: absolute;
  bottom: 80px;
  left: 10px;
  width: 301px;
  height: 336px;
  background-image: url(../images/pattern/pattern-9.png);
}
@media (max-width: 1399.98px) {
  .pricing-section .pattern-9 {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .pricing-section .content-column .inner-column {
    margin-bottom: 50px;
  }
}
.pricing-section .content-column .inner-column .list-style-one li {
  color: var(--headings-color);
}
.pricing-section .content-column .inner-column .call-info-box .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 35px;
}
.pricing-section .content-column .inner-column .call-info-box .inner:hover .image-box .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.pricing-section .content-column .inner-column .call-info-box .inner .image-box {
  display: inline-block;
  position: relative;
  margin-right: 27px;
}
.pricing-section .content-column .inner-column .call-info-box .inner .image-box .image {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
}
.pricing-section .content-column .inner-column .call-info-box .inner .image-box .image img {
  border-radius: 50%;
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.pricing-section .content-column .inner-column .call-info-box .inner .image-box .icon {
  position: absolute;
  top: -12px;
  right: -17px;
  border-radius: 50%;
}
.pricing-section .content-column .inner-column .call-info-box .inner .image-box .icon img {
  border-radius: 50%;
}
.pricing-section .content-column .inner-column .call-info-box .inner .info-btn {
  color: var(--theme-color1);
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  line-height: 1;
}
.pricing-section .content-column .inner-column .call-info-box .inner .info-btn small {
  color: var(--headings-color);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  margin-bottom: 5px;
  display: inline-block;
}

.pricing-block .inner-box {
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.pricing-block .inner-box:hover .pricing-content-box .icon-box .icon {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.pricing-block .inner-box:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-image: url(../images/resource/pricing-1.jpg);
}
.pricing-block .inner-box.pull-down {
  margin-top: 40px;
}
.pricing-block .inner-box.pull-down:before {
  background-image: url(../images/resource/pricing-2.jpg);
}
.pricing-block .inner-box .title-box {
  background-color: #f4f5f9;
  padding: 15px 0;
  width: 100%;
  text-align: center;
}
.pricing-block .inner-box .title-box .title {
  margin-bottom: 0;
}
.pricing-block .inner-box .pricing-content-box .inner {
  padding: 17px 0 50px 28px;
}
.pricing-block .inner-box .pricing-content-box .inner .price {
  font-family: var(--text-font);
}
.pricing-block .inner-box .pricing-content-box .inner .price sub {
  color: var(--text-color);
  font-family: var(--text-font);
  font-size: 14px;
  font-weight: 400;
}
.pricing-block .inner-box .pricing-content-box .inner .icon-box {
  display: inline-block;
  position: relative;
  margin-top: 7px;
  margin-bottom: 23px;
}
.pricing-block .inner-box .pricing-content-box .inner .icon-box .icon {
  color: var(--theme-color3);
  font-size: 50px;
  position: absolute;
  top: -7px;
  right: 0;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.pricing-block .inner-box .pricing-content-box .inner .icon-box .pattern-8 {
  position: relative;
  top: 0;
  left: 0;
  width: 99px;
  height: 64px;
  background-image: url(../images/pattern/pattern-8.png);
}
.pricing-block .inner-box .pricing-content-box .inner .list-style-one li {
  margin-bottom: 0;
}
.pricing-block .inner-box .pricing-content-box .inner .theme-btn {
  padding: 13.5px 41px;
  margin-top: 35px;
}

/***

====================================================================
    team Section
====================================================================

***/
.team-section {
  position: relative;
  padding: 0;
}
.team-section .float-image {
  position: absolute;
  right: 10px;
  top: -135px;
}
@media (max-width: 1399.98px) {
  .team-section .float-image {
    display: none;
  }
}
.team-section .outer-box {
  background-color: var(--theme-color-light);
  margin-top: -160px;
  padding: 120px 0 0;
}
@media (max-width: 767.98px) {
  .team-section .outer-box {
    margin: 0;
    padding: 90px 0 0;
  }
}
.team-section .outer-box .float-text {
  position: absolute;
  top: 150px;
  left: calc(50% - 341px);
  font-family: var(--title-font);
  font-size: 250px;
  font-weight: 700;
  opacity: 0.1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color-dark);
  text-transform: uppercase;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .team-section .outer-box .float-text {
    display: none;
  }
}

.team-block {
  position: relative;
}
.team-block .inner-box {
  position: relative;
}
.team-block .inner-box:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.team-block .inner-box:hover .social-links {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}
.team-block .inner-box:hover .share-icon {
  background-color: var(--bg-theme-color2);
  color: var(--text-color-bg-theme-color1);
}
.team-block .inner-box:hover .info-box:before {
  width: 100%;
}
.team-block .inner-box:hover .info-box .name {
  color: var(--text-color-bg-theme-color1);
}
.team-block .inner-box:hover .info-box .designation {
  background-color: var(--bg-theme-color2);
  color: var(--text-color-bg-theme-color1);
}
.team-block .image-box {
  position: relative;
}
.team-block .image-box .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.team-block .image-box .image:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.95;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 255, 43, 0)), color-stop(56%, rgba(1, 20, 37, 0.231372549)), color-stop(90%, #0f1b24));
  background: linear-gradient(rgba(17, 255, 43, 0), rgba(1, 20, 37, 0.231372549) 56%, #0f1b24 90%);
  z-index: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.team-block .image-box .image img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.team-block .info-box {
  background-color: var(--theme-color-light);
  position: absolute;
  bottom: 41px;
  left: 30px;
  right: 30px;
  padding: 7px 0;
  text-align: center;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.team-block .info-box:before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: var(--bg-theme-color1);
  left: 0;
  top: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.team-block .info-box .name {
  margin-bottom: 0;
}
.team-block .info-box .designation {
  background-color: #e2c9ca;
  color: var(--headings-color);
  display: block;
  font-size: 12px;
  position: absolute;
  padding: 5px 13px;
  left: calc(50% - 51px);
  bottom: -22px;
  line-height: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.team-block .share-icon {
  position: absolute;
  right: 8px;
  top: -15px;
  height: 28px;
  width: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  color: var(--text-color-bg-theme-color1);
  background-color: var(--bg-theme-color1);
  border-radius: 50%;
  z-index: 3;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.team-block .social-links {
  position: absolute;
  right: 8px;
  bottom: 55px;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.team-block .social-links a {
  position: relative;
  height: 28px;
  width: 28px;
  display: block;
  font-size: 12px;
  line-height: 28px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--theme-color1);
  margin-bottom: 5px;
  color: var(--theme-color-light);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.team-block .social-links a:hover {
  background-color: var(--bg-theme-color2);
}

/*** 

====================================================================
		Contact Sectiom
====================================================================

***/
.contact-section {
  position: relative;
  padding: 120px 0 120px;
  background-color: var(--bg-theme-color2);
}
@media (max-width: 991.98px) {
  .contact-section {
    padding: 90px 0;
  }
}
.contact-section .float-image {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1199.98px) {
  .contact-section .float-image {
    display: none;
  }
}
.contact-section .pattern-3 {
  position: absolute;
  bottom: 120px;
  left: 0;
  width: 316px;
  height: 366px;
  background-image: url(../images/pattern/pattern-3.png);
}
@media (max-width: 1399.98px) {
  .contact-section .pattern-3 {
    display: none;
  }
}
.contact-section .sec-title {
  margin-right: -30px;
}
@media (max-width: 1199.98px) {
  .contact-section .sec-title {
    margin-right: 0;
  }
  .contact-section .sec-title br {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .contact-section .content-column .inner-column {
    margin-bottom: 40px;
  }
}

.contact-section .info-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 7px;
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .contact-section .info-box .inner-box {
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.contact-section .info-box .inner-box:hover .icon-box {
  background-color: var(--theme-color-light);
}
.contact-section .info-box .inner-box:hover .icon-box .icon {
  color: var(--theme-color1);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.contact-section .info-box .inner-box:hover .icon-box-arrow .icon {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.contact-section .info-box .inner-box .icon-box {
  background-color: var(--bg-theme-color1);
  width: 102px;
  height: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .contact-section .info-box .inner-box .icon-box {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.contact-section .info-box .inner-box .icon-box .icon {
  color: var(--text-color-bg-theme-color1);
  font-size: 50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contact-section .info-box .inner-box .title {
  color: var(--text-color-light);
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .contact-section .info-box .inner-box .title {
    margin-bottom: 10px;
  }
}
.contact-section .info-box .inner-box .icon-box-arrow {
  background-color: var(--bg-theme-color1);
  border-radius: 50%;
  width: 54px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 42px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .contact-section .info-box .inner-box .icon-box-arrow {
    position: relative;
    right: auto;
  }
}
.contact-section .info-box .inner-box .icon-box-arrow .icon {
  color: var(--text-color-bg-theme-color1);
  font-size: 18px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-form {
  position: relative;
  background-color: var(--bg-theme-color1);
  padding: 50px 40px 63px;
}
@media (max-width: 575.98px) {
  .contact-form {
    padding: 40px 20px 49px;
  }
}
.contact-form .title {
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 33px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .contact-form .title {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
.contact-form .form-group {
  position: relative;
  margin-bottom: 30px;
}
.contact-form .form-group:last-child {
  margin-bottom: 0;
}
.contact-form .form-group label {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 400;
  display: block;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.contact-form .form-group label.error {
  display: block;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  line-height: 24px;
  color: #ff0000;
  margin-bottom: 0;
}
.contact-form .form-group .select2-container--default .select2-selection--single,
.contact-form .form-group input:not([type=submit]),
.contact-form .form-group textarea,
.contact-form .form-group select {
  position: relative;
  display: block;
  height: 60px;
  width: 100%;
  font-size: 16px;
  color: var(--theme-color3);
  line-height: 30px;
  font-weight: 400;
  padding: 14px 20px;
  border-radius: 5px;
  margin-bottom: 0;
  border: 1px solid #dfe8ee;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
  border-color: var(--border-theme-color1);
}
.contact-form .form-group textarea {
  height: 100px;
  resize: none;
}
.contact-form .form-group input[type=submit],
.contact-form .form-group button {
  margin-top: 5px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 5px;
  padding: 19px 50px;
}

/***==================================
    Range Slider One
==================================***/
.range-slider-one {
  position: relative;
  margin-top: 19px;
}
.range-slider-one .range-amount {
  position: absolute !important;
  right: 0;
  top: -42px;
  background: none;
  text-align: right;
  border: 0 !important;
  padding: 0 !important;
  max-width: 75px;
  color: #ffffff !important;
  width: auto !important;
  height: auto !important;
}
.range-slider-one .ui-widget.ui-widget-content {
  height: 13px;
  border: none;
  border-radius: 10px;
  background: rgba(57, 57, 57, 0.2);
}
.range-slider-one .ui-slider .ui-slider-range {
  top: 0px;
  height: 10px;
  background: transparent;
}
.range-slider-one .ui-state-default {
  top: -5px;
  width: 22px;
  height: 22px;
  background: var(--theme-color-light);
  cursor: pointer;
  border: none;
  border-radius: 50%;
}
.range-slider-one .ui-slider-horizontal .ui-slider-handle:nth-child(2) {
  margin-left: 0 !important;
  display: none;
}
.range-slider-one .ui-slider-horizontal .ui-slider-handle:nth-child(3) {
  margin-left: -20px !important;
}

/*** 

====================================================================
    News Section
====================================================================

***/
.news-section {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 991.98px) {
  .news-section {
    padding: 90px 0;
  }
}
.news-section .pattern-4 {
  position: absolute;
  bottom: -100px;
  right: 20px;
  width: 301px;
  height: 336px;
  background-image: url(../images/pattern/pattern-4.png);
}
@media (max-width: 1399.98px) {
  .news-section .pattern-4 {
    display: none;
  }
}
.news-section .float-text {
  position: absolute;
  top: 130px;
  left: calc(50% - 344.5px);
  font-family: var(--title-font);
  font-size: 250px;
  font-weight: 700;
  opacity: 0.1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color-dark);
  text-transform: uppercase;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .news-section .float-text {
    display: none;
  }
}
.news-section .float-image {
  position: absolute;
  right: -50px;
  bottom: 0;
}
@media (max-width: 1399.98px) {
  .news-section .float-image {
    display: none;
  }
}

.news-block .inner-box {
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 991.98px) {
  .news-block .inner-box {
    margin-bottom: 20px;
  }
}
.news-block .inner-box:hover .image-box .image img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
          transform: translateX(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}
.news-block .inner-box:hover .image-box .image img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
          transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
.news-block .inner-box:hover .content-box {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.news-block .image-box {
  position: relative;
}
.news-block .image-box .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.news-block .image-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.news-block .image-box .image img:first-child {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
          transform: translateX(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
.news-block .image-box .date {
  position: absolute;
  left: 30px;
  top: 40px;
  width: 72px;
  display: block;
  text-transform: uppercase;
  z-index: 3;
}
.news-block .image-box .date strong {
  position: relative;
  display: block;
  width: 72px;
  font-size: 30px;
  font-weight: 700;
  padding: 11px 0 11px;
  line-height: 1;
  color: var(--text-color-bg-theme-color1);
  background-color: var(--theme-color1);
  text-align: center;
}
.news-block .image-box .date strong span {
  display: block;
  font-size: 14px;
  font-family: var(--text-font);
  margin-top: 0;
}
.news-block .content-box {
  position: relative;
  padding: 0 23px 30px;
  background-color: var(--theme-color-light);
  -webkit-box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.news-block .content-box .post-meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ebebeb;
}
.news-block .content-box .post-meta li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  margin-right: 32px;
}
.news-block .content-box .post-meta li:last-child {
  margin-right: 0;
}
.news-block .content-box .post-meta li:last-child:before {
  display: none;
}
.news-block .content-box .post-meta li:before {
  background-color: #7a7a7a;
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  bottom: calc(50% - 8px);
  right: -15px;
}
.news-block .content-box .post-meta li i {
  font-size: 12px;
  color: var(--theme-color1);
  margin-right: 3px;
}
.news-block .content-box .title {
  margin-bottom: 11px;
  margin-top: 10px;
}
@media (max-width: 575.98px) {
  .news-block .content-box .title {
    font-size: 20px;
  }
}
.news-block .content-box .title:hover {
  color: var(--theme-color1);
}
.news-block .content-box .read-more {
  color: var(--theme-color1);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  position: relative;
  text-transform: uppercase;
  z-index: 3;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.news-block .content-box .read-more:hover {
  color: var(--theme-color3);
}
.news-block .content-box .read-more:hover .icon {
  right: 15px;
  opacity: 0;
}
.news-block .content-box .read-more .icon {
  position: relative;
  right: -5px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*** 

====================================================================
    Clients Section
====================================================================

***/
.clients-section {
  position: relative;
}
.clients-section .float-image {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 1599.98px) {
  .clients-section .float-image {
    display: none;
  }
}
.clients-section .sponsors-outer {
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  .clients-section .sponsors-outer {
    padding: 60px 0;
  }
}

.client-block {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.client-block .image {
  position: relative;
  padding: 20px 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 10px;
  min-height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.client-block .image:hover img:first-child {
  -webkit-transform: translateY(0) scaleY(1);
          transform: translateY(0) scaleY(1);
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}
.client-block .image:hover img:nth-child(2) {
  -webkit-transform: translateY(-50%) scaleY(2);
          transform: translateY(-50%) scaleY(2);
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
.client-block img {
  position: relative;
  width: auto !important;
  display: inline-block !important;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.client-block img:first-child {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1;
  margin: auto;
  -webkit-transform: translateY(50%) scaleY(2);
          transform: translateY(50%) scaleY(2);
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.clients-carousel {
  position: relative;
}
.clients-carousel .client-item {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.clients-carousel .client-item a {
  display: block;
  padding: 35px 0;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.clients-carousel .client-item a.active {
  background-color: #ebeef5;
}
.clients-carousel .client-item img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  opacity: 0.2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
}
.clients-carousel .client-item:hover img {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

/***

====================================================================
    Products details
====================================================================

***/
.product-details .bxslider .image-box {
  position: relative;
  display: block;
  margin-right: 30px;
  margin-bottom: 10px;
}
.product-details .bxslider .image-box img {
  width: 100%;
}
.product-details .bxslider .thumb-box li {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
  width: 100px;
  height: 100px;
}
.product-details .bxslider .thumb-box li:last-child {
  margin: 0px !important;
}
.product-details .bxslider .thumb-box li a {
  position: relative;
  display: inline-block;
}
.product-details .bxslider .thumb-box li a:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.product-details .bxslider .thumb-box li a.active:before {
  opacity: 1;
}
.product-details .bx-wrapper {
  margin-bottom: 30px;
}
.product-details .product-info .product-details__top {
  position: relative;
  display: block;
  margin-top: -8px;
}
.product-details .product-info .product-details__title {
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  margin: 0;
}
.product-details .product-info .product-details__title span {
  position: relative;
  display: inline-block;
  color: var(--theme-color1);
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin-left: 20px;
  letter-spacing: 0;
}
.product-details .product-info .product-details__reveiw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 22px;
  padding-bottom: 20px;
  margin-bottom: 31px;
  border-bottom: 1px solid #e0e4e8;
}
.product-details .product-info .product-details__reveiw i {
  font-size: 16px;
  color: var(--theme-color2);
}
.product-details .product-info .product-details__reveiw i + i {
  margin-left: 4px;
}
.product-details .product-info .product-details__reveiw span {
  position: relative;
  top: 1px;
  line-height: 1;
  font-size: 16px;
  color: var(--theme-color1);
  margin-left: 18px;
}
.product-details .product-info .product-details__quantity-title {
  margin: 0;
  color: #222;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-right: 20px;
}
.product-details .product-info .product-details__buttons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .product-details .product-info .product-details__buttons {
    display: block;
  }
}
.product-details .product-info .product-details__buttons-1 {
  position: relative;
  display: block;
}
@media only screen and (max-width: 767px) {
  .product-details .product-info .product-details__buttons-1 {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.product-details .product-info .product-details__buttons-2 {
  position: relative;
  display: block;
  margin-left: 10px;
}
.product-details .product-info .product-details__buttons-2 .thm-btn {
  background-color: var(--theme-color2);
}
.product-details .product-info .product-details__buttons-2 .thm-btn:before {
  background-color: var(--theme-color1);
}
.product-details .product-info .product-details__buttons-2 .thm-btn:after {
  background-color: var(--theme-color1);
}
@media only screen and (max-width: 767px) {
  .product-details .product-info .product-details__buttons-2 {
    margin-left: 0;
    margin-top: 0;
  }
}
.product-details .product-info .product-details__social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-details .product-info .product-details__social .title {
  position: relative;
  display: block;
}
.product-details .product-info .product-details__social .title h3 {
  color: #222;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.product-details .product-info .product-details__social .social-icon-one {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .product-details .product-info .product-details__social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .product-details .product-info .product-details__social .social-icon-one {
    margin-left: 0;
  }
}

.product-details__quantity {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.product-details__quantity .quantity-box {
  position: relative;
  width: 98px;
  border-radius: 10px;
  height: 60px;
}
.product-details__quantity .quantity-box input {
  width: 98px;
  border-radius: 10px;
  height: 60px;
  border: 1px solid #e0e4e8;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  padding-left: 30px;
  outline: none;
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color1);
}
.product-details__quantity .quantity-box button {
  width: 29px;
  height: 29px;
  background-color: transparent;
  color: var(--text-color-bg-theme-color1);
  font-size: 8px;
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: var(--theme-color1);
  border: none;
  border-left: 1px solid #e0e4e8;
  border-top-right-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.product-details__quantity .quantity-box button:hover {
  color: var(--theme-color-light);
  background-color: var(--theme-color2);
}
.product-details__quantity .quantity-box button.sub {
  bottom: 1px;
  top: auto;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 10px;
}

.product-discription {
  position: relative;
  display: block;
}
.product-discription .product-description__title {
  font-size: 30px;
  margin-bottom: 27px;
}
.product-discription .product-description__text1 {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}
.product-discription .product-description__list {
  position: relative;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}
.product-discription .product-description__list ul {
  position: relative;
  display: block;
}
.product-discription .product-description__list ul li {
  position: relative;
  display: block;
  margin-bottom: 2px;
}
.product-discription .product-description__list ul li:last-child {
  margin-bottom: 0px;
}
.product-discription .product-description__list ul li p {
  margin: 0;
  font-weight: 600;
  color: var(--headings-color);
}
.product-discription .product-description__list ul li p span:before {
  position: relative;
  display: inline-block;
  color: var(--theme-color1);
  font-size: 17px;
  line-height: 17px;
  margin-right: 11px;
  top: 2px;
}
.product-discription .tabs-content .text p {
  margin-bottom: 17px;
}
.product-discription .tabs-content .text p:last-child {
  margin-bottom: 0px;
}
.product-discription .tab-btn-box {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 60px;
}
.product-discription .tab-btn-box:before {
  position: absolute;
  content: "";
  background-color: #e1e8e4;
  width: 100%;
  height: 1px;
  left: 0px;
  top: 28px;
}
.product-discription .tab-btn-box .tab-btns li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #1e2434;
  text-align: center;
  padding: 14px 30px;
  background-color: #fff;
  border: 1px solid #e1e8e4;
  cursor: pointer;
  margin: 0px 8.5px;
  margin-bottom: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.product-discription .tab-btn-box .tab-btns li.active-btn {
  color: var(--text-color-bg-theme-color1);
  background-color: var(--theme-color1);
}
.product-discription .tab-btn-box .tab-btns li:last-child {
  margin-bottom: 0;
}
.product-discription .single-comment-box .inner-box {
  position: relative;
  display: block;
  background-color: #f4f5f4;
  padding: 34px 30px 34px 125px;
}
.product-discription .single-comment-box .inner-box .comment-thumb {
  position: absolute;
  left: 30px;
  top: 40px;
  border-radius: 50%;
  width: 80px;
}
.product-discription .single-comment-box .inner-box .comment-thumb img {
  width: 100%;
  border-radius: 50%;
}
.product-discription .single-comment-box .inner-box .rating {
  position: relative;
  display: block;
  margin-bottom: 2px;
}
.product-discription .single-comment-box .inner-box .rating li {
  position: relative;
  display: inline-block;
  font-size: 12px;
  float: left;
  margin-right: 4px;
  color: #fdc009;
}
.product-discription .single-comment-box .inner-box .rating li:last-child {
  margin: 0px !important;
}
.product-discription .single-comment-box .inner-box h5 {
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.product-discription .single-comment-box .inner-box h5 span {
  font-weight: 400;
  text-transform: capitalize;
}
.product-discription .customer-comment {
  position: relative;
  display: block;
  margin-bottom: 60px;
}
.product-discription .comment-box {
  position: relative;
  display: block;
  background-color: #fff;
  padding: 51px 60px 60px 60px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.product-discription .comment-box h3 {
  display: block;
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 23px;
}
.product-discription .comment-box .form-group {
  position: relative;
  margin-bottom: 15px;
}
.product-discription .comment-box .form-group label {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #707582;
  margin-bottom: 8px;
}
.product-discription .comment-box .column:last-child .form-group {
  margin-bottom: 0px;
}
.product-discription .comment-box .review-box {
  position: relative;
  display: block;
  margin-top: 8px;
}
.product-discription .comment-box .review-box p {
  position: relative;
  float: left;
  margin-right: 10px;
}
.product-discription .comment-box .review-box .rating {
  position: relative;
  float: left;
}
.product-discription .comment-box .review-box .rating li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  float: left;
  margin-right: 4px;
  color: #fdc009;
}
.product-discription .comment-box .review-box .rating li:last-child {
  margin: 0px !important;
}
.product-discription .comment-box .custom-controls-stacked {
  position: relative;
  float: left;
}

.related-product h3 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .product-details__img {
    margin-bottom: 50px;
  }
  .product-details__title span {
    margin-left: 0;
    display: block;
  }
  .product-details__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .product-details__buttons-2 {
    margin-left: 0;
    margin-top: 10px;
  }
  .product-details__social-link {
    margin-left: 0;
    margin-top: 20px;
  }
}
/***

====================================================================
 Categories Section
====================================================================

***/
.categories-section {
  position: relative;
  padding: 100px 0 70px;
}
.categories-section .bg-pattern {
  position: absolute;
  left: 0;
  top: -220px;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../images/icons/pattern-7.png);
  background-repeat: no-repeat;
  background-position: left top;
  z-index: -1;
}
.categories-section:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 300px;
  width: 100%;
  background: var(--theme-color3);
  content: "";
  z-index: 1;
}
.categories-section:after {
  position: absolute;
  left: 0;
  bottom: -50px;
  height: 70px;
  width: 100%;
  z-index: 2;
  content: "";
  background-image: url(../images/icons/pattern-3.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.category-block {
  position: relative;
  margin-bottom: 30px;
  z-index: 9;
}
.category-block .inner-box {
  position: relative;
  text-align: center;
  background: #ffffff;
  padding: 40px 30px 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block .inner-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 190px;
  background-repeat: no-repeat;
  background-position: center bottom;
  content: "";
}
.category-block .inner-box:hover {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.category-block .inner-box:hover .image img {
  -webkit-transform: rotate(10deg) scale(1.2);
  transform: rotate(10deg) scale(1.2);
}
.category-block .inner-box.cat-bg-1:before {
  background-image: url(../images/icons/cat-1-bg.png);
}
.category-block .inner-box.cat-bg-2:before {
  background-image: url(../images/icons/cat-2-bg.png);
}
.category-block .inner-box.cat-bg-3:before {
  background-image: url(../images/icons/cat-3-bg.png);
}
.category-block .inner-box.cat-bg-4:before {
  background-image: url(../images/icons/cat-4-bg.png);
}
.category-block .image {
  position: relative;
  display: inline-block;
  height: 180px;
  width: 180px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 15px;
}
.category-block .image img {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block h4 {
  font-size: 20px;
  color: var(--theme-color3);
  font-weight: 700;
  margin-bottom: 10px;
}
.category-block h4 a {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block h4 a:hover {
  color: var(--theme-color1);
}
.category-block p {
  font-size: 14px;
  color: #797f7d;
  line-height: 26px;
  margin-bottom: 0px;
}

/***

====================================================================
    Categories Section Two
====================================================================

***/
.categories-section-two {
  position: relative;
  padding: 120px 0 90px;
}

.category-block-two {
  position: relative;
  padding-top: 70px;
  margin-bottom: 30px;
  z-index: 9;
}
.category-block-two .inner-box {
  position: relative;
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  margin: 0 auto;
  padding: 18px;
}
.category-block-two .inner-box:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 60px;
  width: 100%;
  border-radius: 10px;
  background: #e3eee5;
  content: "";
}
.category-block-two .inner-box:hover .image:before {
  left: 100%;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.category-block-two .inner-box:hover .image img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.category-block-two .inner-box:hover h4 a {
  color: var(--theme-color1);
}
.category-block-two .content {
  position: relative;
  background: #ffffff;
  border-radius: 10px;
  padding: 0 40px 40px;
  z-index: 1;
  -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}
.category-block-two .content:before {
  position: absolute;
  top: -88px;
  left: 0;
  width: 180px;
  height: 180px;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
  background: #e3eee5;
  content: "";
}
.category-block-two .content:after {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  font-size: 30px;
  line-height: 1em;
  color: #e8f3ea;
  height: 15px;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  content: attr(data-text);
}
.category-block-two .image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 25px;
  margin-top: -70px;
}
.category-block-two .image img {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block-two .image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 120%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
  content: "";
  opacity: 0.3;
  left: -100%;
  pointer-events: none;
  z-index: 1;
}
.category-block-two h4 {
  font-size: 22px;
  color: var(--theme-color3);
  font-weight: 700;
  margin-bottom: 15px;
}
.category-block-two h4 a {
  color: var(--theme-color3);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block-two p {
  font-size: 16px;
  color: #797f7d;
  line-height: 26px;
  margin-bottom: 0px;
}
.category-block-two .link {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #e8f3ea;
  border-radius: 50%;
  line-height: 50px;
  margin-top: 25px;
  color: #608174;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block-two .link:hover {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.category-block-two.child-two .link {
  background: #f0e2e3;
}
.category-block-two.child-two .inner-box:before {
  background: #f0e2e3;
}
.category-block-two.child-two .inner-box:hover h4 a {
  color: #e69da2;
}
.category-block-two.child-two .content:before {
  background: #f0e2e3;
}
.category-block-two.child-two .content:after {
  color: #f0e2e3;
}
.category-block-two.child-three .link {
  background: #f1ede1;
}
.category-block-two.child-three .inner-box:before {
  background: #f1ede1;
}
.category-block-two.child-three .inner-box:hover h4 a {
  color: #c9b579;
}
.category-block-two.child-three .content:before {
  background: #f1ede1;
}
.category-block-two.child-three .content:after {
  color: #f1ede1;
}

/***

====================================================================
    Products Section
====================================================================

***/
.products-section {
  position: relative;
  padding: 120px 0;
}

.products-section .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 670px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.products-section .bg-image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #113629;
  opacity: 0.7;
  content: "";
}

.products-section .bg-image:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50px;
  width: 100%;
  background-image: url(../images/icons/pattern-8.png);
  background-position: center bottom;
  content: "";
}

.products-section .sec-title h2 {
  font-size: 60px;
}

.products-section .sec-title .theme-btn {
  margin-top: 30px;
}

.products-box {
  max-width: 1530px;
  position: relative;
  padding: 120px 60px 90px;
  margin: 120px auto 0;
  background-color: #f7f5ee;
  overflow: hidden;
  border-radius: 10px;
}

.products-box:before {
  position: absolute;
  left: -90px;
  bottom: 0;
  height: 70%;
  width: 100%;
  background: url(../images/icons/shape-7.png) top left no-repeat;
  content: "";
}

.products-box .sec-title {
  margin-bottom: 30px;
}

.products-box .outer-box {
  position: relative;
  padding-right: 400px;
}

.products-box .outer-box .banner-box-two {
  position: absolute;
  right: 0;
  top: 0;
}

.banner-box-two {
  position: relative;
}

.banner-box-two .inner-box:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 67, 51)), to(rgba(229, 229, 229, 0)));
  background: linear-gradient(to bottom, rgb(22, 67, 51) 0%, rgba(229, 229, 229, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--theme-color3)", endColorstr="#00e5e5e5",GradientType=0 );
  content: "";
}

.banner-box-two .inner-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 370px;
  background: var(--theme-color3);
  border-radius: 10px;
  min-height: 440px;
  text-align: center;
  overflow: hidden;
  padding: 20px 20px;
}

.banner-box-two .title {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.banner-box-two .title strong {
  font-size: 60px;
  line-height: 1em;
  color: var(--theme-color2);
  font-weight: 400;
}

.banner-box-two h4 {
  font-size: 30px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}

.product-block-two {
  position: relative;
  margin-bottom: 30px;
}

.product-block-two .inner-box {
  position: relative;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #ffffff;
  padding: 20px 20px;
  padding-left: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 150px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block-two .inner-box:hover {
  border: 2px solid var(--theme-color1);
}

.product-block-two .image {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 50%;
  overflow: hidden;
  height: 110px;
  width: 110px;
  border: 1px solid #e4e1d6;
  margin-bottom: 0px;
}

.product-block-two .image img {
  width: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block-two .inner-box:hover .image img {
  -webkit-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.product-block-two h4 {
  display: block;
  font-size: 22px;
  color: var(--theme-color3);
  font-weight: 700;
  margin-bottom: 5px;
}

.product-block-two h4 a {
  color: var(--theme-color3);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block-two .price {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: var(--theme-color1);
  font-weight: 600;
}

.product-block-two .price del {
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
  color: #ff0000;
  line-height: 27px;
  opacity: 0.3;
}

.product-block-two .rating {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #ffc737;
}

.products-carousel .owl-nav {
  display: none;
}

.products-carousel .owl-dots {
  position: absolute;
  right: 0;
  top: -80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 8;
}

.products-carousel .owl-dot {
  position: relative;
  height: 7px;
  width: 7px;
  display: block;
  background: #879d91;
  margin-right: 5px;
  border-radius: 5px;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.products-carousel .owl-dot.active {
  background: var(--theme-color3);
}

/***

====================================================================
    Featured Products
====================================================================

***/
.featured-products {
  position: relative;
  padding: 120px 0 90px;
}

.featured-products .bg-shape {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(../images/icons/pattern-7.png) left bottom no-repeat;
  background-size: 700px;
}

/*=== Mixitup Gallery ===*/
.featured-products .filters {
  margin-bottom: 40px;
  text-align: center;
}

.featured-products .filters .filter-tabs {
  position: relative;
  display: inline-block;
}

.featured-products .filters li {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 0px 2px 10px;
  cursor: pointer;
  color: #797f7d;
  font-weight: 500;
  font-size: 18px;
  margin: 0 12px 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-products .filters li:last-child {
  margin-right: 0;
}

.featured-products .filters .filter.active,
.featured-products .filters .filter:hover {
  color: var(--theme-color1);
}

.featured-products .filters li:before {
  position: absolute;
  left: 0;
  bottom: 8px;
  height: 2px;
  width: 100%;
  content: "";
  background-color: #ffc737;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.featured-products .filters li.active:before,
.featured-products .filters li:hover:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.product-block {
  position: relative;
  margin-bottom: 30px;
}

.product-block.mix {
  display: none;
}

.product-block .inner-box {
  position: relative;
  border: 2px solid #e4e1d5;
  border-radius: 10px;
  text-align: center;
  background: #ffffff;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .inner-box:hover {
  border: 2px solid var(--theme-color1);
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.product-block .image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 0px;
}

.product-block .image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
  content: "";
  opacity: 0.3;
  left: -100%;
  pointer-events: none;
  z-index: 1;
}

.product-block .inner-box:hover .image:before {
  left: 100%;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.product-block .image img {
  width: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .inner-box:hover .image img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.product-block .content {
  position: relative;
  padding: 30px 30px 30px;
}

.product-block h4 {
  display: block;
  font-size: 22px;
  color: var(--theme-color1);
  font-weight: 700;
  margin-bottom: 5px;
}

.product-block h4 a {
  color: var(--theme-color1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block h4 a:hover {
  color: var(--theme-color1);
}

.product-block .price {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: var(--text-gray-silver);
  font-weight: 600;
}

.product-block .price del {
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
  color: #ff0000;
  line-height: 27px;
  opacity: 0.3;
}

.product-block .rating {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #ffc737;
}

.product-block .tag {
  position: absolute;
  top: 30px;
  left: 20px;
  font-size: 14px;
  line-height: 23px;
  color: #ffffff;
  background: #FD5F5C;
  font-weight: 400;
  padding: 0 12px;
  border-radius: 3px;
  z-index: 9;
  font-style: italic;
  text-transform: uppercase;
}

.product-block .icon-box {
  position: absolute;
  right: 20px;
  top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .inner-box:hover .icon-box {
  top: 20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.product-block .ui-btn {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  z-index: 9;
  background-color: var(--theme-color1);
  color: var(--text-color-bg-theme-color1);
  cursor: pointer;
  border-radius: 50px;
  margin-bottom: 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .ui-btn:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color-light);
}

.product-block .cat {
  display: block;
  font-size: 18px;
  color: #707070;
  font-style: italic;
  font-family: "Jost", sans-serif;
  margin-bottom: 5px;
}

/*
 * shop-catalog-layouts.scss
 * -----------------------------------------------
*/
table.tbl-shopping-cart .product-thumbnail, table.cart-total .product-thumbnail {
  min-width: 64px;
}
table.tbl-shopping-cart img, table.cart-total img {
  width: 64px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
table.tbl-shopping-cart th,
table.tbl-shopping-cart td, table.cart-total th,
table.cart-total td {
  vertical-align: middle;
  border-left: 1px solid #e3e3e3;
  padding: 20px 30px;
}
table.tbl-shopping-cart .product-name a, table.cart-total .product-name a {
  color: var(--headings-color);
}
table.tbl-shopping-cart .product-name .variation, table.cart-total .product-name .variation {
  font-size: 0.9rem;
  list-style: none;
}
table.tbl-shopping-cart .product-remove a, table.cart-total .product-remove a {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 24px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  background-color: #757575;
  color: #ffffff;
  text-align: center;
}
table.tbl-shopping-cart .coupon-form .apply-button, table.cart-total .coupon-form .apply-button {
  position: relative;
  display: inline-block;
  color: #1e2434;
  background: #f4f5f4;
  padding: 15px 29px;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
table.tbl-shopping-cart .coupon-form .apply-button:hover, table.cart-total .coupon-form .apply-button:hover {
  color: var(--theme-color-light);
  background-color: var(--theme-color2);
}

table.tbl-shopping-cart > thead > tr > th,
table.tbl-shopping-cart > tbody > tr > th,
table.tbl-shopping-cart > tfoot > tr > th {
  color: #444;
}

.payment-method .accordion-box .block {
  background: #f4f5f4;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 20px;
}
.payment-method .accordion-box .block .acc-content .payment-info {
  position: relative;
  display: block;
  background-color: #fff;
  padding: 30px 30px 10px 30px;
}
.payment-method .accordion-box .block:last-child {
  margin-bottom: 0px;
}
.payment-method .accordion-box .block .acc-btn {
  padding: 19px 30px 22px 30px;
}
.payment-method .accordion-box .block .acc-btn .icon-outer {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 30px;
  height: auto;
  /* line-height: 65px; */
  font-size: 28px;
  color: #1e2434;
}
.payment-method .accordion-box .block .acc-btn.active .icon-outer {
  color: var(--theme-color-light);
}
.payment-method .payment-method h3 {
  margin-bottom: 32px;
}

.shop-sidebar {
  position: relative;
  display: block;
}
.shop-sidebar .sidebar-search {
  margin-bottom: 30px;
}
.shop-sidebar .sidebar-search .search-form .form-group {
  position: relative;
  margin: 0px;
}
.shop-sidebar .sidebar-search .search-form .form-group input[type=search] {
  position: relative;
  width: 100%;
  height: 52px;
  background-color: var(--theme-light-background);
  border: 1px solid var(--theme-light-background);
  border-radius: 5px;
  color: #646578;
  padding: 10px 60px 10px 20px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.shop-sidebar .sidebar-search .search-form .form-group button {
  position: absolute;
  display: inline-block;
  top: 5px;
  right: 5px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  color: var(--theme-color-light);
  background-color: var(--theme-color2);
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.shop-sidebar .sidebar-search .search-form .form-group button:hover {
  color: var(--text-color-bg-theme-color1);
  background-color: var(--theme-color1);
}
.shop-sidebar .sidebar-widget {
  position: relative;
  display: block;
  background-color: var(--theme-light-background);
  padding: 35px 30px 37px 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.shop-sidebar .sidebar-widget:last-child {
  margin-bottom: 0px;
}
.shop-sidebar .sidebar-widget .widget-title {
  position: relative;
  display: block;
  margin-bottom: 16px;
}
.shop-sidebar .category-widget .category-list li {
  position: relative;
  display: block;
  margin-bottom: 14px;
}
.shop-sidebar .category-widget .category-list li:last-child {
  margin-bottom: 0px;
}
.shop-sidebar .category-widget .category-list li a {
  position: relative;
  display: inline-block;
  color: #646578;
  font-weight: 400;
  padding-left: 20px;
}
.shop-sidebar .category-widget .category-list li a:before {
  position: absolute;
  content: "\f0da";
  font-family: "Font Awesome 6 Pro";
  left: 0px;
  top: 0px;
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-color2);
}
.shop-sidebar .category-widget .category-list li a:hover {
  color: var(--theme-color1);
}
.shop-sidebar .price-filters .widget-title {
  margin-bottom: 28px;
}
.shop-sidebar .post-widget {
  padding-bottom: 9px;
}
.shop-sidebar .post-widget .post {
  position: relative;
  padding-left: 90px;
  padding-bottom: 24px;
  margin-bottom: 23px;
  min-height: 108px;
  border-bottom: 1px solid #e1e1e1;
}
.shop-sidebar .post-widget .post:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}
.shop-sidebar .post-widget .post .post-thumb {
  position: absolute;
  left: 0px;
  top: 7px;
  width: 70px;
  height: 70px;
  border: 1px solid #d0d4dd;
  border-radius: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.shop-sidebar .post-widget .post .post-thumb img {
  width: 100%;
  border-radius: 5px;
}
.shop-sidebar .post-widget .post a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #646578;
  margin-bottom: 7px;
}
.shop-sidebar .post-widget .post .price {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #0a267a;
}
.shop-sidebar .post-widget .post:hover .post-thumb {
  border-color: var(--theme-color1);
}
.shop-sidebar .post-widget .post:hover a {
  color: var(--theme-color1);
}

.range-slider {
  position: relative;
}
.range-slider .title {
  line-height: 26px;
  position: relative;
  display: inline-block;
  margin-right: 4px;
}
.range-slider .title:before {
  position: absolute;
  content: "$";
  left: -5px;
  top: -19px;
  color: #646578;
  font-size: 18px;
}
.range-slider p {
  position: relative;
  display: inline-block;
  color: #646578;
  margin-right: 10px !important;
}
.range-slider .input {
  color: #646578;
  max-width: 75px;
  font-size: 18px;
  margin-top: 5px;
  position: relative;
  display: inline-block;
}
.range-slider .input input {
  background: none;
  color: #646578;
  font-size: 15px;
  text-align: left;
}
.range-slider .ui-widget.ui-widget-content {
  height: 4px;
  border: none;
  margin-bottom: 14px;
  background-color: #d0d4dd;
  border-radius: 2px;
}
.range-slider .ui-slider .ui-slider-range {
  top: 0px;
  height: 4px;
  background-color: var(--theme-color1);
}
.range-slider .ui-state-default {
  top: -5px;
  width: 14px;
  height: 14px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 0px;
  background-color: var(--theme-color1);
}
.range-slider .ui-state-default:before {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 6px;
  height: 6px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
}
.range-slider .ui-widget-content .ui-state-default {
  top: -5px;
  width: 14px;
  height: 14px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 0px;
  background-color: var(--theme-color1);
}
.range-slider .ui-widget-content .ui-state-default:before {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 6px;
  height: 6px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
}
.range-slider input[type=submit] {
  position: relative;
  display: block;
  background: var(--theme-color1);
  color: var(--text-color-bg-theme-color1);
  float: right;
  text-align: center;
  border: none;
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
  text-transform: capitalize;
  cursor: pointer;
  padding: 7px 20px;
  border-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.range-slider input[type=submit]:hover {
  color: var(--theme-color-light);
  background-color: var(--theme-color2);
}

/*** 

====================================================================
Page Title
====================================================================

***/
@-webkit-keyframes "ripple" {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes "ripple" {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.page-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 110px 0 110px;
  min-height: 250px;
}
.page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #131313;
  opacity: 0.8;
  content: "";
}
.page-title .title {
  font-size: 64px;
  color: #ffffff;
  margin-bottom: 17px;
}
.page-title .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
  max-width: 520px;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}
.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding-right: 13px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.page-breadcrumb li:after {
  position: absolute;
  content: "\f105";
  right: -6px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  color: #ffffff;
}
.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a {
  color: var(--theme-color1);
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
  color: #ffffff;
}

.page-title.style-two {
  background-position: center center;
}
.page-title.style-two .page-breadcrumb-outer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 8;
}
.page-title.style-two .page-breadcrumb li {
  color: rgb(7, 7, 16);
  font-weight: 600;
}
.page-title.style-two .page-breadcrumb li:after {
  color: rgb(7, 7, 16);
}
.page-title.style-two .page-breadcrumb li a {
  color: rgba(7, 7, 16, 0.6);
}
.page-title.style-two .page-breadcrumb li a:hover {
  color: rgb(7, 7, 16);
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.play-now .icon {
  position: relative;
  display: inline-block;
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background-color: #ffffff;
  color: #ff6d2e;
  z-index: 1;
  padding-left: 5px;
  font-size: 14px;
  display: block;
  border-radius: 50%;
  -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.play-now .ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}
.play-now .ripple:before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.background-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
}

.error-page__inner {
  position: relative;
  display: block;
  text-align: center;
}
.error-page__inner .error-page__title-box {
  position: relative;
  display: block;
}
.error-page__inner .error-page__title {
  position: relative;
  display: inline-block;
  font-size: 280px;
  line-height: 280px;
  margin-bottom: 0;
  color: var(--theme-color1);
}
.error-page__inner .error-page__sub-title {
  font-size: 40px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 50px;
  margin-top: -16px;
}
.error-page__inner .error-page__text {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.error-page__inner .error-page__form {
  position: relative;
  display: block;
  margin: 42px auto 20px;
}
.error-page__inner .error-page__form input[type=search] {
  height: 60px;
  width: 100%;
  border: none;
  outline: none;
  background-color: #f5f5f5;
  font-size: 14px;
  color: #333;
  padding-left: 50px;
  padding-right: 75px;
  border-radius: 7px;
}
.error-page__inner .error-page__form button[type=submit] {
  background-color: transparent;
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 72px;
  outline: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.error-page__inner .error-page__form-input {
  position: relative;
  display: block;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
}

/***
=============================================
    Services Details
=============================================
***/
.service-sidebar {
  position: relative;
  display: block;
  max-width: 365px;
  width: 100%;
}
.service-sidebar .service-sidebar-single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.service-sidebar .service-sidebar-single-services {
  position: relative;
  display: block;
  background: #f6f4ec;
  border-radius: 10px;
  padding: 35px 30px 25px;
}
.service-sidebar .service-sidebar-single-services .title {
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding-left: 20px;
}
.service-sidebar .service-sidebar-single-services .title h3 {
  color: var(--headings-color);
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.service-sidebar .service-sidebar-single-services ul {
  position: relative;
  display: block;
  margin-top: 10px;
}
.service-sidebar .service-sidebar-single-services ul li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  margin-top: -10px;
}
.service-sidebar .service-sidebar-single-services ul li:last-child {
  margin-bottom: 0;
}
.service-sidebar .service-sidebar-single-services ul li a {
  position: relative;
  display: block;
  color: var(--agriox-color-1, #687469);
  font-size: 18px;
  padding: 22px 20px 22px;
  border-radius: 10px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-sidebar .service-sidebar-single-services ul li a:hover {
  color: var(--headings-color);
}
.service-sidebar .service-sidebar-single-services ul li a:hover::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.service-sidebar .service-sidebar-single-services ul li a:hover i {
  color: var(--theme-color1);
}
.service-sidebar .service-sidebar-single-services ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  z-index: -1;
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.service-sidebar .service-sidebar-single-services ul li a i {
  font-size: 16px;
}
.service-sidebar .service-sidebar-single-services ul li.current a::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.service-sidebar .service-sidebar-single-services ul li.current a i {
  color: var(--theme-color1);
}
.service-sidebar .service-sidebar-single-services ul li.current:first-child {
  margin-top: 20px;
}
.service-sidebar .service-sidebar-single-services ul li.current:last-child {
  margin-bottom: 35px;
}
.service-sidebar .service-sidebar-single-contact-box {
  position: relative;
  display: block;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 50px 0px 44px;
  z-index: 1;
}
.service-sidebar .service-sidebar-single-contact-box::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(109, 140, 84, 0.93);
  border-radius: 10px;
  content: "";
  z-index: -1;
}
.service-sidebar .service-sidebar-single-contact-box .icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 50%;
  background: var(--theme-color2);
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover {
  background-color: var(--headings-color);
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
  color: #fff;
}
.service-sidebar .service-sidebar-single-contact-box .icon span::before {
  position: relative;
  display: inline-block;
  color: var(--headings-color);
  font-size: 30px;
  line-height: 60px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .title {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 42px;
}
.service-sidebar .service-sidebar-single-contact-box .title h2 {
  color: #ffffff;
  font-size: 36px;
}
.service-sidebar .service-sidebar-single-contact-box .phone {
  font-size: 24px;
  line-height: 34px;
}
.service-sidebar .service-sidebar-single-contact-box .phone a {
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .phone a:hover {
  color: var(--theme-color1);
}
.service-sidebar .service-sidebar-single-contact-box p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
.service-sidebar .service-sidebar-single-btn {
  position: relative;
  display: block;
}
.service-sidebar .service-sidebar-single-btn .thm-btn {
  font-size: 16px;
  padding: 13px 50px 28px;
}
.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
  position: relative;
  display: inline-block;
  top: 13px;
  color: #334b35;
  font-size: 40px;
  padding-right: 25px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}
.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before {
  color: #ffffff;
}
.service-sidebar .banner-widget {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.service-sidebar .banner-widget .widget-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 45px 30px 40px 30px;
  background-size: cover;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .widget-content .shape {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 278px;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-sidebar .banner-widget .content-box {
  position: relative;
  max-width: 200px;
  width: 100%;
}
.service-sidebar .banner-widget .content-box .icon-box {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  background-color: var(--theme-color2);
  color: var(--text-color-bg-theme-color2);
  text-align: center;
  border-radius: 5px;
  margin-bottom: 23px;
}
.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
  position: absolute;
  top: -15px;
  right: -38px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .content-box h3 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
  background: #0a267a;
}
.service-sidebar .service-sidebar-single-btn .theme-btn {
  padding: 20px 50px;
}
.service-sidebar .service-sidebar-single-btn .theme-btn .btn-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service-sidebar .service-sidebar-single-btn .theme-btn span::before {
  position: relative;
  display: inline-block;
  font-size: 36px;
  padding-right: 25px;
  margin-top: 7px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}

.services-details__content .feature-list .single-item {
  position: relative;
  display: block;
  border: 1px solid #e1e8e4;
  padding: 16px 30px 16px 53px;
  margin-bottom: 20px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .icon-box {
  color: var(--theme-color1);
  position: absolute;
  left: 20px;
  top: 16px;
  font-size: 18px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .title {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
}
.services-details__content .feature-list .single-item:hover {
  background-color: var(--theme-color2);
  color: var(--text-color-bg-theme-color2);
}
.services-details__content .feature-list .single-item:hover .icon-box {
  color: var(--text-color-bg-theme-color2);
}
.services-details__content .accordion-box .accordion.block {
  background-color: #eaeaea;
  margin-bottom: 12px;
}
.services-details__content .accordion-box .accordion.block .acc-btn {
  padding: 15px 30px 16px;
}

.service-list li {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.service-list li:last-child {
  margin-bottom: 0px;
}
.service-list li a {
  position: relative;
  display: block;
  font-size: 18px;
  color: var(--headings-color);
  font-weight: 600;
  background-color: #fff;
  padding: 17px 20px 17px 50px;
  -webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.service-list li a:hover, .service-list li a.current {
  color: var(--text-color-bg-theme-color1);
  background-color: var(--theme-color1);
  padding-left: 80px;
}
.service-list li a:hover i, .service-list li a.current i {
  width: 60px;
  color: var(--text-color-bg-theme-color2);
  background-color: var(--theme-color2);
}
.service-list li i {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  background-color: #f6f4ec;
  text-align: center;
  font-size: 16px;
  color: #707582;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar-service-list {
  margin: 0;
}
.sidebar-service-list li + li {
  margin-top: 10px;
}
.sidebar-service-list li a {
  color: var(--headings-color);
  font-size: 18px;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background-color: #f5faff;
  border-radius: 15px;
  padding: 19px 40px;
}
.sidebar-service-list li a:hover {
  color: var(--theme-color1);
}
.sidebar-service-list li a:hover i {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  background-color: var(--theme-color1);
}
.sidebar-service-list li a i {
  height: 32px;
  width: 45px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #191825;
  background-color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  border-radius: 15px;
}
.sidebar-service-list li.current a {
  color: var(--theme-color1);
}
.sidebar-service-list li.current a i {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  background-color: var(--theme-color1);
}

.service-details-help {
  position: relative;
  display: block;
  padding: 57px 55px 50px;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
  background-color: var(--theme-color1);
  border-radius: 15px;
  overflow: hidden;
}

.help-shape-1 {
  position: absolute;
  bottom: -215px;
  left: -95px;
  width: 220px;
  height: 500px;
  background-color: #303030;
  mix-blend-mode: soft-light;
  border-radius: 150px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}

.help-shape-2 {
  position: absolute;
  top: -118px;
  right: -130px;
  width: 180px;
  height: 350px;
  background-color: #fff;
  mix-blend-mode: soft-light;
  border-radius: 186px;
  -webkit-transform: rotate(48deg);
          transform: rotate(48deg);
}

.help-icon {
  height: 73px;
  width: 73px;
  background-color: #fff;
  color: #191825;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin: 0 auto 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.help-icon:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color-light);
}

.help-title {
  font-size: 38px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 21px;
  font-weight: 700;
}

.help-contact {
  position: relative;
  display: block;
  margin-top: 21px;
}
.help-contact p {
  font-size: 14px;
  color: #fff;
  margin: 0;
  line-height: 32px;
  font-weight: 600;
  opacity: 0.7;
}
.help-contact a {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.help-contact a:hover {
  color: #fff;
}

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details__img {
  position: relative;
  display: block;
}
.project-details__img img {
  width: 100%;
  border-radius: 10px;
}

.project-details__content {
  position: relative;
  display: block;
}

.project-details__content-left {
  position: relative;
  display: block;
  margin-top: 31px;
}

.project-details__content-right {
  position: relative;
  display: block;
  margin-top: 40px;
}

.project-details__details-box {
  position: relative;
  border-radius: 10px;
  background-color: #f5f5f5;
  padding: 43px 50px 50px;
  z-index: 1;
}

.project-details__details-list {
  position: relative;
  display: block;
}
.project-details__details-list li {
  position: relative;
  display: block;
}
.project-details__details-list li + li {
  margin-top: 24px;
}

.project-details__client {
  font-size: 16px;
  color: #838d9e;
  line-height: 24px;
  margin: 0;
}

.project-details__name {
  font-size: 16px;
  line-height: 24px;
}

.project-details__social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-details__social a {
  position: relative;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: var(--theme-color1);
  color: var(--text-color-bg-theme-color1);
  font-size: 15px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}
.project-details__social a:hover {
  background-color: var(--theme-color2);
  color: var(--text-color-bg-theme-color2);
}
.project-details__social a + a {
  margin-left: 10px;
}

.project-details__pagination-box {
  position: relative;
  display: block;
  text-align: center;
  border-top: 1px solid #ece9e0;
  border-bottom: 1px solid #ece9e0;
  padding: 30px 0;
  margin-top: 117px;
}

.project-details__pagination {
  position: relative;
  display: block;
}
.project-details__pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.project-details__pagination li a {
  font-size: 14px;
  color: #757873;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.project-details__pagination li a:hover {
  color: var(--theme-color1);
}
.project-details__pagination li a:hover i {
  background-color: var(--theme-color2);
  color: var(--text-color-bg-theme-color2);
  border: 2px solid var(--theme-color2);
}
.project-details__pagination li .content {
  position: relative;
  display: block;
}
.project-details__pagination li.next {
  float: left;
  position: relative;
}
.project-details__pagination li.next i {
  position: relative;
  height: 52px;
  width: 52px;
  border: 2px solid #0e2207;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #0e2207;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-right: 20px;
  z-index: 1;
}
.project-details__pagination li.next .content {
  text-align: left;
}
.project-details__pagination li.previous {
  position: relative;
  float: right;
}
.project-details__pagination li.previous i {
  position: relative;
  height: 52px;
  width: 52px;
  border: 2px solid #0e2207;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #0e2207;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-left: 20px;
  z-index: 1;
}
.project-details__pagination li.previous .content {
  text-align: right;
}

/***

====================================================================
    Blog Details
====================================================================

***/
.blog-details {
  position: relative;
  display: block;
}

.blog-details__left {
  position: relative;
  display: block;
}

.blog-details__img {
  position: relative;
  display: block;
  border-radius: 10px;
}
.blog-details__img img {
  width: 100%;
  border-radius: 10px;
}

.blog-details__date {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--theme-color1);
  text-align: center;
  padding: 21px 24px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blog-details__date .day {
  font-size: 16px;
  color: #fff;
  font-weight: var(--body-font-weight-bold);
  line-height: 16px;
}
.blog-details__date .month {
  position: relative;
  display: block;
  font-size: 10px;
  font-weight: var(--body-font-weight-bold);
  color: #fff;
  line-height: 12px;
  text-transform: uppercase;
}

.blog-details__content {
  position: relative;
  display: block;
  margin-top: 22px;
}

.blog-details__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-details__meta li + li {
  margin-left: 18px;
}
.blog-details__meta li a {
  font-size: 15px;
  color: #777;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-details__meta li a:hover {
  color: var(--theme-color1);
}
.blog-details__meta li a i {
  color: var(--theme-color1);
  margin-right: 6px;
}

.blog-details__title {
  font-size: 30px;
  line-height: 40px;
  margin-top: 12px;
  margin-bottom: 21px;
  font-weight: var(--body-font-weight-bold);
}

.blog-details__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0 30px;
  margin-top: 49px;
  border-top: 1px solid #ece9e0;
}
@media only screen and (max-width: 767px) {
  .blog-details__bottom {
    gap: 30px;
  }
}
.blog-details__bottom p {
  margin: 0;
}

.blog-details__tags span {
  color: #0e2207;
  font-size: 20px;
  margin-right: 14px;
  font-weight: var(--body-font-weight-bold);
}
.blog-details__tags a {
  position: relative;
  font-size: 12px;
  background-color: var(--theme-color2);
  color: var(--theme-color-light);
  display: inline-block;
  padding: 5px 30px 5px;
  font-weight: var(--body-font-weight-bold);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 35px;
}
.blog-details__tags a:hover {
  background-color: var(--theme-color1);
  color: var(--text-color-bg-theme-color1);
  text-decoration: none;
}
.blog-details__tags a + a {
  margin-left: 6px;
}

.blog-details__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-details__social-list a {
  position: relative;
  height: 43px;
  width: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--theme-light-background-text-color);
  background-color: var(--theme-light-background);
  font-size: 15px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}
.blog-details__social-list a:hover {
  color: var(--theme-color-light);
}
.blog-details__social-list a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.blog-details__social-list a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--theme-color2);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}
.blog-details__social-list a + a {
  margin-left: 10px;
}

.blog-details__pagenation-box {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 53px;
}

.blog-details__pagenation {
  position: relative;
  display: block;
}
.blog-details__pagenation li {
  position: relative;
  float: left;
  font-size: 20px;
  color: #0e2207;
  font-weight: var(--body-font-weight-bold);
  color: var(--theme-light-background-text-color);
  background-color: var(--theme-light-background);
  line-height: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  max-width: 370px;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 52px;
  padding-bottom: 52px;
  border-radius: 10px;
}
.blog-details__pagenation li:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color-light);
}
.blog-details__pagenation li + li {
  margin-left: 30px;
}

/* Nav Links */
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 53px;
}
@media only screen and (max-width: 767px) {
  .nav-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.nav-links .prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: calc(50% - 15px);
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .nav-links .prev {
    width: 100%;
  }
}
.nav-links .prev .thumb {
  margin-right: 20px;
}
.nav-links .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: calc(50% - 15px);
}
@media only screen and (max-width: 767px) {
  .nav-links .next {
    width: 100%;
  }
}
.nav-links .next .thumb {
  margin-left: 20px;
}
.nav-links > div {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.nav-links > div .thumb {
  display: inline-block;
  min-width: 60px;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.nav-links > div .thumb a {
  display: inline-block;
}
.nav-links > div > a {
  display: inline-block;
  word-wrap: break-word;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
  font-size: 20px;
  line-height: 1.637;
  font-weight: var(--body-font-weight-bold);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--theme-light-background-text-color);
  background-color: var(--theme-light-background);
  padding: 52px 50px;
  border-radius: 10px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .nav-links > div > a {
    padding: 30px;
  }
}
.nav-links > div > a:hover {
  color: var(--text-color-bg-theme-color1);
  background-color: var(--theme-color1);
}

/*** 

====================================================================
Sidebar
====================================================================

***/
@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: var(--h4-font-weight);
}

.sidebar__search {
  position: relative;
  display: block;
}

.sidebar__search-form {
  position: relative;
}
.sidebar__search-form input[type=search] {
  display: block;
  border: none;
  outline: none;
  background-color: var(--theme-color2);
  color: var(--theme-color-light);
  font-size: 16px;
  font-weight: 500;
  padding-left: 50px;
  height: 74px;
  width: 100%;
  padding-right: 80px;
  border-radius: 10px;
}
.sidebar__search-form input[type=search]::-webkit-input-placeholder {
  color: var(--theme-color-light);
  opacity: 1;
}
.sidebar__search-form input[type=search]::-webkit-input-placeholder, .sidebar__search-form input[type=search]:-ms-input-placeholder, .sidebar__search-form input[type=search]::-ms-input-placeholder, .sidebar__search-form input[type=search]::placeholder {
  color: var(--theme-color-light);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__search-form input[type=search] {
    padding-left: 30px;
  }
}
.sidebar__search-form button[type=submit] {
  background-color: transparent;
  color: var(--theme-color-light);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 72px;
  outline: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .sidebar__search-form button[type=submit] {
    width: 42px;
  }
}

.sidebar__post {
  position: relative;
  display: block;
  padding: 46px 30px 30px;
  color: var(--theme-light-background-text-color);
  background-color: var(--theme-light-background);
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__post {
    padding: 30px;
  }
}
.sidebar__post .sidebar__title {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .sidebar__post .sidebar__title {
    margin-left: 0;
  }
}
.sidebar__post .sidebar__post-list {
  margin: 0;
}
.sidebar__post .sidebar__post-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 20px 17px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (max-width: 767px) {
  .sidebar__post .sidebar__post-list li {
    padding: 16px 0;
  }
}
.sidebar__post .sidebar__post-list li:hover {
  background-color: #ffffff;
  border-radius: 10px;
}
.sidebar__post .sidebar__post-list li + li {
  margin-top: 11px;
}
.sidebar__post .sidebar__post-list .sidebar__post-image {
  margin-right: 20px;
  -webkit-box-flex: 70px;
      -ms-flex: 70px 0 0px;
          flex: 70px 0 0;
}
.sidebar__post .sidebar__post-list .sidebar__post-image > img {
  width: 80px;
  border-radius: 10px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content {
  position: relative;
  top: -3px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 {
  font-size: 18px;
  margin: 0;
  line-height: 26px;
  letter-spacing: 0;
}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 a {
  color: #0e2207;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta {
  font-size: 14px;
  font-weight: 500;
  color: #757873 !important;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta i {
  color: var(--theme-color2);
  font-size: 14px;
  padding-right: 3px;
}

.sidebar__category {
  position: relative;
  display: block;
  color: var(--theme-light-background-text-color);
  background-color: var(--theme-light-background);
  border-radius: 10px;
  padding: 45px 30px 38px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__category {
    padding: 30px 15px 30px;
  }
}
.sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 9px;
}
.sidebar__category-list {
  margin: 0;
}
.sidebar__category-list li + li {
  margin-top: 4px;
}
.sidebar__category-list li a {
  color: #757873;
  font-size: 16px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 12px 20px;
  font-weight: 500;
  border-radius: 10px;
}
.sidebar__category-list li a:hover {
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: #0e2207;
  text-shadow: 1px 0 0 rgba(14, 34, 7, 0.5);
}
.sidebar__category-list li a:hover span {
  color: #ffcd1e;
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}
.sidebar__category-list li a span {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--theme-color2);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
}
.sidebar__category-list li.active a {
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: #0e2207;
  border-radius: 10px;
  text-shadow: 1px 0 0 rgba(14, 34, 7, 0.5);
}
.sidebar__category-list li.active a span {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  color: #ffcd1e;
}

.sidebar__tags {
  position: relative;
  display: block;
  color: var(--theme-light-background-text-color);
  background-color: var(--theme-light-background);
  padding: 46px 45px 50px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__tags {
    padding: 30px;
  }
}
.sidebar__tags .sidebar__title {
  margin-left: 5px;
  margin-bottom: 25px;
}

.sidebar__tags-list {
  margin-top: -10px;
}
.sidebar__tags-list a {
  font-size: 14px;
  color: #0e2207;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: #ffffff;
  display: inline-block;
  padding: 5px 28px 5px;
  margin-left: 5px;
  border-radius: 30px;
}
.sidebar__tags-list a:hover {
  color: var(--text-color-bg-theme-color1);
  background: var(--theme-color1);
}
.sidebar__tags-list a + a {
  margin-left: 5px;
  margin-top: 10px;
}

.sidebar__comments {
  position: relative;
  display: block;
  color: var(--theme-light-background-text-color);
  background-color: var(--theme-light-background);
  padding: 46px 50px 43px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__comments {
    padding: 30px;
  }
}
.sidebar__comments .sidebar__title {
  margin-bottom: 25px;
}

.sidebar__comments-list {
  position: relative;
  display: block;
}
.sidebar__comments-list li {
  position: relative;
  display: block;
  padding-left: 65px;
}
.sidebar__comments-list li:hover .sidebar__comments-icon {
  background-color: var(--theme-color2);
  color: var(--theme-color-light);
}
.sidebar__comments-list li + li {
  margin-top: 23px;
}

.sidebar__comments-icon {
  height: 45px;
  width: 45px;
  background-color: var(--theme-color1);
  border-radius: 50%;
  font-size: 15px;
  color: var(--text-color-bg-theme-color1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.sidebar__comments-text-box p {
  font-size: 15px;
  margin: 0;
  line-height: 26px;
  font-weight: 500;
}
.sidebar__comments-text-box p span {
  color: #0e2207;
}
.sidebar__comments-text-box h5 {
  font-size: 15px;
  margin: 0;
  line-height: 26px;
  color: #757873;
  font-weight: 500;
  letter-spacing: 0;
}

/*** 

====================================================================
    Comments
====================================================================

***/
.comment-one .comment-one__title {
  margin-bottom: 30px;
}
.comment-one .comment-one__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ece9e0;
  padding-bottom: 60px;
  margin-bottom: 60px;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}
@media only screen and (max-width: 767px) {
  .comment-one .comment-one__single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.comment-one .comment-one__content {
  position: relative;
  margin-left: 45px;
}
@media only screen and (max-width: 767px) {
  .comment-one .comment-one__content {
    margin-top: 20px;
    margin-left: 0;
  }
}
.comment-one .comment-one__content h3 {
  margin: 0;
  font-size: 20px;
  color: var(--theme-black);
  margin-bottom: 24px;
}
.comment-one .comment-one__content p {
  font-size: 16px;
  font-weight: 500;
}
.comment-one .comment-one__btn {
  padding: 5px 30px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
}
.comment-one .comment-one__image {
  position: relative;
  display: block;
  border-radius: 50%;
  -webkit-box-flex: 100px;
      -ms-flex: 100px 0 0px;
          flex: 100px 0 0;
}
.comment-one .comment-one__image img {
  border-radius: 50%;
}

.comment-form .comment-form__title {
  margin-top: -7px;
}

/*--------------------------------------------------------------
# Team Details
--------------------------------------------------------------*/
.team-details {
  position: relative;
  display: block;
}

.team-details__top {
  padding: 0 0 120px;
}

.team-details-shape-1 {
  position: absolute;
  bottom: -270px;
  right: 0;
  opacity: 0.5;
  z-index: 2;
}
.team-details-shape-1 img {
  width: auto;
}

.team-details__top-left {
  position: relative;
  display: block;
  margin-right: 20px;
}

.team-details__top-img {
  position: relative;
  display: block;
  border-radius: 30px;
}
.team-details__top-img img {
  width: 100%;
  border-radius: 30px;
}

.team-details__big-text {
  font-size: 80px;
  line-height: 80px;
  text-transform: uppercase;
  color: #eef0f6;
  letter-spacing: 0.35em;
  font-weight: 400;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 209px;
  left: -325px;
}

.team-details__top-right {
  position: relative;
  display: block;
  margin-left: 50px;
}
@media only screen and (max-width: 991px) {
  .team-details__top-right {
    margin-top: 70px;
    margin-left: 0;
  }
}

.team-details__top-content {
  position: relative;
  display: block;
  margin-top: -11px;
}

.team-details__top-name {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 3px;
}

.team-details__top-title {
  font-size: 16px;
  color: var(--theme-color1);
}

.team-details__social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 28px;
}
.team-details__social a {
  position: relative;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: var(--theme-color1);
  color: var(--text-color-bg-theme-color1);
  font-size: 15px;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.team-details__social a:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color-light);
}
.team-details__social a + a {
  margin-left: 10px;
}

.team-details__top-text-1 {
  font-size: 30px;
  color: var(--theme-color1);
  line-height: 45px;
  font-weight: 400;
  margin-bottom: 30px;
}

.team-details__top-text-2 {
  padding-top: 23px;
  padding-bottom: 35px;
}

.team-details__bottom {
  position: relative;
  display: block;
  border-top: 1px solid #e4e5ea;
  padding-top: 110px;
}

.team-details__bottom-left {
  position: relative;
  display: block;
  margin-right: 70px;
}

.team-details__bottom-left-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

.team-details__bottom-left-text {
  padding-top: 30px;
}

.team-details__bottom-right {
  position: relative;
  display: block;
  margin-left: 70px;
  margin-top: 1px;
}
@media only screen and (max-width: 991px) {
  .team-details__bottom-right {
    margin-left: 0;
  }
}

.team-details__progress {
  position: relative;
  display: block;
  width: 100%;
}
.team-details__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background-color: #eef0f6;
  border-radius: 7px;
  margin-bottom: 22px;
}
.team-details__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 13px;
  border-radius: 7px;
  background-color: var(--theme-color1);
  -webkit-transition: all 1500ms ease;
  transition: all 1500ms ease;
}
.team-details__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 21px;
  color: var(--theme-color1);
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.team-details__progress .bar-inner.counted .count-text {
  opacity: 1;
}
.team-details__progress .bar.marb-0 {
  margin-bottom: 0;
}

.team-details__progress-single {
  position: relative;
  display: block;
}

.team-details__progress-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  color: var(--theme-color1);
  margin-bottom: 6px;
}

.team-contact-form {
  background-color: #eef0f6;
}
.team-contact-form input[type=text],
.team-contact-form input[type=email] {
  background-color: #fff;
}
.team-contact-form textarea {
  background-color: #fff;
  height: 180px;
}

/***

====================================================================
        Contact
====================================================================

***/
.contact-details__info {
  position: relative;
  display: block;
  margin-top: 41px;
}
.contact-details__info li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-details__info li .icon {
  height: 80px;
  width: 80px;
  background-color: var(--theme-color1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li .icon span {
  color: var(--text-color-bg-theme-color1);
  font-size: 25px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li:hover .icon {
  background-color: var(--theme-color2);
}
.contact-details__info li:hover .icon span {
  color: var(--theme-color-light);
}
.contact-details__info li:hover .text a {
  color: var(--notech-base);
}
.contact-details__info li:hover .text a span {
  color: var(--notech-gray);
}
.contact-details__info li .text {
  margin-left: 30px;
}
.contact-details__info li .text p {
  font-size: 14px;
  line-height: 24px;
}
.contact-details__info li .text a {
  font-size: 18px;
  color: var(--notech-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li .text span {
  font-size: 20px;
  color: var(--notech-black);
}
.contact-details__info li + li {
  margin-top: 19px;
}

/***

==================================================================
	Main Footer
==================================================================

***/
.main-footer {
  position: relative;
  background-color: var(--theme-color2);
}
.main-footer .bg-pattern-2 {
  position: absolute;
  width: 505px;
  height: 552px;
  top: -90px;
  left: 0;
  opacity: 5%;
  background-image: url(../images/pattern/bg-pattern-2.png);
}
.main-footer .widgets-section {
  position: relative;
  padding: 74px 0 40px;
}
@media (max-width: 991.98px) {
  .main-footer .widgets-section {
    padding: 74px 0 31px;
  }
}
.main-footer .footer-column {
  position: relative;
  margin-bottom: 40px;
}
.main-footer .footer-widget {
  position: relative;
}
.main-footer .widget-title {
  position: relative;
  display: inline-block;
  color: var(--theme-color-light);
  margin-bottom: 25px;
}
.main-footer .about-widget {
  background-color: #1d2831;
  padding: 26px 25px 46px 42px;
}
@media (max-width: 575.98px) {
  .main-footer .about-widget {
    padding: 26px 20px 30px 20px;
  }
}
.main-footer .about-widget .logo {
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .main-footer .about-widget .logo {
    margin-bottom: 20px;
  }
}
.main-footer .about-widget .text {
  position: relative;
  color: #7a7a7a;
}
.main-footer .theme-btn {
  background-color: var(--bg-theme-color1);
  width: 100%;
  font-size: 14px;
  padding: 7px 50px;
}

/*=== User LInks ===*/
.user-links {
  position: relative;
}
.user-links li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  margin-bottom: 17px;
}
.user-links li:last-child {
  margin-bottom: 0;
}
.user-links li a {
  position: relative;
  display: inline-block;
  color: inherit;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.user-links li a:hover {
  color: var(--theme-color-light);
}
.user-links li a:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--theme-color1);
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.user-links li a:hover:before {
  width: 100%;
}
.user-links li i {
  margin-right: 2px;
  font-size: 14px;
}

/* Subscribe Form */
.subscribe-form {
  position: relative;
  margin-top: -6px;
}
.subscribe-form .text {
  color: var(--theme-color-light);
  margin-bottom: 25px;
  font-size: 14px;
}
.subscribe-form .form-group {
  position: relative;
  margin-bottom: 10px;
}
.subscribe-form .form-group input[type=email],
.subscribe-form .form-group input[type=text] {
  position: relative;
  display: block;
  height: 38px;
  width: 100%;
  font-size: 12px;
  line-height: 24px;
  color: #707070;
  padding: 5px 35px;
  background: var(--theme-color-light);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.subscribe-form .form-group .icon {
  position: absolute;
  top: calc(50% - 15px);
  left: 12px;
}
.subscribe-form .form-group .theme-btn2 {
  position: absolute;
  display: block;
  min-width: auto;
  background-color: transparent;
  color: #7a7a7a;
  text-align: center;
  padding: 0;
  right: 17px;
  top: calc(50% - 15px);
}
.subscribe-form .form-group .theme-btn2:hover {
  color: var(--theme-color1);
}

/*=== Footer Bottom ===*/
.footer-bottom {
  position: relative;
  width: 100%;
  background-color: #071016;
}
.footer-bottom .inner-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 26px 0;
}
@media (max-width: 767.98px) {
  .footer-bottom .inner-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.footer-bottom .copyright-text {
  position: relative;
  font-size: 14px;
  line-height: 30px;
  color: #c4c5c7;
  font-weight: 400;
  margin-bottom: 0;
}
.footer-bottom .copyright-text a {
  color: inherit;
}
.footer-bottom .copyright-text a:hover {
  color: var(--theme-color-light);
}
.footer-bottom .social-icon-two a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: rgba(196, 197, 199, 0.1);
}
.footer-bottom .social-icon-two a:hover {
  color: var(--theme-color1);
}





/* =========================================
   VM2 PREMIUM PAGE TITLE
========================================= */

.vm2-page-title {
    --vm2-navy: #151e31;
    --vm2-blue: #168bd0;
    --vm2-sky: #42b7ff;

    position: relative;
    width: 100%;
    min-height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(22, 139, 208, 0.18),
            transparent 55%
        ),
        linear-gradient(125deg, #101a2c 0%, #172943 52%, #101a2c 100%);
    padding: 58px 20px 62px;
    color: #ffffff;
}

/* Subtle technical grid */
.vm2-title-grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 25%,
        #000 75%,
        transparent
    );
}

/* Ambient lighting */
.vm2-title-glow {
    position: absolute;
    z-index: -1;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    filter: blur(75px);
    pointer-events: none;
    opacity: .20;
    animation: vm2GlowFloat 9s ease-in-out infinite alternate;
}

.vm2-glow-one {
    top: -150px;
    left: 8%;
    background: #168bd0;
}

.vm2-glow-two {
    right: 5%;
    bottom: -190px;
    background: #42b7ff;
    animation-delay: -4s;
}

.vm2-title-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    animation: vm2TitleReveal .8s ease-out both;
}

/* Brand label */
.vm2-title-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 15px;
    color: #7ccfff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.vm2-title-line {
    display: block;
    width: 24px;
    height: 1px;
    background: #42b7ff;
    opacity: .8;
}

/* Main heading */
.vm2-page-title .vm2-title-heading {
    color: #ffffff;
    font-size: clamp(36px, 5vw, 54px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.5px;
    margin: 0;
    padding: 0;
}

.vm2-page-title .vm2-title-heading span {
    color: #42b7ff;
    position: relative;
    display: inline-block;
}

.vm2-page-title .vm2-title-heading span::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 42%;
    bottom: -7px;
    left: 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #168bd0, #42b7ff);
}

/* Supporting text */
.vm2-title-description {
    margin: 22px auto 23px;
    max-width: 570px;
    color: #c1ccdb;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}

/* Breadcrumb */
.vm2-breadcrumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 18px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50px;
    background: rgba(255,255,255,.055);
    box-shadow: 0 8px 25px rgba(0,0,0,.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 13px;
}

.vm2-breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #d6e4f2;
    text-decoration: none;
    transition: color .25s ease;
}

.vm2-breadcrumb a:hover {
    color: #42b7ff;
}

.vm2-breadcrumb a svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vm2-breadcrumb-divider {
    color: #60748d;
    font-size: 17px;
}

.vm2-breadcrumb-current {
    color: #42b7ff;
    font-weight: 600;
}

/* Bottom accent */
.vm2-title-bottom-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: min(180px, 45%);
    height: 2px;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        transparent,
        #168bd0,
        #42b7ff,
        transparent
    );
    opacity: .9;
}

/* Animations */
@keyframes vm2TitleReveal {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes vm2GlowFloat {
    from {
        transform: translate3d(0, 0, 0) scale(1);
    }
    to {
        transform: translate3d(25px, -12px, 0) scale(1.12);
    }
}

/* Tablet */
@media (max-width: 768px) {
    .vm2-page-title {
        min-height: 255px;
        padding: 48px 18px 50px;
    }

    .vm2-page-title .vm2-title-heading {
        font-size: clamp(34px, 7vw, 44px);
        letter-spacing: -1px;
    }

    .vm2-title-description {
        max-width: 470px;
        font-size: 14px;
        margin: 20px auto;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .vm2-page-title {
        min-height: 235px;
        padding: 40px 15px 44px;
    }

    .vm2-title-label {
        font-size: 10px;
        letter-spacing: 2.5px;
        margin-bottom: 13px;
    }

    .vm2-page-title .vm2-title-heading {
        font-size: 35px;
    }

    .vm2-title-description {
        font-size: 13px;
        line-height: 1.7;
        margin: 18px auto;
    }

    .vm2-breadcrumb {
        gap: 9px;
        padding: 9px 14px;
        font-size: 12px;
    }

    .vm2-title-grid {
        background-size: 30px 30px;
    }
}

/* Respect reduced-motion settings */
@media (prefers-reduced-motion: reduce) {
    .vm2-title-inner,
    .vm2-title-glow {
        animation: none !important;
    }
}















/* ============================================================
   VM2 MODERN LOGISTICS HERO
============================================================ */

.vm2-hero-section {
    --vm2-blue: #1564c0;
    --vm2-blue-dark: #102652;
    --vm2-navy: #061650;
    --vm2-orange: #f15a24;
    --vm2-text: #1e1e25;
    --vm2-border: #e7e9ef;

    position: relative;
    width: 100%;
    min-height: 760px;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(4, 18, 79, .96) 0%,
            rgba(4, 18, 79, .92) 45%,
            rgba(6, 16, 67, .96) 100%
        ),
        url("images/home-banner-image.webp");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    padding: 70px 30px;
}


/* ------------------------------------------------------------
   Decorative animated curves
------------------------------------------------------------- */

.vm2-hero-lines {
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(41, 105, 255, .28);
    pointer-events: none;
}

.vm2-lines-one {
    width: 1100px;
    height: 1100px;
    right: -280px;
    top: -850px;
    animation: vm2FloatLines 10s ease-in-out infinite;
}

.vm2-lines-two {
    width: 1300px;
    height: 500px;
    left: -250px;
    bottom: -360px;
    border-color: rgba(0, 194, 255, .25);
    animation: vm2FloatLines 13s ease-in-out infinite reverse;
}

@keyframes vm2FloatLines {

    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(25px) scale(1.04);
    }
}


/* ------------------------------------------------------------
   Main layout
------------------------------------------------------------- */

.vm2-hero-container {
    position: relative;
    z-index: 5;

    width: 100%;
    max-width: 1500px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(620px, 1.1fr);
    align-items: center;
    gap: 55px;
}


/* ============================================================
   LEFT VISUAL
============================================================ */

.vm2-hero-visual {
    position: relative;
    min-height: 620px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.vm2-cargo-image {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 690px;
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(0 25px 30px rgba(0, 0, 0, .22));

    animation: vm2CargoFloat 5s ease-in-out infinite;
}

@keyframes vm2CargoFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-16px);
    }
}


/* Glow */

.vm2-visual-glow {
    position: absolute;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(0, 163, 255, .3),
            transparent 68%
        );

    filter: blur(35px);

    animation: vm2Glow 4s ease-in-out infinite;
}

@keyframes vm2Glow {

    0%,
    100% {
        opacity: .55;
        transform: scale(.95);
    }

    50% {
        opacity: .9;
        transform: scale(1.08);
    }
}


/* Animated route lines */

.vm2-route {
    position: absolute;
    z-index: 2;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #21c7ff,
            transparent
        );

    opacity: .6;

    transform-origin: left center;

    animation: vm2RouteMove 4s linear infinite;
}

.route-one {
    width: 75%;
    left: 4%;
    bottom: 120px;
    transform: rotate(-8deg);
}

.route-two {
    width: 65%;
    left: 12%;
    bottom: 75px;
    animation-delay: 1s;
}

.route-three {
    width: 68%;
    left: 7%;
    bottom: 25px;
    transform: rotate(8deg);
    animation-delay: 2s;
}

@keyframes vm2RouteMove {

    0% {
        opacity: 0;
        background-position: -300px 0;
    }

    30% {
        opacity: .8;
    }

    100% {
        opacity: 0;
        background-position: 500px 0;
    }
}


/* Floating nodes */

.vm2-floating-dot {
    position: absolute;

    width: 9px;
    height: 9px;

    background: #26c9ff;
    border-radius: 50%;

    box-shadow:
        0 0 0 6px rgba(38, 201, 255, .12),
        0 0 18px rgba(38, 201, 255, .8);

    animation: vm2NodePulse 2.2s infinite;
}

.dot-one {
    left: 18%;
    bottom: 135px;
}

.dot-two {
    left: 48%;
    bottom: 70px;
    animation-delay: .7s;
}

.dot-three {
    right: 15%;
    bottom: 165px;
    animation-delay: 1.4s;
}

@keyframes vm2NodePulse {

    0%,
    100% {
        transform: scale(.8);
        opacity: .5;
    }

    50% {
        transform: scale(1.35);
        opacity: 1;
    }
}


/* ============================================================
   RIGHT SIDE
============================================================ */

.vm2-hero-content {
    width: 100%;
}


/* Heading */

.vm2-hero-heading {
    margin-bottom: 30px;
}

.vm2-hero-heading h1 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(34px, 3vw, 54px);
    line-height: 1.15;

    font-weight: 700;
    text-transform: uppercase;
    text-align: right;

    letter-spacing: -.8px;
}

.vm2-hero-heading h1 span {
    display: inline-block;

    padding: 4px 12px;

    color: #ffffff;
    background: var(--vm2-orange);
}


/* ============================================================
   TRACK SHIPMENT
============================================================ */

.vm2-track-box {
    width: 100%;

    display: flex;
    align-items: center;

    padding: 9px;

    margin-bottom: 28px;

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .18);

    animation: vm2SlideUp .8s ease both;
}

.vm2-track-field {
    flex: 1;

    display: flex;
    align-items: center;

    min-width: 0;
}

.vm2-track-icon {
    width: 58px;

    display: flex;
    justify-content: center;

    color: #b0b5be;
    font-size: 20px;
}

.vm2-track-field input {
    width: 100%;
    height: 52px;

    border: 0 !important;
    outline: 0 !important;

    padding: 0 10px;

    background: transparent !important;

    color: #222;
    font-size: 17px;

    box-shadow: none !important;
}

.vm2-track-field input::placeholder {
    color: #969ba6;
}

.vm2-track-btn {
    height: 52px;

    min-width: 145px;

    border: 0;
    border-radius: 15px;

    padding: 0 26px;

    background:
        linear-gradient(
            135deg,
            #1566bc,
            #2456a9
        );

    color: #ffffff;

    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.vm2-track-btn i {
    margin-left: 7px;
    transform: rotate(45deg);
}

.vm2-track-btn:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(21, 100, 192, .3);
}


/* ============================================================
   QUOTE CARD
============================================================ */

.vm2-quote-card {
    overflow: hidden;

    background: #ffffff;

    border-radius: 22px;

    box-shadow:
        0 20px 60px rgba(0, 0, 0, .18);

    animation: vm2SlideUp 1s ease both;
}

@keyframes vm2SlideUp {

    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Tabs */

.vm2-service-tabs {
    display: flex;
    align-items: center;
    gap: 35px;

    min-height: 64px;

    padding: 0 24px;

    border-bottom: 1px solid #e9ebef;
}

.vm2-service-tab {
    position: relative;

    height: 64px;

    padding: 0;

    border: 0;

    background: transparent;

    color: #444;

    font-size: 15px;
    font-weight: 500;

    text-transform: uppercase;

    cursor: pointer;

    transition: color .25s ease;
}

.vm2-service-tab::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 4px;

    border-radius: 5px 5px 0 0;

    background: var(--vm2-blue);

    transform: scaleX(0);

    transition: transform .25s ease;
}

.vm2-service-tab.active {
    color: var(--vm2-blue);
    font-weight: 700;
}

.vm2-service-tab.active::after {
    transform: scaleX(1);
}


/* Quote form */

.vm2-quote-form {
    padding: 22px 24px 25px;
}

.vm2-form-grid {
    display: grid;
    gap: 14px;
}

.vm2-grid-three {
    grid-template-columns:
        1fr
        1fr
        1fr;

    margin-bottom: 14px;
}

.vm2-form-group label,
.vm2-address-main label,
.vm2-address-zip label {
    display: block;

    margin-bottom: 7px;

    color: #303038;

    font-size: 14px;
    font-weight: 500;
}


/* Form controls */

.vm2-form-group input,
.vm2-form-group select,
.vm2-address-main input,
.vm2-address-zip input {

    width: 100%;
    height: 48px;

    border: 1px solid var(--vm2-border);

    border-radius: 13px;

    padding: 0 15px;

    background: #f9fafc;

    color: var(--vm2-text);

    font-size: 14px;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.vm2-form-group input:focus,
.vm2-form-group select:focus,
.vm2-address-main input:focus,
.vm2-address-zip input:focus {

    background: #ffffff;

    border-color: var(--vm2-blue);

    box-shadow:
        0 0 0 3px rgba(21, 100, 192, .10);
}


/* Combined controls */

.vm2-input-combine {
    display: grid;

    grid-template-columns: 80px 1fr;

    border: 1px solid var(--vm2-border);

    border-radius: 13px;

    background: #f9fafc;

    overflow: hidden;
}

.vm2-input-combine select,
.vm2-input-combine input {

    height: 46px;

    border: 0;

    border-radius: 0;

    background: transparent;
}

.vm2-input-combine select {
    color: var(--vm2-blue);

    border-right:
        1px solid var(--vm2-border);
}


/* Address */

.vm2-address-row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        240px;

    gap: 14px;

    margin-bottom: 14px;
}

.vm2-address-input {
    position: relative;
}

.vm2-address-input i {
    position: absolute;

    left: 16px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--vm2-blue);

    z-index: 2;
}

.vm2-address-input input {
    padding-left: 45px;
}


/* Bottom row */

.vm2-bottom-grid {
    grid-template-columns:
        minmax(180px, 1fr)
        minmax(180px, 1fr)
        minmax(180px, 1fr);

    align-items: end;
}

.vm2-submit-wrapper {
    width: 100%;
}

.vm2-quote-btn {
    width: 100%;
    height: 48px;

    border: 0;
    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #1566bc,
            #2859ae
        );

    color: #ffffff;

    font-size: 16px;
    font-weight: 700;

    text-transform: uppercase;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.vm2-quote-btn:hover {
    transform: translateY(-2px);

    background:
        linear-gradient(
            135deg,
            #1564c0,
            #164b97
        );

    box-shadow:
        0 10px 25px rgba(21, 100, 192, .28);
}


/* ============================================================
   RESPONSIVE
============================================================ */

@media (max-width: 1200px) {

    .vm2-hero-container {
        grid-template-columns: 40% 60%;
        gap: 25px;
    }

    .vm2-hero-visual {
        min-height: 500px;
    }

    .vm2-hero-heading h1 {
        font-size: 38px;
    }

}


@media (max-width: 991px) {

    .vm2-hero-section {
        padding:
            70px 25px 60px;
    }

    .vm2-hero-container {
        grid-template-columns: 1fr;
    }

    .vm2-hero-visual {
        min-height: auto;

        max-width: 620px;

        margin: 0 auto;
    }

    .vm2-cargo-image {
        max-height: 420px;
    }

    .vm2-hero-content {
        max-width: 800px;

        margin: 0 auto;
    }

    .vm2-hero-heading h1 {
        text-align: center;
    }

}


@media (max-width: 767px) {

    .vm2-hero-section {
        min-height: auto;

        padding:
            45px 15px;
    }

    .vm2-hero-visual {
        margin-bottom: 20px;
    }

    .vm2-cargo-image {
        max-height: 320px;
    }

    .vm2-hero-heading {
        margin-bottom: 22px;
    }

    .vm2-hero-heading h1 {
        font-size: 30px;
    }

    .vm2-track-box {
        border-radius: 14px;
    }

    .vm2-track-icon {
        width: 40px;
    }

    .vm2-track-btn {
        min-width: 105px;

        padding: 0 15px;
    }

    .vm2-service-tabs {
        gap: 20px;

        overflow-x: auto;

        padding: 0 18px;
    }

    .vm2-service-tab {
        flex: 0 0 auto;
    }

    .vm2-grid-three,
    .vm2-bottom-grid,
    .vm2-address-row {

        grid-template-columns: 1fr;

    }

    .vm2-quote-form {
        padding:
            20px 18px 22px;
    }

}


@media (max-width: 480px) {

    .vm2-hero-heading h1 {
        font-size: 26px;
    }

    .vm2-track-field input {
        font-size: 14px;
    }

    .vm2-track-btn {
        font-size: 12px;
        min-width: 90px;
    }

    .vm2-service-tabs {
        gap: 16px;
    }

}

/* ==========================================================
   VM2 HERO LOGISTICS ANIMATION
========================================================== */

.vm2-logistics-animation {
    position: relative;
    width: 100%;
    max-width: 760px;
    aspect-ratio: 1.45 / 1;
    margin: 0 auto;

    overflow: visible;
}


/* All illustration layers */

.vm2-logistics-layer {
    position: absolute;
    display: block;
    max-width: none;

    pointer-events: none;
    user-select: none;

    will-change: transform;
}


/* ----------------------------------------------------------
   PORT / CRANES
---------------------------------------------------------- */

.vm2-port-layer {
    z-index: 2;

    width: 88%;

    right: 0;
    bottom: 5%;
}


/* ----------------------------------------------------------
   SHIP
---------------------------------------------------------- */

.vm2-ship-layer {
    z-index: 4;

    width: 72%;

    left: 0;
    bottom: 0;

    transform-origin: center center;

    filter:
        drop-shadow(
            0 18px 20px
            rgba(0, 0, 0, .25)
        );
}


/* ----------------------------------------------------------
   FLIGHT
---------------------------------------------------------- */

.vm2-flight-layer {
    z-index: 6;

    width: 38%;

    left: 3%;
    top: 2%;

    transform-origin: center center;

    filter:
        drop-shadow(
            0 12px 15px
            rgba(0, 80, 180, .30)
        );
}


/* ----------------------------------------------------------
   FLIGHT ROUTE
---------------------------------------------------------- */

.vm2-flight-route {
    position: absolute;

    z-index: 1;

    width: 55%;
    height: 45%;

    left: 8%;
    top: 7%;

    border-top:
        2px dashed
        rgba(65, 190, 255, .5);

    border-radius: 50%;

    transform:
        rotate(-10deg);

    opacity: .7;
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 991px) {

    .vm2-logistics-animation {
        max-width: 650px;
    }

}


@media (max-width: 767px) {

    .vm2-logistics-animation {
        max-width: 520px;
    }

}
/* ============================================================
   VM2 LOGISTICS ANIMATED HERO SCENE
============================================================ */

.vm2-logistics-scene {

    --vm2-scene-blue: #102d78;
    --vm2-deep-blue: #071c55;
    --vm2-water-blue: #087ec8;
    --vm2-water-light: #21c5ff;
    --vm2-cyan: #22c7ff;

    position: relative;

    width: 100%;
    max-width: 820px;

    aspect-ratio: 1 / 0.88;

    margin: 0 auto;

    overflow: hidden;

    isolation: isolate;
}


/* ============================================================
   ATMOSPHERE
============================================================ */

.vm2-scene-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(70px);

    z-index: 0;
}


.vm2-glow-one {

    width: 450px;
    height: 450px;

    left: -120px;
    bottom: 50px;

    background:
        rgba(0, 174, 255, .18);

    animation:
        vm2GlowPulse 6s ease-in-out infinite;
}


.vm2-glow-two {

    width: 360px;
    height: 360px;

    right: -100px;
    top: 130px;

    background:
        rgba(40, 91, 210, .15);

    animation:
        vm2GlowPulse 8s ease-in-out infinite reverse;
}


@keyframes vm2GlowPulse {

    0%,
    100% {

        opacity: .45;

        transform:
            scale(.92);

    }

    50% {

        opacity: .9;

        transform:
            scale(1.08);

    }

}


/* ============================================================
   BACKGROUND ROUTE LINES
============================================================ */

.vm2-route-orbit {

    position: absolute;

    pointer-events: none;

    border-radius: 50%;

    z-index: 0;
}


.vm2-orbit-one {

    width: 530px;
    height: 265px;

    left: 70px;
    top: 145px;

    border-top:
        2px dashed
        rgba(42, 166, 255, .30);

    transform:
        rotate(-9deg);

    animation:
        vm2RouteFade 5s ease-in-out infinite;
}


.vm2-orbit-two {

    width: 690px;
    height: 280px;

    left: -30px;
    bottom: -130px;

    border-top:
        2px solid
        rgba(21, 145, 220, .30);

    animation:
        vm2RouteFade 7s ease-in-out infinite reverse;
}


@keyframes vm2RouteFade {

    0%,
    100% {
        opacity: .25;
    }

    50% {
        opacity: .8;
    }

}


/* route points */

.vm2-route-dot {

    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #25c8ff;

    box-shadow:

        0 0 0 7px
        rgba(37, 200, 255, .08),

        0 0 18px
        rgba(37, 200, 255, .8);

    z-index: 2;

    animation:
        vm2DotPulse 2.3s ease-in-out infinite;
}


.vm2-route-dot-1 {

    left: 14%;
    bottom: 19%;
}


.vm2-route-dot-2 {

    left: 47%;
    bottom: 10%;

    animation-delay: .7s;
}


.vm2-route-dot-3 {

    right: 14%;
    bottom: 18%;

    animation-delay: 1.2s;
}


@keyframes vm2DotPulse {

    0%,
    100% {

        transform: scale(.75);

        opacity: .5;

    }

    50% {

        transform: scale(1.35);

        opacity: 1;

    }

}


/* ============================================================
   PORT
============================================================ */

.vm2-port-zone {

    position: absolute;

    z-index: 3;

    width: 69%;

    right: -1%;

    bottom: 18%;

    pointer-events: none;
}


.vm2-port-image {

    position: relative;

    z-index: 3;

    display: block;

    width: 100%;
    height: auto;

    transform:
        translateZ(0);

    filter:

        drop-shadow(
            0 18px 18px
            rgba(0, 0, 0, .16)
        );
}


/* ------------------------------------------------------------
   PORT SEA-SIDE BASE

   This creates a believable terminal platform beneath the
   transparent port image rather than leaving it floating.
------------------------------------------------------------- */

.vm2-port-platform {

    position: absolute;

    z-index: 1;

    width: 100%;
    height: 22%;

    right: 1%;
    bottom: 1%;

    transform:
        skewX(-8deg);

    border-radius:
        3px 6px 12px 10px;

    background:

        linear-gradient(
            180deg,
            rgba(102, 127, 151, .95) 0%,
            rgba(44, 68, 94, .97) 38%,
            rgba(16, 39, 65, .98) 100%
        );

    box-shadow:

        inset
        0 3px 0
        rgba(255,255,255,.25),

        inset
        0 -5px 15px
        rgba(0,0,0,.30),

        0 12px 20px
        rgba(0,0,0,.30);
}


/* dock edge */

.vm2-port-platform::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: -6px;

    height: 8px;

    border-radius: 4px;

    background:

        repeating-linear-gradient(
            90deg,

            #d7e2e8 0,
            #d7e2e8 22px,

            #263e58 22px,
            #263e58 44px
        );

    opacity: .8;
}


/* port lights */

.vm2-platform-light {

    position: absolute;

    top: 5px;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #ffd76b;

    box-shadow:

        0 0 9px
        rgba(255, 205, 77, .9);

    animation:
        vm2PortLight 2.8s ease-in-out infinite;
}


.vm2-platform-light.light-1 {
    left: 13%;
}


.vm2-platform-light.light-2 {

    left: 39%;

    animation-delay: .5s;
}


.vm2-platform-light.light-3 {

    left: 67%;

    animation-delay: 1.1s;
}


.vm2-platform-light.light-4 {

    left: 87%;

    animation-delay: 1.6s;
}


@keyframes vm2PortLight {

    0%,
    100% {

        opacity: .4;

    }

    50% {

        opacity: 1;

    }

}

/* ==========================================================
   VM2 HERO - SEAMLESS BACKGROUND FIX
   Replace previous sea / platform / scene background CSS
========================================================== */

.vm2-logistics-scene {

    --vm2-bg-dark: transparent;
    --vm2-bg-mid: transparent;
    --vm2-bg-soft: transparent;
    --vm2-water: #172966;
    --vm2-water-light: #172966;
    --vm2-cyan: #172966;

    position: relative;

    width: 100%;
    max-width: 820px;

    

    margin: 0 auto;

    overflow: hidden;

    isolation: isolate;
    
    /*
     * IMPORTANT
     * No independent solid background here.
     * The parent hero background remains visible.
     */
    background: transparent;
}


/* ==========================================================
   SOFT EDGE MASK
   Removes rectangular appearance
========================================================== */

.vm2-logistics-scene::after {

    content: "";

    position: absolute;

    z-index: 20;

    inset: 0;

    pointer-events: none;

    /*
     * The surrounding hero color softly covers
     * all four edges of this composition.
     */

    background:

        linear-gradient(
            90deg,
            var(--vm2-bg-dark) 0%,
            transparent 8%,
            transparent 92%,
            var(--vm2-bg-dark) 100%
        ),

        linear-gradient(
            180deg,
            var(--vm2-bg-dark) 0%,
            transparent 9%,
            transparent 84%,
            var(--vm2-bg-dark) 100%
        );

}


/* ==========================================================
   ATMOSPHERIC BACKGROUND
========================================================== */

.vm2-scene-glow {

    position: absolute;

    z-index: 0;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(85px);
}


.vm2-glow-one {

    width: 430px;
    height: 380px;

    left: -110px;
    bottom: 90px;

    background:
        rgba(18, 82, 160, .16);
}


.vm2-glow-two {

    width: 400px;
    height: 380px;

    right: -120px;
    top: 170px;

    background:
        rgba(24, 71, 153, .12);
}


/* No pulsing of background */
.vm2-glow-one,
.vm2-glow-two {

    animation: none !important;

}


/* ==========================================================
   ROUTE / RADAR CURVES
========================================================== */

.vm2-route-orbit {

    position: absolute;

    z-index: 1;

    pointer-events: none;

    border-radius: 50%;

    opacity: .20;
}


.vm2-orbit-one {

    width: 570px;
    height: 300px;

    left: 85px;
    top: 155px;

    border-top:
        2px dashed
        rgba(46, 142, 220, .38);

    transform:
        rotate(-8deg);
}


.vm2-orbit-two {

    width: 780px;
    height: 330px;

    left: -95px;
    bottom: -170px;

    border-top:
        2px solid
        rgba(31, 123, 200, .20);
}


/* ==========================================================
   PORT
========================================================== */

.vm2-port-zone {

    position: absolute;

    z-index: 4;

    width: 69%;

    right: 0;

    bottom: 18%;

    pointer-events: none;
}


.vm2-port-image {

    position: relative;

    z-index: 4;

    display: block;

    width: 100%;
    height: auto;

    filter:
        drop-shadow(
            0 14px 18px
            rgba(0, 0, 0, .16)
        );
}


/* ==========================================================
   PORT BASE
   Much softer than previous road-like rectangle
========================================================== */

.vm2-port-platform {

    position: absolute;

    z-index: 1;

    width: 94%;
    height: 19%;

    right: -2%;
    bottom: 3%;

    border-radius:
        6px 6px 25px 25px;

    /*
     * Port base uses same blue family as hero.
     */

    background:

        linear-gradient(
            180deg,
            rgba(53, 78, 112, .72) 0%,
            rgba(27, 57, 98, .65) 45%,
            rgba(15, 45, 88, .12) 100%
        );

    /*
     * Fade the platform into the surrounding environment.
     */

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );

    box-shadow:
        inset 0 2px 0
        rgba(255,255,255,.08);

}


/*
 * REMOVE the previous obvious black/white
 * road-edge pattern.
 */

.vm2-port-platform::after {

    content: "";

    position: absolute;

    left: 5%;
    right: 5%;

    bottom: 0;

    height: 2px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(91, 160, 207, .26),
            transparent
        );

}


/* ==========================================================
   SEA
   No rectangular solid blue area anymore
========================================================== */

.vm2-sea-area {

    position: absolute;

    z-index: 2;

    left: -10%;
    right: -10%;

    bottom: 0;

    height: 34%;

    overflow: hidden;

    pointer-events: none;

    /*
     * IMPORTANT:
     * transparent upper sea edge
     * same navy color at bottom
     */

    background:

        linear-gradient(
            180deg,

            transparent 0%,

            rgba(17, 61, 115, .08) 20%,

            rgba(16, 60, 116, .16) 46%,

            rgba(13, 48, 98, .22) 72%,

            rgba(16, 31, 89, .08) 100%
        );


    /*
     * Fade all sea boundaries.
     */

    -webkit-mask-image:

        linear-gradient(
            90deg,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );


    mask-image:

        linear-gradient(
            90deg,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );

}


/* ==========================================================
   REMOVE MOVING WATER
========================================================== */

.vm2-water-canvas {

    display: none !important;

}


.vm2-water-back,
.vm2-water-middle,
.vm2-water-front {

    animation: none !important;

}


/* ==========================================================
   STATIC SUBTLE WATER LINES
========================================================== */

.vm2-water-layer {

    position: absolute;

    left: 5%;

    width: 90%;

    height: 1px;

    border-radius: 50%;

    pointer-events: none;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(45, 143, 204, .18),
            rgba(52, 165, 218, .25),
            rgba(45, 143, 204, .18),
            transparent
        );
}


.vm2-water-back {

    top: 28%;

    opacity: .42;
}


.vm2-water-middle {

    top: 53%;

    opacity: .30;
}


.vm2-water-front {

    top: 76%;

    opacity: .22;
}


/* ==========================================================
   WATER AROUND SHIP
   This visually connects the water already present
   inside home-banner-ship.webp to the environment.
========================================================== */

.vm2-ship-stage::after {

    content: "";

    position: absolute;

    z-index: -1;

    width: 94%;
    height: 25%;

    left: -3%;
    bottom: 1%;

    border-radius: 50%;

    background:

        radial-gradient(
            ellipse at center,

            rgba(33, 139, 202, .20) 0%,

            rgba(20, 94, 158, .12) 38%,

            rgba(13, 58, 116, .05) 63%,

            transparent 76%
        );

    filter: blur(10px);

}


/* ==========================================================
   SHIP
========================================================== */

.vm2-ship-stage {

    position: absolute;

    z-index: 6;

    width: 72%;

    left: 1%;

    bottom: 7%;

    transform-origin:
        55% 72%;

    pointer-events: none;

    will-change: transform;
}


.vm2-ship-image {

    position: relative;

    z-index: 3;

    display: block;

    width: 100%;
    height: auto;

    filter:

        drop-shadow(
            0 17px 18px
            rgba(0, 0, 0, .16)
        );
}


/*
 * Remove heavy ship shadow.
 */

.vm2-ship-shadow {

    opacity: .12 !important;

    width: 70%;

    height: 10%;

    left: 8%;

    bottom: 3%;

    filter: blur(15px);

    animation: none !important;
}


/* ==========================================================
   SHIP WAKE

   Because ship is visually stationary,
   don't show strong travelling wake.
========================================================== */

.vm2-ship-wake {

    display: none;

}


/* ==========================================================
   VERY SUBTLE LOCAL WATER SHIMMER
   Water itself does NOT travel.
========================================================== */

.vm2-ship-water-shimmer {

    position: absolute;

    z-index: 5;

    width: 63%;
    height: 12%;

    left: 3%;

    bottom: 5%;

    pointer-events: none;

    opacity: .30;

    border-radius: 50%;

    background:

        radial-gradient(
            ellipse at center,

            rgba(109, 212, 255, .13),

            rgba(27, 127, 194, .07) 45%,

            transparent 72%
        );

    animation:
        vm2WaterShimmer 4.8s
        ease-in-out infinite;

}


@keyframes vm2WaterShimmer {

    0%,
    100% {

        opacity: .20;

        transform:
            scaleX(.96);

    }

    50% {

        opacity: .33;

        transform:
            scaleX(1.02);

    }

}


/* ==========================================================
   REMOVE LARGE FOREGROUND MOVING WAVES
========================================================== */

.vm2-foreground-wave {

    display: none !important;

}


/* ==========================================================
   ROUTE DOTS
========================================================== */

.vm2-route-dot {

    width: 6px;
    height: 6px;

    background:
        rgba(55, 174, 225, .75);

    box-shadow:

        0 0 0 6px
        rgba(40, 159, 217, .06),

        0 0 12px
        rgba(40, 159, 217, .35);

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .vm2-logistics-scene {

        max-width: 540px;

    }


    .vm2-port-zone {

        width: 67%;

    }


    .vm2-ship-stage {

        width: 74%;

    }

}

/* ============================================================
   SHIP
============================================================ */

.vm2-ship-stage {

    position: absolute;

    z-index: 5;

    width: 72%;

    left: 1%;

    bottom: 7%;

    transform-origin:
        55% 70%;

    pointer-events: none;

    will-change: transform;
}


.vm2-ship-image {

    position: relative;

    z-index: 3;

    display: block;

    width: 100%;
    height: auto;

    filter:

        drop-shadow(
            0 22px 22px
            rgba(0,0,0,.22)
        );
}


/* ship contact shadow */

.vm2-ship-shadow {

    position: absolute;

    z-index: 1;

    width: 72%;
    height: 17%;

    left: 8%;
    bottom: 2%;

    border-radius: 50%;

    background:
        rgba(0, 15, 48, .40);

    filter: blur(12px);

    transform:
        rotate(-4deg);

    animation:
        vm2ShipShadow 5s ease-in-out infinite;
}


@keyframes vm2ShipShadow {

    0%,
    100% {

        transform:
            rotate(-4deg)
            scaleX(.94);

        opacity: .45;

    }

    50% {

        transform:
            rotate(-4deg)
            scaleX(1.04);

        opacity: .28;

    }

}


/* ============================================================
   SHIP WAKE
============================================================ */

.vm2-ship-wake {

    position: absolute;

    z-index: 4;

    width: 48%;

    height: 18%;

    left: -7%;

    bottom: 6%;

    pointer-events: none;

    transform:
        rotate(5deg);
}


.vm2-ship-wake span {

    position: absolute;

    left: 0;

    height: 2px;

    border-radius: 50%;

    background:

        linear-gradient(
            90deg,

            transparent,

            rgba(140, 230, 255, .75),

            rgba(255,255,255,.72),

            transparent
        );

    filter:
        blur(.4px);

    animation:
        vm2WakeFlow 3s linear infinite;
}


.vm2-ship-wake span:nth-child(1) {

    width: 100%;

    top: 25%;
}


.vm2-ship-wake span:nth-child(2) {

    width: 83%;

    top: 48%;

    animation-delay: .55s;
}


.vm2-ship-wake span:nth-child(3) {

    width: 65%;

    top: 70%;

    animation-delay: 1s;
}


@keyframes vm2WakeFlow {

    0% {

        opacity: 0;

        transform:
            translateX(70px)
            scaleX(.65);

    }

    30% {

        opacity: .85;

    }

    100% {

        opacity: 0;

        transform:
            translateX(-70px)
            scaleX(1.2);

    }

}


/* ============================================================
   FOREGROUND WAVES
============================================================ */

.vm2-foreground-wave {

    position: absolute;

    z-index: 7;

    bottom: 2%;

    left: -20%;

    width: 150%;
    height: 45px;

    pointer-events: none;

    border-top:

        2px solid
        rgba(69, 190, 250, .34);

    border-radius: 50%;

}


.wave-a {

    animation:
        vm2ForegroundWave 6s linear infinite;
}


.wave-b {

    bottom: -1%;

    opacity: .45;

    animation:
        vm2ForegroundWave 8s linear infinite reverse;
}


@keyframes vm2ForegroundWave {

    0% {

        transform:
            translateX(-60px)
            scaleY(.85);

    }

    50% {

        transform:
            translateX(15px)
            scaleY(1.2);

    }

    100% {

        transform:
            translateX(80px)
            scaleY(.85);

    }

}


/* ============================================================
   FLIGHT
============================================================ */

.vm2-flight-stage {
    position: absolute;
    z-index: 8;

    width: 34%;

    /* Start inside the scene */
    left: 42%;
    top: 32%;

    pointer-events: none;

    will-change:
        transform,
        opacity;
}


.vm2-flight-image {

    display: block;

    width: 100%;
    height: auto;

    transform-origin:
        55% 50%;

    filter:

        drop-shadow(
            0 12px 12px
            rgba(0, 55, 145, .30)
        );

    will-change: transform;
}


/* glowing trail */

.vm2-flight-trail {

    position: absolute;

    z-index: -1;

    width: 140%;
    height: 80px;

    right: 70%;
    top: 54%;

    opacity: 0;

    transform:
        translateY(-50%)
        rotate(10deg);

    background:

        linear-gradient(
            90deg,

            transparent,

            rgba(18, 151, 255, .05),

            rgba(37, 196, 255, .35)
        );

    clip-path:

        polygon(
            0 43%,
            100% 48%,
            100% 55%,
            0 65%
        );

    filter:
        blur(4px);
}


/* ============================================================
   RESPONSIVE
============================================================ */

@media (max-width: 991px) {

    .vm2-logistics-scene {

        max-width: 680px;

    }

}


@media (max-width: 767px) {

    .vm2-logistics-scene {

        max-width: 540px;

    }


    .vm2-flight-stage {

        width: 31%;

    }


    .vm2-port-zone {

        width: 66%;

    }


    .vm2-ship-stage {

        width: 74%;

    }

}


/* accessibility */

@media (prefers-reduced-motion: reduce) {

    .vm2-logistics-scene *,
    .vm2-logistics-scene *::before,
    .vm2-logistics-scene *::after {

        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;

    }

}





.features-section .bg-image {
    height: 74%;
    width: 100% !important;
    z-index: -1;
}


/* ==========================================================
   VM2 HERO v1.1.1 - REALISTIC MOTION + WORKING SERVICE TABS
   Hero-only overrides.
========================================================== */
.vm2-hero-section .vm2-hero-content{
    min-height:620px;
    display:flex;
    align-items:center;
}
.vm2-hero-section .vm2-quote-card{
    width:100%;
    position:relative;
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 30px 80px rgba(0,0,0,.24),0 2px 0 rgba(255,255,255,.55) inset;
}
.vm2-hero-section .vm2-quote-card::before{
    content:"INSTANT FREIGHT QUOTE";
    position:absolute;
    right:24px;
    top:22px;
    z-index:3;
    color:#8b98ab;
    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.5px;
    pointer-events:none;
}
.vm2-hero-section .vm2-service-tabs{padding-right:190px}
.vm2-hero-section .vm2-service-tab{transition:color .25s ease,opacity .25s ease}
.vm2-hero-section .vm2-quote-form{transition:opacity .18s ease,transform .18s ease}
.vm2-hero-section .vm2-quote-card.vm2-tab-switching .vm2-quote-form{
    opacity:.72;
    transform:translateY(3px);
}
.vm2-hero-section .vm2-form-group input,
.vm2-hero-section .vm2-form-group select,
.vm2-hero-section .vm2-address-main input,
.vm2-hero-section .vm2-address-zip input{
    transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease;
}
.vm2-hero-section .vm2-form-group input:focus,
.vm2-hero-section .vm2-form-group select:focus,
.vm2-hero-section .vm2-address-main input:focus,
.vm2-hero-section .vm2-address-zip input:focus{transform:translateY(-1px)}
.vm2-hero-section .vm2-port-zone{will-change:auto}
.vm2-hero-section .vm2-ship-stage{
    will-change:transform;
    transform-origin:55% 78%;
}
.vm2-hero-section .vm2-flight-stage{
    left:43%;
    top:33%;
    will-change:transform,opacity;
    transform-origin:50% 50%;
}
.vm2-hero-section .vm2-flight-image{will-change:transform}
.vm2-hero-section .vm2-ship-wake,
.vm2-hero-section .vm2-foreground-wave,
.vm2-hero-section .vm2-water-canvas{display:none!important}
.vm2-hero-section .vm2-ship-water-shimmer{
    opacity:.22;
    filter:blur(6px);
    will-change:transform,opacity;
}
.vm2-hero-section .vm2-ship-stage::before{
    content:"";
    position:absolute;
    z-index:0;
    left:6%;
    bottom:2%;
    width:76%;
    height:12%;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(70,183,236,.20) 0%,rgba(38,122,188,.10) 44%,transparent 72%);
    filter:blur(7px);
    pointer-events:none;
}
.vm2-hero-section .vm2-logistics-scene{
    overflow:hidden;
    perspective:1000px;
}
.vm2-hero-section .vm2-route-orbit{opacity:.17}
.vm2-hero-section .vm2-route-dot{opacity:.72}
@media(max-width:991px){
    .vm2-hero-section .vm2-hero-content{min-height:auto}
    .vm2-hero-section .vm2-service-tabs{padding-right:18px}
    .vm2-hero-section .vm2-quote-card::before{display:none}
}
@media(prefers-reduced-motion:reduce){
    .vm2-hero-section .vm2-flight-stage,
    .vm2-hero-section .vm2-flight-image,
    .vm2-hero-section .vm2-ship-stage,
    .vm2-hero-section .vm2-ship-water-shimmer{
        transform:none!important;
        animation:none!important;
        transition:none!important;
    }
}


/* ==========================================================
   VM2 HERO v1.1.2 - SHIP APPROACH + WATER CONTACT
   Hero-only overrides. Existing artwork is unchanged.
========================================================== */
.vm2-hero-section .vm2-ship-stage{
    will-change:transform;
    transform-origin:58% 80%;
}

/* Existing three-line wake becomes an approach-only wake. */
.vm2-hero-section .vm2-ship-wake{
    display:block!important;
    z-index:5;
    width:52%;
    height:17%;
    left:-3%;
    bottom:7%;
    opacity:0;
    transform:translate3d(-24px,0,0) rotate(4deg) scaleX(.72);
    transform-origin:right center;
    transition:opacity .35s linear;
    will-change:transform,opacity;
}
.vm2-hero-section .vm2-ship-wake span{
    animation:none!important;
    height:2px;
    filter:blur(.3px);
    background:linear-gradient(90deg,transparent,rgba(98,210,255,.18),rgba(219,247,255,.82),rgba(75,190,239,.28),transparent);
    box-shadow:0 0 9px rgba(79,198,244,.16);
}

/* Soft water volume around the ship's existing painted base water. */
.vm2-hero-section .vm2-ship-water-shimmer{
    z-index:5;
    width:68%;
    height:14%;
    left:1%;
    bottom:4.3%;
    opacity:.16;
    border-radius:50%;
    background:radial-gradient(ellipse at center,
        rgba(191,239,255,.19) 0%,
        rgba(62,168,220,.13) 32%,
        rgba(28,103,170,.07) 55%,
        transparent 76%);
    filter:blur(5px);
    animation:none!important;
    will-change:transform,opacity;
}

/* Expanding local ripples: strongest while approaching, very subtle when docked. */
.vm2-hero-section .vm2-berth-ripples{
    position:absolute;
    z-index:4;
    left:2%;
    bottom:3.5%;
    width:68%;
    height:16%;
    pointer-events:none;
    opacity:0;
    will-change:opacity,transform;
}
.vm2-hero-section .vm2-berth-ripples span{
    position:absolute;
    left:50%;
    top:50%;
    width:72%;
    height:58%;
    border:1px solid rgba(105,202,242,.28);
    border-radius:50%;
    transform:translate(-50%,-50%) scale(.55);
    opacity:0;
    will-change:transform,opacity;
}

/* Keep the sea tied to the hero background instead of creating a rectangular patch. */
.vm2-hero-section .vm2-sea-area{
    background:linear-gradient(180deg,
        transparent 0%,
        rgba(22,71,130,.035) 24%,
        rgba(19,73,137,.085) 52%,
        rgba(14,50,108,.09) 75%,
        transparent 100%);
}

@media(max-width:767px){
    .vm2-hero-section .vm2-ship-wake{width:48%;left:-1%}
    .vm2-hero-section .vm2-berth-ripples{width:72%;left:0}
}


/* ==========================================================
   VM2 HERO v1.1.3 - PRACTICAL HARBOR WATER + STANDING VESSEL
   Scoped to .vm2-hero-section only.
========================================================== */

/* The sea remains the same navy family as the hero background. */
.vm2-hero-section .vm2-sea-area{
    isolation:isolate;
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(20,72,133,.025) 20%,
            rgba(18,77,143,.075) 48%,
            rgba(12,52,111,.105) 74%,
            transparent 100%
        );
}

/* Slow laminar harbor-current lines — no exaggerated travelling waves. */
.vm2-hero-section .vm2-harbor-current{
    position:absolute;
    z-index:1;
    left:-12%;
    width:124%;
    pointer-events:none;
    opacity:.24;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
    will-change:transform,opacity;
}

.vm2-hero-section .vm2-harbor-current-back{
    top:21%;
    height:34%;
    background:
        repeating-radial-gradient(
            ellipse 110px 15px at 50% 50%,
            transparent 0 76px,
            rgba(74,170,222,.23) 78px 79px,
            transparent 81px 105px
        );
    animation:vm2HarborCurrentBack 18s linear infinite;
}

.vm2-hero-section .vm2-harbor-current-front{
    bottom:1%;
    height:52%;
    opacity:.18;
    background:
        repeating-radial-gradient(
            ellipse 145px 18px at 50% 50%,
            transparent 0 104px,
            rgba(94,197,235,.25) 106px 107px,
            transparent 109px 138px
        );
    animation:vm2HarborCurrentFront 24s linear infinite;
}

@keyframes vm2HarborCurrentBack{
    from{transform:translate3d(-55px,0,0)}
    to{transform:translate3d(70px,0,0)}
}
@keyframes vm2HarborCurrentFront{
    from{transform:translate3d(70px,0,0)}
    to{transform:translate3d(-85px,0,0)}
}

/* Very low-amplitude moving specular reflection. */
.vm2-hero-section .vm2-water-reflection{
    opacity:.16;
    animation:vm2HarborReflection 11s ease-in-out infinite;
}
@keyframes vm2HarborReflection{
    0%,100%{transform:translateX(-35px) rotate(12deg);opacity:.10}
    50%{transform:translateX(35px) rotate(12deg);opacity:.20}
}

/* Port/quay: visually grounded, never floating. */
.vm2-hero-section .vm2-port-platform{
    overflow:visible;
    background:
        linear-gradient(180deg,
            rgba(73,95,121,.76) 0%,
            rgba(38,64,91,.82) 42%,
            rgba(15,42,76,.58) 76%,
            rgba(10,36,70,.08) 100%);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.13),
        inset 0 -5px 15px rgba(1,16,34,.22),
        0 12px 22px rgba(1,18,39,.16);
}

/* Quay edge becomes a restrained marine edge, not a road stripe. */
.vm2-hero-section .vm2-port-platform::after{
    bottom:-4px;
    height:5px;
    left:4%;
    right:4%;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(210,225,237,.55) 0 24px,
            rgba(37,72,107,.70) 24px 48px
        );
    opacity:.50;
    border-radius:2px;
}

/* Soft vertical reflection beneath port cranes/quay. */
.vm2-hero-section .vm2-port-water-reflection{
    position:absolute;
    z-index:2;
    right:2%;
    bottom:2%;
    width:48%;
    height:23%;
    pointer-events:none;
    opacity:.12;
    transform-origin:top center;
    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 18px,
            rgba(74,157,211,.24) 19px 21px,
            transparent 22px 37px
        );
    -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,transparent 100%);
    filter:blur(1.5px);
    animation:vm2PortReflection 6.8s ease-in-out infinite;
}
@keyframes vm2PortReflection{
    0%,100%{transform:scaleY(.92) translateY(1px);opacity:.09}
    50%{transform:scaleY(1.06) translateY(3px);opacity:.15}
}

/* Standing-vessel water contact. */
.vm2-hero-section .vm2-hull-contact-foam{
    position:absolute;
    z-index:6;
    left:0.5%;
    bottom:4.1%;
    width:70%;
    height:13%;
    pointer-events:none;
    opacity:.22;
    will-change:transform,opacity;
}

.vm2-hero-section .vm2-hull-contact-foam span{
    position:absolute;
    left:13%;
    top:48%;
    height:1.5px;
    border-radius:50%;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(181,236,255,.38),
            rgba(236,251,255,.82),
            rgba(89,195,237,.26),
            transparent
        );
    filter:blur(.25px);
    transform-origin:left center;
    will-change:transform,opacity;
}
.vm2-hero-section .vm2-hull-contact-foam span:nth-child(1){width:64%;top:33%}
.vm2-hero-section .vm2-hull-contact-foam span:nth-child(2){width:73%;top:49%;left:8%}
.vm2-hero-section .vm2-hull-contact-foam span:nth-child(3){width:56%;top:65%;left:16%}
.vm2-hero-section .vm2-hull-contact-foam span:nth-child(4){width:42%;top:78%;left:23%}

/* Reflection silhouette is extremely subtle because the source ship already has painted water. */
.vm2-hero-section .vm2-ship-water-reflection{
    position:absolute;
    z-index:3;
    left:8%;
    bottom:0.7%;
    width:56%;
    height:10%;
    pointer-events:none;
    opacity:.10;
    border-radius:50%;
    background:
        radial-gradient(
            ellipse at center,
            rgba(24,77,128,.32) 0%,
            rgba(15,53,101,.16) 45%,
            transparent 74%
        );
    filter:blur(5px);
    transform-origin:center;
    will-change:transform,opacity;
}

/* Keep the berth ripple system local to the hull. */
.vm2-hero-section .vm2-berth-ripples{
    width:70%;
    height:17%;
    left:0;
    bottom:3.2%;
}

/* Ship contact shadow breathes with the swell instead of being a fixed sticker. */
.vm2-hero-section .vm2-ship-shadow{
    will-change:transform,opacity;
}

/* Mobile: reduce environmental detail but keep the physical relationship. */
@media(max-width:767px){
    .vm2-hero-section .vm2-harbor-current{opacity:.15}
    .vm2-hero-section .vm2-port-water-reflection{opacity:.08}
    .vm2-hero-section .vm2-hull-contact-foam{width:74%}
}

/* Reduced motion: realistic static composition. */
@media(prefers-reduced-motion:reduce){
    .vm2-hero-section .vm2-harbor-current,
    .vm2-hero-section .vm2-water-reflection,
    .vm2-hero-section .vm2-port-water-reflection{
        animation:none!important;
    }
}


/* ==========================================================
   VM2 TESTIMONIAL AUTO SLIDER v1.1.4
   Scoped only to #vm2Testimonials
========================================================== */

#vm2Testimonials .vm2-testimonial-slider{
    position:relative;
    width:100%;
    overflow:visible;
}

#vm2Testimonials .vm2-testimonial-viewport{
    overflow:hidden;
    border-radius:22px;
}

#vm2Testimonials .vm2-testimonial-track{
    display:flex;
    gap:20px;
    will-change:transform;
    transition:transform .72s cubic-bezier(.22,.8,.2,1);
}

#vm2Testimonials .vm2-testimonial-slide{
    flex:0 0 calc((100% - 40px) / 3);
    min-width:0;
}

#vm2Testimonials .vm2-testimonial-slide .vm2-testimonial{
    height:100%;
    margin:0;
}

#vm2Testimonials .vm2-testimonial-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-top:28px;
}

#vm2Testimonials .vm2-testimonial-nav{
    width:44px;
    height:44px;
    border:1px solid #d9e4ef;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--vm2-blue);
    font-size:14px;
    cursor:pointer;
    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

#vm2Testimonials .vm2-testimonial-nav:hover{
    background:var(--vm2-blue);
    color:#fff;
    border-color:var(--vm2-blue);
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(21,100,192,.18);
}

#vm2Testimonials .vm2-testimonial-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:72px;
}

#vm2Testimonials .vm2-testimonial-dot{
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#cbd7e4;
    cursor:pointer;
    transition:
        width .25s ease,
        border-radius .25s ease,
        background .25s ease;
}

#vm2Testimonials .vm2-testimonial-dot.active{
    width:26px;
    border-radius:10px;
    background:var(--vm2-blue);
}

#vm2Testimonials .vm2-testimonial-slider.is-dragging .vm2-testimonial-track{
    transition:none;
}

#vm2Testimonials .vm2-testimonial-slider.is-dragging{
    cursor:grabbing;
}

@media(max-width:991px){
    #vm2Testimonials .vm2-testimonial-slide{
        flex-basis:calc((100% - 20px) / 2);
    }
}

@media(max-width:767px){
    #vm2Testimonials .vm2-testimonial-track{
        gap:14px;
    }

    #vm2Testimonials .vm2-testimonial-slide{
        flex-basis:100%;
    }

    #vm2Testimonials .vm2-testimonial-controls{
        margin-top:22px;
    }
}

@media(prefers-reduced-motion:reduce){
    #vm2Testimonials .vm2-testimonial-track{
        transition:none!important;
    }
}


/* ==========================================================
   VM2 TECHNOLOGY ANIMATION v1.1.5
   Scoped only to #vm2Technology
========================================================== */

#vm2Technology{
    isolation:isolate;
}

#vm2Technology > .auto-container{
    position:relative;
    z-index:3;
}

#vm2Technology .vm2-tech-environment{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
}

#vm2Technology .vm2-tech-gridlines{
    position:absolute;
    inset:-20%;
    opacity:.15;
    background-image:
        linear-gradient(rgba(89,164,235,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(89,164,235,.18) 1px, transparent 1px);
    background-size:46px 46px;
    transform:perspective(700px) rotateX(63deg) translateY(22%);
    transform-origin:center bottom;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 80%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 80%,transparent 100%);
    animation:vm2TechGridMove 18s linear infinite;
}

@keyframes vm2TechGridMove{
    from{background-position:0 0}
    to{background-position:0 92px}
}

#vm2Technology .vm2-tech-scan{
    position:absolute;
    left:-15%;
    top:0;
    width:26%;
    height:100%;
    opacity:.20;
    transform:skewX(-18deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(52,151,255,.04),
        rgba(93,190,255,.22),
        rgba(52,151,255,.05),
        transparent
    );
    filter:blur(1px);
    animation:vm2TechScanner 8.5s ease-in-out infinite;
}

@keyframes vm2TechScanner{
    0%{left:-28%;opacity:0}
    12%{opacity:.14}
    50%{opacity:.23}
    88%{opacity:.12}
    100%{left:108%;opacity:0}
}

#vm2Technology .vm2-tech-network{
    position:absolute;
    left:4%;
    right:4%;
    top:13%;
    width:92%;
    height:72%;
    opacity:.20;
}

#vm2Technology .vm2-tech-network path{
    fill:none;
    stroke:rgba(96,185,255,.62);
    stroke-width:1.4;
    stroke-dasharray:6 11;
    vector-effect:non-scaling-stroke;
    animation:vm2TechDataFlow 13s linear infinite;
}

#vm2Technology .vm2-tech-network path:nth-child(2){
    animation-duration:17s;
    animation-direction:reverse;
    opacity:.58;
}

@keyframes vm2TechDataFlow{
    to{stroke-dashoffset:-170}
}

#vm2Technology .vm2-tech-node{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#65c3ff;
    box-shadow:
        0 0 0 7px rgba(101,195,255,.08),
        0 0 22px rgba(101,195,255,.55);
    animation:vm2TechNodePulse 2.8s ease-in-out infinite;
}

#vm2Technology .vm2-tech-node.n1{left:13%;top:30%}
#vm2Technology .vm2-tech-node.n2{left:39%;top:66%;animation-delay:.7s}
#vm2Technology .vm2-tech-node.n3{right:28%;top:23%;animation-delay:1.4s}
#vm2Technology .vm2-tech-node.n4{right:11%;bottom:24%;animation-delay:2.1s}

@keyframes vm2TechNodePulse{
    0%,100%{transform:scale(.76);opacity:.38}
    50%{transform:scale(1.28);opacity:1}
}

/* Cards behave like active technology modules. */
#vm2Technology .vm2-tech-card{
    position:relative;
    overflow:hidden;
    min-height:172px;
    transform-style:preserve-3d;
    transition:
        transform .38s cubic-bezier(.2,.75,.25,1),
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

#vm2Technology .vm2-tech-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    opacity:0;
    background:
        radial-gradient(
            circle at var(--vm2-tech-x,50%) var(--vm2-tech-y,50%),
            rgba(74,168,255,.20),
            transparent 36%
        );
    transition:opacity .3s ease;
    pointer-events:none;
}

#vm2Technology .vm2-tech-card::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    transform:scaleY(0);
    transform-origin:center;
    background:linear-gradient(180deg,#62c0ff,#1564c0);
    transition:transform .35s ease;
}

#vm2Technology .vm2-tech-card > *{
    position:relative;
    z-index:2;
}

#vm2Technology .vm2-tech-card:hover{
    border-color:rgba(103,190,255,.38);
    background:rgba(255,255,255,.105);
    box-shadow:0 20px 46px rgba(0,10,32,.26);
}

#vm2Technology .vm2-tech-card:hover::before{
    opacity:1;
}

#vm2Technology .vm2-tech-card:hover::after{
    transform:scaleY(1);
}

/* Icon reads like a live signal module. */
#vm2Technology .vm2-tech-card > i{
    position:relative;
    overflow:visible;
    transition:transform .35s ease,box-shadow .35s ease;
}

#vm2Technology .vm2-tech-card > i::after{
    content:"";
    position:absolute;
    inset:-7px;
    border:1px solid rgba(104,190,255,.45);
    border-radius:16px;
    opacity:0;
    transform:scale(.75);
}

#vm2Technology.vm2-tech-active .vm2-tech-card > i::after{
    animation:vm2TechIconSignal 3.4s ease-out infinite;
}

#vm2Technology .vm2-tech-card:nth-child(2) > i::after{animation-delay:.3s}
#vm2Technology .vm2-tech-card:nth-child(3) > i::after{animation-delay:.6s}
#vm2Technology .vm2-tech-card:nth-child(4) > i::after{animation-delay:.9s}
#vm2Technology .vm2-tech-card:nth-child(5) > i::after{animation-delay:1.2s}
#vm2Technology .vm2-tech-card:nth-child(6) > i::after{animation-delay:1.5s}
#vm2Technology .vm2-tech-card:nth-child(7) > i::after{animation-delay:1.8s}

@keyframes vm2TechIconSignal{
    0%{opacity:0;transform:scale(.72)}
    18%{opacity:.55}
    55%{opacity:.10;transform:scale(1.22)}
    100%{opacity:0;transform:scale(1.36)}
}

#vm2Technology .vm2-tech-card:hover > i{
    transform:translateY(-3px) scale(1.045);
    box-shadow:0 12px 26px rgba(21,100,192,.28);
}

/* Tiny activity equalizer on each module. */
#vm2Technology .vm2-tech-activity{
    position:absolute;
    right:17px;
    top:17px;
    height:17px;
    display:flex;
    align-items:flex-end;
    gap:3px;
    opacity:.34;
}

#vm2Technology .vm2-tech-activity i{
    width:2px;
    border-radius:4px;
    background:#78c7ff;
    transform-origin:center bottom;
    animation:vm2TechActivity 1.45s ease-in-out infinite;
}

#vm2Technology .vm2-tech-activity i:nth-child(1){height:7px}
#vm2Technology .vm2-tech-activity i:nth-child(2){height:13px;animation-delay:.18s}
#vm2Technology .vm2-tech-activity i:nth-child(3){height:10px;animation-delay:.36s}

@keyframes vm2TechActivity{
    0%,100%{transform:scaleY(.40);opacity:.32}
    50%{transform:scaleY(1);opacity:1}
}

/* Stagger the initial activation of technology cards. */
#vm2Technology.vm2-visible .vm2-tech-card:nth-child(1){transition-delay:.04s}
#vm2Technology.vm2-visible .vm2-tech-card:nth-child(2){transition-delay:.10s}
#vm2Technology.vm2-visible .vm2-tech-card:nth-child(3){transition-delay:.16s}
#vm2Technology.vm2-visible .vm2-tech-card:nth-child(4){transition-delay:.22s}
#vm2Technology.vm2-visible .vm2-tech-card:nth-child(5){transition-delay:.28s}
#vm2Technology.vm2-visible .vm2-tech-card:nth-child(6){transition-delay:.34s}
#vm2Technology.vm2-visible .vm2-tech-card:nth-child(7){transition-delay:.40s}

@media(max-width:767px){
    #vm2Technology .vm2-tech-gridlines{
        opacity:.10;
        background-size:38px 38px;
    }

    #vm2Technology .vm2-tech-network{
        opacity:.12;
    }

    #vm2Technology .vm2-tech-card{
        min-height:150px;
    }
}

@media(prefers-reduced-motion:reduce){
    #vm2Technology .vm2-tech-gridlines,
    #vm2Technology .vm2-tech-scan,
    #vm2Technology .vm2-tech-network path,
    #vm2Technology .vm2-tech-node,
    #vm2Technology .vm2-tech-card > i::after,
    #vm2Technology .vm2-tech-activity i{
        animation:none!important;
    }
}


/* ==========================================================
   VM2 COVERAGE NETWORK v1.1.7
   Image-led network visualization + practical route animation
   Scoped only to #vm2Coverage
========================================================== */

#vm2Coverage{
    position:relative;
    background:
        radial-gradient(
            circle at 8% 40%,
            rgba(21,100,192,.055),
            transparent 34%
        ),
        #ffffff;
}

#vm2Coverage .vm2-network-layout{
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(0,.92fr);
    gap:58px;
}

/* ==========================================================
   LEFT VISUAL
========================================================== */

#vm2Coverage .vm2-network-visual{
    position:relative;
    min-height:500px;
    border-radius:26px;
    overflow:hidden;
    isolation:isolate;
    background:#0a2951;
    border:1px solid rgba(21,100,192,.14);
    box-shadow:
        0 30px 65px rgba(8,43,79,.16);
}

#vm2Coverage .vm2-network-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.025);
    transition:
        transform 1.4s cubic-bezier(.2,.7,.2,1);
}

#vm2Coverage.vm2-visible .vm2-network-image{
    transform:scale(1);
}

#vm2Coverage .vm2-network-image-shade{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            180deg,
            rgba(4,24,48,.10) 0%,
            rgba(4,28,58,.20) 46%,
            rgba(3,21,45,.80) 100%
        ),
        linear-gradient(
            90deg,
            rgba(5,31,63,.26),
            transparent 60%
        );
}

/* ==========================================================
   ROUTE NETWORK
========================================================== */

#vm2Coverage .vm2-coverage-routes{
    position:absolute;
    inset:0;
    z-index:3;
    width:100%;
    height:100%;
    pointer-events:none;
}

#vm2Coverage .vm2-coverage-route{
    fill:none;
    stroke:rgba(110,202,255,.88);
    stroke-width:2.1;
    stroke-linecap:round;
    stroke-dasharray:9 13;
    filter:
        drop-shadow(
            0 0 5px
            rgba(60,167,239,.45)
        );
    animation:
        vm2CoverageRouteFlow
        11s linear infinite;
}

#vm2Coverage .route-2{
    opacity:.62;
    stroke-width:1.6;
    animation-duration:15s;
    animation-direction:reverse;
}

#vm2Coverage .route-3{
    opacity:.50;
    stroke-width:1.5;
    animation-duration:18s;
}

@keyframes vm2CoverageRouteFlow{
    to{
        stroke-dashoffset:-220;
    }
}

/* ==========================================================
   NETWORK NODES
========================================================== */

#vm2Coverage .vm2-coverage-node{
    position:absolute;
    z-index:5;

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        rgba(255,255,255,.95);

    color:#1564c0;

    font-style:normal;

    box-shadow:
        0 0 0 7px
        rgba(57,164,238,.12),
        0 10px 24px
        rgba(0,20,48,.24);

    animation:
        vm2CoverageNodePulse
        3s ease-in-out infinite;
}

#vm2Coverage .vm2-coverage-node::after{
    content:"";
    position:absolute;
    inset:-9px;

    border:
        1px solid
        rgba(102,193,255,.45);

    border-radius:50%;

    animation:
        vm2CoverageNodeRing
        2.6s ease-out infinite;
}

#vm2Coverage .vm2-coverage-node i{
    font-size:15px;
}

#vm2Coverage .vm2-coverage-node.hub{
    left:17%;
    bottom:23%;

    width:52px;
    height:52px;

    background:
        #1564c0;

    color:#ffffff;

    box-shadow:
        0 0 0 8px
        rgba(21,100,192,.18),
        0 13px 28px
        rgba(0,22,55,.27);
}

#vm2Coverage .vm2-coverage-node.hub em{
    position:absolute;
    left:60px;

    padding:
        7px 10px;

    border-radius:8px;

    white-space:nowrap;

    background:
        rgba(5,30,59,.84);

    color:#ffffff;

    font-size:10px;

    font-style:normal;

    font-weight:800;

    letter-spacing:.7px;

    text-transform:uppercase;

    backdrop-filter:
        blur(6px);
}

#vm2Coverage .vm2-coverage-node.node-1{
    left:45%;
    top:34%;

    animation-delay:.45s;
}

#vm2Coverage .vm2-coverage-node.node-2{
    right:14%;
    top:25%;

    animation-delay:.9s;
}

#vm2Coverage .vm2-coverage-node.node-3{
    right:23%;
    bottom:28%;

    animation-delay:1.35s;
}

#vm2Coverage .vm2-coverage-node.node-4{
    left:52%;
    bottom:15%;

    animation-delay:1.8s;
}

@keyframes vm2CoverageNodePulse{
    0%,
    100%{
        transform:
            translateY(0)
            scale(.96);
    }

    50%{
        transform:
            translateY(-3px)
            scale(1.04);
    }
}

@keyframes vm2CoverageNodeRing{
    0%{
        opacity:.68;
        transform:scale(.72);
    }

    80%,
    100%{
        opacity:0;
        transform:scale(1.38);
    }
}

/* ==========================================================
   NETWORK SCANNER
========================================================== */

#vm2Coverage .vm2-network-scan{
    position:absolute;
    z-index:4;

    top:-20%;
    bottom:-20%;

    width:20%;

    left:-25%;

    pointer-events:none;

    transform:
        skewX(-17deg);

    opacity:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(97,195,255,.08),
            rgba(130,216,255,.27),
            rgba(97,195,255,.08),
            transparent
        );

    animation:
        vm2CoverageScan
        8.5s ease-in-out infinite;
}

@keyframes vm2CoverageScan{
    0%{
        left:-30%;
        opacity:0;
    }

    14%{
        opacity:.35;
    }

    52%{
        opacity:.50;
    }

    88%{
        opacity:.18;
    }

    100%{
        left:115%;
        opacity:0;
    }
}

/* ==========================================================
   LIVE STATUS + CAPTION
========================================================== */

#vm2Coverage .vm2-network-live{
    position:absolute;
    z-index:6;

    right:20px;
    top:20px;

    display:flex;
    align-items:center;

    gap:8px;

    padding:
        8px 11px;

    border-radius:9px;

    background:
        rgba(4,29,58,.74);

    color:#ffffff;

    font-size:9px;

    font-weight:800;

    letter-spacing:1px;

    backdrop-filter:
        blur(8px);
}

#vm2Coverage .vm2-live-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:
        #61c6ff;

    box-shadow:
        0 0 0 5px
        rgba(97,198,255,.12);

    animation:
        vm2CoverageLive
        1.6s ease-in-out infinite;
}

@keyframes vm2CoverageLive{
    0%,
    100%{
        opacity:.45;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.15);
    }
}

#vm2Coverage .vm2-network-visual-caption{
    position:absolute;
    z-index:6;

    left:24px;
    right:24px;
    bottom:22px;

    color:#ffffff;
}

#vm2Coverage .vm2-network-visual-caption strong{
    display:block;

    margin-bottom:4px;

    font-size:18px;

    font-weight:800;
}

#vm2Coverage .vm2-network-visual-caption span{
    color:
        rgba(255,255,255,.70);

    font-size:12px;

    letter-spacing:.3px;
}

/* ==========================================================
   RIGHT STAT MODULES
========================================================== */

#vm2Coverage .vm2-network-content{
    min-width:0;
}

#vm2Coverage .vm2-network-stat{
    position:relative;

    padding:
        20px 18px 18px 66px;

    min-height:92px;

    overflow:hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

#vm2Coverage .vm2-network-stat-icon{
    position:absolute;

    left:17px;
    top:18px;

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:
        rgba(21,100,192,.09);

    color:#1564c0;

    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease;
}

#vm2Coverage .vm2-network-stat strong{
    font-size:20px;
}

#vm2Coverage .vm2-network-stat span:not(.vm2-network-stat-icon){
    display:block;

    margin-top:3px;
}

#vm2Coverage .vm2-network-stat::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:0;
    height:3px;

    background:
        linear-gradient(
            90deg,
            #1564c0,
            #53aef5
        );

    transition:
        width .42s ease;
}

#vm2Coverage .vm2-network-stat:hover{
    transform:
        translateY(-4px);

    border-color:
        rgba(21,100,192,.24);

    box-shadow:
        0 15px 32px
        rgba(10,55,98,.09);
}

#vm2Coverage .vm2-network-stat:hover::after{
    width:100%;
}

#vm2Coverage .vm2-network-stat:hover
.vm2-network-stat-icon{
    transform:
        rotate(-5deg)
        scale(1.07);

    background:#1564c0;
    color:#ffffff;
}

/* Staggered activation */
#vm2Coverage .vm2-network-stat-animated{
    opacity:0;

    transform:
        translateY(16px);

    transition:
        opacity .60s ease,
        transform .60s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

#vm2Coverage.vm2-coverage-active
.vm2-network-stat-animated{
    opacity:1;
    transform:translateY(0);
}

#vm2Coverage.vm2-coverage-active
.vm2-network-stat-animated:nth-child(1){
    transition-delay:.06s;
}

#vm2Coverage.vm2-coverage-active
.vm2-network-stat-animated:nth-child(2){
    transition-delay:.14s;
}

#vm2Coverage.vm2-coverage-active
.vm2-network-stat-animated:nth-child(3){
    transition-delay:.22s;
}

#vm2Coverage.vm2-coverage-active
.vm2-network-stat-animated:nth-child(4){
    transition-delay:.30s;
}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:991px){

    #vm2Coverage .vm2-network-layout{
        grid-template-columns:1fr;
        gap:40px;
    }

    #vm2Coverage .vm2-network-visual{
        min-height:440px;
    }

}

@media(max-width:575px){

    #vm2Coverage .vm2-network-visual{
        min-height:350px;
        border-radius:20px;
    }

    #vm2Coverage .vm2-network-visual-caption{
        left:18px;
        bottom:17px;
    }

    #vm2Coverage .vm2-network-live{
        right:14px;
        top:14px;
    }

    #vm2Coverage .vm2-coverage-node{
        width:35px;
        height:35px;
    }

    #vm2Coverage .vm2-coverage-node.hub{
        width:43px;
        height:43px;
    }

    #vm2Coverage .vm2-coverage-node.hub em{
        display:none;
    }

}

/* Reduced motion keeps all network information visible */
@media(prefers-reduced-motion:reduce){

    #vm2Coverage .vm2-coverage-route,
    #vm2Coverage .vm2-coverage-node,
    #vm2Coverage .vm2-coverage-node::after,
    #vm2Coverage .vm2-network-scan,
    #vm2Coverage .vm2-live-dot{
        animation:none!important;
    }

}


/* ==========================================================
   VM2 INDUSTRIES WE SERVE v1.1.8
   Logistics ecosystem animation
   Scoped only to #vm2Industries
========================================================== */

#vm2Industries{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(21,100,192,.055),
            transparent 42%
        ),
        #ffffff;
}

#vm2Industries > .auto-container{
    position:relative;
    z-index:3;
}

/* ==========================================================
   BACKGROUND LOGISTICS NETWORK
========================================================== */

#vm2Industries .vm2-industries-environment{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
}

#vm2Industries .vm2-industry-network{
    position:absolute;
    left:4%;
    right:4%;
    top:32%;
    width:92%;
    height:48%;
    opacity:.10;
}

#vm2Industries .vm2-industry-route{
    fill:none;
    stroke:#1564c0;
    stroke-width:1.3;
    stroke-linecap:round;
    stroke-dasharray:7 13;
    vector-effect:non-scaling-stroke;
    animation:
        vm2IndustryRouteFlow
        16s linear infinite;
}

#vm2Industries .vm2-industry-route.route-b{
    opacity:.65;
    animation-duration:21s;
    animation-direction:reverse;
}

@keyframes vm2IndustryRouteFlow{
    to{
        stroke-dashoffset:-220;
    }
}

/* Floating data pulses represent movement between industries. */
#vm2Industries .vm2-industry-signal{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#2d84dd;
    box-shadow:
        0 0 0 6px rgba(45,132,221,.08),
        0 0 18px rgba(45,132,221,.36);
    opacity:.40;
    animation:
        vm2IndustrySignal
        3.4s ease-in-out infinite;
}

#vm2Industries .vm2-industry-signal.s1{
    left:14%;
    top:43%;
}

#vm2Industries .vm2-industry-signal.s2{
    left:39%;
    top:61%;
    animation-delay:.8s;
}

#vm2Industries .vm2-industry-signal.s3{
    right:33%;
    top:40%;
    animation-delay:1.6s;
}

#vm2Industries .vm2-industry-signal.s4{
    right:12%;
    top:65%;
    animation-delay:2.4s;
}

@keyframes vm2IndustrySignal{
    0%,
    100%{
        transform:scale(.72);
        opacity:.22;
    }

    50%{
        transform:scale(1.35);
        opacity:.78;
    }
}

/* ==========================================================
   INDUSTRY GRID
========================================================== */

#vm2Industries .vm2-industries{
    position:relative;
    z-index:3;
    gap:16px;
}

#vm2Industries .vm2-industry{
    position:relative;
    min-height:146px;
    overflow:hidden;
    padding:28px 14px 24px;
    border:
        1px solid
        rgba(31,78,132,.12);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(248,251,255,.96)
        );
    box-shadow:
        0 10px 28px
        rgba(17,61,103,.055);
    transform-style:preserve-3d;
    transition:
        transform .36s cubic-bezier(.2,.75,.25,1),
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease;
}

/* Subtle operational line through each sector module. */
#vm2Industries .vm2-industry::before{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:0;
    height:3px;
    transform:scaleX(0);
    transform-origin:left center;
    border-radius:4px 4px 0 0;
    background:
        linear-gradient(
            90deg,
            #1564c0,
            #58aef3
        );
    transition:
        transform .38s ease;
}

#vm2Industries .vm2-industry::after{
    content:"";
    position:absolute;
    width:110px;
    height:110px;
    right:-55px;
    top:-55px;
    border-radius:50%;
    background:
        rgba(21,100,192,.045);
    transform:scale(.6);
    opacity:0;
    transition:
        transform .45s ease,
        opacity .45s ease;
}

/* ==========================================================
   ICON / PULSE
========================================================== */

#vm2Industries .vm2-industry > i{
    position:relative;
    z-index:2;
    width:58px;
    height:58px;
    margin-bottom:14px;
    border-radius:16px;
    background:
        linear-gradient(
            145deg,
            rgba(21,100,192,.10),
            rgba(21,100,192,.055)
        );
    color:#1564c0;
    box-shadow:
        inset 0 0 0 1px
        rgba(21,100,192,.08);
    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease,
        box-shadow .35s ease;
}

#vm2Industries .vm2-industry > i::after{
    content:"";
    position:absolute;
    inset:-7px;
    border:
        1px solid
        rgba(21,100,192,.25);
    border-radius:20px;
    opacity:0;
    transform:scale(.72);
}

#vm2Industries.vm2-industries-active
.vm2-industry > i::after{
    animation:
        vm2IndustryIconPulse
        4s ease-out infinite;
}

#vm2Industries .vm2-industry:nth-child(2) > i::after{animation-delay:.35s}
#vm2Industries .vm2-industry:nth-child(3) > i::after{animation-delay:.70s}
#vm2Industries .vm2-industry:nth-child(4) > i::after{animation-delay:1.05s}
#vm2Industries .vm2-industry:nth-child(5) > i::after{animation-delay:1.40s}
#vm2Industries .vm2-industry:nth-child(6) > i::after{animation-delay:1.75s}
#vm2Industries .vm2-industry:nth-child(7) > i::after{animation-delay:2.10s}
#vm2Industries .vm2-industry:nth-child(8) > i::after{animation-delay:2.45s}
#vm2Industries .vm2-industry:nth-child(9) > i::after{animation-delay:2.80s}
#vm2Industries .vm2-industry:nth-child(10) > i::after{animation-delay:3.15s}

@keyframes vm2IndustryIconPulse{
    0%{
        opacity:0;
        transform:scale(.72);
    }

    20%{
        opacity:.48;
    }

    65%{
        opacity:.08;
        transform:scale(1.22);
    }

    100%{
        opacity:0;
        transform:scale(1.35);
    }
}

/* Small live-status dot */
#vm2Industries .vm2-industry-status{
    position:absolute;
    right:14px;
    top:14px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#4ba2e6;
    opacity:.35;
    box-shadow:
        0 0 0 4px
        rgba(75,162,230,.07);
    animation:
        vm2IndustryStatus
        2.5s ease-in-out infinite;
}

#vm2Industries .vm2-industry:nth-child(even)
.vm2-industry-status{
    animation-delay:1.1s;
}

@keyframes vm2IndustryStatus{
    0%,
    100%{
        opacity:.22;
        transform:scale(.8);
    }

    50%{
        opacity:.78;
        transform:scale(1.22);
    }
}

/* ==========================================================
   HOVER
========================================================== */

@media(hover:hover) and (pointer:fine){

    #vm2Industries .vm2-industry:hover{
        transform:
            translateY(-6px)
            perspective(800px)
            rotateX(1.2deg);
        border-color:
            rgba(21,100,192,.24);
        background:#ffffff;
        box-shadow:
            0 20px 42px
            rgba(17,61,103,.12);
    }

    #vm2Industries .vm2-industry:hover::before{
        transform:scaleX(1);
    }

    #vm2Industries .vm2-industry:hover::after{
        opacity:1;
        transform:scale(1.15);
    }

    #vm2Industries .vm2-industry:hover > i{
        transform:
            translateY(-3px)
            scale(1.05);
        background:#1564c0;
        color:#ffffff;
        box-shadow:
            0 12px 24px
            rgba(21,100,192,.20);
    }

}

/* ==========================================================
   STAGGERED ACTIVATION
========================================================== */

#vm2Industries .vm2-industry{
    opacity:0;
    transform:
        translateY(20px);
}

#vm2Industries.vm2-industries-active
.vm2-industry{
    opacity:1;
    transform:translateY(0);
}

#vm2Industries.vm2-industries-active .vm2-industry:nth-child(1){transition-delay:.04s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(2){transition-delay:.08s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(3){transition-delay:.12s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(4){transition-delay:.16s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(5){transition-delay:.20s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(6){transition-delay:.24s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(7){transition-delay:.28s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(8){transition-delay:.32s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(9){transition-delay:.36s}
#vm2Industries.vm2-industries-active .vm2-industry:nth-child(10){transition-delay:.40s}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:991px){

    #vm2Industries .vm2-industry-network{
        opacity:.07;
    }

    #vm2Industries .vm2-industry{
        min-height:136px;
    }

}

@media(max-width:575px){

    #vm2Industries .vm2-industries{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap:12px;
    }

    #vm2Industries .vm2-industry{
        min-height:126px;
        padding:
            22px 10px 20px;
    }

    #vm2Industries .vm2-industry > i{
        width:50px;
        height:50px;
        border-radius:14px;
    }

    #vm2Industries .vm2-industry strong{
        font-size:12px;
    }

}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){

    #vm2Industries .vm2-industry-route,
    #vm2Industries .vm2-industry-signal,
    #vm2Industries .vm2-industry > i::after,
    #vm2Industries .vm2-industry-status{
        animation:none!important;
    }

}


/* ==========================================================
   VM2 WHY CHOOSE US v1.1.9
   Technology + reliability motion system
   Scoped only to #vm2WhyChoose
========================================================== */

#vm2WhyChoose{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(21,100,192,.06),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #ecf2f8 100%
        );
}

#vm2WhyChoose .vm2-why-grid{
    grid-template-columns:
        minmax(0,.96fr)
        minmax(0,1.04fr);
    gap:58px;
}

/* ==========================================================
   LEFT IMAGE / CONTROL VISUAL
========================================================== */

#vm2WhyChoose .vm2-why-visual{
    min-height:560px;
    border-radius:26px;
    overflow:hidden;
    border:
        1px solid
        rgba(21,100,192,.14);
    box-shadow:
        0 28px 65px
        rgba(15,53,93,.15);
    background:#092449;
    isolation:isolate;
}

#vm2WhyChoose .vm2-why-visual > img{
    transform:scale(1.035);
    filter:
        saturate(.96)
        contrast(1.02);
    transition:
        transform 1.2s
        cubic-bezier(.2,.7,.2,1);
}

#vm2WhyChoose.vm2-why-active
.vm2-why-visual > img{
    transform:scale(1);
}

#vm2WhyChoose .vm2-why-image-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            180deg,
            rgba(5,27,54,.08) 0%,
            rgba(5,30,61,.16) 42%,
            rgba(5,25,52,.68) 100%
        ),
        linear-gradient(
            90deg,
            rgba(4,29,59,.28),
            transparent 60%
        );
}

/* ==========================================================
   ROUTE / TRACKING NETWORK
========================================================== */

#vm2WhyChoose .vm2-why-route-map{
    position:absolute;
    inset:0;
    z-index:3;
    width:100%;
    height:100%;
    pointer-events:none;
}

#vm2WhyChoose .vm2-why-route{
    fill:none;
    stroke:
        rgba(111,200,255,.82);
    stroke-width:2;
    stroke-linecap:round;
    stroke-dasharray:
        8 13;
    filter:
        drop-shadow(
            0 0 5px
            rgba(65,167,235,.35)
        );
    animation:
        vm2WhyRouteFlow
        12s linear infinite;
}

#vm2WhyChoose .vm2-why-route.route-two{
    opacity:.55;
    stroke-width:1.5;
    animation-duration:17s;
    animation-direction:reverse;
}

@keyframes vm2WhyRouteFlow{
    to{
        stroke-dashoffset:-210;
    }
}

/* ==========================================================
   OPERATION NODES
========================================================== */

#vm2WhyChoose .vm2-why-node{
    position:absolute;
    z-index:5;

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        rgba(255,255,255,.95);

    color:#1564c0;

    box-shadow:
        0 0 0 7px
        rgba(69,169,236,.11),
        0 9px 22px
        rgba(0,21,49,.22);

    animation:
        vm2WhyNodePulse
        3.2s ease-in-out infinite;
}

#vm2WhyChoose .vm2-why-node::after{
    content:"";

    position:absolute;
    inset:-9px;

    border:
        1px solid
        rgba(93,188,246,.42);

    border-radius:50%;

    animation:
        vm2WhyNodeRing
        2.8s ease-out infinite;
}

#vm2WhyChoose .vm2-why-node i{
    font-size:14px;
}

#vm2WhyChoose .vm2-why-node.node-a{
    left:12%;
    bottom:25%;
}

#vm2WhyChoose .vm2-why-node.node-b{
    left:42%;
    top:43%;
    animation-delay:.7s;
}

#vm2WhyChoose .vm2-why-node.node-c{
    right:17%;
    top:25%;
    animation-delay:1.4s;
}

#vm2WhyChoose .vm2-why-node.node-d{
    right:11%;
    bottom:24%;
    animation-delay:2.1s;
}

@keyframes vm2WhyNodePulse{
    0%,
    100%{
        transform:
            translateY(0)
            scale(.96);
    }

    50%{
        transform:
            translateY(-3px)
            scale(1.05);
    }
}

@keyframes vm2WhyNodeRing{
    0%{
        opacity:.55;
        transform:scale(.72);
    }

    80%,
    100%{
        opacity:0;
        transform:scale(1.38);
    }
}

/* ==========================================================
   LIVE SCANNER
========================================================== */

#vm2WhyChoose .vm2-why-scan{
    position:absolute;
    z-index:4;

    top:-15%;
    bottom:-15%;

    left:-25%;

    width:20%;

    transform:
        skewX(-17deg);

    opacity:0;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82,177,240,.07),
            rgba(113,207,255,.26),
            rgba(82,177,240,.07),
            transparent
        );

    animation:
        vm2WhyScan
        9.2s ease-in-out infinite;
}

@keyframes vm2WhyScan{
    0%{
        left:-28%;
        opacity:0;
    }

    15%{
        opacity:.26;
    }

    52%{
        opacity:.44;
    }

    87%{
        opacity:.16;
    }

    100%{
        left:112%;
        opacity:0;
    }
}

/* ==========================================================
   LIVE LABEL
========================================================== */

#vm2WhyChoose .vm2-why-live{
    position:absolute;
    z-index:6;

    right:20px;
    top:20px;

    display:flex;
    align-items:center;

    gap:8px;

    padding:
        8px 11px;

    border-radius:9px;

    background:
        rgba(4,29,58,.74);

    color:#ffffff;

    font-size:9px;

    font-weight:800;

    letter-spacing:1px;

    backdrop-filter:
        blur(8px);
}

#vm2WhyChoose .vm2-why-live span{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#5ec2fb;

    box-shadow:
        0 0 0 5px
        rgba(94,194,251,.12);

    animation:
        vm2WhyLive
        1.7s ease-in-out infinite;
}

@keyframes vm2WhyLive{
    0%,
    100%{
        opacity:.42;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.16);
    }
}

/* ==========================================================
   FLOATING BADGE
========================================================== */

#vm2WhyChoose .vm2-floating-badge{
    left:22px;
    right:22px;
    bottom:20px;

    background:
        rgba(255,255,255,.94);

    border:
        1px solid
        rgba(255,255,255,.60);

    box-shadow:
        0 14px 38px
        rgba(0,22,52,.17);

    backdrop-filter:
        blur(10px);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

#vm2WhyChoose .vm2-floating-badge:hover{
    transform:
        translateY(-4px);

    box-shadow:
        0 20px 45px
        rgba(0,22,52,.22);
}

/* ==========================================================
   RIGHT FEATURE MODULES
========================================================== */

#vm2WhyChoose .vm2-why-features{
    gap:14px;
}

#vm2WhyChoose .vm2-why-item{
    position:relative;

    min-height:76px;

    padding:
        17px 16px;

    overflow:hidden;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid
        rgba(27,77,132,.12);

    box-shadow:
        0 9px 24px
        rgba(17,60,102,.04);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

#vm2WhyChoose .vm2-why-item::before{
    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:3px;

    transform:
        scaleY(0);

    transform-origin:
        center;

    background:
        linear-gradient(
            180deg,
            #1564c0,
            #55aaf0
        );

    transition:
        transform .35s ease;
}

#vm2WhyChoose .vm2-why-item::after{
    content:"";

    position:absolute;

    right:-35px;
    top:-35px;

    width:85px;
    height:85px;

    border-radius:50%;

    background:
        rgba(21,100,192,.04);

    opacity:0;

    transform:
        scale(.7);

    transition:
        opacity .4s ease,
        transform .4s ease;
}

#vm2WhyChoose .vm2-why-item > i{
    position:relative;
    z-index:2;

    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease,
        box-shadow .35s ease;
}

#vm2WhyChoose .vm2-why-item > span{
    position:relative;
    z-index:2;
}

/* Staggered feature activation */
#vm2WhyChoose .vm2-why-item{
    opacity:0;
    transform:
        translateY(18px);
}

#vm2WhyChoose.vm2-why-active
.vm2-why-item{
    opacity:1;
    transform:translateY(0);
}

#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(1){transition-delay:.05s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(2){transition-delay:.10s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(3){transition-delay:.15s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(4){transition-delay:.20s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(5){transition-delay:.25s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(6){transition-delay:.30s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(7){transition-delay:.35s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(8){transition-delay:.40s}

@media(hover:hover) and (pointer:fine){

    #vm2WhyChoose .vm2-why-item:hover{
        transform:
            translateY(-5px);

        border-color:
            rgba(21,100,192,.25);

        background:#ffffff;

        box-shadow:
            0 16px 35px
            rgba(17,60,102,.10);
    }

    #vm2WhyChoose .vm2-why-item:hover::before{
        transform:
            scaleY(1);
    }

    #vm2WhyChoose .vm2-why-item:hover::after{
        opacity:1;
        transform:scale(1.15);
    }

    #vm2WhyChoose .vm2-why-item:hover > i{
        transform:
            rotate(-5deg)
            scale(1.07);

        background:#1564c0;
        color:#ffffff;

        box-shadow:
            0 10px 22px
            rgba(21,100,192,.18);
    }

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:991px){

    #vm2WhyChoose .vm2-why-grid{
        grid-template-columns:1fr;
        gap:42px;
    }

    #vm2WhyChoose .vm2-why-visual{
        min-height:460px;
    }

}

@media(max-width:575px){

    #vm2WhyChoose .vm2-why-visual{
        min-height:390px;
        border-radius:20px;
    }

    #vm2WhyChoose .vm2-why-live{
        right:14px;
        top:14px;
    }

    #vm2WhyChoose .vm2-why-node{
        width:34px;
        height:34px;
    }

    #vm2WhyChoose .vm2-floating-badge{
        left:14px;
        right:14px;
        bottom:14px;
        padding:16px;
    }

    #vm2WhyChoose .vm2-why-features{
        grid-template-columns:1fr;
    }

}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){

    #vm2WhyChoose .vm2-why-route,
    #vm2WhyChoose .vm2-why-node,
    #vm2WhyChoose .vm2-why-node::after,
    #vm2WhyChoose .vm2-why-scan,
    #vm2WhyChoose .vm2-why-live span{
        animation:none!important;
    }

}


/* ==========================================================
   VM2 WHY CHOOSE US v1.1.10
   DISTINCT ASSURANCE / OPERATIONS ANIMATION
   No route-map animation. No Coverage-Network visual language.
========================================================== */

#vm2WhyChoose .vm2-why-control-visual{
    min-height:560px;
    border-radius:28px;
    overflow:hidden;
    isolation:isolate;
    background:#0b294f;
    border:1px solid rgba(21,100,192,.13);
    box-shadow:
        0 30px 68px rgba(12,48,86,.17);
}

/* Different project image from Coverage Network */
#vm2WhyChoose .vm2-why-control-visual > img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.055);
    filter:saturate(.96) contrast(1.02);
    transition:transform 1.25s cubic-bezier(.2,.7,.2,1);
}

#vm2WhyChoose.vm2-why-active
.vm2-why-control-visual > img{
    transform:scale(1.015);
}

#vm2WhyChoose .vm2-why-control-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(
            circle at 54% 43%,
            rgba(21,100,192,.05),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(4,24,48,.04) 0%,
            rgba(3,26,56,.16) 46%,
            rgba(3,22,47,.80) 100%
        );
}

/* Explicitly suppress old route-map visual language if cached CSS exists */
#vm2WhyChoose .vm2-why-route-map,
#vm2WhyChoose .vm2-why-route,
#vm2WhyChoose .vm2-why-node,
#vm2WhyChoose .vm2-why-scan,
#vm2WhyChoose .vm2-why-live{
    display:none!important;
}

/* ==========================================================
   CENTRAL ASSURANCE CORE
========================================================== */

#vm2WhyChoose .vm2-assurance-core{
    position:absolute;
    z-index:4;
    left:50%;
    top:43%;
    width:150px;
    height:150px;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

#vm2WhyChoose .vm2-assurance-shield{
    position:absolute;
    left:50%;
    top:50%;
    width:64px;
    height:64px;
    transform:translate(-50%,-50%);
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(
            145deg,
            #1b70c9,
            #0e4e99
        );
    color:#fff;
    font-size:24px;
    box-shadow:
        0 15px 30px rgba(0,31,68,.27),
        0 0 0 8px rgba(21,100,192,.12);
    animation:
        vm2AssuranceShield
        4s ease-in-out infinite;
}

@keyframes vm2AssuranceShield{
    0%,100%{
        transform:
            translate(-50%,-50%)
            scale(.98);
    }

    50%{
        transform:
            translate(-50%,-50%)
            scale(1.045);
        box-shadow:
            0 18px 34px rgba(0,31,68,.30),
            0 0 0 11px rgba(21,100,192,.08);
    }
}

#vm2WhyChoose .vm2-assurance-ring{
    position:absolute;
    left:50%;
    top:50%;
    border-radius:50%;
    border:
        1px solid
        rgba(112,203,255,.44);
    transform:
        translate(-50%,-50%)
        scale(.55);
    opacity:0;
    animation:
        vm2AssuranceRing
        4.5s ease-out infinite;
}

#vm2WhyChoose .vm2-assurance-ring.ring-1{
    width:88px;
    height:88px;
}

#vm2WhyChoose .vm2-assurance-ring.ring-2{
    width:118px;
    height:118px;
    animation-delay:1.2s;
}

#vm2WhyChoose .vm2-assurance-ring.ring-3{
    width:148px;
    height:148px;
    animation-delay:2.4s;
}

@keyframes vm2AssuranceRing{
    0%{
        opacity:0;
        transform:
            translate(-50%,-50%)
            scale(.55);
    }

    18%{
        opacity:.48;
    }

    72%{
        opacity:.08;
        transform:
            translate(-50%,-50%)
            scale(1.08);
    }

    100%{
        opacity:0;
        transform:
            translate(-50%,-50%)
            scale(1.20);
    }
}

/* ==========================================================
   FLOATING CONTROL CHIPS
========================================================== */

#vm2WhyChoose .vm2-control-chip{
    position:absolute;
    z-index:5;
    min-width:178px;
    display:grid;
    grid-template-columns:38px 1fr 8px;
    align-items:center;
    gap:10px;
    padding:11px 12px;
    border-radius:13px;
    background:
        rgba(255,255,255,.93);
    border:
        1px solid
        rgba(255,255,255,.70);
    box-shadow:
        0 13px 30px
        rgba(0,24,53,.19);
    backdrop-filter:
        blur(9px);
    will-change:transform;
}

#vm2WhyChoose .vm2-control-chip > i{
    width:38px;
    height:38px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        rgba(21,100,192,.10);
    color:#1564c0;
    font-size:14px;
}

#vm2WhyChoose .vm2-control-chip small{
    display:block;
    margin-bottom:2px;
    color:#8490a1;
    font-size:8px;
    line-height:1;
    letter-spacing:1px;
    font-weight:800;
}

#vm2WhyChoose .vm2-control-chip strong{
    display:block;
    color:#21344d;
    font-size:12px;
    line-height:1.2;
    font-weight:800;
}

#vm2WhyChoose .vm2-chip-status{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#39a2df;
    box-shadow:
        0 0 0 4px
        rgba(57,162,223,.10);
    animation:
        vm2ControlStatus
        1.8s ease-in-out infinite;
}

@keyframes vm2ControlStatus{
    0%,100%{
        opacity:.40;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.20);
    }
}

#vm2WhyChoose .vm2-chip-tracking{
    left:6%;
    top:15%;
    animation:
        vm2ControlFloatOne
        5.7s ease-in-out infinite;
}

#vm2WhyChoose .vm2-chip-security{
    right:5%;
    top:24%;
    animation:
        vm2ControlFloatTwo
        6.3s ease-in-out infinite;
}

#vm2WhyChoose .vm2-chip-support{
    left:11%;
    bottom:24%;
    animation:
        vm2ControlFloatThree
        6.9s ease-in-out infinite;
}

@keyframes vm2ControlFloatOne{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-7px,0)}
}

@keyframes vm2ControlFloatTwo{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(5px,6px,0)}
}

@keyframes vm2ControlFloatThree{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(-4px,-6px,0)}
}

/* ==========================================================
   RISING DATA PARTICLES
========================================================== */

#vm2WhyChoose .vm2-assurance-particles{
    position:absolute;
    inset:0;
    z-index:3;
    overflow:hidden;
    pointer-events:none;
}

#vm2WhyChoose .vm2-assurance-particles span{
    position:absolute;
    bottom:10%;
    width:3px;
    height:3px;
    border-radius:50%;
    background:
        rgba(119,209,255,.75);
    box-shadow:
        0 0 8px
        rgba(119,209,255,.40);
    opacity:0;
    animation:
        vm2AssuranceParticle
        7s linear infinite;
}

#vm2WhyChoose .vm2-assurance-particles span:nth-child(1){left:20%;animation-delay:0s}
#vm2WhyChoose .vm2-assurance-particles span:nth-child(2){left:31%;animation-delay:1.1s}
#vm2WhyChoose .vm2-assurance-particles span:nth-child(3){left:44%;animation-delay:2.2s}
#vm2WhyChoose .vm2-assurance-particles span:nth-child(4){left:56%;animation-delay:3.3s}
#vm2WhyChoose .vm2-assurance-particles span:nth-child(5){left:69%;animation-delay:4.4s}
#vm2WhyChoose .vm2-assurance-particles span:nth-child(6){left:78%;animation-delay:5.5s}
#vm2WhyChoose .vm2-assurance-particles span:nth-child(7){left:26%;animation-delay:6.1s}
#vm2WhyChoose .vm2-assurance-particles span:nth-child(8){left:61%;animation-delay:2.8s}
#vm2WhyChoose .vm2-assurance-particles span:nth-child(9){left:84%;animation-delay:4.9s}

@keyframes vm2AssuranceParticle{
    0%{
        transform:
            translate3d(0,24px,0)
            scale(.6);
        opacity:0;
    }

    15%{
        opacity:.45;
    }

    70%{
        opacity:.18;
    }

    100%{
        transform:
            translate3d(9px,-310px,0)
            scale(1);
        opacity:0;
    }
}

/* ==========================================================
   PRECISION CORNER BRACKETS
========================================================== */

#vm2WhyChoose .vm2-focus-corner{
    position:absolute;
    z-index:4;
    width:34px;
    height:34px;
    opacity:.48;
    border-color:
        rgba(106,200,255,.68);
    border-style:solid;
    pointer-events:none;
    animation:
        vm2FocusBreathe
        3.2s ease-in-out infinite;
}

#vm2WhyChoose .vm2-focus-corner.c1{
    left:18px;top:18px;
    border-width:2px 0 0 2px;
}

#vm2WhyChoose .vm2-focus-corner.c2{
    right:18px;top:18px;
    border-width:2px 2px 0 0;
}

#vm2WhyChoose .vm2-focus-corner.c3{
    left:18px;bottom:18px;
    border-width:0 0 2px 2px;
}

#vm2WhyChoose .vm2-focus-corner.c4{
    right:18px;bottom:18px;
    border-width:0 2px 2px 0;
}

@keyframes vm2FocusBreathe{
    0%,100%{
        opacity:.30;
        width:30px;
        height:30px;
    }

    50%{
        opacity:.66;
        width:38px;
        height:38px;
    }
}

/* ==========================================================
   CAPTION
========================================================== */

#vm2WhyChoose .vm2-why-control-caption{
    position:absolute;
    z-index:6;
    left:22px;
    right:22px;
    bottom:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    color:#fff;
}

#vm2WhyChoose .vm2-control-live{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:9px;
    font-weight:800;
    letter-spacing:.9px;
}

#vm2WhyChoose .vm2-control-live i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#69ceff;
    box-shadow:
        0 0 0 5px
        rgba(105,206,255,.11);
    animation:
        vm2ControlStatus
        1.7s ease-in-out infinite;
}

#vm2WhyChoose .vm2-why-control-caption strong{
    max-width:260px;
    text-align:right;
    color:
        rgba(255,255,255,.92);
    font-size:12px;
    line-height:1.35;
    font-weight:700;
}

/* ==========================================================
   RIGHT FEATURE MODULES: retain clean behavior, no route theme
========================================================== */

#vm2WhyChoose .vm2-why-item{
    position:relative;
    min-height:76px;
    overflow:hidden;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(27,77,132,.12);
    box-shadow:0 9px 24px rgba(17,60,102,.04);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

#vm2WhyChoose .vm2-why-item::before{
    content:"";
    position:absolute;
    left:0;
    top:14px;
    bottom:14px;
    width:3px;
    border-radius:4px;
    background:
        linear-gradient(
            180deg,
            #1564c0,
            #55aaf0
        );
    transform:scaleY(0);
    transition:transform .35s ease;
}

#vm2WhyChoose.vm2-why-active
.vm2-why-item{
    opacity:1;
    transform:translateY(0);
}

#vm2WhyChoose .vm2-why-item{
    opacity:0;
    transform:translateY(16px);
}

#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(1){transition-delay:.05s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(2){transition-delay:.10s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(3){transition-delay:.15s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(4){transition-delay:.20s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(5){transition-delay:.25s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(6){transition-delay:.30s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(7){transition-delay:.35s}
#vm2WhyChoose.vm2-why-active .vm2-why-item:nth-child(8){transition-delay:.40s}

@media(hover:hover) and (pointer:fine){

    #vm2WhyChoose .vm2-why-item:hover{
        transform:translateY(-5px);
        border-color:
            rgba(21,100,192,.24);
        box-shadow:
            0 16px 34px
            rgba(17,60,102,.10);
    }

    #vm2WhyChoose .vm2-why-item:hover::before{
        transform:scaleY(1);
    }

    #vm2WhyChoose .vm2-why-item:hover > i{
        transform:
            rotate(-4deg)
            scale(1.06);
        background:#1564c0;
        color:#fff;
    }

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:991px){

    #vm2WhyChoose .vm2-why-control-visual{
        min-height:470px;
    }

}

@media(max-width:575px){

    #vm2WhyChoose .vm2-why-control-visual{
        min-height:410px;
        border-radius:20px;
    }

    #vm2WhyChoose .vm2-control-chip{
        min-width:145px;
        padding:9px;
        grid-template-columns:32px 1fr 6px;
    }

    #vm2WhyChoose .vm2-control-chip > i{
        width:32px;
        height:32px;
    }

    #vm2WhyChoose .vm2-chip-tracking{
        left:3%;
        top:12%;
    }

    #vm2WhyChoose .vm2-chip-security{
        right:3%;
        top:29%;
    }

    #vm2WhyChoose .vm2-chip-support{
        left:5%;
        bottom:28%;
    }

    #vm2WhyChoose .vm2-assurance-core{
        width:120px;
        height:120px;
    }

    #vm2WhyChoose .vm2-why-control-caption{
        display:block;
    }

    #vm2WhyChoose .vm2-why-control-caption strong{
        display:block;
        margin-top:8px;
        text-align:left;
    }

}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){

    #vm2WhyChoose .vm2-assurance-shield,
    #vm2WhyChoose .vm2-assurance-ring,
    #vm2WhyChoose .vm2-control-chip,
    #vm2WhyChoose .vm2-chip-status,
    #vm2WhyChoose .vm2-assurance-particles span,
    #vm2WhyChoose .vm2-focus-corner,
    #vm2WhyChoose .vm2-control-live i{
        animation:none!important;
    }

}


/* ==========================================================
   VM2 SIMPLE PROCESS v1.1.11
   Four-step shipment journey animation
   Scoped only to #vm2HowItWorks
========================================================== */

#vm2HowItWorks{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(
            circle at 50% 52%,
            rgba(21,100,192,.055),
            transparent 44%
        ),
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #ecf2f8 100%
        );
}

#vm2HowItWorks .vm2-process-system{
    position:relative;
    padding-top:34px;
}

/* ==========================================================
   SHIPMENT JOURNEY RAIL
========================================================== */

#vm2HowItWorks .vm2-process-rail{
    position:absolute;
    z-index:1;
    left:10%;
    right:10%;
    top:77px;
    height:4px;
    border-radius:10px;
    background:
        #d7e3ef;
    overflow:visible;
}

#vm2HowItWorks .vm2-process-progress{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    border-radius:10px;
    background:
        linear-gradient(
            90deg,
            #1564c0,
            #4ea9ef
        );
    box-shadow:
        0 0 14px
        rgba(21,100,192,.18);
}

#vm2HowItWorks.vm2-process-active
.vm2-process-progress{
    animation:
        vm2ProcessProgress
        8.8s cubic-bezier(.18,.75,.25,1)
        infinite;
}

@keyframes vm2ProcessProgress{
    0%{
        width:0%;
    }

    18%{
        width:0%;
    }

    38%{
        width:33.3%;
    }

    58%{
        width:66.6%;
    }

    78%,
    100%{
        width:100%;
    }
}

/* Moving parcel */
#vm2HowItWorks .vm2-process-package{
    position:absolute;
    z-index:6;
    left:0;
    top:50%;
    width:36px;
    height:36px;
    transform:
        translate(-50%,-50%);
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#1564c0;
    color:#fff;
    font-size:13px;
    box-shadow:
        0 10px 22px
        rgba(21,100,192,.25),
        0 0 0 6px
        rgba(21,100,192,.10);
}

#vm2HowItWorks.vm2-process-active
.vm2-process-package{
    animation:
        vm2ProcessPackage
        8.8s cubic-bezier(.18,.75,.25,1)
        infinite;
}

@keyframes vm2ProcessPackage{
    0%,
    18%{
        left:0%;
        transform:
            translate(-50%,-50%)
            rotate(0deg)
            scale(.95);
    }

    38%{
        left:33.3%;
        transform:
            translate(-50%,-50%)
            rotate(4deg)
            scale(1);
    }

    58%{
        left:66.6%;
        transform:
            translate(-50%,-50%)
            rotate(-3deg)
            scale(1);
    }

    78%,
    92%{
        left:100%;
        transform:
            translate(-50%,-50%)
            rotate(0deg)
            scale(1);
    }

    100%{
        left:100%;
        transform:
            translate(-50%,-50%)
            scale(.90);
    }
}

/* Rail nodes */
#vm2HowItWorks .vm2-process-rail-node{
    position:absolute;
    z-index:4;
    top:50%;
    width:14px;
    height:14px;
    border-radius:50%;
    transform:
        translate(-50%,-50%);
    background:#ffffff;
    border:
        3px solid
        #c5d5e6;
    box-shadow:
        0 0 0 5px
        rgba(255,255,255,.85);
    transition:
        border-color .35s ease,
        background .35s ease,
        transform .35s ease;
}

#vm2HowItWorks .rail-1{left:0%}
#vm2HowItWorks .rail-2{left:33.3%}
#vm2HowItWorks .rail-3{left:66.6%}
#vm2HowItWorks .rail-4{left:100%}

#vm2HowItWorks.vm2-process-step-1 .rail-1,
#vm2HowItWorks.vm2-process-step-2 .rail-1,
#vm2HowItWorks.vm2-process-step-2 .rail-2,
#vm2HowItWorks.vm2-process-step-3 .rail-1,
#vm2HowItWorks.vm2-process-step-3 .rail-2,
#vm2HowItWorks.vm2-process-step-3 .rail-3,
#vm2HowItWorks.vm2-process-step-4 .vm2-process-rail-node{
    background:#1564c0;
    border-color:#1564c0;
    transform:
        translate(-50%,-50%)
        scale(1.12);
}

/* ==========================================================
   PROCESS GRID
========================================================== */

#vm2HowItWorks .vm2-process{
    position:relative;
    z-index:3;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap:22px;
}

#vm2HowItWorks .vm2-process::before{
    display:none;
}

#vm2HowItWorks .vm2-process-item{
    position:relative;
    text-align:center;
}

/* ==========================================================
   STEP NUMBER + ICON
========================================================== */

#vm2HowItWorks .vm2-process-num{
    position:relative;
    z-index:5;
    width:86px;
    height:86px;
    margin:
        0 auto 22px;
    border-radius:22px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    background:#ffffff;
    border:
        1px solid
        #d8e4ef;
    color:#1564c0;
    box-shadow:
        0 12px 28px
        rgba(18,58,99,.09);
    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

#vm2HowItWorks .vm2-process-num > span{
    font-size:18px;
    font-weight:850;
    line-height:1;
}

#vm2HowItWorks .vm2-process-step-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}

#vm2HowItWorks .vm2-process-item.vm2-step-active
.vm2-process-num{
    transform:
        translateY(-4px)
        scale(1.05);
    background:#1564c0;
    color:#ffffff;
    border-color:#1564c0;
    box-shadow:
        0 16px 34px
        rgba(21,100,192,.21),
        0 0 0 7px
        rgba(21,100,192,.08);
}

/* ==========================================================
   PROCESS CARDS
========================================================== */

#vm2HowItWorks .vm2-process-card{
    position:relative;
    min-height:205px;
    padding:
        27px 20px 22px;
    overflow:hidden;
    border:
        1px solid
        #dce7f1;
    border-radius:18px;
    background:
        rgba(255,255,255,.96);
    box-shadow:
        0 10px 30px
        rgba(17,58,98,.055);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

#vm2HowItWorks .vm2-process-card::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    transform:
        scaleX(0);
    transform-origin:left;
    background:
        linear-gradient(
            90deg,
            #1564c0,
            #4ca8ef
        );
    transition:
        transform .45s ease;
}

#vm2HowItWorks .vm2-process-item.vm2-step-active
.vm2-process-card{
    transform:
        translateY(-5px);
    border-color:
        rgba(21,100,192,.24);
    box-shadow:
        0 18px 38px
        rgba(17,58,98,.10);
}

#vm2HowItWorks .vm2-process-item.vm2-step-active
.vm2-process-card::before{
    transform:
        scaleX(1);
}

#vm2HowItWorks .vm2-process-card h3{
    margin:
        10px 0 8px;
    font-size:18px;
}

#vm2HowItWorks .vm2-process-card p{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.6;
}

#vm2HowItWorks .vm2-process-status{
    display:inline-flex;
    padding:
        6px 9px;
    border-radius:7px;
    background:
        rgba(21,100,192,.07);
    color:#1564c0;
    font-size:8px;
    font-weight:850;
    letter-spacing:1px;
}

/* ==========================================================
   STEP-SPECIFIC MICRO ANIMATION
========================================================== */

#vm2HowItWorks .vm2-process-mini-animation{
    position:absolute;
    left:50%;
    bottom:17px;
    transform:
        translateX(-50%);
    width:72px;
    height:28px;
    opacity:.30;
}

/* 01 Pickup pulse */
#vm2HowItWorks .pickup-animation span{
    position:absolute;
    left:50%;
    top:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    border:
        1px solid
        #1564c0;
    transform:
        translate(-50%,-50%)
        scale(.5);
    opacity:0;
}

#vm2HowItWorks
.vm2-process-item.vm2-step-active
.pickup-animation span{
    animation:
        vm2PickupPulse
        2.3s ease-out infinite;
}

#vm2HowItWorks
.pickup-animation span:nth-child(2){
    animation-delay:.6s!important;
}

#vm2HowItWorks
.pickup-animation span:nth-child(3){
    animation-delay:1.2s!important;
}

@keyframes vm2PickupPulse{
    0%{
        opacity:.55;
        transform:
            translate(-50%,-50%)
            scale(.45);
    }

    100%{
        opacity:0;
        transform:
            translate(-50%,-50%)
            scale(3.5);
    }
}

/* 02 Collection confirmation */
#vm2HowItWorks .collection-animation{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#1564c0;
}

#vm2HowItWorks
.collection-animation .fa-box{
    transform:
        translateY(5px);
}

#vm2HowItWorks
.vm2-process-item.vm2-step-active
.collection-animation .fa-box{
    animation:
        vm2CollectionBox
        2.1s ease-in-out infinite;
}

#vm2HowItWorks
.collection-animation .fa-check{
    opacity:0;
    transform:
        scale(.6);
}

#vm2HowItWorks
.vm2-process-item.vm2-step-active
.collection-animation .fa-check{
    animation:
        vm2CollectionCheck
        2.1s ease-in-out infinite;
}

@keyframes vm2CollectionBox{
    0%,100%{
        transform:
            translateY(5px);
    }

    42%{
        transform:
            translateY(-2px);
    }
}

@keyframes vm2CollectionCheck{
    0%,35%{
        opacity:0;
        transform:
            scale(.6);
    }

    55%,85%{
        opacity:1;
        transform:
            scale(1);
    }

    100%{
        opacity:0;
    }
}

/* 03 Transportation motion */
#vm2HowItWorks .transit-animation{
    overflow:hidden;
}

#vm2HowItWorks .transit-animation .road-line{
    position:absolute;
    left:0;
    right:0;
    bottom:6px;
    height:2px;
    background:
        repeating-linear-gradient(
            90deg,
            #94b7d8 0 12px,
            transparent 12px 20px
        );
}

#vm2HowItWorks .transit-animation .fa-truck{
    position:absolute;
    left:-20px;
    bottom:7px;
    color:#1564c0;
}

#vm2HowItWorks
.vm2-process-item.vm2-step-active
.transit-animation .fa-truck{
    animation:
        vm2TransitTruck
        2.6s linear infinite;
}

@keyframes vm2TransitTruck{
    from{
        left:-20px;
    }

    to{
        left:82px;
    }
}

/* 04 Delivery confirmation */
#vm2HowItWorks .delivery-animation{
    display:flex;
    align-items:center;
    justify-content:center;
}

#vm2HowItWorks .delivery-ring{
    position:absolute;
    width:24px;
    height:24px;
    border-radius:50%;
    border:
        1px solid
        #1564c0;
    opacity:0;
}

#vm2HowItWorks
.vm2-process-item.vm2-step-active
.delivery-ring{
    animation:
        vm2DeliveryRing
        2.4s ease-out infinite;
}

#vm2HowItWorks .delivery-animation .fa-check{
    color:#1564c0;
    opacity:.45;
}

#vm2HowItWorks
.vm2-process-item.vm2-step-active
.delivery-animation .fa-check{
    animation:
        vm2DeliveryCheck
        2.4s ease-in-out infinite;
}

@keyframes vm2DeliveryRing{
    0%{
        opacity:.55;
        transform:scale(.6);
    }

    100%{
        opacity:0;
        transform:scale(2.1);
    }
}

@keyframes vm2DeliveryCheck{
    0%,20%{
        opacity:.35;
        transform:scale(.8);
    }

    45%,85%{
        opacity:1;
        transform:scale(1.1);
    }

    100%{
        opacity:.35;
        transform:scale(.8);
    }
}

/* ==========================================================
   HOVER
========================================================== */

@media(hover:hover) and (pointer:fine){

    #vm2HowItWorks .vm2-process-card:hover{
        transform:
            translateY(-5px);
        border-color:
            rgba(21,100,192,.22);
        box-shadow:
            0 17px 35px
            rgba(17,58,98,.09);
    }

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:991px){

    #vm2HowItWorks .vm2-process{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap:32px 22px;
    }

    #vm2HowItWorks .vm2-process-rail{
        display:none;
    }

}

@media(max-width:575px){

    #vm2HowItWorks .vm2-process{
        grid-template-columns:1fr;
    }

    #vm2HowItWorks .vm2-process-card{
        min-height:185px;
    }

}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){

    #vm2HowItWorks .vm2-process-progress,
    #vm2HowItWorks .vm2-process-package,
    #vm2HowItWorks .pickup-animation span,
    #vm2HowItWorks .collection-animation i,
    #vm2HowItWorks .transit-animation .fa-truck,
    #vm2HowItWorks .delivery-ring,
    #vm2HowItWorks .delivery-animation .fa-check{
        animation:none!important;
    }

}


/* ==========================================================
   VM2 FLEET & INFRASTRUCTURE v1.1.12
   Fleet movement + warehouse + operations animation
   Scoped only to #vm2Fleet
========================================================== */

#vm2Fleet{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(
            circle at 14% 46%,
            rgba(21,100,192,.065),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #ecf2f8 100%
        );
}

#vm2Fleet .vm2-fleet{
    grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr);
    gap:58px;
}

/* ==========================================================
   LEFT STAGE
========================================================== */

#vm2Fleet .vm2-fleet-stage{
    position:relative;
    display:grid;
    grid-template-columns:1.2fr .8fr;
    grid-template-rows:260px 260px;
    gap:14px;
    min-height:534px;
    perspective:1200px;
}

/* Main fleet image */
#vm2Fleet .vm2-fleet-main-panel{
    position:relative;
    grid-row:span 2;
    overflow:hidden;
    border-radius:24px;
    background:#0b2a50;
    box-shadow:
        0 28px 62px
        rgba(13,49,86,.17);
    isolation:isolate;
}

#vm2Fleet .vm2-fleet-main-panel > img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:
        scale(1.06)
        translateX(-8px);
    transition:
        transform 1.4s
        cubic-bezier(.2,.7,.2,1);
}

#vm2Fleet.vm2-fleet-active
.vm2-fleet-main-panel > img{
    transform:
        scale(1.02)
        translateX(0);
}

#vm2Fleet .vm2-fleet-main-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            180deg,
            rgba(4,24,47,.04) 20%,
            rgba(4,26,52,.12) 52%,
            rgba(4,23,47,.76) 100%
        );
}

/* Fleet approach motion */
#vm2Fleet .vm2-fleet-main-panel{
    transform-origin:center bottom;
}

#vm2Fleet.vm2-fleet-active
.vm2-fleet-main-panel{
    animation:
        vm2FleetArrival
        1.4s
        cubic-bezier(.2,.78,.2,1)
        both;
}

@keyframes vm2FleetArrival{
    0%{
        transform:
            translate3d(-22px,9px,0)
            scale(.985);
        opacity:.70;
    }

    100%{
        transform:
            translate3d(0,0,0)
            scale(1);
        opacity:1;
    }
}

/* GPS live status */
#vm2Fleet .vm2-fleet-vehicle-status{
    position:absolute;
    z-index:5;
    left:18px;
    top:18px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:
        8px 11px;
    border-radius:9px;
    background:
        rgba(5,31,61,.76);
    color:#fff;
    font-size:9px;
    font-weight:850;
    letter-spacing:1px;
    backdrop-filter:
        blur(8px);
}

#vm2Fleet .vm2-fleet-live-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#61c9ff;
    box-shadow:
        0 0 0 5px
        rgba(97,201,255,.11);
    animation:
        vm2FleetLive
        1.6s ease-in-out infinite;
}

@keyframes vm2FleetLive{
    0%,100%{
        opacity:.40;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.18);
    }
}

/* Status metric */
#vm2Fleet .vm2-fleet-speed-indicator{
    position:absolute;
    z-index:5;
    right:18px;
    top:18px;
    text-align:right;
    padding:
        9px 11px;
    border-radius:10px;
    background:
        rgba(255,255,255,.92);
    box-shadow:
        0 9px 22px
        rgba(0,23,50,.12);
}

#vm2Fleet .vm2-fleet-speed-indicator span{
    display:block;
    color:#8490a0;
    font-size:7px;
    font-weight:850;
    letter-spacing:1px;
}

#vm2Fleet .vm2-fleet-speed-indicator strong{
    display:block;
    color:#1564c0;
    font-size:18px;
    line-height:1.15;
}

/* Road motion lines */
#vm2Fleet .vm2-fleet-road-motion{
    position:absolute;
    z-index:3;
    left:10%;
    right:8%;
    bottom:9%;
    height:26px;
    overflow:hidden;
    opacity:.45;
    transform:
        perspective(500px)
        rotateX(55deg);
}

#vm2Fleet .vm2-fleet-road-motion span{
    position:absolute;
    left:-30%;
    width:35%;
    height:2px;
    border-radius:4px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(154,221,255,.92),
            transparent
        );
    animation:
        vm2FleetRoadFlow
        3.8s linear infinite;
}

#vm2Fleet .vm2-fleet-road-motion span:nth-child(1){
    top:4px;
}

#vm2Fleet .vm2-fleet-road-motion span:nth-child(2){
    top:12px;
    animation-delay:1.25s;
}

#vm2Fleet .vm2-fleet-road-motion span:nth-child(3){
    top:20px;
    animation-delay:2.5s;
}

@keyframes vm2FleetRoadFlow{
    from{
        left:-36%;
        opacity:0;
    }

    18%{
        opacity:.72;
    }

    82%{
        opacity:.55;
    }

    to{
        left:104%;
        opacity:0;
    }
}

/* GPS scan sweep */
#vm2Fleet .vm2-fleet-scan-line{
    position:absolute;
    z-index:4;
    top:-10%;
    bottom:-10%;
    left:-24%;
    width:15%;
    transform:
        skewX(-14deg);
    opacity:0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(101,198,250,.08),
            rgba(121,211,255,.28),
            rgba(101,198,250,.08),
            transparent
        );
    animation:
        vm2FleetScan
        8.2s ease-in-out infinite;
}

@keyframes vm2FleetScan{
    0%{
        left:-24%;
        opacity:0;
    }

    15%{
        opacity:.25;
    }

    54%{
        opacity:.45;
    }

    88%{
        opacity:.15;
    }

    100%{
        left:112%;
        opacity:0;
    }
}

/* ==========================================================
   SIDE INFRASTRUCTURE PANELS
========================================================== */

#vm2Fleet .vm2-fleet-side-panel{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    background:#0d2b50;
    box-shadow:
        0 18px 42px
        rgba(13,49,86,.11);
    isolation:isolate;
    transition:
        transform .45s ease,
        box-shadow .45s ease;
}

#vm2Fleet .vm2-fleet-side-panel > img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.07);
    transition:
        transform 1.1s
        cubic-bezier(.2,.7,.2,1);
}

#vm2Fleet.vm2-fleet-active
.vm2-fleet-side-panel > img{
    transform:scale(1.02);
}

#vm2Fleet .vm2-fleet-side-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            180deg,
            rgba(5,27,52,.05) 30%,
            rgba(4,25,50,.72) 100%
        );
}

#vm2Fleet .vm2-fleet-panel-label{
    position:absolute;
    z-index:4;
    left:14px;
    right:14px;
    bottom:14px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
}

#vm2Fleet .vm2-fleet-panel-label > i{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        rgba(21,100,192,.88);
    color:#fff;
    font-size:14px;
    box-shadow:
        0 8px 18px
        rgba(0,28,60,.18);
}

#vm2Fleet .vm2-fleet-panel-label small{
    display:block;
    margin-bottom:2px;
    color:
        rgba(255,255,255,.64);
    font-size:7px;
    font-weight:850;
    letter-spacing:1px;
}

#vm2Fleet .vm2-fleet-panel-label strong{
    display:block;
    color:#fff;
    font-size:12px;
    line-height:1.2;
}

/* Warehouse rack scanning */
#vm2Fleet .vm2-warehouse-scan{
    position:absolute;
    z-index:3;
    left:0;
    right:0;
    top:-4px;
    height:3px;
    opacity:.0;
    background:
        linear-gradient(
            90deg,
            transparent,
            #6fceff,
            transparent
        );
    box-shadow:
        0 0 14px
        rgba(95,196,250,.42);
}

#vm2Fleet.vm2-fleet-active
.vm2-warehouse-scan{
    animation:
        vm2WarehouseScan
        5.5s ease-in-out infinite;
}

@keyframes vm2WarehouseScan{
    0%{
        top:4%;
        opacity:0;
    }

    18%{
        opacity:.50;
    }

    70%{
        opacity:.30;
    }

    100%{
        top:82%;
        opacity:0;
    }
}

/* People / operations focus brackets */
#vm2Fleet .vm2-people-focus{
    position:absolute;
    inset:18px;
    z-index:3;
    pointer-events:none;
}

#vm2Fleet .vm2-people-focus span{
    position:absolute;
    width:24px;
    height:24px;
    border-style:solid;
    border-color:
        rgba(111,205,255,.58);
    opacity:.40;
    animation:
        vm2PeopleFocus
        3.1s ease-in-out infinite;
}

#vm2Fleet .vm2-people-focus .c1{
    left:0;
    top:0;
    border-width:2px 0 0 2px;
}

#vm2Fleet .vm2-people-focus .c2{
    right:0;
    top:0;
    border-width:2px 2px 0 0;
}

#vm2Fleet .vm2-people-focus .c3{
    left:0;
    bottom:0;
    border-width:0 0 2px 2px;
}

#vm2Fleet .vm2-people-focus .c4{
    right:0;
    bottom:0;
    border-width:0 2px 2px 0;
}

@keyframes vm2PeopleFocus{
    0%,100%{
        width:22px;
        height:22px;
        opacity:.28;
    }

    50%{
        width:29px;
        height:29px;
        opacity:.65;
    }
}

/* ==========================================================
   INFRASTRUCTURE SIGNALS
========================================================== */

#vm2Fleet .vm2-fleet-signal-ribbon{
    position:absolute;
    z-index:7;
    left:47%;
    top:50%;
    width:80px;
    height:80px;
    transform:
        translate(-50%,-50%);
    pointer-events:none;
}

#vm2Fleet .vm2-fleet-signal-ribbon .signal{
    position:absolute;
    left:50%;
    top:50%;
    border:
        1px solid
        rgba(65,169,231,.24);
    border-radius:50%;
    transform:
        translate(-50%,-50%)
        scale(.4);
    opacity:0;
    animation:
        vm2FleetSignal
        4.8s ease-out infinite;
}

#vm2Fleet .vm2-fleet-signal-ribbon .signal-1{
    width:35px;
    height:35px;
}

#vm2Fleet .vm2-fleet-signal-ribbon .signal-2{
    width:55px;
    height:55px;
    animation-delay:1.4s;
}

#vm2Fleet .vm2-fleet-signal-ribbon .signal-3{
    width:78px;
    height:78px;
    animation-delay:2.8s;
}

@keyframes vm2FleetSignal{
    0%{
        opacity:0;
        transform:
            translate(-50%,-50%)
            scale(.4);
    }

    20%{
        opacity:.40;
    }

    80%{
        opacity:.06;
    }

    100%{
        opacity:0;
        transform:
            translate(-50%,-50%)
            scale(1.12);
    }
}

/* ==========================================================
   RIGHT CAPABILITIES
========================================================== */

#vm2Fleet .vm2-fleet-list{
    margin-top:28px;
    gap:13px;
}

#vm2Fleet .vm2-fleet-capability{
    position:relative;
    min-height:68px;
    padding:
        14px 14px 14px 58px;
    border:
        1px solid
        rgba(25,75,128,.12);
    border-radius:14px;
    background:
        rgba(255,255,255,.96);
    color:#3f5066;
    box-shadow:
        0 8px 22px
        rgba(17,58,98,.035);
    opacity:0;
    transform:
        translateY(16px);
    transition:
        opacity .6s ease,
        transform .6s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

#vm2Fleet .vm2-fleet-capability > i{
    position:absolute;
    left:13px;
    top:50%;
    width:34px;
    height:34px;
    transform:
        translateY(-50%);
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        rgba(21,100,192,.09);
    color:#1564c0;
    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}

#vm2Fleet.vm2-fleet-active
.vm2-fleet-capability{
    opacity:1;
    transform:translateY(0);
}

#vm2Fleet.vm2-fleet-active .vm2-fleet-capability:nth-child(1){transition-delay:.05s}
#vm2Fleet.vm2-fleet-active .vm2-fleet-capability:nth-child(2){transition-delay:.11s}
#vm2Fleet.vm2-fleet-active .vm2-fleet-capability:nth-child(3){transition-delay:.17s}
#vm2Fleet.vm2-fleet-active .vm2-fleet-capability:nth-child(4){transition-delay:.23s}
#vm2Fleet.vm2-fleet-active .vm2-fleet-capability:nth-child(5){transition-delay:.29s}
#vm2Fleet.vm2-fleet-active .vm2-fleet-capability:nth-child(6){transition-delay:.35s}

@media(hover:hover) and (pointer:fine){

    #vm2Fleet .vm2-fleet-capability:hover{
        transform:
            translateY(-4px);
        border-color:
            rgba(21,100,192,.22);
        box-shadow:
            0 15px 30px
            rgba(17,58,98,.09);
    }

    #vm2Fleet .vm2-fleet-capability:hover > i{
        background:#1564c0;
        color:#fff;
        transform:
            translateY(-50%)
            rotate(-5deg)
            scale(1.05);
    }

    #vm2Fleet .vm2-fleet-side-panel:hover{
        transform:
            translateY(-5px);
        box-shadow:
            0 24px 48px
            rgba(13,49,86,.16);
    }

    #vm2Fleet .vm2-fleet-side-panel:hover > img{
        transform:
            scale(1.065);
    }

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:991px){

    #vm2Fleet .vm2-fleet{
        grid-template-columns:1fr;
        gap:42px;
    }

    #vm2Fleet .vm2-fleet-stage{
        min-height:500px;
        grid-template-rows:243px 243px;
    }

}

@media(max-width:575px){

    #vm2Fleet .vm2-fleet-stage{
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:
            330px
            210px
            210px;
        min-height:0;
    }

    #vm2Fleet .vm2-fleet-main-panel{
        grid-row:auto;
    }

    #vm2Fleet .vm2-fleet-signal-ribbon{
        display:none;
    }

    #vm2Fleet .vm2-fleet-list{
        grid-template-columns:1fr;
    }

}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){

    #vm2Fleet .vm2-fleet-main-panel,
    #vm2Fleet .vm2-fleet-live-dot,
    #vm2Fleet .vm2-fleet-road-motion span,
    #vm2Fleet .vm2-fleet-scan-line,
    #vm2Fleet .vm2-warehouse-scan,
    #vm2Fleet .vm2-people-focus span,
    #vm2Fleet .vm2-fleet-signal-ribbon .signal{
        animation:none!important;
    }

}


/* ==========================================================
   VM2 TESTIMONIALS v1.1.14
   Attractive testimonial-specific animation
   Scoped only to #vm2Testimonials
========================================================== */

#vm2Testimonials{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(21,100,192,.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(64,153,232,.045),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #ecf2f8 100%
        );
}

/* Soft floating testimonial ambience */
#vm2Testimonials::before,
#vm2Testimonials::after{
    content:"";
    position:absolute;
    z-index:1;
    border-radius:50%;
    pointer-events:none;
    filter:blur(2px);
    opacity:.18;
}

#vm2Testimonials::before{
    width:180px;
    height:180px;
    left:4%;
    top:18%;
    background:
        radial-gradient(
            circle,
            rgba(21,100,192,.18),
            transparent 70%
        );
    animation:
        vm2TestimonialAmbientOne
        8s ease-in-out infinite;
}

#vm2Testimonials::after{
    width:220px;
    height:220px;
    right:5%;
    bottom:5%;
    background:
        radial-gradient(
            circle,
            rgba(73,165,237,.16),
            transparent 72%
        );
    animation:
        vm2TestimonialAmbientTwo
        10s ease-in-out infinite;
}

@keyframes vm2TestimonialAmbientOne{
    0%,100%{
        transform:translate3d(0,0,0) scale(.96);
    }
    50%{
        transform:translate3d(14px,-10px,0) scale(1.04);
    }
}

@keyframes vm2TestimonialAmbientTwo{
    0%,100%{
        transform:translate3d(0,0,0) scale(1);
    }
    50%{
        transform:translate3d(-16px,12px,0) scale(1.05);
    }
}

#vm2Testimonials > .auto-container{
    position:relative;
    z-index:3;
}

/* Slider viewport gets premium depth */
#vm2Testimonials .vm2-testimonial-viewport{
    overflow:hidden;
    border-radius:24px;
    padding:2px 2px 10px;
}

#vm2Testimonials .vm2-testimonial-track{
    align-items:stretch;
}

/* Testimonial card */
#vm2Testimonials .vm2-testimonial{
    position:relative;
    min-height:300px;
    overflow:hidden;
    padding:34px 30px 30px;
    border:
        1px solid
        rgba(23,77,133,.12);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(250,252,255,.96)
        );
    box-shadow:
        0 16px 38px
        rgba(16,55,95,.07);
    transition:
        transform .45s cubic-bezier(.2,.75,.25,1),
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

/* Animated quotation mark */
#vm2Testimonials .vm2-testimonial-quote-mark{
    position:absolute;
    z-index:1;
    right:24px;
    top:14px;
    color:
        rgba(21,100,192,.075);
    font-size:92px;
    line-height:1;
    font-family:Georgia,serif;
    font-weight:700;
    transform:
        translateY(-8px)
        rotate(-5deg)
        scale(.92);
    transition:
        transform .55s ease,
        color .4s ease;
    pointer-events:none;
}

/* Sentiment glow at card bottom */
#vm2Testimonials .vm2-testimonial-sentiment{
    position:absolute;
    z-index:0;
    left:50%;
    bottom:-55px;
    width:180px;
    height:100px;
    transform:
        translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            ellipse at center,
            rgba(21,100,192,.12),
            transparent 72%
        );
    filter:blur(6px);
    opacity:.35;
    transition:
        opacity .4s ease,
        transform .45s ease;
}

#vm2Testimonials .vm2-testimonial > *:not(.vm2-testimonial-quote-mark):not(.vm2-testimonial-sentiment){
    position:relative;
    z-index:2;
}

/* Star rating reveals like feedback confirmation */
#vm2Testimonials .vm2-stars{
    display:inline-flex;
    gap:3px;
    letter-spacing:0;
    color:#f2a824;
    transform-origin:left center;
    opacity:.25;
    transform:
        translateY(3px)
        scale(.92);
    transition:
        opacity .45s ease,
        transform .45s ease,
        text-shadow .45s ease;
}

/* Review copy */
#vm2Testimonials .vm2-testimonial p{
    margin:
        18px 0 26px;
    color:#5a697e;
    font-size:14px;
    line-height:1.8;
}

/* Client identity */
#vm2Testimonials .vm2-person{
    display:flex;
    align-items:center;
    gap:14px;
}

#vm2Testimonials .vm2-person-avatar{
    position:relative;
    width:56px;
    height:56px;
    flex:0 0 56px;
    display:block;
}

#vm2Testimonials .vm2-person-avatar img{
    position:relative;
    z-index:2;
    width:56px;
    height:56px;
    border-radius:50%;
    object-fit:cover;
    border:
        3px solid
        #ffffff;
    box-shadow:
        0 8px 18px
        rgba(12,54,96,.14);
}

#vm2Testimonials .vm2-avatar-ring{
    position:absolute;
    z-index:1;
    inset:-5px;
    border-radius:50%;
    border:
        1px solid
        rgba(21,100,192,.30);
    opacity:0;
    transform:scale(.75);
}

/* Active-slide/card feedback */
#vm2Testimonials .vm2-testimonial-slide.vm2-testimonial-active
.vm2-testimonial{
    transform:
        translateY(-6px);
    border-color:
        rgba(21,100,192,.23);
    box-shadow:
        0 24px 52px
        rgba(16,55,95,.13);
    background:#ffffff;
}

#vm2Testimonials .vm2-testimonial-slide.vm2-testimonial-active
.vm2-testimonial-quote-mark{
    color:
        rgba(21,100,192,.12);
    transform:
        translateY(0)
        rotate(0deg)
        scale(1);
}

#vm2Testimonials .vm2-testimonial-slide.vm2-testimonial-active
.vm2-testimonial-sentiment{
    opacity:.75;
    transform:
        translateX(-50%)
        scaleX(1.20);
}

#vm2Testimonials .vm2-testimonial-slide.vm2-testimonial-active
.vm2-stars{
    opacity:1;
    transform:
        translateY(0)
        scale(1);
    text-shadow:
        0 4px 12px
        rgba(242,168,36,.15);
}

#vm2Testimonials .vm2-testimonial-slide.vm2-testimonial-active
.vm2-avatar-ring{
    animation:
        vm2TestimonialAvatarPulse
        3.4s ease-out infinite;
}

@keyframes vm2TestimonialAvatarPulse{
    0%{
        opacity:0;
        transform:scale(.75);
    }

    20%{
        opacity:.52;
    }

    70%{
        opacity:.08;
        transform:scale(1.25);
    }

    100%{
        opacity:0;
        transform:scale(1.34);
    }
}

/* Slide-entry motion */
#vm2Testimonials .vm2-testimonial-slide{
    opacity:.76;
    transform:
        scale(.975);
    transition:
        opacity .5s ease,
        transform .5s ease;
}

#vm2Testimonials .vm2-testimonial-slide.vm2-testimonial-visible{
    opacity:1;
    transform:scale(1);
}

/* Controls */
#vm2Testimonials .vm2-testimonial-nav{
    position:relative;
    overflow:hidden;
}

#vm2Testimonials .vm2-testimonial-nav::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(21,100,192,.14),
            transparent 72%
        );
    transform:scale(.1);
    opacity:0;
    transition:
        transform .35s ease,
        opacity .35s ease;
}

#vm2Testimonials .vm2-testimonial-nav:hover::after{
    transform:scale(1.4);
    opacity:.40;
}

#vm2Testimonials .vm2-testimonial-dot{
    position:relative;
}

#vm2Testimonials .vm2-testimonial-dot.active{
    box-shadow:
        0 0 0 4px
        rgba(21,100,192,.08);
}

/* Hover keeps user-focused testimonial lifted */
@media(hover:hover) and (pointer:fine){

    #vm2Testimonials .vm2-testimonial:hover{
        transform:
            translateY(-8px);
        border-color:
            rgba(21,100,192,.25);
        box-shadow:
            0 26px 56px
            rgba(16,55,95,.14);
    }

    #vm2Testimonials .vm2-testimonial:hover
    .vm2-testimonial-quote-mark{
        color:
            rgba(21,100,192,.13);
        transform:
            translateY(0)
            rotate(0)
            scale(1.03);
    }

    #vm2Testimonials .vm2-testimonial:hover
    .vm2-stars{
        opacity:1;
        transform:scale(1);
    }

}

/* Mobile refinement */
@media(max-width:767px){

    #vm2Testimonials .vm2-testimonial{
        min-height:280px;
        padding:
            28px 24px 26px;
    }

    #vm2Testimonials .vm2-testimonial-quote-mark{
        font-size:74px;
        right:18px;
    }

}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){

    #vm2Testimonials::before,
    #vm2Testimonials::after,
    #vm2Testimonials .vm2-avatar-ring{
        animation:none!important;
    }

}

/* VM2 Services background animation v1.1.16 */
#vm2HomeServices{position:relative;isolation:isolate;background:radial-gradient(circle at 18% 28%,rgba(21,100,192,.05),transparent 30%),radial-gradient(circle at 84% 70%,rgba(70,157,231,.045),transparent 28%),#fff}
#vm2HomeServices>.auto-container{position:relative;z-index:3}
#vm2HomeServices .vm2-services-environment{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .8s ease}
#vm2HomeServices.vm2-services-active .vm2-services-environment{opacity:1}
#vm2HomeServices .vm2-services-grid{position:absolute;inset:-16%;opacity:.07;background-image:linear-gradient(rgba(21,100,192,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(21,100,192,.12) 1px,transparent 1px);background-size:54px 54px;transform:perspective(900px) rotateX(68deg) translateY(34%);transform-origin:center bottom;mask-image:linear-gradient(180deg,transparent,#000 26%,#000 78%,transparent);animation:vm2ServicesGridFlow 22s linear infinite}
@keyframes vm2ServicesGridFlow{to{background-position:0 108px}}
#vm2HomeServices .vm2-services-routes{position:absolute;left:3%;top:8%;width:94%;height:78%;opacity:.13}
#vm2HomeServices .vm2-services-route{fill:none;stroke:#1564c0;stroke-linecap:round;vector-effect:non-scaling-stroke}
#vm2HomeServices .route-air{stroke-width:1.5;stroke-dasharray:7 12;animation:vm2ServicesRoute 16s linear infinite}
#vm2HomeServices .route-road{stroke-width:1.4;stroke-dasharray:11 10;opacity:.74;animation:vm2ServicesRoute 19s linear infinite reverse}
#vm2HomeServices .route-sea{stroke-width:1.4;stroke-dasharray:4 12;opacity:.58;animation:vm2ServicesRoute 22s linear infinite}
@keyframes vm2ServicesRoute{to{stroke-dashoffset:-220}}
#vm2HomeServices .vm2-services-transport{position:absolute;z-index:2;color:rgba(21,100,192,.18);filter:drop-shadow(0 0 8px rgba(21,100,192,.10));will-change:transform,opacity}
#vm2HomeServices .transport-air{left:-8%;top:20%;font-size:22px;animation:vm2ServicesPlane 24s linear infinite}
@keyframes vm2ServicesPlane{0%{left:-8%;top:24%;opacity:0;transform:rotate(-7deg) scale(.92)}12%{opacity:.2}52%{top:14%;transform:rotate(-5deg) scale(1)}90%{opacity:.17}100%{left:106%;top:9%;opacity:0;transform:rotate(-4deg) scale(.91)}}
#vm2HomeServices .transport-road{left:-7%;bottom:18%;font-size:20px;animation:vm2ServicesTruck 20s linear infinite}
@keyframes vm2ServicesTruck{0%{left:-7%;opacity:0}10%{opacity:.18}90%{opacity:.16}100%{left:105%;opacity:0}}
#vm2HomeServices .transport-sea{right:-8%;bottom:7%;font-size:22px;animation:vm2ServicesShip 29s linear infinite}
@keyframes vm2ServicesShip{0%{right:-8%;opacity:0;transform:translateY(0)}12%{opacity:.15}52%{transform:translateY(-3px)}90%{opacity:.14}100%{right:106%;opacity:0;transform:translateY(1px)}}
#vm2HomeServices .vm2-services-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#58b3f3;box-shadow:0 0 0 6px rgba(88,179,243,.07),0 0 18px rgba(88,179,243,.24);opacity:.3;animation:vm2ServicesNode 3.2s ease-in-out infinite}
#vm2HomeServices .n1{left:16%;top:24%}#vm2HomeServices .n2{left:40%;top:62%;animation-delay:.8s}#vm2HomeServices .n3{right:30%;top:29%;animation-delay:1.6s}#vm2HomeServices .n4{right:10%;bottom:22%;animation-delay:2.4s}
@keyframes vm2ServicesNode{0%,100%{opacity:.18;transform:scale(.76)}50%{opacity:.72;transform:scale(1.3)}}
#vm2HomeServices .vm2-service-grid{position:relative;z-index:3}
#vm2HomeServices .vm2-service-card{border:1px solid rgba(21,100,192,.08);box-shadow:0 18px 44px rgba(13,51,88,.10)}
#vm2HomeServices .vm2-service-card:before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#1564c0,#5dbaf5);transition:transform .4s ease}
@media(hover:hover) and (pointer:fine){#vm2HomeServices .vm2-service-card:hover:before{transform:scaleX(1)}}
@media(max-width:767px){#vm2HomeServices .vm2-services-grid{opacity:.045;background-size:42px 42px}#vm2HomeServices .vm2-services-routes{opacity:.08}}
@media(prefers-reduced-motion:reduce){#vm2HomeServices .vm2-services-grid,#vm2HomeServices .vm2-services-route,#vm2HomeServices .vm2-services-transport,#vm2HomeServices .vm2-services-node{animation:none!important}}

/* VM2 PARTNERS v1.1.17 */
#vm2Clients{position:relative;isolation:isolate;background:radial-gradient(circle at 20% 30%,rgba(21,100,192,.05),transparent 30%),radial-gradient(circle at 82% 72%,rgba(65,158,233,.045),transparent 28%),#fff}
#vm2Clients>.auto-container{position:relative;z-index:3}
#vm2Clients .vm2-partners-environment{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .8s ease}
#vm2Clients.vm2-partners-active .vm2-partners-environment{opacity:1}
#vm2Clients .vm2-partners-network{position:absolute;left:5%;top:17%;width:90%;height:60%;opacity:.12}
#vm2Clients .vm2-partners-link{fill:none;stroke:#1564c0;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:7 13;vector-effect:non-scaling-stroke;animation:vm2PartnerLinkFlow 18s linear infinite}
#vm2Clients .vm2-partners-link.link-2{opacity:.6;animation-duration:24s;animation-direction:reverse}
@keyframes vm2PartnerLinkFlow{to{stroke-dashoffset:-230}}
#vm2Clients .vm2-partner-node{position:absolute;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(255,255,255,.92);border:1px solid rgba(21,100,192,.12);color:#1564c0;font-size:12px;box-shadow:0 9px 20px rgba(17,58,98,.07);opacity:.34;animation:vm2PartnerNodeFloat 5.8s ease-in-out infinite}
#vm2Clients .vm2-partner-node.p1{left:11%;top:31%}
#vm2Clients .vm2-partner-node.p2{left:36%;top:60%;animation-delay:1.2s}
#vm2Clients .vm2-partner-node.p3{right:31%;top:26%;animation-delay:2.4s}
#vm2Clients .vm2-partner-node.p4{right:10%;bottom:24%;animation-delay:3.6s}
@keyframes vm2PartnerNodeFloat{0%,100%{transform:translateY(0) scale(.95);opacity:.25}50%{transform:translateY(-7px) scale(1.04);opacity:.58}}
#vm2Clients .vm2-partner-glow{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(6px);opacity:.14;background:radial-gradient(circle,rgba(21,100,192,.18),transparent 72%)}
#vm2Clients .vm2-partner-glow.glow-1{left:8%;top:20%;animation:vm2PartnerGlowOne 9s ease-in-out infinite}
#vm2Clients .vm2-partner-glow.glow-2{right:7%;bottom:8%;animation:vm2PartnerGlowTwo 11s ease-in-out infinite}
@keyframes vm2PartnerGlowOne{0%,100%{transform:translate3d(0,0,0) scale(.95)}50%{transform:translate3d(18px,-10px,0) scale(1.05)}}
@keyframes vm2PartnerGlowTwo{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-16px,12px,0) scale(1.06)}}
#vm2Clients .vm2-partners-trust-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.9);border:1px solid rgba(21,100,192,.12);color:#53657b;font-size:11px;font-weight:700;box-shadow:0 10px 24px rgba(17,58,98,.055);animation:vm2PartnerBadgeFloat 5.2s ease-in-out infinite}
#vm2Clients .vm2-partners-trust-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(21,100,192,.1);color:#1564c0}
@keyframes vm2PartnerBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
#vm2Clients .vm2-logo-strip{position:relative;z-index:3}
#vm2Clients .vm2-logo-item{position:relative;overflow:hidden;min-height:112px;border:1px solid rgba(25,75,128,.12);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,252,255,.96));box-shadow:0 10px 26px rgba(17,58,98,.045);transition:opacity .6s ease,transform .6s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;opacity:0;transform:translateY(18px) scale(.98)}
#vm2Clients .vm2-logo-item::before{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;transform:scaleX(0);transform-origin:center;border-radius:4px 4px 0 0;background:linear-gradient(90deg,transparent,#1564c0,#5dbcf6,transparent);transition:transform .4s ease}
#vm2Clients .vm2-logo-pulse{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;border:1px solid rgba(21,100,192,.18);transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none}
#vm2Clients.vm2-partners-active .vm2-logo-item{opacity:1;transform:translateY(0) scale(1)}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(1){transition-delay:.05s}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(2){transition-delay:.11s}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(3){transition-delay:.17s}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(4){transition-delay:.23s}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(5){transition-delay:.29s}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(1) .vm2-logo-pulse{animation:vm2LogoTrustPulse 4.4s ease-out infinite}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(2) .vm2-logo-pulse{animation:vm2LogoTrustPulse 4.4s ease-out .7s infinite}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(3) .vm2-logo-pulse{animation:vm2LogoTrustPulse 4.4s ease-out 1.4s infinite}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(4) .vm2-logo-pulse{animation:vm2LogoTrustPulse 4.4s ease-out 2.1s infinite}
#vm2Clients.vm2-partners-active .vm2-logo-item:nth-child(5) .vm2-logo-pulse{animation:vm2LogoTrustPulse 4.4s ease-out 2.8s infinite}
@keyframes vm2LogoTrustPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}20%{opacity:.4}72%{opacity:.06;transform:translate(-50%,-50%) scale(2.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.35)}}
@media(hover:hover) and (pointer:fine){#vm2Clients .vm2-logo-item:hover{transform:translateY(-6px);border-color:rgba(21,100,192,.22);background:#fff;box-shadow:0 18px 38px rgba(17,58,98,.1)}#vm2Clients .vm2-logo-item:hover::before{transform:scaleX(1)}#vm2Clients .vm2-logo-item:hover img{filter:none;opacity:1;transform:scale(1.06)}}
@media(max-width:767px){#vm2Clients .vm2-partners-network{opacity:.07}#vm2Clients .vm2-partner-node{opacity:.22}#vm2Clients .vm2-partners-trust-badge{display:flex;max-width:100%}}
@media(prefers-reduced-motion:reduce){#vm2Clients .vm2-partners-link,#vm2Clients .vm2-partner-node,#vm2Clients .vm2-partner-glow,#vm2Clients .vm2-partners-trust-badge,#vm2Clients .vm2-logo-pulse{animation:none!important}}
</style>


<style id="vm2-faq-v1115-style">
#vm2Faq{position:relative;isolation:isolate;background:radial-gradient(circle at 18% 24%,rgba(21,100,192,.06),transparent 30%),radial-gradient(circle at 88% 72%,rgba(71,161,235,.05),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#ecf2f8 100%)}
#vm2Faq>.auto-container{position:relative;z-index:3}
#vm2Faq .vm2-faq-environment{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
#vm2Faq .vm2-faq-network{position:absolute;left:4%;top:12%;width:92%;height:70%;opacity:.09}
#vm2Faq .vm2-faq-line{fill:none;stroke:#1564c0;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:6 12;vector-effect:non-scaling-stroke;animation:vm2FaqKnowledgeFlow 18s linear infinite}
#vm2Faq .vm2-faq-line.line-b{opacity:.62;animation-duration:24s;animation-direction:reverse}
@keyframes vm2FaqKnowledgeFlow{to{stroke-dashoffset:-220}}
#vm2Faq .vm2-faq-data-node{position:absolute;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.86);border:1px solid rgba(21,100,192,.12);color:#1564c0;font-size:11px;font-weight:850;box-shadow:0 8px 18px rgba(17,58,98,.08);opacity:.35;animation:vm2FaqNodeFloat 5.8s ease-in-out infinite}
#vm2Faq .vm2-faq-data-node.n1{left:8%;top:28%}#vm2Faq .vm2-faq-data-node.n2{left:37%;top:62%;animation-delay:1.2s}#vm2Faq .vm2-faq-data-node.n3{right:28%;top:22%;animation-delay:2.4s}#vm2Faq .vm2-faq-data-node.n4{right:9%;bottom:24%;animation-delay:3.6s}
@keyframes vm2FaqNodeFloat{0%,100%{transform:translateY(0) rotate(0deg);opacity:.24}50%{transform:translateY(-8px) rotate(4deg);opacity:.62}}
#vm2Faq .vm2-faq-help-badge{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-bottom:22px;padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92);border:1px solid rgba(21,100,192,.12);box-shadow:0 12px 26px rgba(16,55,95,.07);animation:vm2FaqHelpFloat 5.2s ease-in-out infinite}
@keyframes vm2FaqHelpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
#vm2Faq .vm2-faq-help-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#1564c0,#2d80d5);color:#fff;box-shadow:0 10px 22px rgba(21,100,192,.20);animation:vm2FaqHelpPulse 3.2s ease-in-out infinite}
@keyframes vm2FaqHelpPulse{0%,100%{transform:scale(.98)}50%{transform:scale(1.05);box-shadow:0 12px 25px rgba(21,100,192,.24),0 0 0 7px rgba(21,100,192,.06)}}
#vm2Faq .vm2-faq-help-badge small{display:block;margin-bottom:3px;color:#8592a3;font-size:8px;font-weight:850;letter-spacing:1.1px}#vm2Faq .vm2-faq-help-badge strong{display:block;color:#21344e;font-size:12px;line-height:1.25}
#vm2Faq .vm2-faq-item{position:relative;margin-bottom:12px;overflow:hidden;border:1px solid rgba(28,78,130,.12);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(16,55,95,.045);opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease}
#vm2Faq .vm2-faq-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;transform:scaleY(0);transform-origin:center;background:linear-gradient(180deg,#1564c0,#56aef2);transition:transform .35s ease}
#vm2Faq .vm2-faq-item.active{border-color:rgba(21,100,192,.22);background:#fff;box-shadow:0 16px 36px rgba(16,55,95,.09);transform:translateY(-2px)}#vm2Faq .vm2-faq-item.active:before{transform:scaleY(1)}
#vm2Faq.vm2-faq-active .vm2-faq-item{opacity:1;transform:translateY(0)}
#vm2Faq.vm2-faq-active .vm2-faq-item:nth-child(1){transition-delay:.04s}#vm2Faq.vm2-faq-active .vm2-faq-item:nth-child(2){transition-delay:.09s}#vm2Faq.vm2-faq-active .vm2-faq-item:nth-child(3){transition-delay:.14s}#vm2Faq.vm2-faq-active .vm2-faq-item:nth-child(4){transition-delay:.19s}#vm2Faq.vm2-faq-active .vm2-faq-item:nth-child(5){transition-delay:.24s}#vm2Faq.vm2-faq-active .vm2-faq-item:nth-child(6){transition-delay:.29s}
#vm2Faq .vm2-faq-question{width:100%;min-height:74px;padding:16px 17px 16px 18px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;text-align:left;color:#25364e}
#vm2Faq .vm2-faq-question-main{min-width:0;display:flex;align-items:center;gap:13px}.vm2-faq-question-num{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(21,100,192,.08);color:#1564c0;font-size:10px;font-weight:850;transition:.35s ease}.vm2-faq-question-text{font-size:15px;font-weight:800;line-height:1.45}
#vm2Faq .vm2-faq-toggle{position:relative;width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(21,100,192,.08);color:#1564c0;transition:.35s ease}
#vm2Faq .vm2-faq-item.active .vm2-faq-toggle{background:#1564c0;color:#fff;transform:rotate(45deg);box-shadow:0 9px 20px rgba(21,100,192,.19)}#vm2Faq .vm2-faq-item.active .vm2-faq-question-num{background:#1564c0;color:#fff;transform:rotate(-4deg) scale(1.04)}
#vm2Faq .vm2-faq-answer{max-height:0;overflow:hidden;opacity:.2;transform:translateY(-5px);transition:max-height .42s cubic-bezier(.2,.75,.25,1),opacity .32s ease,transform .32s ease}#vm2Faq .vm2-faq-item.active .vm2-faq-answer{opacity:1;transform:translateY(0)}
#vm2Faq .vm2-faq-answer p{position:relative;padding:0 70px 22px 65px;margin:0;color:#66758a;font-size:13px;line-height:1.75}#vm2Faq .vm2-faq-answer p:before{content:"A";position:absolute;left:18px;top:2px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(21,100,192,.08);color:#1564c0;font-size:10px;font-weight:850}
@media(hover:hover) and (pointer:fine){#vm2Faq .vm2-faq-item:not(.active):hover{transform:translateY(-3px);border-color:rgba(21,100,192,.18);box-shadow:0 13px 28px rgba(16,55,95,.07)}#vm2Faq .vm2-faq-item:not(.active):hover .vm2-faq-toggle{transform:scale(1.06);background:rgba(21,100,192,.12)}}
@media(max-width:575px){#vm2Faq .vm2-faq-question{min-height:68px;padding:14px 13px}#vm2Faq .vm2-faq-question-main{gap:10px}.vm2-faq-question-text{font-size:14px}.vm2-faq-question-num{width:30px;height:30px;flex-basis:30px}#vm2Faq .vm2-faq-toggle{width:34px;height:34px;flex-basis:34px}#vm2Faq .vm2-faq-answer p{padding:0 18px 20px 55px}#vm2Faq .vm2-faq-answer p:before{left:13px}}
@media(prefers-reduced-motion:reduce){#vm2Faq .vm2-faq-line,#vm2Faq .vm2-faq-data-node,#vm2Faq .vm2-faq-help-badge,#vm2Faq .vm2-faq-help-icon{animation:none!important}}













/* ================= SECTION ================= */

.vm2-ie-section,
.vm2-ie-section * {
    box-sizing: border-box;
}

.vm2-ie-section {
    --vm2-ie-navy: #151e31;
    --vm2-ie-blue: #168bd0;
    --vm2-ie-cyan: #42b7ff;
    --vm2-ie-text: #64758a;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 100px 0 85px;
    background: #f5f9fd;
    color: var(--vm2-ie-navy);
    font-family: inherit;
}

.vm2-ie-section svg {
    display: block;
}

.vm2-ie-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* ================= BACKGROUND ================= */

.vm2-ie-background {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.vm2-ie-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(100px);
    opacity: .16;
}

.vm2-ie-glow-one {
    top: -240px;
    left: -160px;
    background: #42b7ff;
}

.vm2-ie-glow-two {
    right: -200px;
    bottom: -220px;
    background: #168bd0;
}

.vm2-ie-grid {
    position: absolute;
    inset: 0;
    opacity: .35;
    background-image:
        linear-gradient(rgba(21,30,49,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21,30,49,.035) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 18%,
        #000 82%,
        transparent
    );
}

/* Decorative moving route lines */

.vm2-ie-bg-route {
    position: absolute;
    width: 440px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(22,139,208,.35),
        transparent
    );
    transform: rotate(-25deg);
    animation: vm2IeRoute 9s linear infinite;
}

.vm2-ie-bg-route-one {
    top: 28%;
    left: -150px;
}

.vm2-ie-bg-route-two {
    right: -120px;
    bottom: 24%;
    animation-delay: -4s;
}

@keyframes vm2IeRoute {
    0% {
        transform: translateX(-60px) rotate(-25deg);
        opacity: 0;
    }
    25%, 70% {
        opacity: .8;
    }
    100% {
        transform: translateX(200px) rotate(-25deg);
        opacity: 0;
    }
}

/* ================= HEADER ================= */

.vm2-ie-heading {
    max-width: 790px;
    margin: 0 auto 58px;
    text-align: center;
}

.vm2-ie-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-bottom: 17px;
    color: var(--vm2-ie-blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.vm2-ie-eyebrow::before,
.vm2-ie-eyebrow::after {
    content: "";
    width: 27px;
    height: 2px;
    background: var(--vm2-ie-blue);
}

.vm2-ie-heading h2 {
    margin: 0;
    color: var(--vm2-ie-navy);
    font-size: clamp(34px, 4vw, 53px);
    line-height: 1.14;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.vm2-ie-heading h2 span {
    display: block;
    color: var(--vm2-ie-blue);
}

.vm2-ie-heading p {
    max-width: 690px;
    margin: 20px auto 0;
    color: var(--vm2-ie-text);
    font-size: 15px;
    line-height: 1.85;
}

/* ================= MAIN LAYOUT ================= */

.vm2-ie-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
}

/* ================= IMPORT / EXPORT CARDS ================= */

.vm2-ie-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 430px;
    padding: 31px 30px 27px;
    overflow: hidden;
    border: 1px solid #e0eaf3;
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 15px 45px rgba(21,30,49,.065);
    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

.vm2-ie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--vm2-ie-blue),
        var(--vm2-ie-cyan),
        transparent
    );
    transform: scaleX(.22);
    transform-origin: left;
    transition: transform .45s ease;
}

.vm2-ie-card:hover {
    transform: translateY(-7px);
    border-color: rgba(22,139,208,.35);
    box-shadow: 0 25px 60px rgba(21,30,49,.12);
}

.vm2-ie-card:hover::before {
    transform: scaleX(1);
}

.vm2-ie-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
}

.vm2-ie-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 59px;
    height: 59px;
    flex: 0 0 59px;
    color: var(--vm2-ie-blue);
    background: #edf8ff;
    border: 1px solid #d7effc;
    border-radius: 13px;
    transition: .35s ease;
}

.vm2-ie-icon svg {
    width: 29px;
    height: 29px;
}

.vm2-ie-card:hover .vm2-ie-icon {
    color: #fff;
    background: var(--vm2-ie-blue);
    transform: rotate(-4deg) scale(1.06);
}

.vm2-ie-number {
    color: #e2ebf3;
    font-size: 39px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1px;
}

.vm2-ie-tag {
    display: block;
    margin-bottom: 10px;
    color: var(--vm2-ie-blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.vm2-ie-card h3 {
    margin: 0 0 15px;
    color: var(--vm2-ie-navy);
    font-size: clamp(24px, 2.3vw, 29px);
    font-weight: 800;
    line-height: 1.27;
    letter-spacing: -.6px;
}

.vm2-ie-card h3 span {
    color: var(--vm2-ie-blue);
}

.vm2-ie-card-description {
    margin: 0;
    color: var(--vm2-ie-text);
    font-size: 13.5px;
    line-height: 1.85;
}

/* Service features */

.vm2-ie-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #edf1f6;
}

.vm2-ie-feature {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    color: #526477;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.5;
}

.vm2-ie-feature svg {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    color: var(--vm2-ie-blue);
}

/* ================= CENTER TRADE CONNECTOR ================= */

.vm2-ie-center {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-width: 0;
}

.vm2-ie-center-label {
    color: #7e8da0;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-align: center;
}

.vm2-ie-globe {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    border: 1px solid #d5eaf7;
    border-radius: 50%;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 35px rgba(21,30,49,.09);
    color: var(--vm2-ie-blue);
}

.vm2-ie-globe::before,
.vm2-ie-globe::after {
    content: "";
    position: absolute;
    inset: -8px;
    border: 1px solid rgba(22,139,208,.19);
    border-radius: 50%;
    animation: vm2IePulse 3s ease-out infinite;
}

.vm2-ie-globe::after {
    animation-delay: 1.5s;
}

.vm2-ie-globe svg {
    width: 43px;
    height: 43px;
    animation: vm2IeGlobeFloat 4s ease-in-out infinite;
}

@keyframes vm2IePulse {
    0% {
        transform: scale(.88);
        opacity: .8;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes vm2IeGlobeFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

.vm2-ie-directions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    color: #8595a7;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.vm2-ie-direction {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 29px;
    border: 1px solid #dbeaf4;
    border-radius: 7px;
    background: #fff;
    color: var(--vm2-ie-blue);
}

.vm2-ie-direction svg {
    width: 19px;
    height: 19px;
}

.vm2-ie-direction:first-child svg {
    animation: vm2IeArrowUp 1.8s ease-in-out infinite;
}

.vm2-ie-direction:last-child svg {
    animation: vm2IeArrowDown 1.8s ease-in-out infinite;
}

@keyframes vm2IeArrowUp {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

@keyframes vm2IeArrowDown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(3px); }
}

/* ================= BOTTOM STRIP ================= */

.vm2-ie-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    max-width: 760px;
    margin: 38px auto 0;
    padding: 20px 25px;
    border: 1px solid #e0eaf2;
    border-radius: 12px;
    background: rgba(255,255,255,.82);
}

.vm2-ie-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #eaf7ff;
    color: var(--vm2-ie-blue);
}

.vm2-ie-bottom-icon svg {
    width: 23px;
    height: 23px;
}

.vm2-ie-bottom strong {
    display: block;
    margin-bottom: 4px;
    color: var(--vm2-ie-navy);
    font-size: 14px;
    font-weight: 800;
}

.vm2-ie-bottom p {
    margin: 0;
    color: var(--vm2-ie-text);
    font-size: 12px;
    line-height: 1.7;
}

/* ================= SCROLL REVEAL ================= */

.vm2-ie-reveal {
    opacity: 0;
    transform: translateY(25px);
    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.22,1,.36,1);
}

.vm2-ie-reveal.vm2-ie-visible {
    opacity: 1;
    transform: translateY(0);
}

.vm2-ie-card.vm2-ie-reveal:nth-child(1) {
    transition-delay: .08s;
}

.vm2-ie-center.vm2-ie-reveal {
    transition-delay: .18s;
}

.vm2-ie-card.vm2-ie-reveal:nth-child(3) {
    transition-delay: .28s;
}

.vm2-ie-bottom.vm2-ie-reveal {
    transition-delay: .18s;
}

/* ================= TABLET ================= */

@media (max-width: 900px) {
    .vm2-ie-section {
        padding: 80px 0 65px;
    }

    .vm2-ie-layout {
        grid-template-columns: minmax(0, 1fr) 105px minmax(0, 1fr);
    }

    .vm2-ie-card {
        min-height: 440px;
        padding: 25px 20px;
    }

    .vm2-ie-card h3 {
        font-size: 23px;
    }

    .vm2-ie-card-description {
        font-size: 13px;
    }

    .vm2-ie-features {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .vm2-ie-globe {
        width: 69px;
        height: 69px;
    }

    .vm2-ie-globe svg {
        width: 34px;
        height: 34px;
    }
}

/* ================= MOBILE ================= */

@media (max-width: 600px) {
    .vm2-ie-section {
        padding: 65px 0 55px;
    }

    .vm2-ie-container {
        width: calc(100% - 30px);
    }

    .vm2-ie-heading {
        margin-bottom: 35px;
    }

    .vm2-ie-heading h2 {
        font-size: clamp(31px, 8vw, 39px);
        letter-spacing: -1px;
    }

    .vm2-ie-heading p {
        margin-top: 15px;
        font-size: 13.5px;
        line-height: 1.8;
    }

    .vm2-ie-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .vm2-ie-card {
        min-height: 0;
        padding: 25px 22px 24px;
        border-radius: 15px;
    }

    .vm2-ie-card-top {
        margin-bottom: 23px;
    }

    .vm2-ie-card h3 {
        font-size: 25px;
    }

    .vm2-ie-card-description {
        font-size: 13.5px;
    }

    .vm2-ie-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 9px;
    }

    .vm2-ie-feature {
        font-size: 11px;
    }

    .vm2-ie-center {
        flex-direction: row;
        gap: 13px;
        min-height: 110px;
        padding: 12px 0;
    }

    .vm2-ie-globe {
        width: 61px;
        height: 61px;
        flex: 0 0 61px;
    }

    .vm2-ie-globe svg {
        width: 30px;
        height: 30px;
    }

    .vm2-ie-directions {
        flex-direction: row;
        gap: 6px;
    }

    .vm2-ie-direction {
        width: 35px;
        height: 30px;
    }

    .vm2-ie-direction:first-child svg {
        animation-name: vm2IeArrowRight;
    }

    .vm2-ie-direction:last-child svg {
        animation-name: vm2IeArrowLeft;
    }

    @keyframes vm2IeArrowRight {
        0%, 100% { transform: translateX(0); }
        50% { transform: translateX(3px); }
    }

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

    .vm2-ie-center-label {
        font-size: 8px;
        letter-spacing: 1px;
    }

    .vm2-ie-bottom {
        align-items: flex-start;
        margin-top: 28px;
        padding: 17px;
        gap: 12px;
    }

    .vm2-ie-bottom strong {
        font-size: 13px;
    }

    .vm2-ie-bottom p {
        font-size: 11.5px;
    }
}

/* ================= REDUCED MOTION ================= */

@media (prefers-reduced-motion: reduce) {
    .vm2-ie-section *,
    .vm2-ie-section *::before,
    .vm2-ie-section *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }

    .vm2-ie-reveal {
        opacity: 1;
        transform: none;
    }
}




/* ==========================================================
   VM2 PREMIUM HOMEPAGE SYSTEM v1.1
   Everything is scoped under .vm2-home-system.
========================================================== */

.vm2-home-system{
  --vm2-blue:#1564c0;
  --vm2-blue-2:#2d7ed6;
  --vm2-navy:#071d3b;
  --vm2-navy-2:#0c2b55;
  --vm2-ink:#11213a;
  --vm2-muted:#64748b;
  --vm2-soft:#ecf2f8;
  --vm2-line:#dce7f2;
  --vm2-red:#df1119;
  --vm2-white:#fff;
  background:#fff;
  color:var(--vm2-ink);
}
.vm2-home-system *{box-sizing:border-box}
.vm2-home-section{position:relative;padding:92px 0;overflow:hidden}
.vm2-home-section:nth-of-type(even){background:#fff}
.vm2-home-section.vm2-soft{background:linear-gradient(180deg,#f8fbff 0%,#ecf2f8 100%)}
.vm2-home-section.vm2-dark{background:
 radial-gradient(circle at 85% 15%,rgba(44,126,214,.22),transparent 34%),
 linear-gradient(135deg,#06182f 0%,#0b2d57 58%,#071b36 100%);color:#fff}
.vm2-section-head{max-width:760px;margin:0 auto 44px;text-align:center}
.vm2-section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--vm2-blue);font-size:12px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;margin-bottom:12px}
.vm2-section-kicker:before{content:"";width:20px;height:3px;background:var(--vm2-red);border-radius:5px}
.vm2-section-head h2{margin:0;color:var(--vm2-ink);font-size:clamp(34px,3.5vw,54px);line-height:1.08;font-weight:800;letter-spacing:-1.5px}
.vm2-dark .vm2-section-head h2,.vm2-dark .vm2-section-kicker{color:#fff}
.vm2-section-head p{margin:16px auto 0;color:var(--vm2-muted);font-size:16px;line-height:1.75}
.vm2-dark .vm2-section-head p{color:rgba(255,255,255,.72)}
.vm2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 25px;border:0;border-radius:11px;background:var(--vm2-blue);color:#fff!important;font-size:13px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;box-shadow:0 14px 30px rgba(21,100,192,.20);transition:.3s ease}
.vm2-btn:hover{transform:translateY(-3px);background:#0d4f9c;box-shadow:0 18px 38px rgba(21,100,192,.28)}
.vm2-btn.vm2-btn-light{background:#fff;color:var(--vm2-navy)!important}
.vm2-btn.vm2-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.4);box-shadow:none}
.vm2-reveal{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.25,1)}
.vm2-visible .vm2-reveal{opacity:1;transform:none}
.vm2-reveal:nth-child(2){transition-delay:.08s}.vm2-reveal:nth-child(3){transition-delay:.16s}.vm2-reveal:nth-child(4){transition-delay:.24s}
.vm2-card{background:#fff;border:1px solid var(--vm2-line);border-radius:20px;box-shadow:0 14px 45px rgba(16,55,95,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
@media (hover:hover){.vm2-card:hover{transform:translateY(-7px);border-color:rgba(21,100,192,.24);box-shadow:0 24px 58px rgba(16,55,95,.16)}}

/* 3. STATS */
.vm2-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.vm2-stat-card{text-align:center;padding:30px 15px;border-radius:18px;background:#fff;border:1px solid #e1ebf5;position:relative;overflow:hidden}
.vm2-stat-card:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:var(--vm2-blue);transform:translateX(-50%);transition:.35s ease}
.vm2-stat-card:hover:before{width:65%}
.vm2-stat-number{display:block;color:var(--vm2-blue);font-size:clamp(29px,2.8vw,44px);font-weight:850;letter-spacing:-1.3px;line-height:1}
.vm2-stat-caption{display:block;margin-top:11px;color:#65738a;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}

/* 4 SERVICES */
.vm2-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.vm2-service-card{position:relative;min-height:305px;overflow:hidden;border-radius:20px;background:#0b2445;box-shadow:0 18px 45px rgba(5,35,70,.13)}
.vm2-service-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s ease}
.vm2-service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,39,.05) 30%,rgba(2,18,39,.88) 100%)}
.vm2-service-content{position:absolute;z-index:2;left:25px;right:25px;bottom:24px;color:#fff}
.vm2-service-content i{display:flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:12px;background:var(--vm2-blue);margin-bottom:14px;font-size:19px}
.vm2-service-content h3{font-size:22px;color:#fff;margin:0 0 7px;font-weight:800}
.vm2-service-content p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.55}
@media (hover:hover){.vm2-service-card:hover img{transform:scale(1.075)}}

/* 5 WHY */
.vm2-why-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center}
.vm2-why-visual{position:relative;min-height:545px;border-radius:26px;overflow:hidden;background:#092449}
.vm2-why-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vm2-why-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,26,54,.72))}
.vm2-floating-badge{position:absolute;z-index:2;left:24px;bottom:24px;right:24px;padding:20px 22px;background:rgba(255,255,255,.94);border-radius:16px;backdrop-filter:blur(8px);display:flex;align-items:center;gap:15px}
.vm2-floating-badge i{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--vm2-blue);color:#fff;font-size:20px}
.vm2-floating-badge strong{display:block;color:var(--vm2-ink);font-size:18px}.vm2-floating-badge span{color:var(--vm2-muted);font-size:13px}
.vm2-why-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.vm2-why-item{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e0e9f2;border-radius:14px;background:#fff;font-weight:700;color:#2d3d55}
.vm2-why-item i{width:39px;height:39px;flex:0 0 39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e9f3ff;color:var(--vm2-blue)}

/* 6 TRACKING */
.vm2-track-box{max-width:970px;margin:auto}
.vm2-track-form{display:flex;gap:10px;background:#fff;padding:10px;border-radius:17px;box-shadow:0 18px 50px rgba(0,0,0,.23)}
.vm2-track-form input{flex:1;height:54px;border:0;outline:none;padding:0 18px;border-radius:11px;font-size:15px;color:#23324b}
.vm2-track-timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:50px;position:relative}
.vm2-track-timeline:before{content:"";position:absolute;left:8%;right:8%;top:28px;height:2px;background:rgba(255,255,255,.22)}
.vm2-track-step{text-align:center;position:relative;z-index:1}
.vm2-track-step i{width:56px;height:56px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#173e6e;color:#fff;border:4px solid #0b2b53;transition:.35s ease}
.vm2-track-step.active i{background:var(--vm2-blue);box-shadow:0 0 0 8px rgba(21,100,192,.16)}
.vm2-track-step span{display:block;margin-top:13px;color:rgba(255,255,255,.75);font-size:12px;font-weight:700}
.vm2-track-status{text-align:center;margin-top:25px;color:#9fd2ff;min-height:24px}

/* 7 INDUSTRIES */
.vm2-industries{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.vm2-industry{padding:25px 12px;text-align:center;background:#fff;border:1px solid #dfe9f3;border-radius:16px;transition:.3s ease}
.vm2-industry i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 13px;border-radius:14px;background:#edf5ff;color:var(--vm2-blue);font-size:21px}
.vm2-industry strong{font-size:13px;color:#34445b}.vm2-industry:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(14,57,103,.10)}

/* 8 PROCESS */
.vm2-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}
.vm2-process:before{content:"";position:absolute;left:10%;right:10%;top:42px;height:2px;background:#dbe7f3}
.vm2-process-item{position:relative;text-align:center}
.vm2-process-num{position:relative;z-index:2;width:84px;height:84px;margin:0 auto 20px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dce7f1;color:var(--vm2-blue);font-size:23px;font-weight:850;box-shadow:0 11px 30px rgba(16,55,95,.08)}
.vm2-process-item h3{font-size:18px;margin-bottom:8px}.vm2-process-item p{font-size:14px;line-height:1.6;color:var(--vm2-muted)}

/* 9 MAP */
.vm2-network-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}
.vm2-map{position:relative;min-height:470px;border-radius:24px;background:
 radial-gradient(circle at 50% 45%,rgba(21,100,192,.15),transparent 40%),
 linear-gradient(135deg,#f7fbff,#e8f1fa);border:1px solid #dbe7f2;overflow:hidden}
.vm2-map-world{position:absolute;inset:50px 45px;background:
 radial-gradient(ellipse at 28% 37%,#b8d4ee 0 9%,transparent 10%),
 radial-gradient(ellipse at 42% 47%,#b8d4ee 0 13%,transparent 14%),
 radial-gradient(ellipse at 59% 38%,#b8d4ee 0 16%,transparent 17%),
 radial-gradient(ellipse at 72% 60%,#b8d4ee 0 8%,transparent 9%),
 radial-gradient(ellipse at 32% 67%,#b8d4ee 0 8%,transparent 9%);
 opacity:.78;filter:drop-shadow(0 7px 12px rgba(10,55,100,.08))}
.vm2-map-pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vm2-blue);box-shadow:0 0 0 7px rgba(21,100,192,.12);animation:vm2Pulse 2.2s infinite}
.vm2-map-pin.p1{left:27%;top:38%}.vm2-map-pin.p2{left:51%;top:44%;animation-delay:.4s}.vm2-map-pin.p3{left:67%;top:33%;animation-delay:.9s}.vm2-map-pin.p4{left:73%;top:62%;animation-delay:1.3s}.vm2-map-pin.p5{left:41%;top:66%;animation-delay:1.7s}
.vm2-network-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:25px 0}
.vm2-network-stat{padding:18px;border:1px solid #dfe9f3;border-radius:14px;background:#fff}.vm2-network-stat strong{display:block;color:var(--vm2-blue);font-size:22px}.vm2-network-stat span{font-size:12px;color:var(--vm2-muted)}

/* 10 TECH */
.vm2-tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vm2-tech-card{padding:26px 22px;border-radius:17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px)}
.vm2-tech-card i{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--vm2-blue);color:#fff;font-size:20px;margin-bottom:17px}
.vm2-tech-card h3{font-size:16px;color:#fff;margin:0 0 7px}.vm2-tech-card p{font-size:13px;color:rgba(255,255,255,.67);margin:0;line-height:1.55}

/* 11 FLEET */
.vm2-fleet{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.vm2-fleet-collage{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:255px 255px;gap:13px}
.vm2-fleet-collage img{width:100%;height:100%;object-fit:cover;border-radius:17px}
.vm2-fleet-collage img:first-child{grid-row:span 2}
.vm2-fleet-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}
.vm2-fleet-list span{display:flex;gap:10px;align-items:center;color:#44536a;font-weight:700;font-size:13px}.vm2-fleet-list i{color:var(--vm2-blue)}

/* 12 BUSINESS CTA */
.vm2-business-cta{padding:70px 0;background:
 linear-gradient(90deg,rgba(5,29,58,.97),rgba(12,62,112,.93)),
 url("images/resource/project2-6.jpg") center/cover no-repeat;color:#fff}
.vm2-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.vm2-cta-inner h2{color:#fff;font-size:clamp(34px,3.5vw,52px);margin:0 0 10px}.vm2-cta-inner p{margin:0;color:rgba(255,255,255,.72);max-width:720px}.vm2-cta-buttons{display:flex;gap:12px;flex:0 0 auto}

/* 13 LOGOS */
.vm2-logo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.vm2-logo-item{min-height:100px;border:1px solid #e0e9f3;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;padding:20px}
.vm2-logo-item img{max-width:130px;max-height:55px;filter:grayscale(1);opacity:.65;transition:.3s ease}.vm2-logo-item:hover img{filter:none;opacity:1;transform:scale(1.05)}

/* 14 TESTI */
.vm2-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vm2-testimonial{padding:28px}
.vm2-stars{color:#f6ae2d;font-size:13px;letter-spacing:2px}.vm2-testimonial p{margin:14px 0 22px;color:#5f6d82;line-height:1.7}
.vm2-person{display:flex;align-items:center;gap:13px}.vm2-person img{width:52px;height:52px;border-radius:50%;object-fit:cover}.vm2-person strong{display:block}.vm2-person span{font-size:12px;color:#7c899a}

/* 15 BLOG */
.vm2-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vm2-blog{overflow:hidden}.vm2-blog-img{height:220px;overflow:hidden}.vm2-blog-img img{width:100%;height:100%;object-fit:cover;transition:.65s ease}.vm2-blog:hover img{transform:scale(1.06)}
.vm2-blog-body{padding:24px}.vm2-blog-body small{color:var(--vm2-blue);font-weight:800;text-transform:uppercase;letter-spacing:1px}.vm2-blog-body h3{font-size:20px;line-height:1.35;margin:9px 0 13px}.vm2-blog-body a{color:var(--vm2-blue);font-weight:800;font-size:12px;text-transform:uppercase}

/* 16 FAQ */
.vm2-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}
.vm2-faq-side{position:sticky;top:90px}
.vm2-faq-item{border-bottom:1px solid #dbe6f0}
.vm2-faq-question{width:100%;padding:20px 4px;border:0;background:transparent;text-align:left;font-size:16px;font-weight:800;color:#263750;display:flex;justify-content:space-between;gap:20px;cursor:pointer}
.vm2-faq-question i{color:var(--vm2-blue);transition:.3s ease}.vm2-faq-item.active .vm2-faq-question i{transform:rotate(45deg); color:white;}
.vm2-faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.vm2-faq-answer p{padding:0 4px 20px;margin:0;color:#657388;line-height:1.7}

/* 17 FINAL */
.vm2-final{padding:90px 0;background:
 radial-gradient(circle at 15% 50%,rgba(48,139,232,.27),transparent 30%),
 linear-gradient(135deg,#061831,#0b3768 70%,#0b2447);color:#fff;text-align:center}
.vm2-final h2{font-size:clamp(38px,4.5vw,62px);color:#fff;margin:0}.vm2-final p{max-width:710px;margin:16px auto 28px;color:rgba(255,255,255,.72);font-size:16px}.vm2-final-actions{display:flex;justify-content:center;gap:12px}

/* animation */
@keyframes vm2Fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes vm2Pulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.15);opacity:1}}

@media(max-width:1199px){
 .vm2-stats-grid{grid-template-columns:repeat(3,1fr)}
 .vm2-industries{grid-template-columns:repeat(5,1fr)}
 .vm2-tech-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:991px){
 .vm2-home-section{padding:72px 0}
 .vm2-service-grid{grid-template-columns:repeat(2,1fr)}
 .vm2-why-grid,.vm2-network-layout,.vm2-fleet,.vm2-faq-layout{grid-template-columns:1fr}
 .vm2-why-visual{min-height:430px}
 .vm2-industries{grid-template-columns:repeat(3,1fr)}
 .vm2-process{grid-template-columns:repeat(2,1fr)} .vm2-process:before{display:none}
 .vm2-tech-grid{grid-template-columns:repeat(2,1fr)}
 .vm2-cta-inner{display:block;text-align:center}.vm2-cta-buttons{justify-content:center;margin-top:24px}
 .vm2-logo-strip{grid-template-columns:repeat(3,1fr)}
 .vm2-testimonials,.vm2-blog-grid{grid-template-columns:1fr 1fr}
 .vm2-faq-side{position:static}
}
@media(max-width:767px){
 .vm2-stats-grid{grid-template-columns:1fr 1fr}
 .vm2-service-grid,.vm2-why-features,.vm2-network-stats,.vm2-tech-grid,.vm2-fleet-list,.vm2-testimonials,.vm2-blog-grid{grid-template-columns:1fr}
 .vm2-industries{grid-template-columns:1fr 1fr}
 .vm2-track-form{display:block}.vm2-track-form .vm2-btn{width:100%;margin-top:10px}
 .vm2-track-timeline{grid-template-columns:1fr;gap:18px;margin-top:32px}.vm2-track-timeline:before{left:28px;right:auto;top:0;bottom:0;width:2px;height:auto}
 .vm2-track-step{display:flex;align-items:center;gap:15px;text-align:left}.vm2-track-step i{margin:0}.vm2-track-step span{margin:0}
 .vm2-process{grid-template-columns:1fr}
 .vm2-fleet-collage{grid-template-columns:1fr;grid-template-rows:240px 190px 190px}.vm2-fleet-collage img:first-child{grid-row:auto}
 .vm2-logo-strip{grid-template-columns:1fr 1fr}
 .vm2-cta-buttons,.vm2-final-actions{flex-direction:column}.vm2-cta-buttons .vm2-btn,.vm2-final-actions .vm2-btn{width:100%}
}