/* Image */
.header__cat-iw-list_s img{
	max-width:40px;
	max-height:40px;
}

/* Division */
.header__cat-iw-list_p{
	margin-left:-80px;
}

/* Main about adv  line */
.swiper-wrapper .swiper-slide .main-about-adv__line{
	padding-top:0px;
	margin-bottom:148px;
	margin-top:0px;
}

/* Big */
#sibexContactForm form .btnBig{
	max-width:180px;
}

/* Advantages  text */
.ntl-advantages__head .ntl-advantages__text{
	transform:translatex(0px) translatey(0px);
	line-height:1.3em;
	padding-top:0px;
}

/* Advantages  head content */
.ntl-advantages .ntl-advantages__head .ntl-advantages__head-content{
	padding-top:20px;
	padding-bottom:20px;
}

/* Link */
#sibeksPricesMenu a{
	font-size:14px;
	line-height:2.3em !important;
}

/* Division */
.header__cat-iw-list_s:nth-child(4){
	margin-left:15px;
	
}

/* 420px and smaller screen sizes */
@media (max-width:420px){

	/* Form */
	#form{
		padding-right:20px;
		padding-left:20px;
	}
	
	/* Big */
	.prj-slider__swiper .prj-card .btnBig{
		font-size:14px !important;
		max-width:89px;
		min-width:178px !important;
	}
	
}

/* 1024px and larger screen sizes */
@media (min-width:1024px){

	/* Big */
	#sibexContactForm form .btnBig{
		min-width:180px;
	}
	
}

/* 1400px and larger screen sizes */
@media (min-width:1400px){

	/* Span Tag */
	.header__cat-iw-list_s span{
		font-size:14px;
	}
	
	/* Heading */
	#form .form-section__text h2{
		font-size:48px;
	}
	
















/* Убираем все рамки/иконки Elementor-оверлея, если они зачем-то попали на фронт */
.elementor-editor-element-settings,
.elementor-editor-element-overlay,
.elementor-element-overlay,
[class*="elementor-editor"] .elementor-element-overlay,
[class*="elementor-editor"] .elementor-editor-element-settings {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* На всякий — убираем outline/обводки, если Elementor их рисует */
.elementor-element {
  outline: none !important;
}


/* цвет кружка в title-section */
#ab-advantages .title-section span{
  background:#FEB728;
}

/* активная вертикальная линия */
#ab-advantages .ab-advantages__col2::before{
  border-left:2px solid #FEB728;
}





button:hover,
button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
}















/* Убираем стандартную стрелку Elementor */
a.elementor-item.has-submenu .sub-arrow svg{
  display:none !important;
}

/* Своя стрелка — всегда БЕЛАЯ */
a.elementor-item.has-submenu .sub-arrow{
  width:14px;
  height:14px;
  display:inline-block;
  margin-left:8px;
  vertical-align:middle;

  /* Делаем SVG маской */
  -webkit-mask: url("http://maslo-new.local/wp-content/uploads/2026/01/Дизайн-без-названия-26.svg") center / contain no-repeat;
  mask: url("http://maslo-new.local/wp-content/uploads/2026/01/Дизайн-без-названия-26.svg") center / contain no-repeat;

  background-color:#ffffff; /* ← Белый цвет стрелки */

  /* По умолчанию повернута */
  transform:rotate(90deg);
  transition:transform .4s ease;
}

/* При наведении — возвращается обратно */
a.elementor-item.has-submenu:hover .sub-arrow{
  transform:rotate(0deg);
}

/* Если пункт раскрыт */
a.elementor-item.has-submenu[aria-expanded="true"] .sub-arrow{
  transform:rotate(0deg);
}













/* Пассивное выравнивание для текста в контенте страниц/записей */
.entry-content :is(p, li){
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  overflow-wrap: break-word;
}

/* Не трогаем заголовки */
.entry-content :is(h1,h2,h3,h4,h5,h6){
  text-align: inherit;
}











/* =========================================================
   ABOUT US (/about-us/) — page-id-3521
   History Swiper: hide default text, style nav buttons,
   set padding, and position arrows above the years
   ========================================================= */

/* 1) Inner paddings for the whole block */
body.page-id-3521 .ab-history{
  padding: 30px !important;
  box-sizing: border-box;
}
@media (max-width: 767px){
  body.page-id-3521 .ab-history{
    padding: 20px !important;
  }
}

/* 2) Make swiper container positioning context */
body.page-id-3521 .ab-history .ab-history__swiper{
  position: relative;
}

/* 3) Remove default Swiper "prev/next" pseudo text */
body.page-id-3521 .ab-history .swiper-button-next:after,
body.page-id-3521 .ab-history .swiper-rtl .swiper-button-prev:after,
body.page-id-3521 .ab-history .swiper-button-prev:after,
body.page-id-3521 .ab-history .swiper-rtl .swiper-button-next:after{
  content: none !important;
  display: none !important;
}

/* 4) Nav buttons look (like your screenshot) */
body.page-id-3521 .ab-history .swiper-button-prev,
body.page-id-3521 .ab-history .swiper-button-next{
  position: absolute;
  z-index: 5;

  width: 36px;
  height: 36px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,255,255,.22);
  border-radius: 8px;
  background: transparent;

  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
  transition: background .2s ease, border-color .2s ease, opacity .2s ease;

  /* IMPORTANT: lift arrows above the years */
  top: -100px !important;       /*
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 * 
                                 *