:root {
    --primary: #ff8c00;
    --secondary: #ffffff; 
    --bg: #070C0E; 
    --textprimary: #fff;
    --textsecondary: #9ba9b1; 
  
}


@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  font-family: "Poppins", sans-serif;
  background-color: var(--bg);
  color: var(--textprimary);
  min-width: 320px;
}

* ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

* a {
  text-decoration: none;
  transition: all 0.3s ease-out;
}
* a:hover {
  color: #b51815;
}

.section-margin {
  margin-top: 250px;
}

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

.section-subtitle {
  display: block;
  margin-bottom: 15px;
  color: var(--textsecondary);
  font-size: 21px;
  font-weight: 400;
}

.section-title {
  color: var(--textprimary);
  font-size: 50px;
  font-weight: 500;
  letter-spacing: -1.25px;
  line-height: 1.2;
}

.social-links ul, .footer-content__bottom-column .footer-info__social ul, .contact-page__social ul, .header-modal__info-social ul {
  display: flex;
  align-items: center;
}
.social-links ul li, .footer-content__bottom-column .footer-info__social ul li, .contact-page__social ul li, .header-modal__info-social ul li {
  margin-right: 10px;
}
.social-links ul li:last-child, .footer-content__bottom-column .footer-info__social ul li:last-child, .contact-page__social ul li:last-child, .header-modal__info-social ul li:last-child {
  margin-right: 0;
}
.social-links ul li a, .footer-content__bottom-column .footer-info__social ul li a, .contact-page__social ul li a, .header-modal__info-social ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--primary);
  transition: all 0.3s ease-out;
}
.social-links ul li a img, .footer-content__bottom-column .footer-info__social ul li a img, .contact-page__social ul li a img, .header-modal__info-social ul li a img {
  width: 17px;
  filter: brightness(10);
}
.social-links ul li a:hover, .footer-content__bottom-column .footer-info__social ul li a:hover, .contact-page__social ul li a:hover, .header-modal__info-social ul li a:hover {
  background-color: #b51815;
}

#button-top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: fixed;
  z-index: 9999999;
  right: 15px;
  bottom: 15px;
  background: var(--primary);
  transition: all 0.3s ease-out;
  outline: none !important;
  opacity: 0;
  cursor: pointer;
}
#button-top.show {
  opacity: 1;
}
#button-top svg {
  transform: scale(0.4);
}

.red-btn, .intro-heading__buttons ul li a.red-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
  width: 100%;
  height: 60px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.18px;
  background-color: var(--primary);
  transition: all 0.3s ease-out;
}
.red-btn:hover, .intro-heading__buttons ul li a.red-btn:hover {
  color: #f5f5f5;
  background-color: #b51815;
}
.red-btn i.icon, .intro-heading__buttons ul li a.red-btn i.icon {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  transform: rotate(90deg) scale(1.5);
  margin-left: 20px;
  transition: all 0.3s ease-out;
}

.page-container {
  position: relative;
  overflow: hidden;
}

video::-webkit-media-controls {
  display: none;
}

.header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px 0;
  background-color: transparent;
  transition: all 0.3s ease-out;
  z-index: 3;
}
.header .row {
  align-items: center;
}
.header-logo {
  display: flex;
  align-items: center;
  height: 100%;
}
.header-logo .header-lang {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #c5c5c5;   
}
.header-home .header-logo .header-lang {
  border-left: 1px solid #fff;
}
.header-logo .header-lang ul li a {
  position: relative;
  color: #333;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
.header-home .header-logo .header-lang ul li a {
  color: #fff;
}
.header-logo .header-lang ul li a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-image: url(https://alcomalval.com.ua/wp-content/uploads/2023/09/language-black.svg);
  background-position: center;
  background-size: contain;
  vertical-align: sub;
}
.header-home .header-logo .header-lang ul li a::before {
  background-image: url(https://alcomalval.com.ua/wp-content/uploads/2023/09/language.svg); 
}
.header-logo .header-lang ul li a:hover {
  color: var(--primary);
}
.header-scroll .header-logo .header-lang {
  border-left: 1px solid #c5c5c5;
}
.header-scroll .header-logo .header-lang a {
  color: #333;
}
.header-scroll .header-logo .header-lang ul li a::before {
  background-image: url(https://alcomalval.com.ua/wp-content/uploads/2023/09/language-black.svg);
}
.header-logo a {
  color: var(--primary);
}
.header-logo a svg g:nth-of-type(1) rect {
  fill: #686c71;
  transition: all 0.3s ease-out;
}
.header-logo a svg g:nth-of-type(2) path,
.header-logo a svg g:nth-of-type(2) polygon {
  fill: var(--primary);
  transition: all 0.3s ease-out;
}
.header-logo a:hover svg g:nth-of-type(2) path,
.header-logo a:hover svg g:nth-of-type(2) polygon {
  fill: #b51815;
  transition: all 0.3s ease-out;
}
.header-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-menu nav > ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-menu nav > ul > li {
  margin-right: 30px;
}
.header-menu nav > ul > li:last-child {
  margin-right: 0;
}
.header-menu nav > ul > li a {
  color: #333;
  font-weight: 700;
}
.header-menu nav > ul > li a:hover {
  color: var(--primary);
}
.header-menu nav > ul > li.has-submenu a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333 transparent;
  border-style: solid;
  transform: rotate(180deg);
  margin-left: 5px;
  vertical-align: middle;
  transition: all 0.3s ease-out;
}
.header-menu nav > ul > li .header-submenu {
  position: absolute;
  display: none;
  left: 0;
  width: 100%;
  padding-top: 100px;
  background-color: #fff;
  border-bottom: 3px solid var(--primary);
}
.header-menu nav > ul > li .header-submenu__heading span {
  display: block;
  margin-bottom: 20px;
  color: #c4c7cc;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.18px;
}
.header-menu nav > ul > li .header-submenu__heading h2 {
  font-size: 30px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -0.75px;
}
.header-menu nav > ul > li .header-submenu__navs {
  padding-left: 60px;
}
.header-menu nav > ul > li .header-submenu__navs ul {
  -moz-column-count: 2;
       column-count: 2;
}
.header-menu nav > ul > li .header-submenu__navs ul li {
  margin-bottom: 20px;
}
.header-menu nav > ul > li .header-submenu__navs ul li:last-child {
  margin-bottom: 0;
}
.header-menu nav > ul > li .header-submenu__navs ul li a {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 25px;
}
.header-menu nav > ul > li .header-submenu__navs ul li a::after {
  display: none;
}
.header-menu nav > ul > li .header-submenu__footer {
  margin-top: 100px;
  padding: 30px 0;
  border-top: 1px solid #e6e6e6;
}
.header-menu nav > ul > li .header-submenu__footer ul {
  display: flex;
  align-items: center;
  padding-left: 60px;
}
.header-menu nav > ul > li .header-submenu__footer ul li {
  width: 100%;
}
.header-menu nav > ul > li .header-submenu__footer ul li a {
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 25px;
}
.header-menu nav > ul > li .header-submenu__footer ul li a i.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.header-menu nav > ul > li .header-submenu__footer ul li a i.icon img {
  width: 100%;
  filter: brightness(0);
  transition: all 0.3s ease-out;
}
.header-menu nav > ul > li .header-submenu__footer ul li a.bold {
  color: var(--primary);
  font-weight: 700;
}
.header-menu nav > ul > li .header-submenu__footer ul li a:hover i.icon img {
  filter: brightness(1);
}
.header-menu nav > ul > li .header-submenu__footer ul li:nth-of-type(1) a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent var(--primary) transparent;
  border-style: solid;
  transform: rotate(90deg) scale(1.5);
  margin-left: 10px;
  vertical-align: middle;
  transition: all 0.3s ease-out;
}
.header-menu nav > ul > li .header-submenu__footer ul li:nth-of-type(1) a:hover {
  color: #b51815;
}
.header-menu nav > ul > li .header-submenu__footer ul li:nth-of-type(1) a:hover::after {
  border-color: transparent transparent #b51815 transparent;
}
.header-hamburger {
  position: relative;
  display: none;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 50px;
  height: 50px;
  padding: 15px;
  margin-left: auto;
  transition: all 0.3s ease;
}
.header-hamburger:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.header-hamburger span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 25px;
  height: 2px;
  background-color: #333;
  transition: all 0.3s ease-out;
}
.header-hamburger span:nth-of-type(1) {
  top: calc(50% - 5px);
}
.header-hamburger span:nth-of-type(2) {
  top: calc(50% + 5px);
}
.header-home .header-logo a svg g:nth-of-type(1) rect {
  fill: #fff;
}
.header-home .header-logo a svg g:nth-of-type(2) path,
.header-home .header-logo a svg g:nth-of-type(2) polygon {
  fill: #fff;
  transition: all 0.3s ease-out;
}
.header-home .header-menu nav ul li.has-submenu a::after {
  border-color: transparent transparent #fff transparent;
}
.header-home .header-menu nav ul li a {
  color: #fff;
  transition: all 0.3s ease-out;
}
.header-home .header-menu nav ul li a:hover {
  color: var(--primary);
}
.header-home .header-hamburger span {
  background-color: #fff;
}
.header-home .header-hamburger:hover span {
  background-color: #111;
}
.header-scroll {
  padding: 20px 0;
  background-color: #fff;
  transition: all 0.3s ease-out;
}
.header-scroll .header-logo a svg g:nth-of-type(1) rect {
  fill: #686c71;
}
.header-scroll .header-logo a svg g:nth-of-type(2) path,
.header-scroll .header-logo a svg g:nth-of-type(2) polygon {
  fill: var(--primary);
  transition: all 0.3s ease-out;
}
.header-scroll .header-menu nav ul li a {
  color: #333;
  transition: all 0.3s ease-out;
}
.header-scroll .header-menu nav ul li a::after {
  border-color: transparent transparent #333 transparent !important;
}
.header-scroll .header-menu nav ul li a:hover {
  color: var(--primary);
}
.header-scroll .header-menu nav ul li a:hover::after {
  border-color: transparent transparent var(--primary) transparent !important;
}
.header-scroll .header-menu__hamburger span {
  background-color: #333;
}
.header-box {
  position: absolute;
  display: none;
  top: 0;
  width: 100%;
  height: 54px;
  background-color: #fff;
  z-index: -1;
}
.header.visible .header-logo a svg g:nth-of-type(1) rect {
  fill: #686c71;
}
.header.visible .header-logo a svg g:nth-of-type(2) path,
.header.visible .header-logo a svg g:nth-of-type(2) polygon {
  fill: var(--primary);
  transition: all 0.3s ease-out;
}
.header.visible .header-menu nav ul li a {
  color: #333;
}
.header.visible .header-menu nav ul li a:hover {
  color: var(--primary);
}
.header.visible .header-menu nav ul li.has-submenu > a::after {
  border-color: transparent transparent var(--primary) transparent;
  transform: rotate(0deg);
}
.header.visible .header-menu__hamburger span {
  background-color: #333;
}

