html {
		margin-top: 0 !important;
}

body {
		font-size: 16px;
}

@media only screen and (max-width:1366px) {
		body {
				font-size: 14px;
		}
}

* {
  -webkit-tap-highlight-color: transparent;
}

a,
a:hover {
		outline: none;
		text-decoration: none !important;
}

.is-style-pill a {
		background-color: transparent;
		border: 1px solid #ffffff;
}

input,
button {
		outline: none;
}
iframe {
		border: none !important;
}


footer {
		margin-block-start: 0 !important;
}

header {
    position: fixed;
    width: 100%;
    top: 0;
		z-index: 50;
		transition: background-color 0.2s;
}

header .header-logo,
header .mega-menu,
header .header-phone,
header .header-icon {
		transition: transform 0.2s !important;
}

header.shrunk {
		background-color: #171717;
}

header.shrunk .header-logo,
header.shrunk .mega-menu,
header.shrunk .header-phone,
header.shrunk .header-icon {
		transform: scale(0.95) !important;
}

.mega-menu {
		display: flex !important;
		gap: 30px;
		justify-content: space-between;
}

.mega-menu-link {
		font-weight: 500 !important;
		position: relative !important;
}

.mega-menu-link::before {
		content: '';
    position: absolute !important;
    left: 0;
    bottom: 5px;
    width: 100% !important;
    height: 1px !important;
    background-color: #FFFFFF !important;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.mega-menu-link:hover::before {
		transform: scaleX(1);
}

.project-button,
.portfolio-button,
.services-button,
.next-project-button {
		cursor: pointer;
		transition: background-color 0.2s;
}

.portfolio-button a {
		transition: color 0.2s;
}

.project-button p,
.project-button a,
.project-button svg,
.services-button p,
.services-button a,
.services-button svg {
		transition: color 0.2s, fill 0.2s;
}

.portfolio-button:hover,
.portfolio-button:active {
		background-color: #4fbaee;
}

.portfolio-button:hover a,
.portfolio-button:active a {
		color: #09090f;
}

.project-button:hover,
.project-button:active,
.next-project-button:hover,
.next-project-button:active {
		background-color: transparent !important;
}

.project-button:hover p,
.project-button:hover a,
.project-button:hover svg,
.project-button:active p,
.project-button:active a,
.project-button:active svg {
		color: #FFFFFF !important;
		fill:  #FFFFFF;
}

.next-project-button:hover p,
.next-project-button:hover svg,
.next-project-button:active p,
.next-project-button:active svg {
		color: #09090f !important;
		fill:  #09090f;
}

.services-button:hover {
		background-color: #FFFFFF;
}

.services-button:hover p,
.services-button:hover a,
.services-button:hover svg,
.services-button:active p,
.services-button:active svg,
.services-button:active a {
		color: #09090f !important;
		fill:  #09090f;
}

.portfolio-banner {
		cursor: pointer;
		transition: box-shadow 0.2s;
}

.portfolio-banner:hover {
		box-shadow: 0px 0px 50px 0px #5898b54d;
}

.form-field {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.938em;
}

.form-field-wrapper {
		display: flex;
		flex-direction: column;
}

.form-field-label {
		font-size: 12px;
		color: #8080A0;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 16px;
		margin-bottom: 8px;
}

.form-field input:not(.form-field-submit) {
		padding: 1.125em 1.25em;
		background-color: #09090F;
		border: 1px solid #f0f0f70f;
		border-radius: 20px;
		color: #ffffff;
		font-size: 14px;
		font-family: 'Montserrat';
		transition: border-color 0.2s;
}

.form-field input::placeholder {
		color: #8080A0;
}

.form-field input:not(.form-field-submit):active,
.form-field input:not(.form-field-submit):focus {
		border-color: #4FBAEE;
}

.form-field .wpcf7-form-control-wrap {
		display: flex;
		flex-direction: column;
}

.form-field .textarea {
		grid-column: span 2;
}

.form-field textarea {
		padding: 1.125em 1.25em;
		background-color: #09090F;
		border: 1px solid #f0f0f70f;
		border-radius: 20px;
		color: #ffffff;
		font-size: 14px;
		resize: none;
		font-family: 'Montserrat';
		margin-bottom: 14px;
}


.form-field textarea::placeholder {
		color: #8080A0;
}

.form-field .wpcf7-not-valid-tip {
		margin-top: 6px;
		font-size: 14px;
}

.form-field-text {
		font-size: 12px;
		line-height: 16px;
		color: #8080A0;
}

.form-field-link {
		color: #4FBAEE;
		transition: color 0.2s;
}

.form-field-link:hover {
		color: #A8D8EF;
}

