/*
Theme Name: Inastiv Theme
Theme URI: http://wordpress.org/themes/lib
Tags: Inastiv
Author: Inastiv
Description: This is news testing version for Inastiv custom theme
Version: 1.0
*/

/*  comments    */
:root {
	--main-font: "K2D", sans-serif;
	--inastiv-red: #FA0143;
	--inastiv-black: #030305;
	--gray: #484848;
	--gray-light: #B4B4B4;
	--white: #ffffff;
	--black: #000000;
	--red: #ff0000;
}
body,
p,
a,
button,
input,
textarea {
	font-family: var(--main-font);
	font-size: 18px;
	line-height: 1.2;
	color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--main-font);
	font-weight: bold;
	line-height: 1;
}
h1 {
	font-size: 128px;
}
h2 {
	font-size: 60px;
}
h3 {
	font-size: 40px;
}
h4 {
	font-size: 30px;
}
h5 {
	font-size: 24px;
}
/* h4 {
	font-size: ;
}
h5 {
	font-size: ;
} */
a,
a:hover,
a:focus,
button,
button:hover,
button:focus {
	box-shadow: none;
	outline: none;
}

a,
a:hover,
button,
button:hover {
	transition: all .3s ease-in-out;
}

body {
	background: var(--inastiv-black) url('assets/images/page-end-circle-background.webp') no-repeat left bottom;
}

.btn {
	font-size: 16px;
    font-weight: 700;
    line-height: 1;
	color: transparent;
	border: 1px solid transparent;
	display: flex;
	place-items: center;
	gap: 10px;
	border-radius: 60px;
	padding: 9px 16px;
}
.btn-primary {
	color: var(--white);
	background: var(--inastiv-red);
	border-color: var(--inastiv-red);
}
.btn-primary:hover {
	color: var(--white);
	background: transparent;
	border-color: var(--inastiv-red);
}
.btn-primary-outline {
	color: var(--white);
	background: transparent;
	border-color: var(--inastiv-red);
}
.btn-primary-outline:hover {
	color: var(--white);
	background: var(--inastiv-red);
	border-color: var(--inastiv-red);
}

.block {
	display: flex;
	flex-direction: column;
	padding: 100px 0;
	position: relative;
}


/*	coming soon	*/
.coming-soon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100vw;
	height: 100vh;
	position: relative;
	gap: 30px;
	padding: 100px 60px;
	position: relative;
}
.coming-soon-wrapper::before {
	content: '';
	width: 100%;
	height: 655px;
	border-radius: 100%;
	background: url('https://inastiv.com/wp-content/uploads/2025/08/coming-soon-shadow-circle.webp') no-repeat center center / contain;
	display: block;
	max-width: 655px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translatey(-50%);
}

.coming-soon-wrapper img {
	width: 100%;
	max-width: 350px;
}

.coming-soon-wrapper h3 {
	display: block;
	width :100%;
	text-align: center;
}
.coming-soon-wrapper h3 span {
	color: var(--inastiv-red);
}

.page-template-page-coming-soon header,
.page-template-page-coming-soon footer {
	display: none;
}

.coming-soon-wrapper img,
.coming-soon-wrapper h3 {
	position: relative;
	z-index: 2;
}

/*	home	*/
.main-banner-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	overflow: hidden;
}
.main-banner-img {
	width: 100%;
}

.nav-service-tags li,
.nav-service-tags .service-tag {
	font-size: 18px;
}

.nav-subtitle-list {
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
}
.nav-subtitle-list li {
	padding: 6px 16px;
    border-radius: 20px;
    border: 1px solid var(--white);
    display: flex;
    place-items: center;
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}
.nav-subtitle-list li:first-child,
.nav-subtitle-list li.last-child {
	padding: 0;
	border: 0;
	border-radius: 0;
}

h2.section-title {
	color: var(--white);
}
h1.section-title span,
h2.section-title span {
	color: var(--inastiv-red);
}

.section-description-more-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.service-row .accordion-item {
	background: none;
	border: 0;
	padding: 0;
/* 	border-top: 1px solid var(--white); */
}
.service-row .accordion-item:first-of-type {
	border-radius: 0;
}
.service-row .accordion-item:first-of-type>.accordion-header .accordion-button {
	border-radius: 0;
	box-shadow: none;
}
.service-row .accordion-button {
	border-top: 1px solid var(--inastiv-red);
	border-bottom: 0;
	border-radius: 0;
	font-weight: 700;
	font-size: 40px;
	color: var(--white);
	background: transparent;
	padding: 30px;
	flex-wrap: wrap;
	position: relative;
	gap: 15px;
	align-items: flex-start;
}
.service-row .accordion-button:focus {
	border-bottom: 0;
	box-shadow: none;
}
.service-row .accordion-button.collapsed {
	border-top: 1px solid rgba(255,255,255,.4);
}
.service-row .accordion-button::after {
	position: absolute;
	top: 31px;
	right: 30px;
}
.accordion-button::after {
	width: 24px;
	height: 24px;
	background: url('assets/images/accordion-plus.svg') no-repeat center center;
}
.accordion-button:not(.collapsed)::after {
	background: url('assets/images/accordion-minus.svg') no-repeat center center;
}
.service-row .accordion-button:focus {
	outline: none;
	box-shadow: none;
}
.service-row .accordion-button span {
	font-size: 20px;
	font-weight: 400;
	color: var(--inastiv-red);
	margin: 0 15px 0 0;
}
.service-row .accordion-header {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.nav-service-tags {
	padding: 0 30px 0 55px;
	gap: 10px;
	max-width: 100%;
	width: 100%;
}
.nav-service-tags .service-tag {
	font-weight: 400;
	color: var(--white);
}
.nav-service-tags li:last-child {
	display: none;
}

.service-row .accordion-body {
	padding: 0 30px 30px 85px;
}
.serivce-row .accordion-body p {
	margin: 0;
}
.project-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 24px;
	min-height: 407px;
	border: 1px solid var(--white);
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	background-size:cover; 
	background-position:center;
	transition: .3s;
}
.project-item h5 {
	transition: .3s;
}
.project-item .view-project-icon,
.project-item .view-project-icon path{
	transition: .3s;
}
.project-item:hover h5 {	
	color: var(--inastiv-red);
}
.project-item:hover .view-project-icon {
	border-color: var(--inastiv-red);
}
.project-item:hover .view-project-icon path {
	fill: var(--inastiv-red);
}
.home-description-btn-block .row {
	align-items: center;
}
.home-description-btn-block p {
	margin: 0;
}
.home-description-btn-block .col-md-6:last-child {
	display: flex;
	justify-content: flex-end;
}

