/*

Theme Name: Consulo Creative Business Consulting Template

Theme URI: https://consulo-html.vercel.app/

Author: Spree Themes

Author URI: https://themeforest.net/user/spreethemes/portfolio

Description: Consulo is a creative business consulting template designed for corporate entities and professional businesses.

Version: 1.0.4

*/

* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box; }



body {

  color: var(--color-foreground);

  background: var(--color-background);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin: 0;

  min-height: 100svh; }



html {

  /* Firefox */

  scrollbar-width: thin;

  scroll-behavior: smooth; }



.scroll-lock {

  overflow: hidden; }



#drawer-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9;

  background-color: rgba(0, 0, 0, 0.3); }



#drawer-overlay:not(.show) {

  display: none; }



@media (max-width: 991px) {

  #drawer-overlay {

    display: none; } }



img,

picture,

video,

canvas,

iframe {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-width: 100%;

  aspect-ratio: attr(width)/attr(height); }



svg {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-width: 100%; }



iframe,

img {

  width: 100%;

  height: auto; }



input,

textarea,

select {

  font: inherit;

  border-radius: var(--style-border-radius-inputs); }



textarea,

input,select {

  color: var(--color-input-text);

  background-color: var(--color-input-background);

  border: var(--style-border-width-inputs) solid var(--color-input-border);

  outline: none; }



textarea:focus,

textarea:hover,

input:focus,

input:hover {

  color: var(--color-input-hover-text);

  background-color: var(--color-input-hover-background);

  border-color: var(--color-input-hover-border); }



/* override ios and firefox defaults */

/*select {

  background-color: var(--color-background);

  color: currentcolor; }
*/


dialog {

  background-color: var(--color-background);

  color: var(--color-foreground); }



p,

h1,

h2,

h3,

h4,

h5,

h6 {

  overflow-wrap: break-word;

  margin: 0;

  padding: 0; }



p:empty {

  display: none; }



:is(p, h1, h2, h3, h4, h5, h6):first-child,

:empty:first-child + :where(p, h1, h2, h3, h4, h5, h6) {

  -webkit-margin-before: 0;

  margin-block-start: 0; }



:is(p, h1, h2, h3, h4, h5, h6):last-child,

:where(p, h1, h2, h3, h4, h5, h6) + :has(+ :empty:last-child) {

  -webkit-margin-after: 0;

  margin-block-end: 0; }



/* Focus */

.focus-inset {

  outline-offset: calc(var(--focus-outline-width) * -1); }



.svg-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }



/* Typography */

.heading {

  color: var(--color-foreground-heading);

  font-weight: var(--font-heading--weight);

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

  font-style: var(--font-heading--style);

  letter-spacing: normal; }



.heading-color {

  color: var(--color-foreground-heading); }



.subheading {

  color: var(--color-foreground-subheading);

  font-weight: 500;

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

  font-style: normal;

  letter-spacing: normal; }



.subheading-bg {

  background-color: var(--color-background-subheading);

  letter-spacing: normal;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 7px 20px;

  border-radius: 40px;

  border: 1px solid var(--color-border-subheading-bg);

  gap: 5px; }



.text {

  letter-spacing: normal;

  font-weight: var(--font-body--weight);

  color: var(--color-foreground);

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

  font-style: var(--font-body--style); }



h1,

.h1 {

  font-size: var(--font-h1--size);

  line-height: 1.16; }



h2,

.h2 {

  font-size: var(--font-h2--size);

  line-height: 1; }



h3,

.h3 {

  font-size: var(--font-h3--size);

  line-height: 1; }



h4,

.h4 {

  font-size: var(--font-h4--size);

  line-height: 1.2; }



h5,

.h5 {

  font-size: var(--font-h5--size);

  line-height: 1.3; }



h6,

.h6 {

  font-size: var(--font-h6--size);

  line-height: 1.4; }



.text-260 {

  font-size: 260px;

  line-height: 1;

  letter-spacing: 32px; }



.text-180 {

  font-size: 180px;

  line-height: 1; }



.text-90 {

  font-size: 90px;

  line-height: 1.15; }



.text-80 {

  font-size: 80px;

  line-height: 1.17; }



.text-64 {

  font-size: 64px;

  line-height: 1.2; }



.text-51 {

  font-size: 51px;

  line-height: 1.2; }



.text-50 {

  font-size: 50px;

  line-height: 1.2; }



.text-36 {

  font-size: 36px;

  line-height: 1.2; }



.text-32 {

  font-size: 32px;

  line-height: 1.2; }



.text-30 {

  font-size: 30px;

  line-height: 1.2; }



.text-28 {

  font-size: 28px;

  line-height: 1.2; }



.text-24 {

  font-size: 24px;

  line-height: 1.25; }



.text-22 {

  font-size: 22px;

  line-height: 1.3; }



.text-20 {

  font-size: 20px;

  line-height: 1.3; }



.text-18 {

  font-size: 18px;

  line-height: 1.55; }



.text-16 {

  font-size: 16px;

  line-height: 1.62; }



.text-14 {

  font-size: 14px;

  line-height: 1.62; }



.text-12 {

  font-size: 12px;

  line-height: 1; }



.fw-300 {

  font-weight: 300; }



.fw-400 {

  font-weight: 400; }



.fw-500 {

  font-weight: 500; }



.fw-600 {

  font-weight: 600; }



.fw-700 {

  font-weight: 700; }



.blue-section .media-wrap {

  height: 310px;

  display: flex;

  align-items: center;

}



.bs-content {

  margin-left: -40px;

}



@media (max-width: 1440px) {

  .text-260 {

    font-size: 210px; }

  .text-180 {

    font-size: 150px; } }



@media (max-width: 1399px) {

  .text-180 {

    font-size: 120px; }

  .text-90 {

    font-size: 70px; }

  .text-80 {

    font-size: 60px; }

  .text-64 {

    font-size: 54px; }

  .text-50 {

    font-size: 44px; } }



@media (max-width: 1199px) {

  .text-260 {

    font-size: 180px;

    letter-spacing: 24px; }

  .text-180 {

    font-size: 100px; } }



@media (max-width: 991px) {

  .text-260 {

    font-size: 130px;

    letter-spacing: 20px; }

  .text-90,

  .text-80 {

    font-size: 60px; }

  .text-64 {

    font-size: 50px; }

  .text-50 {

    font-size: 40px; }

  .text-180 {

    font-size: 80px; } }



@media (max-width: 767px) {

  .text-260 {

    font-size: 60px;

    letter-spacing: 12px; }

  .text-180 {

    font-size: 60px; }

  .text-90,

  .text-80 {

    font-size: 50px; }

  .text-64 {

    font-size: 42px; }

  .text-50 {

    font-size: 38px; }

  .text-36 {

    font-size: 32px; }

  .text-32 {

    font-size: 30px; }

  .text-30 {

    font-size: 28px; }

  .text-28 {

    font-size: 24px; }

  .text-24 {

    font-size: 22px; }

  .text-22 {

    font-size: 20px; }

  .text-20 {

    font-size: 18px; }

  .text-18 {

    font-size: 16px; } }



/* Icons */

.icon-80 {

  min-width: 80px;

  height: 80px; }



.icon-62 {

  min-width: 62px;

  height: 62px; }



.icon-50 {

  min-width: 50px;

  height: 50px; }



.icon-32 {

  min-width: 32px;

  height: 32px; }



.icon-28 {

  min-width: 28px;

  height: 28px; }



.icon-24 {

  min-width: 24px;

  height: 24px; }



.icon-20 {

  min-width: 20px;

  height: 20px; }



.icon-18 {

  min-width: 18px;

  height: 18px; }



.icon-14 {

  min-width: 14px;

  height: 14px; }



@media (max-width: 767px) {

  .icon-80 {

    min-width: 60px;

    height: 60px; }

  .icon-62 {

    min-width: 48px;

    height: 48px; } }



/* Buttons */

.button {

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  min-height: var(--style-button-height);

  font-size: var(--font-button-size);

  font-weight: var(--font-button--weight);

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

  font-style: normal;

  line-height: 1.4;

  letter-spacing: normal;

  padding: 10px 10px 10px 30px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 10px;

  cursor: pointer;

  text-decoration: none;

  border: none;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.button-without-icon {

  padding: 10px 30px; }



.button-without-icon.button--slim {

  padding: 10px 15px; }



.button--slim {

  height: var(--style-button-slim-height);

  min-height: var(--style-button-slim-height); }



.button--primary {

  color: var(--color-primary-button-text);

  background-color: var(--color-primary-button-background);

  border: var(--style-border-width-buttons-primary) solid var(--color-primary-button-border);

  border-radius: var(--style-border-radius-buttons-primary); }



.text--primary {

  color: var(--color-primary-button-background);

}



.bg--primary{

  background-color: var(--color-primary-button-background);

}



.button--primary:focus,

.button--primary:hover {

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: var(--color-primary-button-hover-text);

  background-color: var(--color-primary-button-hover-background);

  border: var(--style-border-width-buttons-primary) solid var(--color-primary-button-hover-border); }



.button--secondary {

  color: var(--color-secondary-button-text);

  background-color: var(--color-secondary-button-background);

  border: var(--style-border-width-buttons-secondary) solid var(--color-secondary-button-border);

  border-radius: var(--style-border-radius-buttons-secondary); }



.button--secondary:focus,

.button--secondary:hover {

  color: var(--color-secondary-button-hover-text);

  background-color: var(--color-secondary-button-hover-background);

  border: var(--style-border-width-buttons-secondary) solid var(--color-secondary-button-hover-border); }



.button--outline {

  color: var(--color-secondary-button-text);

  background-color: var(--color-secondary-button-background);

  border: var(--style-border-width-buttons-secondary) solid var(--color-secondary-button-text);

  border-radius: var(--style-border-radius-buttons-secondary); }



.button--outline:focus,

.button--outline:hover {

  color: var(--color-secondary-button-hover-text);

  background-color: var(--color-secondary-button-hover-background);

  border: var(--style-border-width-buttons-secondary) solid var(--color-secondary-button-hover-border); }



.button .svg-wrapper {

  color: var(--color-primary-button-icon);

  background-color: var(--color-primary-button-icon-background);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  min-width: 36px;

  height: 36px;

  border-radius: 100%; }



.button:focus .svg-wrapper,

.button:hover .svg-wrapper {

  color: var(--color-primary-button-hover-icon);

  background-color: var(--color-primary-button-hover-icon-background); }



.button--outline .svg-wrapper {

  color: var(--color-secondary-button-icon);

  background-color: var(--color-secondary-button-icon-background); }



.button--outline:focus .svg-wrapper,

.button--outline:hover .svg-wrapper {

  color: var(--color-secondary-button-hover-icon);

  background-color: var(--color-secondary-button-hover-icon-background); }



.button--secondary .svg-wrapper {

  color: var(--color-secondary-button-icon);

  background-color: var(--color-secondary-button-icon-background); }



.button--secondary:focus .svg-wrapper,

.button--secondary:hover .svg-wrapper {

  color: var(--color-secondary-button-hover-icon);

  background-color: var(--color-secondary-button-hover-icon-background); }



.button--cta {

  font-size: 16px;

  font-weight: 500;

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

  font-style: normal;

  line-height: 1;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 10px;

  cursor: pointer;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  color: var(--color-primary);

  text-decoration: none;

  border-bottom: var(--style-cta-underline-thickness) solid var(--color-primary);

  -webkit-padding-after: var(--style-cta-underline-offset);

  padding-block-end: var(--style-cta-underline-offset); }



.button--cta svg {

  --size: 12px;

  width: var(--size);

  height: var(--size); }



.button--cta:hover {

  color: var(--color-primary-hover);

  border-color: var(--color-primary-hover); }



@media (max-width: 767px) {

  .button {

    min-height: var(--style-button-height-mobile);

    font-size: var(--font-button-size-mobile); }

  .button--slim {

    height: var(--style-button-slim-height-mobile);

    min-height: var(--style-button-slim-height-mobile); } }



.content-absolute {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 999; }



.overlay:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: var(--color-overlay); }



.list-unstyled {

  padding: 0;

  list-style: none;

  margin: 0; }



.border-bottom--theme {

  border-bottom: var(--style-border-width) solid var(--color-border); }



.height-inherit {

  height: inherit; }



.height-100 {

  height: 100%; }



.height-auto {

  min-height: auto;

  height: auto; }



.mt-100 {

  margin-top: 100px; }



.mb-100 {

  margin-bottom: 100px; }



.mt-50 {

  margin-top: 50px; }



.no-box-shadow {

  -webkit-box-shadow: none !important;

  box-shadow: none !important; }



.no-underline {

  text-decoration: none; }



