body,html{
  padding:0px;
  margin:0px;
  font-family: Arial, Helvetica, sans-serif;
}
p{
line-height:1.6em;
}
.container{
  max-width:1200px;
  width:95%;
  margin:0px auto;
padding:0 15px;
}
:root {
  --yellow: #edd23d;
  --black: #0c091c;
}
.container-line{
  border-left:0px solid #b2b3b3;
  border-right:0px solid #b2b3b3;
}
.container-line_contacts{
  height:400px;
  margin-top:-160px;
  margin-bottom:-300px;
}
.container-line-bottom{
 margin-top:-160px;
  margin-bottom:-300px;
  padding-top:150px;
  padding-bottom:350px;
  
}
header{
  position:relative;
  z-index: 10;
}
.header-top{
  z-index: 5;
  position: relative;
  margin-bottom:-100px;
}
.header-top .container{
  background-color: var(--black);
  color:#FFF;
  padding: 50px 20px 25px 20px;
    
  position: relative;
}

.header-top .container::after{
content:"";
position: absolute;
height:100%;
top:0px;
right:-75px;
width:75px;
background-color: var(--black);
 clip-path: polygon(
    0 0,      /* начало среза по оси X */
    100% 0,
       0px 100%,
      
     0 0
  );
 
}
.header-top .container::before{
content:"";
position: absolute;
height:100.4%;
top:0px;
left:-99px;
width:100px;
background-color: var(--black);
 clip-path: polygon(
    60px 0,      /* начало среза по оси X */
    100% 0,
       100% 100%,
    0 100%,  
     60px 0
  );
 
}
.header-top_flex{
  display: flex;
  justify-content: flex-end;
  gap:12%;
}
.header-top_flex>div{
  display: flex;
  gap:30px;
}
.header-top_flex>div a{
  text-decoration: none;
  color:#FFF;
}
.header-top_flex>div a:hover{
 opacity: 0.7;
}
.header-top_flex .work-time{
  background: url("../img/clock_white.svg") left top no-repeat;
  background-size: auto 18px;
  padding-left:27px;
}
.header-top_flex .work-phone{
  background: url("../img/phone_white.svg") left top no-repeat;
  background-size: auto 18px;
  padding-left:27px;
}
.header-bg{

background:var(--yellow);
height:130px;
width:100%;
 clip-path: polygon(
    0 0,      /* начало среза по оси X */
    100% 0,
       100% 60px,
       calc(100% - 40px) 60px,
    calc(100% - 110px) 130px,   
    0 100%,  
    0 0
  );
margin-bottom:-1px;
}
.header-bottom{
  height:150px;
background:var(--yellow);
padding:0 0 30px 0;
 clip-path: polygon(
    0 0,      /* начало среза по оси X */
    55% 0,
       calc(55% - 140px) 99px,
       150px 99px,
       85px 100%,
       0 100%,
     0 0
  );

}
.header-bottom img{
height:67px;
}

.header-bottom .logo-container{
  display: flex;
  gap:20px;
}
.header-bottom .logo-container div{
  display: flex;
  flex-direction: column;
  gap:9px;
  
}
.header-bottom .logo-container a{
height: fit-content;
}
.header-bottom .logo-container a:hover{
opacity: 0.7;
transition: opacity 0.2s linear;
}
.header-bottom .logo-container div img{
width: 32px;
height: 29px;
object-fit: contain;
}
.title-wrapper{
  display: flex;
  justify-content: flex-end;
  padding-top:10px;
}
h1.pagetitle{
  position:relative;
  z-index: 12;
  margin-top:8px;
  height:80px;
  text-align: center;
  box-sizing: border-box;
background-color: var(--yellow);
  padding:25px 80px;
  clip-path: polygon(
    115px 0,      /* начало среза по оси X */
    100% 0,
     calc(100% - 55px) 100%,
     0 100%,
 115px 0
  );
  width: 52%;
  font-size: 20px;
}


.h2_clip{
  width:30%;
  max-width:100%;
  position: relative;
  z-index:4;
background-color: var(--yellow);
  padding:15px 80px;
  clip-path: polygon(
    60px 0,      /* начало среза по оси X */
    100% 0,
     calc(100% - 60px) 100%,
     0 100%,
 60px 0
  );
  text-align: center;

  margin:0px auto;
  top:-30px;
}
.h2_clip-black{
  background-color: var(--black);
  color:#FFF;
}

.black-section {
  margin-top:-280px;
  position: relative;
  background: var(--black) ;
  color: white;
  padding: 30px 20px;
padding-top:250px;
clip-path: polygon(
  0 244px,
  35% 244px,
calc(35% + 75px) 170px,
80% 170px,
calc(80% + 170px) 0px,
100% 0px,
100% 100%,
   
    0 100%     /* высота = 60 / √3 ≈ 34.6px */
  );
}
.main-h1{
  font-size:20px;
  text-align: center;
}

.black-section .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
}

.black-section .container {
  position: relative;
  display: flex;
  gap: 40px;
  z-index: 1;
  max-width: 1100px;
    justify-content: space-between;
    background: url("../img/man.png") 65% bottom no-repeat;
    background-size: contain;
}

.black-section .left-col {
 max-width:550px;
}