.portfolio-section .row:first-child {
	align-items: flex-end;
}

.testimonial-item {
	display: flex;
	flex-direction: column;
	gap: 30px;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border: 1px solid var(--white);
	padding: 40px;
}
.testimonial-item p {
	color: var(--white);
	margin: 0;
	font-size: 18px;
	font-weight: 400;
}
.testimonial-item .client-name {
	color: var(--inastiv-red);
}

.testimonial-item p {
	opacity: .4;
	transition: all .3s ease-in-out;
}
.testimonials-slider .slick-active.slick-center .testimonial-item p {
	font-size: 24px;
	font-weight: 500;
	opacity: 1;
	transition: all .3s ease-in-out;
}

.testimonials-slider .slick-track {
	display: flex;
	align-items: center;
	gap: 30px;
	min-height: 350px;
}

/* put in your theme CSS */
.navbar-nav > li.nav-item:not(:last-child) > a.nav-link::after {
  content: " .";
  display: inline-block;
  margin-left: 15px;
  opacity: .7;               /* optional, to soften the dot */
}
.navbar-nav {
	margin-left: 15px;
}
.current_page_item a {
	color: var(--inastiv-red);
}
.header-buttons-wrapper {
	display: flex;
	margin-left: auto;
}
.header-buttons-wrapper .widget_block {
	display: flex;
	gap: 15px;
}

.header {
	width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;                 /* above content */
  background: transparent;
	transition: all .3s ease-in-out;
}
.header.is-sticky {
	transition: all .3s ease-in-out;
	background: var(--inastiv-black);              /* or your color */
  box-shadow: 0 2px 10px rgba(0,0,0,.06);	
}

.hero-section {
	background: url('https://inastiv.com/wp-content/uploads/2025/09/home-main-banner-background-circle.webp') no-repeat left center / contain, url('https://inastiv.com/wp-content/uploads/2025/09/home-banner-grid.webp') no-repeat right center / contain;
}
.hero-section .top-section {
	align-items: center;
	margin-bottom: 60px;
}

.hero-section p {
	margin: 0;
}
.hero-subtitle {
	display: flex;
	align-items: center;
	gap: 15px;
}
.hero-subtitle br {
	display: none;
}
.hero-subtitle-line {
	background: var(--inastiv-red);
	width: 170px;
	height: 1px;
	display: flex;
}

.client-wrapper {
	padding: 30px 0;
}
.clients-slick.slick-slider .slick-track {
	display: flex;
	align-items: center;
}
.slick-initialized .slick-slide.client-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
.clients-slick img {
	max-width: 100%;
}

.about-section {
	border-top: 1px solid var(--inastiv-red);
	border-bottom: 1px solid var(--inastiv-red);
	position: relative;
	padding: 0;
}
.about-section::before {
	content: '';
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% - .5px);
	background: var(--inastiv-red);
}
.about-section .col-md-6:first-child {
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: center;
	padding: 50px 50px 50px 15px;
}
/* .about-section .col-md-6:last-child {
	border-left: 1px solid var(--inastiv-red);
} */
.about-section h2,
.about-section h3,
.about-section p {
	margin: 0;
}
.about-block h3 {
	color: var(--inastiv-red);
}
.about-block {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 50px 0;
	margin: 0 35px;
	border-bottom: 1px solid var(--white);
}
.about-block:last-child {
	border: 0;
}