.section-content {

  display: block;

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



.section-headings-horizontal {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  gap: 20px; }



.section-headings-vertical {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  gap: 20px; }



.section-headings-right {

  min-width: -webkit-fit-content;

  min-width: -moz-fit-content;

  min-width: fit-content; }



.section-headings-right > .text + .button {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.headings-width,

.section-headings-left {

  max-width: 645px; }



.headings-width {

  -webkit-margin-start: auto;

  margin-inline-start: auto;

  -webkit-margin-end: auto;

  margin-inline-end: auto; }



.section-headings .subheading + .heading {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.section-headings .promotion-lists,

.section-headings .text-lists,

.section-headings .list-block,

.section-headings .heading + .text {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.section-headings:not(.section-headings-horizontal) .buttons {

  -webkit-margin-before: 50px;

  margin-block-start: 50px; }



.section-headings-sticky {

  --position: calc(var(--header-height) + 40px);

  position: -webkit-sticky;

  position: sticky;

  top: var(--position, 0px); }



.section-padding {

  --padding-top: 100px;

  --padding-bottom: 100px;

  -webkit-padding-before: var(--padding-top);

  padding-block-start: var(--padding-top);

  -webkit-padding-after: var(--padding-bottom);

  padding-block-end: var(--padding-bottom); }



.scroll-margin {

  --scroll-top: calc(var(--header-height) + 40px);

  scroll-margin-block-start: var(--scroll-top, 100px); }



.separetor {

  position: relative;

  padding: 48px 0; }



.separetor:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  background: var(--color-border); }



@media (max-width: 991px) {

  .mt-100 {

    margin-top: 80px; }

    .mb-100 {

  margin-bottom: 80px; }

  .section-padding {

    --padding-top: 80px;

    --padding-bottom: 80px; }

  .section-content {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



@media (max-width: 767px) {

  .mt-100 {

    margin-top: 60px; }

    .mb-100 {

  margin-bottom: 60px; }

  .section-headings .subheading + .heading {

    -webkit-margin-before: 20px;

    margin-block-start: 20px; }

  .section-headings .promotion-lists,

  .section-headings .text-lists,

  .section-headings .list-block,

  .section-headings .heading + .text {

    -webkit-margin-before: 30px;

    margin-block-start: 30px; }

  .section-headings:not(.section-headings-horizontal) .buttons,

  .section-headings .buttons {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .section-headings-horizontal {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: 24px; }

  .section-headings-horizontal .buttons {

    width: 100%; }

  .section-padding {

    --padding-top: 60px;

    --padding-bottom: 60px; }

  .section-headings-right > .text + .button {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



/* drawer opener */

drawer-opener {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  cursor: pointer; }



drawer-opener svg {

  width: 100%;

  height: 100%; }



drawer-opener.menu-close svg {

  width: 30px;

  height: 30px; }



drawer-opener * {

  pointer-events: none; }



.open-sidebar {

  --color-foreground: rgba(255, 255, 255, 1);

  --color-background: rgba(32, 40, 45, 1);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 9px 20px;

  border-radius: 8px;

  gap: 6px;

  color: var(--color-foreground);

  background-color: var(--color-background);

  -webkit-margin-after: 30px;

  margin-block-end: 30px;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  -webkit-margin-start: auto;

  margin-inline-start: auto; }



.open-sidebar svg {

  --size: 20px;

  width: var(--size);

  height: var(--size); }



.menu-open {

  width: 36px;

  height: 36px;

  color: var(--color-foreground); }



.social-icons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 8px; }



.social-link {

  text-decoration: none;

  width: var(--size-social, 44px);

  height: var(--size-social, 44px);

  border-radius: 100%;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }



.visually-hidden {

  position: absolute;

  overflow: hidden;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  border: 0;

  clip: rect(0 0 0 0);

  word-wrap: normal; }



.bg-cover {

  background-repeat: no-repeat;

  background-size: cover; }



.bg-contain {

  background-repeat: repeat;

  background-size: contain; }



.radius18 {

  border-radius: 18px;

  overflow: hidden; }



.radius10 {

  border-radius: 10px;

  overflow: hidden; }



.card-icon-text .svg-wrapper {

  --size: 70px;

  min-width: var(--size, 70px);

  width: var(--size, 70px);

  height: var(--size, 70px); }



.card-icon-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 16px; }



.card-icon-text .heading + .text {

  -webkit-margin-before: 10px;

  margin-block-start: 10px; }



.card-icon-text-horizontal {

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap; }



.service-slider .card-icon-text-horizontal {

  -webkit-margin-before: 20px;

  margin-block-start: 20px;

  gap: 30px; }



@media (max-width: 1279px) {

  .card-icon-text .svg-wrapper {

    --size: 60px; } }



@media (max-width: 767px) {

  .radius18 {

    border-radius: 10px; } }



@media (min-width: 2000px) {

  .bg-contain {

    background-repeat: no-repeat;

    background-size: cover; } }



.infinite-rotate {

  -webkit-animation: inifinte-rotation 20s infinite linear;

  animation: inifinte-rotation 20s infinite linear; }



@-webkit-keyframes inifinte-rotation {

  from {

    -webkit-transform: rotate(0deg); }

  to {

    -webkit-transform: rotate(360deg); } }



@keyframes inifinte-rotation {

  from {

    -webkit-transform: rotate(0deg); }

  to {

    -webkit-transform: rotate(360deg); } }



.overflow-hidden {

  overflow: hidden; }



.media-wrapper {

  position: relative;

  height: 100%; }



.iframe-wrapper,

.media {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  overflow: hidden; }



.media-bg {

  z-index: -1; }



.iframe-wrapper iframe,

.media img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover; }



.scroll-to-top {

  --size: 50px;

  position: fixed;

  width: var(--size);

  height: var(--size);

  bottom: 20px;

  right: 20px;

  opacity: 0;

  pointer-events: none;

  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

  z-index: 10;

  cursor: pointer;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: #1c2539;

  border-radius: 50%;

  -webkit-box-shadow: 0px 4px 22px rgba(255, 255, 255, 0.5);

  box-shadow: 0px 4px 22px rgba(255, 255, 255, 0.5); }



.scroll-to-top.show {

  opacity: 1;

  pointer-events: auto; }



.scroll-lock .scroll-to-top {

  display: none; }



.scroll-to-top svg {

  --size: 22px;

  color: #fff;

  width: var(--size);

  height: var(--size); }



@media (max-width: 767px) {

  .scroll-to-top {

    --size: 40px; }

  .scroll-to-top svg {

    --size: 20px; } }



/* Swiper Slider */

.swiper-button-prev:after,

.swiper-button-next:after {

  content: none; }



.swiper:not(.swiper-initialized) {

  opacity: 0; }



.swiper-button-prev,

.swiper-button-next {

  color: var(--swiper-navigation-color);

  background-color: var(--swiper-navigation-background-color); }



.swiper-button-prev:focus,

.swiper-button-prev:hover,

.swiper-button-next:focus,

.swiper-button-next:hover {

  color: var(--swiper-navigation-hover-color);

  background-color: var(--swiper-navigation-hover-background-color); }



.swiper-nav-inner > * {

  --size: 44px;

  --color-border: rgba(28, 37, 57, 0);

  --style-border-width: 1px;

  position: static;

  width: var(--size);

  height: var(--size);

  border-radius: 100%;

  border: var(--style-border-width) solid var(--color-border);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  margin: 0; }



.swiper-nav-inner > *:focus,

.swiper-nav-inner > *:hover {

  --color-border: rgba(28, 37, 57, 1); }



.swiper-nav-inner svg {

  width: var(--swiper-navigation-size);

  height: var(--swiper-navigation-size); }



.swiper-nav-border {

  --margin-top: 60px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-margin-before: var(--margin-top);

  margin-block-start: var(--margin-top);

  position: relative; }



.swiper-nav-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  gap: 24px;

  position: relative;

  z-index: 2;

  background: #fff;

  padding: 0 20px; }



.swiper-nav-border:after {

  --color-border: rgba(93, 102, 111, 1);

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  height: 1px;

  background: var(--color-border);

  width: 90%; }



@media (max-width: 767px) {

  .swiper-nav-border {

    --margin-top: 40px; }

  .swiper-nav-inner > * {

    --size: 36px; }

  .swiper-nav-inner {

    gap: 16px; } }



/* container */

.product-grid {

  row-gap: 30px; }



.container-narrow {

  max-width: 1000px; }



@media (min-width: 1280px) {

  .container-fluid {

    max-width: 1680px;

    -webkit-padding-start: 3rem;

    padding-inline-start: 3rem;

    -webkit-padding-end: 3rem;

    padding-inline-end: 3rem; } }



@media (max-width: 991px) {

  .container,

  .container-md,

  .container-sm {

    max-width: 100%; } }



@media (min-width: 768px) and (max-width: 991px) {

  .container,

  .container-fluid,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl,

  .container-xxl {

    --bs-gutter-x: 3rem; } }



@media (max-width: 767px) {

  .product-grid {

    row-gap: 24px; } }



.decorated-text {

  position: relative;

  display: inline-block;

  padding: 6px 12px;

  outline: 1.5px solid var(--color-foreground-heading);

  outline-offset: -9px; }



.decorated-text::before,

.decorated-text::after {

  content: "";

  position: absolute;

  width: 8px;

  height: 8px;

  background: var(--color-foreground-heading); }



.decorated-text::before {

  top: 0;

  left: 0; }



.decorated-text::after {

  bottom: 0;

  right: 0; }



.decorated-text span::before,

.decorated-text span::after {

  content: "";

  position: absolute;

  width: 8px;

  height: 8px;

  background: var(--color-foreground-heading); }



.decorated-text span::before {

  top: 0;

  right: 0; }



.decorated-text span::after {

  bottom: 0;

  left: 0; }



.accordion-block {

  --color-background: rgba(242, 242, 242, 1);

  border-radius: 10px;

  background-color: var(--color-background);

  overflow: hidden; }



.accordion-opener {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 32px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 24px 20px;

  cursor: pointer; }



.accordion-block.active .accordion-opener {

  --color-background: rgba(28, 37, 57, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  background-color: var(--color-background);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.accordion-content {

  max-height: 0;

  -webkit-transition: max-height 0.3s ease-in-out;

  -o-transition: max-height 0.3s ease-in-out;

  transition: max-height 0.3s ease-in-out; }



.accordion-content-inner {

  padding: 24px 20px; }



.accordion-opener .svg-wrapper {

  --color-background: rgba(32, 40, 45, 1);

  min-width: 30px;

  height: 30px;

  background-color: var(--color-background);

  border-radius: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.accordion-block.active .accordion-opener .svg-wrapper {

  --color-background: rgba(255, 255, 255, 1);

  -webkit-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.accordion-opener .svg-wrapper svg {

  --color-foreground: rgba(255, 255, 255, 1);

  color: var(--color-foreground); }



.accordion-block.active .accordion-opener .svg-wrapper svg {

  --color-foreground: rgba(32, 40, 45, 1);

  color: var(--color-foreground); }



@media (max-width: 767px) {

  .accordion-opener {

    gap: 24px;

    padding: 24px 15px; }

  .accordion-content-inner {

    padding: 24px 15px; } }



/*---- Video ----*/

.video {

  --color-foreground: rgba(255, 255, 255, 0.7);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-primary-button-text: rgba(32, 40, 45, 1);

  --color-primary-button-background: rgba(255, 255, 255, 1);

  --color-primary-button-border: rgba(255, 255, 255, 1);

  position: relative;

  min-height: 530px; }



.video .content {

  max-width: 546px;

  -webkit-margin-start: auto;

  margin-inline-start: auto;

  -webkit-margin-end: auto;

  margin-inline-end: auto; }



.video .video-wrap {

  -webkit-margin-before: 70px;

  margin-block-start: 70px;

  display: block; }



.video-modal {

  display: none;

  position: fixed;

  inset: 0;

  background: rgba(0, 0, 0, 0.8);

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  z-index: 1000; }



.video-modal.active {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.video-modal-inner {

  --color-border: rgba(32, 40, 45, 1);

  position: relative;

  width: 90%;

  max-width: 900px;

  border: 5px solid var(--color-border); }



.video-frame {

  -o-object-fit: contain;

  object-fit: contain;

  height: auto; }



.close {

  --color-background: rgba(50, 113, 124, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  position: absolute;

  top: -16px;

  right: -16px;

  cursor: pointer;

  color: var(--color-foreground);

  background: var(--color-background);

  min-width: 30px;

  height: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 100%; }



.hero-slider {

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1);

  --slider-nav-height: 120px;

  min-height: 100vh; }



.hero-slider-wrapper {

  display: block; }



.slider-card {

  position: relative;

  -webkit-padding-before: var(--slider-nav-height);

  padding-block-start: var(--slider-nav-height);

  -webkit-padding-after: var(--slider-nav-height);

  padding-block-end: var(--slider-nav-height); }



.with-floating-header .slider-card {

  -webkit-padding-before: calc(var(--header-height) + 60px);

  padding-block-start: calc(var(--header-height) + 60px);

  -webkit-padding-after: calc(var(--header-height) + 60px);

  padding-block-end: calc(var(--header-height) + 60px); }



.slider-card .content-box {

  max-width: 772px; }



.slider-card-4 .content-box {

  max-width: 1000px; }



.slider-card-4 .heading-color {

  --color-foreground-heading: rgba(130, 180, 255, 1); }



.slider-media {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%; }



.slider-media img {

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

  height: 100%; }



.slider-nav {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  bottom: 0;

  left: 0;

  z-index: 99;

  width: 100%;

  height: var(--slider-nav-height); }



.slider-nav .swiper-button-next,

.slider-nav .swiper-button-prev {

  position: static;

  z-index: 10;

  cursor: pointer;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin: 0;

  width: 50%;

  height: inherit;

  color: var(--swiper-navigation-color);

  background-color: var(--swiper-navigation-background-color);

  border: none;

  outline: none;

  border-top: 1px solid var(--color-border);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.slider-nav .swiper-button-next:hover,

.slider-nav .swiper-button-prev:hover {

  color: var(--swiper-navigation-hover-color);

  background-color: var(--swiper-navigation-hover-background-color);

  border-top: 1px solid var(--color-border-hover); }



.slider-nav .swiper-button-next svg,

.slider-nav .swiper-button-prev svg {

  width: 32px;

  height: 32px; }



hero-slider {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.slider-card {

  height: 100%; }



.slider-animation > * {

  opacity: 0;

  -webkit-transform: translate3d(0, 100px, 0);

  transform: translate3d(0, 100px, 0);

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  -o-transition-property: opacity, transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  -webkit-transition-duration: 1.5s;

  -o-transition-duration: 1.5s;

  transition-duration: 1.5s;

  -webkit-transition-delay: 0.1s;

  -o-transition-delay: 0.1s;

  transition-delay: 0.1s; }



.slider-animation > *:nth-child(2) {

  -webkit-transition-delay: 0.3s;

  -o-transition-delay: 0.3s;

  transition-delay: 0.3s; }



.slider-animation > *:nth-child(3) {

  -webkit-transition-delay: 0.6s;

  -o-transition-delay: 0.6s;

  transition-delay: 0.6s; }



.slider-animation > *:nth-child(4) {

  -webkit-transition-delay: 0.8s;

  -o-transition-delay: 0.8s;

  transition-delay: 0.8s; }



.swiper-slide-active .slider-animation > * {

  opacity: 1;

  -webkit-transform: translateZ(0);

  transform: translateZ(0); }



.slider-media {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



.slider-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1; }



@media (max-width: 1600px) {

  .hero-slider {

    --slider-nav-height: 80px; } }



@media (max-width: 1280px) {

  .hero-slider {

    --slider-nav-height: 60px; }

  .hero-slider-3 {

    min-height: 640px; } }



@media (max-width: 767px) {

  .slider-nav .swiper-button-next svg,

  .slider-nav .swiper-button-prev svg {

    width: 28px;

    height: 28px; }

  .with-floating-header .slider-card {

    -webkit-padding-before: calc(var(--header-height) + 40px);

    padding-block-start: calc(var(--header-height) + 40px);

    -webkit-padding-after: calc(var(--header-height) + 40px);

    padding-block-end: calc(var(--header-height) + 40px); } }



.header-1 {

  --header-radius: 0;

  --color-background: rgba(28, 37, 57, 0);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-primary-hover: rgba(255, 255, 255, 0.6);

  --color-border: rgba(255, 255, 255, 0.2);

  --style-border-width: 1px;

  background: var(--color-background);

  border-bottom: var(--style-border-width) solid var(--color-border); }



.header-2 {

  --top: 30px;

  --header-radius: 100px;

  --header-padding: 0 24px;

  --color-background: rgba(255, 255, 255, 1);

  --color-foreground: rgba(28, 37, 57, 1);

  --color-primary-hover: rgba(28, 37, 57, 0.6);

  --color-border: rgba(0, 0, 0, 0.06); }



.header-3 {

  --header-radius: 0;

  --header-padding: 0;

  --color-background: rgba(28, 37, 57, 1);

  --color-primary-button-background: rgba(255, 255, 255, 1);

  --color-primary-button-text: rgba(28, 37, 57, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-primary-hover: rgba(255, 255, 255, 0.6);

  --color-border: rgba(0, 0, 0, 0.06);

  --color-primary-button-icon: rgba(255, 255, 255, 1);

  --color-primary-button-icon: rgba(255, 255, 255, 1);

  --color-primary-button-icon-background: rgba(28, 37, 57, 1);

  background: var(--color-background); }



.header-4 {

  border-bottom: none; }



.header-3 .menu-open,

.header-1 .menu-open {

  --color-foreground: rgba(28, 37, 57, 1); }



.header-1.header-floating:hover,

.header-1.header-sticky.scrolled-past-header {

  --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3);

  --color-background: rgba(28, 37, 57, 1);

  border-bottom: var(--style-border-width) solid rgba(255, 255, 255, 0); }



.header-3.header-floating:hover,

.header-3.header-sticky.scrolled-past-header {

  --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3);

  --color-background: rgba(28, 37, 57, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  border-bottom: var(--style-border-width) solid rgba(255, 255, 255, 0); }



.header-floating {

  position: fixed;

  top: var(--top, 0);

  left: 0;

  width: 100%;

  z-index: 9; }



sticky-header[data-sticky-type="always"] {

  position: -webkit-sticky;

  position: sticky;

  top: 0;

  z-index: 9; }



.header-3 .header-grid {

  background: inherit; }



.header-grid {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 290px 1fr 290px;

  grid-template-columns: 290px 1fr 290px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  gap: 20px;

  background: var(--color-background);

  border-radius: var(--header-radius);

  padding: var(--header-padding); }



.header-2 .header-grid {

  -ms-grid-columns: 300px 1fr 260px;

  grid-template-columns: 300px 1fr 260px;

  border: var(--style-border-width) solid var(--color-border); }



.header-2.header-floating:hover .header-grid,

.header-2.header-sticky.scrolled-past-header .header-grid {

  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }



.header-logo {

  max-width: 300px;

  text-decoration: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.header-actions {

  justify-self: flex-end;

  gap: 24px;

  color: var(--color-foreground); }



.header-search {

  --color-border: rgba(255, 255, 255, 1);

  --style-border-width: 2px;

  min-width: 52px;

  width: 52px;

  height: 52px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border: var(--style-border-width) dotted var(--color-border);

  border-radius: 50%;

  opacity: 0.6;

  -webkit-transition: opacity 0.3s;

  -o-transition: opacity 0.3s;

  transition: opacity 0.3s;

  cursor: pointer; }



.header-search:focus,

.header-search:hover {

  opacity: 1; }



.header-separator {

  --color-border: rgba(255, 255, 255, 1);

  color: var(--color-border); }



.header-actions .header-search svg {

  width: 24px;

  height: 24px; }



.header-2 .header-actions > .button {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex; 

  font-size: 14px;

  padding-left: 20px;

}



@media (min-width: 992px) {

  .header-1 .header-nav {

    border-left: 1px solid var(--color-border);

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

  .header-4 .header-nav {

    border-left: none;

    border-right: none; }

  .header-nav {

    position: relative; } }



@media (max-width: 1365px) {

  .header-grid {

    -ms-grid-columns: 240px 1fr 240px;

    grid-template-columns: 240px 1fr 240px; }

  .header-2 .header-grid {

    -ms-grid-columns: (auto)[3];

    grid-template-columns: repeat(3, auto); }

  .header-actions {

    gap: 20px; }

  .header-3 .header-actions > .button,

  .header-2 .header-actions > .button {

    display: none; }

  .header-separator {

    display: none; } }



@media (max-width: 1279px) {

  .header-grid {

    -ms-grid-columns: 200px 1fr 200px;

    grid-template-columns: 200px 1fr 200px; }

  .header-2 .header-grid {

    -ms-grid-columns: (auto)[3];

    grid-template-columns: repeat(3, auto); }

  .header-actions .header-search {

    min-width: 36px;

    width: 36px;

    height: 36px; }

  .header-actions .header-search svg {

    width: 18px;

    height: 18px; }

  .header-actions .button--slim {

    -webkit-padding-start: 18px;

    padding-inline-start: 18px;

    gap: 8px; }

  .header-actions .button--slim .svg-wrapper {

    min-width: 30px;

    height: 30px; }

  .header-logo {

    max-width: 160px; } }



@media (max-width: 991px) {

  .header-grid {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 12px 0; }

  .header-2 .header-grid {

    padding: 15px; } }



@media (max-width: 767px) {

  .header-logo {

    max-width: 130px; }

  .header-2 {

    --top: 20px; } }



.submenu-color {

  --submenu-radius: 8px;

  --submenu-padding: 10px;

  --color-background: rgba(255, 255, 255, 1);

  --color-foreground: rgba(32, 40, 45, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1);

  --color-primary: rgba(32, 40, 45, 1);

  --color-primary-background: rgba(240, 237, 239, 0);

  --color-primary-hover: rgba(32, 40, 45, 1);

  --color-primary-background-hover: rgba(233, 233, 233, 1); }



.menu-link {

  color: var(--color-foreground);

  padding: 0;

  font-size: var(--font-nav-main);

  font-weight: 500;

  border: none;

  text-decoration: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 7px;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.nav-item:focus > .menu-link,

.nav-item:hover > .menu-link {

  color: var(--color-primary-hover); }



.menu-link-main > svg {

  position: relative;

  top: 1px; }



.menu-link-main {

  padding: 37.5px 20px; 

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

}



.nav-item {

  position: relative; }



.header-submenu {

  background: var(--color-background);

  width: 100%; }



.header-submenu > * {

  padding: var(--submenu-padding) 0; }



.nav-item-static {

  position: static; }



.header-submenu .nav-item {

  display: block;

  position: relative;

  padding: 0 var(--submenu-padding); }



.header-submenu .menu-link {

  color: var(--color-primary);

  background: var(--color-primary-background);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  padding: 7px 17px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  border-radius: var(--submenu-radius);

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }



.header-megamenu .nav-item .menu-link {

  padding: 15px 17px; }



.header-megamenu .nav-item .submenu-lists .menu-link {

  padding: 7px 17px; }



.header-submenu .menu-link > svg {

  -webkit-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  transform: rotate(-90deg); }



.menu-link.megamenu-image-wrap,

.header-submenu .nav-item.megamenu-links .menu-link,

.header-submenu .nav-item:focus > .menu-link,

.header-submenu .nav-item:hover > .menu-link {

  color: var(--color-primary-hover);

  background: var(--color-primary-background-hover); }



.reset-submenu {

  padding: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  background: transparent;

  width: auto; }



.header-megamenu > * > .nav-item {

  padding: 30px 20px 10px; }



.megamenu-links .menu-link {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex; }



.menu-link .heading + .text {

  -webkit-margin-before: 4px;

  margin-block-start: 4px;

  opacity: 0.75; }



.menu-link.heading {

  background: transparent !important;

  letter-spacing: 2.5px; }



.header-submenu .nav-item.megamenu-links .menu-link {

  padding: 5px 15px 7px; }



.header-submenu .nav-item.megamenu-links .menu-link > svg {

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

  position: relative;

  top: 1px; }



.header-megamenu .nav-item.megamenu-links > * {

  text-decoration: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 7px; }



.megamenu-image-wrap .content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 20px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  -webkit-margin-before: 15px;

  margin-block-start: 15px; }



.megamenu-image-wrap .content .button {

  --color-primary-button-icon: rgba(255, 255, 255, 1);

  --color-primary-button-icon-background: rgba(28, 37, 57, 1);

  --color-primary-button-hover-icon: rgba(28, 37, 57, 1);

  --color-primary-button-hover-icon-background: rgba(255, 255, 255, 1);

  padding: 0;

  min-height: 1px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.megamenu-image-wrap:focus .content .button .svg-wrapper,

.megamenu-image-wrap:hover .content .button .svg-wrapper {

  color: var(--color-primary-button-hover-icon);

  background: var(--color-primary-button-hover-icon-background); }



.submenu-lists .menu-link {

  letter-spacing: normal; }



.header-submenu.submenu-lists .nav-item .menu-link {

  padding: 7px 17px; }



.megamenu-image-wrap img {

  border-radius: 6px; }



@media (min-width: 992px) {

  .menu-absolute {

    position: absolute;

    top: 100%;

    left: 0; }

  .header-grandmenu {

    left: 100%;

    top: 0; }

  .header-submenu {

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    border-radius: var(--submenu-radius);

    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    min-width: 160px;

    opacity: 0;

    visibility: hidden; }

  .header-megamenu {

    width: 100%; }

  .nav-item:hover > .menu-absolute {

    opacity: 1;

    visibility: visible; }

  .reset-submenu > .nav-item {

    padding: 0; }

  .header-megamenu > * {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 0;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; }

  .header-megamenu > * > .nav-item {

    width: calc(50% - var(--submenu-padding) / 2);

    max-width: calc(50% - var(--submenu-padding) / 2); }

  .header-megamenu .menu-link {

    display: inline-block; }

  .nav-item.megamenu-links {

    width: 100%;

    max-width: 100%;

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

    -webkit-margin-before: 24px;

    margin-block-start: 24px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    gap: 24px;

    padding: 20px; }

  .header-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center; } }



@media (max-width: 1600px) {

  .menu-link-main {

    padding: 28px 15px; } }



@media (max-width: 1365px) {

  .menu-link-main {

    padding: 28px 12px; } }



@media (max-width: 991px) {

  .header-nav {

    --color-background: rgba(242, 242, 242, 1);

    --color-foreground: rgba(32, 40, 45, 1);

    --color-foreground-heading: rgba(28, 37, 57, 1);

    --color-primary: rgba(32, 40, 45, 1);

    --color-primary-background: rgba(240, 237, 239, 0);

    --color-primary-hover: rgba(32, 40, 45, 1);

    --color-primary-background-hover: rgba(233, 233, 233, 1);

    position: fixed;

    right: 0;

    top: 0;

    background: var(--color-background);

    z-index: 10;

    width: 100%;

    height: 100%;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

    overflow-y: auto; }

  .header-nav.show {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  .header-menu > * {

    width: 100%; }

  .menu-link-main {

    padding: 12px 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; }

  .header-menu > .nav-item .menu-link-main {

    border-top: 1px solid rgba(0, 0, 0, 0.15); }

  .menu-link {

    border-bottom: 1px solid rgba(0, 0, 0, 0); }

  .menu-link.active {

    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

  .menu-link > svg {

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s; }

  .menu-link.active > svg {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg); }

  .header-megamenu > * > .nav-item {

    padding: 0 15px 20px; }

  .header-submenu .nav-item.megamenu-links {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    gap: 12px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

  .nav-item > .header-submenu:not(.reset-submenu) {

    max-height: 0;

    overflow: hidden;

    -webkit-transition: max-height 0.3s ease-in-out;

    -o-transition: max-height 0.3s ease-in-out;

    transition: max-height 0.3s ease-in-out; }

  .header-submenu {

    background: inherit; }

  .header-nav-headings {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 20px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 15px; }

  .header-nav-headings .svg-wrapper {

    color: #000;

    width: 44px;

    height: 44px;

    margin-right: -10px; }

  .menu-link * {

    pointer-events: none; }

  .header-megamenu .nav-item .menu-link > .heading {

    width: 100%; } }



.modal-search {

  --modal-input-height: 50px;

  --color-background: linear-gradient(

    184.15deg,

    rgba(28, 37, 57, 40%) -187.51%,

    #1c2539 96.62%

  );

  --color-foreground: rgba(255, 255, 255, 1);

  --color-input-background: rgba(255, 255, 255, 0);

  --color-input-text: rgba(255, 255, 255, 1);

  --color-input-border: rgba(255, 255, 255, 1);

  --color-input-hover-background: rgba(255, 255, 255, 0);

  --color-input-hover-text: rgba(255, 255, 255, 1);

  --color-input-hover-border: rgba(255, 255, 255, 1);

  --color-primary-button-background: rgba(255, 255, 255, 0);

  --color-primary-button-hover-background: rgba(255, 255, 255, 0);

  --color-primary-button-icon: rgba(255, 255, 255, 1);

  --color-primary-button-icon-background: rgba(255, 255, 255, 0);

  --color-primary-button-hover-icon: rgba(255, 255, 255, 1);

  --color-primary-button-hover-icon-background: rgba(255, 255, 255, 0); }



.theme-modal {

  --modal-header-height: 60px;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: var(--color-background);

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  transform: translateY(-100%);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  z-index: 9; }



.theme-modal.show {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0); }



.theme-drawer {

  --padding-drawer: 24px;

  position: fixed;

  top: 0;

  background: var(--color-background);

  z-index: 10;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-transform: translateX(100%);

  -ms-transform: translateX(100%);

  transform: translateX(100%); }



.drawer-additional {

  --color-background: rgba(242, 242, 242, 1);

  --color-foreground: rgba(32, 40, 45, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1);

  --color-primary: rgba(32, 40, 45, 1);

  --color-primary-background: rgba(240, 237, 239, 0);

  --color-primary-hover: rgba(32, 40, 45, 1);

  --color-primary-background-hover: rgba(233, 233, 233, 1);

  background: var(--color-background); }



.drawer-headings {

  --color-border: rgba(0, 0, 0, 0.1);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: var(--padding-drawer, 15px);

  border-bottom: var(--style-border-width) solid var(--color-border); }



.drawer-content {

  padding: var(--padding-drawer, 15px); }



.drawer-content .drawer-heading {

  -webkit-margin-after: 10px;

  margin-block-end: 10px; }



.drawer-additional .drawer-content .drawer-heading {

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }



.drawer-additional-menu .menu-link {

  padding: 5px 0;

  font-size: 22px; }



.drawer-additional-menu .menu-link:not(.no-hover):focus,

.drawer-additional-menu .menu-link:not(.no-hover):hover {

  opacity: 0.75; }



.drawer-additional-menu .menu-link svg {

  width: 24px;

  height: 24px;

  min-width: 24px;

  -webkit-margin-end: 7px;

  margin-inline-end: 7px; }



.drawer-block-contact {

  -webkit-margin-before: 80px;

  margin-block-start: 80px; }



.drawer-block-contact .menu-link {

  font-size: 18px; }



.theme-drawer[data-position="right"] {

  right: 0;

  -webkit-transform: translateX(100%);

  -ms-transform: translateX(100%);

  transform: translateX(100%); }



.theme-drawer.show[data-position="right"],

.header-nav.show {

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0); }



.modal-container {

  width: 100%;

  height: 100%;

  padding: 15px; }



.modal-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  height: var(--modal-header-height); }



.modal-header .svg-wrapper {

  width: 36px;

  height: 36px; }



.modal-header .svg-wrapper svg {

  width: 30px;

  height: 30px; }



.modal-main {

  width: 100%;

  height: calc(100% - var(--modal-header-height)); }



.theme-modal .form-search label {

  display: block;

  text-align: center;

  width: 100%;

  -webkit-margin-after: 30px;

  margin-block-end: 30px; }



.theme-modal .search-close {

  -webkit-transform: scale(0.2);

  -ms-transform: scale(0.2);

  transform: scale(0.2);

  -webkit-transition: 1s;

  -o-transition: 1s;

  transition: 1s; }



.theme-modal.show .search-close {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1); }



.form-search {

  width: 0%;

  max-width: 900px;

  margin: 0 auto;

  border-bottom: var(--style-border-width) solid var(--color-border);

  -webkit-transition: 1s;

  -o-transition: 1s;

  transition: 1s; }



.theme-modal.show .form-search {

  width: 100%; }



.form-search .button {

  padding: 0;

  width: var(--modal-input-height);

  height: var(--modal-input-height);

  min-height: var(--modal-input-height);

  border: none; }



.form-search input {

  border: none;

  outline: none;

  height: var(--modal-input-height);

  width: calc(100% - var(--modal-input-height));

  -webkit-padding-end: 15px;

  padding-inline-end: 15px; }



.form-search input::-webkit-input-placeholder {

  color: var(--color-input-text); }



.form-search input::-moz-placeholder {

  color: var(--color-input-text); }



.form-search input:-ms-input-placeholder {

  color: var(--color-input-text); }



.form-search input:-moz-placeholder {

  color: var(--color-input-text); }



@media (min-width: 768px) {

  .modal-header .svg-wrapper {

    -webkit-margin-end: 5px;

    margin-inline-end: 5px; }

  .theme-drawer {

    max-width: 480px; }

  .form-search {

    -webkit-transition: 2s;

    -o-transition: 2s;

    transition: 2s; } }



@media (max-width: 991px) {

  .form-search {

    max-width: 700px; }

  .drawer-block {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .drawer-additional-menu .menu-link {

    font-size: 16px; } }



.accordion-title {

  cursor: pointer; }



.accordion-title * {

  pointer-events: none; }



.accordion-li {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column; }



.accordion-contents {

  max-height: 0;

  overflow: hidden;

  -webkit-transition: max-height 0.3s ease-in-out;

  -o-transition: max-height 0.3s ease-in-out;

  transition: max-height 0.3s ease-in-out; }



@media (min-width: 992px) {

  .accordion-horizontal .accordion-li {

    min-width: var(--width);

    width: var(--width);

    overflow: hidden;

    -webkit-transition: width 0.4s ease, min-width 0.4s ease;

    -o-transition: width 0.4s ease, min-width 0.4s ease;

    transition: width 0.4s ease, min-width 0.4s ease; }

  .accordion-horizontal .accordion-li.active {

    width: 100%;

    min-width: 420px; } }



@media (max-width: 991px) {

  .accordion-title {

    width: 100%;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; } }



form textarea,

form input ,
form select {

  width: 100%;

  padding: 0 15px;

  min-height: 54px; }

label{
  color: #fff;
  margin-bottom: 6px;
}
.contact-form .field{
  margin-bottom: -14px;
}
form textarea {

  padding: 20px 15px; }



.form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 20px; }



.form > * {

  width: 100%; }



.contact-box-headings + form {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.contact-box {

  background: #fff;

  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  overflow: hidden;

  position: relative;

  z-index: 1; }



.contact-form-wrap {

  padding: 40px; }



.contact-media {

  height: 400px; }



.contact-media img {

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%; }



.contact-form .form-button {

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }

.contact-form  .field-flex{
  display: flex;
  gap: 10px;
}
.contact-form  .field-flex-inner-1 div{

  width: 50%;

}
.contact-form  .field-flex-inner-2 div{

 width: 33%;

}
.contact-form h4 {
  color: #fff;
  font-weight: 600;
  margin-top: 15px;
}
.contact-form .field select{
  width: 100%;
  padding: 10px 40px 10px 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("https://cdn-icons-png.flaticon.com/512/32/32195.png") no-repeat right 15px center;
  background-size: 14px;
  cursor: pointer;
}
.form-newsletter {

  --width-button: 54px;

  position: relative; }



.newsletter-button {

  position: absolute;

  right: 4px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  border-radius: 8px;

  height: calc(100% - 8px);

  min-height: calc(100% - 8px);

  width: var(--width-button);

  min-width: var(--width-button);

  padding: 0; }



.newsletter-button .svg-wrapper {

  --color-primary-button-icon: rgba(255, 255, 255, 1);

  --color-primary-button-icon-background: rgba(28, 37, 57, 0);

  --color-primary-button-hover-icon: rgba(32, 40, 45, 1);

  --color-primary-button-hover-icon-background: rgba(28, 37, 57, 0);

  min-width: 24px;

  height: 24px; }



.form-newsletter input {

  -webkit-padding-end: calc(var(--width-button) + 10px);

  padding-inline-end: calc(var(--width-button) + 10px); }



@media (min-width: 768px) {

  .form {

    gap: 24px; }

  .form > .w-half {

    width: calc(50% - 24px / 2); } }



@media (min-width: 992px) {

  .contact-media {

    height: 100%; } }



@media (max-width: 767px) {

  form textarea,

  form input {

    min-height: 48px; }

  .contact-box-headings + form {

    -webkit-margin-before: 30px;

    margin-block-start: 30px; }

  .contact-form-wrap {

    padding: 30px 15px; }

  .contact-media {

    height: 300px; } }



.text-lists .text-item {

  --color-foreground: rgba(28, 37, 57, 1); }



.text-lists .text-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 14px; }



.text-lists .text-item svg {

  min-width: 28px;

  height: 28px; }



.text-lists .text-item:not(:first-child) {

  -webkit-margin-before: 18px;

  margin-block-start: 18px; }



.image-text .media-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  position: relative; }



.image-text .media-wrap img {

  -o-object-fit: contain;

  object-fit: contain; }



.image-text .video-wrap img {

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%; }

.bs-content {
  margin-left: 0px;
  margin-bottom: 40px;
}


.video-wrap .button.open-video,

.image-text .button.open-video {

  padding: 0;

  width: 70px;

  height: 70px;

  min-height: 70px; }



.list-block .text-item {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 0;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  max-width: 225px;

  margin: 0; }



.list-block .text-item svg {

  min-width: 60px;

  height: 60px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.list-block .title {

  -webkit-margin-before: 32px;

  margin-block-start: 32px; }



.list-block .text {

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }



.list-block {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 30px; }



.list-block .text-item {

  -webkit-margin-before: 0;

  margin-block-start: 0; }



.image-small {

  position: absolute;

  right: 0;

  bottom: 30px;

  z-index: 2;

  border-radius: 10px;

  background: rgba(255, 255, 255, 0.6);

  -webkit-backdrop-filter: blur(60px);

  backdrop-filter: blur(60px);

  -webkit-box-shadow: 0px 30px 90px 0px #041f1f4d;

  box-shadow: 0px 30px 90px 0px #041f1f4d; }



.image-small img {

  border-radius: inherit; }



.text-image-sticky .section-headings-right {

  min-width: auto; }



.text-image-sticky .image-text-card {

  position: -webkit-sticky;

  position: sticky;

  padding: 60px 40px;

  background-color: var(--color-background); }



.text-image-sticky .image-text-card {

  --position: calc(var(--header-height) + var(--top, 40px));

  background-color: var(--color-background);

  top: var(--position); }



.text-image-sticky .image-text-card:nth-child(1) {

  --color-background: rgba(239, 238, 251, 1);

  --top: 40px; }



.text-image-sticky .image-text-card:nth-child(2) {

  --color-background: rgba(235, 250, 165, 1);

  --top: 100px; }



.text-image-sticky .image-text-card:nth-child(3) {

  --color-background: rgba(212, 230, 233, 1);

  --top: 160px; }



.text-image-sticky-2 .image-text-card:nth-child(3),

.text-image-sticky-2 .image-text-card:nth-child(2),

.text-image-sticky-2 .image-text-card:nth-child(1) {

  --color-border: rgba(28, 37, 57, 0.7);

  --color-background: rgba(255, 255, 255, 1);

  padding: 0;

  border-top: 2px solid var(--color-border);

  padding-top: 40px;

  margin-top: 40px; }



.text-image-sticky-2 .image-text-card:nth-child(2) {

  --top: 40px; }



.image-text-video .headings-width {

  max-width: 950px;

  -webkit-margin-start: 0;

  margin-inline-start: 0; }



@media (min-width: 992px) {

  .image-text .content {

    -webkit-padding-start: 32px;

    padding-inline-start: 32px; } }



@media (min-width: 1400px) {

  .image-text .content {

    -webkit-padding-start: 55px;

    padding-inline-start: 55px; } }



@media (max-width: 991px) {

  .image-text .content {

    -webkit-padding-before: 60px;

    padding-block-start: 60px; }

  .list-block .text-item svg {

    min-width: 48px;

    height: 48px; }

  .text-image-sticky .image-text-card {

    padding: 48px 24px; } }



@media (max-width: 767px) {

  .image-text .content {

    -webkit-padding-before: 40px;

    padding-block-start: 40px; }

  .text-image-sticky .image-text-card {

    padding: 32px 16px; }

  .image-text .button.open-video {

    width: 60px;

    height: 60px;

    min-height: 60px; }

  .image-text-video .heading {

    font-size: 30px; } }



@media (max-width: 575px) {

  .image-small img {

    max-width: 140px; } }



.hero-banner .swiper-button-prev,

.hero-banner .swiper-button-next {

  --swiper-navigation-size: 44px;

  --swiper-navigation-color: rgba(28, 37, 57, 1);

  --swiper-navigation-background-color: rgba(255, 255, 255, 1);

  --swiper-navigation-hover-color: rgba(255, 255, 255, 1);

  --swiper-navigation-hover-background-color: rgba(28, 37, 57, 1); }



.hero-banner {

  --padding-block-start: 100px;

  --padding-block-bottom: 100px;

  min-height: 100vh;

  -webkit-padding-before: var(--padding-block-start);

  padding-block-start: var(--padding-block-start);

  -webkit-padding-after: var(--padding-block-bottom);

  padding-block-end: var(--padding-block-bottom);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  overflow: hidden; }



.hero-banner-2 {

  --color-secondary-button-border: rgba(32, 40, 45, 1);

  overflow: hidden; }



.hero-banner-2 .section-headings-left {

  max-width: 560px; }



.hero-banner-2 .text-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  gap: 6px; }



.hero-banner-2 .text-wrapper .heading {

  line-height: 0.9; }



.hero-banner-2 .buttons {

  margin-top: 40px; }



.hero-banner.with-floating-header {

  --padding-block-start: calc(var(--header-height) + 60px + 60px);

  --padding-block-bottom: calc(var(--header-height)); }



.hero-banner-2.with-floating-header {

  --padding-block-start: calc(var(--header-height) + 60px);

  --padding-block-bottom: 0;

  -webkit-padding-before: var(--padding-block-start);

  padding-block-start: var(--padding-block-start);

  -webkit-padding-after: var(--padding-block-bottom);

  padding-block-end: var(--padding-block-bottom); }



.hero-banner .content > .buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 30px; }



.hero-phone-call {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 14px;

  text-decoration: none;

  color: var(--color-foreground); }



.hero-phone-call svg {

  min-width: 44px;

  height: 44px; }



.banner-slider {

  display: block;

  position: relative; }



.hero-banner .main-img {

  position: relative;

  border-radius: 10px; }



.thumb-slider {

  -webkit-padding-start: 12%;

  padding-inline-start: 12%;

  -webkit-padding-end: 12%;

  padding-inline-end: 12%;

  position: relative;

  -webkit-margin-before: -12%;

  margin-block-start: -12%;

  z-index: 2; }



.hero-banner .thumb-img {

  border-radius: 10px;

  overflow: hidden; }



.hero-banner .thumb-img:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: transparent;

  border-radius: 10px;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  cursor: pointer; }



.hero-banner .swiper-slide-thumb-active .thumb-img:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: var(--color-overlay);

  border-radius: 10px;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.hero-banner .thumb-img,

.hero-banner .main-img img {

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%; }



.hero-banner .main-img img {

  -webkit-mask-image: url(../img/slider/subtract.png);

  mask-image: url(../img/slider/subtract.png);

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-size: 100%;

  mask-size: 100%; }



.hero-banner.who-we-are .main-img img {

  -webkit-mask-image: url(../img/slider/subtract-2.png);

  mask-image: url(../img/slider/subtract-2.png);

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-size: 100%;

  mask-size: 100%; }



.hero-banner .banner-badge {

  position: absolute;

  top: 12px;

  left: 0;

  z-index: 2;

  width: 24%;

  height: 24%;

  border-radius: 100%; }



.hero-banner.who-we-are .banner-badge {

  left: auto;

  right: 0; }



.hero-banner .banner-badge img {

  border-radius: inherit; }



.hero-banner .swiper-button-prev,

.hero-banner .swiper-button-next {

  width: var(--swiper-navigation-size);

  height: var(--swiper-navigation-size);

  color: var(--swiper-navigation-color);

  background: var(--swiper-navigation-background-color);

  border-radius: 100%;

  z-index: 9;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.hero-banner .swiper-button-prev:focus,

.hero-banner .swiper-button-prev:hover,

.hero-banner .swiper-button-next:focus,

.hero-banner .swiper-button-next:hover {

  color: var(--swiper-navigation-hover-color);

  background-color: var(--swiper-navigation-hover-background-color); }



.hero-banner .swiper-button-prev svg,

.hero-banner .swiper-button-next svg {

  width: 16px;

  height: 16px; }



.hero-banner .swiper-button-prev {

  left: 8.5%;

  right: auto; }



.hero-banner .swiper-button-next {

  right: 8.5%;

  left: auto; }



.with-fixed-bg .slider-card {

  height: 100vh;

  min-height: inherit; }



.with-fixed-bg .slider-media {

  -webkit-clip-path: inset(0);

  clip-path: inset(0); }



.with-fixed-bg .slider-media img {

  position: fixed; }



.text-banner {

  --color-background: rgba(28, 37, 57, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1);

  --color-secondary-button-hover-border: rgb(255, 255, 255, 0.3); }



.text-banner-inner {

  --padding: 60px;

  background-color: var(--color-background);

  padding: var(--padding); }



.text-banner .section-headings .text {

  max-width: 800px; }



.hero-banner-2 .banner-wrapper {

  position: relative;

  min-height: 720px; }



.hero-banner-2 .banner-wrapper-100vh {

  position: relative;

  min-height: inherit; }



.hero-banner-2 .running-content .content-inner {

  padding: 20px 0; }



.hero-banner-2 .content-absolute {

  z-index: 1; }



.hero-banner .counter-up {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.hero-banner .counter-up .heading + .text {

  -webkit-margin-before: 16px;

  margin-block-start: 16px; }



.hero-banner.who-we-are {

  padding: 0;

  min-height: auto;

  padding-top: 12px; }



.hero-banner-2.about-us-2 .content-box {

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-border: rgba(255, 255, 255, 0.4);

  width: 100%;

  padding: 40px; }



.hero-banner-2.about-us-2 .content-box .section-headings {

  border-top: 1px solid var(--color-border);

  padding-top: 40px;

  margin-top: 40px; }



.hero-slider.height-auto {

  min-height: auto; }



@media (min-width: 992px) {

  .hero-banner.who-we-are .row {

    --bs-gutter-x: 40px; } }



@media (max-width: 1199px) {

  .has-large-text .image-logo {

    height: 96px;

    width: 96px; } }



@media (max-width: 991px) {

  .banner-slider {

    -webkit-margin-before: 50px;

    margin-block-start: 50px; }

  .hero-banner-2 .section-headings-horizontal {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: 30px; }

  .hero-banner-2 .section-headings-left {

    max-width: 100%; } 



  }



@media (max-width: 767px) {

  .hero-banner {

    --padding-block-start: 60px;

    --padding-block-bottom: 60px; }

  .text-banner-inner {

    --padding: 40px 15px; }

  .hero-banner.with-floating-header {

    --padding-block-start: calc(var(--header-height) + 40px); }

  .hero-banner .swiper-button-prev,

  .hero-banner .swiper-button-next {

    --swiper-navigation-size: 36px; }

  .hero-banner .swiper-button-prev svg,

  .hero-banner .swiper-button-next svg {

    width: 14px;

    height: 14px; }

  .hero-banner .content > .buttons {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start; }

  .hero-banner-2 .buttons {

    margin-top: 30px; }

  .has-large-text .image-logo {

    height: 60px;

    width: 60px; }

  .running-content.has-large-text .content-item,

  .running-content.has-large-text .content-lists {

    gap: 32px; }

  .hero-banner.who-we-are .text-abs {

    font-size: 36px; }

  .hero-banner-2.about-us-2 .content-box {

    padding: 40px 0; }

  .hero-banner-2.about-us-2 .content-box .section-headings {

    padding-top: 32px;

    margin-top: 32px; } }



.running-content .content-inner {

  overflow: hidden;

  background-color: var(--color-background, rgba(255, 255, 255, 0)); }



.running-content-bg {

  --color-background: rgba(28, 37, 57, 0.1); }



.running-content .logos-background {

  background-image: -webkit-gradient(linear, left top, right top, from(#e1e2ee), color-stop(15%, #1c253900), to(#e3e1ee));

  background-image: -webkit-linear-gradient(left, #e1e2ee, #1c253900 15% 85%, #e3e1ee);

  background-image: -o-linear-gradient(left, #e1e2ee, #1c253900 15% 85%, #e3e1ee);

  background-image: linear-gradient(90deg, #e1e2ee, #1c253900 15% 85%, #e3e1ee);

  inset: 0%; }



.running-content .content-lists {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  white-space: nowrap;

  gap: 80px; }



.running-content .content-lists:hover {

  -webkit-animation-play-state: paused;

  animation-play-state: paused; }



.running-content .content-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  gap: 80px; }



.running-content .content-link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-decoration: none; }



.running-animation {

  will-change: transform;

  -webkit-animation: scroll 20s linear infinite;

  animation: scroll 20s linear infinite; }



.running-content .content-link img {

  -o-object-fit: contain;

  object-fit: contain; }



.running-content.has-large-text .image-logo {

  width: 80px;

  height: auto; }



.brand {

  position: relative; }



.brand-bg {

  background: #e7e7e7; }



.brand-logo {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.brand-logo img {

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content; }



.brand .product-grid {

  row-gap: 40px; }



.running-content.has-bg .content-lists,

.running-content.has-bg {

  --color-background: rgba(28, 37, 57, 1);

  background: var(--color-background); }



.running-content.has-bg .heading {

  --color-foreground-heading: rgba(255, 255, 255, 1); }



@-webkit-keyframes scroll {

  from {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  to {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%); } }



@keyframes scroll {

  from {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  to {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%); } }



@media (max-width: 991px) {

  .running-content .content-item,

  .running-content .content-lists {

    gap: 60px; } }



@media (max-width: 767px) {

  .running-content .content-item,

  .running-content .content-lists {

    gap: 48px; }

  .running-animation {

    -webkit-animation: scroll 5s linear infinite;

    animation: scroll 5s linear infinite; }

  .running-content.has-large-text .image-logo {

    width: 60px; } }



.multicolumn {

  position: relative;

  overflow: hidden; }



.multicolumn.with-bg-color {

  --color-background: rgba(242, 242, 242, 1);

  background-color: var(--color-background); }



.multicolumn.with-bg-color .multicolumn-inner {

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



.multicolumn-card {

  --color-background: rgba(255, 255, 255, 1); }



.multicolumn-page .multicolumn-card {

  --color-background: rgba(242, 242, 242, 1); }



.multicolumn-card .card-icon {

  --color-background: rgba(242, 242, 242, 1); }



.multicolumn-page .multicolumn-card .card-icon {

  --color-background: rgba(255, 255, 255, 1); }



.multicolumn-header {

  text-align: center;

  max-width: 638px;

  -webkit-margin-start: auto;

  margin-inline-start: auto;

  -webkit-margin-end: auto;

  margin-inline-end: auto; }



.multi-col {

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



.multicolumn .multicolumn-card {

  padding: 36px;

  background-color: var(--color-background);

  border-radius: 10px;

  overflow: hidden;

  height: 100%;

  text-decoration: none;

  display: block;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.multicolumn-border .multicolumn-card {

  border: 1px solid #000;

  border-radius: 25px;

}



.multicolumn .multicolumn-card:focus,

.multicolumn .multicolumn-card:hover {

  --color-background: rgba(32, 40, 45, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1); }



.multicolumn .card-icon {

  width: 70px;

  height: 70px;

  color: var(--color-foreground);

  background-color: var(--color-background);

  border-radius: 10px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }



.multicolumn-border .card-icon {

  --color-background: #fff;

}



.multicolumn .multicolumn-card:focus .card-icon,

.multicolumn .multicolumn-card:hover .card-icon {

  --color-foreground: rgba(32, 40, 45, 1);

  --color-background: rgba(255, 255, 255, 1); }



.multicolumn-card:focus .text-lists .text-item,

.multicolumn-card:hover .text-lists .text-item {

  --color-foreground: rgba(255, 255, 255, 1); }



.multicolumn-card > .card-icon + .heading {

  -webkit-margin-before: 44px;

  margin-block-start: 44px; }



.multicolumn-card > .text {

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.multicolumn-card > .text-lists {

  -webkit-margin-before: 32px;

  margin-block-start: 32px; }



.multicolumn-card > .text-lists > li + li {

  -webkit-margin-before: 18px;

  margin-block-start: 18px; }



.multicolumn-card .text-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 4px; }



.multicolumn-card .text-item svg {

  min-width: 24px;

  height: 24px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



@media (max-width: 1279px) {

  .multicolumn .multicolumn-card {

    padding: 36px 24px; } }



@media (max-width: 991px) {

  .multi-col {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



@media (max-width: 767px) {

  .multicolumn .multicolumn-card {

    padding: 24px 16px; }

  .multicolumn-card > .card-icon + .heading {

    -webkit-margin-before: 32px;

    margin-block-start: 32px; }

  .multicolumn.with-bg-color .multicolumn-inner {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



.recent-project {

  overflow: hidden; }



.project-media-button {

  --style-border-width-buttons-primary: 2px;

  --color-primary-button-border: rgba(255, 255, 255, 1);

  --color-background: rgba(32, 40, 45, 1); }



.project-content {

  --color-background: rgba(32, 40, 45, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground: rgba(242, 242, 242, 1); }



.project-button .button--secondary:focus,

.project-button .button--secondary:hover {

  --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3); }



.recent-project .section-headings-right {

  min-width: 450px;

  width: 450px; }



.project-media {

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



.project-img-large {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }



.project-img {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  position: relative; }



.project-img img {

  -o-object-fit: cover;

  object-fit: cover;

  height: auto; }



.project-media-button {

  width: 60px;

  height: 60px;

  border-radius: 100%;

  text-decoration: none;

  position: absolute;

  bottom: -30px;

  z-index: 2;

  padding: 0; }



.project-button .button--secondary:focus,

.project-button .button--secondary:hover {

  color: var(--color-secondary-button-hover-text);

  background-color: var(--color-secondary-button-hover-background);

  border: var(--style-border-width-buttons-secondary) solid var(--color-secondary-button-hover-border); }



.project-media-button svg {

  min-width: 28px;

  height: 28px; }



.project-content {

  max-width: 645px;

  -webkit-margin-start: auto;

  margin-inline-start: auto;

  background-color: var(--color-background);

  padding: 40px;

  -webkit-margin-before: -160px;

  margin-block-start: -160px;

  z-index: 3;

  position: relative; }



.project-grid .card-project img {

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.project-grid .card-project:hover > img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  transform: scale(1.05);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.recent-project .counter-up {

  max-width: 500px; }



.working-process .counter-headings-horizontal {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 24px; }



.working-process .counter-headings-horizontal .text {

  -webkit-margin-before: 16px;

  margin-block-start: 16px; }



.working-process .counter-headings-horizontal + .text {

  -webkit-margin-before: 16px;

  margin-block-start: 16px; }



.working-process .counter-item {

  position: relative; }



.working-process .counter-item:not(:first-child) {

  --color-border: rgba(28, 37, 57, 0.2);

  border-top: 1px solid var(--color-border);

  padding-top: 20px;

  margin-top: 40px; }



.recent-project .counter-up {

  max-width: 500px; }



@media (max-width: 1199px) {

  .project-content {

    max-width: 510px;

    padding: 32px 24px; } }



@media (max-width: 991px) {

  .recent-project .section-headings-horizontal {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

  .recent-project .section-headings-right {

    min-width: 100%; }

  .project-media {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .project-img-small {

    -webkit-margin-before: 48px;

    margin-block-start: 48px; }

  .project-content {

    max-width: 100%;

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .recent-project .counter-up {

    max-width: 100%; } }



@media (max-width: 767px) {

  .project-media-button {

    width: 48px;

    height: 48px;

    bottom: -24px; }

  .project-media-button svg {

    min-width: 20px;

    height: 20px; }

  .project-content {

    padding: 24px 16px 30px; }

  .working-process .counter-item:not(:first-child) {

    padding-top: 16px;

    margin-top: 32px; } }



.our-services {

  --color-background: rgba(32, 40, 45, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(242, 242, 242, 1);

  --color-background-subheading: rgba(255, 255, 255, 0);

  --color-border-subheading-bg: rgba(255, 255, 255, 0.3);

  --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3);

  background: var(--color-background);

  overflow: hidden; }



.our-services-2 {

  --color-background: rgba(228, 226, 239, 0);

  --color-foreground: rgba(28, 37, 57, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1);

  --color-foreground-subheading: rgba(93, 102, 111, 1);

  --color-background-subheading: rgba(255, 255, 255, 0.1);

  --color-border-subheading-bg: rgba(32, 40, 45, 0.1); }



.our-services-2 .multicolumn .multicolumn-card:not(:focus):not(:hover) {

  --color-background: rgba(242, 242, 242, 1); }



.our-services .service-list {

  --color-background: rgba(62, 72, 78, 1);

  --color-primary-button-background: rgb(255, 255, 255, 0);

  --color-primary-button-border: rgba(255, 255, 255, 1);

  background: var(--color-background);

  padding: 40px 36px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }



.our-services .service-content-inner .button {

  padding: 10px;

  min-height: 44px;

  font-size: 16px;

  -webkit-margin-before: 80px;

  margin-block-start: 80px; }



.our-services .service-content-inner .heading {

  -webkit-margin-before: 50px;

  margin-block-start: 50px; }



.our-services .service-content-inner .heading + .text {

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.service-list .accordion-li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden; }



.service-list .accordion-li svg {

  --size: 70px;

  width: var(--size);

  min-width: var(--size);

  height: var(--size); }



.service-list .accordion-li .icon {

  --size: 44px;

  color: var(--color-foreground);

  width: var(--size);

  min-width: var(--size);

  height: var(--size); }



.service-list .accordion-li .accordion-title-icon,

.service-list .accordion-li .accordion-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 15px; }



.service-list .accordion-content {

  --padding: 36px;

  padding: 0 var(--padding); }



.service-list .accordion-li .icon + .icon {

  display: none; }



.service-slider .swiper {

  overflow: visible; }



.service-slider .card-service {

  display: block;

  text-decoration: none; }



.service-slider .card-service img {

  height: 440px;

  -o-object-fit: cover;

  object-fit: cover; }



.service-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {

  --swiper-pagination-color: rgb(39, 61, 109); }



.card-service-content {

  --color-background: rgba(255, 255, 255, 0.8);

  --color-foreground: rgba(28, 37, 57, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1);

  background: var(--color-background);

  padding: 32px 24px;

  border-radius: 18px;

  -webkit-backdrop-filter: blur(20px);

  backdrop-filter: blur(20px);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.card-service-content .card-working-process .has-border {

  --color-border: rgba(255, 255, 255, 0.2); }



.our-services-3 .card-working-process .has-border {

  border-bottom: none;

  -webkit-padding-after: 0;

  padding-block-end: 0; }



.card-service-content .svg-wrapper svg {

  --color-icon: rgba(28, 37, 57, 1);

  color: var(--color-icon); }



.card-service-content-absolute {

  position: absolute;

  bottom: 0;

  left: auto;

  padding: 40px;

  width: 100%; }



.service-slider .card-service:hover .card-service-content {

  --color-background: rgba(28, 37, 57, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-icon: rgba(255, 255, 255, 1); }



.service-slider .card-service:hover .card-service-content .svg-wrapper svg {

  --color-icon: rgba(255, 255, 255, 1); }



.service-content-left .card-icon {

  --color-foreground: rgba(28, 37, 57, 1);

  --color-background: rgba(255, 255, 255, 1);

  width: 50px;

  height: 50px;

  color: var(--color-foreground);

  background-color: var(--color-background);

  border-radius: 10px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }



.service-content-left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 60px 16px;

  height: 100%; }



.service-content-left .headings-width {

  max-width: 790px; }



.service-content-image img {

  height: inherit;

  -o-object-fit: cover;

  object-fit: cover; }



.our-services .service-content-left .service-list {

  background: transparent;

  overflow: hidden;

  padding: 60px 0 48px; }



.service-content-left .multicolumn-card > .card-icon + .heading {

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }



.service-content-left .section-headings .heading + .text {

  -webkit-margin-before: 16px;

  margin-block-start: 16px; }



.service-content-left .service-list .product-grid {

  row-gap: 50px; }



.our-services-3 .card-working-process {

  --color-border: rgba(93, 102, 111, 0.3);

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

  padding: 30px 16px;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  border-radius: 4px; }



.our-services-3 .card-working-process:hover {

  --shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  -webkit-box-shadow: var(--shadow);

  box-shadow: var(--shadow); }



.our-services-3 .card-working-process .svg-wrapper {

  color: var(--color-foreground-heading); }



@media (min-width: 992px) {

  .service-list .service-content-inner {

    max-width: 360px;

    min-width: 360px;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; }

  .service-list .accordion-content {

    height: 100%;

    max-height: unset; }

  .our-services .accordion-li {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row; }

  .our-services .service-list {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    overflow-x: auto; }

  .service-list .accordion-li .accordion-title-icon,

  .service-list .accordion-li .accordion-title {

    gap: 20px;

    padding: 0 50px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 100%; }

  .service-list .accordion-li .accordion-title-icon {

    padding: 0;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; }

  .service-list .accordion-li:first-child .accordion-title {

    -webkit-padding-start: 0;

    padding-inline-start: 0; }

  .service-list .accordion-li:last-child .accordion-title {

    -webkit-padding-end: 0;

    padding-inline-end: 0; }

  .service-list .accordion-li.active .accordion-title {

    display: none; }

  .service-list .accordion-li:not(:first-child) {

    border-left: var(--style-border-width) solid var(--color-border); }

  .service-list .accordion-li:first-child .accordion-content {

    -webkit-padding-start: 0;

    padding-inline-start: 0; }

  .service-list .accordion-li:last-child .accordion-content {

    -webkit-padding-end: 0;

    padding-inline-end: 0; }

  .service-list .text-rotate {

    text-orientation: mixed;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    -webkit-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    transform: rotate(-180deg);

    max-height: 240px; }

  .accordion-content.single-service {

    max-height: -webkit-fit-content;

    max-height: -moz-fit-content;

    max-height: fit-content;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content; } }



@media (max-width: 991px) {

  .service-list .accordion-li {

    width: 100%; }

  .service-list .accordion-content {

    --padding: 0;

    max-height: 0;

    overflow: hidden;

    -webkit-transition: max-height 0.3s ease-in-out;

    -o-transition: max-height 0.3s ease-in-out;

    transition: max-height 0.3s ease-in-out; }

  .service-list .accordion-li.active .icon {

    display: none; }

  .service-list .accordion-li.active .icon + .icon {

    display: block; }

  .service-list .accordion-li svg {

    --size: 60px; }

  .service-list .accordion-li .icon {

    --size: 36px; }

  .our-services .service-content-inner .button {

    -webkit-margin-before: 35px;

    margin-block-start: 35px; }

  .our-services .service-content-inner svg,

  .our-services .service-content-inner .heading {

    display: none; }

  .service-list .accordion-li {

    --padding: 24px; }

  .service-list .accordion-li .accordion-title {

    --padding: 24px;

    padding: var(--padding) 0;

    border-top: var(--style-border-width) solid var(--color-border); }

  .service-list .accordion-li:first-child .accordion-title {

    -webkit-padding-before: 0;

    padding-block-start: 0;

    border-top: none; }

  .service-content-inner {

    --padding: 24px;

    -webkit-padding-after: var(--padding);

    padding-block-end: var(--padding); }

  .our-services .service-content-inner .heading + .text {

    -webkit-margin-before: 0;

    margin-block-start: 0; }

  .our-services .service-list {

    -webkit-padding-after: 12px;

    padding-block-end: 12px; }

  .card-service-content-absolute {

    padding: 24px; }

  .card-service-content {

    padding: 24px 16px; }

  .service-content-left .headings-width {

    max-width: 100%; }

  .service-content-left .service-list .product-grid {

    row-gap: 30px; } }



@media (max-width: 767px) {

  .our-services .service-list {

    padding: 30px 15px; }

  .service-list .accordion-li svg {

    --size: 50px; }

  .service-list .accordion-li .icon {

    --size: 30px; }

  .our-services .accordion-title-icon .heading {

    font-size: 20px; }

  .our-services .service-list {

    -webkit-padding-after: 6px;

    padding-block-end: 6px; }

  .card-service-content-absolute {

    padding: 16px; }

  .our-services .section-headings-horizontal .buttons {

    -webkit-margin-before: 10px;

    margin-block-start: 10px; } }



.secvice-categories > li + li {

  -webkit-margin-before: 14px;

  margin-block-start: 14px; }



.secvice-category {

  text-decoration: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  border-radius: 8px;

  padding: 10px 20px; }



.secvice-category svg {

  --size: 18px;

  width: var(--size);

  height: var(--size);

  opacity: 0;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  -webkit-transform: translateX(-15px);

  -ms-transform: translateX(-15px);

  transform: translateX(-15px); }



.secvice-category.active svg,

.secvice-category:focus svg,

.secvice-category:hover svg {

  opacity: 1;

  -webkit-transform: translateX(0px);

  -ms-transform: translateX(0px);

  transform: translateX(0px); }



.service-contact {

  position: relative; }



.sidebar-widget.service-contact {

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-overlay: rgba(28, 37, 57, 0.8);

  --padding: 60px 36px;

  text-align: center; }



.sidebar-widget.service-contact .contact-text {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.sidebar-widget.service-contact .contact-number {

  display: inline-block;

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.service-sidebar .icon-contact {

  --color-background: rgba(255, 255, 255, 1);

  min-width: 80px;

  height: 80px;

  background: var(--color-background);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 100%;

  -webkit-margin-before: 36px;

  margin-block-start: 36px; }



.service-sidebar .icon-contact svg {

  min-width: 42px;

  height: 42px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.service-download .service-download {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 12px;

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.service-download .download-button {

  -webkit-margin-before: 24px;

  margin-block-start: 24px;

  display: block;

  text-underline-offset: 4px; }



.service-details-content > .service-choose-us,

.service-details-content > p.text,

.service-details-content > .heading {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.service-details-content .choose-us-desc > .text-lists,

.service-details-content .choose-us-desc > .heading + .text {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.service-details-content .choose-us-desc .text-lists .text-item svg {

  --size: 24px;

  min-width: var(--size);

  width: var(--size);

  height: var(--size); }



.service-details-content .choose-us-desc .text-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 6px; }



.service-details-content .choose-us-desc > .text-item + .text-item {

  -webkit-margin-before: 18px;

  margin-block-start: 18px; }



.service-details-content .choose-us-img {

  height: 100%; }



.service-details-content .choose-us-img img {

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%; }



.service-details-content .service-row {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.service-details-content .service-row > * {

  -ms-flex-item-align: stretch;

  -ms-grid-row-align: stretch;

  align-self: stretch; }



.service-details-content .choose-us-desc {

  -webkit-padding-start: 24px;

  padding-inline-start: 24px; }



.service-faq {

  -webkit-margin-before: 40px;

  margin-block-start: 40px;

  display: block; }



.service-faq > div + div {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.service-faq .accordion-block .accordion-opener svg {

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.service-faq .accordion-block.active .accordion-opener svg {

  -webkit-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.service-faq .accordion-block.active .accordion-opener {

  --color-background: rgba(242, 242, 242, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1); }



.service-contact-content a {

  text-decoration: none; }



@media (min-width: 992px) {

  .service-sidebar {

    -webkit-padding-end: 20px;

    padding-inline-end: 20px; } }



@media (min-width: 1280px) {

  .service-sidebar {

    -webkit-padding-end: 45px;

    padding-inline-end: 45px; } }



@media (max-width: 1199px) {

  .service-details-content .choose-us-desc {

    -webkit-padding-start: 0;

    padding-inline-start: 0;

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



@media (max-width: 991px) {

  .service-details-content .choose-us-desc {

    -webkit-padding-start: 24px;

    padding-inline-start: 24px;

    -webkit-margin-before: 0;

    margin-block-start: 0; } }



@media (max-width: 767px) {

  .service-sidebar .icon-contact {

    min-width: 60px;

    height: 60px; }

  .service-sidebar .icon-contact svg {

    min-width: 30px;

    height: 30px; }

  .sidebar-widget.service-contact {

    --padding: 30px 20px; }

  .service-details-content .choose-us-desc {

    -webkit-padding-start: 0;

    padding-inline-start: 0;

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



.promotion {

  --color-background: rgba(32, 40, 45, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1); }



.promotion .counter-item {

  --offset: -30px;

  --size: 220px;

  --color-background: rgba(62, 72, 78, 1); }



.promotion .counter-item:nth-child(2) {

  --color-background: rgba(255, 255, 255, 1);

  --color-foreground: rgba(28, 37, 57, 1);

  --color-foreground-heading: rgba(93, 102, 111, 1); }



.promtion-content .subheading.subheading-bg {

  --color-border: rgba(255, 255, 255, 0.2); }



.promotion .button--secondary:focus,

.promotion .button--secondary:hover {

  --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3); }



.promotion {

  background-color: var(--color-background); }



.promtion-content .subheading.subheading-bg {

  border: 1px solid var(--color-border); }



.promotion-lists {

  --color-background: rgba(62, 72, 78, 1);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  border-radius: 10px;

  overflow: hidden;

  background-color: var(--color-background); }



.promotion-item {

  --color-border: rgba(32, 40, 45, 1);

  padding: 30px 24px;

  width: 50%; }



.promotion-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 16px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.promotion-text {

  -webkit-margin-before: 18px;

  margin-block-start: 18px; }



.promotion-img {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden; }



.promotion-img img {

  -o-object-fit: cover;

  object-fit: cover;

  height: auto; }



.promotion .counter-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: calc(var(--offset) * -1);

  width: var(--size);

  height: var(--size);

  background-color: var(--color-background);

  border-radius: 100%;

  position: relative;

  z-index: 2;

  text-align: center; }



.promotion .counter-item:first-child {

  z-index: 3; }



.promotion .counter-item:last-child {

  z-index: 1; }



.promotion .counter-up .heading + .text {

  -webkit-margin-before: 4px;

  margin-block-start: 4px; }



.counter-up-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }



.promotion-container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 60px; }



.counter-up-box {

  --color-background: rgba(242,242,242,1);

  --color-border: rgba(0, 0, 0, 0.1);

  border: var(--style-border-width) solid var(--color-border);

  padding: 40px 20px;

  background: var(--color-background); }



@media (min-width: 768px) {

  .promotion-item:nth-child(even) {

    border-left: 2px solid var(--color-border); }

  .promotion-item:nth-child(n + 3) {

    border-top: 2px solid var(--color-border); } }



@media (min-width: 992px) {

  .promotion-img {

    height: 100%; }

  .promtion-content {

    -webkit-padding-end: 15px;

    padding-inline-end: 15px; } }



@media (min-width: 1400px) {

  .promotion .counter-item:first-child {

    -webkit-margin-after: var(--offset);

    margin-block-end: var(--offset); }

  .promotion .counter-item:last-child {

    -webkit-margin-before: var(--offset);

    margin-block-start: var(--offset); }

  .promotion-img {

    height: 100%; } }



@media (max-width: 1399px) {

  .promotion-container {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

  .counter-up-wrap {

    width: 100%; }

  .promotion .counter-item:first-child {

    -webkit-margin-end: var(--offset);

    margin-inline-end: var(--offset); }

  .promotion .counter-item:last-child {

    -webkit-margin-start: var(--offset);

    margin-inline-start: var(--offset); }

  .promotion .counter-item {

    padding: calc(var(--offset) * -1 + 10px); }

  .counter-up {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; } }



@media (max-width: 991px) {

  .promotion-img {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .promotion-title br {

    display: none; } }



@media (max-width: 767px) {

  .promotion .counter-item {

    --size: 200px;

    padding: calc(var(--offset) * -1); }

  .promotion .counter-item:first-child {

    -webkit-margin-end: 0;

    margin-inline-end: 0;

    -webkit-margin-after: var(--offset);

    margin-block-end: var(--offset); }

  .promotion .counter-item:last-child {

    -webkit-margin-start: 0;

    margin-inline-start: 0;

    -webkit-margin-before: var(--offset);

    margin-block-start: var(--offset); }

  .counter-up {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column; }

  .promotion-item {

    width: 100%;

    padding: 24px 15px; }

  .promotion-item + .promotion-item {

    border-top: 2px solid var(--color-border); } }



project-slider {

  display: block;

  overflow: hidden; }



project-slider .swiper-slide {

  height: auto; }



.card-project {

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  text-decoration: none;

  position: relative;

  display: block;

  overflow: hidden;

  height: 100%; }



.card-project:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 37, 57, 0)), to(#1c2539));

  background: -webkit-linear-gradient(top, rgba(28, 37, 57, 0) 0%, #1c2539 100%);

  background: -o-linear-gradient(top, rgba(28, 37, 57, 0) 0%, #1c2539 100%);

  background: linear-gradient(180deg, rgba(28, 37, 57, 0) 0%, #1c2539 100%);

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  opacity: 0; }



.card-project:hover:after {

  opacity: 1; }



.card-project img {

  border-radius: inherit;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover; }



.card-project-content-absolute {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  z-index: 1;

  padding: 35px; }



.card-project-content .heading + .text {

  -webkit-margin-before: 10px;

  margin-block-start: 10px; }



.card-project-content {

  opacity: 0;

  -webkit-transform: translateY(80px);

  -ms-transform: translateY(80px);

  transform: translateY(80px);

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



.card-project:hover .card-project-content {

  opacity: 1;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px); }



.icon-project-link {

  position: absolute;

  top: 30px;

  right: 30px;

  z-index: 1;

  opacity: 0;

  -webkit-transform: scale(0.5);

  -ms-transform: scale(0.5);

  transform: scale(0.5);

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s; }



.card-project:hover .icon-project-link {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1); }



.icon-project-link svg {

  --size: 52px;

  width: var(--size);

  height: var(--size); }



@media (max-width: 767px) {

  .card-project-content-absolute {

    padding: 24px; }

  .slider-container .swiper {

    overflow: visible; } }



.project-details-content {

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



.content-details-inner > .project-image-block,

.content-details-inner > .text {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.project-details-content .project-challenge {

  -webkit-margin-before: 60px;

  margin-block-start: 60px;

  max-width: 548px; }



.project-challenge .challenge-list {

  -webkit-margin-before: 34px;

  margin-block-start: 34px; }



.project-challenge .challenge-list > li + li {

  -webkit-margin-before: 32px;

  margin-block-start: 32px; }



.project-challenge .challenge-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 10px; }



.project-info-list {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.project-info-item {

  --color-border: rgba(28, 37, 57, 0.3);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 20px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  border-bottom: dotted var(--style-border-width) var(--color-border);

  -webkit-margin-after: 40px;

  margin-block-end: 40px;

  -webkit-padding-after: 20px;

  padding-block-end: 20px; }



.project-info-item:last-child {

  -webkit-margin-after: 0;

  margin-block-end: 0; }



.project-info-item .info-data {

  text-align: end; }



.project-sidebar {

  -webkit-padding-start: 60px;

  padding-inline-start: 60px; }



.project-sidebar > div + div {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.project-sidebar .icon-contact {

  --color-background: rgba(255, 255, 255, 1);

  min-width: 80px;

  height: 80px;

  background: var(--color-background);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 100%;

  -webkit-margin-before: 36px;

  margin-block-start: 36px; }



@media (max-width: 1366px) {

  .project-sidebar {

    -webkit-padding-start: 40px;

    padding-inline-start: 40px; } }



@media (max-width: 1199px) {

  .project-sidebar {

    -webkit-padding-start: 20px;

    padding-inline-start: 20px; } }



@media (max-width: 991px) {

  .project-sidebar {

    -webkit-margin-before: 40px;

    margin-block-start: 40px;

    -webkit-padding-start: 0px;

    padding-inline-start: 0px; }

  .project-details-content .project-challenge {

    max-width: 100%; } }



@media (max-width: 767px) {

  .project-details-content {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .project-details-content .project-challenge {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



.page-banner {

  --height: 520px;

  --color-overlay: linear-gradient(

    184.15deg,

    rgba(28, 37, 57, 0) -187.51%,

    #1c2539 96.62%

  );

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  position: relative;

  overflow: hidden;

  height: var(--height); }



.page-banner-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  z-index: 1; }



.breadcrumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 12px;

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }



.breadcrumb svg {

  color: var(--color-foreground);

  width: 12px;

  height: 12px; }



.breadcrumb a {

  text-decoration: none; }



.breadcrumb a:not(.active),

.breadcrumb li svg {

  opacity: 0.75; }



@media (max-width: 767px) {

  .page-banner {

    --height: 340px; } }



.pagintaion-list {

  --margin-top: 60px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  gap: 12px;

  -webkit-margin-before: var(--margin-top);

  margin-block-start: var(--margin-top); }



.pagination-left {

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start; }



.pagination-link {

  --size: 44px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-decoration: none;

  font-size: 18px;

  color: var(--pagination-item-foreground);

  background-color: var(--pagination-item-background);

  border: var(--style-pagination-border-width) solid var(--pagination-item-border);

  width: var(--size);

  height: var(--size);

  border-radius: 100%;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.pagination-link svg {

  --size: 14px;

  width: var(--size);

  height: var(--size); }



.pagination-link:not([aria-disabled]):focus,

.pagination-link:not([aria-disabled]):hover,

.pagination-link.active {

  color: var(--pagination-item-active-foreground);

  background-color: var(--pagination-item-active-background);

  border-color: var(--pagination-item-active-border); }



@media (max-width: 767px) {

  .pagintaion-list {

    --margin-top: 40px; }

  .pagination-link {

    --size: 36px; }

  .pagination-link svg {

    --size: 12px; } }



.why-choose-us {

  --color-background: rgba(242, 242, 242, 1);

  --color-foreground: rgba(93, 102, 111, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1);

  --color-foreground-subheading: rgba(93, 102, 111, 1);

  --color-background-subheading: rgba(255, 255, 255, 0);

  --color-border-subheading-bg: rgba(93, 102, 111, 0.3);

  overflow: hidden;

  background-color: var(--color-background);

  position: relative; 

  padding: 50px;

  border-radius: 30px;

}



.choose-media {

  height: 100%; }



.choose-media img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover; }



.choose-logo {

  -webkit-margin-before: 50px;

  margin-block-start: 50px; }



.choose-rotating-logo {

  position: relative; }



.text-abs {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  color: #fff;

  font-size: 48px;

  font-weight: 700; }



.choose-rotating-logo.svg-wrapper {

  --size: 170px;

  min-width: var(--size);

  width: var(--size);

  height: var(--size); }



.choose-bottom {

  --margin-block-start: 60px;

  -webkit-margin-before: var(--margin-block-start);

  margin-block-start: var(--margin-block-start);

  position: relative; }



.choose-bottom-cards > * {

  row-gap: 24px; }



@media (min-width: 768px) {

  .choose-bottom {

    --offset: 300px; }

  .choose-bottom-cards {

    -webkit-margin-end: var(--offset);

    margin-inline-end: var(--offset);

    -webkit-padding-end: 15px;

    padding-inline-end: 15px; }

  .choose-media-absolute {

    position: absolute;

    bottom: 0;

    right: 0;

    width: var(--offset); } }



@media (min-width: 1280px) {

  .choose-us-content {

    -webkit-padding-start: 40px;

    padding-inline-start: 40px; } }



@media (max-width: 991px) {

  .choose-top > * {

    row-gap: 40px; }

  .choose-logo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center; } }



@media (max-width: 767px) {

  .choose-bottom {

    --margin-block-start: 40px; }

  .choose-media-absolute {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



.team-slider {

  display: block;

  position: relative;

  overflow: hidden; }



.team-slider .swiper-slide {

  height: auto; }



.card-team .social-list .svg-wrapper .icon {

  --color-background: rgb(145, 52, 52); }



.card-team {

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  text-decoration: none;

  position: relative;

  display: block;

  overflow: hidden;

  height: 100%; }



.card-team:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 37, 57, 0)), to(#1c2539));

  background: -webkit-linear-gradient(top, rgba(28, 37, 57, 0) 0%, #1c2539 100%);

  background: -o-linear-gradient(top, rgba(28, 37, 57, 0) 0%, #1c2539 100%);

  background: linear-gradient(180deg, rgba(28, 37, 57, 0) 0%, #1c2539 100%);

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  opacity: 0; }



.card-team:hover:after {

  opacity: 1; }



.card-team img {

  border-radius: inherit;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover; }



.card-team-content-absolute {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  z-index: 1;

  padding: 35px; }



.card-team-content .heading {

  text-decoration: none; }



.card-team-content .heading + .text {

  -webkit-margin-before: 7px;

  margin-block-start: 7px; }



.card-team-content {

  opacity: 0;

  -webkit-transform: translateY(80px);

  -ms-transform: translateY(80px);

  transform: translateY(80px);

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



.card-team:hover .card-team-content {

  opacity: 1;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px); }



.card-team .social-list .svg-wrapper {

  position: absolute;

  min-width: 44px;

  height: 44px;

  left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 100%;

  background-color: var(--color-background);

  z-index: 2;

  opacity: 0;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



.card-team .social-list .svg-wrapper:first-child {

  top: 20px; }



.card-team .social-list .svg-wrapper:nth-child(2) {

  top: 72px;

  -webkit-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;

  transition-delay: 0.2s; }



.card-team .social-list .svg-wrapper:nth-child(3) {

  top: 124px;

  -webkit-transition-delay: 0.3s;

  -o-transition-delay: 0.3s;

  transition-delay: 0.3s; }



.card-team:hover .svg-wrapper {

  opacity: 1;

  -webkit-transform: translateX(21px);

  -ms-transform: translateX(21px);

  transform: translateX(21px); }



.card-team .social-list .svg-wrapper svg {

  --color-foreground: rgba(32, 40, 45, 1);

  color: var(--color-foreground); }



.service-slider .swiper-pagination-bullets.swiper-pagination-horizontal,

.team-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  gap: 8px;

  position: static;

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



.service-slider .swiper-pagination-bullet,

.team-slider .swiper-pagination-bullet {

  width: 20px;

  height: 14px;

  display: inline-block;

  border-radius: 10px;

  background: var(--swiper-pagination-bullet-inactive-color);

  opacity: var(--swiper-pagination-bullet-inactive-opacity);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  margin: 0 !important; }



.service-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,

.team-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: var(--swiper-pagination-color);

  width: 40px; }



@media (max-width: 767px) {

  .card-team-content-absolute {

    padding: 24px; }

  .service-slider .swiper-pagination-bullets.swiper-pagination-horizontal,

  .team-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .team-slider .section-headings-horizontal .buttons {

    -webkit-margin-before: 10px;

    margin-block-start: 10px; } }



@media (max-width: 575px) {

  .team-slider .swiper {

    overflow: visible; } }



.pricing-plan {

  overflow: hidden; }



.pricing-plan-page {

  position: relative; }



.pricing-plan-page .card-pricing {

  --color-card-background: rgba(242, 242, 242, 1);

  --color-background: rgba(255, 255, 255, 1); }



.card-pricing {

  --color-card-background: rgba(255, 255, 255, 1);

  --color-background: rgba(242, 242, 242, 1);

  --color-foreground: rgba(32, 40, 45, 1);

  --color-foreground-heading: rgba(32, 40, 45, 1);

  --color-foreground-subheading: rgba(0, 0, 0, 1);

  --color-border: rgba(93, 102, 111, 0.1);

  --style-border-width: 1px;

  background-color: var(--color-background);

  padding: 28px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 40px; }



.card-pricing.active {

  --color-card-background: rgba(32, 40, 45, 1);

  --color-foreground: rgba(242, 242, 242, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1);

  --color-border: rgba(255, 255, 255, 0.3); }



.card-pricing-headings {

  background-color: var(--color-card-background);

  padding: 24px; }



.card-pricing-headings .heading + .text {

  -webkit-margin-before: 10px;

  margin-block-start: 10px; }



.pricing-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  border-top: var(--style-border-width) solid var(--color-border);

  -webkit-padding-before: 24px;

  padding-block-start: 24px;

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }



.pricing-box * {

  line-height: 1; }



.pricing-box .subheading-monthly {

  position: relative;

  top: -10px;

  opacity: 0.75; }



.card-pricing .button {

  padding: 15px;

  width: 100%; }



.card-pricing .buttons svg {

  width: 12px;

  height: 12px; }



.card-pricing .text-lists .text-item {

  --color-foreground: rgba(32, 40, 45, 1); }



.pricing-plan-2 {

  --color-background: rgba(28, 37, 57, 1);

  background: var(--color-background); }



.pricing-plan-2 .card-pricing {

  --color-card-background: rgba(242, 242, 242, 1);

  --color-background: transparent;

  --color-foreground: rgba(32, 40, 45, 1);

  --color-foreground-heading: rgba(32, 40, 45, 1);

  --color-foreground-subheading: rgba(32, 40, 45, 1);

  --color-border: rgba(255, 255, 255, 0.3);

  --style-border-width: 1px;

  background-color: var(--color-background);

  border: var(--style-border-width) solid var(--color-border);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.pricing-plan-2 .card-pricing:hover {

  -webkit-box-shadow: 0px -10px 14px 0px rgba(255, 255, 255, 0.7);

  box-shadow: 0px -10px 14px 0px rgba(255, 255, 255, 0.7);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.pricing-plan-2 .card-pricing.active .card-pricing-headings {

  --color-card-background: rgba(106, 126, 171, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1); }



.pricing-plan-2 .card-pricing .text-lists .text-item {

  --color-foreground: rgba(255, 255, 255, 1); }



.pricing-plan-2 .section-headings {

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1); }



.pricing-plan-2 .card-pricing:not(.active) .pricing-box {

  --color-border: rgba(28, 37, 57, 0.3); }



@media (max-width: 767px) {

  .card-pricing,

  .card-pricing-headings {

    padding: 20px 15px; } }



.testimonial {

  --color-background: rgba(242, 242, 242, 1);

  background-color: var(--color-background); }



.card-testimonial {

  --color-background: rgba(255, 255, 255, 1);

  background-color: var(--color-background);

  padding: 40px; }



.testimonial-card-inner > div + div {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.card-testimonial .rating-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 2px; }



.card-testimonial .rating-list .rating-icon svg[fill] {

  --color-background: rgba(236, 176, 20, 1);

  color: var(--color-background); }



.card-testimonial .rating-list + .text {

  -webkit-margin-before: 16px;

  margin-block-start: 16px; }



.card-testimonial .user-info-wrap {

  -webkit-margin-before: 32px;

  margin-block-start: 32px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 16px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between; }



.card-testimonial .user-info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 20px; }



.card-testimonial .user-img {

  --size: 80px;

  min-width: var(--size);

  width: var(--size);

  height: var(--size);

  border-radius: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden; }



.card-testimonial .user-img img {

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%; }



.card-testimonial .user-info .user-desig {

  -webkit-margin-before: 7px;

  margin-block-start: 7px; }



.card-testimonial .icon-quote {

  --color-background: rgba(28, 37, 57, 1);

  color: var(--color-background); }



.testi-slider .card-testimonial {

  --color-background: rgba(242, 242, 242, 1); }



.testimonial-3 .section-headings {

  --color-background: rgba(50, 113, 124, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  background: var(--color-background);

  padding: 40px;

  border-radius: 18px;

  height: 100%; }



.testicolumn-slider {

  --color-background: rgba(28, 37, 57, 1);

  background: var(--color-background);

  padding: 40px;

  border-radius: 18px;

  display: block; }



.testicolumn-slider .card-testimonial {

  --color-background: rgba(28, 37, 57, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  padding: 0; }



.testicolumn-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {

  --swiper-pagination-color: rgba(50, 113, 124, 1); }



@media (max-width: 991px) {

  .card-testimonial {

    padding: 24px 15px; }

  .testimonial-card-inner {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .testicolumn-slider,

  .testimonial-3 .section-headings {

    padding: 32px 24px; } }



@media (max-width: 767px) {

  .card-testimonial .user-info {

    gap: 16px; }

  .card-testimonial .user-img {

    --size: 60px; }

  .card-testimonial .icon-quote svg {

    width: 36px;

    height: 36px;

    min-width: 36px; }

  .testicolumn-slider,

  .testimonial-3 .section-headings {

    padding: 24px 16px; } }



.testimonial-2 {

  position: relative; }



.testimonial-slider {

  display: block; }



.thumb-content {

  margin-top: 75px; }



.thumb-card > svg + .text {

  -webkit-margin-before: 12px;

  margin-block-start: 12px; }



.thumb-card .user-name {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.thumb-card .user-desig {

  -webkit-margin-before: 10px;

  margin-block-start: 10px;

  opacity: 0.75; }



.thumb-content-wrapper {

  -webkit-padding-start: 100px;

  padding-inline-start: 100px; }



.testicolumn-slider .thumb-content-wrapper {

  padding: 40px;

  --color-background: rgba(28, 37, 57, 1);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1);

  background: var(--color-background);

  color: #fff; }



.testimonial-2 .main-img {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  z-index: 1;

  height: 100%; }



.testimonial-2 .main-img img {

  -o-object-fit: cover;

  object-fit: cover; }



.testimonial-2 .custom-bullet {

  width: 100px;

  height: 100px;

  display: inline-block;

  border-radius: 100%;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0 !important; }



.testimonial-2 .custom-bullet img {

  -o-object-fit: cover;

  object-fit: cover;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.testimonial-2 .swiper-pagination-bullets.swiper-pagination-horizontal {

  bottom: auto;

  top: 50%;

  left: auto;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  right: -50px;

  width: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 30px; }



.testimonial-2 .swiper-pagination-bullet-active {

  --style-pagination-border-width: 2px;

  --pagination-item-active-border: rgba(32, 40, 45, 1);

  background: transparent;

  outline: var(--style-pagination-border-width) solid var(--pagination-item-active-border);

  outline-offset: 10px;

  -webkit-transition: all 0.1s;

  -o-transition: all 0.1s;

  transition: all 0.1s; }



.testimonial-2 .testicolumn-slider .swiper-pagination-bullet-active {

  --pagination-item-active-border: rgba(255, 255, 255, 0.6);

  outline-offset: 7px; }



.testimonial-2

.testicolumn-slider

.swiper-pagination-bullets.swiper-pagination-horizontal {

  bottom: 24px;

  top: auto;

  left: 0;

  right: auto;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 24px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none; }



.testimonial-2 .testicolumn-slider {

  --color-background: transparent;

  padding: 0; }



.testimonial-2 .testicolumn-slider .custom-bullet {

  width: 80px;

  height: 80px; }



@media (max-width: 1199px) {

  .thumb-content-wrapper {

    -webkit-padding-start: 60px;

    padding-inline-start: 60px; } }



@media (max-width: 991px) {

  .testimonial-slider {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .thumb-content-wrapper {

    -webkit-padding-start: 0;

    padding-inline-start: 0; }

  .testimonial-2 .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: -50px;

    top: auto;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    right: auto;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    gap: 30px; }

  .testimonial-2

.testicolumn-slider

.swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: -48px; }

  .testicolumn-slider .thumb-content-wrapper {

    padding: 40px 24px; }

  .testicolumn-slider .thumb-content-wrapper .thumb-content {

    margin: 0; } }



@media (max-width: 767px) {

  .testimonial-2 .custom-bullet {

    width: 80px;

    height: 80px; }

  .testimonial-2 .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: -40px;

    gap: 20px; }

  .testimonial-2 .swiper-pagination-bullet-active {

    outline-offset: 7px; }

  .testimonial-2 .testicolumn-slider .custom-bullet {

    width: 60px;

    height: 60px; }

  .testimonial-2 .testicolumn-slider .swiper-pagination-bullet-active {

    outline-offset: 5px; }

  .testimonial-2

.testicolumn-slider

.swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: -36px; }

  .testicolumn-slider .thumb-content-wrapper {

    padding: 40px 16px; } }



@media (max-width: 575px) {

  .testimonial-2 .custom-bullet {

    width: 60px;

    height: 60px; }

  .testimonial-2 .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: -30px; }

  .testimonial-2 .testicolumn-slider .custom-bullet {

    width: 48px;

    height: 48px; } }



.testimonial.how-we-work {

  --color-background: transparent; }



.how-we-work .card-working-process {

  --color-background: rgba(28, 37, 57, 0.7);

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --position: calc(var(--header-height) + var(--top));

  --top: 40px;

  background: var(--color-background);

  padding: 40px;

  border-radius: 18px;

  position: -webkit-sticky;

  position: sticky;

  top: var(--position);

  -webkit-backdrop-filter: blur(50px);

  backdrop-filter: blur(50px); }



.how-we-work .card-working-process .card-icon-text .svg-wrapper {

  color: var(--color-foreground); }



.how-we-work .card-working-process .has-border {

  border: none; }



.how-we-work .card-working-process .card-icon-text {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start; }



.how-we-work .card-working-process-inner {

  counter-reset: increment-number; }



.how-we-work .card-working-process:after {

  counter-increment: increment-number;

  content: counter(increment-number);

  position: absolute;

  top: 10px;

  right: 30px;

  font-size: 130px;

  color: var(--color-foreground-heading);

  opacity: 0.1;

  line-height: 1;

  -webkit-transform: rotate(10deg);

  -ms-transform: rotate(10deg);

  transform: rotate(10deg);

  font-weight: 700;

  font-style: normal;

  font-family: var(--font-heading-family); }



@media (min-width: 992px) {

  .how-we-work .heading {

    -webkit-padding-end: 30px;

    padding-inline-end: 30px; } }



@media (max-width: 767px) {

  .how-we-work .card-working-process {

    padding: 24px 16px; } }



.card-blog-list-horizontal,

.card-blog-list,

.card-blog {

  --color-background: rgba(242, 242, 242, 1);

  --color-foreground: rgba(93, 102, 111, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1);

  --color-icon: rgba(28, 37, 57, 1);

  --color-primary-button-hover-text: rgba(255, 255, 255, 1);

  --color-primary-button-hover-background: rgba(32, 40, 45, 1);

  --color-foreground-subheading: rgba(242, 242, 242, 1);

  --color-background-subheading: rgba(28, 37, 57, 1);

  --color-border-subheading-bg: rgba(28, 37, 57, 1);

  background-color: var(--color-background); }



.card-blog-list-horizontal,

.card-blog-list {

  --color-primary-hover: rgba(28, 37, 57, 0.75); }



.card-blog-list {

  background-color: transparent; }



.card-blog:hover {

  --color-foreground-subheading: rgba(28, 37, 57, 1);

  --color-background-subheading: rgba(242, 242, 242, 1);

  --color-border-subheading-bg: rgba(242, 242, 242, 1); }



.featured-blog.blog-style-3 .card-blog-list-media {

  --height: 300px

; }



.card-blog-top {

  --padding: 30px 24px 36px;

  padding: var(--padding);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 15px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column; }



.card-blog-heading a {

  text-decoration: none;

  line-height: 1.45; }



.card-blog-meta {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 15px 28px; }



.card-blog-list-horizontal .card-blog-meta {

  gap: 15px 20px; }



.card-blog-meta-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 6px;

  text-decoration: none; }



.card-blog-meta-item svg {

  color: var(--color-icon); }



.card-blog-bottom {

  position: relative;

  height: 300px;

  display: block;

  text-decoration: none;

  overflow: hidden; }



.card-blog .buttons {

  position: absolute;

  bottom: 0;

  width: 100%; }



.card-blog .buttons .button {

  width: 100%;

  border-radius: 0;

  border: none;

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  -o-transition: transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s; }



.card-blog:focus .buttons .button,

.card-blog:hover .buttons .button {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0); }



.card-blog .buttons svg {

  width: 12px;

  height: 12px; }



.card-blog .blog-tag {

  position: absolute;

  top: 20px;

  left: 20px;

  z-index: 1;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.card-blog-list-media {

  -webkit-margin-after: 24px;

  margin-block-end: 24px; }



.card-blog-heading {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.card-blog-heading:hover {

  opacity: 0.75; }



.card-blog-list .card-blog-heading {

  -webkit-margin-before: 15px;

  margin-block-start: 15px; }



.card-blog-list-horizontal .card-blog-heading {

  -webkit-margin-before: 10px;

  margin-block-start: 10px; }



.card-blog-list-horizontal .blog-excerpt,

.card-blog-list .blog-excerpt {

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }



.card-blog-list .buttons {

  -webkit-margin-before: 32px;

  margin-block-start: 32px; }



.card-blog-list-horizontal .buttons {

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }



.card-blog-list-media {

  --height: 500px;

  height: var(--height);

  position: relative; }



.card-blog-list-horizontal {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.card-blog-list-horizontal .card-blog-list-media {

  --height: 100%;

  width: 40%;

  min-width: 252px;

  height: inherit;

  -webkit-margin-after: 0;

  margin-block-end: 0; }



.card-blog-list-horizontal .card-blog-content {

  padding: var(--padding); }



.horizontal-blogs .card-blog-list-horizontal .card-blog-content {

  --padding: 20px 24px; }



.horizontal-blogs .card-blog-list-horizontal + .card-blog-list-horizontal {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.blog-list-wrapper .card-blog-list + .card-blog-list {

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



form.form-blog-search input {

  min-height: 50px; }



form.form-blog-search {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 12px; }



form.form-blog-search .button {

  padding: 10px;

  min-width: 58px;

  border-radius: 8px; }



.blog-category {

  text-decoration: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  border-radius: 8px;

  padding: 10px 20px; }



.sidebar-widget .subheading-bg {

  --color-foreground-subheading: rgba(93, 102, 111, 1);

  --color-background-subheading: rgba(255, 255, 255, 1);

  --color-border-subheading-bg: rgba(255, 255, 255, 1);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.sidebar-widget .subheading-bg.active,

.sidebar-widget .subheading-bg:focus,

.sidebar-widget .subheading-bg:hover {

  --color-foreground-subheading: rgba(255, 255, 255, 1);

  --color-background-subheading: rgba(32, 40, 45, 1);

  --color-border-subheading-bg: rgba(32, 40, 45, 1); }



.blog-category svg {

  --size: 18px;

  width: var(--size);

  height: var(--size);

  opacity: 0;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  -webkit-transform: translateX(-15px);

  -ms-transform: translateX(-15px);

  transform: translateX(-15px); }



.blog-category.active svg,

.blog-category:focus svg,

.blog-category:hover svg {

  opacity: 1;

  -webkit-transform: translateX(0px);

  -ms-transform: translateX(0px);

  transform: translateX(0px); }



.blog-categories > li + li {

  -webkit-margin-before: 14px;

  margin-block-start: 14px; }



.recent-post .card-blog-list-media {

  --height: 160px;

  border-radius: 8px;

  overflow: hidden;

  -webkit-margin-after: 15px;

  margin-block-end: 15px; }



.recent-post .card-blog-list .card-blog-heading {

  -webkit-margin-before: 5px;

  margin-block-start: 5px; }



.recent-post > li + li {

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.sidebar-tags a {

  text-decoration: none;

  font-weight: 400; }



.sidebar-tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 14px 12px; }



.sidebar-filter .sidebar-widget + .sidebar-widget {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.sidebar-heading {

  -webkit-margin-after: 24px;

  margin-block-end: 24px; }



.sidebar-widget {

  --padding: 40px 36px;

  --color-background: rgba(242, 242, 242, 1);

  --color-foreground: rgba(32, 40, 45, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1);

  background-color: var(--color-background);

  padding: var(--padding); }



.sidebar-filter .drawer-headings {

  -webkit-margin-after: 24px;

  margin-block-end: 24px;

  -webkit-padding-start: 0;

  padding-inline-start: 0;

  -webkit-padding-end: 0;

  padding-inline-end: 0;

  border: none; }



@media (min-width: 992px) {

  .blog-sidebar {

    -webkit-padding-start: 20px;

    padding-inline-start: 20px; } }



@media (min-width: 1280px) {

  .blog-sidebar {

    -webkit-padding-start: 45px;

    padding-inline-start: 45px; } }



@media (max-width: 1199px) {

  .horizontal-blogs {

    -webkit-margin-before: 30px;

    margin-block-start: 30px; } }



@media (max-width: 991px) {

  .sidebar-filter {

    --color-background: rgba(255, 255, 255, 1);

    position: fixed;

    top: 0;

    right: 0;

    background-color: var(--color-background);

    width: 100%;

    height: 100%;

    z-index: 999;

    padding: 24px 20px;

    overflow: hidden;

    overflow-y: auto;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s; }

  .sidebar-filter.show {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



@media (min-width: 768px) and (max-width: 991px) {

  .recent-post .card-blog-list-media {

    --height: 300px; } }



@media (max-width: 767px) {

  .card-blog-top {

    --padding: 24px 20px 30px; }

  .card-blog-list-media {

    --height: 360px; }

  .blog-list-wrapper .card-blog-list + .card-blog-list {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .sidebar-widget {

    --padding: 30px 20px; }

  .sidebar-filter .sidebar-widget + .sidebar-widget {

    -webkit-margin-before: 30px;

    margin-block-start: 30px; }

  .horizontal-blogs {

    -webkit-margin-before: 24px;

    margin-block-start: 24px; }

  .horizontal-blogs .card-blog-list-horizontal + .card-blog-list-horizontal {

    -webkit-margin-before: 24px;

    margin-block-start: 24px; }

  .horizontal-blogs {

    -webkit-margin-before: 10px;

    margin-block-start: 10px; }

  .card-blog-list-horizontal {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column; }

  .card-blog-list-horizontal .card-blog-list-media {

    --height: 300px;

    width: 100%;

    min-width: 1px;

    height: var(--height); }

  .horizontal-blogs .card-blog-list-horizontal .card-blog-content {

    --padding: 24px 20px; } }



.blog-details .card-blog-list-media {

  --height: 540px; }



.blog-description * {

  margin: 0; }



.blog-description {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 40px;

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



:is(.blog-description) :is(p, div, a, li, span) {

  font-size: 18px; }



blockquote {

  --icon-size: 60px;

  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 40, 45, 0.1)), to(rgba(32, 40, 45, 0)));

  background: -webkit-linear-gradient(left, rgba(32, 40, 45, 0.1) 0%, rgba(32, 40, 45, 0) 100%);

  background: -o-linear-gradient(left, rgba(32, 40, 45, 0.1) 0%, rgba(32, 40, 45, 0) 100%);

  background: linear-gradient(90deg, rgba(32, 40, 45, 0.1) 0%, rgba(32, 40, 45, 0) 100%);

  font-size: 20px;

  padding: 28px;

  border-radius: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 24px; }



blockquote:before {

  content: url("../img/icons/icon-quote.svg");

  min-width: var(--icon-size);

  width: var(--icon-size);

  height: var(--icon-size); }



.blog-paired-image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  gap: 24px 30px; }



.blog-paired-image img {

  border-radius: 18px;

  width: 100%;

  max-width: calc(50% - 30px / 2); }



.blog-share {

  --color-border: rgba(93, 102, 111, 0.3);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  gap: 30px 20px;

  padding: 18px 0;

  -webkit-margin-before: 60px;

  margin-block-start: 60px;

  border-top: var(--style-border-width) solid var(--color-border);

  border-bottom: var(--style-border-width) solid var(--color-border); }



.blog-share-item {

  --item-padding: 7px 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 14px; }



.blog-share-item .label {

  padding: var(--item-padding); }



.blog-share-item .social-link {

  --size-social: 20px;

  padding: var(--item-padding); }



.blog-share-item .social-icons {

  gap: 14px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.blog-share-item .subheading-bg {

  --color-foreground-subheading: rgba(28, 37, 57, 1);

  --color-background-subheading: rgba(255, 255, 255, 1);

  --color-border-subheading-bg: rgba(93, 102, 111, 0.3);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.blog-share-item .subheading-bg:focus,

.blog-share-item .subheading-bg:hover {

  --color-foreground-subheading: rgba(255, 255, 255, 1);

  --color-background-subheading: rgba(28, 37, 57, 1);

  --color-border-subheading-bg: rgba(28, 37, 57, 1); }



@media (max-width: 767px) {

  .blog-details .card-blog-list-media {

    --height: 300px; }

  :is(.blog-description) :is(p, div, a, li, span) {

    font-size: 16px; }

  blockquote {

    --icon-size: 36px;

    font-size: 18px;

    gap: 16px;

    padding: 24px 20px; }

  .blog-paired-image img {

    border-radius: 10px;

    max-width: 100%; } }



.featured-blog {

  --color-background: rgba(242, 242, 242, 1);

  --color-foreground: rgba(93, 102, 111, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1);

  --color-foreground-subheading: rgba(93, 102, 111, 1);

  --color-background-subheading: rgba(255, 255, 255, 0);

  --color-border-subheading-bg: rgba(93, 102, 111, 0.3);

  background-color: var(--color-background);

  overflow: hidden; }



.featured-blog.has-bg {

  --color-background: rgba(28, 37, 57, 1); }



.featured-blog.has-bg .section-headings {

  --color-background: rgba(28, 37, 57, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-foreground-subheading: rgba(255, 255, 255, 1); }



.featured-blog .card-blog {

  --color-background: rgba(255, 255, 255, 1); }



.featured-blog .buttons-discover {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



@media (max-width: 767px) {

  .featured-blog .buttons-discover {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .featured-blog .section-headings-horizontal .buttons {

    -webkit-margin-before: 10px;

    margin-block-start: 10px; } }



.comments-item {

  --radius: 12px;

  --image-size: 110px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 24px; }



.commentator-img {

  min-width: var(--image-size);

  width: var(--image-size);

  height: var(--image-size);

  border-radius: var(--radius);

  overflow: hidden; }



.commentator-img img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover; }



.button-reply svg {

  width: 16px;

  height: 16px;

  min-width: 16px; }



.button-reply {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 7px;

  cursor: pointer; }



.comments-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between; }



.comments-meta {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 7px; }



.comment-bottom {

  -webkit-margin-before: 20px;

  margin-block-start: 20px; }



.comments-section {

  -webkit-margin-before: 80px;

  margin-block-start: 80px; }



.comment-section-heading {

  -webkit-margin-after: 40px;

  margin-block-end: 40px; }



.comments-item + .comments-item {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.replied-item {

  -webkit-padding-start: calc(var(--image-size) - 10px);

  padding-inline-start: calc(var(--image-size) - 10px); }



.comments-form-headings {

  -webkit-margin-after: 30px;

  margin-block-end: 30px; }



.comments-form-headings .heading + .text {

  -webkit-margin-before: 10px;

  margin-block-start: 10px; }



.comments-form {

  --color-input-text: rgba(93, 102, 111, 1);

  --color-input-background: rgba(242, 242, 242, 1);

  --color-input-border: rgba(242, 242, 242, 1);

  --color-input-hover-text: rgba(93, 102, 111, 1);

  --color-input-hover-background: rgba(242, 242, 242, 1);

  --color-input-hover-border: rgba(242, 242, 242, 1);

  -webkit-margin-before: 80px;

  margin-block-start: 80px; }



@media (max-width: 767px) {

  .comments-item {

    --radius: 8px;

    --image-size: 60px;

    gap: 16px; }

  .comments-form,

  .comments-section {

    -webkit-margin-before: 60px;

    margin-block-start: 60px; } }



.faq .section-headings {

  -webkit-padding-end: 100px;

  padding-inline-end: 100px;

  position: relative;

  height: 100%; }



.faq .accordion-list > div + div {

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.faq .image-absolute {

  position: absolute;

  bottom: -85px;

  right: 25%; }



.faq-row > * {

  -ms-flex-item-align: start;

  align-self: flex-start; }



.faq-2 .section-headings-horizontal {

  padding: 0; }



.faq-2 .section-headings-right {

  min-width: auto;

  max-width: 530px; }



.faq-2 .accordion-block {

  --color-background: transparent;

  border-radius: 0; }



.faq-2 .accordion-opener .svg-wrapper {

  --color-background: transparent; }



.faq-2 .accordion-opener .svg-wrapper svg {

  --color-foreground: rgba(32, 40, 45, 1); }



.faq-2 .accordion-block.active .accordion-opener {

  --color-background: transparent;

  --color-foreground-heading: rgba(32, 40, 45, 1); }



.faq-2 .accordion-opener,

.faq-2 .accordion-block.active {

  --color-border: rgba(32, 40, 45, 0.2);

  border-bottom: 1px solid var(--color-border); }



.faq-2 .button.open-video {

  padding: 0;

  width: 70px;

  height: 70px;

  min-height: 70px; }



.faq-2 .accordion-list > div + div {

  -webkit-margin-before: 0;

  margin-block-start: 0; }



.faq-2 .accordion-opener {

  padding: 32px 20px; }



.faq-2 .video-wrap.section-headings-sticky {

  z-index: 1; }



.faq-form-wrap {

  -webkit-margin-before: 50px;

  margin-block-start: 50px; }



.faq-form {

  --color-background: rgba(242, 242, 242, 1);

  background-color: var(--color-background);

  padding: 40px 30px;

  display: block; }



.faq-form > .field {

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.faq-form > .button {

  -webkit-margin-before: 36px;

  margin-block-start: 36px;

  width: 100%; }



@media (max-width: 1199px) {

  .faq .section-headings {

    -webkit-padding-end: 0;

    padding-inline-end: 0; }

  .faq .image-absolute {

    right: 10%; }

  .faq-form {

    padding: 24px 20px; } }



@media (max-width: 991px) {

  .faq .accordion-list {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .faq-2 .accordion-list {

    -webkit-margin-before: 20px;

    margin-block-start: 20px; }

  .faq .image-absolute {

    bottom: -40px;

    -webkit-padding-end: 0;

    padding-inline-end: 0; }

  .faq-2 .section-headings {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

  .faq-2 .section-headings-right {

    min-width: 100%;

    max-width: 100%; } }



@media (max-width: 767px) {

  .image-absolute img {

    max-width: 90px;

    height: auto; }

  .faq .image-absolute {

    right: 0; }

  .faq-form {

    padding: 24px 15px; }

  .faq-2 .button.open-video {

    width: 60px;

    height: 60px;

    min-height: 60px; } }



.section-contact-form {

  overflow: hidden; }



.section-contact-form .card-icon-text-horizontal {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.contact-form-headings .heading + .text {

  -webkit-margin-before: 15px;

  margin-block-start: 15px; }



.section-contact-form .contact-form {

  -webkit-margin-before: 32px;

  margin-block-start: 32px; }



.section-contact-form .contact-form-wrap {

  --color-background: rgba(32, 40, 45, 1);

  --color-foreground: rgba(242, 242, 242, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-input-text: rgba(93, 102, 111, 1);

  --color-input-background: rgba(255, 255, 255, 1);

  --color-input-border: rgba(255, 255, 255, 1);

  --color-input-hover-text: rgba(93, 102, 111, 1);

  --color-input-hover-background: rgba(255, 255, 255, 1);

  --color-input-hover-border: rgba(255, 255, 255, 1);

  --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3);

  background-color: var(--color-background); }



.section-contact-form .contact-box {

  --padding: 60px;

  -webkit-box-shadow: 5px 8px 30px 4px rgba(23, 36, 38, 0.08);

  box-shadow: 5px 8px 30px 4px rgba(23, 36, 38, 0.08);

  padding: var(--padding); }



.section-contact-form.without-box-shadow .contact-box {

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 0; }



@media (min-width: 992px) {

  .section-contact-form .section-headings {

    max-width: 593px; }

  .section-contact-form .card-icon-text-horizontal {

    -webkit-margin-before: 40px;

    margin-block-start: 40px;

    max-width: 442px; } }



@media (min-width: 1400px) {

  .section-contact-form .col-contact-form {

    width: 520px; }

  .section-contact-form .col-contact-content {

    width: calc(100% - 520px - 30px); } }



@media (max-width: 991px) {

  .section-contact-form .contact-form-wrap {

    -webkit-margin-before: 30px;

    margin-block-start: 30px; }

  .contact-us .contact-form-wrap {

    padding: 32px 0; } }



@media (max-width: 767px) {

  .section-contact-form .contact-box {

    --padding: 40px 15px; }

  .section-contact-form .contact-form-wrap {

    -webkit-margin-before: 20px;

    margin-block-start: 20px; } }



.contact-2 .contact-box {

  -webkit-margin-before: 60px;

  margin-block-start: 60px; }



.contact-2 .section-headings {

  max-width: 840px;

  -webkit-margin-start: auto;

  margin-inline-start: auto;

  -webkit-margin-end: auto;

  margin-inline-end: auto; }



.contact-2 .card-icon-text svg {

  min-width: 28px;

  width: 28px;

  height: 28px;

  color: white; }



.contact-2 .contact-info-list .svg-wrapper {

  --color-background: rgba(32, 40, 45, 1);

  min-width: 60px;

  width: 60px;

  height: 60px;

  background: var(--color-background);

  border-radius: 6px; }



.contact-info-list .content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 5px; }



.contact-2 .card-icon-text .content > .heading {

  opacity: 0.7; }



.contact-2 .google-map {

  --height: 300px;

  border-radius: 12px; }



.contact-2.section-padding {

  --padding-bottom: 32px; }



.contact-2 .contact-social {

  -webkit-margin-before: 50px;

  margin-block-start: 50px; }



.contact-2 .social-link {

  background-color: #1c2539;

  color: #fff;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.contact-2 .social-link:focus,

.contact-2 .social-link:hover {

  background-color: #20325b; }



.contact-2 .social-icons {

  -webkit-margin-before: 16px;

  margin-block-start: 16px;

  gap: 16px; }



.contact-2 .card-icon-text .heading + .text {

  -webkit-margin-before: 3px;

  margin-block-start: 3px; }



.contact-2 .card-icon-text a {

  text-decoration: none;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.contact-2 .card-icon-text a:focus,

.contact-2 .card-icon-text a:hover {

  opacity: 0.75; }



.contact-us .contact-box {

  background: transparent;

  -webkit-box-shadow: none;

  box-shadow: none; }



.team-details .content-info {

  -webkit-padding-start: 80px;

  padding-inline-start: 80px; }



.team-details .content-info .info-desig {

  -webkit-margin-before: 18px;

  margin-block-start: 18px; }



.team-details .content-info .social-icons,

.team-details .content-info .info-desc {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.team-details .content-info .phn-number {

  -webkit-margin-before: 44px;

  margin-block-start: 44px; }



.team-details .content-info .email {

  -webkit-margin-before: 18px;

  margin-block-start: 18px; }



.team-details .content-info .email,

.team-details .content-info .phn-number {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 10px; }



.team-details .social-link {

  --color-background: rgba(242, 242, 242, 1);

  background-color: var(--color-background);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.team-details .social-link:hover {

  --color-background: rgba(28, 37, 57, 1);

  --color-foreground: rgba(255, 255, 255, 1); }



.td-column {

  -ms-flex-item-align: stretch;

  -ms-grid-row-align: stretch;

  align-self: stretch;

  height: auto; }



.td-media-wrap {

  height: 100%;

  position: relative; }



.td-media {

  height: 100%; }



.td-media img {

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%; }



.text-absolute {

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-background: rgba(28, 37, 57, 1);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  background: var(--color-background);

  color: var(--color-foreground-heading);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 100px;

  position: absolute;

  z-index: 2;

  top: 50%;

  right: -40px;

  -webkit-writing-mode: vertical-lr;

  -ms-writing-mode: tb-lr;

  writing-mode: vertical-lr;

  text-orientation: mixed;

  padding: 32px;

  height: 100%;

  max-height: 410px;

  text-align: center; }



.team-progress > .heading + .text,

.team-about > .heading + .text,

.team-bio > .heading + .text {

  -webkit-margin-before: 36px;

  margin-block-start: 36px; }



.progress-wrap {

  -webkit-margin-before: 32px;

  margin-block-start: 32px; }



.progress-wrap > .progress-item:not(:first-child) {

  -webkit-margin-before: 28px;

  margin-block-start: 28px; }



.progress-item > .heading + .progress-container {

  -webkit-margin-before: 16px;

  margin-block-start: 16px; }



.progress-item .progress-container {

  --color-background: rgba(242, 242, 242, 1);

  position: relative;

  width: 100%;

  height: 14px;

  border-radius: 6px;

  background-color: var(--color-background); }



.progress-item .progress--bar {

  --color-background: rgba(28, 37, 57, 1);

  position: absolute;

  left: 4px;

  top: 50%;

  width: 80%;

  height: 8px;

  border-radius: 6px;

  background-color: var(--color-background);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%); }



@media (max-width: 1199px) {

  .team-details .content-info {

    -webkit-padding-start: 60px;

    padding-inline-start: 60px; }

  .text-absolute {

    padding: 25px; } }



@media (max-width: 991px) {

  .team-details .content-info {

    -webkit-padding-start: 40px;

    padding-inline-start: 40px; }

  .team-progress {

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }

  .text-absolute {

    padding: 20px;

    right: -35px; } }



@media (max-width: 767px) {

  .team-details .content-info {

    -webkit-padding-start: 0;

    padding-inline-start: 0;

    -webkit-margin-before: 50px;

    margin-block-start: 50px; }

  .text-absolute {

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    top: auto;

    right: auto;

    left: 50%;

    bottom: -30px;

    width: calc(100% - 20%);

    max-height: 60px;

    -webkit-writing-mode: horizontal-tb;

    -ms-writing-mode: lr-tb;

    writing-mode: horizontal-tb;

    padding: 16px; } }



.google-map {

  --height: 700px;

  overflow: hidden;

  position: relative;

  height: var(--height); }



@media (max-width: 992px) {

  .google-map {

    --height: 500px; } }



@media (max-width: 767px) {

  .google-map {

    --height: 300px; } }



.section-error {

  overflow: hidden; }



.error-media img {

  -o-object-fit: contain;

  object-fit: contain;

  height: auto;

  width: auto;

  margin: 0 auto; }



.section-error .section-headings .text {

  max-width: 570px;

  margin: 40px auto 0; }



.secvice-categories > li + li {

  -webkit-margin-before: 14px;

  margin-block-start: 14px; }



.secvice-category {

  text-decoration: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  border-radius: 8px;

  padding: 10px 20px; }



.secvice-category svg {

  --size: 18px;

  width: var(--size);

  height: var(--size);

  opacity: 0;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  -webkit-transform: translateX(-15px);

  -ms-transform: translateX(-15px);

  transform: translateX(-15px); }



.secvice-category.active svg,

.secvice-category:focus svg,

.secvice-category:hover svg {

  opacity: 1;

  -webkit-transform: translateX(0px);

  -ms-transform: translateX(0px);

  transform: translateX(0px); }



.service-contact {

  position: relative; }



.sidebar-widget.service-contact {

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-overlay: rgba(28, 37, 57, 0.8);

  --padding: 60px 36px;

  text-align: center; }



.sidebar-widget.service-contact .contact-text {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.sidebar-widget.service-contact .contact-number {

  display: inline-block;

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.service-sidebar .icon-contact {

  --color-background: rgba(255, 255, 255, 1);

  min-width: 80px;

  height: 80px;

  background: var(--color-background);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 100%;

  -webkit-margin-before: 36px;

  margin-block-start: 36px; }



.service-sidebar .icon-contact svg {

  min-width: 42px;

  height: 42px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.service-download .service-download {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 12px;

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.service-download .download-button {

  -webkit-margin-before: 24px;

  margin-block-start: 24px;

  display: block;

  text-underline-offset: 4px; }



.service-details-content > .service-choose-us,

.service-details-content > p.text,

.service-details-content > .heading {

  -webkit-margin-before: 40px;

  margin-block-start: 40px; }



.service-details-content .choose-us-desc > .text-lists,

.service-details-content .choose-us-desc > .heading + .text {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.service-details-content .choose-us-desc .text-lists .text-item svg {

  --size: 24px;

  min-width: var(--size);

  width: var(--size);

  height: var(--size); }



.service-details-content .choose-us-desc .text-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 6px; }



.service-details-content .choose-us-desc > .text-item + .text-item {

  -webkit-margin-before: 18px;

  margin-block-start: 18px; }



.service-details-content .choose-us-img {

  height: 100%; }



.service-details-content .choose-us-img img {

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%; }



.service-details-content .service-row {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.service-details-content .service-row > * {

  -ms-flex-item-align: stretch;

  -ms-grid-row-align: stretch;

  align-self: stretch; }



.service-details-content .choose-us-desc {

  -webkit-padding-start: 24px;

  padding-inline-start: 24px; }



.service-faq {

  -webkit-margin-before: 40px;

  margin-block-start: 40px;

  display: block; }



.service-faq > div + div {

  -webkit-margin-before: 30px;

  margin-block-start: 30px; }



.service-faq .accordion-block .accordion-opener svg {

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.service-faq .accordion-block.active .accordion-opener svg {

  -webkit-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.service-faq .accordion-block.active .accordion-opener {

  --color-background: rgba(242, 242, 242, 1);

  --color-foreground-heading: rgba(28, 37, 57, 1); }



.service-contact-content a {

  text-decoration: none; }



@media (min-width: 992px) {

  .service-sidebar {

    -webkit-padding-end: 20px;

    padding-inline-end: 20px; } }



@media (min-width: 1280px) {

  .service-sidebar {

    -webkit-padding-end: 45px;

    padding-inline-end: 45px; } }



@media (max-width: 1199px) {

  .service-details-content .choose-us-desc {

    -webkit-padding-start: 0;

    padding-inline-start: 0;

    -webkit-margin-before: 40px;

    margin-block-start: 40px; } }



@media (max-width: 991px) {

  .choose-rotating-logo.svg-wrapper {
  --size: 130px;
}
.blue-section .media-wrap img{
  width: 300px !important;
}
.testi-slider .section-headings{
  margin-bottom: 20px;
}
.why-choose-us {
  padding: 20px;
}
.footer-top p {
  text-align: left !important;
  font-size: 30px;
  margin-top: 20px;
  line-height: 45px;
}
  .service-details-content .choose-us-desc {

    -webkit-padding-start: 24px;

    padding-inline-start: 24px;

    -webkit-margin-before: 0;

    margin-block-start: 0; } 
  }



@media (max-width: 767px) {

  .service-sidebar .icon-contact {

    min-width: 60px;

    height: 60px; }

  .service-sidebar .icon-contact svg {

    min-width: 30px;

    height: 30px; }

  .sidebar-widget.service-contact {

    --padding: 30px 20px; }

  .service-details-content .choose-us-desc {

    -webkit-padding-start: 0;

    padding-inline-start: 0;

    -webkit-margin-before: 40px;

    margin-block-start: 40px; }


.footer-top p{
  text-align: left !important;
  font-size: 25px;
  margin-top: 20px;
  line-height: 35px;
}


     }



.card-working-process .has-border {

  --color-border: rgba(93, 102, 111, 0.3);

  border-top: var(--style-border-width) solid var(--color-border);

  border-bottom: var(--style-border-width) solid var(--color-border);

  padding: 15px 0;

  -webkit-margin-before: 10px;

  margin-block-start: 10px; }



.card-working-process .card-icon-text {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.card-working-process .card-icon-text .svg-wrapper {

  --size: 54px; }



.service-slider .card-working-process .card-icon-text .svg-wrapper {

  --size: 44px; }



.working-process.has-video .product-grid {

  --bs-gutter-x: 1.5rem; }



@media (min-width: 768px) {

  .working-process .product-grid {

    --bs-gutter-x: 50px;

    row-gap: 40px; } }



@media (min-width: 992px) {

  .working-process .product-grid {

    --bs-gutter-x: 100px;

    row-gap: 50px; } }



footer {

  --offset-contact-form: 300px; }



.footer-main {

  --color-background: #127fc9;

  --color-foreground: rgba(255, 255, 255, 1);

  --color-foreground-heading: rgba(255, 255, 255, 1);

  --color-primary-hover: rgba(255, 255, 255, 0.75);

  background-color: var(--color-background);

  position: relative;

  overflow: hidden; }



.footer-logo {

  max-width: 188px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  text-decoration: none; }



footer .social-link {

  background-color: #1c2539;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



footer .social-link:focus,

footer .social-link:hover {

  background-color: #20325b; }



.footer-widget-brand > .text {

  -webkit-margin-before: 24px;

  margin-block-start: 24px; }



.footer-widget-brand .social-icons {

  -webkit-margin-before: 44px;

  margin-block-start: 44px; }



.footer-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 5px; }



footer .newsletter {

  position: relative;

}



footer .newsletter input[type="text"] {

  width: 100%;

  background: #fff;

  color: #333;

  padding: 14px 20px;

  border-radius: 50px;

}



input, select, textarea{

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

}



.newsletter .newsletter_submit_btn {

  background: #fff;

  position: absolute;

  right: 30px;

  border: 0;

  top: 26px;

  font-size: 17px;

  color: #333;

}



.newsletter .newsletter_submit_btn {

  background: #fff;

  position: absolute;

  right: 30px;

  border: 0;

  top: 50%;

  font-size: 17px;

  color: #333;

  transform: translateY(-50%);

  padding: 0;

}



.footer-menu .link {

  text-decoration: none;

  display: inline-block;

  color: var(--color-foreground);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



.footer-menu .link:focus,

.footer-menu .link:hover {

  opacity: 0.75; }



.widget-heading {

  font-weight: 600; }



.widget-heading + * {

  -webkit-margin-before: 28px;

  margin-block-start: 28px; }



.footer-top {

  padding: 100px 0; }



.footer-policies {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  gap: 12px 44px; }



.footer-bottom {

  --color-background: #127fc9;

  background: var(--color-background);

  padding: 20px 0;

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

  }



.footer-contact {

  position: relative;

  -webkit-padding-before: 100px;

  padding-block-start: 100px; }



.footer-contact .contact-box {

  -webkit-margin-after: calc(var(--offset-contact-form) * -1);

  margin-block-end: calc(var(--offset-contact-form) * -1); }



.footer-contact + .footer-main {

  -webkit-padding-before: var(--offset-contact-form);

  padding-block-start: var(--offset-contact-form); }



.footer-2 .footer-widget-menu {

  max-width: 359px; }



.footer-widget .sidebar-widget {

  --padding: 0;

  --color-background: transparent; }



.footer-widget .sidebar-widget .subheading-bg.active,

.footer-widget .sidebar-widget .subheading-bg:focus,

.footer-widget .sidebar-widget .subheading-bg:hover {

  --color-foreground-subheading: rgba(93, 102, 111, 1);

  --color-background-subheading: rgba(233, 233, 233, 1);

  --color-border-subheading-bg: rgba(233, 233, 233, 1); }



.footer-2 .social-link {

  background-color: #fff;

  color: #1c2539; }



.footer-2 .social-link:focus,

.footer-2 .social-link:hover {

  background-color: #e9e9e9; }



.logo-with-newsletter .footer-widget-brand .social-icons {

  -webkit-margin-before: 32px;

  margin-block-start: 32px; }



footer .logo-with-newsletter .social-link {

  background-color: #fff;

  color: #1c2539; }



footer .logo-with-newsletter .social-link:hover {

  background-color: #d0c9c9; }



@media (min-width: 992px) {

  .footer-custom-row {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: 380px auto auto auto;

    grid-template-columns: 380px auto auto auto;

    gap: 20px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; }

  .footer-custom-row > * {

    width: 100%;

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content; } }



@media (min-width: 1601px) {

  .footer-custom-row {

    -ms-grid-columns: 465px auto auto auto;

    grid-template-columns: 465px auto auto auto; } }



@media (max-width: 1279px) {

  .footer-logo {

    max-width: 160px; } }



@media (max-width: 991px) {

  .footer-custom-row {

    row-gap: 48px; }

  .footer-top {

    padding: 80px 0; }

  .footer-contact {

    -webkit-padding-before: 80px;

    padding-block-start: 80px; } }



@media (max-width: 767px) {

  .footer-top {

    padding: 60px 0; }

  .footer-copyright {

    text-align: center; }

  .footer-policies {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: 10px 30px; }

  .footer-bottom-row {

    gap: 24px; }

  .footer-widget-brand .social-icons {

    -webkit-margin-before: 30px;

    margin-block-start: 30px; }

  .footer-logo {

    max-width: 130px; }

  .footer-contact {

    -webkit-padding-before: 60px;

    padding-block-start: 60px; } }