.black-section .links-grid {

  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.black-section .link-item img{
  max-width: 100%;
}
.black-section .link-item {
  display: inline-block;
  width:calc(25% - 9px);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  color: white;
  transition: transform 0.3s;
  text-decoration: none;
}

.black-section .link-item img {
  width: 100%;
  border-radius: 8px;
  transition: filter 0.3s;
  max-height: 60px;
}

.black-section .link-item:hover img,.fixed-nav a:hover img{
  filter: brightness(0) saturate(100%) invert(78%) sepia(91%) saturate(352%) hue-rotate(1deg) brightness(103%) contrast(105%);
}

.link-item p {
  margin-top: 10px;
  font-size: 14px;
}

.right-col {
width:300px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
 
  margin-top:-40px;

}
.right-col::before{
  height:40px;
  width:200%;
  position: absolute;
  bottom:-30px;
  left:-150%;
  content:"";
 background: linear-gradient(to right, rgba(242, 222, 70, 0) 0%,rgba(242, 222, 70, 1) 80%, rgba(242, 222, 70, 1) 100%);
}
.black-section::after{
  height:70px;
  width:calc((100% - 1100px)/2);
  position: absolute;
  bottom:60px;
  right:0%;
  content:"";
 background: linear-gradient(to right,rgba(242, 222, 70, 1)  0%,  rgba(242, 222, 70, 0) 100%);
}
 .right-link img{
  width:57px;
}
.right-link {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #FFF;
  border-radius: 12px;
  padding: 15px;
  text-decoration: none;
  color: #000;
  transition: background 0.3s;
  position: relative;
  z-index: 10;
  height: calc(33% - 13.5px);
}

.right-link:hover {
  background: var(--yellow);
  color: black;
}

.right-link i {
  font-size: 24px;
}

section.about{
  position: relative;
overflow: hidden;
}
section.about::before {
    height: 78px;
    width: 55%;
    position: absolute;
    top: 0px;
    left: 0%;
    content: "";
    background-color: var(--yellow);
 clip-path: polygon(
  0 0, 
  100% 0,
  100% 20px, 
  158px 20px, 
  100px 100%, 
  0 100%,
  0 0
  );
}
section.about::after {
    height: 78px;
    width: 70%;
    position: absolute;
    bottom: -1px;
    right: 0px;
    content: "";
    background: linear-gradient(to right, rgba(242, 222, 70, 1) 0%, rgba(242, 222, 70, 1) 50%, rgba(242, 222, 70, 0) 100%);
 clip-path: polygon(
  0 0, 
  100% 0,
  100% 20px, 
  158px 20px, 
  100px 100%, 
  0 100%,
  0 0
  );
  transform: rotate(180deg);
  z-index: 7;
}
.about-container{
display: flex;

}

.about-left h2,.about-right h3{
font-weight: bold;
font-size: 22px;
}
.about-left{
  width:55%;
  position: relative;
font-size: 16px;
padding-right: 20px;
box-sizing: border-box;
}

.about-right{
  position: relative;
  z-index: 6;
  box-sizing: border-box;
  padding:0 20px 30px 30px;
  color: #FFF;
    width:45%;
    background: var(--black);
}

.about-right .ad-item{
height:53px;
padding-left: 55px;

display: flex;
align-items: center;
}
.about-right h3{
  text-align: center;
  margin-bottom: 10px;
}
.about-right .ad-item1{
background: url("../img/ads/ad3.svg") left center no-repeat;
background-size: 44px auto;
}
.about-right .ad-item2{
background: url("../img/ads/ad4.svg") left center no-repeat;
background-size: 44px auto;
}
.about-right .ad-item3{
background: url("../img/ads/ad2.svg") left center no-repeat;
background-size: 44px auto;
}
.about-right .ad-item4{
background: url("../img/ads/ad1.svg") left center no-repeat;
background-size: 44px auto;
}
.about-right::before {
    height: 100%;
    width:20px;
    position: absolute;
    left: -10px;
   top:0px;
    content: "";
    background: linear-gradient(to bottom, rgba(242, 222, 70, 1) 0%, rgba(242, 222, 70, 1) 50%, rgba(242, 222, 70, 0) 100%);

}
.about-right::after {
    height: 100%;
    width:200%;
    position: absolute;
    right: -200%;
   top:0px;
    content: "";
   background: var(--black);
}
.advantages {
 
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    padding:80px 0 70px 0;
     justify-content: space-between;
  }
  .adv-item {
    position: relative;
    background: var(--black);
    color: #fff;
    text-align: center;
    padding: 100px 40px 20px 40px; /* сверху больше места под иконку */
    box-sizing: border-box;
    width:calc(25% - 15px);
    max-width: 250px;
  }
  .adv-icon {
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    padding: 6px;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px;
    overflow: hidden;
    box-sizing: border-box;
  }
  .adv-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .adv-title {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .adv-text {
    font-size: 24px;
   font-weight: bold;
  }
  path[data-id],g[data-id]{
    cursor:pointer;
  }
  .popup {
  position: absolute;
  background: var(--black);
  color: #fff;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 14px;
  max-width: 220px;
  pointer-events: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  display: flex;
  gap:15px;
}
.popup-img{
  background-color: #FFF;
  border-radius: 15px;
  height:auto;
  width:80px;
  padding: 10px;
  box-sizing: border-box;
}
.popup-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.popup::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 20px;
  border-width: 8px;
  border-style: solid;
  height:15px;
  box-sizing: border-box;
  background-color: var(--black);
  border-color: var(--black) transparent transparent transparent;
  clip-path: polygon(
    0 0,
    100% 0,
50% 100%,
0 0);

}

.hidden {
  display: none;
}

.svg-map{
  padding:10px 0 60px 0;
}
.svg-map h3{
  text-align: center;
  font-size: 27px;
}
.svg-map svg{
  max-width: 90%;
  height: auto;
}

section.partners {
    background: #f0f0f0;
    padding: 20px 0px 40px 0;
    text-align: center;
  }
  section.partners h4 {
    font-size: 27px;
    margin-bottom: 45px;
  }
  .partners-logos {
justify-content: center;
    background-color: #FFF;
    display: flex;
    gap: 70px;
    overflow-x: auto;
    padding: 30px 0;
    cursor: grab;
    scroll-behavior: smooth;
    -ms-overflow-style: none;  /* скрыть скроллбар IE/Edge */
    scrollbar-width: none;     /* скрыть скроллбар Firefox */
  }
  .partners-logos::-webkit-scrollbar {
    display: none; /* скрыть скроллбар Chrome/Safari */
  }
  .partners-logos img {
    height: 60px;
    flex-shrink: 0;
    object-fit: contain;
    transition: transform 0.3s;
  }
  .partners-logos img:hover {
    transform: scale(1.1);
  }



  .reviews-section {
    margin-top:30px;
    position: relative;
    z-index: 5;
  background: #d9dada;
  padding-bottom:60px;
  text-align: center;
 
  max-width:100%;
}
 .reviews-section  .reviews-wrapper{
  overflow-x: hidden;
width: 100%;
  padding: 30px 20px 0px 20px;
  box-sizing: border-box;
 }
.reviews-swiper{
  max-width:1900px;
  margin:0px auto;

overflow: visible !important;
}
.reviews-swiper .swiper-slide{

  height:auto;

}
.review-top{
  display: flex;
    margin-bottom: 40px;
    justify-content: flex-end;
}
.review-top h5 {
  font-size: 22px;

  font-weight: 400;
}

.review-card {
  position: relative;
  background: #fff;
  border-radius: 30px;
  padding: 20px 20px 20px 40px; /* чтобы было место для аватара */
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  height:100%;
  box-sizing: border-box;
}

.review-avatar {
  position: absolute;
  top: -20px;
  left: -20px; /* выходит за пределы */
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  background-color: #FFF;
}

.review-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review-content h5 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px;
}