.top-wrapper-section {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	margin: 0 0 60px;
}
.top-wrapper-section h2,
.top-wrapper-section h3,
.top-wrapper-section p {
	margin: 0;
}
.top-wrapper-section h2 {
	line-height: 1.2;
}
.projects-statistics-block {
	border-top: 1px solid var(--inastiv-red);
	border-bottom: 1px solid var(--inastiv-red);
}
.projects-statistics-block .col-md-1:first-child {
	display: none;
}
.projects-statistics-block .row {
	align-items: center;
}
.projects-statistics-block .stat-item {
	display: flex;
	flex-direction: column;
	place-items: center;
	gap: 24px;
}
.projects-statistics-block .stat-item h3,
.projects-statistics-block .stat-item p {
	margin: 0;
}
/* .portfolio-section .col-md-6:last-child {
	display: flex;
	justify-content: flex-end;
} */
.project-filters {
	gap: 8px;
	margin: 0 0 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.filter-btn {
	border-radius: 20px;
	padding: 6px 16px;
	gap: 10px;
	display: flex;
	align-items: center;
	backdrop-filter: blur(16px);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.filter-btn.active {
	color: var(--inastiv-red);
}

.filter-btn svg path {
	fill: var(--white);
	transition: all .3s ease-in-out;
}
.filter-btn.active svg path {
	fill: var(--inastiv-red);
	transition: all .3s ease-in-out;
}

.projects-slick .slick-track {
	display: flex;
	gap: 24px;
	justify-content: flex-start;
}
.project-item {
	text-decoration: none;
}
.project-item h5 {
	margin: 0;
	font-weight: 500;
}
.project-item ul {
	display: flex;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.project-item li {
	border-radius: 20px;
	display: flex; 
	align-items: center;
	padding: 5px 16px;
	background: rgba(3, 3, 5, 0.1);
	backdrop-filter: blur(16px);
	border: 1px solid var(--white);
}

.slick-arrow {
	width: 53px;
	height: 53px;
	background: transparent;
	border: 1px solid var(--inastiv-red);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.slick-prev:before,
.slick-next:before{
	display: none;
}
.slick-disabled {
	opacity: .4;
}
.projects-slick-wrap {
	position: relative;
}
.projects-slick-wrap .slick-arrow {
	position: absolute;
	top: inherit;
	bottom: -100px;
}
.projects-slick-wrap .slick-arrow.slick-prev {
	left: calc(50% - 61px);
}
.projects-slick-wrap .slick-arrow.slick-next {
	right: calc(50% - 61px);
}
.team-section {
	position: relative;
}
.team-section .slick-arrow {
	position: absolute;
	top: -95px;
	left: inherit;
}
.team-section .slick-prev {
	right: 69px;
}
.team-section .slick-next {
	right: 0;
}
.team-slider .slick-track {
	gap: 24px;
	display: flex;
}
.team-member {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--white);
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	overflow: hidden;
}
.team-member-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 24px;
}
.team-member-img {
	width: 100%;
	height: 244px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.team-member-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-member-info h5,
.team-member-info p {
	margin: 0;
}
.team-member-info h5 {
	font-weight: 500;
}
.team-member-info p {
	color: var(--inastiv-red);
}
.testimonials-section {
	position: relative;
}
.testimonials-section .top-wrapper-section {
	align-items: center;
}
.testimonials-section .testimonials-slider {
	min-height: 400px;
}
.testimonials-section .slick-arrow {
	position: absolute;
	top: inherit;
	bottom: -100px;
}
.testimonials-section .slick-arrow.slick-prev {
	left: calc(50% - 61px);
}
.testimonials-section .slick-arrow.slick-next {
	right: calc(50% - 61px);
}
/*	footer	*/
.footer {
	padding: 70px 0;
}
.footer .row {
	padding: 16px 0;
}
.footer .row:first-child {
	border-bottom: 1px solid var(--inastiv-red);
}
.footer .col-md-6,
.footer .col-md-4,
.footer .col-md-8 {
	display: flex;
	align-items: center;
}
.footer .row .col-md-6:last-child,
.footer .row .col-md-8 {
	justify-content: flex-end;
}
.copy-rights {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
}
#menu-footer-menu {
	display: flex;
	list-style: none;
	gap: 16px;
	padding: 0;
	margin: 0;
}
#menu-footer-menu a {
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}
#menu-footer-menu > li:not(:last-child) > a::after {
    content: " .";
    display: inline-block;
    margin-left: 15px;
    opacity: .7;
}
.nav-social-media {
	gap: 16px;
}

/*	forms	*/
div.wpforms-container-full.get-quote-form {
	margin: 0;
}
.get-quote-form.wpforms-container .wpforms-field {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.get-quote-form .wpforms-field-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
div.wpforms-container-full.get-quote-form .wpforms-field-label {
	color: var(--white);
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

div.wpforms-container-full.get-quote-form input[type=date], 
div.wpforms-container-full.get-quote-form input[type=datetime], 
div.wpforms-container-full.get-quote-form input[type=datetime-local], 
div.wpforms-container-full.get-quote-form input[type=email], 
div.wpforms-container-full.get-quote-form input[type=month], 
div.wpforms-container-full.get-quote-form input[type=number], 
div.wpforms-container-full.get-quote-form input[type=password], 
div.wpforms-container-full.get-quote-form input[type=range], 
div.wpforms-container-full.get-quote-form input[type=search], 
div.wpforms-container-full.get-quote-form input[type=tel], 
div.wpforms-container-full.get-quote-form input[type=text], 
div.wpforms-container-full.get-quote-form input[type=time], 
div.wpforms-container-full.get-quote-form input[type=url], 
div.wpforms-container-full.get-quote-form input[type=week], 
div.wpforms-container-full.get-quote-form select, 
div.wpforms-container-full.get-quote-form textarea {
	border-radius: 60px;
	background: transparent;
    border: 1px solid var(--gray);
    padding: 15px 14px;
	height: auto;
	font-size: 16px;
	font-weight: 500;
	color: var(--gray-light);
}

/* For modern browsers */
div.wpforms-container-full.get-quote-form input[type=date]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=datetime]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=datetime-local]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=email]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=month]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=number]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=password]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=range]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=search]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=tel]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=text]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=time]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=url]::placeholder, 
div.wpforms-container-full.get-quote-form input[type=week]::placeholder, 
div.wpforms-container-full.get-quote-form select::placeholder, 
div.wpforms-container-full.get-quote-form textarea::placeholder {
	color: var(--gray-light);
}

