/*ScrollBar*/
* {
  scrollbar-width: thin;
  scrollbar-color: var(--wp--preset--color--primary) var(--wp--preset--color--contrast-2);
}
*::-webkit-scrollbar {
  height: 10px;
  width: 16px;
}
*::-webkit-scrollbar-track {
  background: var(--wp--preset--color--contrast-2);
}
*::-webkit-scrollbar-thumb {
  background-color: var(--wp--preset--color--primary);
  border-radius: 10px;
  border: 3px solid var(--wp--preset--color--contrast-2);
}
body {
	overflow-x: clip;
}
.mobile {
	display: none;
}
.wp-block-navigation .mobile {
	display: none;
}
.emailput {
	position: absolute;
	z-index: -99;
	width: 0;
	height: 0;
}
.chaty-cta-button, .chaty-cta-button button {
	background-color: var(--wp--preset--color--primary) !important;
}
circle {
	fill: var(--wp--preset--color--primary);
}
#chaty-widget-0 .channel-icon-Link{
	background: linear-gradient(135deg, #00D4FF, #7B68EE, #8B00FF);
	border-radius: 50%;
}
#chaty-widget-0 .channel-icon-Link .chaty-svg {
	background: url('https://webility.by/wp-content/uploads/2026/03/Max_logo-64x64-1.png') center/61% 61% no-repeat !important;
}
#chaty-widget-0 .channel-icon-Link .chaty-svg > svg {
	opacity: 0;
}
/*Menu settings*/
.is-menu-open {
	position: fixed;
	min-height: 100vh;
}
.menu-sticky {
	box-shadow:  0 0 5px rgba(255, 255, 255, .2);
}
.current-menu-item > a > span {
	color: var(--wp--preset--color--accent-2) !important;
}
.current-menu-item > a:hover > span {
	color: var(--wp--preset--color--secondary) !important;
}
/*Ul Li for Price*/
.has-li li::marker {
content: '';
width: 0;
}
.has-li li::before {
position: relative;
display: inline-block;
top: 4px;
margin-right: 7px;
content: '';
height: 20px;
width: 20px;
background-image: url("https://webility.by/wp-content/uploads/2026/02/icons8-ок-50.png");
background-size: cover;
}
/*Imgs & Icons for pages*/
.cube {
	z-index: 4;
}
.cube-background {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 80px;
	left: 0;
	right: 0;
	text-align: center;
	width: 350px;
	height: 350px;
	border: none;
	border-radius: 50%;
	z-index: -1;
}
.icon-header {
	width: 82px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.about-me-img {
	position: relative;
	top: 25px;
	left: 20px;
}
 .about-me-page {
	 height: 400px;
	 width: 400px;
	 justify-content: center;
}
.reason-img {
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 36px;
	height: 36px;
}
.icon-kontekst {
	position: absolute;
	top: 20px;
	right: 15%;
}
.reason {
	width: 220px;
}
.period {
	position: absolute;
	bottom: 2px;
	right: 11px;
}
.icon-service {
	position: absolute;
	top: -1px;
	right: 11px;
}
.accent-header {
	width: 200px;
}
.number-steps {
	position: absolute;
	top: -40px;
	right: 10px;
	font-size: 100px !important;
	opacity: 0.3;
}
.number {
	position: absolute;
	bottom: -280px;
	left: -10px;
	z-index:-1;
}
/*Glass Effect*/
.glass-style {
	background-color: #0f0f0f6f;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:
    inset -0.75px -0.5px rgba(255, 255, 255, 0.1),
    inset +0.75px +0.5px rgba(255, 255, 255, 0.025),
    3px 2px 10px rgba(0, 0, 0, 0.25),
    inset 0px 0px 10px 5px rgba(255, 255, 255, 0.025),
    inset 0px 0px 40px 5px rgba(255, 255, 255, 0.025);
  position: relative;
	text-shadow: 0 1px 2px rgba(15, 15, 15, 0.1);
}
.color-for-glass-1 {
	background-color: #ffffff3f;
}
.color-for-glass-2 {
	background-color: #0172743f;
}
/*Hover effect banner group*/
.has-hover-color:hover {
	background-color: var(--wp--preset--color--secondary) !important;
	border-color: var(--wp--preset--color--secondary) !important;
	-moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.has-hover-color:hover .hover-clr-contrast-2 {
	color:var(--wp--preset--color--contrast-2)!important;
}
.has-hover-color .services-icon img {
-moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.has-hover-color:hover .services-icon img {
	filter: invert(100%) hue-rotate(90deg) saturate(3);
	rotate: 450deg;
}
.has-hover-color:hover .bottom-txt {
	color: var(--wp--preset--color--contrast-2);
}
/*Btn style*/
.wp-block-button {
  border-radius: 4em;
  cursor: pointer;
  position: relative;
  border: none;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  outline: 1px solid;
  outline-offset: 0px;
  transition: all 950ms cubic-bezier(0.19, 1, 0.22, 1);
  &:hover { text-decoration: none; } 
}
.btn-white {
  outline-color: rgba(255, 255, 255, .5);
}
.btn-black {
  outline-color: rgba(15, 17, 12, .5);
}
.btn-white:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, .2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
	background-color: var(--wp--preset--color--contrast-2)!important;
}
.btn-white:hover a {
	color: var(--wp--preset--color--primary)!important;
}
.btn-black:hover {
  box-shadow:  0 0 20px rgba(15, 17, 12, .2);
  outline-color: rgba(15, 17, 12, 0);
  outline-offset: 15px;
	background-color: var(--wp--preset--color--primary)!important;
}
.btn-black:hover a {
	color: var(--wp--preset--color--contrast-2)!important;
}
.pulse {
	animation: pulse 1.2s infinite;
}
.pulse:hover {
	animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	outline-color: rgba(255, 255, 255, 0);
  outline-offset: 0px;  
  }
  15% {
      -webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
	  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 5px;
  }
	100% {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 16px; 
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  }
  15% {
      -moz-box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
      box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
	  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 5px;
  }
	100% {
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 16px;
  }
}
/*Slider*/
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 44vh;
}