.review-text {
  font-size: 17px;
  color: #555;
}
.swiper-button-prev:after,.swiper-button-next:after{
display: none;

}
.swiper-button-next:hover,.swiper-button-prev:hover{
transform: scale(1.1);
transition: transform 0.3s linear;
}
.swiper-button-next{
  content: "";
  right:calc(25% - 40px);
  background: url("../img/arrow.png") center no-repeat;
  
  width:70px !important;height:70px !important;
  background-size: cover;
}
.swiper-button-prev{
  content: "";
  left:calc(25% - 40px);
  background: url("../img/arrow-left.png") center no-repeat;
 
   width:70px !important;height:70px !important;
  background-size: cover;
}

.reviews-wrapper .swiper-button-prev{
 
  left:calc(25% - 40px) !important;
}
.reviews-wrapper .swiper-button-next{
 right:calc(25% - 40px) !important;

}
/* Стрелки Swiper */
.swiper-button-prev,
.swiper-button-next {
  color: #FFD700; /* жёлтые стрелки */
  width: 40px ;
  height: 40px;

}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 24px;
  font-weight: bold;
}


.container-contacts{
  padding-left:60px;
  padding-right:40px;
}




section.contact{
padding:50px 0;

}
.contact-wrapper{
padding:100px 0 120px 0;
background:url("../img/contact2.png") 90% center no-repeat, #000;
color:#fff;
position: relative;
clip-path: polygon(
    0 0,      /* начало среза по оси X */
    40% 0,
       calc(40% + 80px) 80px,
       100% 80px,
       100% calc(100% - 80px),
       calc(40% + 80px) calc(100% - 80px),
      40% 100%,
0 100%,
0 0
  );

}
section.contact{
  position: relative;
}
section.contact:before{
  z-index: 4;
  position: absolute;
  background-color: var(--yellow);
  content: "";
height:38px;
width:100%;
top:100px;
clip-path: polygon(
       calc(40% + 52px) 0,
      90% 0,
       calc(90% - 40px) 100%,
       calc(40% + 12px) 100%,
     calc(40% + 52px) 0
  );

}
section.contact:after{
  z-index: 4;
  position: absolute;
  background-color: var(--yellow);
  content: "";
height:41px;
width:100%;
bottom:70px;
clip-path: polygon(
       calc(40% + 90px) 0,
      100% 0,
       100% 100%,
       calc(40% + 50px) 100%,
     calc(40% + 90px) 0
  );

}

.contact-form:before{

  position: absolute; 
  content: "";
top:0px;
left:calc(-236px - 10%);
width:236px;
height:100%;
background: url("../img/form_bg2.png") center no-repeat;
background-size: contain;

}
.contact-form{
  position: relative;
  width:60%;
  background:transparent;
max-width:680px;
padding-top:35px;
}

/* Titles */
.form-title{
  margin:0 0 6px 0;
  font-size:34px;
  font-weight:700;
  color:var(--white);
}
.form-sub{
  margin:0 0 5px 0;
  color:var(--muted);
  font-size:16px;
}

/* Rows & columns */
.row{margin-bottom:16px}
.two-cols{
  display:flex;
  gap:16px;
}
.two-cols .col{
width:calc(50% - 8px);

}

/* Labels and inputs */