.header-modal {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -100%;
  width: 100%;
  height: 100vh;
  padding: 60px;
  background-color: #111;
  z-index: 3;
  transition: all 0.5s ease-out;
  opacity: 1;
}
.header-modal.show {
  right: 0;
  opacity: 1;
}
.header-modal__close {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.3s ease-out;
}
.header-modal__close:hover {
  background-color: #c4c7cc;
  cursor: pointer;
}
.header-modal__close svg {
  transform: scale(0.3);
}
.header-modal__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.header-modal__info-nav ul li {
  margin-bottom: 20px;
}
.header-modal__info-nav ul li:last-child {
  margin-bottom: 0;
}
.header-modal__info-nav ul li a {
  color: #f5f5f5;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.18px;
}
.header-modal__info-nav ul li a:hover {
  color: var(--primary);
}
.header-modal__info-social {
  margin-top: 30px;
}
.header-modal__info-copyright {
  margin-top: 30px;
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
}
.header-modal__info-dev {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.header-modal__info-dev p {
  margin: 0;
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
}
.header-modal__info-dev p:nth-of-type(1)::after {
  content: "•";
  display: inline-block;
  font-size: 14px;
  padding: 0 10px;
}
.header-modal__info-dev p a {
  color: #c4c7cc;
  font-weight: 700;
}

.intro {
  position: relative;
  margin-top: -109px;

  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-bottom: 50px;
  overflow: hidden;
}
.intro .container {
  justify-content: center;
}
.intro::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.7);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}
.intro-heading {
  position: relative;
  z-index: 2;
}
.intro-heading h1 {
  margin-bottom: 30px;
  color: #fff;
  font-size: 50px;
  max-width: 900px;
  font-weight: 900;
  letter-spacing: -0.5px;
  
  text-transform: uppercase;
}
.intro-heading h1 span {
  color: var(--primary);
  font-size: 80px;
  line-height: 100%;
}
.intro-heading p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.intro-heading__buttons {
  margin-top: 40px;
}
.intro-heading__buttons ul {
  display: flex;
  align-items: center;
}
.intro-heading__buttons ul li {
  margin-right: 30px;
}
.intro-heading__buttons ul li:last-child {
  margin-right: 0;
}
.intro-heading__buttons ul li a.red-btn {
  width: 250px;
  max-width: auto;
}
.intro-heading__buttons ul li a.watch-video {
  display: flex;
  align-items: center;
  color: #f5f5f5;
  font-size: 16px;
  font-weight: 600;
}
.intro-heading__buttons ul li a.watch-video i.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 50px;
  background-color: rgb(255, 255, 255);
  transition: all 0.3s ease-out;
}
.intro-heading__buttons ul li a.watch-video i.icon svg {
  transform: scale(0.4);
  filter: brightness(0.2);
  transition: all 0.3s ease-out;
}
.intro-heading__buttons ul li a.watch-video:hover i.icon {
  background-color: var(--primary);
}
.intro-heading__buttons ul li a.watch-video:hover i.icon svg {
  filter: brightness(10);
}
.intro-background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.intro-background video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.intro-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 50px;
}
.intro-scroll {
  display: flex;
  align-items: center;
  color: #f5f5f5;
  font-size: 16px;
  font-weight: 600;
  z-index: 1;
}
.intro-scroll a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  background-color: rgb(255, 255, 255);
  transition: all 0.3s ease-out;
  z-index: 1;
}
.intro-scroll a:hover {
  background-color: var(--primary);
}
.intro-scroll a:hover svg {
  filter: brightness(10);
}
.intro-scroll a svg {
  transform: scale(0.4) rotate(180deg);
  transition: all 0.3s ease-out;
}
.intro-info {
  z-index: 2;
}
.intro-info ul {
  display: flex;
  align-items: center;
}
.intro-info ul li {
  margin-right: 30px;
}
.intro-info ul li:last-child {
  margin-right: 0;
}
.intro-info ul li a {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.intro-info ul li a i.icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  background-color: var(--primary);
  transition: all 0.3s ease-out;
}
.intro-info ul li a i.icon::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-color: transparent transparent transparent rgba(226, 30, 26, 0.08);
  border-style: solid;
  border-width: 0.25rem 0 0.25rem 0.375rem;
  transition: all 0.3s ease-out;
}
.intro-info ul li a i.icon img {
  width: 18px;
  filter: brightness(20);
  transition: all 0.3s ease-out;
}
.intro-info ul li a:hover i.icon {
  background-color: #b51815;
}
.intro-info ul li a:hover i.icon::after {
  border-color: transparent transparent transparent #b51815;
}