/* For older WebKit-based browsers (Chrome, Safari, Edge) */
div.wpforms-container-full.get-quote-form input[type=date]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=datetime]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=datetime-local]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=email]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=month]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=number]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=password]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=range]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=search]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=tel]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=text]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=time]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=url]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=week]::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form select::-webkit-input-placeholder, 
div.wpforms-container-full.get-quote-form textarea::-webkit-input-placeholder {
	color: var(--gray-light);
}

/* For older Firefox versions (19+) */
div.wpforms-container-full.get-quote-form input[type=date]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=datetime]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=datetime-local]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=email]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=month]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=number]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=password]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=range]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=search]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=tel]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=text]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=time]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=url]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form input[type=week]::-moz-placeholder , 
div.wpforms-container-full.get-quote-form select::-moz-placeholder , 
div.wpforms-container-full.get-quote-form textarea::-moz-placeholder  {
	color: var(--gray-light);
}

/* For older Firefox versions (4-18) */
div.wpforms-container-full.get-quote-form input[type=date]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=datetime]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=datetime-local]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=email]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=month]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=number]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=password]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=range]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=search]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=tel]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=text]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=time]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=url]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form input[type=week]:-moz-placeholder, 
div.wpforms-container-full.get-quote-form select:-moz-placeholder, 
div.wpforms-container-full.get-quote-form textarea:-moz-placeholder {
	color: var(--gray-light);
}
/* For older Internet Explorer (10-11) */
div.wpforms-container-full.get-quote-form input[type=date]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=datetime]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=datetime-local]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=email]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=month]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=number]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=password]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=range]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=search]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=tel]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=text]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=time]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=url]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form input[type=week]:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form select:-ms-input-placeholder, 
div.wpforms-container-full.get-quote-form textarea:-ms-input-placeholder {
	color: var(--gray-light);
}

div.wpforms-container-full.get-quote-form input[type=date]:focus, 
div.wpforms-container-full.get-quote-form input[type=datetime]:focus, 
div.wpforms-container-full.get-quote-form input[type=datetime-local]:focus, 
div.wpforms-container-full.get-quote-form input[type=email]:focus, 
div.wpforms-container-full.get-quote-form input[type=month]:focus, 
div.wpforms-container-full.get-quote-form input[type=number]:focus, 
div.wpforms-container-full.get-quote-form input[type=password]:focus, 
div.wpforms-container-full.get-quote-form input[type=range]:focus, 
div.wpforms-container-full.get-quote-form input[type=search]:focus, 
div.wpforms-container-full.get-quote-form input[type=tel]:focus, 
div.wpforms-container-full.get-quote-form input[type=text]:focus, 
div.wpforms-container-full.get-quote-form input[type=time]:focus, 
div.wpforms-container-full.get-quote-form input[type=url]:focus, 
div.wpforms-container-full.get-quote-form input[type=week]:focus, 
div.wpforms-container-full.get-quote-form select:focus, 
div.wpforms-container-full.get-quote-form textarea:focus {
	border-color: var(--white);
	color: var(--white);
}
div.wpforms-container-full.get-quote-form textarea {
	resize: none;
	border-radius: 16px;
}

div.wpforms-container-full.get-quote-form input[type=submit]:not(:hover):not(:active), 
div.wpforms-container-full.get-quote-form button[type=submit]:not(:hover):not(:active), 
div.wpforms-container-full.get-quote-form .wpforms-page-button:not(:hover):not(:active) {
	background-color: var(--inastiv-red);
	border: 1px solid var(--inastiv-red);
    color: var(--white);
}
div.wpforms-container-full.get-quote-form input[type=submit]:hover, 
div.wpforms-container-full.get-quote-form input[type=submit]:active, 
div.wpforms-container-full.get-quote-form button[type=submit]:hover, 
div.wpforms-container-full.get-quote-form button[type=submit]:active, 
div.wpforms-container-full.get-quote-form .wpforms-page-button:hover, 
div.wpforms-container-full.get-quote-form .wpforms-page-button:active {
	background: var(--white);
	border: 1px solid var(--inastiv-red);
    color: var(--inastiv-red);
	transition: all .3s ease-in-out;
}
div.wpforms-container-full.get-quote-form input[type=submit], 
div.wpforms-container-full.get-quote-form button[type=submit], 
div.wpforms-container-full.get-quote-form .wpforms-page-button {
	font-size: 24px;
	font-weight: 700;
	padding: 16px 24px 18px;
	height: auto;
	line-height: 1;
	text-align: center;
	display: block;
    box-shadow: none;
	width: 100%;
	border-radius: 60px;
	transition: all .3s ease-in-out;
}

div.wpforms-container-full.get-quote-form .wpforms-confirmation-container-full, 
.get-quote-form div[submit-success]>.wpforms-confirmation-container-full {
	border-radius: 30px;
	margin-bottom: 0;
}