input[type="text"],
input[type="tel"],
textarea{
  box-sizing: border-box;
  width:100%;
  padding:12px 14px 12px 25px;
  border-radius:0px;
  border:1px solid #FFF;
  background:#FFF;
  color:var(--black);
  font-size:15px;
  outline:none;
  
}
.contact input[type="text"],.contact input[type="tel"]{
  height:60px;
}
input::placeholder, textarea::placeholder{color:#787878;}
input:focus, textarea:focus{
  box-shadow:0 6px 18px rgba(0,0,0,0.6), 0 0 0 4px rgba(255,212,0,0.07);
  border-color:var(--yellow);
}

/* TEXTAREA full width */
textarea{resize:vertical;border-radius:0px;padding-top:14px;}

/* PRIVACY custom checkbox */
.privacy-row{display:flex;align-items:center}
.checkbox-wrap{
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  user-select:none;
  color:var(--muted);
  font-size:14px;
}
.checkbox-wrap input{display:none}

/* custom check */
.custom-check{
  width:20px;height:20px;border-radius:6px;background:transparent;border:2px solid rgba(255,255,255,1);display:inline-block;position:relative;flex-shrink:0;
}
.checkbox-wrap input:checked + .custom-check{
  background:var(--yellow);
  border-color:var(--yellow);
}
.custom-check::after{
  content:"";
  position:absolute;left:5px;top:1px;width:6px;height:11px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(40deg);opacity:0;
}
.checkbox-wrap input:checked + .custom-check::after{opacity:1}

/* links inside privacy */
.policy-link{color:var(--yellow);text-decoration:none;font-weight:600}
.policy-link:hover{text-decoration:underline}

/* SUBMIT button */
.btn-submit{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 18px;
  background:var(--yellow);
  color:#000;
  border:none;

  font-weight:700;
  font-size:15px;
  cursor:pointer;
  font-weight: bold;
 
  width: 50%;
  height:65px;
    box-sizing: border-box;
}
.btn-submit .arrow{font-size:18px;display:inline-block;transform:translateX(0);transition:transform .12s}
.btn-submit:hover{transform:translateY(-3px);transition: transform 0.1s linear;}


/* SIDE block (messenger + socials) */
.contact-side{
  
  background:transparent;
  text-align:center;
  padding-top:6px;
}
.row-form_bottom{
  display: flex;
  gap:10px;
  justify-content: space-between;
  align-items: center;
}
.side-text{
  color:var(--muted);
  margin:6px 0 12px 0;
  font-weight:400;
  font-size: 14px;
}
.socials{
  display:flex;
  gap:14px;
  justify-content:center;
  margin-bottom:12px;
}
.social{
  width:64px;height:64px;border-radius:50%;
  background:var(--yellow);
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,0.15);
  transition:transform .12s;
}
.social img{display:block;width:45%;height:45%;object-fit:contain;}
.social:hover{transform:translateY(-4px)}
.side-note{color:var(--muted);font-size:14px;margin-top:10px}
.side-phone{color:var(--yellow);text-decoration:none;font-weight:700}

/* RESPONSIVE */
@media (max-width:980px){
  .wrap{flex-direction:column;align-items:stretch}
  .contact-side{order:2;width:100%;flex:0 0 auto;margin-top:20px}
  .contact-form{order:1}
  .two-cols{flex-direction:row}
}
@media (max-width:640px){
  .two-cols{flex-direction:column;gap:10px}
  .social{width:56px;height:56px}
  .social img{width:36px;height:36px}
  .form-title{font-size:22px}
  .contact-side{padding-top:0}
}















section.rews{
  background-color: #787878;
  padding-bottom:40px;
}



.footer-top ul{
column-count:3;
width:60%;
margin-left:5%;
}
.footer-top ul li{
list-style: none;
margin-bottom:5px;

}
.footer-top ul li a{
color:#000;
text-decoration: none;
font-size:18px;
}

.footer-top{
margin-bottom:-70px;

padding:50px 0 20px 0;
position:relative;
min-height:0px;
box-sizing: border-box;
}

.footer-contacts a{
  text-decoration: none;
  color:#FFF;
}
.footer-top:after{
content:"";
position: absolute;
height:310px;
bottom:30px;
left:-30px;
width:calc(100% + 30px);
background-color: var(--yellow);
clip-path: polygon(
    110px 150px,      /* начало среза по оси X */
    79% 150px,
    calc(79% + 146px) 0px,
     100% 0px,
     100% 100%,
    0px 100%,  
    0px calc(100% - 50px), 
 110px 150px 
  );
   margin-bottom:-200px;
}

.footer-content{
 
  position:relative;
  z-index:6;
  height:250px;
padding:15px 0;
background-color: var(--black);
color:#fff;
text-align: right;
clip-path: polygon(
  0 calc(100% - 56px),
 55px calc(100% - 56px),
  155px calc(100% - 156px),
 65% calc(100% - 156px),
 calc(65% + 120px) 0px,
     100% 0px,
    100% 100%, 
    0px 100%, 
    0px calc(100% - 56px)
  );

}
.footer-contacts img{
height:20px;
}
.footer-contacts .contact-item a,.footer-contacts .contact-item3{
  padding-right:50px;

}
.footer-contacts .contact-item1,.footer-contacts .contact-item2{

  margin-bottom:10px;
}
.footer-contacts .contact-item1 a{
background: url("../img/phone_white.svg") right no-repeat;
background-size: auto 100%;
}
.footer-contacts .contact-item2 a{
background: url("../img/email_white.png") right no-repeat;
background-size: auto 80%;
}
.footer-contacts .contact-item3{
background: url("../img/address.png") right no-repeat;
background-size: auto 100%;
}

.footer-contacts{
  padding-top:50px;
  text-align: right;
   font-size: 20px;
}
.footer-bottom{
  padding-top:30px;
color:#fff;
font-size:14px;
}
.footer-bottom_line{
  display: flex;
justify-content: center;
gap:40px;
line-height: 1.32em;
}

