/*!
STYLESHEET INDEX
------------------------------------------------------
1. Base (core files)
	- variables
	- mixins
	- typography
	- animation
	- theme
	- header
	- footer
	- widget
	- swiper

2. Components (./components/)
	- Hero-slider
	- About
	- Services
	- Process
	- Brands
	- Stat
	- Choose
	- Portfolio (Case Studies)
	- Tracking
	- Review
	- Pricing
	- Blog
	- Video
	- Team
	- Accordion
	- Tabs
	- Solution
	- Why-us
	- Contact
	- Single-post
	- Shop
	- Single-product
	- Cart
	- Checkout

Notes:
- Keep component filenames consistent with imports.
- Add new sections as separate component files.
*/
/*! variables */
:root {
  --font-family-base: "DM Sans", sans-serif;
  --font-family-headings: "Barlow", sans-serif;
  --font-family-btn: "DM Sans", sans-serif;
  --bs-border-color: #d8dde1;
  --bs-border-radius: 0px;
  --font-size-base: 16px;
  --font-weight-base: 400;
  --line-height-base: 26px;
  --primary: #b82a65;
  --primary-rgb: 212, 20, 135;
  --primary-mute: #fff0f8;
  --secondary: #007dbb;
  --secondary-rgb: 0, 125, 187;
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --shade: #f4f4f5;
  --success: #23e219;
  --body-color: #797e88;
  --body-color2: #8993a1;
  --body-rgb: 121, 126, 136;
  --theme-border: #d8dde1;
  --black: #000;
  --headings-color: #071b2b;
  --dark: #071b2b;
  /*--dark:#071b2b3d;*/
  --dark-rgb: 7, 27, 43;
  --blue: #007dbb;
  --light: #f8f8f8;
  --mute: #f3f1f0;
  --danger: #dc3545;
}

/*! mixins */
.text-primary {
  color: #b82a65 !important;
}
.text-tertiary {
  color: #071b2b !important;
}
.text-success {
  color: #23e219 !important;
}
.text-danger {
  color: #dc3545 !important;
}
.text-warning {
  color: #ffc107 !important;
}
.text-info {
  color: #fff !important;
}
.text-light {
  color: #f8f8f8 !important;
}
.text-dark {
  color: #071b2b !important;
}
.text-mute {
  color: #f3f1f0 !important;
}
.text-shade {
  color: #f4f4f5 !important;
}
.text-body {
  color: #797e88 !important;
}
.h1,
h1 {
  font-size: 74px;
}
.h1,
.h2,
.product-nav .swiper-pagination,
h1,
h2 {
  font-family: var(--font-family-headings, "Barlow", sans-serif);
  font-weight: 600;
  line-height: 1.2;
  color: var(--headings-color);
}
.h2,
.product-nav .swiper-pagination,
h2 {
  font-size: 48px;
}
.h3,
h3 {
  font-size: 36px;
}
.category-sec2 .category-wrap .single-cat h3,
.h3,
.h4,
h3,
h4 {
  font-family: var(--font-family-headings, "Barlow", sans-serif);
  font-weight: 600;
  line-height: 1.2;
  color: var(--headings-color);
}
.category-sec2 .category-wrap .single-cat h3,
.h4,
h4 {
  font-size: 18px;
}
.footer-2 .footer-nav li a,
.h5,
h5 {
  font-family: var(--font-family-headings, "Barlow", sans-serif);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--headings-color);
}
.about-stats .s-stat p,
.about-txt ul li,
.h6,
.link-btn,
.payment-option button,
.pricing-card .pricing-body ul li,
.search-wrapper form label,
.service-page .ct-list li,
.single-equipment .ct-list li,
h6,
ul.check li {
  font-family: var(--font-family-headings, "Barlow", sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--headings-color);
}
.display-1 {
  font-size: 74px;
}
.display-1,
.display-2,
.sec-title {
  font-family: var(--font-family-headings, "Barlow", sans-serif);
  font-weight: 600;
  line-height: 1.2;
  color: var(--headings-color);
}
.display-2,
.sec-title {
  font-size: 48px;
}
.display-3 {
  font-size: 36px;
}
.display-3,
.display-4,
.footer-widget .widget-title {
  font-family: var(--font-family-headings, "Barlow", sans-serif);
  font-weight: 600;
  line-height: 1.2;
  color: var(--headings-color);
}
.display-4,
.footer-widget .widget-title {
  font-size: 24px;
}
.display-5 {
  font-size: 20px;
}
.display-5,
.display-6,
.header-middle .conn-txt a,
.header-middle .conn-txt span {
  font-family: var(--font-family-headings, "Barlow", sans-serif);
  font-weight: 600;
  line-height: 1.2;
  color: var(--headings-color);
}
.display-6,
.header-middle .conn-txt a,
.header-middle .conn-txt span {
  font-size: 18px;
}
/*! typography */
body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  line-height: var(--line-height-base);
  color: var(--body-color);
  position: relative;
  height: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a,
a:focus,
a:hover {
  color: var(--headings-color);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-decoration: none;
}
.form-group {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .form-group.half-group {
    flex: 0 0 48.5%;
  }
}
@media (min-width: 576px) {
  .form-group textarea {
    min-height: 150px;
  }
}
@media (max-width: 575.98px) {
  .form-group textarea {
    height: 120px;
  }
}
.form-check-input[type="radio"] {
  width: 10px;
  height: 10px;
  padding: 8px;
}
.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.form-check-input:focus {
  border-color: #f28ac1;
  box-shadow: 0 0 0 0.25rem #f8c4df;
}
.lead-sm {
  font-size: 20px;
}
.form-control,
.form-select,
input,
select,
textarea {
  font-family: var(--font-family-base);
  width: 100%;
  color: var(--body-color);
  padding: 14px 20px;
  border: 1px solid var(--theme-border);
}
.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.05rem rgba(var(--primary), 0.2);
}
.form-control::placeholder,
.form-select::placeholder,
input::placeholder,
select::placeholder,
textarea::placeholder {
  opacity: 1;
  color: var(--body-color);
}
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--body-color);
}
.form-control::-ms-input-placeholder,
.form-select::-ms-input-placeholder,
input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--body-color);
}
input[type="checkbox"] {
  padding: 0;
}
.btn:focus-visible {
  color: var(--headings-color);
  background-color: var(--primary);
  border-color: var(--primary);
  outline: 0;
  box-shadow: none;
}
.datepicker {
  text-align: center;
}
.datepicker td {
  width: 32px;
  height: 32px;
  font-weight: 500;
}
.datepicker td.active,
.datepicker td:hover {
  background: var(--primary);
  color: var(--white);
}
.datepicker td.day {
  text-align: center;
}
.gx-5 {
  --bs-gutter-x: 30px;
}

/*! animation */
.anim-img {
  position: absolute;
  backface-visibility: hidden;
  animation: jumping 5s ease-in-out 2s infinite alternate;
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  user-select: none;
  will-change: transform;
}
.anim-img.left-top {
  left: 0;
  top: auto;
}
.anim-img.left-bottom {
  right: auto;
  left: 0;
  top: auto;
  bottom: 0;
}
.anim-img.right-bottom {
  right: 0;
  bottom: 0;
}
.anim-img.right-top {
  right: 0;
  top: 0;
}
.anim-img.center-bottom {
  left: 20%;
  bottom: 0;
}
.anim-img.spin {
  animation: spin 8s ease-in-out 2s infinite alternate;
}
.anim-img.zoom {
  animation: zoom 8s ease-in-out 2s infinite alternate;
}
.anim-img.anim-2 {
  animation: jumping2 8s ease-in-out 2s infinite alternate;
}
@media (max-width: 575.98px) {
  .anim-img {
    display: none;
  }
}
@keyframes jumping {
  0% {
    transform: translateY(0) translateX(0) rotate(0) scale(0.5);
    opacity: 0.2;
  }
  50% {
    transform: translateY(-50px) translateX(-50px) rotate(15deg) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translateY(-75px) translateX(-75px) rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes jumping2 {
  0% {
    transform: translateY(-150px) translateX(-10px) rotate(0) scale(1);
    opacity: 0.2;
  }
  50% {
    transform: translateY(-50px) translateX(-10px) rotate(5deg) scale(0.8);
    opacity: 0.5;
  }
  to {
    transform: translateY(0) translateX(0) rotate(0) scale(0.7);
  }
}
@keyframes animate_pulse {
  0% {
    box-shadow:
      0 0 0 0 hsla(0, 0%, 100%, 0.2),
      0 0 0 0 hsla(0, 0%, 100%, 0.4);
  }
  40% {
    box-shadow:
      0 0 0 50px hsla(0, 0%, 100%, 0),
      0 0 0 0 hsla(0, 0%, 100%, 0.4);
  }
  80% {
    box-shadow:
      0 0 0 50px hsla(0, 0%, 100%, 0),
      0 0 0 30px hsla(0, 0%, 100%, 0);
  }
  to {
    box-shadow:
      0 0 0 0 hsla(0, 0%, 100%, 0),
      0 0 0 30px hsla(0, 0%, 100%, 0);
  }
}
.spin {
  animation: spin 10s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0);
    left: 50%;
  }
  40% {
    transform: rotate(90deg);
    left: 55%;
  }
  80% {
    transform: rotate(180deg);
    left: 60%;
  }
  to {
    transform: rotate(1turn);
    left: 50%;
  }
}
.moveX {
  animation: moveX 12s linear infinite;
}
.moveXS {
  animation: moveXS 8s linear infinite;
}
@keyframes moveX {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(150px);
  }
  50% {
    transform: translateX(120px);
  }
  75% {
    transform: translateX(140px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes moveXS {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(20px);
  }
  70% {
    transform: translateX(50px);
  }
  to {
    transform: translateX(0);
  }
}
.moveY {
  animation: moveY 7s ease-in-out infinite;
}
.moveYS {
  animation: moveYS 9s ease-in-out infinite;
}
@keyframes moveY {
  0% {
    transform: translateY(-80px);
  }
  50% {
    transform: translateY(60px);
  }
  to {
    transform: translateY(-80px);
  }
}
@keyframes moveYS {
  0% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(15px);
  }
  to {
    transform: translateY(-15px);
  }
}
.rotate {
  animation: rotate 7s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes zoom {
  0% {
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  20% {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@keyframes tada {
  16% {
    transform: translateY(8px);
  }
  33% {
    transform: translateY(-6px);
  }
  49% {
    transform: translateY(4px);
  }
  66% {
    transform: translateY(-2px);
  }
  83% {
    transform: translateY(1px);
  }
  to {
    transform: translateY(0);
  }
}
.tada {
  animation: tada 1.1s ease-out;
}

/*! Magic Cursor */
body.tv-magic-cursor #magic-cursor {
  display: block;
}
#magic-cursor {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  top: 0;
  left: 0;
}
#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-radius: 50%;
  color: transparent;
  justify-content: center;
  mix-blend-mode: difference;
  background-color: var(--primary);
}
.cursor-bg-red #ball {
  background-color: #ff535b !important;
}
.cursor-bg-red #ball .ball-view {
  color: var(--white);
}
.cursor-bg-red-2 #ball {
  background-color: #ff481f !important;
}
.cursor-bg-red-2 #ball .ball-view {
  color: var(--white);
}
.cursor-bg-yellow #ball {
  background-color: #fff669 !important;
}
.cursor-bg-yellow #ball .ball-view,
.cursor-white-bg #ball .ball-view {
  color: var(--primary);
}
#ball .ball-view {
  opacity: 0;
  visibility: hidden;
  font-weight: 500;
  line-height: 1.3;
  transform: scale(0);
}
#ball .ball-drag,
#ball .ball-view {
  position: absolute;
  padding: 0 5px;
  font-size: 15px;
  text-align: center;
  color: var(--primary);
}
#ball .ball-drag {
  display: block;
  width: 100%;
  font-weight: 600;
  line-height: 1.2;
  transition: all 0.3s;
}
#ball .ball-drag:after,
#ball .ball-drag:before {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  height: 10px;
  line-height: 10px;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: var(--white);
  font-family: "Font Awesome 7 Free";
  -webkit-font-smoothing: antialiased;
}
#ball .ball-drag:before {
  content: "\f104";
  left: 0;
  transform: translate3d(-30px, 0, 0);
  transition: all 0.25s;
}
#ball .ball-drag:after {
  content: "\f105";
  right: 0;
  transform: translate3d(30px, 0, 0);
  transition: all 0.25s;
}
#ball.with-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#ball.ball-close-enabled {
  opacity: 1 !important;
}
#ball .ball-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--primary);
}
.tv-magnetic-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark #ball,
.home-2 #ball {
  background-color: var(--white);
}
.dark #ball .ball-view,
.home-2 #ball .ball-view {
  color: var(--primary);
}

/*! theme */
.about-sec2 .about-media,
.about-stats .s-stat:not(:last-child),
.btn-close,
.category-entry .entry-thumb,
.category-item .product-cta,
.category-sec,
.category-sec2 .cat-bg,
.choose-header,
.choose-tab-content .choose-tab,
.contact-sec .contact-tabs,
.contact-sec .contact-tabs .nav-tabs .nav-item .nav-link,
.cta-sec2,
.footer-nav ul li,
.footer-widget .widget-title,
.header-actions a.text-reset.user-account,
.header-connect .single-conn,
.header-top .header-socials span,
.hero-sec2 .quote-form,
.hero-sec3 .hero-txt .btn,
.hero-slider .slider-item,
.link-btn,
.mission-sec,
.overly,
.post-entry .post-meta > span:first-child,
.post-entry .post-meta span a,
.product-search-sec,
.quote-sec,
.quote-sec3,
.recent-entry .rc-entry,
.review-card,
.review-sec,
.review-sec .review-entry h3,
.serv-contact-card,
.service-sidebar .widget ul li a,
.slide-content .heading-sub,
.stat-card,
.stat-card2,
.stat-sec,
.sub-heading,
.sub-title,
.swiper-pagination span.swiper-pagination-bullet-active,
.team-entry .team-thumb,
.work-process3 .step-wrap,
.work-sec,
blockquote,
blockquote cite,
ul.check li,
ul.ct-list li {
  position: relative;
  z-index: 1;
}
.about-sec2 .about-media:before,
.about-stats .s-stat:not(:last-child):before,
.btn-close:before,
.category-entry .entry-thumb:before,
.category-item .product-cta:before,
.category-sec2 .cat-bg:before,
.category-sec:before,
.choose-header:before,
.choose-tab-content .choose-tab:before,
.contact-sec .contact-tabs .nav-tabs .nav-item .nav-link:before,
.contact-sec .contact-tabs:before,
.cta-sec2:before,
.footer-nav ul li:before,
.footer-widget .widget-title:before,
.header-actions a.text-reset.user-account:before,
.header-connect .single-conn:before,
.header-top .header-socials span:before,
.hero-sec2 .quote-form:before,
.hero-sec3 .hero-txt .btn:before,

.link-btn:before,
.mission-sec:before,

.post-entry .post-meta > span:first-child:before,
.post-entry .post-meta span a:before,
.product-search-sec:before,
.quote-sec3:before,
.quote-sec:before,
.recent-entry .rc-entry:before,
.review-card:before,
.review-sec .review-entry h3:before,
.review-sec:before,
.serv-contact-card:before,
.service-sidebar .widget ul li a:before,
.slide-content .heading-sub:before,
.stat-card2:before,
.stat-card:before,
.stat-sec:before,
.sub-heading:before,
.sub-title:before,
.swiper-pagination span.swiper-pagination-bullet-active:before,
.team-entry .team-thumb:before,
.work-process3 .step-wrap:before,
.work-sec:before,
blockquote:before,
blockquote cite:before,
ul.check li:before,
ul.ct-list li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--dark);
}

.hero-slider .slider-item:before,
.overly:before{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #071b2b42;
}