.left-slide {
  height: 100%;
  width: 35%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
}
.left-slide > div {
  height: 100%;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  background-color: none;
	line-height: 1.5em;
}
.left-seo > div  {
top: -20px;
}
.left-slide h3 {
  font-size: 20px;
  margin-bottom: 10px;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold; 
	color: var(--wp--preset--color--primary);
	line-height: 1em;
}
.left-slide p {
  font-size: 16px;
  color: var(--wp--preset--color--accent-7);
}
.about-project > div {
	margin: 7px auto !important;
}
.about-project div {
	margin: 15px auto;
}
.left-seo .about-project div {
	margin: 19px auto;
	line-height: 1em;
}
.time-portfolio, .cms-portfolio  {
	font-size: 18px !important;
	font-weight: bold;
	color: var(--wp--preset--color--contrast-2) !important;
	margin: 5px auto !important;
	line-height: 1em;
}
.left-seo .time-portfolio,.left-seo .cms-portfolio  {
	font-size: 18px !important;
	font-weight: bold;
	color: var(--wp--preset--color--contrast-2) !important;
	margin: 5px auto !important;
	line-height: 1em;
}
.about-time, .about-cms {
	margin: 10px 0px 3px !important;
	color: var(--wp--preset--color--primary) !important;
}
.time-portfolio span {
	font-size: 32px;
	font-weight: bold;
}
.right-slide {
  height: 100%;
  position: absolute;
  top: 0;
  left: 35%;
  width: 65%;
  transition: transform 0.5s ease-in-out;
}
.right-slide > div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: 100%;
  width: 100%;
    left: 0;
    right: 0;

}
.scroll-image img {
	width: 100%;
}
.scroll-image {
overflow-y: scroll;
}
.seo-portfolio .scroll-image {
overflow: hidden;
}
.action-buttons button {
  background-color: #ffffffff;
  border: none;
  color: #000000;
  cursor: pointer;
  font-size: 16px;
  padding: 15px;
  transition: background-color 0.5s ease;
}
.action-buttons button:hover {
  background-color: #ffffffa1;
}
.action-buttons button:focus {
  outline: none;
}
.slider-container .action-buttons button {
  position: absolute;
  left: 35%;
  top: 50%;
}
.slider-container .action-buttons button img {
width: 32px;
height: 32px;
}
.slider-container .action-buttons .down-button {
  transform: translateX(-100%);
  border-radius: 50% 0 0 50%;
}
.slider-container .action-buttons .up-button {
  transform: translateY(-100%);
  border-radius: 0 50% 50% 0;
}
/*Rating Star for ModalWindow*/
.rating-area {
	overflow: hidden;
	width: 240px;
	padding: 0px 20px;
}
.rating-area:not(:checked) > input {
	display: none;
}
.rating-area:not(:checked) > label {
	float: right;
	width: 28px;
	padding: 0;
	cursor: pointer;
	font-size: 32px;
	line-height: 28px;
	color: lightgrey;
	text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked) > label:before {
	content: '★';
}
.rating-area > input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px goldenrod;
}
.rate-area > label:active {
	position: relative;
}
/*Figures for Banner*/
.poly {
width: 45px;
height: 45px;
position: absolute;
font-size: 40px;
font-family: inherit;
font-weight: bold;
color: var(--wp--preset--color--secondary);
top: 46%;
right: 25%; 
rotate: 71deg;
}
.rect {
width: 32px;
height: 32px;
position: absolute;
border: 4px solid var(--wp--preset--color--accent);
border-radius: 8px;
top: 13%;
left: 15%; 
rotate: 25deg;
}
.circle {
width: 36px;
height: 36px;
position: absolute;
border: 4px solid var(--wp--preset--color--accent);
border-radius: 50%;
top:11%;
right: 21%; 
rotate: 25deg;
}
.slash {
width: 45px;
height: 45px;
position: absolute;
font-size: 40px;
font-family: inherit;
font-weight: bold;
color: var(--wp--preset--color--secondary);
top: 25%;
right: 12%; 
rotate: 5deg;
}
.dot {
width: 45px;
height: 45px;
position: absolute;
font-size: 40px;
font-family: inherit;
font-weight: bold;
color: var(--wp--preset--color--secondary);
top: 47%;
left: 23%; 
rotate: -15deg;
}
.ellipse {
width: 42px;
height: 26px;
position: absolute;
border: 4px solid var(--wp--preset--color--accent);
border-radius: 50%;
top: 31%;
left: 14%; 
rotate: 25deg;
}
/*New Otzyv*/
.testimonial{
 text-align: center;
 margin:80px 30px;
 padding: 30px 40px;
 border-radius:30px;
 position: relative;
 z-index: 0;
}
.testimonial:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: var(--wp--preset--color--primary);
 border-radius: 1em;
 z-index: -1;
}
.testimonial:after{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: var(--wp--preset--color--accent-2);
 border-radius: 1em;
 transform:rotate(-7deg);
 z-index: -2;
}
.avatar{
    width:72px;
    height:72px;
    border-radius:50%;
    background:var(--wp--preset--color--contrast-2);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    color: var(--wp--preset--color--accent-6);
    font-size:32px;
	margin: 0 auto;
}
.stars{margin-left:auto; color: var(--wp--preset--color--accent-4); font-weight:700; font-size: 40px;}
.testimonial .testimonial-content{
 font-size: 15px;
 letter-spacing: 1px;
 line-height: 30px;
 margin-bottom: 20px;
}
.testimonial .testimonial-content p {
	color: var(--wp--preset--color--accent-7);
}
.testimonial .testimonial-title span{
 display: inline-block;
 color: var(--wp--preset--color--accent-2);
 font-size: 20px;
 font-weight: 700;
 letter-spacing: 1px;
 text-transform: uppercase;
}
.testimonial .testimonial-title small{
 color: var(--wp--preset--color--accent-7);
 font-size: 15px;
 font-weight: 700;
 letter-spacing: 1px;
 text-transform: capitalize;
}
.owl-theme .owl-controls{
 margin-top: 0px;
 margin-left: 10px;
 text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
 display: inline-block !important;
 opacity:1;
 background:var(--wp--preset--color--primary);
 color: var(--wp--preset--color--contrast-2);
 border-radius: 8px;
 width: 40px;
 height: 40px;
 line-height: 40px;
 margin-right: 5px;
}
.owl-prev:before,
.owl-next:before{
 content: "\003c";
 font-size: 20px;
}
.owl-next:before{
 content: "\003e";
}
div.owl-item {
	display: inline-block !important;
}
.container {
	width: 100%;
	overflow: hidden !important;
}
/*Modal Windows*/
.modalDialog {
		position: fixed;
		font-family: inherit;
	    top: -20px;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		display: none;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}
	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}
	.modalDialog > div {
		width: 500px;
		background-color: var(--wp--preset--color--contrast-2);
		position: relative;
		top:-100px;
		margin: 10% auto;
		text-align: center;
		padding: 5px 20px 13px 20px;
		border-radius: 5px;
		box-sizing: border-box;
	}
    .forma {
        margin: 0 auto;
    }
    .form_field {
        border-radius: 5px;
        margin-bottom: 10px;
        color: #4a4a4a;
        font-size: 14px;
        font-weight: bold;
        padding: 3px;
        width: 80%;
        outline: none;
    }
	.close {
		background: transparent;
		color: #11a18d;
		line-height: 25px;
		position: absolute;
		right: 12px;
		text-align: center;
		top: 10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		border-radius: 16px;
	}
	.close:hover {
		color: #111111;
	}