.service-list .h2{
  top:20px;
}
.service-list{
width:calc(100% + 30px);
margin-left:-15px;
  padding-bottom:50px;
background-color: #FFF;
margin-bottom:30px;
}
.service-item,.blog-item{
  display: flex;
  gap:50px;
   padding:15px 20px 15px 0;
   position: relative;
}
.blog-item{
  gap:20px;

}
.blog-item_title{
font-size:22px;
font-weight: 600;
margin-bottom:-10px;
}
.blog-item_link{
  text-align: center;
  color: #000;
  text-decoration:none;
background-color: var(--yellow);
padding:7px 20px;
width:200px;
box-sizing: border-box;
position: absolute;
bottom: 0px;
font-weight: 600;
right: 0px;
    clip-path: polygon(25px 0,  100% 0, calc(100% - 25px) 100%, 0 100%, 25px 0);
}
.blog-item_link:hover{
opacity: 0.7;
transition: opacity 0.3s linear;
}
.blog-item_img {
    width: 230px;
    max-width: 35%;
    height: 180px;
    background-color: var(--yellow);
    padding: 10px 5px;
    box-sizing: border-box;
}
.service-item:nth-child(odd){
background-color: #e8e5e5;
padding:40px 20px 20px 20px;
}
.service-item:nth-child(even){
background-color: #FFF;
flex-direction: row-reverse;
padding:40px 0px 20px 20px;
}
.service-item_title{
  font-size: 22px;
margin-bottom: 15px;
font-weight: 600;
}
.service-item_img{
width:380px;
max-width: 35%;
height:250px;
background-color: var(--yellow);
padding:10px 5px;
box-sizing: border-box;
}
.service-item_img img,.blog-item_img img{
width: 100%;
height: 100%;
object-fit: cover;
 clip-path: polygon(
  0 0,
  calc(100% - 50px) 0,     
     100% 50px,
       100% 100%,
       50px 100%,
        0 calc(100% - 50px),
       0 0
  );
}
.container-blog{
  padding-bottom:290px;
  margin-bottom:-270px;
}
.service-item_text{
width:calc(100% - 230px);

}

.links-section {
  padding: 40px 20px 80px 20px;
}

.links-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap:30px;
  justify-content: center;
 max-width:1000px;
 margin: 0px auto;
     justify-content: space-between;
     padding:20px 0 80px 0;
}


.links-wrapper .link-item {
  width: 150px;
text-decoration: none;
color:#000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: background 0.3s ease;
}
.link-item .link-square{
  width: 100%;
  height: 150px;
  background: #f2de6f; /* жёлтый */
  display: flex;
  justify-content: center;
   align-items: center;
}
.link-square img {

}

.link-text {
  margin-top: 10px;
  font-size0;
  transition: opacity 0.3s ease;
}

/* hover эффекты */
.links-wrapper .link-item:hover .link-square{
  background: #b2b3b3; /* серый */
  transition: background 0.3s linear;
}

.link-item:hover .link-text {
  opacity: 1;
}


.catalog-text{
background-color: #d9dbda;
padding-bottom:30px;
line-height:1.5;
margin-top:40px;
}







/* Общий макет */
.layout {
  display: grid;
  grid-template-columns: 290px calc(100% - 310px);
  gap: 20px;

  color: #ooo;
  min-height: auto;
}

/* Сайдбар */
.sidebar {

  padding: 15px;
}: 16px;
  text-align: center;
  opacity: 
.sidebar-logo {
  width: 100%;
  margin-bottom: 20px;
}
.sidebar-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar .catalog-img{
  width:100%;
  height:200px;
  background-color: var(--yellow);
  margin-bottom:55px;
  padding:15px 10px;
  box-sizing: border-box;
}
.sidebar .catalog-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0, 100% 50px, 100% 100%, 50px 100%, 0 calc(100% - 50px), 0 0);
}
.sidebar-menu li {
  margin-bottom: 5px;
}
.sidebar-menu li>a {
display: flex;
    justify-content: space-between;
}
.sidebar-menu a {
  display: block;
  padding: 14px 10px 14px 15%;
  box-sizing: border-box;
  background: #222;
font-weight: 600;
  text-decoration: none;
  color: #fff;
  font-size:14px;
}
.sidebar-menu a {
  background: var(--yellow);
  color: #000;
}
.submenu {
  display: none;
  margin-top: 5px;
  background:#ebecec;
}
.has-submenu:hover .submenu {
 // display: block;
  width:92%;
  margin:0px auto;
}
.submenu a {
background-color: transparent;
  padding-left: 20px;
}
.submenu a:hover {
opacity: 0.7;
transition: opacity 0.3s linear;
}


.top-blocks {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: calc(30% - 10px) calc(70% - 10px);
  gap: 20px;
  margin-bottom: 30px;
  box-sizing: border-box;
  padding-top:17px;
}
.top-blocks .block {
  background: #d9dbda;
  padding: 15px;

}
.top-blocks .block {
  background: #d9dbda;
  padding: 15px;
box-sizing: border-box;
padding-bottom:30px;
position: relative;
z-index: 4;
}
.top-blocks .block:nth-child(1):after{

z-index: 4;
    position: absolute;
    background-color: var(--yellow);
    content: "";
    height: 20px;
    width: 100%;
 bottom:0px;
 left:0px;

}
.top-blocks .block:nth-child(2):after{


    position: absolute;
    background-color: var(--yellow);
    content: "";
    height: 80px;
    width: 100%;
 bottom:0px;
 left:0px;
    clip-path: polygon(0 60px, calc(100% - 60px) 60px, 100% 0%, 100% 100%, 0 100%, 0 0);
}