.intro-product {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.intro-product__heading {
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.intro-product__navs ul {
  display: flex;
  align-items: center;
}
.intro-product__navs ul li {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.intro-product__navs ul li:hover {
  background-color: #c4c7cc;
  cursor: pointer;
}
.intro-product__navs ul li:last-child {
  margin-right: 0;
}
.intro-product__navs ul li svg {
  transform: scale(0.2);
}
.intro-product__carousel::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100%;
  z-index: 2;
}
.intro-product__carousel.slick-slider .slick-list {
  margin-left: -10px;
  margin-right: -10px;
  overflow: visible;
}
.intro-product__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 500px;
  margin: 0 10px;
  padding: 50px;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-out;
}
.intro-product__card:hover {
  transform: scale(0.95);
}
.intro-product__card .status-top {
  position: absolute;
  top: 50px;
  left: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 35px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.425px;
  background-color: var(--primary);
  text-transform: uppercase;
  z-index: 2;
  z-index: ;
}
.intro-product__card .strong {
  display: block;
  max-width: 350px;
  width: 100%;
  margin-bottom: 40px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -0.75px;
}
.intro-product__card .read-more {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 230px;
  width: 100%;
  height: 60px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.18px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.intro-product__card .read-more i.icon {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #333333 transparent;
  border-style: solid;
  transform: rotate(90deg) scale(1.5);
  margin-left: 20px;
  transition: all 0.3s ease-out;
}

.product-order {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.product-order__heading {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
}
.product-order__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 400px;
  padding: 15px;
  margin-bottom: 24px;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-out;
}
.product-order__card:hover {
  transform: scale(0.95);
}
.product-order__card .status-top {
  position: absolute;
  top: 30px;
  left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 35px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.425px;
  background-color: var(--primary);
  text-transform: uppercase;
  z-index: 2;
}
.product-order__card .strong {
  text-shadow: 1px 1px 25px black;
  display: flex;
  align-items: center;
  max-width: 350px;
  width: 100%;
  min-height: 70px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.75px;
}
.product-order__card p {
  margin-bottom: 30px;
  color: #f5f5f5;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 26px;
}
.product-order__card .read-more {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 230px;
  width: 100%;
  height: 60px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.18px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.product-order__card .read-more i.icon {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #333333 transparent;
  border-style: solid;
  transform: rotate(90deg) scale(1.5);
  margin-left: 20px;
  transition: all 0.3s ease-out;
}
.cell_section {
    margin: 150px 0;
}
.cell_section img {
    border-radius: 3px;
}
.cell_section h2 {
  margin-bottom: 30px;
}
.card_section {
    margin-bottom: 120px;
}
.card_section h3 {
    font-size: 30px;
    letter-spacing: 0;
}
.history {
  position: relative;
}
.history h2 {
  margin-bottom: 30px;
}
.history-left h2 {
  margin-bottom: 60px;
  font-size: 80px;
  font-weight: 500;
  letter-spacing: -2px;
}
.history-left p {
  display: block;
  max-width: 460px;
  width: 100%;
  font-size: 21px;
  font-weight: 300;
  color: var(--textsecondary);
  line-height: 1.4;
}
.history-left strong {
  font-weight: 400;
  color: var(--textprimary);
}
.history-left a {
  position: relative;
  color: var(--primary);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
}
.history-left a::after {
  content: "";
  display: block;
  width: 50px;
  height: 25px;
  position: absolute;
  top: 50%;

  transform: translateY(-50%);
  left: calc(100% + 15px);
  background-image: url(../img/arrow-right-long.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease-out;
}
.history-left a:hover::after {
  left: calc(100% + 25px);
}
.history-right p {
  margin-bottom: 15px;
  color: var(--textsecondary);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 32px;
}
.history-right ul {
  margin-top: 50px;
}
.history-right ul li {
  border-top: 1px solid #e6e6e6;
}
.history-right ul li a {
  display: flex;
  align-items: center;
  padding: 30px 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
}
.history-right ul li a i.icon {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #333 transparent;
  border-style: solid;
  transform: rotate(90deg) scale(1.5);
  margin-right: 20px;
  transition: all 0.3s ease-out;
}
.history-right ul li a:hover {
  color: var(--primary);
}
.history-right ul li a:hover i.icon {
  border-color: transparent transparent var(--primary) transparent;
}

.contact-page {
  position: relative;
  padding-bottom: 100px;
}
.contact-page .section-title {
  max-width: 1000px;
  width: 100%;
  margin-bottom: 30px;
}
.contact-page__communication {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-page__info ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 15px;
}
.contact-page__info ul li {
  margin-right: 50px;
}
.contact-page__info ul li:last-child {
  margin-right: 0;
}
.contact-page__info ul li a {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: 500;
}
.contact-page__info ul li a i.icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  background-color: rgba(226, 30, 26, 0.08);
  transition: all 0.3s ease-out;
}
.contact-page__info ul li a i.icon::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-color: transparent transparent transparent rgba(226, 30, 26, 0.08);
  border-style: solid;
  border-width: 0.25rem 0 0.25rem 0.375rem;
  transition: all 0.3s ease-out;
}
.contact-page__info ul li a i.icon img {
  width: 18px;
  transition: all 0.3s ease-out;
}
.contact-page__info ul li a:hover i.icon {
  background-color: var(--primary);
}
.contact-page__info ul li a:hover i.icon::after {
  border-color: transparent transparent transparent var(--primary);
}
.contact-page__info ul li a:hover i.icon img {
  filter: brightness(20);
}
.contact-page__social ul li a {
  width: 60px;
  height: 60px;
}

.location {
  position: relative;
  padding: 50px 0;
  background-color: #9da0a4;
}
.location > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.location-info {
  position: relative;
  max-width: 570px;
  width: 100%;
  padding: 30px;
  background-color: #fff;
}
.location-info ul {
  flex-wrap: nowrap;
  margin-bottom: 50px;
}
.location-info ul li {
  width: 100%;
}
.location-info ul li button {
  width: 100%;
  padding-bottom: 20px;
  background-color: #fff;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  border-bottom: 2px solid #e6e6e6;
  transition: all 0.3s ease-out;
  text-align: left;
}
.location-info ul li button.active {
  color: var(--primary);
  font-weight: 700;
  border-bottom: 2px solid var(--primary);
}
.location-info__content .strong {
  display: block;
  margin-bottom: 30px;
  font-size: 18px;
  color: var(--primary);
  font-weight: 700;
}
.location-info__content-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.location-info__content-column p {
  margin: 0;
  color: #333;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.18px;
}

.company-contacts {
  padding: 50px 0;
}
.company-contacts__row {
  padding: 50px 0;
  border-bottom: 1px solid #E6E6E6;
}
.company-contacts__row:last-child {
  border-bottom: 0;
}
.company-contacts__column.right-side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
.company-contacts__column h4 {
  color: #333;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.025em;
}
.company-contacts__column-block .strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
}
.company-contacts__column-block p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.company-contacts__column-block p a {
  display: block;
  color: var(--primary);
}

.footer-image {
  width: 100%;
  height: 400px;
}
.footer-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.footer-content {
  padding: 60px 0;
  background-color: #111;
}
.footer-content__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.footer-content__top-logo svg {
  filter: invert(1);
}
.footer-content__bottom-column .footer-links ul li {
  margin-bottom: 10px;
}
.footer-content__bottom-column .footer-links ul li:last-child {
  margin-bottom: 0;
}
.footer-content__bottom-column .footer-links ul li a {
  color: #c4c7cc;
  font-size: 18px;
}
.footer-content__bottom-column .footer-links ul li a:hover {
  color: #fff;
}
.footer-content__bottom-column .footer-info .address {
  display: block;
  margin-bottom: 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.footer-content__bottom-column .footer-info ul li {
  margin-bottom: 10px;
}
.footer-content__bottom-column .footer-info ul li:last-child {
  margin-bottom: 0;
}
.footer-content__bottom-column .footer-info ul li a {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}
.footer-content__bottom-column .footer-info__social {
  margin-top: 30px;
}
.footer-content__bottom-column .footer-info__social ul li {
  margin-bottom: 0;
}
.footer-content__bottom-column .footer-info__social ul li a {
  background-color: var(--primary);
}
.footer-content__bottom-column .footer-info__social ul li a img {
  filter: brightness(20);
}
.footer-copyright {
display: flex;    
gap: 40px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
}
.footer-copyright p {
  margin: 0;
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
}
.footer-copyright p a {
  color: #c4c7cc;
  font-weight: 700;
}
.footer-copyright p a:hover {
  color: #fff;
}
.footer-copyright div {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.footer-copyright div p:nth-of-type(1)::after {
  content: "•";
  display: inline-block;
  font-size: 14px;
  padding: 0 10px;
}

.company-image {
  height: 400px;
  margin: 100px 0;
}
.company-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.company-content {
  overflow: hidden;
}
.company-content__heading {
  padding-bottom: 100px;
  border-bottom: 1px solid #e6e6e6;
}
.company-content__heading h4 {
  max-width: 530px;
  width: 100%;
  margin: 0;
  color: #333;
  font-size: 30px;
  line-height: 48px;
  letter-spacing: -0.18px;
  font-weight: 400;
}
.company-content__heading p {
  max-width: 500px;
  width: 100%;
  color: #333;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.18px;
  font-weight: 400;
}
.company-content__team {
  position: relative;
  margin-bottom: 100px;
  padding-top: 60px;
}
.company-content__team::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100%;
  z-index: 1;
}
.company-content__team-navs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.company-content__team-navs h4 {
  margin: 0;
  color: #333;
  font-size: 30px;
  line-height: 48px;
  letter-spacing: -0.18px;
  font-weight: 400;
}
.company-content__team-navs ul {
  display: flex;
  align-items: center;
}
.company-content__team-navs ul li {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.company-content__team-navs ul li:hover {
  background-color: #c4c7cc;
  cursor: pointer;
}
.company-content__team-navs ul li:last-child {
  margin-right: 0;
}
.company-content__team-navs ul li svg {
  transform: scale(0.2);
}
.company-content__team-carousel.slick-slider .slick-list {
  margin-left: -20px;
  margin-right: -20px;
  overflow: visible;
}
.company-content__team-carousel .carousel-card {
  display: block;
  margin: 0 20px;
}
.company-content__team-carousel .carousel-card__thumbnail {
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
}
.company-content__team-carousel .carousel-card__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s ease-out;
}
.company-content__team-carousel .carousel-card .strong {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
  transition: all 0.3s ease-out;
}
.company-content__team-carousel .carousel-card small {
  color: #9da0a4;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.company-content__team-carousel .carousel-card:hover .carousel-card__thumbnail img {
  transform: translateY(-10px);
  transition: all 0.3s ease-out;
}
.company-content__team-carousel .carousel-card:hover .strong {
  color: var(--primary);
}
.company-content__roadmap {
  margin-bottom: 100px;
}
.company-content__roadmap ul {
  margin-bottom: 50px;
  padding-top: 50px;
  border: 0;
  border-top: 1px solid #e6e6e6;
}
.company-content__roadmap ul li {
  margin-right: 60px;
}
.company-content__roadmap ul li:last-child {
  margin-right: 0;
}
.company-content__roadmap ul li button {
  position: relative;
  padding: 0;
  color: #333;
  font-size: 30px;
  background-color: transparent;
  border: 0;
  transition: all 0.3s ease-out;
}
.company-content__roadmap ul li button::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
  position: absolute;
  top: -51px;
  transition: all 0.3s ease-out;
}
.company-content__roadmap ul li button:hover {
  color: var(--primary);
}
.company-content__roadmap ul li button.active {
  color: var(--primary);
}
.company-content__roadmap ul li button.active::before {
  height: 2px;
  background-color: var(--primary);
}
.company-content__roadmap .roadmap-content .strong {
  max-width: 90%;
  width: 100%;
  min-height: 160px;
  color: rgb(51, 51, 51);
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -1.25px;
}

.faq {
  margin-bottom: 100px;
}
.faq-list {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.faq-list small {
  display: block;
  margin-bottom: 50px;
  color: var(--textprimary);
  font-weight: 500;
  letter-spacing: -1.25px;
  line-height: 70px;
}
.faq-list__item {
  margin-bottom: 30px;
}
.faq-list__item button {
  display: flex;
  align-items: center;
  padding: 0;
  color: var(--textsecondary);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -0.75px;
  line-height: 1.2;
  background-color: transparent;
  border: 0;
  text-align: left;
  transition: all 0.3s ease-out;
}

@media (hover: hover) {
  .faq-list__item button:hover {
  color: var(--primary);
}
}
.faq-list__item button i.icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
  background-color: #1b87ae;
  transition: all 0.3s ease-out;
}
.faq-list__item button i.icon svg {
  filter: brightness(20);
  transform: scale(0.5) rotate(45deg);
  transition: all 0.3s ease-out;
}
.faq-list__item button.collapsed i.icon {
  background-color:  var(--primary);
}
.faq-list__item button.collapsed i.icon svg {
  filter: brightness(0);
  transform: scale(0.5);
}
.faq-list__item .card-body {
    background-color: transparent;
  padding-left: 60px;
  padding-bottom: 0;
  color: var(--textsecondary);
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.18px;
  border: 0;
  border-radius: 0;
}
.faq-image {
  position: relative;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-image img {
  width: 25vw;
  height: 25vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.news {
  margin-bottom: 100px;
}
.news-heading {
  padding: 150px 0 100px;
}
.news-heading h2 {
    margin-bottom: 30px;
}
.news-card {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e6e6e6;
}
.news-card__thumbnail {
  max-width: 570px;
  width: 100%;
  height: 570px;
  margin-right: 50px;
  overflow: hidden;
}
.news-card__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s ease-out;
}
.news-card__thumbnail:hover img {
  transform: scale(1.1);
}
.news-card__info {
  width: 100%;
}
.news-card__info small {
  display: block;
  margin-bottom: 30px;
  color: #9da0a4;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
}
.news-card__info h4 {
  margin-bottom: 15px;
  color: #333;
  font-size: 26px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.75px;
}
.news-card__info h4 a {
  color: #333;
  font-size: 26px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.75px;
}
.news-card__info h4 a:hover {
  color: var(--primary);
}
.news-card__content-text {
  margin-bottom: 5px;
}
.news-card__content-text p {
  color: #333;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.18px;
}
.news-card__content.news-text--needs-more .news-card__content-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: none;
  overflow: hidden;
}
.news-card__content.news-text--show .news-card__content-text {
  max-height: none;
  overflow: visible;
}
.news-card__content.news-text--show .news-card__more {
  display: none;
}
.news-card__more {
  font-size: 18px;
  color: var(--primary);
  text-decoration: underline;
}
.news-card__more:hover {
  color: #b51815;
}
.news-inline .news-card {
  flex-direction: column;
  padding-bottom: 0px;
  margin-bottom: 50px;
  border-bottom: 0;
}
.news-inline .news-card__thumbnail {
  max-width: 100%;
  height: 350px;
  margin: 0;
  margin-bottom: 30px;
}
.news-inline .news-card__info small {
  margin-bottom: 15px;
}
.news-inline .news-card__info h4 {
  min-height: 120px;
  font-size: 26px;
  line-height: 40px;
}
.news-inline .read-more {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
  width: 100%;
  height: 60px;
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.18px;
  background-color: var(--primary);
  transition: all 0.3s ease-out;
}
.news-inline .read-more:hover {
  background-color: #b51815;
}
.news-inline .read-more i.icon {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  transform: rotate(90deg) scale(1.5);
  margin-left: 20px;
  transition: all 0.3s ease-out;
}

.file-downnload {
  margin-bottom: 100px;
}
.file-downnload__tabs {
  margin-top: 60px;
}
.file-downnload__tabs ul li {
  margin-right: 60px;
}
.file-downnload__tabs ul li:last-child {
  margin-right: 0;
}
.file-downnload__tabs ul li a {
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.18px;
  background-color: transparent;
  border: 0;
  transition: all 0.3s ease-out;
}
.file-downnload__tabs ul li a:hover {
  color: var(--primary);
}
.file-downnload__tabs ul li a.active {
  color: var(--primary);
  font-weight: 700;
  border-bottom: 2px solid var(--primary);
}
.file-downnload__tabs ul li a i.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.file-downnload__tabs ul li a i.icon img {
  width: 100%;
}
.file-downnload__tabs .file-card__heading {
  padding: 15px 40px;
  color: #9da0a4;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.72px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #f5f5f5;
}
.file-downnload__tabs .file-card ul li {
  margin: 0;
  padding: 20px 30px;
  border-bottom: 1px solid #e6e6e6;
  transition: all 0.3s ease-out;
}
.file-downnload__tabs .file-card ul li:hover {
  background-color: #f5f5f5;
}
.file-downnload__tabs .file-card ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.file-downnload__tabs .file-card ul li a > div {
  display: flex;
  align-items: center;
}
.file-downnload__tabs .file-card ul li a > div .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.file-downnload__tabs .file-card ul li a > div .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.file-downnload__tabs .file-card ul li a > div .strong {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
}
.file-downnload__tabs .file-card ul li a .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 120px;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.file-downnload__tabs .file-card ul li a .download-btn img {
  width: 20px;
  filter: brightness(0);
  transition: all 0.3s ease-out;
}
.file-downnload__tabs .file-card ul li a:hover .download-btn {
  background-color: var(--primary);
}
.file-downnload__tabs .file-card ul li a:hover .download-btn img {
  filter: brightness(20);
}

.products {
  margin-bottom: 100px;
}
.products-tabs {
  margin-top: 60px;
}
.products-tabs ul {
  border-bottom: 1px solid #e6e6e6;
}
.products-tabs ul li {
  margin-right: 60px;
}
.products-tabs ul li:last-child {
  margin-right: 0;
}
.products-tabs ul li a {
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.18px;
  background-color: transparent;
  border: 0;
  transition: all 0.3s ease-out;
}
.products-tabs ul li a:hover {
  color: var(--primary);
}
.products-tabs ul li a:hover i.icon img {
  filter: brightness(1);
}
.products-tabs ul li a.active {
  color: var(--primary);
  font-weight: 700;
  border-bottom: 2px solid var(--primary);
}
.products-tabs ul li a i.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.products-tabs ul li a i.icon img {
  width: 100%;
  transition: all 0.3s ease-out;
}
.products-tabs ul li:nth-of-type(2) i.icon img {
  filter: brightness(0);
}
.products-tabs .file-card__heading {
  padding: 15px 40px;
  color: #9da0a4;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.72px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #f5f5f5;
}
.products-tabs .file-card ul li {
  margin: 0;
  padding: 20px 30px;
  border-bottom: 1px solid #e6e6e6;
  transition: all 0.3s ease-out;
}
.products-tabs .file-card ul li:hover {
  background-color: #f5f5f5;
}
.products-tabs .file-card ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products-tabs .file-card ul li a > div {
  display: flex;
  align-items: center;
}
.products-tabs .file-card ul li a > div .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.products-tabs .file-card ul li a > div .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.products-tabs .file-card ul li a > div .strong {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
}
.products-tabs .file-card ul li a .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 120px;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.products-tabs .file-card ul li a .download-btn img {
  width: 20px;
  filter: brightness(0);
  transition: all 0.3s ease-out;
}
.products-tabs .file-card ul li a:hover .download-btn {
  background-color: var(--primary);
}
.products-tabs .file-card ul li a:hover .download-btn img {
  filter: brightness(20);
}
.products-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  border-bottom: 1px solid #e6e6e6;
}
.products-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.products-card h3 {
  position: relative;
  color: #333;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.75px;
  transition: all 0.3s ease-out;
}
.products-card h3.top::after {
  content: "top";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 35px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.425px;
  background-color: var(--primary);
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -80px;
}
.products-card__more {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 230px;
  width: 100%;
  height: 60px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.18px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.products-card__more i.icon {
  width: 0;
  height: 0;
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #333333 transparent;
  border-style: solid;
  transform: rotate(90deg) scale(1.5);
  margin-left: 20px;
  transition: all 0.3s ease-out;
}
.products-card:hover img {
  opacity: 1;
}
.products-card:hover h3 {
  color: #fff;
}
.products-card.products-card__noimage:hover {
    background-color: #fcfcfc;
}
.products-card.products-card__noimage:hover h3 {
    color: #e21f19;
}
.products-card:hover .products-card__more {
  color: var(--primary);
}
.products-card:hover .products-card__more i.icon {
  border-color: transparent transparent var(--primary) transparent;
}

.single-product {
  position: relative;
  padding-top: 250px;
  background-color: #83878e;
}
.single-product__heading {
  padding-bottom: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.single-product__heading h1 {
  margin: 0;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -1.625px;
  line-height: 120%;
}
.single-product__heading-desc {
  display: flex;
  align-items: center;
  height: 100%;
}
.single-product__heading-desc p {
  margin-bottom: 15px;
  color: #f5f5f5;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 28px;
}
.single-product__heading-desc p:last-child {
  margin-bottom: 0;
}
.single-product__bottom {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.single-product__bottom-cat {
  position: relative;
}
.single-product__bottom-cat small {
  display: none;
}
.single-product__bottom-cat.no-category::after {
  display: none;
}
.single-product__bottom-cat ul {
  display: flex;
  align-items: center;
  padding-right: 20px;
  margin-right: 20px;
}
.single-product__bottom-cat ul::after {
  content: "";
  display: block;
  width: 1px;
  height: 104px;
  background-color: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.single-product__bottom-cat ul li a {
  position: relative;
  display: flex;
  padding: 20px 15px;
  font-size: 16px;
  color: #c2c3c6;
  font-weight: 700;
  opacity: 1;
}
.single-product__bottom-cat ul li a:hover {
  color: #fff;
}
.single-product__bottom-cat ul li:first-child a {
  padding-left: 0;
}
.single-product__bottom-cat ul li.current_page_item a {
  color: #fff;
}
.single-product__bottom-cat ul li.current_page_item a::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -21px;
}
.single-product__bottom-contact {
  display: flex;
  align-items: center;
}
.single-product__bottom-contact a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  opacity: 0.5;
}
.single-product__bottom-contact.no-category a {
  padding: 0;
  margin: 0;
}
.single-product__bottom-contact a i.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.single-product__bottom-contact a i.icon img {
  height: 100%;
}
.single-product__bottom-contact a:hover {
  opacity: 1;
}
.single-product__bottom-contact a:nth-of-type(2) {
  margin-left: 15px;
  padding: 0;
}
.single-product__bottom-contact a.active {
  opacity: 1;
}
.single-product__bottom-contact a.active::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -21px;
}
.single-product__bottom-contact.no-category a.active::before {
  top: -21px;
}
.single-product__bottom-contact a.download-block i.icon {
  margin-right: 10px;
}
.single-product__bottom-contact a.download-block i.icon img {
  filter: brightness(9);
}
.single-product__download .file-card__heading {
  padding: 15px 40px;
  background-color: hsla(0, 0%, 96.1%, 0.1);
  border-top: 1px solid #a3a5ab;
  border-bottom: 1px solid #a3a5ab;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1425em;
  text-transform: uppercase;
}
.single-product__download .file-card ul li {
  border-bottom: 1px solid #a3a5ab;
}
.single-product__download .file-card ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px;
}
.single-product__download .file-card ul li a > div {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #f5f5f5;
  font-weight: 700;
  letter-spacing: -0.18px;
  text-transform: uppercase;
}
.single-product__download .file-card ul li a > div i.icon {
  margin-right: 15px;
}
.single-product__download .file-card ul li a > div i.icon img {
  width: 40px;
  height: 40px;
  filter: brightness(10);
}
.single-product__download .file-card ul li a .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 50px;
  background-color: hsla(0, 0%, 96.1%, 0.1);
  transition: all 0.3s ease-out;
}
.single-product__download .file-card ul li a .download-btn img {
  width: 18px;
  height: 18px;
  filter: brightness(10);
}
.single-product__download .file-card ul li a:hover {
  background-color: hsla(0, 0%, 96.1%, 0.1);
}
.single-product__download .file-card ul li a:hover .download-btn {
  background-color: var(--primary);
}
.single-product__download-close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-out;
}
.single-product__download-close i.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin-right: 15px;
  opacity: 0.5;
  transition: all 0.3s ease-out;
}
.single-product__download-close i.icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.single-product__download-close:hover {
  color: rgb(255, 255, 255);
  cursor: pointer;
}
.single-product__download-close:hover i.icon {
  opacity: 1;
}
.single-product__form-row {
  display: flex;
  align-items: center;
  padding: 60px 0;
}
.single-product__form-row .form-heading h3 {
  margin-bottom: 15px;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.18px;
}
.single-product__form-row .form-heading .strong {
  display: block;
  margin-bottom: 15px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.18px;
  line-height: 42px;
}
.single-product__form-row .form-heading p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 28px;
}
.single-product__form-row .form-inputs {
  padding-left: 60px;
  width: 50%;
  margin-left: auto;
}
.single-product__form-row .form-inputs__item {
  margin-bottom: 20px;
}
.single-product__form-row .form-inputs__item span.wpcf7-not-valid-tip {
  display: none !important;
}
.single-product__form-row .form-inputs input.form-control {
  height: 60px;
  padding: 20px;
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06px;
  line-height: 20px;
  background-color: #686c71;
  border: 0;
  border-radius: 0;
  transition: all 0.3s ease-out;
}
.single-product__form-row .form-inputs input.form-control:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 3px solid #c4c7cc;
}
.single-product__form-row .form-inputs input.form-control::-moz-placeholder {
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06px;
  line-height: 20px;
}
.single-product__form-row .form-inputs input.form-control::placeholder {
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06px;
  line-height: 20px;
}
.single-product__form-row .form-inputs input.form-control.wpcf7-not-valid {
  color: var(--primary);
  border-bottom: 3px solid var(--primary);
}
.single-product__form-row .form-inputs input.form-control.wpcf7-not-valid::-moz-placeholder {
  color: var(--primary);
}
.single-product__form-row .form-inputs input.form-control.wpcf7-not-valid::placeholder {
  color: var(--primary);
}
.single-product__form-row .form-inputs textarea.form-control {
  padding: 20px;
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06px;
  line-height: 20px;
  background-color: #686c71;
  border: 0;
  border-radius: 0;
  transition: all 0.3s ease-out;
}
.single-product__form-row .form-inputs textarea.form-control:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 3px solid #c4c7cc;
}
.single-product__form-row .form-inputs textarea.form-control::-moz-placeholder {
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06px;
  line-height: 20px;
}
.single-product__form-row .form-inputs textarea.form-control::placeholder {
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06px;
  line-height: 20px;
}
.single-product__form-row .form-inputs a.form-inputs__phone {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.single-product__form-row .form-inputs a.form-inputs__phone i.icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  background-color: #9da0a4;
  transition: all 0.3s ease-out;
}
.single-product__form-row .form-inputs a.form-inputs__phone i.icon::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-color: transparent transparent transparent rgba(226, 30, 26, 0.08);
  border-style: solid;
  border-width: 0.25rem 0 0.25rem 0.375rem;
  transition: all 0.3s ease-out;
}
.single-product__form-row .form-inputs a.form-inputs__phone i.icon img {
  width: 18px;
  filter: brightness(20);
  transition: all 0.3s ease-out;
}
.single-product__form-row .form-inputs a.form-inputs__phone:hover i.icon {
  background-color: white;
}
.single-product__form-row .form-inputs a.form-inputs__phone:hover i.icon::after {
  border-color: transparent transparent transparent white;
}
.single-product__form-row .form-inputs a.form-inputs__phone:hover i.icon img {
  filter: brightness(1);
}
.single-product__form-row .form-inputs input[type=submit] {
  width: 100%;
  height: 60px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  background-color: #fff;
  border: 0;
  transition: all 0.3s ease-out;
}
.single-product__form-row .form-inputs input[type=submit]:hover {
  background-color: #c4c7cc;
}
.single-product__form-close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-out;
}
.single-product__form-close i.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin-right: 15px;
  opacity: 0.5;
  transition: all 0.3s ease-out;
}
.single-product__form-close i.icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.single-product__form-close:hover {
  color: rgb(255, 255, 255);
  cursor: pointer;
}
.single-product__form-close:hover i.icon {
  opacity: 1;
}
.single-product__form .wpcf7-response-output {
  margin: 0 !important;
  padding: 15px !important;
  border: 2px solid #9ea0a4 !important;
  text-align: center !important;
  color: #dededf !important;
}
.single-product__image {
  position: relative;
  width: 100%;
  height: 300px;
}
.single-product__image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.single-product__image-video {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 30px;
}
.single-product__image-video i.icon {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  background-color: #686c71;
  border-radius: 50px;
  transition: all 0.3s ease-out;
}
.single-product__image-video i.icon svg {
  transform: scale(0.4);
}
.single-product__image-video p {
  margin: 0;
  color: #f5f5f5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.18px;
  line-height: 20px;
}
.single-product__image-video p span {
  display: block;
}
.single-product__image-video:hover i.icon {
  background-color: var(--primary);
}
.single-product__desc {
  background-color: #fff;
  padding: 100px 0;
}
.single-product__desc .description-left small {
  display: block;
  margin-bottom: 20px;
  color: #9da0a4;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.18px;
}
.single-product__desc .description-left .strong {
  color: #333;
  font-size: 30px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.18px;
}
.single-product__desc .description-right__item {
  margin-bottom: 30px;
}
.single-product__desc .description-right__item .strong {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
  line-height: 32px;
}
.single-product__desc .description-right__item .strong::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: var(--primary);
  vertical-align: middle;
}
.single-product__desc .description-right__item p {
  margin: 0;
  margin-bottom: 15px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 32px;
}
.single-product__table {
  background-color: #fff;
  padding: 50px 0;
}
.single-product__table-column h4 {
  position: relative;
  margin-bottom: 15px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
  line-height: 32.4px;
}
.single-product__table-column h4::before {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: var(--primary);
}
.single-product__table-column ul {
  padding-left: 20px;
}
.single-product__table-column table tr td {
  width: 50%;
  text-align: left;
}
.single-product__question {
  position: relative;
  padding-bottom: 100px;
  background-color: #fff;
}
.single-product__question .question-block {
  padding: 50px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.single-product__question .question-block:hover {
  cursor: pointer;
}
.single-product__question .question-block p {
  margin-bottom: 50px;
  color: #333;
  font-size: 30px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.18px;
}
.single-product__question .question-block p span {
  display: block;
  font-weight: 700;
}
.single-product__question .question-block .strong {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.18px;
}
.single-product__question .question-block .strong i.icon {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.single-product__question .question-block .strong i.icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: invert(1);
}
.single-product__gallery {
  position: relative;
  padding-bottom: 100px;
  background-color: #fff;
  overflow: hidden;
}
.single-product__gallery .product-gallery__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 0;
  border-top: 1px solid #e6e6e6;
}
.single-product__gallery .product-gallery__heading h2 {
  margin: 0;
  font-size: 30px;
  color: #333;
  font-weight: 500;
  letter-spacing: -0.18px;
  line-height: 42px;
}
.single-product__gallery .product-gallery__heading-navs ul {
  display: flex;
  align-items: center;
}
.single-product__gallery .product-gallery__heading-navs ul li {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  background-color: #f5f5f5;
  transition: all 0.3s ease-out;
}
.single-product__gallery .product-gallery__heading-navs ul li:hover {
  background-color: #c4c7cc;
  cursor: pointer;
}
.single-product__gallery .product-gallery__heading-navs ul li:last-child {
  margin-right: 0;
}
.single-product__gallery .product-gallery__heading-navs ul li svg {
  transform: scale(0.2);
}
.single-product__gallery .product-gallery__carousel::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100%;
  z-index: 2;
}
.single-product__gallery .product-gallery__carousel.slick-slider .slick-list {
  margin-left: -5px;
  margin-right: -5px;
  overflow: visible;
}
.single-product__gallery .product-gallery__carousel.slick-slider .slick-list .slick-track {
  margin-left: 0;
}
.single-product__gallery .product-gallery__carousel-item {
  display: block;
  height: 600px;
  margin: 0 5px;
}
.single-product__gallery .product-gallery__carousel-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s ease-out;
}
.single-product__gallery .product-gallery__carousel-item:hover {
  cursor: pointer;
}
.single-product__gallery .product-gallery__carousel-item:hover img {
  filter: brightness(0.7);
}