#zvon {
	font-size:42px;
	color:var(--wp--preset--color--primary);
	line-height: 45px;
	margin: 10px;
}
#dopzvon {
	font-size:24px;
	color:var(--wp--preset--color--accent);
	line-height: 27px;
	margin: 10px;
}
#info {
	margin: 10px auto;
}

#info .input, .button-modal, .project {
	width: 82%;
	font-family: inherit;
	padding: 0.5em;
	border-radius: 6px;
	border: 1px solid var(--wp--preset--color--primary);
	line-height: 1;
	box-sizing: border-box;
}
.input, .input:focus, .project {
	outline: none;
}
.cta {
	text-align: center;
}
.cta .input {
	width: 270px;
	font-family: inherit;
	padding: 0.5em 1em;
	border-radius: 4em;
	border: 1px solid var(--wp--preset--color--base);
	line-height: 1;
	margin: 0% auto;
}
.cta .button-modal {
	width: 40%;
}
.cta a#policy {
	color: var(--wp--preset--color--primary) !important;
}
.cta a#policy:hover {
	color: var(--wp--preset--color--contrast-2) !important;
}
.contacts {
	text-align: center;
}
.contacts .input {
	width: 100% !important;
	font-family: inherit;
	padding: 0.5em 1em;
	border-radius: 4em;
	border: 1px solid var(--wp--preset--color--base);
	line-height: 1;
	margin: 0% auto;
	box-sizing: border-box;
}
.contacts .button-modal {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
textarea {
	resize: none;
}
#positive {
	color:var(--wp--preset--color--secondary);
}
#negative {
	color:var(--wp--preset--color--accent-3);
}
#negative,#positive {
	font-size:24px;
	line-height: 1.05;
}
#priv input[type="checkbox"] {
  margin-right: 2px;
}
#priv {
	color: var(--wp--preset--color--primary);
}
.button-modal {
	border: none;
	min-width: 200px;
	padding: 1em;
	border-radius: 2em !important;
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--contrast-2);
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.steps {
	position:absolute;
	top:-100px;
	right:-15px;
	text-shadow: 0px 0px 6px #48919C;
}
.telephone {
	position: relative;
	top: 1px;
}
.navi {
	position: relative;
	top: 2px;
}
#policy {
	text-decoration: underline;
	color: var(--wp--preset--color--secondary);
}
#policy:hover {
	color: var(--wp--preset--color--primary);
}
.modalDialog .custom-logo {
	filter: grayscale(0%) brightness(0%);
}
/* Checkbox IOS */
.checkbox-ios {
	display: inline-block;    
	height: 28px;    
	line-height: 28px;  
	margin-right: 10px;      
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	user-select: none;	
}
.checkbox-ios-switch {
	position: relative;
	top:-2px;
	display: inline-block;
	box-sizing: border-box;			
	width: 64px;	
	height: 38px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 2em;	
	vertical-align: top;
	background: #eee;
	transition: .2s;
}
.ball {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;	
	display: inline-block;
	width: 32px;	
	height: 32px;
	border-radius: 50%;
	background: var(--wp--preset--color--secondary);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	transition: .15s;
}
.ball.slide {
	transform:translateX(26px);
}