.block h3 {
  background: var(--yellow);
  
  width:220px;
  text-align: center;
  font-size:14px;
  padding:8px 0;
clip-path: polygon(30px 0,  100% 0, calc(100% - 30px) 100%, 0 100%, 30px 0);
margin: 0px auto;
margin-top:-30px;
margin-bottom: 10px;
}
.links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.links a {
  position:relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;

  height: 60px;
  background: #fefefe;

  text-decoration: none;
  color: #000;
min-width:fit-content;
padding:0px 10px;
box-sizing:border-box;
}
.links a:hover {
opacity:0.7;
transition: opacity 0.3s linear;
}
.top-blocks .block:nth-child(2) a{

width:calc(14.28% - 9px);

}
.top-blocks .block:nth-child(1) a{

width: calc(33% - 7px);

}
/* Таблица продуктов */
.products {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #d9dbda;
  padding:15px 10px;
  width:100%;
  box-sizing: border-box;
}
.product-row {
  display: grid;
  grid-template-columns: 30% 80px 110px 80px 120px 80px;
  border: 2px solid #898989;
  align-items: center;
  gap: 10px;
  background: #fefefe;
  padding: 12.5px 15px;
  font-size: 14px;
justify-content: space-between
}
.product-row-title,.product-row-title:hover{
background: transparent !important;
    border: none;
font-weight:bold;
}
.product-row:hover{
  background-color: var(--yellow);
}

.container-catalog .sidebar{
position: relative;
z-index: 12;

}
ul.products a{
color:#000;
text-decoration:none;
}
ul.products{
padding-left:10px !important;

padding-right:10px !important;
}
.product-row .name { font-weight: bold; }
.qty input {
  width: 60px;
  padding: 5px;
}
.cart-btn {
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  color: #FFD700;
}
.quantity {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}

.quantity button {
  background: #f5f5f5;
  border: none;
  padding: 8px 12px;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s;
}
.product-row .quantity {
  border:none;
  background: none;
  border-radius: 0px;
}
.quantity button:hover {
  background: #ffcc00;
}
.product-row .quantity button {
padding:8px 4px;
background: transparent;
}
.product-row:hover .quantity input {
background: #FFF;

}
.quantity input {
  width: 60px;
  text-align: center;
  border: none;
  outline: none;
  font-size: 16px;
}
.product-row .quantity input {
height:30px;
width:20px;
background: var(--yellow);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Для Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
section.services-cats{
 
  background-color: #d9dada;
}
.services-text1 .container-line{

padding-top:20px;
padding-bottom:110px;
margin-bottom:-130px;

}
.services-cats_wrapper{
  display: flex;
  flex-wrap: wrap;
  gap:20px;
max-width:1000px;
margin:0px auto;
padding-bottom:70px;
padding-top:20px;
}


.services-cats_wrapper>a{
  display: inline-block;
    width:calc(25% - 15px);
    text-align: center;
    color: #000;
    text-decoration: none;
    font-weight: 500;
}
.services-cats_item .img{
  width:100%;
  height:170px;
  background-color: var(--yellow);
  padding:10px 6px;
  box-sizing: border-box;
  margin-bottom:10px;
}
.services-cats_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 50px 100%, 0 calc(100% - 50px), 0 0);
}
.menu-fixed{
  position: fixed;
  top:0px;
  z-index: 100;
  width: 100%;
  background: var(--yellow);
  padding-top:20px;
  overflow: hidden;
  display: none;
}
.menu-fixed .logo img{
width:170px;
}
.menu-fixed .container-menu{
  max-width: 1080px;
  display: flex;
justify-content: space-between;
position: relative;
}

.menu-fixed>.container-menu::after{

    content: "";
    position: absolute;
    height: calc(40px + 100%);
    top: -40px;
    right: -200%;
    width: 200%;
    background-color: var(--black);
    clip-path: polygon(
      80px 0,
      100% 0,
      100% 100%,
      0 100%,
      80px 0
    );


}
.menu-fixed .contact_items{
  text-align: right;
}
.menu-fixed .contact_items a{
  position: relative;
top:-10px;
  text-decoration: none;
}
.contact_items .work-time{
 
  background: url(../img/clock_black.svg) left center no-repeat;
    background-size: contain;
    padding-left: 27px;
}
.menu-fixed .container-menu a{
color:#020105;
}
.menu-fixed .link-rect{
  display: flex;
  justify-content: center;
  padding-top:20px;
  box-sizing: border-box;
height:65px;
margin-top:-20px;
  position: relative;
width:300px;
 background: var(--black);
    clip-path: polygon(
      80px 0,
     100% 0, calc(90% - 40px) 100%, calc(40% + 12px) 100%,0 100%, 80px 0
    );
font-weight:400;
}
.link-rect a{
  color:#FFF !important;
}



.menu-fixed_bottom{
  background-color: var(--black);
  padding:40px 0 30px 0;
}
.menu-fixed_bottom .container{
  position:relative;
}
.menu-fixed_bottom .container:before{
  position: absolute;
      content: "";
   
    height: 55px;
    top: -41px;
    left: calc(-50px - 100%);
    width: 100%;
    background-color: var(--yellow);
    clip-path: polygon(0 0,  100% 0, calc(100% - 50px) 100%, 0 100%, 0 0);

}


.menu-fixed_bottom a img{
  height:35px;
}
.menu-fixed_bottom .fixed-nav{
  width: 100%;
  display: flex;
      justify-content: space-between;
}

.product-block{
  padding:50px 0 80px 0;
  position: relative;
  z-index: 6;
}
.product-block .right{
width:70%;
max-width:550px ;
}
.product-block .left{
width:35% !important;
background-color: var(--yellow);
height:280px;
position: relative;
padding:10px 5px;
box-sizing: border-box;
}
.product-block .left::before{
position: absolute;
content: "";
height:15px;
width:100%;
top:-10px;
background: var(--black);
left: 0px;
}
.product-block .left div,.product-block .left a{
height:100% !important;
box-sizing:border-box;
border:none !important;
}
.woocommerce-notices-wrapper{
position:relative;
z-index:60;

}
.product-block .left::after{
position: absolute;
content: "";
height:15px;
width:100%;
bottom:-10px;
background: var(--black);
left:0px;
}
.right .single_add_to_cart_button{
background: var(--yellow) !important;

color:black !important;

}
.right .single_add_to_cart_button:hover{
opacity:0.8;
}
.product-block .left img {
    width: 100% !important;

    height: 100% !important;
    object-fit: cover;
    clip-path: polygon(
      50px 0, 
      100% 0, 
      100% calc(100% - 50px), 
      calc(100% - 50px) 100%,  
      0 100%,0 50px, 50px 0);
    border-radius: 0px;
}