.workgallery {
  margin-bottom: 100px;
  overflow: hidden;
    
}
.workgallery .container {
    padding-bottom: 80px;
    //border-bottom: 1px solid var(--textsecondary);
}
.workgallery-carousel::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--bg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100%;
  z-index: 2;
}
.workgallery-carousel::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--bg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -100%;
  z-index: 2;
}
.workgallery-carousel__wrapper {
  position: relative;
}
  .workgallery-heading {
    margin-bottom: 30px;
  
  }
.workgallery-carousel__wrapper .workgallery-heading__navs {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.workgallery-carousel__wrapper .workgallery-heading__navs ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.workgallery-carousel__wrapper .workgallery-heading__navs ul li {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  background-color: var(--primary);
  transition: all 0.3s ease-out;
}
.workgallery-carousel__wrapper .workgallery-heading__navs ul li:hover {
  background-color: #b51815;
  cursor: pointer;
}
.workgallery-carousel__wrapper .workgallery-heading__navs ul li:last-child {
  margin-right: 0;
}
.workgallery-carousel__wrapper .workgallery-heading__navs ul li svg {
  transform: scale(0.3);
  filter: invert(1);
}
.workgallery-carousel.slick-slider .slick-list {
  margin-left: -15px;
  margin-right: -15px;
  overflow: visible;
}
.workgallery-carousel.slick-slider .slick-list .slick-slide .workgallery-carousel__card {
  opacity: 0.9;
}
.workgallery-carousel.slick-slider .slick-list .slick-slide .workgallery-carousel__card:hover {
  opacity: 1;
}
.workgallery-carousel.slick-slider .slick-list .slick-slide.slick-current .workgallery-carousel__card {
  opacity: 1;
}
.workgallery-carousel__card {
  position: relative;
  display: block;
  height: 386px;
  margin: 0 15px;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-out;
}
.workgallery-carousel__card:focus {
  outline: none;
  box-shadow: none;
}
.workgallery-carousel__card:hover {
  cursor: pointer;
  transform: scale(0.98);
}
.workgallery-carousel__card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.workgallery-carousel__card.video-overlay::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f5f5f5;
  background-image: url(../img/play-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 50px;
  z-index: 2;
}

.lapplication {
  position: relative;
  background-image: url(../img/footer-image.jpeg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.lapplication::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.7);
}
.lapplication-wrapper {
  position: relative;
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
  padding: 90px;
  background-color: #111;
}
.lapplication-heading {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  z-index: 1;
}
.lapplication-heading .section-subtitle {
  color: #f5f5f5;
}
.lapplication-heading .section-title {
  color: #f5f5f5;
  font-size: 26px;
}
.lapplication-heading .section-title small {
  display: block;
  margin-top: 15px;
  color: #686c71;
  font-size: 18px;
}
.lapplication-form {
  position: relative;
  z-index: 1;
}
.lapplication-form__item {
  margin-bottom: 20px;
}
.lapplication-form__item input.form-control {
  color: #686c71;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 30px;
  height: 60px;
  border: 1px solid #686c71;
  background: transparent;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 0;
}
.lapplication-form__item input.form-control::-moz-placeholder {
  color: #686c71;
  font-size: 18px;
  font-weight: 400;
}
.lapplication-form__item input.form-control::placeholder {
  color: #686c71;
  font-size: 18px;
  font-weight: 400;
}
.lapplication-form__item input.form-control:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #c4c7cc;
}
.lapplication-form__item input.form-control.wpcf7-not-valid {
  border: 1px solid var(--primary);
}
.lapplication-form__item input.form-control.wpcf7-not-valid::-moz-placeholder {
  color: var(--primary);
}
.lapplication-form__item input.form-control.wpcf7-not-valid::placeholder {
  color: var(--primary);
}
.lapplication-form__item span.wpcf7-not-valid-tip {
  margin-top: 10px;
  color: var(--primary);
  font-size: 14px;
}
.lapplication-form__item .wpcf7-spinner {
  display: none !important;
}
.lapplication-form .send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  width: 100%;
  height: 60px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.18px;
  background-color: var(--primary);
  border: 0;
  transition: all 0.3s ease-out;
}
.lapplication-form .send-btn:hover {
  background-color: #b51815;
}
.lapplication-form .wpcf7-response-output {
  margin: 0 !important;
  margin-top: 15px !important;
  padding: 15px !important;
  border: 2px solid #686c70 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 14px !important;
  text-align: center !important;
}
.lapplication-note {
  color: #686c71;
  z-index: 1;
  position: relative;
  text-align: center;
  margin-top: 15px;
  font-size: 14px;
}