.ball.backslide {
	transform:translateX(1px);
}
.deactive {
  display:none!important;
}
#shablon-text, #unique-text {
	cursor: pointer;
}
a.policy {
	color:#232323 !important;
}
a.policy:hover {
	color:#ffae1b;
}
.skip-link {
	display: none;
}
/*Brif*/
.brif {
	text-align: center;
}
.for-brif {
	width: 100%;
	box-sizing: border-box;
}
.source {
	cursor: pointer;
	border-radius: 2em;
	padding: 0.5em 1em;
	border: 1px solid transparent;
	-moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.source:hover {
	border: 1px solid var(--wp--preset--color--primary);
}
.active-select {
	border: 1px solid var(--wp--preset--color--primary);
}
.hidden {
	display: none;
}
.note {
	text-align: left;
}
.note {
	display: none;
}
.brif-field:focus +label   {
	display: block;
}
.brif-field, .input-for-checkbox   {
	min-width: 240px;
	width: 100%;
	padding: 0.5em 1em;
	border-radius: 8px;
	border: 1px solid var(--wp--preset--color--primary);
	outline: none;
	box-sizing: border-box;
	left: 0;
}
.input-for-checkbox, .input-for-checkbox:disabled  {
	width: 95%;
}
.input-for-checkbox:disabled  {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--link-color);
}
.form-row {
	text-align: left;
}
.brif-field:focus   {
	border: 1px solid transparent;
	border: 2px solid var(--wp--preset--color--secondary);
}
fieldset {
	border-radius: 8px !Important;
	text-align: left;
}
.brif-btn {
	margin: 20px auto;
	width: 40%;
	min-width: 200px;
}
/*Mobile Adaptation*/
@media (max-width: 960px) {
	.desktop {
		display: none!important;
	}
	.mobile {
		display: block;
	}
	.steps{
		top:-40px;
	}
	.has-mobile-padding {
		padding: 1em!important;
	}
	.wp-block-buttons-is-layout-flex { 
		justify-content: center !important;
	}
	.modalDialog > div {
		width: 100vw;
		height: 100vh;
		position: abolute;
		top: 0px;
		left: 0;
		margin: 0% auto;
	}
	.close {
		top: 20px;
		right: 20px;
	}
	.services {
		padding: 0 !important;
	}
	.about-me-img {
		position: relative;
		top: 10px;
		left: 8px;
	}
	.cta .input {
		margin: 7px auto;
	}
	.cta .button-modal {
		min-width: 240px;
		width: 100% !important;
	}
	.left-slide {
		width: 100%;
		margin: 0 1em;
	}
	.right-slide {
		display: none;
	}
	.slider-container {
		box-sizing: border-box;
	}
	.left-slide h3 {
		font-size: 18px !important;
	}
	.left-slide p {
		font-size: 12px;
	}
	.left-seo .time-portfolio,.left-seo .cms-portfolio  {
		font-size: 16px !important;
		margin: 2px auto !important;
	}
	.slider-container .action-buttons button {
		position: absolute;
		left: 100%;
	}
	.slider-container .action-buttons .down-button {
		border-radius: 50% 0 0 50%;
		top: 60%;
	}
	.slider-container .action-buttons .up-button {
		border-radius: 50% 0 0 50%;
		transform: translate(-100%);
		top: 20px;
	}
	.link-portfolio {
		text-align: center;	}
	.link-portfolio a {
		font-size: 16px;
		margin: 20px auto;
		width: 260px;
		padding: 0.5em 1em;
		border-radius: 4em;
		border: 1px solid var(--wp--preset--color--contrast-2);
		color: var(--wp--preset--color--contrast-2);
		-moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
	}
	.link-portfolio a:hover {
		color: var(--wp--preset--color--primary);
		background-color: var(--wp--preset--color--contrast-2);
	}
	.icon-header {
		top: 5px;
		right: 5px;
	}
	.steps {
		right: 20px;
	}
	.has-li h2, .has-li p {
		text-align: center;
	}
	#sticky-header > div {
		padding: .8em !important;
	}
	
}