.product-tabs .container-line{

padding-top:140px;
margin-top:-140px;
padding-bottom:270px;
margin-bottom:-270px;
}
.tabs {
  width: 100%;
 
  margin: 20px auto;
  font-family: sans-serif;
}

.tab-buttons {
  display: flex;
 
}

.tab-btn {
  flex: 1;
  padding: 15px 10px;
  border: none;
  background: var(--yellow);
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  font-weight: bold;
}
.tab-btn:nth-child(1){
clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%, 60px 0);

}
.tab-btn:last-child{
clip-path: polygon(0 0, 100% 0, calc(100% - 60px) 100%, 0 100%,0 0);

}
.tab-btn:hover {
  background: #d9dada;
}

.tab-btn.active {
  background: #d9dada;
 
  font-weight: bold;
}

.tab-content {
  display: none;
  padding: 15px;
  background: #fff;
  font-size:18px;

  border-top: none;
}

.tab-content.active {
  display: block;
}
section.wishlist{
  background:#d9dada;
padding:50px 0;
}
section.wishlist h2{
  margin-top:-50px;
}
section.wishlist a{
  text-align: center;
  color:#000;
  text-decoration: none;
  font-weight: bold;
}
section.wishlist a:hover{
opacity: 0.7;
}
.container-line_empty{

  height:170px;
  margin-bottom:-140px;
}
section.wishlist .img {
 
    width: 100%;
    height: 270px;
    background-color: var(--yellow);
    margin-bottom: 20px;
    padding: 15px 10px;
    box-sizing: border-box;
}
section.wishlist .img img{
width: 100%;
height: 100%;
object-fit: cover;
    clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%, 0 50px, 50px 0);
    border-radius: 0px;
}
.wishlist-wrapper{
  display: flex;
  gap:20px;
}
.wishlist-wrapper>a{
  display: inline-block;
  width: calc(33% - 14px);
}

.product-block {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  justify-content: space-between;
}


.price-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.price-block>div>span {
  font-weight: bold;
display:inline;
width:fit-content;
 padding:0 10px 5px 10px;
  border-bottom:2px solid var(--yellow);
margin-left:-10px;
}
.price-block .quantity {
  display: flex;
  align-items: center;
  gap: 5px;
 border-radius: 0px;
  width: fit-content;
}

.quantity input {
  width: 50px;
  text-align: center;
}

.icons {
  display: flex;
  
  margin: 20px 0;
  gap: 40px;
}
.icons .icon img{
  width: auto;
  height: 47px;

}
.icons .icon .img{
background: #9d9e9e;
  transition: background 0.3s;
  padding: 10px;
height: 84px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
margin-bottom:10px;
}

.icons .icon {
 width:94px;
  text-align: center;
  
display: flex;
flex-direction: column;
  cursor: pointer;
  position: relative;
 
  font-weight: bold;

  box-sizing: border-box;
}


.icon.active img,.icon:hover img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(91%) saturate(352%) hue-rotate(1deg) brightness(103%) contrast(105%);
}
.info {
  position: relative;
  border: 3px solid var(--yellow);
  padding: 10px 30px;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 14px;
}

.info .arrow {
  position: absolute;
  top: -20px;


  left: 15px; /* будет двигаться */
 
  width:48px;
  height:20px;
  background: url("../img/arrow_top.png") center bottom no-repeat,#FFF;
}
.btn-submit  .arrow{
  position: relative;
  height:25px;
  border-left:2px solid #000;
  padding-left:15px;
  display: flex;
  align-items: center;
  margin-left:15px;
}

.btn-submit .arrow img{
  width:25px;
}


.container-margin{
  margin-top:-180px
}
 .footer-logo_mob img{
height: auto;
width:200px;
  }
  .footer-logo_mob{
    text-align: left;
    background: var(--yellow);
  padding:15px 0 16px 0;
  margin-bottom:-36px;
  }
 #nav1 span:nth-child(1) {
    top: 2px;
}
#nav1 span:nth-child(2) {
    top: 8px;
}
#nav1 span:nth-child(3) {
    top: 14px;
}
#nav1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s 
ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s 
ease-in-out;
}
.footer-logo_mob .container{
  display:flex;
  justify-content: space-between;
}
#nav1 {
    overflow: hidden;
    width: 30px;
    height: 30px;
    position: relative;
    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s 
ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s 
ease-in-out;
    cursor: pointer;
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: -4px 0 10px rgba(0,0,0,0.3);
  transition: right 0.3s;
  z-index: 1000;
  padding: 20px;
  box-sizing: border-box;
}

.mobile-menu.open {
  right: 0;
}

.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  justify-content: flex-end;
}

.close-btn {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
}

.menu-list {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  border:1px solid #ccc;
}

.menu-item {
  border-top: 1px solid #ccc;
  padding:0 20px;
}

.menu-title {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  cursor: pointer;
  font-weight: 500;
}

.submenu {
  display: none;
  padding-left: 20px;
}

.menu-item.open .submenu {
  display: block;
}

.menu-socials {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}

.circle {
  background: #ffd500;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 24px;
}
.link-square{
padding:10px;
box-sizing:border-box;
}
.link-square img{

    width: 100%;
    height: 100%;
    object-fit: contain;
}
 .adv-item {
    height: auto !important;
 }