.tobuilding {
  margin-bottom: 160px;
}
.tobuilding-heading {
  margin-bottom: 30px;
}
.tobuilding-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 25px;
  border: 1px solid #e6e6e6;
}
.tobuilding-card i.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.tobuilding-card i.icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.tobuilding-card i.icon img path {
    fill: var(--primary: #ff8c00);
}
.tobuilding-card .strong {
  display: block;
  margin-top: 15px;
  color: var(--textprimary);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.18px;
  line-height: 24px;
}
.tobuilding-card p {
  margin: 0;
  margin-top: 15px;
  color: var(--textsecondary);;
}

 .steps{
  margin-bottom: 100px;
}
.steps .container {
    padding-bottom: 80px;
 border-bottom: 1px solid var(--textsecondary);
}
.steps-heading {
  margin-bottom: 40px;
}
.steps-card {
  position: relative;
  height: 100%;
  padding: 30px 40px;
}
.steps-card__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-bottom: 30px;
  padding: 15px;
  color: #f5f5f5;
  font-size: 22px;
  font-weight: 600;
  background-color: var(--primary);
}
.steps-card .strong {
  position: relative;
  display: block;
  margin-bottom: 15px;
  color: var(--textprimary);
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -0.85px;
}
.steps-card .strong::after {
  content: "";
  display: block;
  width: 50px;
  height: 25px;
  background-image: url(../img/arrow-right-long.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
}
.steps-card p {
  margin: 0;
  color: var(--textsecondary);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.18px;
  opacity: 0.7;
}
.steps .row .col-md-4:last-child .steps-card .strong::after {
  display: none;
}

@media only screen and (max-width: 1400px) {
  .product-order__card .strong {
    font-size: 28px;
    line-height: 36px;
  }
  .news-card__info h4 a {
    font-size: 26px;
    line-height: 40px;
  }
  .tobuilding-card {
    padding: 15px;
  }
  .tobuilding-card .strong {
    font-size: 15px;
  }
  .cell_section img {
        width: 100%;
    height: 200px;
            object-fit: cover;
}
}
@media only screen and (max-width: 1200px) {
  .section-margin {
    margin-top: 150px;
  }
  .section-title {
    font-size: 46px;
  }
  .header {
    padding: 15px 0;
  }
  .header-menu nav > ul > li {
    margin-right: 20px;
  }
  .header-menu nav > ul > li .header-submenu {
    padding-top: 70px;
  }
  .header-menu nav > ul > li .header-submenu__heading h2 {
    font-size: 28px;
    line-height: 40px;
  }
  .header-menu nav > ul > li .header-submenu__heading h2 br {
    display: none;
  }
  .intro-info ul {
/*    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;*/
  }
  .intro-scroll {
    display: none;
  }
  .red-btn, .intro-heading__buttons ul li a.red-btn {
    height: 50px;

  }

  .company-contacts__column h4 {
    font-size: 28px;
    line-height: 40px;
  }
  .footer-content {
    padding: 50px 0;
  }
  .company-image {
    margin: 70px 0;
  }
  .company-content__heading {
    padding-bottom: 50px;
  }
  .company-content__team {
    margin-bottom: 60px;
    padding-top: 60px;
  }
  .company-content__team-carousel.slick-slider .slick-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .company-content__team-carousel .carousel-card {
    margin: 0 10px;
  }
  .company-content__team-carousel .carousel-card__thumbnail {
    height: 400px;
  }
  .company-content__roadmap .roadmap-content .strong {
    max-width: 70%;
    font-size: 34px;
    line-height: 50px;
  }
  .faq-list {
    padding-right: 30px;
  }
  .faq-list__item {
    margin-bottom: 20px;
  }
  .faq-list__item button {
    font-size: 26px;
    line-height: 34px;
  }
  .faq-list__item button i.icon {
    margin-right: 20px;
  }
  .products .section-title br {
    display: none;
  }
  .products-card {
    padding: 50px 30px;
  }
  .products-card h3 {
    font-size: 26px;
  }
  .single-product {
    padding-top: 200px;
  }
  .single-product__bottom-cat::after {
    height: 83px;
    right: -20px;
  }
  .single-product__bottom-cat ul li a {
    padding: 10px 10px;
    font-size: 15px;
  }
  .single-product__bottom-contact a.active::before {
    top: -31px;
  }
  .single-product__form-row .form-heading h3 {
    margin-bottom: 10px;
    font-size: 21px;
  }
  .single-product__form-row .form-inputs {
    width: 90%;
  }
  .product-order__card {
    padding: 15px;
  }
  .product-order__card .strong {
    font-size: 26px;
    line-height: 34px;
  }
  .product-order__card .read-more {
    max-width: 100%;
  }
  .steps-card {
    padding: 30px;
  }
  .contact-page__communication {
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-page__social {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .intro-heading h1 span {
  font-size: 34px;
}
  .section-title {
    font-size: 44px;
  }
  .header-menu {
    display: none;
  }
  .header-hamburger {
    display: none;
  }
  .news-card__thumbnail {
    margin-right: 30px;
  }
  .news-card__info small {
    margin-bottom: 10px;
  }
  .news-card__info h4 a {
    font-size: 24px;
    line-height: 36px;
  }
  .news-card__info p {
    font-size: 16px;
    line-height: 26px;
  }
  .company-image {
    margin: 70px 0;
  }
  .company-content__heading h4 {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .company-content__heading p {
    max-width: 100%;
    font-size: 18px;
    line-height: 28px;
  }
  .company-content__team-carousel .carousel-card__thumbnail {
    height: 320px;
  }
  .company-content__roadmap ul {
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .company-content__roadmap ul li {
    margin-right: 30px;
  }
  .company-content__roadmap ul li button {
    font-size: 21px;
  }
  .company-content__roadmap ul li button::before {
    top: -31px;
  }
  .company-content__roadmap .roadmap-content .strong {
    max-width: 80%;
    font-size: 26px;
    line-height: 40px;
    min-height: 120px;
  }
  .faq-list small {
    font-size: 28px;
    line-height: 40px;
  }
  .faq-list__item button {
    font-size: 21px;
    line-height: 30px;
  }
  .faq-list__item .card-body {
    padding-left: 40px;
    font-size: 16px;
    line-height: 26px;
  }
  .faq-image {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .products-card {
    align-items: flex-start;
    flex-direction: column;
    padding: 30px;
  }
  .products-card h3 {
    font-size: 26px;
  }
  .products-card__more {
    margin-top: 30px;
  }
  .single-product {
    padding-top: 150px;
  }
  .single-product__heading {
    padding-bottom: 80px;
  }
  .single-product__heading h1 {
    font-size: 40px;
    line-height: 60px;
  }
  .single-product__bottom-cat {
    width: calc(100% - 345px);
  }
  .single-product__bottom-cat::after {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 65px;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    background-color: #a3a5ab;
  }
  .single-product__bottom-cat small {
    position: relative;
    display: block;
    padding: 0 30px;
    padding-left: 0;
    color: #bcbcbc;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease-out;
  }
  .single-product__bottom-cat small:hover {
    cursor: pointer;
  }
  .single-product__bottom-cat small::after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 3px 5px 3px;
    border-color: transparent transparent #f5f5f5 transparent;
    border-style: solid;
    transform: rotate(-180deg) scale(1) translateX(-50%);
    margin-left: 20px;
    transition: all 0.3s ease-out;
  }
  .single-product__bottom-cat ul {
    display: none;
    position: absolute;
    left: calc(50% - 15px);
    transform: translateX(-50%);
    width: calc(100% - 30px);
    background-color: #f5f5f5;
    z-index: 1;
  }
  .single-product__bottom-cat ul li {
    border-bottom: 1px solid #ebebeb;
  }
  .single-product__bottom-cat ul li:last-child {
    border-bottom: 0;
  }
  .single-product__bottom-cat ul li a {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #111;
  }
  .single-product__bottom-cat ul li a:hover {
    color: var(--primary);
  }
  .single-product__bottom-cat ul li a:first-child {
    padding-left: 10px;
  }
  .single-product__bottom-cat ul li a::before {
    display: none !important;
  }
  .single-product__bottom-contact a {
    margin-left: 10px;
    padding: 0;
    padding-right: 0;
  }
  .single-product__bottom-contact a.active::before {
    top: -21px;
  }
  .single-product__form-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .single-product__form-row .form-heading {
    margin-bottom: 30px;
  }
  .single-product__form-row .form-heading h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .single-product__form-row .form-inputs {
    width: 100%;
    padding: 0;
  }
  .single-product__gallery .product-gallery__carousel-item {
    height: 400px;
  }
  .intro-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .product-order__heading h2 br {
    display: none;
  }
  .history-left .strong {
    font-size: 24px;
    line-height: 36px;
  }
  .tobuilding-card {
    height: auto;
    margin-bottom: 24px;
  }
  .steps {
    margin-bottom: 50px;
  }
  .steps-card {
    padding: 15px;
    padding-left: 0;
  }
  .steps-card .strong {
    font-size: 21px;
    line-height: 30px;
  }
  .steps-card .strong::after {
    width: 40px;
    height: 20px;
    right: -20px;
  }
  .steps-card p {
    font-size: 16px;
    line-height: 26px;
  }
  .intro-heading h1 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 26px;
    letter-spacing: -1.5px;
  }
  .intro-heading p {
    font-size: 18px;
  }
  .intro-info ul li a {
    font-size: 16px;
  }
  .intro-info ul li a i.icon {
    width: 50px;
    height: 50px;
  }
  .intro-scroll a {
    width: 50px;
    height: 50px;
  }
  .single-product__table-column h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .single-product__table-column table tr {
    display: flex;
    flex-direction: column;
  }
  .single-product__table-column table tr td {
    width: 100%;
  }
  .contact-page__info ul {
    grid-template-columns: 1fr;
  }
  .contact-page .section-title br {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .section-margin {
    margin-top: 100px;
  }
  .section-title {
    font-size: 36px;
  }
  .contact-page {
    padding-bottom: 50px;
  }
  .contact-page__communication {
    align-items: flex-start;
    flex-direction: column;
  }
  .contact-page__social {
    margin-top: 30px;
  }
  .contact-page__social ul li {
    margin-right: 15px;
  }
  .company-contacts__row {
    padding: 30px 0;
  }
  .company-contacts__row .row .col-4 {
    flex: 0 0 auto;
    width: 100%;
  }
  .company-contacts__row .row .col-8 {
    flex: 0 0 auto;
    width: 100%;
  }
  .company-contacts__column h4 {
    margin-bottom: 30px;
  }
  .footer-content__bottom-column {
    margin-bottom: 30px;
  }
  .footer-content__bottom-column .footer-info ul li a {
    font-size: 24px;
  }
.footer-copyright {
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
  }
 .footer-copyright div {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 15px;
  }
 .footer-copyright div p {
    margin-bottom: 5px;
  }
.footer-copyright div p:nth-of-type(1)::after {
    display: none;
  }
.footer-copyright div p:last-child {
    margin-bottom: 0;
  }
  .news-heading {
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding: 0 0vw !important;
    max-height: 320px !important;
    overflow: hidden;
  }
  .cell_section {
    margin: 120px 0;
  }
  .news-card {
    flex-direction: column;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .news-card__thumbnail {
    height: 400px;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .news-card__info small {
    margin-bottom: 10px;
  }
  .news-card__info h4 a {
    font-size: 24px;
    line-height: 36px;
  }
  .news-card__info p {
    font-size: 16px;
    line-height: 26px;
  }
  .company-image {
    margin: 70px 0;
  }
  .company-content__team-navs {
    align-items: flex-start;
    flex-direction: column;
  }
  .company-content__team-navs ul {
    margin-top: 30px;
  }
  .company-content__roadmap {
    margin-bottom: 50px;
  }
  .company-content__roadmap ul {
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .company-content__roadmap ul li {
    margin-right: 30px;
  }
  .company-content__roadmap ul li button {
    font-size: 18px;
  }
  .company-content__roadmap ul li button::before {
    top: -31px;
  }
  .company-content__roadmap .roadmap-content .strong {
    max-width: 100%;
    font-size: 24px;
    line-height: 36px;
    min-height: 110px;
  }
  .faq {
    margin-bottom: 50px;
  }
  .faq-list small {
    max-width: 100%;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 40px;
  }
  .faq-image {
    display: none;
  }
  .file-downnload__tabs {
    margin-top: 50px;
  }
  .file-downnload__tabs .file-card ul li {
    padding: 20px 20px;
  }
  .file-downnload__tabs .file-card ul li a {
    padding: 10px 0;
  }
  .file-downnload__tabs .file-card ul li a > div i.icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .file-downnload__tabs .file-card ul li a > div .strong {
    font-size: 16px;
  }
  .file-downnload__tabs .file-card ul li a .download-btn {
    max-width: 90px;
  }
  .products-tabs {
    margin-top: 30px;
  }
  .products-card h3.top {
    display: flex;
    flex-direction: column-reverse;
    font-size: 24px;
  }
  .products-card h3.top::after {
    position: relative;
    top: auto;
    transform: none;
    right: 0;
    margin-bottom: 15px;
  }
  .products-card__more {
    margin-top: 15px;
  }
  .single-product__heading {
    padding-bottom: 50px;
  }
  .single-product__image {
    height: 200px;
  }
  .single-product__desc {
    padding: 100px 0 50px 0;
  }
  .single-product__desc .description-left {
    margin-bottom: 30px;
  }
  .single-product__question {
    padding-bottom: 50px;
  }
  .single-product__question .question-block {
    padding: 30px;
  }
  .single-product__question .question-block p {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 36px;
  }
  .single-product__bottom-cat {
    width: calc(100% - 170px);
  }
  .single-product__bottom-cat::after {
    height: 64px;
    right: 0px;
  }
  .single-product__bottom-cat small {
    position: relative;
    display: block;
    color: #bcbcbc;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease-out;
  }
  .single-product__bottom-cat small:hover {
    cursor: pointer;
  }
  .single-product__bottom-cat small::after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 3px 5px 3px;
    border-color: transparent transparent #f5f5f5 transparent;
    border-style: solid;
    transform: rotate(-180deg) scale(1) translateX(-50%);
    margin-left: 20px;
    transition: all 0.3s ease-out;
  }
  .single-product__bottom-cat ul {
    display: none;
  }
  .single-product__bottom-cat ul li a {
    padding: 10px 10px;
    font-size: 15px;
  }
  .single-product__bottom-contact a {
    padding-left: 0;
    padding-right: 0;
  }
  .single-product__bottom-contact a.download-block i.icon img {
    transform: scale(0.8);
  }
  .single-product__bottom-contact a.active::before {
    top: -23px;
  }
  .single-product__bottom-contact.single-product__bottom-icon a {
    font-size: 0;
  }
  .single-product__bottom-contact.single-product__bottom-icon a i.icon {
    margin: 0;
  }
  .single-product__form-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .single-product__form-row .form-heading {
    margin-bottom: 30px;
  }
  .single-product__form-row .form-heading h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .single-product__form-row .form-inputs {
    width: 100%;
    padding: 0;
  }
  .single-product__download .file-card ul li a {
    padding: 20px;
  }
  .single-product__download .file-card ul li a > div {
    font-size: 14px;
  }
  .single-product__download .file-card ul li a > div i.icon img {
    width: 30px;
    height: 30px;
  }
  .single-product__download .file-card ul li a > div.download-btn {
    padding: 15px 30px;
  }
  .single-product__gallery .product-gallery__heading {
    padding: 50px 0;
  }
  .single-product__gallery .product-gallery__carousel-item {
    height: 400px;
  }
  .product-order {
    padding: 50px 0;
  }
  .history-left h2 {
    margin-bottom: 30px;
    font-size: 60px;
    letter-spacing: -1px;
  }
  .history-left a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 30px;
  }
  .history-right ul li a {
    padding: 20px 0;
  }
  .workgallery {
    margin-bottom: 50px;
  }
  .steps .container {
    border: none;
    padding-bottom: 50px;
  }

  .workgallery-carousel__card {
    height: 290px;
  }
  .workgallery-carousel__wrapper .workgallery-heading__navs ul li {
    width: 50px;
    height: 50px;
  }
  .tobuilding {
    margin-bottom: 120px;
  }
  .tobuilding-heading {
    margin-bottom: 30px;
  }
  .steps-heading {
    margin-bottom: 30px;
  }
  .steps-card {
    border: 0;
  }
  .steps-card .strong::after {
    display: none;
  }
  .news {
    margin-bottom: 50px;
  }
  .news-inline .news-card__info h4 {
    min-height: auto;
  }
  .lapplication-wrapper {
    max-width: 460px;
    padding: 50px;
  }
  .single-product__table {
    padding-top: 0;
  }
  .single-product__table-column table tr {
    flex-direction: row;
  }
  .single-product__table-column table tr td {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .section-title {
    font-size: 34px;
  }
  .header-logo a {
    max-width: 150px;
    width: 100%;
  }
  .header-logo a svg {
    width: 100%;    
  }
  .location-info__content-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .location-info__content-row .location-info__content-column {
    margin-bottom: 20px;
  }
  .location-info__content-row .location-info__content-column:last-child {
    margin-bottom: 0;
  }
  .company-contacts {
    padding: 30px 0 30px 0;
  }
  .company-contacts__column-block p {
    font-size: 16px;
    line-height: 26px;
  }
  .contact-page__info ul {
    align-items: flex-start;
    flex-direction: column;
  }
  .contact-page__info ul li {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .contact-page__info ul li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .news-card__thumbnail {
    height: 300px;
  }
  .company-image {
    margin: 30px 0;
  }
  .company-content__heading {
    padding-bottom: 15px;
  }
  .company-content__heading h4 {
    font-size: 24px;
    line-height: 40px;
  }
  .company-content__team {
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .company-content__roadmap ul {
    overflow: scroll;
    flex-wrap: nowrap;
  }
  .company-content__roadmap ul li {
    margin-right: 20px;
  }
  .company-content__roadmap .roadmap-content .strong {
    max-width: 100%;
    font-size: 18px;
    line-height: 30px;
    min-height: 90px;
    letter-spacing: -0.18px;
  }
  .products-card h3.top {
    font-size: 21px;
  }
  .single-product__heading {
    padding-bottom: 30px;
  }
  .single-product__desc {
    padding: 50px 0 30px 0;
  }
  .single-product__desc .description-left .strong {
    font-size: 24px;
    line-height: 36px;
  }
  .single-product__desc .description-right__item p {
    font-size: 18px;
    line-height: 26px;
  }
  .single-product__question {
    padding-bottom: 30px;
  }
  .single-product__question .question-block {
    padding: 30px;
  }
  .single-product__question .question-block p {
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 30px;
  }
  .single-product__bottom-cat {
    width: calc(100% - 170px);
  }
  .single-product__bottom-cat::after {
    height: 64px;
    right: 0px;
  }
  .single-product__bottom-cat small {
    position: relative;
    display: block;
    color: #bcbcbc;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease-out;
  }
  .single-product__bottom-cat small:hover {
    cursor: pointer;
  }
  .single-product__bottom-cat small::after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 3px 5px 3px;
    border-color: transparent transparent #f5f5f5 transparent;
    border-style: solid;
    transform: rotate(-180deg) scale(1) translateX(-50%);
    margin-left: 20px;
    transition: all 0.3s ease-out;
  }
  .single-product__bottom-cat ul {
    display: none;
  }
  .single-product__bottom-cat ul li a {
    padding: 10px 10px;
    font-size: 15px;
  }
  .single-product__bottom-contact a {
    padding-right: 0;
  }
  .single-product__bottom-contact a.active::before {
    top: -23px;
  }
  .single-product__form-row .form-inputs {
    width: 100%;
    padding: 0;
  }
  .single-product__form-row .form-inputs a.form-inputs__phone {
    margin-bottom: 15px;
  }
  .single-product__gallery .product-gallery__heading {
    align-items: flex-start;
    flex-direction: column;
    padding: 30px 0;
  }
  .single-product__gallery .product-gallery__heading-navs {
    margin-top: 15px;
  }
  .single-product__gallery .product-gallery__carousel-item {
    height: 300px;
  }
  .header-modal {
    padding: 30px;
  }
  .intro {
    height: auto;
    padding-top: 120px;
  }
  .intro-heading h1 {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.9;
    letter-spacing: -0.8px;
  }
  .intro-heading p {
    font-size: 16px;
  }
  .intro-heading__buttons ul li {
    margin-right: 20px;
  }
  .intro-heading__buttons ul li:last-child {
    display: none;}
  .intro-heading__buttons ul li a.red-btn {
    width: 220px;
    max-width: 100%;
    font-size: 14px;
  }
  .intro-heading__buttons ul li a.watch-video {
    font-size: 0;
  }
  .intro-info {
    margin-top: 30px;
  }
  .intro-info ul {
    align-items: flex-start;
    flex-direction: column;
  }
  .intro-info ul li {
    margin: 0;
    margin-bottom: 15px;
  }
  .intro-info ul li:last-child {
    margin-bottom: 0;
  }
  .intro-row {
    position: relative;
    bottom: 0;
  }
  .workgallery-carousel.slick-slider .slick-list {
    margin-left: 0;
    margin-right: 0;
    padding: 0 !important;
  }
  .workgallery-carousel__card {
    margin: 0;
  }
  .steps-heading h2 br {
    display: none;
  }
  .lapplication .container {
    padding-left: 0;
    padding-right: 0;
  }
  .lapplication-wrapper {
    max-width: 100%;
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .products-card__more {
    max-width: 100%;
  }
  .single-product {
    padding-top: 100px;
  }
  .single-product__heading h1 {
    font-size: 34px;
    line-height: 50px;
  }
  .header-modal__info-dev {
    align-items: flex-start;
    flex-direction: column;
  }
  .header-modal__info-dev p:nth-of-type(1)::after {
    display: none;
  }
  .single-product__bottom-cat small,
  .single-product__bottom-contact a {
    font-size: 14px;
  }
}

.seo_section * {
    color: var(--textsecondary);
}

.header-logo a {
    display: flex;
    gap: 0px;
    align-items: center;
}
.header-scroll .logo-title {
  display: none;
    color: #333;
    transition: all 0.3s ease-out;
}
.seo_section {
padding: 100px 0;
}
.seo_section .news-heading {
    padding: 0 10vw;
    max-height: 420px;
    overflow: hidden;
}
          .logo-title {
            font-size: 20px;
            line-height: 1.2;
            color: #fff;
            text-transform: uppercase;
            display: none;
          }