.careers-section.block {
	padding-bottom: 70px;
}
.careers-section .col-md-6:last-child {
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.job-position {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px;
	gap: 30px;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border: 1px solid var(--white);
	height: 100%;
}
.job-position .btn-primary {
	margin-top: auto;
}
.job-position .nav-job-position {
	margin: -15px 0 0;
	padding: 0;
}
.job-position h4,
.job-position p {
	margin: 0;
}

.job-row .col-md-6 {
	margin-bottom: 30px;
}

/*	about us 	*/
.block-about-us-banner .container {
	display: flex;
	flex-direction: column;
	gap: 60px;
	width: 100%;
}
.block-about-us-banner .img-banner-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 465px;
	width: 100%;
	width: 1296;
}
.block-about-us-banner h1 {
	margin: 0;
}
.block-about-us-banner .img-banner-wrapper .attachment-full {
	width: 100%;
	height: 100%;
	object-fit: cover;
	
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	overflow: hidden;
}
.block-about-us-content p {
	margin: 0;
	font-weight: 500;
	font-size: 24px;
}
.about-us-quote-wrapper {
	display: flex;
	width: 100%;
	border: 2px solid var(--inastiv-red);
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	overflow: hidden;
}
.about-us-quote-wrapper .col-md-6 {
	padding: 0;
}
.quote-content-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
	gap: 30px;
}
.quote-content-wrapper h3 {
	color: var(--white);
	margin: 0;
}
.last-quote-icon {
	margin-left: auto;
}

.about-us-quote-wrapper .col-md-6:first-child {
	display: flex;
	height: 100%;
}
.about-quote-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom-left-radius: 24px;
}

.block-about-us-content .container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.block-about-us-content p {
	margin: 0;
}
.core-value-wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.core-value-wrapper h3 {
	margin: 0;
}
.core-value-list {
	gap: 30px;
}
.core-value-list li {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	max-width: calc(20% - 30px);
    flex: 0 0 calc(20% - 30px);
}
.core-value-list li svg {
	width: 100%;
	max-width: 24px;
}
.core-value-list li p {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	color: var(--white);
}

.col-md-6 .team-member-img {
	height: 488px;
}
.team-grid-container .col-md-6,
.team-grid-container .col-md-3 {
	margin-bottom: 30px;
}

.lets-build-together-section {
	display: block;
	position: relative;
/* 	background: var(--inastiv-black); */
/* 	background: #f0f; */
	background: url('assets/images/footer-background.webp') no-repeat center center / cover;
	padding: 40px 40px 100px;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
}
.lets-build-together-section .row {
	align-items: flex-end;
}
.lets-build-together-section .col-md-7 {
	display :flex;
	flex-direction: column;
	gap: 30px;
}
.lets-build-together-section .col-md-5 {
	display: flex;
	justify-content: flex-end;
}
.lets-build-together-section h2 {
	font-size: 80px;
}
.lets-build-together-section .btn-primary {
	font-size: 24px;
	padding: 17px 24px;
}
/* .lets-build-together-section h2 span {
	color: var(--inastiv-red);
} */

/*	Contact Us	*/
.page-template-page-contact {
	background: var(--inastiv-black);
}
.contact-form-wrapper {
	background: linear-gradient(180deg, #130E0F 0%, #21030C 100%);
	backdrop-filter: blur(60px)
	box-shadow: 0px 4px 35px 0px #000000;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	padding: 40px;
}
.contact-items-wrapper {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.contact-item-wrapper {
	display: flex;
	gap: 16px;
	align-items: center;
}
.contact-item-icon-wrapper {
	display: flex;
	width: 40px;
	height: 40px;;
	background: ;
	align-items: center;
	justify-content: center;
	background: rgba(3, 3, 5, 0.2);
	border-radius: 8px;
}
.contact-item-icon-wrapper img {
	max-width: 24px;
	width: 100%;
}
.contact-item-info-wrapper p,
.contact-item-info-wrapper a {
	font-size: 20px;
	text-decoration: none;
	color: var(--white);
	font-weight: 700;
	margin: 0;
}
.contact-item-info-wrapper p.contact-item-info-title {
	font-size: 16px;
	font-weight: 400;
}
.contact-items-wrapper h3 {
	margin: 0;
	font-size: 30px;
}

.contact-head-wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 0 0 80px;
}
.contact-head-wrapper h1,
.contact-head-wrapper p {
	margin: 0;
}
.page-title {
	font-size: 60px;
}

/*	blog	*/
.blog-card-main {
	gap: 10px;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border: 1px solid var(--white);
	padding: 0;
	position: relative;
	overflow: hidden;
}
.blog-card-main .card-body {
	position: absolute;
	width: calc(100% - 30px);
	gap: 15px;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
	
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	
	border: 1px solid var(--white);
	padding: 30px;
	background: rgba(3, 3, 5, 0.3);
	backdrop-filter: blur(16px);
	bottom: 15px;
	left: 15px;
}

.authors-dates {
	display: flex;
	align-items: center;
	gap: 10px;
}
.authors-dates p {
	margin: 0;
}


.blog-post-list {
	background: none;
}
.blog-post-card-content-wrapper {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px 0;
	border-top: 1px solid var(--gray);
	background: transparent;
}
.blog-post-list .blog-post-card-content-wrapper:first-child {
	padding-top: 0;
	border-top: 0;
}
.blog-post-card-content-wrapper:hover {
	background: transparent;
}
.blog-post-card-img {
	max-width: 153px;
    width: 100%;
    height: 115px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border: 1px solid var(--white);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s ease-in-out;
}
.blog-post-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-post-card-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: calc(100% - 169px);
}
.blog-post-card-content-title {
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}
.blog-post-card-content-date {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}
.blog-post-card-content-title,
.blog-post-card-content-date {
	color: var(--white);
	transition: all .3s ease-in-out;
}
.blog-post-card-content-wrapper:hover .blog-post-card-content-title,
.blog-post-card-content-wrapper:hover .blog-post-card-content-date {
	color: var(--inastiv-red);
	transition: all .3s ease-in-out;
}
.blog-post-card-content-wrapper:hover .blog-post-card-img {
	border-color: var(--inastiv-red);
	transition: all .3s ease-in-out;
}


