/* ---------------- fonts ------------------ */
@font-face {
  font-family: "Futura Lt BT";
  src: url("../fonts/FuturaBT-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Md BT";
  src: url("../fonts/FuturaBT-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura";
  src: url("../fonts/Futura-CondensedLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Md BT";
  src: url("../fonts/FuturaBT-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura MdCn BT";
  src: url("../fonts/FuturaBT-MediumCondensed.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-BoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura XBlk BT";
  src: url("../fonts/FuturaBT-ExtraBlack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-CondensedBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-CondensedLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-CondensedExtraBd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-CondensedBoldObl.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-Condensed.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-BookOblique.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-CondensedLightObl.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-HeavyOblique.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-CondensedOblique.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-ExtraBoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-CondExtraBoldObl.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura";
  src: url("../fonts/Futura-Bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-MediumOblique.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura BdCn BT";
  src: url("../fonts/FuturaBT-BoldCondensed.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Md BT";
  src: url("../fonts/FuturaBT-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Bk BT";
  src: url("../fonts/FuturaBT-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaStd-LightOblique.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* ---------------- Basic css ------------------ */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

:root {
  scroll-behavior: smooth;
  --white: #ffffff;
  --black: #000000;
  --body: #1d323f;
  --grey: #4bb1b9;

  --white_img: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7498%) hue-rotate(67deg) brightness(112%) contrast(100%);
  --black_img: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(16%);

  --primaryfont: "Futura";
  --secondaryfont: "Futura Std";

  --shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.1);
}

img {
  width: 100%;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none !important;
  transition: 200ms;
  color: inherit;
  display: inline-block;
}

.f-right {
  float: right;
}

button:focus,
a:focus,
input:focus,
textarea:focus {
  outline: none;
}

button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
}

/* body */
body {
  font-weight: 300;
  font-size: 2rem;
  line-height: 2.4rem;
  color: var(--black);
  font-family: "Futura Std";
  background: #ffffff;
}

.container {
  margin: 0 auto;
  width: 100%;
}

main {
  position: relative;
  width: 100%;
  margin-top: 12rem;
}

body.home main.main_content {
  margin-top: 8rem;
}

.figure img,
.figure {
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: var(--secondaryfont);
  color: #313131;
}

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

/* image colros */
.white_img {
  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7498%) hue-rotate(67deg) brightness(112%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7498%) hue-rotate(67deg) brightness(112%) contrast(100%);
}

.black_img {
  -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.uppercase {
  text-transform: uppercase !important;
}

/* Font Weights */
.f_300 {
  font-weight: 300 !important;
}

.f_400 {
  font-weight: 400 !important;
}

.f_500 {
  font-weight: 500 !important;
}

.f_600 {
  font-weight: 600 !important;
}

.f_700 {
  font-weight: 700 !important;
}

.f_800 {
  font-weight: 800 !important;
}

.f_900 {
  font-weight: 900 !important;
}

/* titles */
.title_40,
.title_40_v2 {
  font-weight: 700;
  font-size: 5rem;
  line-height: 5.5rem;
  letter-spacing: -0.002em;
  font-family: var(--primaryfont);
}

.title_40_v2 {
  font-size: 4rem;
  line-height: 4.4rem;
}


.title_20 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}

/* texts */
.text_xl {
  font-size: 2rem;
}

.text_lg {
  font-size: 1.8rem;
}

.text_md {
  font-size: 1.6rem;
}

.text_sm {
  font-size: 1.4rem;
}

.text_xsm {
  font-size: 1.2rem;
}

/* -------------- preloader --------------- */
#preloader {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader3 {
  width: 6rem;
  height: 6rem;
  display: inline-block;
  padding: 0;
  text-align: left;
}

.loader3 span {
  position: absolute;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  background: #ffb200;
  -webkit-animation: loader3 1.5s linear infinite;
  animation: loader3 1.5s linear infinite;
}

.loader3 span:last-child {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}

@-webkit-keyframes loader3 {
  0% {
    transform: scale(0, 0);
    opacity: 0.8;
  }

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

@keyframes loader3 {
  0% {
    transform: scale(0, 0);
    opacity: 0.8;
  }

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

/* -------------- Back to top ------------ */
.back-to-top {
  width: 4rem;
  height: 4rem;
  text-align: center;
  position: fixed;
  bottom: 2.5rem;
  right: 2rem;
  border-radius: 6rem;
  background: #ffb200;
  z-index: 1000;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.back-to-top:hover {
  background: #9b7a2f;
}

.back-to-top img {
  -webkit-filter: var(--black_img);
  filter: var(--black_img);
}

.topbtn_hide {
  opacity: 1;
}

/* icons size */
.icon_10 {
  width: 1rem;
}

.icon_12 {
  width: 1.2rem;
}

.icon_14 {
  width: 1.4rem;
}

.icon_16 {
  width: 1.6rem;
}

.icon_18 {
  width: 1.8rem;
}

.icon_20 {
  width: 2rem;
}

.icon_22 {
  width: 2.2rem;
}

.icon_24 {
  width: 2.4rem;
}

.icon_26 {
  width: 2.6rem;
}

.icon_28 {
  width: 2.8rem;
}

.icon_30 {
  width: 3rem;
}

.icon_32 {
  width: 3.2rem;
}

.icon_34 {
  width: 3.4rem;
}

.icon_36 {
  width: 3.6rem;
}

.icon_40 {
  width: 4rem;
}

.pt-8 {
  padding-top: 0.8rem;
}

/* ==================== button area ==================== */
.button {
  background: var(--grey);
  height: 5rem;
  font-size: 1.6rem;
  border-radius: 10rem;
  padding: 0 4.2rem;
  box-shadow: none;
  border: 0.1rem solid var(--grey);
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.25s ease;
}

.button:hover {
  border-color: transparent;
  color: var(--grey);
  box-shadow: 0 0.4rem 1rem 0 rgba(52, 42, 40, 0.2);
  background: #ffffff;
}

.button_darkblue {
  background: #081259;
}

.button_darkblue:hover {
  color: #081259;
}

/* -------------- Header Styles by Sahriar --------------- */
.site_header {
  padding: 0;
  z-index: 99999;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
  height: 8rem;
  display: flex;
  align-items: center;
  background: #ffffff;
}

.logo img {
  width: 10.5rem;
}

.menu_link {
  font-size: 1.6rem;
  color: #000000;
  font-weight: 500;
  display: flex;
  align-items: center;
  position: relative;
  min-width: 6.8rem;
  justify-content: center;
  font-family: "Futura Std";
}

.menu_link::before {
  content: "";
  width: 0;
  height: 0.4rem;
  background: #f68b07;
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  transition: 0.25s ease-in-out;
}

.menu_link:hover::before,
.menu_link.active::before {
  width: 100%;
}

.menu_link:hover {
  color: #f68b07;
}

.menu_link.active {
  color: #000000;
}

.menu_link.active {
  font-weight: 700;
}

.primary_menu {
  gap: 2.4rem;
}

/* ================ nav_wrap ================ */
.nav_wrap {
  position: fixed;
  top: 0;
  left: 0;
  transition: 0.35s ease;
  z-index: 99999;
  width: 100%;
}

.nav_wrap.menu_appear {
  top: -17.7rem;
}

.nav_wrap.home_nav_wrap.menu_appear {
  top: -8.2rem;
}

/* ================== Hero area ================== */
.hero_area {
  max-height: 62rem;
  height: calc(100vh - 8rem);
  position: relative;
}

.hero_area::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 36.06%,
      rgba(0, 0, 0, 0.8) 100%),
    linear-gradient(207.06deg,
      rgba(0, 0, 0, 0) 59.94%,
      rgba(0, 0, 0, 0.5) 75.16%);
}

.hero_area .container {
  position: relative;
}

.section_top_bar {
  width: 2.3rem;
  display: block;
  height: 0.4rem;
  background: #000000;
}

.section_top .title_20 {
  line-height: 1.2;
}

/* =================== Accordion area =================== */
.accordion_button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-family: "Futura Std";
  color: #313131;
  gap: 2rem;
}

.accordion_button p span {
  font-weight: 600;
  padding-right: 0.8rem;
  color: #005393;
  letter-spacing: -0.1em;
}

.expand_arrow {
  width: 2.4rem;
  height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordion {
  display: grid;
  gap: 2rem;
}

.accordion_button:not(.collapsed) {
  font-weight: 600;
}

.accordion-body p {
  color: #313131;
  font-size: 1.6rem;
  padding: 0;
  line-height: 1.8rem;
  font-weight: 500;
}

.accordion-body {
  padding: 0;
}

.accordion_item {
  border-bottom: 0.1rem solid #000000;
  padding-bottom: 1.5rem;
}

.accordion-body {
  padding-top: 1.5rem;
}

.accordion_button p {
  display: flex;
  text-align: left;
}

.service_area .row {
  --bs-gutter-x: 6.5rem;
}

.accordion_button:not(.collapsed) .expand_arrow img {
  transform: rotate(180deg);
}

.expand_arrow img {
  transition: 0.25s ease;
}

.accordion_item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* ==================== Product area =================== */
.product_area {
  background: #ffb200;
  padding-bottom: 12rem;
}

.service_img {
  width: 6.4rem;
  height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}

.service_img img {
  width: 6.4rem;
}

.service.v2 .service_img {
  width: 4.8rem;
  height: 4.8rem;
}

.service.v2 .service_img img {
  width: 4.8rem;
}

.service p {
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #000000;
}

.service {
  width: 13.5rem;
  height: 12rem;
  display: grid;
  justify-content: center;
  align-content: flex-start;
  text-align: center;
}

.services_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
  width: 80rem;
  margin: 0 auto;
}

/* ====================== Brand area ===================== */
.brands_area {
  background: #efe9dc;
}

.brand_img {
  width: 19.7rem;
  transition: 0.25s;
}

.brans_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 5px 0 32px 0;
}

.brand {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand_img:hover {
  transform: scale(1.05);
  margin: 8px;
}

/* ================== estamos_area ======================= */
.estamos_area {
  background: #f5f5f5;
}

.estamos_top h6 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-family: "Futura Std";
  letter-spacing: 0.15rem;
}

.estamos_top .p1 {
  font-size: 3rem;
  font-weight: lighter;
  line-height: 1;
}

.estamos_top {
  padding-bottom: 1.6rem;
}

.estamos_bottom li {
  display: grid;
  grid-template-columns: 1.6rem 1fr;
  align-items: center;
  gap: 0.8rem;
  height: 4.5rem;
  border-top: 0.1rem solid #4f4f4f;
  font-size: 1.6rem;
  color: #333333;
  font-weight: 400;
}

.estamos_bottom li:last-child {
  border-bottom: 0.1rem solid #4f4f4f;
}

.map_img {
  height: 48rem;
  -o-object-fit: cover;
  object-fit: cover;
  border: 0.8rem solid #ffffff;
}

.estamos_content {
  display: grid;
  align-content: space-between;
  height: 100%;
}

/* =================== Contact area =================== */
.contact_area {
  background: #123b5b;
}

.form_control {
  width: 100%;
  background: transparent;
  padding: 0.7rem 0 1.3rem;
  border: none;
  border-bottom: 0.1rem solid #fff;
  border-radius: 0;
  display: flex;
  height: 4rem;
  align-items: center;
}

.form_control:focus {
  border-color: #ffb200;
}

.form_control::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.6rem;
}

.form_control::-moz-placeholder {
  color: #fff;
  font-size: 1.6rem;
}

.form_control:-ms-input-placeholder {
  color: #fff;
  font-size: 1.6rem;
}

.form_control::-ms-input-placeholder {
  color: #fff;
  font-size: 1.6rem;
}

.form_control,
.form_control::placeholder {
  color: #fff;
  font-size: 1.6rem;
}

.form_control .current {
  line-height: 2rem;
}

.nice-select .list {
  background: #0d0653;
  width: 100%;
  border-radius: 0.6rem;
  margin-top: 0.5rem;
}

.nice-select .option {
  line-height: 4rem;
  min-height: 4rem;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Futura Std";
  padding: 0 1.6rem;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #242141 !important;
}

.nice-select .option.selected {
  font-weight: 400;
}

.edit_icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 1.6rem;
}

.nice-select:after {
  border-bottom: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  width: 0.8rem;
  height: 0.8rem;
  right: 0.6rem;
  transform: rotate(45deg) !important;
  top: 1.1rem;
  margin: 0 !important;
}

.nice-select.open:after {
  transform: rotate(-135deg) !important;
  top: 1.2rem;
}

.contact_area form .row {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 6.5rem;
}

.check {
  width: 2.2rem;
  height: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 0.1rem solid #ffffff;
  font-size: 1.5rem;
  background: transparent;
  font-weight: 700;
}

.check span {
  opacity: 0;
  transition: 0.15s ease;
  color: #000000;
}

.checked .check span {
  opacity: 1;
}

.checked .check {
  background: #fff;
}

.checkbox {
  display: grid;
  grid-template-columns: 0fr 1fr;
  gap: 1.2rem;
  cursor: pointer;
}

.checkbox p {
  font-size: 1.4rem;
}

.contact_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact_btn {
  width: 26.8rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f39000;
  background: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.25s ease;
  font-family: var(--primaryfont);
}

.contact_btn:hover {
  color: #ffffff;
  background: #f39000;
}

/* ======================= Footer area ======================== */
.footer_section {
  background: #ECECEC;
}

.footer_box ul li,
.footer_box p {
  font-size: 1.6rem;
}

.footer_box p:first-child {
  font-weight: 400;
  white-space: nowrap;
}

.footer_box li a:hover {
  color: #f39000;
}

.footer_box ul li {
  white-space: nowrap;
}

.footer_box p:last-child {
  padding-top: 9.5rem;
}

/* ======================= inner_hero ======================== */
.inner_hero {
  height: 24rem;
  max-height: 100%;
}

.inner_hero::before {
  background: linear-gradient(180.79deg,
      rgba(0, 0, 0, 0) -2.31%,
      rgba(0, 0, 0, 0.5) 68.05%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.nav_list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  overflow: auto;
}

.nav_list::-webkit-scrollbar {
  scrollbar-width: 0;
  display: none;
}

.navigation_area a {
  min-width: 6rem;
}

/* ======================= navigation_area ======================== */
.navigation_area {
  background: #ffb500;
  height: 9.6rem;
  display: flex;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 8rem;
  z-index: 9999;
  transition: 0.25s ease;
}

.nav_icon {
  height: 2.4rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.2rem;
}

.nav_list a p {
  text-align: center;
  line-height: 1.2;
  font-weight: 900;
}

.nav_list a:hover,
.nav_list a.active {
  background: #3d3c3b;
  color: #fff;
}

.nav_list a:hover img,
.nav_list a.active img {
  -webkit-filter: var(--white_img);
  filter: var(--white_img);
}

.navigation_area .container-fluid,
.navigation_area .nav_list,
.navigation_area a {
  height: 100%;
  align-items: center;
}

.navigation_area a {
  flex-direction: column;
  display: flex;
  padding-top: 1.4rem;
  transition: 0.25s ease;
}

.navigation_area .container {
  padding: 0;
  height: 100%;
}

/* ================= Cta area ================= */
.cta_bg {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-filter: brightness(0.6);
  filter: brightness(0.6);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.items_specs {
  margin-bottom: 5rem;
}

.js_solar {
  width: 18.2rem;
}

.spec li {
  padding: 0.9rem 0;
  font-family: "Futura Std";
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.06em;
  border-bottom: 0.1rem solid #4f4f4f;
}

.spec li:last-child {
  padding-bottom: 0;
}

.spec li.spec_title {
  text-transform: uppercase;
  font-weight: 900;
  cursor: pointer;
  font-family: "Futura";
}

.spec li .p1 {
  font-weight: 400;
  line-height: 1.45;
}

.spec li:last-child {
  border-bottom: 0;
}

/* =================== items_area ==================== */
.items_area {
  padding: 9.6rem 0 12.7rem;
}

.green_logo {
  width: 9.5rem;
  margin-left: 5.4rem;
}

.risen_logo {
  width: 16.8rem;
}

.greenheiss_logo {
  width: 24rem;
}

.kostal_logo {
  width: 19.9rem;
}

.solyco_logo {
  width: 15.4rem;
}

.kostal_logo {
  width: 20.3rem;
}

.solis_logo {
  width: 20.3rem;
}

.ingeteam_logo {
  width: 21.2rem;
}

.huawei_logo {
  width: 19.6rem;
}

.sungrow_logo {
  width: 21rem;
}

.item_main_left h4 {
  font-family: "Futura Std";
  font-weight: 700;
  font-size: 2.3rem;
  line-height: 2.8rem;
  letter-spacing: -0.02em;
}

.item_main {
  position: relative;
  height: 45rem;
}

.item_main_left {
  position: absolute;
  left: 0;
  height: 34.1rem;
  display: grid;
  align-content: space-between;
  margin: 6rem 0 5rem 0;
  width: 34.2rem;
}

.solar_img.solar_img1 {
  width: 55.2rem;
  position: absolute;
  right: -1.6rem;
  top: auto;
  bottom: 0;
}

.solar_img {
  right: 0;
  top: 0;
  position: absolute;
  width: 56.5rem;
  transition: 0.35s ease;
}

.item_main:hover .solar_img {
  transform: scale(1.04);
}

.solar_img3 {
  right: -3rem;
}

.item {
  padding-top: 2rem;
  border-top: 0.1rem solid #313131;
}

.items_list {
  display: grid;
  gap: 11rem;
}

.item .row {
  --bs-gutter-x: 2.6rem;
}

/* ============ solar_area ============== */
.solar_area {
  background: #EFE9DC;
}

/* ============== Baterias area ============== */
.items_specs.v2 h5 {
  font-family: "Futura Std";
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 2.8rem;
  letter-spacing: -0.02em;
}

.item.v2 {
  border: none;
  padding: 0;
}

.items_area.v2 {
  padding: 7rem 0 6rem;
}

.item.v2 .row {
  --bs-gutter-x: 3.4rem;
}

.items_specs.v2 {
  width: 37.2rem;
}

.item.v2 .specs {
  padding-right: 5.2rem;
}

.items_area.v2 .item_main {
  height: auto;
}

/* =============== partners area =============== */
.greenheiss {
  width: 19.2rem;
}

.huawei {
  width: 20rem;
}

.sungrow {
  width: 21.7rem;
}

.sungrow2 {
  width: 21rem;
}

.byd {
  width: 8.9rem;
}

.beeplanet {
  width: 18rem;
}

.byd {
  width: 15.2rem;
}

.partners {
  max-width: 102rem;
  margin: 0 auto;
}

.partners a img {
  transition: 0.25s ease;
}

.partners a:hover img {
  transform: scale(1.05);
}

.partners.partners_v2 {
  max-width: 108rem;
}

.wpcf7-not-valid-tip {
  font-size: 0.75em !important;
  color: #ff0000 !important;
  margin-top: 0.5em !important;
}