.sec-title {
  margin: 15px 0 20px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1399.98px) {
  .sec-title {
    font-size: 45px;
  }
}
@media (max-width: 1199.98px) {
  .sec-title {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  .sec-title {
    overflow: hidden;
    font-size: 35px;
  }
}
.sub-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color: var(--primary);
  text-transform: uppercase;
  padding: 0 75px;
}
.sub-title:before {
  background: url(../images/icons/line.png) no-repeat 0;
}
.sub-title:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: url(../images/icons/line.png) no-repeat 100%;
  transform: rotate(-180deg);
  width: 65px;
}
.sub-title.half:after {
  display: none;
}
@media (max-width: 1199.98px) {
  .sub-title {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .sub-title {
    font-size: 17px;
    padding-right: 0;
  }
  .sub-title:after {
    display: none;
  }
}
.sub-heading {
  font-size: 30px;
  margin-bottom: 45px;
}
.sub-heading:before {
  height: 2px;
  width: 120px;
  background-color: var(--primary);
  top: 45px;
}
.hover-img img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.hover-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.hover-img:hover img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.hover-img:hover img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.contact-sec .tab-pane iframe,
.round {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
.sec-intro {
  margin: 0 auto 60px;
  max-width: 700px;
}
.sec-intro.full {
  max-width: max-content;
}
.text-reset:hover {
  color: var(--primary) !important;
}
.sec-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

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

/* Make all product cards equal height */
.product-entry3 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Keep all product images the same size */
.product-entry3 .entry-thumb {
  height: 280px;
  flex-shrink: 0;
}

.product-entry3 .entry-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Card content takes remaining space */
.product-entry3 .entry-txt {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Description expands equally */
.product-entry3 .entry-txt p {
  flex: 1;
}

/* Get Best Price stays at bottom */
.product-entry3 .entry-txt > span {
  margin-top: auto;
}

.button-again {
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .sec-padding {
    padding: 100px 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .sec-padding {
    padding: 90px 0;
  }
}
@media (max-width: 767.98px) {
  .sec-padding {
    padding: 70px 0;
  }
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--primary);
  border-color: var(--primary);
}
.bg-primary {
  background-color: #b82a65 !important;
}
.bg-tertiary {
  background-color: #071b2b !important;
}
.bg-light {
  background-color: #f8f8f8 !important;
}
.bg-mute {
  background-color: #f3f1f0 !important;
}
.bg-shade {
  background-color: #f4f4f5 !important;
}
.bg-info {
  background-color: #fff !important;
}
.bg-dark {
  background-color: #071b2b !important;
}
.btn {
  font-family: var(--font-family-btn);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  padding: 16px 22px;
  letter-spacing: 0.5px;
  position: relative;
  border: 0 !important;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
@media (max-width: 767.98px) {
  .btn {
    padding: 14px 28px;
  }
}
.btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 30px;
  background-color: var(--dark);
  transition:
    width 0.5s ease-in-out,
    height 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.btn i.fa-arrow-right {
  transform: rotate(-30deg);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.btn:hover i.fa-arrow-right {
  transform: rotate(0deg);
}
.btn.btn-xs {
  padding: 13px 26px;
}
.btn:hover span {
  width: 225%;
  height: 562.5px;
}
.btn.btn-outline {
  border: 1px solid var(--white) !important;
  color: var(--white);
  padding: 15px 32px;
}
.btn.btn-outline:hover {
  color: var(--headings-color);
}
.btn.btn-outline:hover span {
  background-color: var(--white);
}
.btn-primary {
  background-color: #b82a65;
  border-color: #b82a65;
  color: #fff;
}
.btn-primary:focus,
.btn-primary:hover {
  background-color: #b82a65;
  border-color: #b82a65;
  color: #fff;
}
.btn-info {
  background-color: #fff;
  border-color: #fff;
  color: #fff;
}
.btn-info:focus,
.btn-info:hover {
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(229.5, 229.5, 229.5);
  color: #fff;
}
.btn-info {
  color: var(--headings-color);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.btn-dark:hover,
.btn-info span {
  background-color: var(--primary);
}
.btn-dark:hover {
  border: 1px solid var(--primary);
}
.custom-btn {
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 700;
  text-transform: capitalize;
}
.icon,
.icon-lg,
.icon-xl,
.icon-xs,
.product-card .product-cta a,
.team-entry .team-thumb .team-share .link-hover {
  height: 46px;
  width: 46px;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.icon-lg i,
.icon-xl i,
.icon-xs i,
.icon i,
.product-card .product-cta a i,
.team-entry .team-thumb .team-share .link-hover i {
  display: table-cell;
  vertical-align: middle;
}
.icon-xs,
.product-card .product-cta a {
  width: 36px;
  height: 36px;
}
.icon-lg {
  width: 56px;
  height: 56px;
}
.icon-xl {
  width: 80px;
  height: 80px;
  font-size: 30px;
}
.lead,
.lead-sm {
  font-size: 18px;
  font-weight: 500;
}
.lead-sm a,
.lead a {
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .lead,
  .lead-sm {
    font-size: 16px;
  }
}
.zoom-img {
  overflow: hidden;
}
.zoom-img img {
  transform: scale(1);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.zoom-img:hover img {
  transform: scale(1.1);
}
.abs-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.link-btn {
  line-height: 1.3;
  font-size: 15px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-decoration: none;
}
.link-btn:before {
  height: 1.5px;
  top: 18px;
}
.link-btn i {
  margin-left: 2px;
  transform: rotate(-20deg);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.link-btn:hover {
  color: var(--primary);
}
.link-btn:hover:before {
  background-color: var(--primary);
}
.link-btn:hover i {
  transform: rotate(0deg);
}
.ratings {
  font-size: 14px;
}
.ratings i {
  color: var(--primary);
}
.social-share a {
  background-color: var(--primary);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.social-share a i {
  display: table-cell;
  vertical-align: middle;
}
.social-share a:last-child {
  margin-right: 0;
}
.social-share a:hover {
  background-color: var(--dark);
  color: var(--white);
}
.social-share.outline a {
  border: 1px solid var(--theme-border);
  background-color: transparent;
  color: var(--headings-color);
}
.social-share.outline a:hover {
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: var(--white);
}
.social-share.null a {
  background-color: transparent;
  width: auto;
  height: auto;
  color: var(--headings-color);
}
.social-share.null a:hover {
  color: var(--dark);
}
.bg-cover {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.scroll-top {
  position: fixed;
  right: 1.875rem;
  bottom: 1.875rem;
  height: 3.125rem;
  width: 3.125rem;
  z-index: 10000;
  opacity: 1;
  visibility: hidden;
  transform: translateY(2.8125rem);
  transition: all 0.3s linear;
  background-color: var(--white);
  box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.14);
}
.scroll-top,
.scroll-top:after {
  cursor: pointer;
  display: block;
  border-radius: 50%;
}
.scroll-top:after {
  content: "\f106";
  font-family: fontawesome;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 3.125rem;
  font-size: 1.25rem;
  color: var(--headings-color);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.scroll-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scroll-top svg {
  color: var(--white);
  border-radius: 50%;
}
.scroll-top .progress-circle path {
  stroke: var(--primary);
  stroke-width: 0.5rem;
  box-sizing: border-box;
  transition: all 0.4s linear;
}
#preloader.done {
  visibility: hidden;
  opacity: 0;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: 999999;
}
.preloader {
  padding: 0;
  text-align: left;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -15px;
}
.preloader,
.preloader span {
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
}
.preloader span {
  border-radius: 100%;
  background: var(--primary);
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}
@keyframes preloader {
  0% {
    transform: scale(0);
    opacity: 0.5;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.5;
  }
  to {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.nice-select {
  padding: 4px 20px;
}
.nice-select .list {
  background-color: var(--light);
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
  background-color: var(--primary);
  color: var(--white);
}
.nice-select .option.selected.focus {
  color: var(--headings-color) !important;
}
.video-play-btn {
  display: flex;
  place-content: center;
  text-align: center;
  height: 100px;
  width: 100px;
  font-size: 25px;
  display: inline-block;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--headings-color);
  background-color: var(--white);
  animation: animate_pulse 3s linear infinite;
}
.reveal {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  visibility: hidden;
  overflow: hidden;
}
.reveal img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform-origin: left;
  transform-origin: left;
}
.pager nav.navigation.pagination {
  display: block;
}
.pager a,
.pager span {
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  font-size: 17px;
  font-weight: 500;
  background-color: var(--light);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin-right: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.pager .current,
.pager a:hover {
  background-color: var(--primary);
  color: var(--white);
}
.pager a.next,
.pager a.prev {
  width: 100px;
  padding: 3px 10px;
  line-height: 1;
  text-transform: capitalize;
}
.progress {
  border: 0;
  box-shadow: none;
  height: 7px;
  overflow: visible;
  position: relative;
  border-radius: 10px;
  display: block;
  background-color: var(--shade);
}
.progress:last-child {
  margin-bottom: 0;
}
.progress .meta {
  font-size: 16px;
  left: 0;
  position: absolute;
  top: -33px;
  color: var(--headings-color);
}
.progress .progress-bar {
  display: block;
  background: var(--primary);
  float: left;
  height: 7px;
  border-radius: 10px;
  overflow: visible;
}
.progress .progress-bar span {
  background: var(--primary);
  float: right;
  margin-right: 10px;
  margin-top: -32px;
  position: relative;
  font-weight: 700;
  font-size: 15px;
  padding: 0 8px;
  border-radius: 5px;
}
.progress .progress-bar span:after,
.progress .progress-bar span:before {
  border: solid transparent;
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
.progress .progress-bar span:before {
  border-top-color: var(--primary);
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
}
ul.check li {
  margin-left: 25px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
ul.check li span {
  color: var(--dark);
}
ul.check li:before {
  content: "";
  background: url(../images/icons/check.png) no-repeat 0;
  left: -25px;
  top: 0;
}
.parallax-overly {
  position: absolute;
  inset: 0;
  background-color: #071b2ba8;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  mix-blend-mode: multiply;
  z-index: -1;
}
.ct-parallax {
  position: relative;
  overflow: hidden;
}
.nav-tabs {
  margin: 30px 0 0;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--theme-border);
}
.nav-tabs .nav-item:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 575.98px) {
  .nav-tabs .nav-item:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.nav-tabs .nav-item,
.nav-tabs .nav-item .nav-link {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.nav-tabs .nav-item .nav-link {
  margin: 0;
  color: var(--headings-color);
  font-weight: 700;
  border-radius: 30px;
  font-size: 14px;
  background-color: var(--white);
  padding: 7px 30px;
}
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:hover {
  color: var(--white);
  background-color: var(--primary);
  border: 1px solid var(--primary);
}
.nice-select.tv-select {
  height: auto;
  width: 100%;
  border: 1px solid var(--theme-border);
  padding: 7px 20px;
  font-size: 16px;
  border-radius: 0;
  float: none;
}
.accordion-button:not(.collapsed) {
  background-color: var(--light-alt);
}
.progress-circle-item {
  width: 80px;
  height: 80px;
  position: relative;
}
.progress-circle-item .outer {
  height: 80px;
  width: 80px;
}
.progress-circle-item .inner,
.progress-circle-item .outer {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-circle-item .inner {
  height: 60px;
  width: 60px;
}
.progress-circle-item .inner .number {
  font-weight: 600;
  font-size: 1rem;
  color: #555;
}
ul.ct-list {
  padding: 0;
  list-style: none;
  margin: 30px 0;
}
@media (min-width: 768px) {
  ul.ct-list:first-child {
    margin-right: 50px;
  }
}
ul.ct-list li {
  margin-bottom: 20px;
  padding-left: 30px;
}
ul.ct-list li:before {
  background: url(../images/icons/double-arrow.svg) no-repeat 0;
}
.success {
  background-color: #13a05a;
  border: 1px solid #13a05a;
  border-radius: 5px;
}
.error,
.success {
  padding: 15px;
  margin-bottom: 20px;
  color: var(--white);
}
.error {
  background-color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 5px;
}

/*! header */
.header-middle .conn-txt small {
  display: block;
  color: rgba(var(--white-rgb), 0.6);
}
.header-middle .conn-txt a,
.header-middle .conn-txt span {
  color: var(--white);
}
.header-connect {
  max-width: 950px;
  margin-left: auto;
}
@media (max-width: 1199.98px) {
  .header-connect {
    margin: 0 auto;
  }
}
.header-connect .single-conn:before {
  width: 2px;
  height: 52px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  left: 130%;
}
.header-connect .single-conn:last-child:before {
  display: none;
}
@media (max-width: 991.98px) {
  .header-connect .single-conn a {
    font-size: 18px;
  }
  .header-connect .single-conn:before {
    display: none;
  }
}
.icon-button {
  border: 0;
  background-color: transparent;
}
.main-overlay {
  opacity: 0;
  visibility: hidden;
  filter: blur(2px);
  background: #dadada;
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-overlay.active {
  opacity: 0.6;
  visibility: visible;
}
.canvas-menu {
  background: var(--white);
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 40px;
  position: fixed;
  right: -100%;
  scrollbar-width: none;
  top: 0;
  width: 400px;
  opacity: 0;
  transition: 0.45s ease-in-out;
  visibility: hidden;
  z-index: 10;
}
@media (max-width: 575.98px) {
  .canvas-menu {
    width: 100%;
  }
}
.canvas-menu .logo img {
  max-width: 175px;
}
.canvas-menu.open {
  visibility: visible;
  opacity: 1;
  right: 0;
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.canvas-menu.position-left {
  left: 0;
  right: auto;
  -moz-transform: translateX(-350px);
  -o-transform: translateX(-350px);
  -ms-transform: translateX(-350px);
  -webkit-transform: translateX(-350px);
  transform: translateX(-350px);
}
.canvas-menu.position-left.open {
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.canvas-menu .social-share a:hover {
  color: var(--primary);
}
.canvas-menu a.btn.btn-primary {
  max-width: 200px;
  margin-top: 15px;
}
.canvas-menu .canvas-close {
  box-sizing: content-box;
  border: 0;
  padding: 0;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.canvas-menu .canvas-close:focus {
  outline: none;
  box-shadow: none;
}
.canvas-menu .canvas-close:hover {
  opacity: 1;
  transform: rotate(90deg);
}
.canvas-menu nav {
  width: 100%;
}
.canvas-menu .vertical-menu {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.canvas-menu .vertical-menu li.openmenu > a {
  color: var(--dark);
}
.canvas-menu .vertical-menu li.openmenu .switcher {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.canvas-menu .vertical-menu li {
  padding: 0;
  position: relative;
  list-style: none;
  line-height: 1.2;
  -webkit-transition: 0.2s ease-in-out 0.4s;
  -moz-transition: 0.2s 0.4s ease-in-out;
  -ms-transition: 0.2s 0.4s ease-in-out;
  -o-transition: 0.2s 0.4s ease-in-out;
  transition: 0.2s ease-in-out 0.4s;
}
.canvas-menu .vertical-menu li:after {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}
.canvas-menu .vertical-menu li.active a {
  color: var(--primary);
}
.canvas-menu .vertical-menu li.active .submenu a {
  color: var(--headings-color);
}
.canvas-menu .vertical-menu li.active .submenu a:hover {
  color: var(--body-color);
}
.canvas-menu .vertical-menu li .switcher {
  border: 1px solid var(--theme-border);
  border-radius: 5px;
  display: flex;
  font-size: 14px;
  width: 30px;
  align-items: center;
  justify-content: space-around;
  height: 30px;
  cursor: pointer;
  color: var(--primary);
  position: absolute;
  top: 0;
  right: 0;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease-in-out 0.4s;
  -moz-transition: 0.2s 0.4s ease-in-out;
  -ms-transition: 0.2s 0.4s ease-in-out;
  -o-transition: 0.2s 0.4s ease-in-out;
  transition: 0.2s ease-in-out 0.4s;
  -webkit-backface-visibility: hidden;
}
.canvas-menu .vertical-menu li a {
  color: var(--headings-color);
  font-weight: 500;
  text-decoration: none;
  position: relative;
}
.canvas-menu .vertical-menu li a:hover {
  color: var(--primary);
}
.canvas-menu .submenu {
  display: none;
  padding: 10px 20px;
}
.canvas-menu .submenu li {
  padding: 5px 0;
}
.canvas-menu .submenu li:after {
  content: "";
  display: none;
}
.canvas-menu .submenu li a {
  color: var(--headings-color);
  font-size: 14px;
  font-weight: 400;
}
.canvas-menu .submenu li a:hover {
  color: var(--dark);
}
.header-top {
  padding: 10px 50px;
}
@media (max-width: 991.98px) {
  .header-top {
    padding: 10px 5px;
  }
}
.header-top .social-share a {
  color: var(--white);
  border: 1px solid rgba(var(--white-rgb), 0.25);
  width: 36px;
  height: 36px;
}
.header-top .header-infos ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-top .header-infos ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-top .header-infos ul li,
.header-top .header-infos ul li a {
  color: var(--white);
  line-height: 1;
}
.header-top
  .header-infos
  ul
  li
  .team-entry
  .team-thumb
  .team-share
  span.link-hover,
.header-top .header-infos ul li span.icon,
.header-top .header-infos ul li span.icon-lg,
.header-top .header-infos ul li span.icon-xl,
.header-top .header-infos ul li span.icon-xs,
.team-entry
  .team-thumb
  .team-share
  .header-top
  .header-infos
  ul
  li
  span.link-hover {
  background-color: rgba(var(--white-rgb), 0.1);
}
.header-top .header-infos .dropdown-toggle {
  color: var(--white);
}
.header-top .header-infos .dropdown-menu {
  background-color: var(--dark);
  padding: 20px;
  min-width: 270px;
}
.header-top .header-infos .dropdown-menu li {
  margin-bottom: 15px;
}
.header-top .header-socials span {
  color: var(--dark);
  font-weight: 500;
}
.header-top .header-socials span:before {
  width: 1px;
  height: 11px;
  left: 85px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .header-top p {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
  }
  .header-top .header-socials {
    width: 325px;
    text-align: right;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header-top .header-socials {
    width: 510px;
  }
}
@media (max-width: 575.98px) {
  .header-top p {
    display: none;
  }
  .header-top .header-socials {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
.header {
  position: relative;
  z-index: 9;
}
.header .header-wrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 991.98px) {
  .header .navbar-brand img {
    max-width: 110px;
  }
}
.header.header-default {
  position: absolute;
  z-index: 9;
  width: 100%;
}
.header.header-default .navbar .offcanvas {
  background-color: var(--dark);
}
.header.header-default .navbar .navbar-nav > li a.nav-link,
.header.header-default .navbar button.navbar-toggler.offcanvas-nav-btn {
  color: var(--white);
}
.header.header-default
  .navbar
  button.navbar-toggler.offcanvas-nav-btn
  svg
  path {
  fill: var(--white);
}
.header.header-default .header-nav-wrapper.header-sticky.scroll-on {
  background-color: var(--dark);
}
.header.header-1 {
  position: absolute;
  z-index: 5;
  width: 100%;
  right: 0;
  top: 0;
}
.header.header-1 .header-wrapper {
  top: auto;
}
@media (min-width: 768px) {
  .header.header-1 .header-wrapper .container-fluid {
    border-bottom: 1px solid var(--theme-border);
  }
}
@media (max-width: 1199.98px) {
  .header.header-1 .navbar-brand {
    padding-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .header.header-1 .navbar-brand {
    padding: 0;
  }
}
.header.header-1 .navbar .navbar-nav > li a.nav-link {
  color: var(--headings-color);
  padding: 38px 20px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .header.header-1 .navbar .navbar-nav > li a.nav-link {
    padding: 32px 17px;
  }
}
@media (max-width: 1199.98px) {
  .header.header-1 .navbar .navbar-nav > li a.nav-link {
    padding: 18px;
  }
}
@media (max-width: 1199.98px) {
  .header.header-1
    .header-nav-wrapper.header-sticky.scroll-on
    .navbar
    .navbar-brand {
    padding: 5px 0;
  }
}
.header.header-1
  .header-nav-wrapper.header-sticky.scroll-on
  .navbar
  .navbar-nav
  > li
  a.nav-link {
  padding: 22px 18px;
}
@media (max-width: 1199.98px) {
  .header.header-1
    .header-nav-wrapper.header-sticky.scroll-on
    .navbar
    .navbar-nav
    > li
    a.nav-link {
    padding: 16px 0;
  }
}
.header.header-2 .navbar .navbar-nav > li a.nav-link {
  color: var(--white);
  padding: 38px 20px;
}
@media (max-width: 1199.98px) {
  .header.header-2 .navbar .navbar-nav > li a.nav-link {
    padding: 18px;
  }
}
.header.header-2 .navbar button.navbar-toggler.offcanvas-nav-btn {
  color: var(--white);
}
.header.header-2 .header-nav-wrapper.header-sticky.scroll-on {
  background-color: var(--dark);
}
@media (max-width: 1199.98px) {
  .header.header-2
    .header-nav-wrapper.header-sticky.scroll-on
    .navbar
    .navbar-nav
    > li
    a.nav-link {
    padding: 18px;
  }
}
.header.header-2 .offcanvas {
  background-color: var(--dark);
}
.header.header-3 .nav-cta a {
  color: var(--white);
}
@media (max-width: 1199.98px) {
  .header.header-3 .nav-cta a {
    color: var(--headings-color);
  }
}
.header.header-3 .header-nav-wrapper.header-sticky.scroll-on .nav-cta a {
  color: var(--headings-color);
}
.navbar {
  padding: 0;
}
@media (max-width: 1199.98px) {
  .navbar {
    padding: 5px 10px;
  }
}
.navbar .dropdown,
.navbar .dropdown-center,
.navbar .dropend,
.navbar .dropstart,
.navbar .dropup,
.navbar .dropup-center {
  position: relative;
}
@media (max-width: 1199.98px) {
  .navbar .dropdown,
  .navbar .dropdown-center,
  .navbar .dropend,
  .navbar .dropstart,
  .navbar .dropup,
  .navbar .dropup-center {
    width: 100%;
  }
}
.navbar .navbar-nav > li a.nav-link {
  padding: 40px 20px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 17px;
  line-height: 26px;
  color: var(--dark);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar .navbar-nav > li a.nav-link {
    padding: 32px 18px;
  }
}
@media (min-width: 1600px) {
  .navbar .navbar-nav > li a.nav-link {
    padding: 32px 25px;
  }
}
.navbar .navbar-nav > li a.nav-link:after {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.navbar .navbar-nav > li:first-child a.nav-link {
  padding-left: 0;
}
@media (max-width: 1199.98px) {
  .navbar .navbar-nav > li {
    width: 100%;
  }
}
.navbar .navbar-nav .nav-item > .dropdown-menu:first-of-type:before {
  position: absolute;
  content: "";
  top: -12px;
  left: 22px;
  z-index: 8;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid var(--white);
}
.navbar .navbar-nav .dropdown-menu {
  border: none;
  border-radius: 8px;
  margin-top: 0;
  padding: 15px 0;
  min-width: 250px;
  top: 100%;
  left: 0;
  background-color: var(--white);
  box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.35);
  z-index: 10;
  transform: translateY(15px);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  align-items: center;
  display: flex;
  font-weight: 500;
  padding: 7px 15px 7px 25px;
  width: 100%;
  font-size: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: var(--primary);
  padding-left: 28px !important;
}
.navbar .navbar-nav .dropdown-menu .dropdown-submenu a:after {
  position: absolute;
  right: 16px;
  transform: rotate(-90deg);
}
.navbar .navbar-nav .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
  left: 100%;
  right: auto;
  top: -10px;
}
.navbar .navbar-nav .dropdown-menu > li.dropdown-submenu.dropend:focus > a,
.navbar .navbar-nav .dropdown-menu > li.dropdown-submenu.dropend:hover > a {
  color: var(--primary);
  background-color: transparent;
  padding-left: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar .navbar-nav > .dropdown:hover > .dropdown-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
  transform: translateY(0);
}
.navbar .navbar-brand {
  margin-right: 0;
}
.navbar .navbar-toggler:focus {
  box-shadow: none;
}
.navbar .dropdown .dropdown-toggle:after {
  content: "\f107";
  font-family: fontawesome;
  border: 0;
  margin-left: 5px;
  float: right;
  font-size: 13px;
  margin-top: 2px;
}
@media (max-width: 767.98px) {
  .navbar .dropdown .dropdown-toggle:after {
    margin-left: auto;
    margin-right: 10px;
  }
}
.navbar button.navbar-toggler.offcanvas-nav-btn {
  border: 0;
  font-size: 18px;
  color: var(--headings-color);
  text-transform: uppercase;
  padding: 0;
  font-weight: 700;
}
.navbar button.navbar-toggler.offcanvas-nav-btn svg {
  vertical-align: baseline;
}
.navbar .dropdown-header {
  color: var(--headings-color);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  padding: 3px 15px 7px 25px;
  text-transform: uppercase;
}
.navbar .custom-btn {
  border-radius: 30px;
  padding: 9px 28px;
}
.navbar .nav-banner > a img {
  margin: 10px 0;
}
.navbar .nav-cta a.call-cta {
  padding: 5px 30px 5px 5px;
  background-color: #f3f1f0;
}
.navbar .nav-cta a.call-cta .team-entry .team-thumb .team-share span.link-hover,
.navbar .nav-cta a.call-cta span.icon,
.navbar .nav-cta a.call-cta span.icon-lg,
.navbar .nav-cta a.call-cta span.icon-xl,
.navbar .nav-cta a.call-cta span.icon-xs,
.team-entry
  .team-thumb
  .team-share
  .navbar
  .nav-cta
  a.call-cta
  span.link-hover {
  margin-right: 10px;
}
.navbar .nav-cta a.call-cta {
  color: #797e88;
}
.navbar .nav-cta a.call-cta strong {
  color: var(--headings-color);
}
.navbar .nav-cta sup {
  background: var(--primary);
  color: var(--white);
  top: -8px;
  right: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
}
@media (max-width: 1199.98px) {
  .navbar .nav-cta .btn {
    padding: 12px 23px;
  }
  .navbar .nav-cta .icon-lg {
    width: 50px;
    height: 50px;
  }
}
.navbar .nav-cta button {
  border: 0;
  background-color: rgba(var(--primary-rgb), 0.6);
}
.navbar.scroll-on .container:before {
  display: none;
}
.navbar.scroll-on .navbar-nav li a.nav-link {
  padding: 25px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar.scroll-on .navbar-nav li a.nav-link {
    padding: 22px 15px;
  }
}
.navbar.scroll-on .navbar-nav li:first-child a.nav-link {
  padding-left: 0;
}
header .header-nav-wrapper.header-sticky.scroll-on {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  background: var(--white);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.07);
  width: 100%;
  animation: headerSlideDown 1.3s ease forwards;
}
header .header-nav-wrapper.header-sticky.scroll-on .navbar {
  padding: 3px 0;
}
@media (max-width: 1199.98px) {
  header .header-nav-wrapper.header-sticky.scroll-on .navbar {
    padding: 5px 10px;
  }
}
header .header-nav-wrapper.header-sticky.scroll-on .navbar-line:before {
  display: none;
}
header
  .header-nav-wrapper.header-sticky.scroll-on
  .navbar
  .navbar-nav
  > li
  a.nav-link {
  padding: 28px 18px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  header
    .header-nav-wrapper.header-sticky.scroll-on
    .navbar
    .navbar-nav
    > li
    a.nav-link {
    padding: 21px 18px;
  }
}
@media (max-width: 1199.98px) {
  header
    .header-nav-wrapper.header-sticky.scroll-on
    .navbar
    .navbar-nav
    > li
    a.nav-link {
    padding: 16px 0;
  }
}
header .header-nav-wrapper.header-sticky.scroll-on .navbar .container-fluid {
  border: 0;
}
.navbar.nav-center .offcanvas {
  max-width: 700px;
}
@media (max-width: 991.98px) {
  .navbar.nav-center .offcanvas {
    max-width: calc(100% - 20px);
  }
}
.navbar.nav-center .navbar-nav li:last-child a.nav-link {
  padding-right: 0;
}
@media (min-width: 1200px) {
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 33.33%;
  }
  header .header-nav-wrapper .navbar .navbar-nav li:hover a.nav-link {
    color: var(--primary);
  }
  header .header-nav-wrapper .navbar .navbar-nav li:hover a.nav-link:after {
    transform: rotate(180deg);
  }
  header .header-nav-wrapper .navbar .navbar-nav .dropdown-menu {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    transform: translateY(20px);
  }
  header
    .header-nav-wrapper
    .navbar
    .navbar-nav
    .dropdown-submenu.dropend:hover
    > .dropdown-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
    transform: translateY(0);
  }
}
@media (max-width: 1199.98px) {
  .navbar .offcanvas-header {
    margin-bottom: 15px;
  }
  .navbar .offcanvas-header img {
    max-width: 150px;
  }
  .navbar .navbar-nav .dropdown-menu {
    background-color: var(--white);
    min-width: 0 !important;
  }
  .navbar .navbar-nav .dropdown-menu .dropdown-item {
    font-size: 15px;
  }
  .navbar .offcanvas.bg-dark .dropdown-menu {
    background-color: var(--white);
  }
  .navbar .offcanvas.bg-dark .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #2b2b2b;
  }
  .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
    margin-left: 10px;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    border-radius: 0;
    padding: 16px 0;
    font-size: 16px;
    line-height: 1;
  }
  .navbar .navbar-nav .nav-item:last-child .nav-link {
    border: 0;
  }
}
.header-actions a.btn {
  padding: 13px 24px;
}
.header-actions a.text-reset.user-account {
  font-weight: 500;
  margin: 0 22px;
}
.header-actions a.text-reset.user-account:before {
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -15px;
  height: 20px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .header-actions .product-card .product-cta a,
  .header-actions .team-entry .team-thumb .team-share a.link-hover,
  .header-actions a.icon,
  .header-actions a.icon-lg,
  .header-actions a.icon-xl,
  .header-actions a.icon-xs,
  .product-card .product-cta .header-actions a,
  .team-entry .team-thumb .team-share .header-actions a.link-hover {
    width: 45px;
    flex: 0 0 45px;
    height: 45px;
  }
  .header-actions a.text-reset.user-account {
    margin: 0 14px;
  }
  .header-actions a.text-reset.user-account:before {
    left: -10px;
  }
}
@media (max-width: 1199.98px) {
  .header-actions .product-card .product-cta a,
  .header-actions .team-entry .team-thumb .team-share a.link-hover,
  .header-actions a.icon,
  .header-actions a.icon-lg,
  .header-actions a.icon-xl,
  .header-actions a.icon-xs,
  .product-card .product-cta .header-actions a,
  .team-entry .team-thumb .team-share .header-actions a.link-hover {
    width: 45px;
    flex: 0 0 45px;
    height: 45px;
  }
  .header-actions a.text-reset.user-account {
    margin: 0 14px;
  }
  .header-actions a.text-reset.user-account:before {
    left: -10px;
  }
}
.header-actions .cart-num {
  background-color: var(--primary);
  color: var(--white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  top: -2px;
  right: 0;
  font-size: 13px;
  line-height: 24px;
}
@keyframes headerSlideDown {
  0% {
    margin-top: -6.25rem;
  }
  to {
    margin-top: 0;
  }
}
.search-popup .search-form {
  position: relative;
}
.search-popup .search-form:after {
  content: "\f002";
  font-family: fontawesome;
  position: absolute;
  z-index: 1;
  width: 20px;
  left: 15px;
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
}
.search-popup .search-form input {
  padding-left: 40px;
}
.search-popup .search-form input:focus {
  box-shadow: none;
}
.search-popup .btn-close {
  position: absolute;
  right: 0;
  top: 20px;
}
.offcanvas-header .btn-close {
  padding: 4px;
}
.btn-close {
  width: 30px;
  height: 30px;
  line-height: 36px;
  flex: 0 0 30px;
  text-align: center;
  display: table;
  background: 0 0;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  background-color: transparent;
}
.btn-close:focus {
  border: 0;
  box-shadow: none;
}
.btn-close:before {
  font-family: fontawesome;
  content: "\f00d";
  color: var(--white);
  background-color: transparent;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  line-height: 37px;
}
.header-transparent {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
}
.header-transparent .container-fluid {
  padding: 5px 15px;
  border: 1px solid rgba(var(--white-rgb), 0.2);
  border-radius: 100px;
}
.header-transparent .navbar .navbar-nav > li a.nav-link {
  color: var(--white);
}
@media (max-width: 1199.98px) {
  .header-transparent .navbar .navbar-nav > li a.nav-link {
    color: var(--headings-color);
  }
}
.header-transparent .navbar .nav-cta a.phone span,
.header-transparent .navbar button.navbar-toggler.offcanvas-nav-btn {
  color: var(--white);
}
.header-transparent .navbar .nav-cta a.phone span small {
  color: rgba(var(--white-rgb), 0.7);
}
.header-transparent .header-nav-wrapper.header-sticky.scroll-on {
  background-color: var(--headings-color);
}
section.promo-sec {
  padding: 250px 0 100px;
  background-color: #d9d9d9;
  background-blend-mode: multiply;
}
@media (max-width: 767.98px) {
  section.promo-sec {
    padding: 140px 0 70px;
  }
}
section.promo-sec .parallax-overly {
  z-index: -1;
  background-color: var(--dark);
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media (max-width: 767.98px) {
  section.promo-sec h2 {
    font-size: 50px;
  }
}
@media (max-width: 575.98px) {
  section.promo-sec h2 {
    font-size: 40px;
  }
}
section.promo-sec ol.breadcrumb {
  display: block;
}
section.promo-sec ol.breadcrumb .breadcrumb-item {
  display: inline-block;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
}
section.promo-sec ol.breadcrumb .breadcrumb-item a {
  color: var(--primary);
}
section.promo-sec ol.breadcrumb .breadcrumb-item.active {
  color: var(--white);
}
section.promo-sec ol.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: "\f7a5";
  font-family: fontawesome;
}
section.promo-sec .breadcrumb-item + .breadcrumb-item:before {
  font-style: normal;
  color: var(--white);
  font-size: 18px;
}

/*! footer */
.footer {
  padding-top: 120px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .footer {
    padding-top: 80px;
  }
}
.footer .parallax-overly {
  opacity: 0.96;
}
.footer .copy-right a {
  font-weight: 600;
  color: var(--primary);
}
.footer .footer-widgets {
  border-top: 1px solid rgba(var(--white-rgb), 0.2);
}
.footer .footer-widgets:before {
  display: none;
}
.footer .footer-bottom {
  background: var(--primary);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: 80px;
}
@media (max-width: 575.98px) {
  .footer .footer-bottom {
    margin-top: 0;
  }
}
.footer .copy-right a {
  color: var(--white);
}
.footer .footer-nav ul li:before {
  background-color: rgba(var(--white-rgb), 0.6);
}
.footer .footer-nav ul li:hover a {
  color: var(--white);
}
@media (max-width: 991.98px) {
  .footer-widget {
    margin-bottom: 50px;
  }
}
.footer-widget .f-logo {
  margin-bottom: 25px;
}
.footer-widget .widget-title {
  margin-bottom: 45px;
  color: var(--white);
}
@media (max-width: 1199.98px) {
  .footer-widget .widget-title {
    font-size: 20px;
  }
}
.footer-widget .widget-title:before {
  width: 90px;
  height: 2px;
  background-color: var(--primary);
  top: 38px;
  left: 25px;
}
.footer-widget .widget-title:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 2px;
  background-color: var(--white);
  top: 37px;
  left: 0;
  z-index: -1;
}
.footer-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-widget ul li a {
  color: rgba(var(--white-rgb), 0.7);
}
.footer-widget ul li:hover a {
  color: var(--primary);
  padding-left: 5px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.footer-widget ul li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widget p,
.footer-widget span {
  color: rgba(var(--white-rgb), 0.7);
}
.footer-widget.about-footer {
  max-width: 310px;
}
.footer-widget .footer-info {
  margin-top: 30px;
}
.footer-widget .footer-info .single-conn:not(:last-child) {
  margin-bottom: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(var(--white-rgb), 0.2);
}
.footer-widget .footer-info .single-conn .icon,
.footer-widget .footer-info .single-conn .icon-lg,
.footer-widget .footer-info .single-conn .icon-xl,
.footer-widget .footer-info .single-conn .icon-xs,
.footer-widget .footer-info .single-conn .product-card .product-cta a,
.footer-widget
  .footer-info
  .single-conn
  .team-entry
  .team-thumb
  .team-share
  .link-hover,
.product-card .product-cta .footer-widget .footer-info .single-conn a,
.team-entry
  .team-thumb
  .team-share
  .footer-widget
  .footer-info
  .single-conn
  .link-hover {
  color: var(--white);
  font-size: 18px;
  background-color: var(--primary);
}
.footer-widget .footer-info .single-conn .conn-txt h3 {
  color: var(--white);
}
.footer-widget .footer-info .single-conn .conn-txt a,
.footer-widget .footer-info .single-conn .conn-txt span {
  color: rgba(var(--white-rgb), 0.7);
}
@media (max-width: 991.98px) {
  .footer-widget .footer-info .single-conn .conn-txt a,
  .footer-widget .footer-info .single-conn .conn-txt span {
    font-size: 14px;
  }
}
.footer-widget .social-share a {
  background-color: rgba(var(--white-rgb), 0.07);
}
.footer-widget .social-share a:hover {
  background-color: var(--primary);
}
.footer-widget .news-letter button {
  text-align: left;
  padding: 15px 20px;
}
.footer-widget .news-letter button i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}
.footer-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-nav ul li {
  display: inline-block;
}
.footer-nav ul li:before {
  width: 1px;
  height: 19px;
  background-color: var(--mute);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 54%;
}
.footer-nav ul li:first-child:before {
  display: none;
}
.footer-nav ul li a {
  color: var(--white);
  display: block;
  padding: 30px 20px 25px;
}
@media (max-width: 767.98px) {
  .footer-nav ul li a {
    padding: 15px 20px 10px;
  }
}
.footer-nav ul li:last-child a {
  padding-right: 0;
}
.footer-nav ul li:hover a {
  color: var(--primary);
}
@media (max-width: 767.98px) {
  .footer-nav ul li:first-child a {
    padding-left: 0;
  }
}
.footer-2 .parallax-overly {
  opacity: 0.92;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
  filter: alpha(opacity=92);
}
@media (max-width: 767.98px) {
  .footer-2 .footer-top {
    padding-bottom: 30px;
  }
}
.footer-2 .about-footer {
  max-width: 800px;
  margin: 0 auto;
}
.footer-2 .about-footer p {
  margin-top: 30px;
  color: var(--body-color2);
  font-size: 17px;
  line-height: 1.8;
}
.footer-2 .footer-meta .fm-item h4 {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 20px;
}
.footer-2 .footer-meta .fm-item p,
.footer-2 .footer-meta .fm-item p a {
  color: #d0cdcd;
}
.footer-2 .footer-meta .fm-item p span {
  display: inline-block;
  background-color: var(--primary);
  color: var(--white);
  margin-right: 10px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .footer-2 .footer-meta .fm-item {
    margin-bottom: 30px;
  }
  .footer-2 .footer-meta .fm-item h4 {
    margin-bottom: 15px;
  }
}
.footer-2 .footer-nav {
  margin: 40px 0 50px;
  border-top: 1px solid #313541;
  border-bottom: 1px solid #313541;
}
.footer-2 .footer-nav li a {
  color: var(--white);
  margin: 0;
  padding: 22px;
  text-transform: uppercase;
  font-size: 18px;
}
.footer-2 .footer-nav li:before {
  display: none;
}
@media (max-width: 767.98px) {
  .footer-2 .footer-nav {
    padding: 15px 0;
  }
  .footer-2 .footer-nav li a {
    padding: 14px 10px;
    font-size: 16px;
  }
}
.footer-2 .footer-copyright {
  padding: 23px 0;
}
.footer-2 .footer-copyright .social-share a {
  border-radius: 0;
  width: 45px;
  height: 45px;
  background-color: rgba(var(--white-rgb), 0.1);
}
.footer-2 .footer-copyright .social-share a:hover {
  background-color: var(--primary);
}
@media (max-width: 767.98px) {
  .footer-2 .footer-copyright .social-share {
    margin-bottom: 30px;
  }
}
.footer-2 .copy-right {
  color: var(--white);
}
.footer-2 .copy-right a {
  color: var(--primary);
  font-weight: 600;
}

/*! widget */
.sidebar-spacing {
  padding: 40px 50px 0 0;
}
@media (max-width: 1199.98px) {
  .sidebar-spacing {
    padding: 40px 10px 0 0;
  }
}
.widget-title {
  font-size: 24px;
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .sidebar {
    margin-top: 40px;
  }
}
.widget {
  margin-bottom: 40px;
  background-color: var(--light);
  padding: 40px 35px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .widget {
    padding: 30px 15px;
  }
}
@media (max-width: 767.98px) {
  .widget {
    padding: 30px 20px;
    margin-bottom: 30px;
  }
}
.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget ul li {
  margin-bottom: 15px;
  border: 1px solid var(--theme-border);
  background-color: var(--white);
  text-align: right;
  display: block;
  padding: 15px 20px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.widget ul li a {
  display: block;
  float: left;
  color: var(--body-color);
}
.widget ul li:hover {
  background: var(--primary);
  color: var(--white);
}
.widget ul li:hover a {
  color: var(--white);
}
.widget ul li span.count {
  float: right;
}
.widget ul li:last-child {
  margin-bottom: 0;
}
.service-sidebar .widget {
  margin-bottom: 30px;
}
.service-sidebar .widget ul li a {
  display: block;
  width: 100%;
  text-align: left;
}
.service-sidebar .widget ul li a:before {
  content: "\f061";
  background-color: transparent;
  width: 20px;
  font-family: fontawesome;
  right: 0;
  left: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.service-sidebar .s-download:not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--theme-border);
}
.ls-entry {
  margin-bottom: 20px;
  align-items: center;
}
.ls-entry .blog-meta a,
.ls-entry .blog-meta span {
  font-size: 14px;
}
.ls-entry i {
  font-size: 11px;
}
.ls-entry h6 {
  margin: 5px 0 0;
  font-size: 18px;
}
.sidebar .blog-widget ul {
  border: 1px solid var(--theme-border-color);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  padding: 20px;
  margin-top: 25px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .sidebar .blog-widget ul {
    padding: 15px;
  }
}
.search-widget input {
  border: 1px solid var(--theme-border);
  padding: 16px 30px;
  color: var(--body-color);
}
.search-widget .btn {
  right: 5px;
  width: 46px;
  text-align: center;
  height: 46px;
  display: inline-block;
  padding: 0;
  min-width: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.search-widget .btn i {
  margin-left: 0;
}
.recent-entry .rc-entry {
  margin-bottom: 25px;
  padding-bottom: 20px;
}
.recent-entry .rc-entry:before {
  width: calc(100% - 100px);
  left: auto;
  right: 0;
  height: 1px;
  top: 100%;
}
.recent-entry .rc-entry .course-info {
  flex: 0 0 70%;
}
.recent-entry .rc-entry:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.recent-entry .rc-entry:last-child:before {
  display: none;
}
.tagcloud a {
  display: inline-block;
  font-size: 14px !important;
  line-height: 1;
  background-color: var(--white);
  padding: 11px 15px;
  margin: 2% 1%;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  text-transform: capitalize;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
.tagcloud a:hover {
  background-color: var(--primary);
  color: var(--white);
}
.product-sidebar .widget {
  padding: 30px 20px;
  margin-bottom: 30px;
}
.product-sidebar .widget ul li {
  padding: 13px 20px;
}
.single-pi {
  padding: 15px 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
}
.single-pi:not(:last-child) {
  margin-bottom: 20px;
}
.single-pi h6 {
  margin-bottom: 5px;
}
.broucher-widget .btn-outline {
  margin-top: 15px;
  background-color: var(--white);
  color: var(--headings-color);
}
.shop-sidebar .widget {
  margin-bottom: 20px;
  padding: 35px;
}
.shop-sidebar .widget ul li {
  display: flex;
  align-items: center;
  text-align: left;
  position: relative;
  padding-left: 10px;
}
.shop-sidebar .widget ul li input {
  width: 30px;
}
.shop-sidebar .widget ul li .count {
  position: absolute;
  right: 20px;
}
.shop-sidebar .widget ul li:hover {
  background-color: transparent;
  color: var(--primary);
}
.shop-sidebar .widget .btn {
  padding: 5px 15px;
}
.shop-sidebar .widget .nice-select ul li {
  padding: 0 15px;
  border: 0;
  border-bottom: 1px solid var(--theme-border);
  margin: 0;
}
.shop-sidebar .widget .noUi-horizontal {
  height: 10px;
  height: 0.375rem;
  border: 0;
  box-shadow: none;
  background-color: var(--theme-border-color);
}
.shop-sidebar .widget .noUi-horizontal .noUi-connects {
  background: #bebebe;
}
.shop-sidebar .widget .noUi-horizontal .noUi-connect {
  background: rgba(var(--primary-rgb), 0.75);
}
.shop-sidebar .widget .noUi-horizontal .noUi-handle {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--primary);
  -webkit-border-radius: 3.125rem;
  -moz-border-radius: 3.125rem;
  -ms-border-radius: 3.125rem;
  border-radius: 3.125rem;
  top: -0.5rem;
  border: 0;
  box-shadow: none;
}
.shop-sidebar .widget .noUi-horizontal .noUi-handle:after,
.shop-sidebar .widget .noUi-horizontal .noUi-handle:before {
  display: none;
}

/*! swiper */
.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-pagination span {
  width: 10px;
  height: 10px;
  background-color: rgba(83, 83, 83, 0.5);
  margin: 0 8px !important;
  border: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--primary);
}
.swiper-pagination span.swiper-pagination-bullet-active:before {
  width: 20px;
  height: 20px;
  background-color: var(--primary);
  left: 50%;
  top: 50%;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.swiper-button-next,
.swiper-button-prev {
  background: var(--primary);
  display: inline-table;
  width: 56px;
  height: 56px;
  text-align: center;
  z-index: 9;
  color: var(--white);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  left: 0;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--dark);
}
.swiper-button-next {
  left: auto;
  right: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  content: "\f061";
  font-family: fontawesome !important;
  font-size: 17px;
  display: table-cell;
  vertical-align: middle;
}
.swiper-button-prev:after {
  content: "\f060";
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.custom-nav > div {
  background-color: var(--primary);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 22px;
}
.custom-nav {
  bottom: 35px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  z-index: 2;
}
.custom-nav .swiper-button-next,
.custom-nav .swiper-button-prev {
  left: -52px;
  width: 46px;
  height: 46px;
}
.custom-nav .swiper-button-prev {
  left: 7px;
}
.ct-pagination .swiper-pagination {
  position: relative;
}
.header-slider-nav {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .header-slider-nav {
    gap: 10px;
    justify-content: end;
    margin-bottom: 20px;
  }
}
.header-slider-nav .swiper-button-next,
.header-slider-nav .swiper-button-prev {
  left: auto;
  top: auto;
}
.header-slider-nav .swiper-button-prev {
  left: 0;
}
.banner-sec {
  background-color: var(--primary-mute);
  padding: 250px 0 60px;
}
@media (max-width: 1599.98px) {
  .banner-sec .anim-img.left-bottom {
    left: -4%;
  }
}
@media (max-width: 1199.98px) {
  .banner-sec .anim-img {
    width: 20%;
  }
}
.banner-txt h1 {
  line-height: 1.1;
  margin: 15px 0 25px;
  font-weight: 700;
}
@media (max-width: 1599.98px) {
  .banner-txt h1 {
    font-size: 65px;
  }
}
@media (max-width: 1199.98px) {
  .banner-txt h1 {
    font-size: 50px;
  }
}
@media (max-width: 767.98px) {
  .banner-txt h1 {
    font-size: 40px;
  }
}
.banner-txt .btn {
  margin-top: 35px;
}
@media (max-width: 575.98px) {
  .banner-txt h1 {
    font-size: 29px;
  }
  .banner-txt p {
    font-size: 18px;
  }
}
.product-search-sec {
  padding: 120px 0 380px;
}
.product-search-sec:before {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.product-search-sec p {
  max-width: 450px;
  color: var(--white);
  position: absolute;
  bottom: 70px;
  left: 5%;
}
.search-wrapper {
  background: var(--white);
  max-width: 1410px;
  margin: 0 auto;
  padding: 60px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .search-wrapper {
    padding: 30px;
  }
}
@media (max-width: 767.98px) {
  .search-wrapper {
    padding: 20px;
  }
}
.search-wrapper h2 {
  margin-bottom: 30px;
}
.search-wrapper form label {
  font-weight: 500;
  margin-bottom: 10px;
}
.search-wrapper form button.btn.btn-primary {
  margin-top: 30px;
}
.search-wrapper .col.btn-wrapper.text-end {
  flex: 0 0 200px;
}
@media (max-width: 991.98px) {
  .hero-sec2 {
    padding: 200px 0 0;
  }
}
@media (max-width: 767.98px) {
  .hero-sec2 {
    padding: 160px 0 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
  .hero-sec2 .hero-txt h1 {
    font-size: 65px;
  }
}
@media (max-width: 1399.98px) {
  .hero-sec2 .hero-txt h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199.98px) {
  .hero-sec2 .hero-txt h1 {
    font-size: 48px;
  }
}
@media (max-width: 767.98px) {
  .hero-sec2 .hero-txt h1 {
    font-size: 40px;
  }
}
.hero-sec2 .hero-bg.jarallax {
  height: 650px;
  margin-top: -200px;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .hero-sec2 .hero-bg.jarallax {
    height: 450px;
    margin-top: -200px;
  }
}
.hero-sec2 .quote-form {
  padding: 200px 40px 50px;
  margin-right: 100px;
  flex: 0 0 35%;
}
.hero-sec2 .quote-form:before {
  background-color: var(--mute);
  height: calc(100% - 200px);
}
@media (max-width: 1199.98px) {
  .hero-sec2 .quote-form {
    padding: 145px 20px 50px;
  }
}
@media (max-width: 991.98px) {
  .hero-sec2 .quote-form {
    padding: 20px;
    max-width: 500px;
    margin: -55px 0 0 auto;
  }
}
@media (max-width: 767.98px) {
  .hero-sec2 .quote-form {
    margin: 30px 0 0 auto;
  }
}
.quote-form .form-inner {
  padding: 60px 40px;
  border: 10px solid var(--mute);
}
@media (max-width: 1199.98px) {
  .quote-form .form-inner {
    padding: 40px 20px;
  }
}
.quote-form .form-inner .form-group {
  margin-bottom: 20px;
}
.quote-form .form-inner .form-group input,
.quote-form .form-inner .form-group select {
  background-color: var(--mute);
  border-color: var(--mute);
}
.quote-form .form-inner .form-check {
  margin: 25px 0 35px;
}
.quote-form .form-inner .nice-select.tv-select {
  background-color: var(--mute);
  border-color: var(--mute);
}
.hero-sec3 {
  padding: 190px 0 100px;
}
@media (max-width: 767.98px) {
  .hero-sec3 {
    padding: 135px 0 70px;
  }
  .hero-sec3 .sub-title {
    font-size: 16px;
  }
}
.hero-sec3:before {
  background: url(../images/hero-shape.jpg) no-repeat 0 0 / contain;
  opacity: 0.04;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)";
  filter: alpha(opacity=4);
}
.hero-sec3:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 55%;
  height: 100%;
  background: url(../images/hero-triangle.png) no-repeat 0 0 / cover;
  z-index: -1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero-sec3:after {
    width: 70%;
  }
}
.hero-sec3 .hero-shape {
  position: absolute;
  right: 0;
  top: 0;
  background-position: 0 0;
  background-size: cover;
  width: 62%;
}
.hero-sec3 .hero-shape .inner-img {
  top: 40px;
  right: -236px;
  width: 971px;
  height: 905px;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .hero-sec3 .hero-shape {
    width: 68%;
  }
}
@media (max-width: 1199.98px) {
  .hero-sec3 .hero-shape {
    right: -5%;
  }
}
@media (max-width: 767.98px) {
  .hero-sec3 .hero-shape {
    display: none;
  }
}
.hero-sec3 .hero-txt {
  max-width: 840px;
  margin-left: 40px;
  z-index: 3;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .hero-sec3 .hero-txt {
    max-width: 820px;
  }
}
@media (max-width: 991.98px) {
  .hero-sec3 .hero-txt {
    max-width: 680px;
  }
}
.hero-sec3 .hero-txt h1 {
  line-height: 1.1;
}
@media (max-width: 1599.98px) {
  .hero-sec3 .hero-txt h1 {
    font-size: 70px;
  }
}
@media (max-width: 1399.98px) {
  .hero-sec3 .hero-txt h1 {
    font-size: 65px;
  }
}
@media (max-width: 1199.98px) {
  .hero-sec3 .hero-txt h1 {
    font-size: 52px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero-sec3 .hero-txt h1 {
    font-size: 55px;
  }
}
@media (max-width: 767.98px) {
  .hero-sec3 .hero-txt h1 {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .hero-sec3 .hero-txt {
    margin-left: 0;
  }
}
.hero-sec3 .hero-txt .dots {
  margin: 20px 0 40px;
}
.hero-sec3 .hero-txt .dots span {
  width: 12px;
  height: 12px;
  background-color: var(--primary);
  display: inline-block;
  margin: 0 5px;
}
.hero-sec3 .hero-txt h2 {
  max-width: 515px;
  padding-bottom: 30px;
}
.hero-sec3 .hero-txt .spec-grid {
  row-gap: 20px;
  max-width: 330px;
  margin: 30px 0 40px;
}
.hero-sec3 .hero-txt .spec-grid .spec-item {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
.hero-sec3 .hero-txt .btn {
  overflow: visible;
  padding-right: 17px;
  background-color: var(--primary);
  color: var(--white);
}
.hero-sec3 .hero-txt .btn:before {
  left: auto;
  right: -56px;
  width: 0;
  height: 0;
  border-bottom: 56px solid var(--primary);
  border-right: 56px solid transparent;
  background-color: transparent;
}
.hero-slider .slider-item {
  min-height: 850px;
  display: flex;
  align-items: center;
}
.hero-slider .slider-item:before {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  z-index: 1;
}
@media (max-width: 767.98px) {
  .hero-slider .slider-item {
    min-height: 760px;
  }
}
.hero-slider .slider-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.slide-content {
  z-index: 2;
  max-width: 860px;
}
.slide-content .heading-sub {
  background: rgba(var(--white-rgb), 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  padding: 7px 22px;
  border-radius: 50px;
  font-weight: 500;
  color: var(--white);
}
.slide-content .heading-sub:before {
  background-color: var(--primary);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
}
.slide-content h1 {
  line-height: 1.1;
  margin-top: 20px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .slide-content h1 {
    font-size: 40px;
  }
}
.slide-content h1 span {
  color: var(--primary);
  font-weight: 900;
}
.slide-content .play-btn {
  animation: animate_pulse 3s linear infinite;
}
.slide-content p.lead,
.slide-content p.lead-sm {
  max-width: 700px;
  margin: 40px 0 50px;
  font-size: 20px;
  line-height: 1.5;
}
.hero-slider .slider-bg {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition:
    opacity 2.5s ease-in,
    -webkit-transform 9s ease;
  transition:
    opacity 2.5s ease-in,
    -webkit-transform 9s ease;
  transition:
    transform 9s ease,
    opacity 2.5s ease-in;
  transition:
    transform 9s ease,
    opacity 2.5s ease-in,
    -webkit-transform 9s ease;
}
.hero-slider .swiper-slide-active .slider-bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.swiper-slide .anim1 {
  transform: translateY(-50px);
  opacity: 0;
}
.swiper-slide .anim2 {
  transform: translateY(50px);
  opacity: 0;
}
.swiper-slide .anim3 {
  transform: translateY(60px);
  opacity: 0;
}
.swiper-slide.swiper-slide-active .anim1,
.swiper-slide.swiper-slide-active .anim2 {
  opacity: 1;
  transform: translateY(0);
  transition: all 2.5s ease;
}
.swiper-slide.swiper-slide-active .anim3 {
  opacity: 1;
  transform: translateY(0);
  transition: all 3s ease;
}
section.product-search2 {
  position: relative;
  margin-top: -110px;
  z-index: 2;
}
section.product-search2 .btn,
section.product-search2 .nice-select.tv-select,
section.product-search2 input {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
section.product-search2 .search-wrapper {
  box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
}
.about-media .anim-img {
  left: 40px;
  top: 25%;
  z-index: -1;
}
.about-media .about-img {
  margin-left: 150px;
}
@media (max-width: 1199.98px) {
  .about-media .about-img {
    margin-left: 40px;
  }
}
.about-media .about-img p {
  display: block;
  color: var(--white);
}
.about-media .about-sm {
  margin-top: -60px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-media .about-sm {
    margin-left: -50px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-media .about-sm img:last-child {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .about-sec .about-txt {
    margin-top: 45px;
  }
}
.experience-stat {
  top: 40px;
  left: -40px;
  text-align: center;
  width: 135px;
  height: 135px;
  border: 3px solid var(--white);
}
.experience-stat,
.experience-stat:before {
  background: var(--primary);
  position: absolute;
}
.experience-stat:before {
  content: "";
  left: 0;
  width: 40px;
  height: 38px;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  bottom: -38px;
}
/* .about-txt .about-footer {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid var(--theme-border);
} */
.about-txt .about-footer .about-cta {
  flex: 0 0 275px;
  gap: 15px;
}
@media (max-width: 575.98px) {
  .about-txt .about-footer .about-cta {
    flex: 1;
    margin-bottom: 30px;
  }
}
.about-txt .ab-feat {
  gap: 120px;
  margin-top: 30px;
}
.about-txt .ab-feat > div {
  max-width: 150px;
}
@media (max-width: 575.98px) {
  .about-txt .ab-feat > div {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
/* .mission-sec {
  padding-bottom: 120px;
} */
.mission-sec .anim-img {
  z-index: -1;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.mission-sec:before {
  top: auto;
  bottom: 0;
  height: 0%;
  background-color: var(--primary-mute);
}
.mission-sec .container-fluid {
  padding: 0 100px;
}
@media (max-width: 991.98px) {
  .mission-sec .container-fluid {
    padding: 0 20px;
  }
}
.mission-card {
  padding: 80px;
  position: relative;
  left: 70px;
}
.mission-card .card-inner {
  max-width: 730px;
  gap: 30px;
}
.mission-card .card-inner h2 {
  font-size: 30px;
  color: var(--white);
  margin-bottom: 5px;
}
@media (max-width: 991.98px) {
  .mission-card {
    padding: 20px;
    left: 20px;
  }
  .mission-card .card-inner {
    max-width: 540px;
  }
}
.mission-card:nth-child(2n) {
  left: -60px;
}
@media (max-width: 991.98px) {
  .mission-card:nth-child(2n) {
    left: -20px;
  }
}
.mission-card:nth-child(2n) .card-inner {
  margin-left: auto;
  margin-right: 0;
}
.about-sec2 .about-media:before {
  background: url(../images/dots.png) no-repeat;
  width: 90px;
  left: auto;
  right: -35px;
  top: 70%;
}
.about-sec2 .about-media img:nth-child(2) {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
}
.about-sec2 .about-media img:nth-child(3) {
  z-index: -1;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  top: 120px;
}
.about-sec2 .ab-footer {
  padding: 24px;
}
.about-sec2 .ab-footer p {
  margin: 0;
  max-width: 168px;
}
@media (max-width: 575.98px) {
  .about-sec2 .ab-footer .btn {
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .about-sec2 {
    margin-bottom: 90px;
  }
  .about-sec2 .about-media {
    margin: 50px 0 0;
  }
}
.about-sec3 {
  position: relative;
}
.about-sec3 .about-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 38.8%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1599.98px) {
  .about-sec3 .about-bg {
    width: 35.8%;
  }
}
@media (max-width: 575.98px) {
  .about-sec3 .about-bg {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-sec3 .about-bg {
    width: 36.4%;
  }
}
@media (max-width: 991.98px) {
  .about-sec3 .about-bg {
    width: 65%;
  }
}
@media (max-width: 575.98px) {
  .about-sec3 .about-bg:after {
    display: none;
  }
}
.about-sec3 .about-bg:before {
  content: "";
  position: absolute;
  width: 120%;
  height: 685px;
  right: -73px;
  clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%);
  background-color: var(--mute);
}
@media (max-width: 1599.98px) {
  .about-sec3 .about-bg:before {
    right: -58px;
  }
}
.about-sec3 .about-bg:after {
  width: 100%;
  height: 260px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  background-color: var(--primary);
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-sec3 .about-bg:after {
    height: 182px;
  }
}
.about-sec3 .about-img {
  width: 107%;
  margin-left: -8px;
}
@media (min-width: 992px) {
  .about-sec3 .about-txt {
    padding-left: 60px;
  }
}
@media (max-width: 991.98px) {
  .about-sec3 .about-txt {
    padding-top: 50px;
  }
}
.about-sec3 .about-intro p {
  max-width: 550px;
  margin-bottom: 5px;
}
.about-sec3 .feat-img {
  width: 230px;
}
@media (min-width: 992px) {
  .about-sec3 .feat-img {
    margin-top: -45px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-sec3 .feat-img {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-sec3 .feat-img {
    margin-top: 0;
  }
}
.about-sec3 .feat-img img {
  width: 100%;
}
.about-sec3 .about-cta .abc-txt {
  margin-left: 30px;
}
@media (max-width: 575.98px) {
  .about-sec3 .about-cta .abc-txt {
    margin: 30px 0 0;
  }
}
.about-sec3 .about-cta .abc-txt h4 {
  margin: 20px 0 0;
}
@media (max-width: 575.98px) {
  .about-sec3 .about-clients {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) {
  .about-sec3 .about-clients span {
    color: var(--white);
  }
}
@media (min-width: 576px) {
  .about-stats {
    display: flex;
  }
}
.about-stats {
  margin: 15px 0 45px;
}
.about-stats .s-stat {
  display: flex;
  flex: 0 0 33.33%;
}
@media (min-width: 576px) {
  .about-stats .s-stat:nth-child(2) {
    justify-content: center;
  }
}
.about-stats .s-stat:not(:last-child):before {
  width: 1px;
  background-color: var(--theme-border);
  left: 100%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-stats .s-stat:not(:last-child):before {
    left: 96%;
  }
}
.about-stats .s-stat p {
  font-weight: 500;
  color: var(--body-2);
}
.growth-sec .growth-card {
  backdrop-filter: blur(54px);
  background: hsla(0, 0%, 100%, 0.15);
  max-width: 488px;
  padding: 40px;
}
.growth-sec .growth-card h2 {
  font-size: 30px;
  color: var(--white);
}
@media (max-width: 1199.98px) {
  .growth-sec .growth-card h2 {
    font-size: 22px;
  }
}
.growth-sec .growth-card .h1 {
  margin-top: 120px;
}
.growth-sec .parallax-overly {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.about-sec4 h3,
.about-sec4 p {
  margin-bottom: 30px;
}
.about-skill {
  margin-top: 70px;
}
.about-skill .progress {
  margin-bottom: 50px;
}
.stat-sec {
  padding: 60px 0;
}
.stat-sec:before {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.stat-card {
  background-color: rgba(var(--white-rgb), 0.17);
  backdrop-filter: blur(134px);
  padding: 30px;
}
.stat-card:before {
  background-color: rgba(var(--white-rgb), 0.3);
  height: 52%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.product-nav .stat-card .swiper-pagination,
.stat-card .h2,
.stat-card .product-nav .swiper-pagination {
  margin-bottom: 0;
}
.stat-card p {
  margin: 0;
  color: var(--white);
  font-size: 18px;
}
.stat-card .stat-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -webkit-transition: all 0.4s ease ease-in-out 0.4s;
  -moz-transition: all 0.4s ease 0.4s ease-in-out;
  -ms-transition: all 0.4s ease 0.4s ease-in-out;
  -o-transition: all 0.4s ease 0.4s ease-in-out;
  transition: all 0.4s ease ease-in-out 0.4s;
}
.stat-card .stat-info {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: translateY(-5px);
  transition: all 0.4s ease;
}
.stat-card .stat-info p {
  font-size: 16px;
}
.stat-card.active .stat-icon,
.stat-card.active:before,
.stat-card:hover .stat-icon,
.stat-card:hover:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.stat-card.active .stat-info,
.stat-card:hover .stat-info {
  padding-top: 25px;
  margin-top: 25px;
  opacity: 1;
  max-height: 200px;
  transform: translateY(0);
}
.stat-card2:before {
  background-color: var(--theme-border);
  width: 1px;
  height: 67px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 83%;
}
.stat-card2 h3 {
  color: var(--white);
  font-size: 64px;
  margin-bottom: 5px;
}
@media (max-width: 767.98px) {
  .stat-card2 {
    margin-bottom: 50px;
  }
  .stat-card2:before {
    display: none;
  }
  .stat-card2 h3 {
    font-size: 40px;
  }
}
.stat-sec3 .row > div:last-child .stat-card2:before {
  display: none;
}
.stat-sec3 .parallax-overly {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.wk-steps {
  max-width: 560px;
}
.wk-steps .wk-step:not(:last-child) {
  margin-bottom: 20px;
}
.product-card .product-cta .wk-steps a,
.team-entry .team-thumb .team-share .wk-steps .link-hover,
.wk-steps .icon,
.wk-steps .icon-lg,
.wk-steps .icon-xl,
.wk-steps .icon-xs,
.wk-steps .product-card .product-cta a,
.wk-steps .team-entry .team-thumb .team-share .link-hover {
  margin-top: 10px;
  width: 65px;
  height: 65px;
  background-color: var(--white);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product-card .product-cta .wk-steps .wk-step:hover a,
.team-entry .team-thumb .team-share .wk-steps .wk-step:hover .link-hover,
.wk-steps .wk-step:hover .icon,
.wk-steps .wk-step:hover .icon-lg,
.wk-steps .wk-step:hover .icon-xl,
.wk-steps .wk-step:hover .icon-xs,
.wk-steps .wk-step:hover .product-card .product-cta a,
.wk-steps .wk-step:hover .team-entry .team-thumb .team-share .link-hover {
  transform: rotateY(180deg);
  background-color: rgba(var(--primary-rgb), 0.3);
}
.work-sec:before {
  height: 1px;
  background-color: var(--theme-border);
  top: 32%;
}
.work-sec .work-content {
  max-width: 630px;
  margin: 0 auto 0 20px;
}
@media (max-width: 991.98px) {
  .work-sec .work-content {
    margin: 60px auto;
  }
}
@media (max-width: 767.98px) {
  .work-sec .work-content {
    margin: 60px 15px;
  }
}
@media (max-width: 767.98px) {
  .work-sec .work-media {
    max-height: 500px;
  }
}
.work-process3 {
  position: relative;
}
.work-process3 .step-wrap:before {
  height: 1px;
  background-color: var(--theme-border);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .work-process3 .step-wrap:before {
    display: none;
  }
}
.work-process3 .step-wrap:after {
  width: 1px;
  height: 100%;
  top: 0;
  content: "";
  background-color: var(--theme-border);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
}
@media (max-width: 767.98px) {
  .work-process3 .step-wrap:after {
    display: none;
  }
}
.work-process3 .step-item {
  max-width: 390px;
}
.product-card .product-cta .work-process3 .step-item a,
.team-entry .team-thumb .team-share .work-process3 .step-item .link-hover,
.work-process3 .step-item .icon,
.work-process3 .step-item .icon-lg,
.work-process3 .step-item .icon-xl,
.work-process3 .step-item .icon-xs,
.work-process3 .step-item .product-card .product-cta a,
.work-process3 .step-item .team-entry .team-thumb .team-share .link-hover {
  margin: 0 auto 30px;
}
.work-process3 .step-item h3 {
  margin-bottom: 30px;
}
.work-process3 .step-wrap > div:nth-child(2n) .step-item {
  margin-left: auto;
}
.work-process3 .step-wrap > div:nth-child(-n + 2) .step-item {
  margin-bottom: 160px;
}
@media (max-width: 767.98px) {
  .work-process3 .step-wrap > div:nth-child(-n + 2) .step-item {
    margin-bottom: 30px;
  }
}
.steps-watermark {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: #fff;
  padding: 30px;
  pointer-events: none;
}
.steps-watermark p {
  margin: -50px 0 0;
  font-weight: 400;
}
.services-sec .row > div:nth-child(2n) .service-card {
  transform: rotate(-10deg);
}
@media (max-width: 575.98px) {
  .services-sec .row > div:nth-child(2n) .service-card {
    transform: rotate(0deg);
  }
}
.services-sec .row > div:nth-child(2n) .service-card:hover {
  transform: rotate(-15deg);
}
.service-card {
  padding: 30px;
  transform: rotate(10deg);
  background-color: var(--white);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .service-card {
    transform: rotate(0deg);
  }
}
.service-card h3 {
  font-size: 22px;
}
.product-card .product-cta .service-card a,
.service-card .icon,
.service-card .icon-lg,
.service-card .icon-xl,
.service-card .icon-xs,
.service-card .product-card .product-cta a,
.service-card .team-entry .team-thumb .team-share .link-hover,
.team-entry .team-thumb .team-share .service-card .link-hover {
  width: 80px;
  height: 80px;
  margin-top: 25px;
  background-color: var(--light);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-card p {
  background-color: var(--light);
  margin: 40px 0 0;
  padding: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-card:hover {
  transform: rotate(15deg);
}
.service-card:hover h3 a {
  color: var(--primary);
}
.product-card .product-cta .service-card:hover a,
.service-card:hover .icon,
.service-card:hover .icon-lg,
.service-card:hover .icon-xl,
.service-card:hover .icon-xs,
.service-card:hover .product-card .product-cta a,
.service-card:hover .team-entry .team-thumb .team-share .link-hover,
.service-card:hover p,
.team-entry .team-thumb .team-share .service-card:hover .link-hover {
  background-color: var(--primary-mute);
}
.services-sec.secvices-2 .row > div:nth-child(2n) .service-card {
  transform: rotate(0deg);
}
@media (max-width: 575.98px) {
  .services-sec.secvices-2 .row > div:nth-child(2n) .service-card {
    transform: rotate(0deg);
  }
}
.services-sec.secvices-2 .row > div:nth-child(2n) .service-card:hover {
  transform: rotate(0deg);
}
.services-sec.secvices-2 .service-card {
  transform: rotate(0);
}
.service-page .service-title {
  font-size: 40px;
  margin: 30px 0 20px;
}
.service-page p {
  margin-bottom: 30px;
}
.service-page .ct-list {
  margin: 30px 0 60px;
}
@media (max-width: 575.98px) {
  .service-page .serv-gallery img {
    margin-top: 20px;
  }
}
.serv-contact-card {
  padding: 60px 40px 50px;
}
.serv-contact-card:before {
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  background-blend-mode: multiply;
}
.serv-contact-card .card-top {
  padding-bottom: 150px;
}
.serv-contact-card .card-top h3 {
  margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
  .serv-contact-card .card-top {
    padding-bottom: 100px;
  }
}
.choose-header:before {
  width: 50%;
}
@media (max-width: 991.98px) {
  .choose-header:before {
    width: 98%;
  }
}
.choose-header .choose-intro {
  padding: 30px 60px 20px;
}
@media (max-width: 767.98px) {
  .choose-header .choose-intro {
    padding: 30px 20px 20px;
  }
}
@media (min-width: 992px) {
  .choose-sec .container {
    max-width: 1520px;
    margin-top: 80px;
  }
}
@media (min-width: 576px) {
  .choose-sec .nav li {
    flex: 0 0 33%;
  }
}
.choose-sec .nav li button {
  text-align: left;
  color: var(--body-color);
  padding: 35px 20px;
  background-color: var(--white);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .choose-sec .nav li button {
    padding: 30px 17px;
  }
}
.choose-sec .nav li button span {
  display: block;
}
.choose-sec .nav li button .choose-icon {
  margin-top: 70px;
}
.choose-sec .nav li:nth-child(2n) button.nav-link {
  box-shadow: -4px 0 20px 0 rgba(43, 42, 81, 0.1);
  background: var(--light);
}
.choose-sec .nav li button.nav-link.active,
.choose-sec .nav li button.nav-link:hover {
  box-shadow: -4px 0 20px 0 rgba(43, 42, 81, 0.1);
  background-color: var(--primary-mute);
}
.choose-tab-content {
  position: relative;
  overflow: hidden;
  height: 400px;
  margin-top: -155px;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .choose-tab-content {
    height: 400px;
    margin-top: 0;
  }
}
.choose-tab-content .choose-tab {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
}
.choose-tab-content .choose-tab:before {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  z-index: 1;
}
.choose-tab-content .choose-tab.active {
  opacity: 1;
  z-index: 2;
}
.choose-sec2 {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .choose-sec2 .choose-bg {
    position: absolute;
    width: 50%;
    height: 100%;
  }
}
@media (max-width: 991.98px) {
  .choose-sec2 .choose-bg {
    width: 100%;
    height: 300px;
  }
}
.choose-sec2 .choose-stat {
  position: absolute;
  bottom: 0;
  right: 0;
  backdrop-filter: blur(34px);
  background: rgba(var(--dark-rgb), 0.4);
  padding: 70px 40px 50px;
}
@media (max-width: 991.98px) {
  .choose-sec2 .choose-stat {
    padding: 35px 20px;
  }
  .choose-sec2 .choose-stat .h1 {
    font-size: 50px;
  }
}
.choose-sec2 .choose-stat span {
  color: var(--white);
}
.choose-sec2 .choose-stat .footer-2 .footer-nav li a,
.choose-sec2 .choose-stat .h5,
.footer-2 .footer-nav li .choose-sec2 .choose-stat a {
  display: block;
  max-width: 100px;
  margin-left: 20px;
}
.choose-sec2 .choose-txt {
  padding: 120px 0 0 60px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .choose-sec2 .choose-txt {
    padding: 60px 0 0 30px;
  }
}
@media (max-width: 767.98px) {
  .choose-sec2 .choose-txt {
    padding: 60px 0 0;
  }
}
@media (min-width: 768px) {
  .choose-sec2 .choose-txt .choose-footer {
    width: 690px;
    left: -69px;
    gap: 50px;
    padding: 40px 50px 30px;
  }
}
@media (max-width: 767.98px) {
  .choose-sec2 .choose-txt .choose-footer {
    padding: 30px 20px 5px;
  }
  .choose-sec2 .choose-txt .choose-footer .cf-card {
    margin-bottom: 30px;
  }
}
.choose-sec2 .choose-txt .choose-footer {
  position: relative;
  margin-top: 60px;
}
.choose-sec2 .choose-txt .choose-footer h3 {
  margin: 15px 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .choose-sec2 .choose-txt .choose-footer {
    width: 530px;
  }
}
.review-sec {
  padding: 40px;
}
@media (max-width: 767.98px) {
  .review-sec {
    padding: 0;
  }
}
.review-sec:before {
  background: url(../images/review-bg.png) no-repeat 50% / cover;
  width: 50%;
  left: auto;
  right: 0;
  opacity: 0.05;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
  filter: alpha(opacity=5);
  background-blend-mode: multiply;
}
@media (min-width: 576px) {
  .review-sec .review-media {
    left: -75px;
    width: 104%;
  }
}
.review-sec .review-media .review-stat {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1;
  padding: 20px;
  transform: rotate(-180deg);
  writing-mode: vertical-lr;
  min-height: 280px;
}
@media (max-width: 991.98px) {
  .review-sec .review-content {
    margin-top: 60px;
  }
}
.review-sec .review-entry {
  margin-top: 20px;
}
.review-sec .review-entry h3 {
  font-size: 30px;
  margin-bottom: 25px;
  padding-left: 60px;
}
.review-sec .review-entry h3:before {
  background: transparent;
  content: "\f10d";
  font-family: fontawesome;
  color: var(--primary);
  font-size: 55px;
  top: -17px;
}
.review-sec .review-entry p {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-family-headings);
}
.review-sec .review-entry .reviewer {
  margin-top: 40px;
}
.review-sec .swiper-pagination {
  bottom: 35px;
  justify-content: end;
}
.review-sec2 .sec-intro,
.review-sec3 .sec-intro {
  max-width: 520px;
  margin: 60px 0 0;
}
.review-sec2 .sec-intro .btn,
.review-sec3 .sec-intro .btn {
  margin-top: 40px;
}
.review-sec2 .testimonialSwiper,
.review-sec3 .testimonialSwiper {
  max-height: 770px;
}
@media (max-width: 991.98px) {
  .review-sec2 .testimonialSwiper,
  .review-sec3 .testimonialSwiper {
    margin-top: 40px;
  }
}
.review-card {
  background-color: #1d1f2f;
  padding: 60px 40px 45px;
}
.review-card:before {
  background: linear-gradient(180deg, rgba(14, 18, 29, 0), #0e121d 90.96%);
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.review-card p {
  font-family: var(--font-family-headings);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 35px;
}
@media (max-width: 991.98px) {
  .review-card {
    padding: 30px 15px 25px;
  }
  .review-card .rev-author {
    margin-bottom: 15px;
  }
}
.swiper-slide-active .review-card:before {
  background: transparent;
  z-index: -1;
}
.review-sec3 .review-card {
  background-color: var(--primary-mute);
}
.review-sec3 .review-card:before {
  background: linear-gradient(180deg, #ffece2, hsla(0, 0%, 100%, 0.47) 90.96%);
}
.cta-sec:before {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.cta-sec p {
  color: var(--white);
}
@media (max-width: 767.98px) {
  .cta-sec .cta-txt a {
    margin-bottom: 20px;
  }
}
.cta-sec2 {
  padding: 80px 0;
}
.cta-sec2:before {
  background-color: var(--primary);
  width: 60%;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}
@media (max-width: 767.98px) {
  .cta-sec2:before {
    display: none;
  }
}
.cta-sec2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background-color: var(--dark);
  clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
  z-index: -1;
}
.cta-sec2 .parallax-overly {
  z-index: -2;
  opacity: 0.6;
}
.cta-sec2 .cta-txt {
  max-width: 565px;
}
.cta-sec2 .cta-txt p {
  margin: 35px 0 45px;
}
.cta-sec2 .cta-bg {
  position: absolute;
  top: -60px;
  right: 0;
  width: 710px;
  height: 590px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .cta-sec2 .cta-bg {
    width: 500px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .cta-sec2 .cta-bg {
    width: 300px;
  }
}
@media (max-width: 767.98px) {
  .cta-sec2 .cta-bg {
    display: none;
  }
}
.post-entry {
  padding: 30px 0 30px 30px;
  overflow: hidden;
}
.post-entry .post-meta {
  padding-right: 30px;
  margin-bottom: 30px;
}
.post-entry .post-meta > span:first-child {
  color: var(--white);
}
.post-entry .post-meta > span:first-child:before {
  background-color: var(--primary);
  height: 43px;
  width: 150px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -33px;
}
.post-entry .post-meta span a {
  color: var(--body-color);
  font-weight: 500;
}
.post-entry .post-meta span a:before {
  background-color: var(--theme-border);
  height: 1px;
  width: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -35px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.post-entry .post-meta span a:hover {
  color: var(--primary);
}
.post-entry .post-meta span a:hover:before {
  background-color: var(--primary);
}
.post-entry h3 {
  line-height: 34px;
}
.post-entry .post-thumb {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}
.post-entry:hover h3 a {
  color: var(--primary);
}
@media (max-width: 1199.98px) {
  .post-entry {
    padding: 25px 0 15px 15px;
  }
  .post-entry .post-meta {
    padding-right: 10px;
  }
}
article.blog-entry.classic {
  margin-bottom: 40px;
}
article.blog-entry.classic .entry-txt {
  padding: 20px 40px 40px;
  border: 1px solid var(--theme-border);
}
@media (max-width: 575.98px) {
  article.blog-entry.classic .entry-txt {
    padding: 20px;
  }
}
article.blog-entry.classic .entry-txt p {
  margin: 20px 0 40px;
}
.post-entry2 .post-thumb {
  position: relative;
}
.post-entry2 .post-thumb a.badge {
  position: absolute;
  left: 20px;
  top: 20px;
  padding: 10px 15px;
  text-transform: capitalize;
  z-index: 1;
}
.post-entry2 h3 {
  margin: 10px 0 25px;
}
.post-entry2:hover h3 a {
  color: var(--primary);
}
.feature-entry .entry-thumb {
  position: relative;
}
.feature-entry .entry-thumb .date-sidebar {
  position: absolute;
  bottom: 0;
  padding: 30px 12px;
}
.feature-entry .entry-content .entry-meta {
  margin: 20px 0;
}
.feature-entry .entry-content h3 {
  border-bottom: 1px solid var(--theme-border);
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.feature-entry .entry-content .link-btn {
  margin-top: 20px;
  display: inline-block;
}
.entry-meta {
  margin: 10px 0;
}
@media (min-width: 576px) {
  .entry-meta {
    display: flex;
    gap: 20px;
  }
}
@media (max-width: 575.98px) {
  .entry-meta {
    display: inline-block;
  }
  .entry-meta span {
    margin: 0 5px 10px 0;
  }
}
.entry-meta i {
  margin-right: 5px;
}
.entry-meta a,
.entry-meta span {
  color: var(--body-color);
  font-weight: 500;
}
.entry-meta a:hover,
.entry-meta span:hover {
  color: var(--primary);
}
.list-entry {
  position: relative;
}
.list-entry:not(:last-child) {
  margin-bottom: 30px;
}
.list-entry .entry-content {
  max-width: 450px;
  padding: 35px 0;
  margin-left: 40px;
}
@media (max-width: 767.98px) {
  .list-entry .entry-content {
    margin-left: 0;
    padding: 30px 15px;
  }
}
.date-sidebar {
  background-color: var(--dark);
  color: var(--white);
  padding: 20px 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.date-sidebar .date-text {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.team-entry .team-thumb {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}
.team-entry .team-thumb:before {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.team-entry .team-thumb .team-share {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
}
.team-entry .team-thumb .team-share .link-hover {
  background-color: var(--primary);
  border: 8px solid var(--white);
  color: var(--white);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  font-size: 17px;
  z-index: 2;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.team-entry .team-thumb .social-share {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 15px;
  margin-left: 10px;
  pointer-events: none;
}
.team-entry .team-thumb .social-share a {
  background-color: var(--white);
  color: var(--headings-color);
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.team-entry .team-thumb .social-share a:hover {
  background-color: var(--primary);
  color: var(--white);
}
.team-entry:hover .team-thumb:before {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.team-entry:hover .link-hover {
  transform: rotate(90deg);
}
.team-entry:hover .social-share {
  pointer-events: auto;
}
.team-entry:hover .social-share a {
  opacity: 1;
  transform: translateY(0);
}
.team-entry:hover .social-share a:first-child {
  transition-delay: 0.3s;
}
.team-entry:hover .social-share a:nth-child(2) {
  transition-delay: 0.2s;
}
.team-entry:hover .social-share a:nth-child(3) {
  transition-delay: 0.1s;
}
@media (max-width: 1599.98px) {
  .team-sec2 .anim-img {
    right: -7%;
  }
}
.team-card2 {
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .team-card2 img {
    width: 100%;
  }
}
.team-card2 .team-info {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1;
}
.team-card2 .social-share {
  position: absolute;
  right: 5px;
  top: 30px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.team-card2 .social-share a {
  width: 36px;
  height: 36px;
  background-color: var(--white);
  color: var(--headings-color);
  font-size: 14px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
}
.team-card2 .social-share a:hover {
  background-color: var(--primary);
  color: var(--white);
}
.team-card2:hover .social-share a {
  opacity: 1;
  transform: translateY(0);
}
.team-card2:hover .social-share a:first-child {
  transition-delay: 0.1s;
}
.team-card2:hover .social-share a:nth-child(2) {
  transition-delay: 0.2s;
}
.team-card2:hover .social-share a:nth-child(3) {
  transition-delay: 0.3s;
}
.team-card2:hover .social-share a:nth-child(4) {
  transition-delay: 0.4s;
}
aside.team-sidebar {
  padding: 30px;
}
aside.team-sidebar .team-head {
  margin: 20px 0;
}
aside.team-sidebar .ts-info {
  border-top: 1px solid var(--theme-border);
  margin-top: 20px;
  padding-top: 20px;
}
aside.team-sidebar .social-share.outline a {
  border: 1px solid var(--theme-border);
  color: var(--headings-color);
}
aside.team-sidebar .social-share.outline a:hover {
  border-color: var(--primary);
  color: var(--white);
}
.team-p-details h2,
.team-p-details h3 {
  margin: 30px 0;
}
.team-p-details p {
  margin-bottom: 30px;
}
.prg-item {
  position: relative;
}
.prg-item span {
  position: absolute;
  right: 0;
  top: 0;
}
.skill {
  padding: 50px 0;
  overflow: hidden;
}
.skill .progress {
  border: 0;
  box-shadow: none;
  height: 10px;
  margin-bottom: 50px;
  overflow: visible;
  position: relative;
  border-radius: 0;
  display: block;
  background-color: var(--shade);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.skill .progress:last-child {
  margin-bottom: 0;
}
.skill .progress .meta {
  font-size: 18px;
  left: 0;
  position: absolute;
  top: -28px;
  line-height: 28px;
  color: var(--headings-color);
}
.skill .progress .progress-bar {
  display: block;
  background: var(--primary);
  float: left;
  height: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: visible;
}
.skill .progress .progress-bar span {
  background: var(--primary);
  float: right;
  margin-right: 10px;
  margin-top: -32px;
  position: relative;
  font-weight: 600;
  padding: 0 5px;
}
.skill .progress .progress-bar span:after,
.skill .progress .progress-bar span:before {
  border: solid transparent;
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
.skill .progress .progress-bar span:before {
  border-top-color: var(--primary);
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.quote-sec .quote-bg {
  height: 610px;
}
.quote-sec .quote-bg .parallax-overly {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
@media (max-width: 1199.98px) {
  .quote-sec .quote-bg {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .quote-sec:before {
    height: 70%;
  }
}
.quote-sec:before {
  top: auto;
  bottom: 0;
}
.quote-sec .quote-txt {
  padding-top: 80px;
}
.quote-sec .quote-txt .skill-progress {
  margin: 80px 0 0;
}
.quote-sec .quote-txt .skill-progress .meta {
  color: var(--white);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .quote-sec .quote-txt .skill-progress .meta {
    top: -55px;
  }
}
@media (min-width: 768px) {
  .quote-sec .quote-txt .skill-progress .progress {
    width: 50%;
    margin-top: 5px;
  }
}
.quote-sec .quote-txt .skill-progress .progress {
  background-color: #1d1f2f;
  height: 4px;
  margin-bottom: 60px;
}
.quote-sec .quote-txt .skill-progress .progress .progress-bar {
  height: 4px;
}
.quote-sec .quote-form {
  background-color: var(--white);
  padding: 60px 40px 120px;
  position: relative;
  margin-top: -300px;
}
@media (max-width: 1199.98px) {
  .quote-sec .quote-form {
    margin-top: -200px;
    padding: 30px 20px 100px;
  }
  .quote-sec .quote-form .form-group {
    margin-bottom: 15px;
  }
}
@media (max-width: 991.98px) {
  .quote-sec .quote-form {
    margin-top: 30px;
    max-width: 450px;
    margin-left: auto;
    margin-right: 0;
    padding: 30px;
  }
}
.quote-sec .quote-form p {
  font-size: 14px;
  margin: 20px 0 30px;
}
.quote-sec .quote-form textarea {
  height: 150px;
}
.qa-item h3,
.qa-item p,
.qa-item span {
  color: var(--white);
}
.quote-sec3:before {
  width: 70%;
  top: 0;
  background: url(../images/skill-dots.png);
  background-color: var(--mute);
  clip-path: polygon(0 0, 100% 0, 65% 100%, 0 100%);
}
@media (max-width: 991.98px) {
  .quote-sec3:before {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .quote-sec3:before {
    width: 110%;
  }
}
.quote-sec3:after {
  content: "";
  width: 60%;
  height: 90%;
  right: 0;
  background: url(../images/quote-bg2.jpg) no-repeat 100% / cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -2;
}
.quote-sec3 .quote-content {
  flex: 0 0 550px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .quote-sec3 .quote-content {
    flex: 0 0 450px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .quote-sec3 .quote-content {
    max-width: 450px;
    margin-bottom: 50px;
  }
}
.quote-sec3 .quote-content .skill-progress {
  margin: 60px 0 40px;
}
.quote-sec3 .quote-content .skill-progress .progress {
  background: #797e88;
}
.quote-sec3 .quote-content .skill-progress .progress:not(:last-child) {
  margin-bottom: 50px;
}
.quote-sec3 .quote-form {
  max-width: 495px;
}
.pricing-card .pricing-body,
.pricing-card .pricing-head {
  padding: 30px;
}
@media (max-width: 1199.98px) {
  .pricing-card .pricing-body,
  .pricing-card .pricing-head {
    padding: 25px;
  }
}
.pricing-card .pricing-head {
  position: relative;
  overflow: hidden;
}
.pricing-card .pricing-head h3 {
  font-size: 48px;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .pricing-card .pricing-head h3 {
    font-size: 40px;
  }
}
.pricing-card .pricing-head h3 sub {
  font-size: 16px;
  font-weight: 600;
  color: var(--body-color);
}
.pricing-card .pricing-head p {
  margin: 10px 0 0;
  font-size: 18px;
}
.pricing-card .pricing-head .featured {
  text-align: center;
  padding: 10px 38px;
  position: absolute;
  right: -62px;
  top: 60px;
  transform: rotate(90deg);
}
.pricing-card .pricing-body ul li {
  font-weight: 500;
  color: var(--body-color);
}
.pricing-card.featured .pricing-body .btn-dark {
  background-color: var(--primary) !important;
}
.category-item {
  padding: 20px;
}
.category-carousel .swiper-wrapper {
  align-items: stretch;
}
.category-carousel .swiper-slide {
  height: auto;
  display: flex;
}
.category-carousel .category-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.category-carousel .category-item .product-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.category-carousel .category-item .product-cta {
  margin-top: auto;
}
.category-item .product-img {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.category-item .ct-list {
  margin: 20px 0;
}
.category-item .ct-list li {
  font-weight: 500;
  margin-bottom: 7px;
  padding-left: 20px;
  color: var(--headings-color);
}
.category-item .ct-list li:before {
  background: url(../images/icons/arrow-c.png) no-repeat 0;
}
.category-item .product-cta {
  padding: 0 0 20px;
}
.category-item .product-cta:before {
  height: 1px;
  width: 220px;
  background-color: var(--theme-border);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 33%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .category-item .product-cta:before {
    width: 115px;
  }
}
.header-slider-nav {
  background: hsla(0, 0%, 100%, 0.1);
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  margin-top: 60px;
  padding: 5px;
}
.header-slider-nav .swiper-button-next,
.header-slider-nav .swiper-button-prev {
  position: relative;
  top: 11px;
  background: hsla(0, 0%, 100%, 0.2);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  width: 48px;
  height: 48px;
}
.header-slider-nav .swiper-button-next:hover,
.header-slider-nav .swiper-button-prev:hover {
  background-color: var(--primary);
}
.header-slider-nav .btn-black {
  background-color: var(--headings-color);
  color: var(--white);
  padding: 13px 28px;
}

.header-slider-nav .btn-black:hover {
  background-color: var(--primary);
}
.category-sec:before {
  background: url(../images/square-sh.png) no-repeat;
  width: 50%;
  height: 50%;
}
.category-sec:after {
  background: url(../images/square-sh.png) no-repeat 0 100%;
  width: 50%;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  height: 50%;
  z-index: -1;
}
@media (min-width: 992px) {
  .category-sec2 .cat-bg {
    width: 40%;
    z-index: 1;
    height: 100%;
    position: absolute;
  }
}
.category-sec2 .cat-bg:before {
  background-color: var(--headings-color);
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  mix-blend-mode: multiply;
}
.category-sec2 .category-wrap {
  padding: 90px 0;
}
.category-sec2 .category-wrap .single-cat {
  align-items: center;
}
.category-sec2 .category-wrap .single-cat:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--theme-border);
}
.category-sec2 .category-wrap .single-cat .sc-info {
  max-width: 320px;
}
.category-sec2 .category-wrap .single-cat .sc-info p {
  margin: 0;
}
.category-sec2 .category-wrap .single-cat span {
  color: rgba(var(--body-rgb), 0.5);
}
.category-sec2 .category-wrap .single-cat h3 {
  margin: 40px 0 20px;
}
.category-sec2 .cm-txt {
  height: 100%;
  padding: 120px 60px;
}
.cat-page .category-entry .entry-content {
  padding: 35px 35px 40px;
}
.category-bg {
  flex: 0 0 35.7%;
}
.category-entry .entry-thumb:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.category-entry .entry-thumb .cat-info {
  position: absolute;
  bottom: 10px;
  left: 30px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.category-entry .entry-thumb .cat-info span {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
.category-entry .entry-thumb .cat-info h3 a,
.category-entry .entry-thumb .cat-info span {
  color: var(--white);
}
.category-entry .entry-content {
  padding: 35px 35px 75px;
  border-right: 1px solid var(--theme-border);
}
.category-entry .entry-content .link-btn,
.category-entry .entry-content p {
  margin-top: 30px;
}
.category-entry .entry-content ul.ct-list li {
  color: var(--headings-color);
  margin-bottom: 10px;
}
.category-entry .entry-content ul.ct-list li:before {
  content: "\f00c";
  font-family: Font Awesome\5 Free;
  font-weight: 900;
  margin-right: 10px;
  background: transparent;
}
.category-entry:hover .entry-thumb:before {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.category-entry:hover .entry-thumb .cat-info {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  bottom: 30px;
}
.category-sec .category-entry {
  background-color: var(--white);
}
.category-sec .category-entry .entry-content {
  border-right: none;
  padding: 30px 35px 40px;
}
.category-sec .category-entry .entry-content p {
  margin-top: 15px;
}
.category-sec3 .swiper-slide {
  width: 400px;
}
.category-sec3 .swiper-slide-active .entry-thumb:before {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.category-sec3 .swiper-slide-active .entry-thumb .cat-info {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  bottom: 30px;
}
@media (min-width: 992px) {
  .category-sec3 .cat-nav {
    width: 405px;
    height: 348px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 60px 110px 60px 60px;
  }
}
.category-sec3 .cat-nav {
  padding: 30px 30px 70px;
}
.category-sec3 .cat-nav .swiper-button-next,
.category-sec3 .cat-nav .swiper-button-prev {
  position: relative;
  top: 30px;
}
.category-sec3 .cat-nav .swiper-button-next:hover,
.category-sec3 .cat-nav .swiper-button-prev:hover {
  background-color: var(--white);
  color: var(--primary);
}
.category-sec3 .cat-nav .swiper-button-next {
  left: 10px;
}
.faq-accordion .accordion-item {
  border-bottom: 1px solid var(--theme-border);
  padding: 25px 0;
}
.faq-accordion .accordion-item .accordion-body p:last-child {
  margin: 0;
}
.faq-accordion .accordion-item .accordion-header {
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.faq-accordion .accordion-item .accordion-button {
  border: 0;
  box-shadow: none !important;
  border-radius: 10px !important;
  font-size: 20px;
  font-weight: 500;
}
.faq-accordion .accordion-item .accordion-button:after {
  background-image: none;
  content: "+";
  font-family: fontawesome;
  background: transparent;
  right: 0;
  color: var(--headings-color);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.faq-accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.faq-accordion .accordion-item .accordion-body {
  padding: 25px 40px 0 0;
}
.faq-accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.faq-accordion .accordion-item.active {
  background: transparent;
}
.faq-accordion .accordion-button:not(.collapsed) {
  border-bottom: 0;
  box-shadow: none;
  background-color: transparent;
  outline: 0 none;
}
.faq-accordion .accordion-button:not(.collapsed):after {
  content: "\f068";
}
.faq-sec {
  overflow: hidden;
}
.faq-sec .parallax-overly {
  background-color: var(--light);
  opacity: 0.97;
  mix-blend-mode: normal;
}
.faq-sec .faq-bg {
  position: absolute;
  right: 0;
  width: 45%;
  height: 100%;
  bottom: 0;
  background-size: contain;
  background-position: 0;
  background-repeat: no-repeat;
}
.faq-sec .faq-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: -13%;
  width: 113%;
  height: 100%;
  background: url(../images/skill-dots.png);
  background-color: var(--mute);
  clip-path: polygon(0 0, 100% 1%, 100% 100%, 39% 100%);
  z-index: -1;
}
@media (max-width: 991.98px) {
  .faq-sec .faq-bg {
    display: none;
  }
}
.faq-sec .faq-content {
  padding: 120px 60px 110px 0;
}
@media (max-width: 991.98px) {
  .faq-sec .faq-content {
    padding: 70px 10px;
  }
}
.post-header {
  margin: 40px 0 30px;
}
.post-header .ph-inner img {
  margin-right: 20px;
}
@media (max-width: 767.98px) {
  .post-header .pm-info {
    margin: 20px 0;
  }
}
.post-header .pm-info span {
  font-size: 14px;
}
.post-header .pm-info h5 {
  font-size: 20px;
  font-weight: 500;
}
.post-single h1 {
  font-weight: 700;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .post-single h1 {
    font-size: 50px;
  }
}
.post-single .post-thumb,
.post-single .post-thumb img {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
@media (max-width: 575.98px) {
  .post-single .post-thumb {
    height: 250px;
  }
  .post-single .post-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
.post-single ul.check {
  max-width: 800px;
  margin: 40px 0;
  list-style: none;
  padding-left: 15px;
}
.post-single ul.check li {
  font-size: 16px;
}
.post-single ul.check li:before {
  font-size: 16px;
  left: -30px;
}
.category-sec2 .category-wrap .single-cat .post-single h3,
.post-single .category-sec2 .category-wrap .single-cat h3,
.post-single .h4,
.post-single > p,
.post-single h3 {
  margin: 0 0 30px;
}
.post-single > p {
  color: #42454b;
}
@media (max-width: 767.98px) {
  .post-single {
    overflow: hidden;
  }
  .post-single h1 {
    font-size: 32px;
  }
  .post-single .p-gallery img {
    margin-bottom: 15px;
  }
  .post-single ul {
    padding-left: 15px;
  }
}
.article-footer {
  padding: 35px 0;
  border-top: 1px solid var(--theme-border);
  border-bottom: 1px solid var(--theme-border);
}
.article-footer h4 {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .article-footer h4 {
    margin: 0 0 20px !important;
  }
}
.article-footer .tagcloude a {
  border: 1px solid var(--theme-border);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 7px 20px;
  margin-right: 10px;
  display: inline-block;
}
@media (max-width: 991.98px) {
  .article-footer .tagcloude a {
    margin-bottom: 10px;
  }
}
.article-footer .tagcloude a:hover {
  background-color: var(--primary);
  color: var(--white);
  border: 1px solid var(--primary);
}
.single-post-page .social-share.outline a {
  color: var(--headings-color);
}
.single-post-page .social-share.outline a:hover {
  color: var(--white);
}
@media (min-width: 576px) {
  .p-gallery img {
    max-width: 48%;
  }
}
@media (min-width: 576px) {
  blockquote {
    padding: 30px 60px 30px 85px !important;
  }
}
blockquote:before {
  background: url(../images/quote2.png) no-repeat 0 0;
  left: 0;
  top: 30px;
}
blockquote p {
  font-size: 24px;
  color: var(--headings-color);
  border-radius: 5px;
  line-height: 38px;
  font-weight: 600;
  margin-bottom: 0;
}
blockquote cite {
  font-size: 20px;
  padding-left: 120px;
}
blockquote cite:before {
  height: 1px;
  width: 100px;
  background-color: var(--headings-color);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 575.98px) {
  blockquote {
    padding: 20px;
    margin-top: 50px;
  }
  blockquote:before {
    top: -30px;
  }
}
.blog-gallery img {
  max-width: 50%;
}
.post-comments > ol {
  padding-left: 0;
}
.post-comments ol {
  list-style: none;
}
.post-comments .comment-entry {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--theme-border);
}
.post-comments .comment-entry .comment-thumb {
  flex: 0 0 5.625rem;
}
@media (max-width: 991.98px) {
  .post-comments .comment-entry .comment-thumb {
    margin-right: 1.25rem;
  }
}
.post-comments .comment-entry .commentor {
  padding-bottom: 30px;
}
.post-comments .comment-entry .commentor p {
  margin: 0;
  max-width: 900px;
}
.post-comments .comment-entry .commentor .reply {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  text-transform: uppercase;
}
.post-comments .comment-entry .commentor .reply:hover {
  color: var(--primary);
}
@media (max-width: 575.98px) {
  .post-comments .comment-entry .comment-thumb {
    margin-bottom: 0.9375rem;
  }
  .post-comments .comment-entry .commentor:before {
    top: -0.625rem;
    left: 0.9375rem;
  }
}
.comment-form {
  max-width: 900px;
}
.contact-card {
  background-color: var(--white);
  border: 1px solid var(--theme-border);
  padding: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  gap: 20px;
}
.contact-card .team-entry .team-thumb .team-share span.link-hover,
.contact-card span.icon,
.contact-card span.icon-lg,
.contact-card span.icon-xl,
.contact-card span.icon-xs,
.team-entry .team-thumb .team-share .contact-card span.link-hover {
  width: 70px;
  height: 70px;
}
.contact-card .contact-info ul {
  padding: 0;
  list-style: none;
  margin: 0 0 10px;
}
.contact-card .contact-info ul li {
  font-size: 14px;
}
.contact-card .contact-info ul li strong {
  font-size: 16px;
}
.contact-card .contact-info .ct-url {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.contact-card h4.card-meta {
  position: absolute;
  right: 5px;
  bottom: 0;
  color: rgba(216, 221, 225, 0.5);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .contact-card {
    padding: 20px;
    gap: 15px;
  }
  .contact-card .contact-info .ct-url {
    font-size: 12px;
  }
}
.contact-form .form-inner {
  max-width: 630px;
  padding: 60px;
  background: rgba(2, 14, 40, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:
    inset 0 4px 6px hsla(0, 0%, 100%, 0.25),
    inset 0 -4px 6px rgba(0, 0, 0, 0.35);
}
.contact-form .form-inner .form-group {
  position: relative;
}
.contact-form .form-inner .form-group .nice-select,
.contact-form .form-inner .form-group input,
.contact-form .form-inner .form-group textarea {
  border-radius: 10px;
}
.contact-form .form-inner .form-group i {
  position: absolute;
  color: var(--primary);
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.contact-form .form-inner .form-group.top-0 i {
  top: 28px;
}
.contact-sec {
  overflow: hidden;
}
.contact-sec .contact-form-wrap {
  margin-top: 60px;
}
.contact-sec .contact-form-wrap iframe {
  height: 670px;
}
@media (max-width: 991.98px) {
  .contact-sec .contact-form-wrap iframe {
    height: 450px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-sec .contact-form-wrap .contact-form {
    margin-top: 30px;
  }
  .contact-sec .contact-form-wrap .contact-form .form-inner {
    max-width: 55%;
    padding: 30px;
  }
}
@media (max-width: 575.98px) {
  .contact-sec .contact-form-wrap .contact-form {
    margin-top: 20px;
  }
  .contact-sec .contact-form-wrap .contact-form .form-inner {
    max-width: 100%;
    padding: 30px;
  }
}
.contact-sec .contact-tabs {
  padding: 6px 0;
}
.contact-sec .contact-tabs:after,
.contact-sec .contact-tabs:before {
  height: 1px;
  width: 150%;
  background-color: var(--theme-border);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
}
.contact-sec .contact-tabs:after {
  position: absolute;
  content: "";
  bottom: 0;
}
.contact-sec .contact-tabs .nav-tabs {
  border: 0;
}
.contact-sec .contact-tabs .nav-tabs .nav-item {
  width: 22%;
}
.contact-sec .contact-tabs .nav-tabs .nav-item .nav-link {
  border: 0;
  padding: 15px 30px;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  width: 100%;
}
.contact-sec .contact-tabs .nav-tabs .nav-item .nav-link:before {
  width: 1px;
  background-color: var(--theme-border);
}
.contact-sec .contact-tabs .nav-tabs .nav-item .nav-link i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .contact-sec .contact-tabs .nav-tabs .nav-item .nav-link {
    padding: 15px;
    font-size: 16px;
  }
}
.contact-sec .contact-tabs .nav-tabs .nav-item .nav-link.active,
.contact-sec .contact-tabs .nav-tabs .nav-item .nav-link:focus,
.contact-sec .contact-tabs .nav-tabs .nav-item .nav-link:hover {
  background-color: transparent;
  color: var(--primary);
  border: 0;
}
.errot-txt {
  margin: 60px 0 0;
}
.errot-txt p {
  max-width: 450px;
  margin: 0 auto 40px;
}
.errot-txt i {
  margin-right: 10px;
}
.errot-txt .btn {
  padding: 15px 28px;
}
.account-form {
  padding: 60px;
}
@media (max-width: 991.98px) {
  .account-form {
    padding: 30px;
  }
}

/*! Shop */
.product-carousel .swiper-wrapper {
  align-items: stretch;
}
.product-carousel .swiper-slide {
  height: auto;
  display: flex;
}
.product-carousel .product-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-carousel .product-card .product-content {
  flex: 1;
}
.product-card {
  padding: 20px;
}
.product-card .product-img {
  overflow: hidden;
}
.product-card .product-cta {
  right: 20px;
  z-index: 2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product-card .product-cta a {
  background-color: var(--white);
  margin: 10px 0;
}
.product-card .product-cta a i {
  color: var(--headings-color);
  display: table-cell;
  vertical-align: middle;
}
.product-card .product-content {
  padding: 20px;
}
.product-card .product-content .pc-head {
  padding-bottom: 20px;
}
.product-card .product-content .spec-grid {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  max-width: 500px;
  padding-top: 20px;
}
.product-card .product-content .spec-grid .spec-item {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
.product-nav {
  padding-top: 70px;
}
.product-nav .swiper-button-next,
.product-nav .swiper-button-prev {
  position: relative;
}
.product-nav .swiper-button-prev {
  left: -10px;
}
.product-nav .swiper-pagination {
  position: relative;
  background: var(--white);
  width: 75px;
}
.product-nav .swiper-pagination span {
  background-color: transparent;
  width: auto;
  height: auto;
  margin: 0 !important;
}
.progress-bar-container {
  max-width: calc(100% - 250px);
  height: 3px;
  background: #e0e0e0;
  position: relative;
  overflow: hidden;
  top: -40px;
  margin: 0 auto 0 100px;
}
.progress-bar-container .progress-bar-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s ease;
}
.product-entry2 {
  min-height: 550px;
  position: relative;
}
@media (max-width: 767.98px) {
  .product-entry2 {
    min-height: 350px;
    margin-bottom: 20px;
  }
}
.product-entry2 a.product-thumb {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  transform: scale(1);
  will-change: transform;
  background-size: cover;
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-entry2 a.product-thumb:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--dark);
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  left: 0;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.product-entry2 .product-info {
  bottom: 40px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  z-index: 3;
  width: calc(100% - 40px);
}
.product-entry2 .product-info h3 {
  font-size: 30px;
  margin-top: 5px;
}
@media (max-width: 1399.98px) {
  .product-entry2 .product-info h3 {
    font-size: 26px;
  }
}
.product-entry2 .product-info span {
  text-transform: uppercase;
}
.product-entry2 .product-info h3 a,
.product-entry2 .product-info span a {
  color: var(--white);
}
.product-entry2:hover .product-thumb {
  transform: scale(1.08);
  z-index: 2;
  transition: transform 0.5s ease;
}
.product-entry2:hover .product-thumb:after {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.product-entry2:hover .product-info h3 a {
  color: var(--primary);
}
.product-entry3 {
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.08);
  padding: 20px;
}
.product-entry3 .entry-thumb {
  margin-bottom: 20px;
}
.product-entry3 .entry-thumb span.badge {
  position: absolute;
  left: 20px;
  top: 20px;
  padding: 9px 20px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  z-index: 2;
}
.product-entry3 .entry-thumb span.badge.sale {
  background-color: var(--primary);
}
.product-entry3 .entry-thumb span.badge.rent {
  background-color: var(--dark);
}
.product-entry3 .entry-footer {
  margin-top: 30px;
  padding-top: 30px;
}
.product-entry3 .entry-footer span {
  color: var(--headings-color);
  font-size: 14px;
}
.product-entry3 .entry-footer span:first-child {
  background-color: var(--primary);
  padding: 3px 20px;
  color: var(--white);
}

/*! Single Product */
.sliderThumbs .swiper-slide {
  opacity: 0.7;
}
.sliderThumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.sliderCover .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-equipment .product-title {
  font-size: 30px;
}
.single-equipment .product-head {
  margin-bottom: 50px;
}
.single-equipment .product-head p {
  margin-top: 30px;
}
.single-equipment P {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .single-equipment .list-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .single-equipment .list-flex li {
    flex: 0 0 33.33%;
  }
}
@media (max-width: 991.98px) {
  .equip-gallery img {
    margin-top: 20px;
  }
}
.booking-widget .widget-head {
  padding: 0 0 20px;
}
.booking-widget .widget-head .sm-title {
  color: rgba(var(--white-rgb), 0.95);
  background: linear-gradient(180deg, #370000, #1a1501);
  padding: 20px 5px;
  margin-bottom: 20px;
  font-size: 20px;
}
.booking-widget .widget-head sup {
  color: var(--primary);
}
.booking-widget .widget-head sub {
  font-size: 17px;
  font-weight: 400;
  text-transform: capitalize;
}
.booking-widget .booking-form {
  padding: 30px;
}
.booking-widget .booking-form .form-group {
  margin-bottom: 10px;
  padding-bottom: 10px;
  color: var(--headings-color);
  position: relative;
  border-bottom: 1px solid var(--theme-border);
}
.booking-widget .booking-form .form-group .nice-select,
.booking-widget .booking-form .form-group input[type="text"] {
  background-color: transparent;
  border: 0;
}
.booking-widget .booking-form .form-group i {
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.booking-widget .booking-form .form-group input.qty_button {
  background-color: var(--white);
  font-size: 30px;
  flex: 0 0 40px;
}
.booking-widget .booking-form .form-group input.input-text.qty.text,
.booking-widget .booking-form .form-group input.qty_button {
  text-align: center;
  color: var(--headings-color);
}
.booking-widget
  .booking-form
  .form-group
  input.input-text.qty.text::placeholder,
.booking-widget .booking-form .form-group input.qty_button::placeholder {
  color: var(--headings-color);
}
.booking-widget .booking-form .form-group input.input-text.qty.text {
  font-size: 18px;
}
.booking-widget .booking-form .form-check > div {
  margin-bottom: 10px;
}
.booking-widget .price-options {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid rgba(var(--white-rgb), 0.15);
  display: flex;
  gap: 20px;
  justify-content: center;
}
.booking-widget .price-options span {
  color: rgba(var(--white-rgb), 0.6);
}
@media (max-width: 575.98px) {
  .booking-widget .price-options span {
    font-size: 14px;
  }
}
.booking-widget .option-list .list-item:not(:last-child) {
  margin-bottom: 10px;
}
.booking-widget .option-list .list-item h6 {
  margin: 0;
  line-height: 1.2;
}
.booking-widget .option-list .list-item h6 small {
  font-family: var(--font-family-base);
  display: block;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--body-color2);
}

/*! Cart */
.woocommerce {
  background-color: var(--mute);
  padding: 30px;
}
@media (max-width: 575.98px) {
  .woocommerce {
    padding: 10px;
  }
  .woocommerce .woocommerce-cart-form {
    overflow-x: auto;
    margin-bottom: 30px;
    overflow-y: hidden;
  }
}
.woocommerce .shop_table {
  text-align: left;
  width: 100%;
  border-collapse: separate;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border-spacing: 0 20px;
}
.woocommerce .shop_table thead tr th {
  padding: 15px 20px;
  background-color: var(--white);
  font-size: 18px;
  font-weight: 600;
  color: var(--headings-color);
}
@media (max-width: 575.98px) {
  .woocommerce .shop_table thead tr th {
    font-size: 18px;
    padding: 20px;
  }
}
.woocommerce .shop_table thead tr th:first-child,
.woocommerce .shop_table thead tr th:last-child {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.woocommerce .shop_table tr {
  background-color: var(--white);
  color: var(--secondary);
}
.woocommerce .shop_table tr td:first-child {
  border-left-style: solid;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.woocommerce .shop_table tr td:last-child {
  border-right-style: solid;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.woocommerce
  .shop_table
  tbody
  tr.woocommerce-cart-form__cart-item.cart_item
  td {
  font-weight: 600;
  align-items: center;
  vertical-align: middle;
}
@media (max-width: 575.98px) {
  .woocommerce
    .shop_table
    tbody
    tr.woocommerce-cart-form__cart-item.cart_item
    td {
    font-size: 14px;
  }
}
.woocommerce
  .shop_table
  tbody
  tr.woocommerce-cart-form__cart-item.cart_item
  td.product-thumbnail {
  width: 15%;
  padding: 15px 0 15px 15px;
}
@media (max-width: 575.98px) {
  .woocommerce
    .shop_table
    tbody
    tr.woocommerce-cart-form__cart-item.cart_item
    td.product-thumbnail {
    padding: 5px 0 5px 5px;
  }
  .woocommerce
    .shop_table
    tbody
    tr.woocommerce-cart-form__cart-item.cart_item
    td.product-thumbnail
    img {
    max-width: 100%;
  }
}
.woocommerce .shop_table td.product-quantity input {
  padding: 0;
  width: 40px;
  margin: 0 5px;
  text-align: center;
}
.woocommerce th {
  font-weight: 700;
  padding: 9px 12px;
  line-height: 1.5em;
}
.woocommerce td.product-remove a.remove {
  height: 25px;
  width: 25px;
  line-height: 25px;
  background: var(--primary);
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
.woocommerce td.product-remove a.remove i {
  color: var(--white);
  font-weight: 600;
  font-size: 13px;
}
@media (max-width: 575.98px) {
  .woocommerce .table.shop_table.cart > tbody > tr > td.product-price,
  .woocommerce .table.shop_table.cart > tbody > tr > th.product-price,
  .woocommerce .table.shop_table.cart > tfoot > tr > td.product-price,
  .woocommerce .table.shop_table.cart > tfoot > tr > th.product-price,
  .woocommerce .table.shop_table.cart > thead > tr > td.product-price,
  .woocommerce .table.shop_table.cart > thead > tr > th.product-price,
  .woocommerce table.shop_table.cart > tbody > tr > td.product-price,
  .woocommerce table.shop_table.cart > tbody > tr > th.product-price,
  .woocommerce table.shop_table.cart > tfoot > tr > td.product-price,
  .woocommerce table.shop_table.cart > tfoot > tr > th.product-price,
  .woocommerce table.shop_table.cart > thead > tr > td.product-price,
  .woocommerce table.shop_table.cart > thead > tr > th.product-price {
    display: none;
  }
}
.woocommerce .coupon {
  position: relative;
  flex: 0 0 50%;
}
.woocommerce .coupon input {
  border: 1px solid var(--theme-border);
  padding: 14px;
  font-size: 15px;
}
.woocommerce .coupon input:focus {
  outline: 0 none;
  box-shadow: none;
}
.woocommerce .coupon .btn {
  position: absolute;
  right: -2px;
  border-radius: 5px;
  top: -1px;
  font-size: 15px;
  height: 101%;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .woocommerce .coupon {
    flex: 0 0 100%;
  }
}
.woocommerce .shop_table tr:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cart-quanty {
  display: flex;
  justify-content: space-between;
  width: 100px;
  padding: 4px 13px;
  background-color: var(--mute);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 15px;
}
.cart-quanty input {
  padding: 0;
  background: transparent;
  text-align: center;
  font-weight: 600;
}
.cart-quanty i {
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .cart-totals {
    margin-top: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .cart-totals {
    margin-top: 30px;
  }
}
.cart-totals table {
  width: 100%;
  border-spacing: 0 10px;
  border-collapse: separate;
}
.cart-totals table th {
  color: var(--headings-color);
}
.cart-totals table td {
  font-weight: 500;
}
.cart-totals table tbody tr td {
  padding: 15px 10px;
  text-align: right;
}
.cart-totals table tr:first-child {
  font-weight: 700;
}
.cart-totals table tr.product-list {
  background: #fff;
}
.cart-totals table tr.product-list td,
.cart-totals table tr.product-list th {
  padding: 10px 15px;
  color: var(--headings-color);
}
.cart-totals table tr.product-list th {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.cart-totals table tr.product-list td {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 20px;
}

/*! Checkout */
@media (max-width: 575.98px) {
  .order-summery {
    margin-top: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .order-summery {
    margin-top: 30px;
  }
}
.coupon-wrap input {
  flex: 0 0 65%;
}
@media (max-width: 991.98px) {
  .coupon-wrap {
    margin-bottom: 20px;
  }
  .coupon-wrap input {
    flex: 0 0 55%;
  }
}
.checkout-coupon h6 {
  margin-bottom: 0;
}
.checkout-coupon h6 button {
  border: 0;
  color: var(--tertiary);
  background: transparent;
}
.checkout-coupon form {
  max-width: 600px;
}
.checkout-coupon form .btn {
  border-radius: 5px;
}
form.form.checkout-form label {
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--headings-color);
  font-size: 17px;
}
form.form.checkout-form select {
  display: block !important;
  width: 100%;
  border: 1px solid var(--theme-border);
  color: var(--headigns-color);
  background-color: var(--white);
}
form.form.checkout-form input,
form.form.checkout-form select {
  font-size: 16px;
  margin-bottom: 30px;
}
form.form.checkout-form input[type="checkbox"] {
  width: auto;
}
.payment-option {
  margin-bottom: 30px;
}
.payment-option .accordion-collapse {
  padding-top: 10px;
}
/*# sourceMappingURL=style.css.map */

/* =========================================================
   AV ENGINEERING - PRODUCT IMAGE MOUSE FOLLOWING ZOOM
   Scoped only to .av-product-zoom
   ========================================================= */

.av-product-zoom {
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}

.av-product-zoom .av-product-zoom-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.18s ease-out;
  will-change: transform;
}

/* Prevent the existing theme hover-img image rules from affecting this effect */
.av-product-zoom .av-product-zoom-image:first-child,
.av-product-zoom .av-product-zoom-image:nth-child(2) {
  position: static;
  opacity: 1;
  filter: none;
  transform-origin: center center;
}

/* Desktop hover zoom */
@media (min-width: 768px) {
  .av-product-zoom:hover .av-product-zoom-image {
    transform: scale(2);
  }
}

/* Tablet/mobile: keep the image normal and avoid accidental zoom while scrolling */
@media (max-width: 767.98px) {
  .av-product-zoom {
    cursor: default;
  }

  .av-product-zoom .av-product-zoom-image {
    transform: scale(1) !important;
    transform-origin: center center !important;
  }
}

/* =========================================================
   AV ENGINEERING - PRODUCT DETAILS PAGE
   Add this CSS after your existing main stylesheet.
   All classes are scoped with "av-" to avoid conflicts.
   ========================================================= */

/* -----------------------------------------
   Main Product Details
----------------------------------------- */

.av-product-details {
  background: var(--white);
  overflow: hidden;
}

.av-product-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 45px;
  color: var(--body-color);
  font-size: 14px;
}

.av-product-breadcrumb a {
  color: var(--headings-color);
}

.av-product-breadcrumb a:hover {
  color: var(--primary);
}

.av-product-breadcrumb span {
  color: var(--body-color2);
}

/* -----------------------------------------
   Product Gallery
----------------------------------------- */

.av-product-gallery {
  width: 100%;
}

.av-product-main-image {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  background: #f5f5f5;
  cursor: zoom-in;
}

.av-product-main-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.18s ease-out;
  will-change: transform;
  user-select: none;
  -webkit-user-drag: none;
}

.av-zoom-hint {
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--headings-color);
  font-size: 12px;
  line-height: 1;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.av-product-main-image:hover .av-zoom-hint {
  opacity: 0;
}

/* -----------------------------------------
   Product Thumbnails
----------------------------------------- */

.av-product-thumbnails {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.av-product-thumbnail {
  flex: 0 0 88px;
  width: 88px;
  height: 78px;
  padding: 5px;
  border: 1px solid #e4e4e4;
  background: #f5f5f5;
  cursor: pointer;
  transition: all 0.3s ease;
}

.av-product-thumbnail img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.av-product-thumbnail:hover,
.av-product-thumbnail.active {
  border-color: var(--primary);
}

.av-product-thumbnail:focus {
  outline: none;
}

/* -----------------------------------------
   Product Information
----------------------------------------- */

.av-product-info {
  padding: 5px 0 0 25px;
}

.av-product-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 15px;
  color: var(--body-color2);
  font-size: 13px;
}

.av-product-meta strong {
  color: #23a455;
  font-weight: 500;
}

.av-product-title {
  margin: 0 0 18px;
  font-family: var(--font-family-headings);
  font-size: 42px;
  line-height: 1.15;
  font-weight: 600;
  color: var(--headings-color);
}

.av-product-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 25px;
}

.av-product-price .old-price {
  color: #9a9a9a;
  font-size: 18px;
  text-decoration: line-through;
}

.av-product-price .current-price {
  color: var(--primary);
  font-family: var(--font-family-headings);
  font-size: 28px;
  font-weight: 600;
}

.av-product-short-description {
  max-width: 650px;
  margin-bottom: 30px;
}

.av-product-short-description p {
  margin: 0 0 10px;
}

/* -----------------------------------------
   Product Specs
----------------------------------------- */

.av-product-specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--theme-border);
  border-bottom: 1px solid var(--theme-border);
  margin-bottom: 30px;
}

.av-spec-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 15px 15px 15px 0;
}

.av-spec-item:nth-child(2n) {
  padding-left: 15px;
  border-left: 1px solid var(--theme-border);
}

.av-spec-item:nth-child(n + 3) {
  border-top: 1px solid var(--theme-border);
}

.av-spec-label {
  color: var(--body-color2);
  font-size: 13px;
}

.av-spec-item strong {
  color: var(--headings-color);
  font-size: 15px;
  font-weight: 600;
}

/* -----------------------------------------
   Product Actions
----------------------------------------- */

.av-product-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 25px;
}

.av-enquiry-btn {
  min-width: 165px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.av-call-btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 22px;
  border: 1px solid var(--theme-border);
  color: var(--headings-color);
  font-weight: 500;
}

.av-call-btn:hover {
  color: var(--white);
  background: var(--primary);
  border-color: var(--primary);
}

.av-product-share {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
}

.av-product-share span {
  margin-right: 5px;
  color: var(--headings-color);
}

.av-product-share a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--headings-color);
}

.av-product-share a:hover {
  color: var(--primary);
}

/* -----------------------------------------
   Product Content / Tabs
----------------------------------------- */

.av-product-content-section {
  margin-top: 90px;
}

.av-product-tabs {
  display: flex;
  justify-content: center;
  gap: 45px;
  border-bottom: 1px solid var(--theme-border);
}

.av-product-tab {
  position: relative;
  border: 0;
  background: transparent;
  padding: 0 0 16px;
  color: var(--headings-color);
  font-family: var(--font-family-base);
  font-size: 16px;
  cursor: pointer;
}

.av-product-tab:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background: var(--primary);
  transition: width 0.3s ease;
}

.av-product-tab:hover,
.av-product-tab.active {
  color: var(--primary);
}

.av-product-tab.active:after {
  width: 100%;
}

.av-product-tab-content {
  display: none;
  padding: 35px 10px 0;
  max-width: 1000px;
}

.av-product-tab-content.active {
  display: block;
}

.av-product-tab-content h3 {
  margin: 0 0 18px;
  font-size: 25px;
}

.av-product-tab-content p {
  margin-bottom: 15px;
}

/* -----------------------------------------
   Additional Info Table
----------------------------------------- */

.av-info-table {
  border-top: 1px solid var(--theme-border);
}

.av-info-row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 14px 0;
  border-bottom: 1px solid var(--theme-border);
}

.av-info-row span {
  color: var(--body-color);
}

.av-info-row strong {
  color: var(--headings-color);
  text-align: right;
  font-weight: 500;
}

/* -----------------------------------------
   Applications
----------------------------------------- */

.av-application-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.av-application-list li {
  position: relative;
  padding-left: 22px;
  color: var(--headings-color);
}

.av-application-list li:before {
  position: absolute;
  content: "\f00c";
  left: 0;
  top: 3px;
  font-family: "Font Awesome 7 Free";
  color: var(--primary);
  font-size: 12px;
}

/* -----------------------------------------
   Related Products
----------------------------------------- */

.av-related-products {
  margin-top: 100px;
}

.av-related-heading {
  margin-bottom: 35px;
}

.av-related-heading h2 {
  margin: 0 0 8px;
  font-size: 36px;
}

.av-related-heading p {
  margin: 0;
}

.av-related-card {
  height: 100%;
}

.av-related-image {
  position: relative;
  height: 280px;
  overflow: hidden;
  background: #f5f5f5;
}

.av-related-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.av-related-image .av-product-zoom-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.av-related-content {
  padding: 18px 5px 0;
}

.av-related-content h4 {
  margin: 0 0 7px;
  font-size: 18px;
}

.av-related-content h4 a:hover {
  color: var(--primary);
}

.av-related-content span {
  color: var(--primary);
  font-size: 15px;
}

/* -----------------------------------------
   Mouse Following Zoom
----------------------------------------- */

@media (min-width: 768px) {
  .av-product-main-image:hover img {
    transform: scale(2);
  }

  .av-related-image:hover .av-product-zoom-image {
    transform: scale(1.8);
  }
}

/* -----------------------------------------
   Responsive
----------------------------------------- */

@media (max-width: 1199.98px) {
  .av-product-main-image {
    height: 500px;
  }

  .av-product-title {
    font-size: 36px;
  }

  .av-product-info {
    padding-left: 10px;
  }
}

@media (max-width: 991.98px) {
  .av-product-main-image {
    height: 480px;
  }

  .av-product-info {
    padding: 20px 0 0;
  }

  .av-product-content-section {
    margin-top: 65px;
  }

  .av-related-products {
    margin-top: 70px;
  }
}

@media (max-width: 767.98px) {
  .av-product-details {
    padding-top: 55px;
  }

  .av-product-breadcrumb {
    margin-bottom: 30px;
  }

  .av-product-main-image {
    height: 390px;
    cursor: default;
  }

  .av-product-main-image img {
    transform: scale(1) !important;
    transform-origin: center center !important;
  }

  .av-zoom-hint {
    display: none;
  }

  .av-product-thumbnails {
    gap: 8px;
  }

  .av-product-thumbnail {
    flex-basis: 72px;
    width: 72px;
    height: 65px;
  }

  .av-product-title {
    font-size: 31px;
  }

  .av-product-price .current-price {
    font-size: 24px;
  }

  .av-product-specs {
    grid-template-columns: 1fr;
  }

  .av-spec-item,
  .av-spec-item:nth-child(2n) {
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
  }

  .av-spec-item:nth-child(n + 2) {
    border-top: 1px solid var(--theme-border);
  }

  .av-product-tabs {
    justify-content: flex-start;
    gap: 25px;
    overflow-x: auto;
  }

  .av-product-tab {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .av-product-tab-content {
    padding-left: 0;
    padding-right: 0;
  }

  .av-application-list {
    grid-template-columns: 1fr;
  }

  .av-info-row {
    flex-direction: column;
    gap: 5px;
  }

  .av-info-row strong {
    text-align: left;
  }

  .av-related-heading h2 {
    font-size: 30px;
  }

  .av-related-image {
    height: 250px;
  }
}

@media (max-width: 575.98px) {
  .av-product-main-image {
    height: 320px;
  }

  .av-product-title {
    font-size: 28px;
  }

  .av-product-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .av-enquiry-btn,
  .av-call-btn {
    width: 100%;
  }

  .av-related-image {
    height: 280px;
  }
}

/* =========================================================
   AV ENGINEERING - CONTACT US
   ========================================================= */

/* ---------------------------------------------------------
   Contact Section
   --------------------------------------------------------- */

.av-contact-section {
  background: #f8f8f8;
  padding: 55px 0 80px;
}

/* ---------------------------------------------------------
   Breadcrumb
   --------------------------------------------------------- */

.av-contact-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;

  font-size: 15px;
  line-height: 1.5;
}

.av-contact-breadcrumb a {
  color: #071b2b;
  font-weight: 500;
}

.av-contact-breadcrumb a:hover {
  color: #b82a65;
}

.av-contact-breadcrumb span {
  color: #8993a1;
}

/* ---------------------------------------------------------
   Contact Cards
   --------------------------------------------------------- */

.av-contact-cards {
  display: grid;

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

  gap: 16px;

  margin-bottom: 110px;
}

/* ---------------------------------------------------------
   Individual Card
   --------------------------------------------------------- */

.av-contact-card {
  background: #ffffff;

  min-height: 265px;

  padding: 18px 16px 22px;

  border-radius: 5px;

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

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.av-contact-card:hover {
  transform: translateY(-4px);

  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.09);
}

/* ---------------------------------------------------------
   Card Heading
   --------------------------------------------------------- */

.av-contact-card-title {
  display: flex;
  align-items: center;

  gap: 10px;

  margin-bottom: 38px;
}

.av-title-line {
  display: block;

  width: 83px;
  height: 1px;

  background: #ef5350;

  flex: 0 0 auto;
}

.av-contact-card-title h3 {
  margin: 0;

  font-family: var(--font-family-headings, "Barlow", sans-serif);

  font-size: 19px;

  font-weight: 600;

  line-height: 1.2;

  color: #071b2b;
}

/* ---------------------------------------------------------
   Address Content
   --------------------------------------------------------- */

.av-contact-info {
  display: flex;

  align-items: flex-start;

  gap: 14px;
}

.av-contact-icon {
  width: 18px;
  min-width: 18px;

  padding-top: 3px;

  color: #ef5350;

  font-size: 18px;
}

.av-contact-content {
  flex: 1;
}

.av-contact-content h4 {
  margin: 0 0 7px;

  font-family: var(--font-family-headings, "Barlow", sans-serif);

  font-size: 15px;

  font-weight: 600;

  line-height: 1.45;

  color: #071b2b;
}

.av-contact-content p {
  margin: 0 0 3px;

  font-size: 15px;

  line-height: 1.8;

  color: #454b57;
}

.av-contact-content strong {
  color: #071b2b;

  font-weight: 600;
}

/* ---------------------------------------------------------
   Reach Us
   --------------------------------------------------------- */

.av-contact-reach {
  display: flex;

  flex-direction: column;

  gap: 22px;
}

.av-reach-item {
  display: flex;

  align-items: flex-start;

  gap: 14px;
}

.av-reach-icon {
  width: 18px;
  min-width: 18px;

  padding-top: 2px;

  color: #ef5350;

  font-size: 17px;
}

.av-reach-item a {
  color: #454b57;

  font-size: 15px;

  line-height: 1.5;
}

.av-reach-item a:hover {
  color: #b82a65;
}

/* ---------------------------------------------------------
   Phone Numbers
   --------------------------------------------------------- */

.av-phone-numbers {
  display: flex;

  flex-direction: column;

  gap: 0;
}

.av-phone-numbers a {
  color: #071b2b;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.35;
}

.av-phone-numbers a:hover {
  color: #b82a65;
}

/* ---------------------------------------------------------
   Working Hours
   --------------------------------------------------------- */

.av-working-hours {
  margin-left: 32px;

  color: #454b57;

  font-size: 15px;

  line-height: 1.5;
}

/* ---------------------------------------------------------
   Locations
   --------------------------------------------------------- */

.av-location-section {
  display: grid;

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

  gap: 24px;
}

.av-location-item h2 {
  margin: 0 0 16px;

  font-family: var(--font-family-headings, "Barlow", sans-serif);

  font-size: 30px;

  font-weight: 600;

  line-height: 1.2;

  color: #071b2b;
}

/* ---------------------------------------------------------
   Google Maps
   --------------------------------------------------------- */

.av-map-wrapper {
  position: relative;

  width: 100%;

  height: 350px;

  overflow: hidden;

  background: #eeeeee;

  border: 1px solid #e2e2e2;
}

.av-map-wrapper iframe {
  display: block;

  width: 100%;

  height: 100%;

  border: 0;
}

/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media (max-width: 991.98px) {
  .av-contact-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    margin-bottom: 70px;
  }

  .av-contact-card:last-child {
    grid-column: 1 / -1;
  }

  .av-location-section {
    grid-template-columns: 1fr;
  }

  .av-map-wrapper {
    height: 400px;
  }
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767.98px) {
  .av-contact-section {
    padding: 40px 0 60px;
  }

  .av-contact-cards {
    grid-template-columns: 1fr;

    gap: 15px;

    margin-bottom: 60px;
  }

  .av-contact-card:last-child {
    grid-column: auto;
  }

  .av-contact-card {
    min-height: auto;

    padding: 20px;
  }

  .av-contact-card-title {
    margin-bottom: 28px;
  }

  .av-title-line {
    width: 55px;
  }

  .av-contact-card-title h3 {
    font-size: 18px;
  }

  .av-location-item h2 {
    font-size: 28px;
  }

  .av-map-wrapper {
    height: 320px;
  }
}

/* ---------------------------------------------------------
   Small Mobile
   --------------------------------------------------------- */

@media (max-width: 575.98px) {
  .av-contact-breadcrumb {
    margin-bottom: 25px;

    font-size: 14px;
  }

  .av-contact-info {
    gap: 11px;
  }

  .av-contact-content p {
    font-size: 14px;

    line-height: 1.7;
  }

  .av-contact-reach {
    gap: 18px;
  }

  .av-working-hours {
    margin-left: 29px;

    font-size: 14px;
  }

  .av-map-wrapper {
    height: 280px;
  }
}

/* =========================================================
   contact-us.css
   ========================================================= */

/* =========================================================
   AV ENGINEERING
   PREMIUM CONTACT PAGE
   ========================================================= */

/* =========================================================
   PAGE
   ========================================================= */

.av-contact-page {
  background: #f8f8f8;
  padding: 0 0 80px;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

.av-contact-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 24px 0 45px;

  font-size: 14px;
}

.av-contact-breadcrumb a {
  color: #071b2b;
  font-weight: 500;
}

.av-contact-breadcrumb a:hover {
  color: #b82a65;
}

.av-contact-breadcrumb span {
  color: #8993a1;
}

/* =========================================================
   INTRO
   ========================================================= */

.av-contact-intro {
  display: grid;

  grid-template-columns: 1.1fr 0.9fr;

  gap: 80px;

  align-items: end;

  margin-bottom: 55px;
}

.av-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 15px;

  color: #b82a65;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}

.av-eyebrow::before {
  content: "";

  width: 38px;
  height: 2px;

  background: #b82a65;
}

.av-contact-intro h2 {
  max-width: 650px;

  margin: 0;

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

  font-size: clamp(42px, 5vw, 64px);

  font-weight: 600;

  line-height: 1.05;

  color: #071b2b;
}

.av-contact-intro h2 span {
  color: #b82a65;
}

.av-contact-intro > p {
  max-width: 500px;

  margin: 0;

  color: #797e88;

  font-size: 16px;

  line-height: 1.9;
}

/* =========================================================
   CONTACT INFORMATION CARDS
   ========================================================= */

.av-info-grid {
  display: grid;

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

  gap: 20px;

  margin-bottom: 100px;
}

.av-info-card {
  position: relative;

  min-height: 280px;

  padding: 32px;

  overflow: hidden;

  background: #fff;

  border: 1px solid #e7e7e7;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.av-info-card:hover {
  transform: translateY(-5px);

  box-shadow: 0 18px 45px rgba(4, 6, 24, 0.08);
}

/* Number */

.av-info-number {
  position: absolute;

  top: 20px;
  right: 25px;

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

  font-size: 54px;

  font-weight: 600;

  line-height: 1;

  color: rgba(4, 6, 24, 0.045);
}

/* Icon */

.av-info-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  margin-bottom: 24px;

  background: #fff0f8;

  color: #b82a65;

  font-size: 18px;
}

.av-info-label {
  display: block;

  margin-bottom: 5px;

  color: #8993a1;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.av-info-content h3 {
  margin: 0 0 15px;

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

  font-size: 28px;

  line-height: 1.15;

  color: #071b2b;
}

.av-info-content h4 {
  margin: 0 0 7px;

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

  font-size: 16px;

  font-weight: 600;

  color: #071b2b;
}

.av-info-content p {
  max-width: 330px;

  margin: 0 0 8px;

  color: #797e88;

  font-size: 14px;

  line-height: 1.75;
}

.av-info-content small {
  color: #8993a1;

  font-size: 12px;
}

/* Dark Card */

.av-info-card-dark {
  background: #071b2b;

  border-color: #071b2b;
}

.av-info-card-dark .av-info-number {
  color: rgba(255, 255, 255, 0.05);
}

.av-info-card-dark .av-info-icon {
  background: rgba(239, 107, 35, 0.14);

  color: #b82a65;
}

.av-info-card-dark .av-info-label {
  color: #8993a1;
}

.av-info-card-dark h3 {
  color: #fff;
}

.av-contact-link {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 18px;

  color: #fff;

  font-size: 14px;
}

.av-contact-link i {
  color: #b82a65;
}

.av-contact-link:hover {
  color: #b82a65;
}

.av-phone-list {
  display: flex;

  flex-wrap: wrap;

  gap: 3px 18px;

  margin-bottom: 18px;
}

.av-phone-list a {
  color: #fff;

  font-size: 14px;

  font-weight: 600;
}

.av-phone-list a:hover {
  color: #b82a65;
}

.av-working {
  color: #8993a1;

  font-size: 13px;
}

/* =========================================================
   ENQUIRY SECTION
   ========================================================= */

.av-enquiry-section {
  margin-bottom: 120px;
}

.av-enquiry-grid {
  display: grid;

  grid-template-columns: 0.85fr 1.15fr;

  min-height: 620px;

  overflow: hidden;

  background: #071b2b;

  box-shadow: 0 25px 70px rgba(4, 6, 24, 0.12);
}

/* ---------------------------------------------------------
   Left panel
   --------------------------------------------------------- */

.av-enquiry-info {
  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 70px 60px;

  overflow: hidden;
}

.av-enquiry-info::after {
  content: "";

  position: absolute;

  width: 300px;
  height: 300px;

  right: -150px;
  bottom: -150px;

  border: 1px solid rgba(239, 107, 35, 0.25);

  border-radius: 50%;
}

.av-enquiry-info::before {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -90px;
  bottom: -90px;

  border: 1px solid rgba(239, 107, 35, 0.15);

  border-radius: 50%;
}

.av-eyebrow-light {
  color: #b82a65;
}

.av-enquiry-info h2 {
  max-width: 400px;

  margin: 0 0 22px;

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

  font-size: 52px;

  font-weight: 600;

  line-height: 1.05;

  color: #fff;
}

.av-enquiry-info h2 span {
  color: #b82a65;
}

.av-enquiry-info > p {
  max-width: 420px;

  margin: 0 0 35px;

  color: #a6abb6;

  font-size: 15px;

  line-height: 1.9;
}

/* Points */

.av-enquiry-points {
  display: flex;

  flex-direction: column;

  gap: 14px;

  margin-bottom: 50px;
}

.av-enquiry-points div {
  display: flex;

  align-items: center;

  gap: 12px;

  color: #fff;

  font-size: 14px;
}

.av-enquiry-points span {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 22px;
  height: 22px;

  border-radius: 50%;

  background: rgba(239, 107, 35, 0.15);

  color: #b82a65;

  font-size: 10px;
}

/* Call */

.av-enquiry-call {
  display: flex;

  flex-direction: column;

  gap: 7px;

  padding-top: 25px;

  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.av-enquiry-call span {
  color: #8993a1;

  font-size: 12px;
}

.av-enquiry-call a {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: #fff;

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

  font-size: 19px;

  font-weight: 600;
}

.av-enquiry-call a i {
  color: #b82a65;

  font-size: 14px;
}

.av-enquiry-call a:hover {
  color: #b82a65;
}

/* ---------------------------------------------------------
   Form
   --------------------------------------------------------- */

.av-enquiry-form {
  padding: 65px 65px;

  background: #fff;
}

.av-form-heading {
  margin-bottom: 35px;
}

.av-form-heading > span {
  display: block;

  margin-bottom: 8px;

  color: #b82a65;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.av-form-heading h3 {
  margin: 0;

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

  font-size: 38px;

  font-weight: 600;

  color: #071b2b;
}

/* Form grid */

.av-form-grid {
  display: grid;

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

  gap: 20px;
}

.av-form-field {
  margin-bottom: 20px;
}

.av-form-field label {
  display: block;

  margin-bottom: 8px;

  color: #071b2b;

  font-size: 13px;

  font-weight: 600;
}

/* Input */

.av-input-wrap {
  position: relative;
}

.av-input-wrap > i {
  position: absolute;

  left: 16px;
  top: 50%;

  transform: translateY(-50%);

  color: #a0a5ad;

  font-size: 14px;

  pointer-events: none;

  transition: color 0.25s ease;
}

.av-input-wrap input,
.av-input-wrap textarea {
  width: 100%;

  border: 1px solid #dedfe2;

  background: #fafafa;

  color: #071b2b;

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

  font-size: 14px;

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

.av-input-wrap input {
  height: 52px;

  padding: 0 16px 0 44px;
}

.av-input-wrap textarea {
  min-height: 145px;

  padding: 15px 16px 15px 44px;

  resize: vertical;
}

.av-input-wrap input::placeholder,
.av-input-wrap textarea::placeholder {
  color: #a0a5ad;
}

.av-input-wrap input:focus,
.av-input-wrap textarea:focus {
  border-color: #b82a65;

  background: #fff;

  outline: none;

  box-shadow: 0 0 0 3px rgba(239, 107, 35, 0.08);
}

.av-input-wrap:focus-within > i {
  color: #b82a65;
}

/* Message */

.av-message-field {
  margin-top: 2px;
}

.av-textarea-wrap > i {
  top: 20px;

  transform: none;
}

/* Button */

.av-enquiry-btn {
  display: inline-flex;

  align-items: center;

  justify-content: space-between;

  gap: 35px;

  min-width: 185px;

  margin-top: 5px;

  padding: 5px 5px 5px 20px;

  border: 0;

  background: #b82a65;

  color: #fff;

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

  font-size: 14px;

  font-weight: 600;

  cursor: pointer;

  transition:
    background 0.3s ease,
    transform 0.3s ease;
}

.av-enquiry-btn span {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  background: #071b2b;

  transition: transform 0.3s ease;
}

.av-enquiry-btn:hover {
  background: #b82a65;

  transform: translateY(-2px);
}

.av-enquiry-btn:hover span {
  transform: translateX(3px);
}

/* =========================================================
   LOCATIONS
   ========================================================= */

.av-locations-section {
  margin-bottom: 20px;
}

.av-section-heading {
  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 40px;

  margin-bottom: 40px;
}

.av-section-heading h2 {
  margin: 0;

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

  font-size: 48px;

  font-weight: 600;

  color: #071b2b;
}

.av-section-heading > p {
  max-width: 350px;

  margin: 0;

  color: #797e88;

  font-size: 14px;

  line-height: 1.8;
}

/* Location grid */

.av-location-grid {
  display: grid;

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

  gap: 24px;
}

.av-location-card {
  background: #fff;

  border: 1px solid #e5e5e5;

  overflow: hidden;

  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.av-location-card:hover {
  transform: translateY(-4px);

  box-shadow: 0 18px 45px rgba(4, 6, 24, 0.08);
}

/* Location head */

.av-location-head {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 25px 28px;

  border-bottom: 1px solid #ededed;
}

.av-location-head span {
  display: block;

  margin-bottom: 4px;

  color: #b82a65;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.av-location-head h3 {
  margin: 0;

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

  font-size: 28px;

  font-weight: 600;

  color: #071b2b;
}

.av-location-head > i {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 45px;
  height: 45px;

  background: #fff0f8;

  color: #b82a65;

  font-size: 16px;
}

/* Map */

.av-map-wrapper {
  width: 100%;

  height: 360px;

  background: #eee;
}

.av-map-wrapper iframe {
  display: block;

  width: 100%;
  height: 100%;

  border: 0;
}

/* Address */

.av-location-address {
  display: flex;

  align-items: flex-start;

  gap: 12px;

  padding: 20px 28px;

  color: #797e88;

  font-size: 13px;

  line-height: 1.7;
}

.av-location-address i {
  padding-top: 4px;

  color: #b82a65;
}

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

@media (max-width: 1199.98px) {
  .av-contact-intro {
    gap: 45px;
  }

  .av-enquiry-info {
    padding: 55px 45px;
  }

  .av-enquiry-form {
    padding: 55px 45px;
  }

  .av-enquiry-info h2 {
    font-size: 45px;
  }
}

@media (max-width: 991.98px) {
  .av-contact-intro {
    grid-template-columns: 1fr;

    gap: 20px;
  }

  .av-info-grid {
    grid-template-columns: 1fr 1fr;
  }

  .av-info-card-dark {
    grid-column: 1 / -1;
  }

  .av-enquiry-grid {
    grid-template-columns: 1fr;
  }

  .av-enquiry-info {
    padding: 60px 50px;
  }

  .av-enquiry-form {
    padding: 50px;
  }

  .av-location-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .av-contact-page {
    padding-bottom: 80px;
  }

  .av-contact-breadcrumb {
    padding-bottom: 30px;
  }

  .av-contact-intro h2 {
    font-size: 42px;
  }

  .av-info-grid {
    grid-template-columns: 1fr;

    margin-bottom: 70px;
  }

  .av-info-card-dark {
    grid-column: auto;
  }

  .av-info-card {
    min-height: auto;
  }

  .av-enquiry-section {
    margin-bottom: 80px;
  }

  .av-enquiry-info {
    padding: 50px 30px;
  }

  .av-enquiry-info h2 {
    font-size: 42px;
  }

  .av-enquiry-form {
    padding: 40px 25px;
  }

  .av-form-grid {
    grid-template-columns: 1fr;

    gap: 0;
  }

  .av-section-heading {
    align-items: flex-start;

    flex-direction: column;

    gap: 12px;
  }

  .av-section-heading h2 {
    font-size: 40px;
  }
}

@media (max-width: 575.98px) {
  .av-contact-intro h2 {
    font-size: 36px;
  }

  .av-contact-intro > p {
    font-size: 14px;
  }

  .av-info-card {
    padding: 25px;
  }

  .av-enquiry-info {
    padding: 45px 25px;
  }

  .av-enquiry-info h2 {
    font-size: 36px;
  }

  .av-enquiry-form {
    padding: 35px 20px;
  }

  .av-form-heading h3 {
    font-size: 32px;
  }

  .av-location-head {
    padding: 20px;
  }

  .av-location-head h3 {
    font-size: 24px;
  }

  .av-map-wrapper {
    height: 300px;
  }

  .av-location-address {
    padding: 18px 20px;
  }
}

/* =========================================================
   update css
   ========================================================= */

/* =========================================================
   AV ENGINEERING
   PREMIUM UPDATES PAGE
   ========================================================= */

/* =========================================================
   PAGE
   ========================================================= */

.av-update-page {
  background: #f8f8f8;

  padding-bottom: 120px;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

.av-update-breadcrumb {
  display: flex;

  align-items: center;

  gap: 10px;

  padding: 24px 0 45px;

  font-size: 14px;
}

.av-update-breadcrumb a {
  color: #071b2b;

  font-weight: 500;
}

.av-update-breadcrumb a:hover {
  color: #b82a65;
}

.av-update-breadcrumb span {
  color: #8993a1;
}

/* =========================================================
   INTRO
   ========================================================= */

.av-update-intro {
  display: grid;

  grid-template-columns: 1.1fr 0.9fr;

  align-items: end;

  gap: 70px;

  margin-bottom: 55px;
}

.av-update-eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 15px;

  color: #b82a65;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}

.av-update-eyebrow::before {
  content: "";

  width: 38px;

  height: 2px;

  background: #b82a65;
}

.av-update-intro h2 {
  margin: 0;

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

  font-size: clamp(46px, 5vw, 68px);

  font-weight: 600;

  line-height: 1;

  color: #071b2b;
}

.av-update-intro h2 span {
  color: #b82a65;
}

.av-update-intro > p {
  max-width: 480px;

  margin: 0;

  color: #797e88;

  font-size: 15px;

  line-height: 1.9;
}

/* =========================================================
   FEATURED UPDATE
   ========================================================= */

.av-featured-update {
  display: grid;

  grid-template-columns: 1.1fr 0.9fr;

  min-height: 500px;

  margin-bottom: 75px;

  overflow: hidden;

  background: #071b2b;
}

.av-featured-image {
  position: relative;

  min-height: 500px;

  overflow: hidden;
}

.av-featured-image::after {
  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(4, 6, 24, 0) 65%,
    rgba(4, 6, 24, 0.35)
  );
}

.av-featured-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.7s ease;
}

.av-featured-update:hover .av-featured-image img {
  transform: scale(1.04);
}

.av-featured-badge {
  position: absolute;

  z-index: 2;

  top: 25px;

  left: 25px;
}

.av-featured-badge span {
  display: inline-block;

  padding: 8px 14px;

  background: #b82a65;

  color: #fff;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

/* Featured content */

.av-featured-content {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 65px;
}

.av-update-meta {
  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 20px;

  color: #b82a65;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.4px;
}

.av-update-meta i {
  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #59606d;
}

.av-featured-content h3 {
  max-width: 500px;

  margin: 0 0 20px;

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

  font-size: 46px;

  font-weight: 600;

  line-height: 1.08;

  color: #fff;
}

.av-featured-content > p {
  max-width: 480px;

  margin: 0 0 35px;

  color: #a8adb7;

  font-size: 14px;

  line-height: 1.9;
}

/* Featured button */

.av-update-btn {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  width: fit-content;

  padding: 13px 18px;

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

  color: #fff;

  font-size: 13px;

  font-weight: 600;

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

.av-update-btn span {
  color: #b82a65;
}

.av-update-btn:hover {
  background: #b82a65;

  border-color: #b82a65;

  color: #fff;
}

.av-update-btn:hover span {
  color: #fff;
}

/* =========================================================
   TOOLBAR
   ========================================================= */

.av-update-toolbar {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-bottom: 40px;

  padding-bottom: 20px;

  border-bottom: 1px solid #dedfe2;
}

.av-update-filter {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 8px;
}

.av-update-filter a {
  padding: 9px 16px;

  color: #707783;

  font-size: 12px;

  font-weight: 600;

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

.av-update-filter a:hover,
.av-update-filter a.active {
  background: #071b2b;

  color: #fff;
}

.av-update-count {
  display: flex;

  align-items: center;

  gap: 10px;
}

.av-update-count span {
  color: #8993a1;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.2px;
}

.av-update-count strong {
  color: #071b2b;

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

  font-size: 18px;
}

/* =========================================================
   UPDATE GRID
   ========================================================= */

.av-update-grid {
  display: grid;

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

  gap: 24px;
}

/* =========================================================
   UPDATE CARD
   ========================================================= */

.av-update-card {
  overflow: hidden;

  background: #fff;

  border: 1px solid #e5e5e5;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.av-update-card:hover {
  transform: translateY(-6px);

  box-shadow: 0 20px 45px rgba(4, 6, 24, 0.09);
}

/* Image */

.av-update-card-image {
  position: relative;

  height: 353px;

  overflow: hidden;
}

.av-update-card-image::after {
  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, transparent 55%, rgba(4, 6, 24, 0.35));
}

.av-update-card-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.6s ease;
}

.av-update-card:hover .av-update-card-image img {
  transform: scale(1.06);
}

/* Category */

.av-card-category {
  position: absolute;

  z-index: 2;

  top: 18px;

  left: 18px;

  padding: 7px 11px;

  background: #fff;

  color: #071b2b;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1.3px;
}

/* =========================================================
   CARD CONTENT
   ========================================================= */

.av-update-card-content {
  display: grid;

  grid-template-columns: 58px 1fr;

  gap: 20px;

  padding: 28px 25px 30px;
}

/* Date */

.av-card-date {
  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  padding-right: 18px;

  border-right: 1px solid #e2e3e5;
}

.av-card-date span {
  color: #071b2b;

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

  font-size: 28px;

  font-weight: 600;

  line-height: 1;
}

.av-card-date small {
  margin-top: 5px;

  color: #b82a65;

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 1px;
}

/* Main */

.av-card-label {
  display: block;

  margin-bottom: 8px;

  color: #b82a65;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1.3px;
}

.av-card-main h3 {
  margin: 0 0 12px;

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

  font-size: 24px;

  font-weight: 600;

  line-height: 1.2;

  color: #071b2b;
}

.av-card-main p {
  margin: 0 0 18px;

  color: #7b818b;

  font-size: 13px;

  line-height: 1.75;
}

.av-card-main > a {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  color: #071b2b;

  font-size: 12px;

  font-weight: 700;
}

.av-card-main > a i {
  color: #b82a65;

  transition: transform 0.25s ease;
}

.av-card-main > a:hover {
  color: #b82a65;
}

.av-card-main > a:hover i {
  transform: translateX(4px);
}

/* =========================================================
   PAGINATION
   ========================================================= */

.av-update-pagination {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  margin: 60px 0 100px;
}

.av-update-pagination a {
  display: flex;

  align-items: center;

  justify-content: center;

  min-width: 42px;

  height: 42px;

  padding: 0 13px;

  border: 1px solid #dedfe2;

  color: #071b2b;

  font-size: 12px;

  font-weight: 600;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

.av-update-pagination a:hover,
.av-update-pagination a.active {
  background: #071b2b;

  border-color: #071b2b;

  color: #fff;
}

.av-update-pagination a.next {
  gap: 10px;

  padding: 0 18px;
}

.av-update-pagination a.next i {
  color: #b82a65;
}

/* =========================================================
   BOTTOM CTA
   ========================================================= */

.av-update-cta {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;

  padding: 50px 55px;

  background: #b82a65;
}

.av-update-cta > div > span {
  display: block;

  margin-bottom: 8px;

  color: rgba(255, 255, 255, 0.75);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.6px;
}

.av-update-cta h2 {
  max-width: 600px;

  margin: 0;

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

  font-size: 38px;

  font-weight: 600;

  line-height: 1.1;

  color: #fff;
}

.av-update-cta > a {
  display: inline-flex;

  align-items: center;

  gap: 15px;

  flex-shrink: 0;

  padding: 15px 20px;

  background: #071b2b;

  color: #fff;

  font-size: 13px;

  font-weight: 600;
}

.av-update-cta > a i {
  color: #b82a65;

  transition: transform 0.25s ease;
}

.av-update-cta > a:hover {
  background: #fff;

  color: #071b2b;
}

.av-update-cta > a:hover i {
  transform: translateX(4px);
}

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

@media (max-width: 1199.98px) {
  .av-featured-content {
    padding: 50px;
  }

  .av-featured-content h3 {
    font-size: 40px;
  }

  .av-update-card-content {
    grid-template-columns: 48px 1fr;

    gap: 15px;

    padding: 24px 20px;
  }
}

@media (max-width: 991.98px) {
  .av-update-intro {
    grid-template-columns: 1fr;

    gap: 20px;
  }

  .av-featured-update {
    grid-template-columns: 1fr;
  }

  .av-featured-image {
    height: 400px;

    min-height: 400px;
  }

  .av-featured-content {
    padding: 50px;
  }

  .av-update-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767.98px) {
  .av-update-page {
    padding-bottom: 80px;
  }

  .av-update-intro h2 {
    font-size: 46px;
  }

  .av-featured-image {
    height: 300px;

    min-height: 300px;
  }

  .av-featured-content {
    padding: 40px 30px;
  }

  .av-featured-content h3 {
    font-size: 36px;
  }

  .av-update-toolbar {
    align-items: flex-start;

    flex-direction: column;

    gap: 15px;
  }

  .av-update-grid {
    grid-template-columns: 1fr;
  }

  .av-update-pagination {
    margin: 50px 0 70px;
  }

  .av-update-cta {
    align-items: flex-start;

    flex-direction: column;

    padding: 40px 30px;
  }
}

@media (max-width: 575.98px) {
  .av-update-intro h2 {
    font-size: 40px;
  }

  .av-featured-image {
    height: 240px;

    min-height: 240px;
  }

  .av-featured-content {
    padding: 35px 25px;
  }

  .av-featured-content h3 {
    font-size: 31px;
  }

  .av-featured-content > p {
    font-size: 13px;
  }

  .av-update-filter {
    gap: 4px;
  }

  .av-update-filter a {
    padding: 7px 10px;

    font-size: 10px;
  }

  .av-update-card-image {
    height: 220px;
  }

  .av-update-cta {
    padding: 35px 25px;
  }

  .av-update-cta h2 {
    font-size: 30px;
  }
}

/* =========================================================
   about-us css
   ========================================================= */

/* =========================================================
   AV ENGINEERING
   PREMIUM ABOUT US PAGE
   ========================================================= */

/* =========================================================
   GLOBAL
   ========================================================= */

.av-about-intro,
.av-why-section,
.av-capabilities,
.av-process-section {
  position: relative;
  overflow: hidden;
}

/* =========================================================
   SECTION LABEL
   ========================================================= */

.av-about-label {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 17px;

  color: #b82a65;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}

.av-about-label::before {
  content: "";

  width: 38px;

  height: 2px;

  background: #b82a65;
}

/* =========================================================
   ABOUT INTRO
   ========================================================= */

.av-about-intro {
  padding: 120px 0;

  background: #fff;
}

.av-about-intro-grid {
  display: grid;

  grid-template-columns: 0.95fr 1.05fr;

  gap: 100px;

  align-items: center;
}

/* Visual */

.av-about-visual {
  position: relative;

  min-height: 600px;
}

.av-about-image-main {
  position: absolute;

  top: 0;

  left: 0;

  width: 78%;

  height: 520px;

  overflow: hidden;
}

.av-about-image-main img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.7s ease;
}

.av-about-visual:hover .av-about-image-main img {
  transform: scale(1.04);
}

.av-about-image-small {
  position: absolute;

  right: 0;

  bottom: 0;

  width: 90%;

  height: 260px;

  padding: 10px;

  background: #fff;

  box-shadow: 0 20px 55px rgba(4, 6, 24, 0.14);

  z-index: 2;
}

.av-about-image-small img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

/* Year badge */

.av-about-year {
  position: absolute;

  z-index: 3;

  left: -30px;

  bottom: 105px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 125px;

  height: 125px;

  background: #b82a65;

  color: #fff;

  box-shadow: 0 15px 35px rgba(239, 107, 35, 0.25);
}

.av-about-year strong {
  font-family: var(--font-family-headings);

  font-size: 42px;

  font-weight: 600;

  line-height: 1;
}

.av-about-year span {
  margin-top: 8px;

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

/* Content */

.av-about-intro-content {
  max-width: 620px;
}

.av-about-intro-content h2 {
  margin: 0 0 28px;

  color: #071b2b;

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

  font-size: clamp(44px, 4.5vw, 65px);

  font-weight: 600;

  line-height: 1.04;
}

.av-about-intro-content h2 span {
  color: #b82a65;
}

.av-about-lead {
  margin-bottom: 20px;

  color: #353b47;

  font-size: 17px;

  line-height: 1.8;
}

.av-about-intro-content p:not(.av-about-lead) {
  margin-bottom: 15px;

  color: #7b818c;

  font-size: 14px;

  line-height: 1.9;
}

/* Mini stats */

.av-about-signature-row {
  display: flex;

  align-items: center;

  gap: 28px;

  margin-top: 38px;
}

.av-about-mini-stat {
  display: flex;

  align-items: center;

  gap: 12px;
}

.av-about-mini-stat strong {
  color: #071b2b;

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

  font-size: 36px;

  font-weight: 600;

  line-height: 1;
}

.av-about-mini-stat span {
  color: #777d87;

  font-size: 10px;

  font-weight: 600;

  line-height: 1.5;

  text-transform: uppercase;
}

.av-about-mini-line {
  width: 1px;

  height: 40px;

  background: #dddfe3;
}

.av-about-link {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: #071b2b;

  font-size: 12px;

  font-weight: 700;

  text-transform: uppercase;
}

.av-about-link i {
  color: #b82a65;

  transition: transform 0.25s ease;
}

.av-about-link:hover {
  color: #b82a65;
}

.av-about-link:hover i {
  transform: translateX(5px);
}

/* =========================================================
   WHY SECTION
   ========================================================= */

.av-why-section {
  padding: 110px 0;

  background: #f6f6f6;
}

.av-section-heading {
  display: grid;

  grid-template-columns: 1.1fr 0.9fr;

  align-items: end;

  gap: 70px;

  margin-bottom: 55px;
}

.av-section-heading h2 {
  margin: 0;

  color: #071b2b;

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

  font-size: clamp(42px, 4vw, 58px);

  font-weight: 600;

  line-height: 1.05;
}

.av-section-heading h2 span {
  color: #b82a65;
}

.av-section-heading > p {
  max-width: 470px;

  margin: 0;

  color: #7a808a;

  font-size: 14px;

  line-height: 1.9;
}

/* Cards */

.av-why-grid {
  display: grid;

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

  gap: 20px;
}

.av-why-card {
  position: relative;

  min-height: 330px;

  padding: 35px;

  background: #fff;

  border: 1px solid #e6e7e9;

  overflow: hidden;

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

.av-why-card:hover {
  transform: translateY(-7px);

  box-shadow: 0 25px 55px rgba(4, 6, 24, 0.08);
}

.av-why-card.active {
  background: #071b2b;

  border-color: #071b2b;
}

.av-why-number {
  position: absolute;

  top: 25px;

  right: 30px;

  color: #d9dadd;

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

  font-size: 40px;

  font-weight: 600;
}

.av-why-card.active .av-why-number {
  color: #353848;
}

.av-why-icon {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 55px;

  height: 55px;

  margin-bottom: 55px;

  background: #f3f4f5;

  color: #b82a65;

  font-size: 19px;
}

.av-why-card.active .av-why-icon {
  background: rgba(255, 255, 255, 0.08);
}

.av-why-card h3 {
  margin: 0 0 14px;

  color: #071b2b;

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

  font-size: 27px;

  font-weight: 600;
}

.av-why-card.active h3 {
  color: #fff;
}

.av-why-card p {
  max-width: 330px;

  margin: 0;

  color: #7d838d;

  font-size: 13px;

  line-height: 1.8;
}

.av-why-card.active p {
  color: #a7abb5;
}

.av-card-arrow {
  position: absolute;

  right: 30px;

  bottom: 30px;

  color: #b82a65;
}

/* =========================================================
   STATISTICS
   ========================================================= */

.av-about-stats {
  position: relative;

  padding: 100px 0;

  overflow: hidden;
}

.av-stats-overlay {
  position: absolute;

  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(4, 6, 24, 0.96),
    rgba(4, 6, 24, 0.76)
  );
}

.av-about-stats .container {
  position: relative;

  z-index: 2;
}

.av-stats-heading {
  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 40px;

  margin-bottom: 65px;
}

.av-stats-heading > span {
  color: #b82a65;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.7px;
}

.av-stats-heading h2 {
  max-width: 470px;

  margin: 0;

  color: #fff;

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

  font-size: 43px;

  font-weight: 500;

  line-height: 1.05;
}

.av-stats-heading h2 strong {
  color: #b82a65;

  font-weight: 500;
}

.av-stats-grid {
  display: grid;

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

.av-stat-item {
  padding: 0 35px;

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

.av-stat-item:first-child {
  padding-left: 0;
}

.av-stat-item:last-child {
  border-right: 0;
}

.av-stat-item strong {
  display: block;

  margin-bottom: 12px;

  color: #fff;

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

  font-size: 55px;

  font-weight: 500;

  line-height: 1;
}

.av-stat-item strong span {
  color: #fff;
}

.av-stat-item > span {
  color: #aeb2ba;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 0.6px;

  text-transform: uppercase;
}

/* =========================================================
   CAPABILITIES
   ========================================================= */

.av-capabilities {
  padding: 120px 0;

  background: #fff;
}

.av-capability-layout {
  display: grid;

  grid-template-columns: 0.95fr 1.05fr;

  gap: 60px;

  align-items: stretch;
}

.av-capability-image {
  position: relative;

  min-height: 470px;

  overflow: hidden;
}

.av-capability-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.7s ease;
}

.av-capability-image:hover img {
  transform: scale(1.04);
}

.av-capability-overlay {
  position: absolute;

  right: 0;

  bottom: 0;

  width: 78%;

  padding: 30px;

  background: #071b2b;
}

.av-capability-overlay span {
  display: block;

  margin-bottom: 8px;

  color: #b82a65;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.av-capability-overlay strong {
  display: block;

  color: #fff;

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

  font-size: 30px;

  font-weight: 500;

  line-height: 1.1;
}

/* Capability list */

.av-capability-list {
  display: flex;

  flex-direction: column;
}

.av-capability-item {
  display: grid;

  grid-template-columns: 50px 1fr 25px;

  gap: 20px;

  align-items: center;

  padding: 31px 0;

  border-bottom: 1px solid #dedfe2;

  transition: padding 0.3s ease;
}

.av-capability-item:first-child {
  padding-top: 0;
}

.av-capability-item > span {
  color: #b82a65;

  font-size: 11px;

  font-weight: 700;
}

.av-capability-item h3 {
  margin: 0 0 8px;

  color: #071b2b;

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

  font-size: 27px;

  font-weight: 600;
}

.av-capability-item p {
  margin: 0;

  color: #808690;

  font-size: 13px;

  line-height: 1.7;
}

.av-capability-item > i {
  color: #9ca1a9;

  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.av-capability-item:hover {
  padding-left: 12px;
}

.av-capability-item:hover h3 {
  color: #b82a65;
}

.av-capability-item:hover > i {
  color: #b82a65;

  transform: translateX(4px);
}

.av-capability-note {
  display: flex;

  align-items: center;

  gap: 20px;

  margin-top: auto;

  padding-top: 35px;
}

.av-capability-note > span {
  color: #071b2b;

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

  font-size: 45px;

  font-weight: 600;
}

.av-capability-note p {
  max-width: 280px;

  margin: 0;

  color: #808690;

  font-size: 12px;

  line-height: 1.7;
}

/* =========================================================
   PROCESS
   ========================================================= */

.av-process-section {
  padding: 110px 0;

  background: #f6f6f6;
}

.av-process-heading {
  margin-bottom: 70px;
}

.av-process-grid {
  display: grid;

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

  position: relative;
}

.av-process-grid::before {
  content: "";

  position: absolute;

  top: 28px;

  left: 10%;

  right: 10%;

  height: 1px;

  background: #d7d9dd;
}

.av-process-item {
  position: relative;

  z-index: 2;

  padding: 0 25px;

  text-align: center;
}

.av-process-top {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 58px;

  height: 58px;

  margin: 0 auto 28px;

  background: #fff;

  border: 1px solid #dddfe2;

  border-radius: 50%;

  box-shadow: 0 8px 20px rgba(4, 6, 24, 0.06);
}

.av-process-top span {
  color: #071b2b;

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

  font-size: 15px;

  font-weight: 600;
}

.av-process-top i {
  display: none;

  color: #b82a65;
}

.av-process-item h3 {
  margin: 0 0 12px;

  color: #071b2b;

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

  font-size: 24px;

  font-weight: 600;
}

.av-process-item p {
  max-width: 220px;

  margin: auto;

  color: #7e848d;

  font-size: 12px;

  line-height: 1.8;
}

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

.av-about-quote {
  position: relative;

  padding: 110px 0;

  overflow: hidden;
}

.av-about-quote-bg {
  position: absolute;

  inset: 0;
}

.av-about-quote-bg img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.av-about-quote-bg > div {
  position: absolute;

  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(4, 6, 24, 0.96) 0%,
    rgba(4, 6, 24, 0.88) 52%,
    rgba(4, 6, 24, 0.62)
  );
}

.av-about-quote .container {
  position: relative;

  z-index: 2;
}

.av-quote-layout {
  display: grid;

  grid-template-columns: 1fr 0.72fr;

  gap: 90px;

  align-items: center;
}

.av-quote-content h2 {
  max-width: 650px;

  margin: 0 0 25px;

  color: #fff;

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

  font-size: clamp(45px, 5vw, 65px);

  font-weight: 500;

  line-height: 1.04;
}

.av-quote-content h2 span {
  color: #b82a65;
}

.av-quote-content > p {
  max-width: 520px;

  margin-bottom: 35px;

  color: #b6bac2;

  font-size: 14px;

  line-height: 1.9;
}

.av-quote-points {
  display: flex;

  flex-direction: column;

  gap: 15px;
}

.av-quote-points div {
  display: flex;

  align-items: center;

  gap: 12px;

  color: #fff;

  font-size: 12px;
}

.av-quote-points i {
  color: #b82a65;
}

/* Form */

.av-about-quote-form {
  padding: 42px;

  background: #fff;

  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);
}

.av-about-quote-form > span {
  display: block;

  margin-bottom: 10px;

  color: #b82a65;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.av-about-quote-form h3 {
  margin: 0 0 28px;

  color: #071b2b;

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

  font-size: 32px;

  font-weight: 600;
}

.av-form-row {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 12px;
}

.av-form-group {
  margin-bottom: 12px;
}

.av-form-group input,
.av-form-group textarea,
.av-form-group select {
  width: 100%;

  padding: 14px 15px;

  background: #f7f7f8;

  border: 1px solid #e5e5e7;

  border-radius: 0;

  color: #071b2b;

  font-size: 12px;

  outline: none;

  transition:
    border-color 0.25s ease,
    background 0.25s ease;
}

.av-form-group textarea {
  resize: vertical;
}

.av-form-group input:focus,
.av-form-group textarea:focus,
.av-form-group select:focus {
  background: #fff;

  border-color: #b82a65;
}

.av-about-submit {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  margin-top: 7px;

  padding: 14px 19px;

  background: #b82a65;

  border: 0;

  color: #fff;

  font-size: 12px;

  font-weight: 600;

  cursor: pointer;

  transition: background 0.25s ease;
}

.av-about-submit:hover {
  background: #071b2b;
}

/* =========================================================
   FINAL CTA
   ========================================================= */

.av-about-final-cta {
  position: relative;

  padding: 90px 0;

  overflow: hidden;
}

.av-final-overlay {
  position: absolute;

  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(4, 6, 24, 0.96),
    rgba(4, 6, 24, 0.72)
  );
}

.av-about-final-cta .container {
  position: relative;

  z-index: 2;
}

.av-final-layout {
  display: grid;

  grid-template-columns: 1.1fr 0.9fr;

  align-items: center;

  gap: 70px;
}

.av-final-layout > div:first-child > span {
  display: block;

  margin-bottom: 12px;

  color: #b82a65;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.7px;
}

.av-final-layout h2 {
  max-width: 650px;

  margin: 0;

  color: #fff;

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

  font-size: clamp(42px, 5vw, 60px);

  font-weight: 500;

  line-height: 1.05;
}

.av-final-layout p {
  margin: 0 0 25px;

  color: #b9bdc5;

  font-size: 14px;

  line-height: 1.8;
}

.av-final-layout a {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  padding: 14px 20px;

  background: #b82a65;

  color: #fff;

  font-size: 12px;

  font-weight: 600;
}

.av-final-layout a:hover {
  background: #fff;

  color: #071b2b;
}

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

@media (max-width: 1199.98px) {
  .av-about-intro-grid {
    gap: 60px;
  }

  .av-about-visual {
    min-height: 540px;
  }

  .av-about-image-main {
    height: 460px;
  }

  .av-about-image-small {
    height: 220px;
  }

  .av-about-content h2 {
    font-size: 48px;
  }

  .av-quote-layout {
    gap: 50px;
  }
}

@media (max-width: 991.98px) {
  .av-about-intro {
    padding: 90px 0;
  }

  .av-about-intro-grid {
    grid-template-columns: 1fr;

    gap: 70px;
  }

  .av-about-visual {
    max-width: 650px;

    margin: auto;

    width: 100%;
  }

  .av-section-heading {
    grid-template-columns: 1fr;

    gap: 20px;
  }

  .av-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .av-stats-grid {
    grid-template-columns: repeat(2, 1fr);

    row-gap: 45px;
  }

  .av-stat-item:nth-child(2) {
    border-right: 0;
  }

  .av-stat-item:nth-child(3) {
    padding-left: 0;
  }

  .av-capability-layout {
    grid-template-columns: 1fr;

    gap: 50px;
  }

  .av-capability-image {
    min-height: 450px;
  }

  .av-process-grid {
    grid-template-columns: repeat(2, 1fr);

    row-gap: 50px;
  }

  .av-process-grid::before {
    display: none;
  }

  .av-quote-layout {
    grid-template-columns: 1fr;

    gap: 55px;
  }

  .av-final-layout {
    grid-template-columns: 1fr;

    gap: 30px;
  }
}

@media (max-width: 767.98px) {
  .av-about-intro {
    padding: 75px 0;
  }

  .av-about-visual {
    min-height: 450px;
  }

  .av-about-image-main {
    width: 85%;

    height: 390px;
  }

  .av-about-image-small {
    width: 48%;

    height: 180px;
  }

  .av-about-year {
    left: -10px;

    bottom: 75px;

    width: 100px;

    height: 100px;
  }

  .av-about-year strong {
    font-size: 32px;
  }

  .av-about-signature-row {
    flex-wrap: wrap;
  }

  .av-why-grid {
    grid-template-columns: 1fr;
  }

  .av-why-card {
    min-height: 290px;
  }

  .av-stats-heading {
    flex-direction: column;

    align-items: flex-start;
  }

  .av-stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .av-stat-item {
    padding: 0 20px;
  }

  .av-stat-item:nth-child(2) {
    padding-right: 0;
  }

  .av-stat-item:nth-child(3) {
    padding-left: 0;
  }

  .av-stat-item strong {
    font-size: 44px;
  }

  .av-capabilities,
  .av-process-section {
    padding: 80px 0;
  }

  .av-capability-image {
    min-height: 350px;
  }

  .av-capability-overlay {
    width: 90%;

    padding: 25px;
  }

  .av-capability-item {
    grid-template-columns: 35px 1fr 20px;

    gap: 12px;
  }

  .av-capability-item h3 {
    font-size: 22px;
  }

  .av-process-grid {
    grid-template-columns: 1fr;
  }

  .av-about-quote {
    padding: 80px 0;
  }

  .av-about-quote-form {
    padding: 30px 25px;
  }

  .av-form-row {
    grid-template-columns: 1fr;
  }

  .av-about-final-cta {
    padding: 70px 0;
  }
}

@media (max-width: 575.98px) .av-about-visual {
  min-height: 390px;
}

.av-about-image-main {
  height: 330px;
}

.av-about-image-small {
  height: 300px;
}

.av-about-year {
  width: 85px;

  height: 85px;

  bottom: 55px;
}

.av-about-year strong {
  font-size: 27px;
}

.av-about-year span {
  font-size: 7px;
}

.av-about-signature-row {
  gap: 18px;
}

.av-about-mini-line {
  display: none;
}

.av-stats-grid {
  grid-template-columns: 1fr;
}

.av-stat-item,
.av-stat-item:nth-child(2),
.av-stat-item:nth-child(3) {
  padding: 0;

  border-right: 0;

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

  padding-bottom: 25px;
}

.av-stat-item:last-child {
  border-bottom: 0;

  padding-bottom: 0;
}

.av-capability-note {
  align-items: flex-start;

  flex-direction: column;

  gap: 5px;
}

/* =========================================================
   AV ENGINEERING
   UPDATE DETAILS PAGE
   ========================================================= */


/* =========================================================
   PAGE
   ========================================================= */

.av-detail-page {
    background: #f8f8f8;

    padding-bottom: 120px;
}


/* =========================================================
   DETAIL HEADER
   ========================================================= */

.av-detail-header {
    max-width: 900px;

    margin: 0 auto 40px;

    text-align: center;
}

.av-detail-header .av-card-label {
    display: inline-block;

    margin-bottom: 16px;
}

.av-detail-header h1 {
    margin: 0 0 22px;

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

    font-size: clamp(32px, 4.5vw, 52px);

    font-weight: 600;

    line-height: 1.15;

    color: #071b2b;
}

.av-detail-meta {
    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 18px;

    color: #7b818b;

    font-size: 13px;

    font-weight: 500;
}

.av-detail-meta span {
    display: flex;

    align-items: center;

    gap: 8px;
}

.av-detail-meta i.fa-calendar,
.av-detail-meta i.fa-user,
.av-detail-meta i.fa-clock,
.av-detail-meta span i {
    color: #B82A65;
}

.av-detail-meta > i {
    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #c7cad0;
}


/* =========================================================
   FEATURED IMAGE
   ========================================================= */

.av-detail-image {
    max-width: 1050px;

    height: 1050px;

    margin: 0 auto 60px;

    overflow: hidden;
}

.av-detail-image img {
    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;
}


/* =========================================================
   LAYOUT
   ========================================================= */

.av-detail-layout {
    display: grid;

    grid-template-columns:
        1.9fr 1fr;

    gap: 60px;

    align-items: start;

    margin-bottom: 100px;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.av-detail-content {
    background: #fff;

    padding: 55px 60px;

    border: 1px solid #ebebec;
}

.av-detail-content p {
    margin: 0 0 22px;

    color: #454b57;

    font-size: 15px;

    line-height: 1.9;
}

.av-detail-content h3 {
    margin: 40px 0 18px;

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

    font-size: 26px;

    font-weight: 600;

    color: #071b2b;
}

.av-detail-list {
    margin: 0 0 30px;

    padding: 0;

    list-style: none;
}

.av-detail-list li {
    position: relative;

    padding: 12px 0 12px 34px;

    border-bottom: 1px solid #eeeeef;

    color: #071b2b;

    font-size: 14px;

    font-weight: 500;
}

.av-detail-list li:first-child {
    padding-top: 0;
}

.av-detail-list li:last-child {
    border-bottom: 0;

    padding-bottom: 0;
}

.av-detail-list li::before {
    content: "\f00c";

    position: absolute;

    left: 0;

    top: 14px;

    font-family: "Font Awesome 7 Free";

    font-weight: 900;

    font-size: 11px;

    color: #B82A65;
}


/* Inline gallery */

.av-detail-gallery {
    display: grid;

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

    gap: 16px;

    margin: 10px 0 35px;
}

.av-detail-gallery img {
    width: 100%;

    height: 240px;

    object-fit: cover;

    display: block;
}


/* Blockquote */

.av-detail-content blockquote {
    position: relative;

    margin: 15px 0 35px;

    padding: 35px 40px 30px 45px !important;

    background: #fff0f8;

    border-left: 3px solid #B82A65;
}

.av-detail-content blockquote::before {
    content: none !important;

    background: none !important;
}

.av-detail-content blockquote p {
    margin: 0 0 12px;

    color: #071b2b;

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

    font-size: 19px;

    font-weight: 600;

    line-height: 1.6;
}

.av-detail-content blockquote cite {
    padding-left: 0;

    color: #7b818b;

    font-size: 13px;

    font-style: normal;

    font-weight: 600;
}

.av-detail-content blockquote cite::before {
    content: none !important;

    display: none;
}


/* =========================================================
   TAGS + SHARE
   ========================================================= */

.av-detail-footer {
    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 45px;

    padding-top: 30px;

    border-top: 1px solid #ebebec;
}

.av-detail-tags {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    font-size: 13px;
}

.av-detail-tags > span {
    color: #071b2b;

    font-weight: 600;
}

.av-detail-tags a {
    padding: 6px 14px;

    border: 1px solid #e2e3e5;

    color: #454b57;

    font-size: 12px;

    font-weight: 500;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.av-detail-tags a:hover {
    background: #071b2b;

    border-color: #071b2b;

    color: #fff;
}

.av-detail-share {
    display: flex;

    align-items: center;

    gap: 12px;
}

.av-detail-share > span {
    color: #071b2b;

    font-size: 13px;

    font-weight: 600;
}


/* =========================================================
   PREV / NEXT NAVIGATION
   ========================================================= */

.av-detail-nav {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 20px;

    margin-top: 35px;

    padding-top: 35px;

    border-top: 1px solid #ebebec;
}

.av-nav-item {
    display: flex;

    align-items: center;

    gap: 16px;

    padding: 22px 24px;

    background: #f8f8f8;

    transition:
        background .25s ease;
}

.av-nav-item:hover {
    background: #071b2b;
}

.av-nav-item:hover span {
    color: rgba(255,255,255,.6);
}

.av-nav-item:hover strong {
    color: #fff;
}

.av-nav-item:hover i {
    color: #B82A65;
}

.av-nav-next {
    justify-content: flex-end;

    text-align: right;
}

.av-nav-item i {
    color: #B82A65;

    font-size: 14px;

    flex-shrink: 0;

    transition: color .25s ease;
}

.av-nav-item span {
    display: block;

    margin-bottom: 6px;

    color: #8993a1;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    transition: color .25s ease;
}

.av-nav-item strong {
    display: block;

    color: #071b2b;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.4;

    transition: color .25s ease;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.av-detail-sidebar {
    display: flex;

    flex-direction: column;

    gap: 24px;
}

.av-side-widget {
    background: #fff;

    padding: 30px;

    border: 1px solid #ebebec;
}

.av-side-search {
    position: relative;
}

.av-side-search input {
    width: 100%;

    height: 50px;

    padding: 0 50px 0 18px;

    border: 1px solid #e2e3e5;

    background: #f8f8f8;

    font-size: 13px;
}

.av-side-search input:focus {
    outline: none;

    border-color: #B82A65;

    background: #fff;
}

.av-side-search button {
    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    height: 50px;

    border: 0;

    background: #B82A65;

    color: #fff;
}

.av-side-title {
    margin: 0 0 24px;

    padding-bottom: 16px;

    border-bottom: 1px solid #ebebec;

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

    font-size: 18px;

    font-weight: 600;

    color: #071b2b;
}

.av-side-list {
    display: flex;

    flex-direction: column;

    gap: 18px;
}

.av-side-item {
    display: flex;

    align-items: center;

    gap: 14px;
}

.av-side-item img {
    width: 66px;

    height: 60px;

    object-fit: cover;

    flex-shrink: 0;
}

.av-side-item div span {
    display: block;

    margin-bottom: 5px;

    color: #B82A65;

    font-size: 11px;

    font-weight: 600;
}

.av-side-item div strong {
    display: block;

    color: #071b2b;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;

    transition: color .25s ease;
}

.av-side-item:hover div strong {
    color: #B82A65;
}

.av-side-categories {
    margin: 0;

    padding: 0;

    list-style: none;
}

.av-side-categories li:not(:last-child) {
    margin-bottom: 12px;

    padding-bottom: 12px;

    border-bottom: 1px solid #f0f0f1;
}

.av-side-categories a {
    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #454b57;

    font-size: 14px;

    font-weight: 500;
}

.av-side-categories a:hover {
    color: #B82A65;
}

.av-side-categories a span {
    color: #a5aab2;

    font-size: 12px;
}


/* Sidebar CTA */

.av-side-cta {
    padding: 35px 28px;

    background: #071b2b;

    color: #fff;
}

.av-side-cta > span {
    display: block;

    margin-bottom: 12px;

    color: #B82A65;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.4px;
}

.av-side-cta h4 {
    margin: 0 0 24px;

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

    font-size: 19px;

    font-weight: 600;

    line-height: 1.4;

    color: #fff;
}

.av-side-cta .av-update-btn {
    border-color: rgba(255,255,255,.2);
}


/* =========================================================
   RELATED UPDATES
   ========================================================= */

.av-related-updates {
    margin-bottom: 60px;
}

.av-related-title {
    margin: 0 0 30px;

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

    font-size: 32px;

    font-weight: 600;

    color: #071b2b;
}


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

@media (max-width: 1199.98px) {

    .av-detail-layout {
        gap: 40px;
    }

    .av-detail-content {
        padding: 45px 40px;
    }

}


@media (max-width: 991.98px) {

    .av-detail-image {
        height: 380px;
    }

    .av-detail-layout {
        grid-template-columns: 1fr;
    }

    .av-detail-sidebar {
        flex-direction: row;

        flex-wrap: wrap;
    }

    .av-side-widget,
    .av-side-cta {
        flex: 1 1 300px;
    }

}


@media (max-width: 767.98px) {

    .av-detail-header {
        text-align: left;
    }

    .av-detail-meta {
        justify-content: flex-start;
    }

    .av-detail-image {
        height: 260px;

        margin-bottom: 40px;
    }

    .av-detail-content {
        padding: 30px 22px;
    }

    .av-detail-content h3 {
        font-size: 22px;
    }

    .av-detail-gallery {
        grid-template-columns: 1fr;
    }

    .av-detail-content blockquote {
        padding: 25px 22px !important;
    }

    .av-detail-footer {
        flex-direction: column;

        align-items: flex-start;
    }

    .av-detail-nav {
        grid-template-columns: 1fr;
    }

    .av-nav-next {
        justify-content: flex-start;

        text-align: left;
    }

    .av-detail-sidebar {
        flex-direction: column;
    }

    .av-related-title {
        font-size: 26px;
    }

}


@media (max-width: 575.98px) {

    .av-detail-image {
        height: 220px;
    }

    .av-detail-content {
        padding: 25px 18px;
    }

    .av-nav-item {
        padding: 18px;
    }

}