.card-post-rest {
	background: transparent;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.card-post-rest-img {
	height: 375px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border: 1px solid var(--white);
	overflow: hidden;
	transition: all .3s ease-in-out;
}
.card-post-rest-img:hover {
	border: 1px solid var(--inastiv-red);
	transition: all .3s ease-in-out;
}
.card-post-rest-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.card-post-rest .card-body {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.card-post-rest .card-body h4,
.card-post-rest .card-body h5,
.card-post-rest .card-body h5 a,
.card-post-rest .card-body p {
	margin: 0;
}
.card-post-rest .card-body h5 a {
	font-size: 24px;
	text-decoration: none;
	transition: all .3s ease-in-out;
}
.card-post-rest .card-body h5 a:hover {
	color: var(--inastiv-red);
	transition: all .3s ease-in-out;
}
.card-post-rest .card-body p { 
	font-size: 18px;
}

.category-filter-wrapper .project-filters {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.category-filter-wrapper .filter-btn {
	color: var(--white);
}
.category-filter-wrapper .filter-btn:hover,
.category-filter-wrapper .filter-btn.active {
	color: var(--inastiv-red);
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(16px);
}

.card-filter,
.card-subscribe {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.card-filter .card-title,
.card-subscribe .card-title {
	margin: 0;
}
.bg-posts-count {
	color: var(--white);
	border-radius: 100%;
	background: var(--inastiv-red);
}

.search-form-wrapper .form-control,
.card-subscribe .form-control {
	border-radius: 60px;
    background: transparent;
    border: 1px solid var(--gray);
    padding: 15px 14px;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    color: var(--gray-light);
}

.search-subscribe-form-wrapper {
	display: flex;
	gap: 5px;
}

.single-post-header {
	padding: 100px 0 0;
	color: var(--white);
}
.single-post-header .row {
	align-items: flex-end;
}

.archive .section-title,
.single-post-title {
	font-size: 60px;
	margin: 0;
}
.single-post-header .col-lg-9,
.single-post-header .col-lg-3 {
	margin-bottom: 30px;
}
.single-post-date {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 18px;
	font-weight: 400;
	color: var(--white);
}
.single-post-breadcrumb {
	
}
.single-post-header .post-featured {
	margin: 30px 0;
	border: 1px solid var(--white);
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.single-post-header .post-featured .post-featured-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.single-post .post-content p,
.single-post .post-content .wp-block-list li {
	font-size: 20px;
	font-weight: 400;
	color: var(--white);
}
.single-post .post-content p,
.single-post .post-content .wp-block-list {
	margin-bottom: 45px;
}
.single-post .post-content h3,
.single-post .post-content figure {
	margin-bottom: 30px;
}
.share-links-wrapper {
	justify-content: flex-start;
	margin-bottom: 0;
}
.share-links-wrapper .filter-btn {
	text-decoration: none;
}

.single-aside {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.single-aside .share-section,
.single-aside .card-related-articles-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
}

.single-aside .card-post-rest .card-body h5 a {
	font-size: 20px;
}
.single-aside .card-post-rest .card-body p {
	font-size: 16px;
}
.single-aside .card-post-rest .card-body {
	gap: 15px;
}
.single-aside .card-post-rest-img {
	height: 120px;
}
.single-aside .card-title {
	margin-bottom: 0;
}
.single-aside .card-subscribe .card-title {
	margin-bottom: 0;
}
.aside-related-articles-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.share-links-wrapper,
.single-aside .search-subscribe-form-wrapper,
.aside-related-articles-list {
	padding: 0 0 0 15px;
	border-left: 1px solid var(--inastiv-red);
}

.single-aside .project-filters {
	margin-bottom: 0;
}
.single-aside .filter-btn {
	text-align: left;
}
.block-careers-content {
	padding: 0;
}

.card-vacancy-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	background: transparent;
	border: 1px solid var(--white);
	padding: 32px;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	backdrop-filter: blur(16px);
}

.card-vacancy-item .card-header {
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.nav-job-acfs {
	gap: 10px;
	align-items: center;
}
.nav-job-acfs li {
	font-size: 18px;
	font-weight: 400;
	color: var(--white);
}
.card-vacancy-item h3,
.card-vacancy-item p {
	margin: 0;
}
.card-vacancy-item h3 a {
	font-size: 40px;
	font-weight: 700;
	text-decoration: none;
	transition: all .3s ease-in-out;
}
.card-vacancy-item h3 a:hover {
	color: var(--inastiv-red);
	text-decoration: none;
}

ul.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 30px 0;
	padding: 0;
	gap: 16px;
	list-style: none;
}
.page-numbers li {
	font-size: 16px;
	font-weight: 700;
	color: var(--white);
	position: relative;
}

.page-numbers li::before {
	content: '.';
	position: absolute;
	bottom: 0;
	right: -8px;
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--white);
}
.page-numbers li:last-child::before {
	display: none;
}
.page-numbers li a {
	text-decoration: none;
}
.page-numbers li .current,
.page-numbers li a {
	font-size: 16px;
	font-weight: 700;
	color: var(--white);
	text-decoration: none;
}
.page-numbers li .current  {
	color: var(--inastiv-red);
}

.single-related-blogs-wrapper {
	margin: 50px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid var(--white);
}
.single-related-blogs-wrapper .section-title {
	margin: 0 0 30px;
}

.related-blogs .col-lg-6 {
	margin-bottom: 30px;
}


.single-vacancies-content-wrapper{
	padding: 100px 0 0;
}

.single-vacancies-content-wrapper .single-post-title {
	margin-bottom: 60px;
}

.skills-section {
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: flex-start;
}
.skills-section h3 {
	margin: 0;
}
.job-info-details-wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
	border-radius: 24px;
	padding: 24px;
	background: linear-gradient(180deg, #130E0F 0%, #21030C 100%);
	box-shadow: 0px 4px 35px 0px #000000;
}
.job-info-details-header {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
}
.job-info-details-header p {
	margin: 0;
}
.job-info-details-item {
	display: flex;
	align-items: center;
	gap: 16px;
}
.job-info-details-item-content {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 4px;
}
.job-info-details-item-content p,
.job-info-details-item-content a {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
}
.job-info-details-item-content a:hover {
	color: var(--inastiv-red);
}
.job-info-details-item-content p small {
	font-size: 16px;
}

.job-info-details-wrapper .btn {
	text-align: center;
    padding: 14px 24px;
    justify-content: center;
    font-size: 22px;
    line-height: 1.4;
}

.project-filters.share-links-wrapper {
	list-style: none;
}

.project-item-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.project-item-content h5,
.project-item-content p {
	margin: 0;
}
.project-item-content p {
	font-size: 18px;
	font-weight: 400;
	color: var(--white);
}
.project-items-list .project-item {
	overflow: hidden;
	position: relative;
}
.project-items-list .project-item::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
linear-gradient(180deg, rgba(3, 3, 5, 0) 0%, #030305 100%);
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.project-items-list .project-item ul,
.project-items-list .project-item-content {
	position: relative;
	z-index: 2;
}

.project-card-main {
	background: none;
}
.project-card-main .nav-subtitle-list li:first-child,
.project-card-main .nav-subtitle-list li.last-child,
.single-post-header .nav-subtitle-list li:first-child,
.single-post-header .nav-subtitle-list li.last-child {
	padding: 6px 16px;
    border-radius: 20px;
    border: 1px solid var(--white);
}
.project-card-main .nav-subtitle-list li a,
.single-post-header .nav-subtitle-list li a{
	text-decoration: none;
}

.project-card-main .card-img-top {
	border-top-right-radius: 24px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 0;
	overflow: hidden;
	position: relative;
}
.project-card-main .card-img-top::after {
	content: '';
	z-index: 2;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
linear-gradient(180deg, rgba(3, 3, 5, 0) 50.12%, #030305 100%),
linear-gradient(0deg, rgba(3, 3, 5, 0.2), rgba(3, 3, 5, 0.2));
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: .3s;
}
.project-card-main .card-img-top:hover::after {
	opacity: 0;
}

.project-card-main .card-body {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.project-card-main h3,
.project-card-main p {
	margin: 0;
}
.project-card-main a:hover {
	color: var(--inastiv-red);
}
.project-from-to-list {
	display: flex;
	align-items: center;
	padding: 0 0 0 24px;
	gap: 24px;
	border-left: 1px solid var(--inastiv-red);
}

.project-from-to-list li {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.project-from-to-list li small {
	color: var(--gray-light);
	font-weight: 500;
	font-size: 14px;
}
.project-from-to-list li p {
	color: var(--white);
	font-weight: 400;
	font-size: 18px;
}

.project-card-main .row {
	align-items: center;
}

.single-post-header .col-lg-4 {
	display: flex;
	justify-content: flex-end;
}
.single-post-header .nav-subtitle-list {
	margin-top: 30px;
}
.single-post-header .nav-subtitle-list li a {
	transition: .3s;
}
.single-post-header .nav-subtitle-list li a:hover {
	color: var(--inastiv-red);
	border-color: var(--inastiv-red);
}
.single-project-header .row {
	align-items: center;
} 

.service-card-main {
	background: none;
	border: 0;
}
.service-card-main .card-body {
	background: none;
	border: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.service-card-main .card-body h5,
.service-card-main .card-body p,
.service-card-main .card-body ul {
	margin: 0;
	color: var(--white);
	padding: 0;
}
.service-card-main .card-body h3 {
	margin-bottom: 15px;
	padding: 0;
	color: var(--white);
}
.service-card-main .card-body h3 span {
	color: var(--inastiv-red);
}
.service-card-main .card-body ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.service-card-main .card-body ul li {
	position: relative;
	padding-left: 29px;
}
.service-card-main .card-body ul li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	display: flex;
	background: url('assets/images/stars-white.svg') no-repeat center center / contain;
}
.service-card-main .card-img-top {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    height: 100%;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 24px;
    overflow: hidden;
}
.service-card-main .card-img-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-our-services {
	gap: 100px;
}
.block-our-services .container .row {
	align-items: center;
}
.block-our-services .container:nth-child(odd) .row {
	flex-direction: row-reverse;
}

.margin-b-15,
.block-about-us-content .margin-b-15 {
	margin-bottom: 15px;	
}

.menu-item-506 {
	display: none;
}
.header-buttons-wrapper .btn {
	padding: 7px 16px;
}
/* Vertical layout (desktop) */
@media (min-width: 993px) {

}
@media screen and (max-width: 1100px) {}
 
@media screen and (max-width: 992px) {
	body,
	p,a {
		font-size: 18px;
	}
	h1 {
		font-size: 57px;
	}
	h2 {
		font-size: 40px;
	}
	h3 {
		font-size: 30px;
	}
	h4 {
		font-size: 24px;
	}
	h5 {
		font-size: 20px;
	}
	h6 {
		font-size: 18px;
	}
	.block {
		overflow: hidden;
	}
	.navbar {
		padding-right: 15px;
		padding-left: 15px;
	}
	.navbar .container {
		padding: 0 55px 0 0;
		position: relative;
	}
	.navbar-toggler {
		border-radius: 100%;
		border-color: var(--inastiv-red);
		padding: 0;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 3px;
		right: 0;
	}
	.navbar-toggler-icon {
		width: 20px;
		background: url('assets/images/lines-menu-icon.svg') no-repeat center center / contain;
	}
	
	.navbar-collapse {
		position: absolute;
		top: 61px;
		left: 0;
		background: linear-gradient(180deg, #130E0F 0%, #21030C 100%);
		backdrop-filter: blur(60px) box-shadow: 0px 4px 35px 0px #000000;
		border-top-right-radius: 24px;
		border-bottom-left-radius: 24px;
		width: 100%;
		padding: 0;
	}
	.hero-section {
		background: url(https://inastiv.com/wp-content/uploads/2025/09/home-main-banner-background-circle.webp) no-repeat left top / contain, url(https://inastiv.com/wp-content/uploads/2025/09/home-banner-grid.webp) no-repeat right center / contain;
	}
	.navbar .navbar-nav{
		margin: 0;
		padding: 40px;
	}
	.navbar .navbar-nav .nav-link {
		text-align: center;
	}
	.navbar-nav > li.nav-item:not(:last-child) > a.nav-link::after {
		display: none;
	}
	.menu-item-506 {
		display: block;
	}
	.block {
		padding: 50px 0;
	}
	.header-buttons-wrapper .btn-primary-outline {
		display: none;
	}
	.hero-section .top-section p {
		margin-top: 15px;
		font-size: 14px;
		font-weight: 700;
	}
	.hero-section .top-section .hero-text {
		margin-top: 30px;
		font-size: 18px;
		font-weight: 400;
	}
	.hero-section .top-section {
		margin-bottom: 30px;
	}
	
	.client-wrapper {
		gap: 30px;
		padding-bottom: 0;
	}
	.trusted-clients {
		text-align:  center;
		padding-bottom: 15px;
		border-bottom: 1px solid var(--inastiv-red);
		max-width: 205px;
		margin: 0 auto;
	}
	.clients-slick {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 24px;
		align-items: center;
	}
	
	.about-section::before {
		display: none;
	}
	.about-section .col-md-6:first-child {
		padding: 0 15px 50px;
		border-bottom: 1px solid var(--inastiv-red);
	}
	.about-block {
		margin: 0;
	}
	.about-block:last-child {
		padding-bottom: 0;
	}
	.home-description-btn-block .col-md-6:last-child {
		justify-content: flex-start;
		margin-top: 30px;
	}
	
	.service-row .accordion-button {
		padding: 24px;
		flex-direction: column;
	}
	.nav-service-tags {
		padding: 0;
	}
	.service-row .accordion-body {
		padding: 0 24px 30px 24px;
	}
	.projects-statistics-block .row {
		gap: 24px;
	}
	.projects-statistics-block .col-md-1 {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.projects-statistics-block .col-md-1:first-child {
		display: none;
	}
	.projects-statistics-block .col-md-1 svg {
		width: 30px;
		height: 30px;
	}
	
	.project-filters {
		margin-bottom: 30px;
		flex-wrap: nowrap;	
		justify-content: flex-start;
		
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;   
	}
	.project-filters::-webkit-scrollbar {
		display: none;
	}
	.top-wrapper-section {
		margin-bottom: 30px;
	}
	.block.portfolio-section,
	.block.testimonials-section {
		padding-bottom: 75px;
	}
	.projects-slick .slick-list {
		padding-left: 20px;
	}
	.careers-section .col-md-6:last-child {
		justify-content: flex-start;
	}
	.testimonial-item {
		padding: 24px;
	}
	.testimonials-slider .slick-active.slick-center .testimonial-item p {
		font-size: 20px;
	}
	.testimonials-slider .slick-list {
		padding: 0 50px;
	}
	
	.footer .row {
		flex-direction: column;
		gap: 15px;
	}
	.footer .row:first-child {
		border-bottom: 0;
	}
	.footer .col-md-6, .footer .col-md-4, .footer .col-md-8 {
		justify-content: center;
		align-items: center;
	}
	.footer .row .col-md-6:last-child, .footer .row .col-md-8 {
		justify-content: center;
	}
	.footer .row:last-child {
		flex-direction: column-reverse;	
	}
	#menu-footer-menu {
		flex-direction: column;
	}
	
	#menu-footer-menu > li:not(:last-child) > a::after {
		position: absolute;
        bottom: -14px;
        margin: 0;
        left: 50%;
	}
	#menu-footer-menu > li:not(:last-child) {
		position: relative;
		display: flex;
		justify-content: center;
	}
	#menu-footer-menu > li:not(:last-child) > a {
		text-align: center;
	}
	.footer .col-md-6:last-child {
		position: absolute;
        bottom: 40px;
        left: 0;
        margin: 0 15px;
        width: calc(100% - 30px);
        padding-bottom: 10px;
        border-bottom: 1px solid var(--inastiv-red);
	}
	.footer .container {
		position: relative;
	}
	.copy-rights {
		margin-top: 45px;
	}
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 575px) {

}

@media screen and (max-width: 480px) {}