.blog-item_text{
width:calc(100% - 25px);
}
.right .arrow img {
width:20px;
}
.right .arrow {
height:20px;
}
.right .single_add_to_cart_button{
display:flex !important;
align-items:center;
font-size:14px !important;
border-radius:0px !important;
}
.wc-block-components-checkout-place-order-button{
border:none !important;
}
.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
background:var(--yellow);
color:#000;
font-weight:bold;
text-decoration:none;

transition:opacity linear 0.3s;
}
.wp-block-woocommerce-cart{
padding-top: 20px;
    position: relative;
    z-index: 16;
}

.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover{
opacity:0.8;
transition:opacity linear 0.3s;
}
	.popup11 {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 200;
}


.popup-content1 {
box-sizing:border-box;
  position: relative;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.popup-content1 .close-btn{
position: absolute;
    right: 20px;
}
.popup-content1 h2{
margin-top:0px;
}
.popup-content1 .btn-submit{
display: flex !important
;
width:100%;
    padding-left: 30%;
    padding-right: 10%;
    justify-content: space-between;
}

.popup-content1 input[type="text"],.popup-content1 input[type="tel"]{
border:1px solid #ccc;
}
.popup-content1 input[type="tel"]{

margin-top:-10px;
}
.popup-content1 input[type="text"]{

margin-bottom:-10px;
}

.container-catalog .layout{
position:relative;
z-index:20;

}
.calc_block{
    clip-path: polygon(0 220px, 30% 220px, calc(30% + 250px) 0px, 100% 0px, 
    100% 100%, 0 100%,0 220px);

    padding-top:230px;
    background:var(--black);
    padding-bottom:60px;
    color:#FFF;
    margin-top:-190px;
   
  }
  .calc_block .container{
    display:flex;
    justify-content: flex-end;
  }
  .calc_cats{

    display:flex;
    flex-wrap:wrap;
    gap:6px;
    row-gap:12px;

  }
 .calc_cats .c_item{
width:118px;
height:120px;
border:1px solid #FFF;
box-sizing:border-box;
padding:10px 10px;
color:#FFF;
text-align:center;
cursor:pointer;
display: flex
;
    flex-direction: column;
    justify-content: space-between;
    gap:10px;
 }

 .calc_cats .c_item:hover, .calc_cats .c_item.active{
background:var(--yellow);
border-color:var(--yellow);
transition:all linear 0.3s;
 }

 .calc_cats .c_item img{
max-width:100%;
max-height:60%;
 }
 .calc_cats .c_item p{
    line-height: 1em;
    margin: 0px;
}
.calc_wrapper{
width:85%;
  max-width:1000px;

  
}
.calc_wrapper .btn-submit{
font-size:20px;
    max-width:370px;
    display:flex !important;
    padding-left:10%;
    padding-right:3%;
    justify-content: space-between;
}
.calc_wrapper .btn-submit img{
width:18px;
}
.calc_wrapper h3{
font-size:22px;

}
.calc_wrapper #result{
    font-weight:bold;
    font-size:28px;
}
.calc-fields {
    margin:80px 0 50px 0;
    display: flex;
    gap: 10%;
    align-items: center;
    
}
.calc-fields-hide{
    display:none;
}
.calc-fields h3{
margin-bottom:15px;
margin-top:-15px;
} 
#lengthInput,.custom-select{
border:1px solid var(--yellow);
width:115px;
height:auto;
font-size:28px;
background:transparent;
text-align:left;
color:var(--yellow);

box-sizing:border-box;
outline:none;
}
#lengthInput{
padding: 5px 20px;
}
.custom-select {
    position: relative;
   
    cursor: pointer;
 
    
}


.custom-select .select-current{
padding: 5px 20px;
background: url(/wp-content/themes/metalobaza/assets/img/arrow-yellow.png) 90% center no-repeat;
    background-size: 30px auto;

}
.select-list {
    z-index:20;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #111;
    color: #fff;
    border: 1px solid #ccc;
    display: none;
}

.select-item {
    padding: 8px;
    cursor: pointer;
}

.select-item:hover {
    background: #333;
}
.right form .arrow{
height:fit-content;
margin-left:9px;
padding:6px 0;
}
    #map {
height:400px;
}




.services-block{
  padding:70px 0 0px 0
}


.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 30px;
}

.service-item2 {
    text-decoration: none;
    color: #222;
    background: #f3f3f3;
  
    transition: 0.3s;
}

.service-item2:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}

.service-item2 img {
    width: 100%;
    height: 240px;
    display: block;
    object-fit: cover;
}

.service-item2 span {
    display: block;
    padding: 12px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.services-text {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

.services-text p {
    margin-bottom: 15px;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

@media (max-width: 1199px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
}


















.faq-section{
padding:40px 0 60px 0;
}


        .faq-wrapper{
            overflow: hidden;
            max-width:755px;
            margin:0px auto;
            border-radius:20px;
            border:1px solid #b2b3b3;
        }
        .faq-item {
    border-bottom: 1px solid #ddd;
}
.faq-title{
text-align: center;
color:#FFF;
background-color: #0c091c;
padding:15px 0;
}
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease;
}

.faq-answer-inner {
    padding: 0 20px 20px;
}


    .contact-form {
overflow: hidden;

}
.faq-arrow path {
    fill: #d9b62f;
      
    transition: .3s;
}

.faq-arrow {

 transform: rotate(180deg);
}
.faq-item.active .faq-arrow {
    transform: rotate(0deg);
    transition: .3s;
}

.faq-item.active .faq-arrow path {
    fill: #05051a;
}

.faq-item.active .faq-answer {
    max-height: 500px;
  padding-top:15px;
}
.faq-item.active .faq-question{
 background:#d9dada;
 border-bottom: 1px solid #b2b3b3;
}