.form-field-submit {
		width: max-content;
		border: 1px solid #4FBAEE;
		background-color: #4FBAEE;
		border-radius: 30px;
		color: #09090F;
		font-size: 14px;
		font-weight: 600;
		padding: 16px 40px;
		cursor: pointer;
		font-family: 'Montserrat';
		transition: background-color 0.2s, color 0.2s;
}

.form-field-submit:hover,
.form-field-submit:active {
		background-color: transparent !important;
		color: #ffffff;
}


.form-field-button {
		display: flex;
		flex-direction: column;
    align-items: flex-end;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
		text-align: center;
		border-color: #4FBAEE !important;
}

.swiper-pagination {
		bottom: 70px !important;
}

.swiper-pagination-bullet {
		height: 3px !important;
		width: 20px !important;
		background-color: #8080A0 !important;
		border-radius: 12px;
		opacity: 1;
}

.swiper-pagination-bullet-active {
		background-color: #4A36D8 !important;
		width: 40px !important;
}

.swiper-button-next,
.swiper-button-prev {
		color: #FFFFFF;
		top: 13% !important;
    border: 4px solid #8080A0;
    border-radius: 50%;
    padding: 6px;
    width: 20px;
    height: 20px;
		outline: none;
		transition: border-color 0.2s, color 0.2s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
		border-color: #4A36D8;
		color: #8080A0;
}

.swiper-button-next {
		 right: 220px !important;
}

.swiper-button-prev {
     left: auto !important;
     right: 276px !important;
}

.wp-block-navigation__responsive-close {
		 width: max-content !important;
}

.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		align-items: center !important;
}

.wp-block-navigation__responsive-container-close {
		right: -133px !important;
    top: 20px !important;
}

.map-box {
		width: 100vw;
    overflow: hidden;
    transform: translateX(-20px);
		filter: grayscale(1) brightness(0.9);
    cursor: pointer;
		transition: filter 0.2s;
}

.map-box:hover,
.map-box:active,
.map-box:focus {
		filter: none;
}

.digital-post .wp-block-post {
		cursor: pointer;
		position: relative;
		border-radius: 12px;
		transition: box-shadow 0.2s;
		z-index: 2;
}


.digital-post .wp-block-post::before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		backdrop-filter: blur(10px);
		border-radius: 12px;
		border: 1px solid #f0f0f70f;
}

.digital-post .wp-block-post:hover,
.digital-post .wp-block-post:active {
		box-shadow: 0px 0px 50px 0px #5898b54d; 
}

.category-portfolio-razrabotka .portfolio-image,
.category-portfolio-marketing .portfolio-image {
		border-radius: 20px;
		transition: box-shadow 0.2s;
}

.category-portfolio-razrabotka:hover .portfolio-image,
.category-portfolio-razrabotka:active .portfolio-image,
.category-portfolio-marketing:hover .portfolio-image,
.category-portfolio-marketing:active .portfolio-image {
		box-shadow: 0px 0px 50px 0px #5898b54d; 
}

/************responsive***********/

@media only screen and (max-width:1199px) {
		.header-soc {
				display: none !important;
		}
		
		
		.form-text {
				padding-inline: 0 !important;
		}
		
		.mega-menu-link {
				font-size: 14px !important;
		}
}

@media only screen and (max-width:1057px) {
		.services-item-title {
				margin-top: 0.516em !important;
		}
		
		.services-item-text {
				padding-top: 2.286em !important;
				margin-left: 0 !important;
		}
		
		.seo-inner {
				display: none;
		}
}

@media only screen and (max-width:1024px) {
		.mega-menu {
				gap: 15px;
				justify-content: flex-start;
		}
}

@media only screen and (max-width:767px) {
		.form-field {
			display: flex;
      flex-direction: column;
      width: 100%;
		}
		
		.form-field .textarea {
				grid-column: auto;
		}
		
		.form-field-text {
				text-align: center;
		}
		
		.form-field-link br {
				display: none;
		}
		
		.form-field-button {
				align-items: center;
		}
		
		.footer-info-logo {
				gap: 0;
		}
		
		.footer-info-logo .wp-block-site-logo {
				margin-inline: auto;
		}
		
		.footer-social {
			display: flex;
    	align-items: flex-end;
    	gap: 10px;
		}
		
		.footer-rights {
				flex-direction: column;
		}
		
		.swiper-button-next,
		.swiper-button-prev {
				display: none;
		}
}

@media only screen and (max-width:599px) {
		.portfolio-item {
				justify-content: flex-start;
		}
}


@media only screen and (max-width:425px) {
		.header-item {
				gap: 5px;
		}
		
		.button-group {
				flex-direction: column;
				align-items: flex-start;
		}
}