@import url('../fonts/fonts.css');

:root {
	--primary-color: #6A39FF;
	--secondery-color: #C93667;
	--black-color: #222222;
	--text-color: #222222;
	--primary-font: 'Poppins';
	--secondery-font: 'Open Sans';
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1;
}

*,
*::after,
*::before {
	box-sizing: border-box;
}

body {
	font-size: 1rem;
	line-height: 1.5;
	color: var(--text-color);
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: var(--primary-font);
}

h6,
h5,
h4,
h3,
h2,
h1 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--black-color);
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol,
ul {
	padding-left: 2rem;
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}

b,
strong {
	font-weight: bolder;
}

section {
	position: relative;
	overflow: hidden;
}

a {
	display: inline-block;
	color: var(--black-color);
	text-decoration: none;
	transition: all 350ms ease-in-out;
}

a:hover {
	color: var(--primary-color);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

svg,
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

p:last-child {
	margin-bottom: 0;
}

h1 {
	font-size: 4rem;
}

h2 {
	font-size: 2.25rem;
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1.75rem;
}

h5 {
	font-size: 1.5rem;
}

h6 {
	font-size: 1rem;
}

.w-100 {
	width: 100%;
}

.fw-700 {
	font-weight: 700;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.row {
	--gutter-x: 15px;
	--gutter-y: 0px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
	margin-right: calc(-1 * var(--gutter-x));
	margin-left: calc(-1 * var(--gutter-x));
	margin-top: calc(-1 * var(--gutter-y));
}

.row>* {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-left: var(--gutter-x);
	padding-right: var(--gutter-x);
	margin-top: var(--gutter-y);
}

.col {
	flex: 1 0 0%;
}

.row-cols-auto>* {
	flex: 0 0 auto;
	width: auto;
}

.row-cols-1>* {
	flex: 0 0 auto;
	width: 100%;
}

.row-cols-2>* {
	flex: 0 0 auto;
	width: 50%;
}

.row-cols-3>* {
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.row-cols-4>* {
	flex: 0 0 auto;
	width: 25%;
}

.row-cols-5>* {
	flex: 0 0 auto;
	width: 20%;
}

.row-cols-6>* {
	flex: 0 0 auto;
	width: 16.6666666667%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-around {
	justify-content: space-around;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-start {
	justify-content: flex-start;
}

.justify-content-end {
	justify-content: flex-end;
}

.align-items-center {
	align-items: center;
}

.align-items-start {
	align-items: flex-start;
}

.align-items-end {
	align-items: flex-end;
}

.pt-0 {
	padding-top: 0 !important;
}

/* Header */
@keyframes slide-in {
	from {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.mg-top-wrap {
    margin-top: 10px;
    display: block;
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

.site-header {
	position: relative;
	width: 100%;
	background: #fff;
	z-index: 999;
	padding: 30px 0;
	transition: all 350ms ease-in-out;
}

.site-header.header-fixed {
	position: fixed;
	left: 0;
	top: 0;
	background: transparent;
}

.site-header.sticky-header {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	padding: 10px 0;
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	animation: slide-in 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.word-breck {
	/* 	word-break: break-all; */
}

.get-box-main .btn.primary-btn:hover svg path {
	fill: #6a39ff;
}

.main-menu-wrapper ul {
	display: flex;
	padding: 0;
	margin: 0;
	flex-wrap: wrap;
	list-style: none;
}

.main-menu-wrapper ul li a {
	text-decoration: none;
	transition: all 350ms ease-in-out;
}

.main-menu-wrapper ul li.current-menu-item a {
	color: var(--primary-color);
}

.sec-subtitle {
	font-weight: 400;
	font-size: 2.75rem;
	letter-spacing: 2px;
}

/* Home banner */
.gui-carousel {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 10rem 0 5rem;
	background: linear-gradient(102.9deg, rgba(106, 57, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}

.gui-carousel .gui-carousel-wrapper {
	width: 100%;
}

.gui-carousel .gui-carousel-item {
	display: none;
	position: relative;
	width: 100%;
	transition: all 500ms linear;
}

.gui-carousel .gui-carousel-item.active-item {
	display: block;
}

.gui-carousel .gui-carousel-nav {
	position: absolute;
	bottom: 5%;
	background: transparent;
	text-transform: uppercase;
	border: none;
	color: var(--black-color);
	font-weight: 700;
	cursor: pointer;
	right: 5%;
	padding: 0;
	font-size: 18px;
	transition: all 350ms ease-in-out;
}

.gui-carousel .gui-carousel-nav:hover {
	color: var(--primary-color);
}

.gui-carousel .gui-carousel-nav.gui-carousel-previous {
	right: calc(5% + 100px);
}

.gui-carousel .gui-carousel-nav.gui-carousel-previous::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 35px;
	display: block;
	background: var(--black-color);
	top: 50%;
	right: -8px;
	transform: translate(100%, -50%);
}

.home-banner .home-banner-wrapper {
	max-width: 600px;
	text-transform: uppercase;
}

@keyframes slide-top {
	0% {
		opacity: 0;
		transform: translateY(120px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}


.animate__slideOutLeft.in-view {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
	animation: slideOutLef 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.slideInLeft.in-view {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}



@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-10%);
		transform: translateX(-10%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInRight.in-view {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(10%);
		transform: translateX(10%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(10%);
		transform: translateX(10%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.animation-element.duration2s {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.fadeInUp.in-view {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
		transform: translate3d(0, 15%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
		transform: translate3d(0, 15%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.home-banner .home-banner-wrapper h1, .home-banner .home-banner-wrapper h2 {
	letter-spacing: 8px;
	margin-bottom: 32px;
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.home-banner .home-banner-wrapper h1, .home-banner .home-banner-wrapper h2 {
	font-size: 58px;
	letter-spacing: 5px;
	line-height: 74px;
}

.home-banner .home-banner-wrapper a {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}

.home-banner .home-image img {
	width: 100%;
	animation: zoomIn 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.home-banner .home-link {
	font-size: 2rem;
	letter-spacing: 3px;
	color: var(--primary-color);
	padding-bottom: 10px;
	position: relative;
}

.home-banner .home-link::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: var(--secondery-color);
}

.section-padding {
	padding: 100px 0;
}

.image--button-wrapper {
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
}

.image--button-wrapper.align-end-wrapper {
	justify-content: flex-end;
}

.image--button-wrapper .image--btn {
	background: var(--black-color);
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	padding: 1.5rem 3rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.image--button-wrapper .image--btn .icon {
	width: 40px;
}

.image--button-wrapper img {
	width: 100%;
	line-height: 1;
}

.primary-title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.content-wrapper {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--black-color);
}

.btn {
	display: inline-block;
	padding: 1rem 2.5rem;
	font-size: 1rem;
	line-height: 1;
	font-weight: 600;
	text-transform: capitalize;
	background: transparent;
	border: 2px solid var(--black-color);
	box-shadow: 4px 4px 0px var(--black-color);
	transition: all 350ms ease-in-out;
}

.btn:hover {
	border: 2px solid var(--black-color);
	background: var(--black-color);
	color: #fff;
	box-shadow: 0px 0px 0px var(--black-color);
	transition: all 350ms ease-in-out;
}

.btn.primary-btn {
	color: #fff;
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
}

.btn.primary-btn:hover {
	color: var(--primary-color);
	background: transparent;
	border: 2px solid var(--primary-color);
}

.btn.secondary-btn {
	color: #fff;
	background: var(--secondery-color);
	border: 2px solid var(--secondery-color);
}

.btn.secondary-btn:hover {
	color: var(--secondery-color);
	background: transparent;
	border: 2px solid var(--secondery-color);
}

.btn.btn-white {
	background: #fff;
	color: var(--black-color);
	border: 2px solid var(--black-color);
}

.btn.btn-white:hover {
	background: var(--black-color);
	color: #fff;
	border: 2px solid var(--black-color);
}

.btn.full-w-btn {
	display: block;
	width: 100%;
	text-align: center;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.mt-1rem {
	margin-top: 1rem;
}

.dark-background {
	background: #F1F1F1;
}

.text-center {
	text-align: center;
}

.service-row {
	--gutter-y: 30px;
}

.service-card {
	padding: 1rem;
	background: #fff;
	border: 2px solid var(--black-color);
	box-shadow: 8px 8px 0px var(--black-color);
	line-height: 1.75rem;
	color: var(--black-color);
	height: 100%;
}

.project-card {
	display: block;
}

.service-card .service-image {
	margin-bottom: 2rem;
	max-width: 100px;
	max-height: 100px;
}

.service-card h3 {
	font-size: 1.5rem;
	line-height: 1.875rem;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}

.development-service .service-image {
	max-width: 100%;
	max-height: 80px;
}

.section-title-wrapper {
	text-align: center;
	max-width: 715px;
	margin: 0 auto 5rem auto;
	color: var(--black-color);
}

.section-title-wrapper .primary-title {
	margin-bottom: 1rem;
}

.home-project-sec .container {
	width: 100%;
	max-width: 100%;
	padding-left: 50px;
	padding-right: 50px;
}

.project-container-wrapper .row {
	--gutter-x: 40px;
	--gutter-y: 40px;
}

.project-card .project-img {
	position: relative;
	display: block;
	width: 100%;
	background: #f5f5f5;
	overflow: hidden;
	margin-bottom: 25px;
}

.project-card .project-img::after {
	content: '';
	display: block;
	padding-bottom: 56.25%;
}

.project-card .project-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	transition: all 350ms ease-in-out;
}

.project-card:hover .project-img img {
	transform: scale(1.05);
	transition: all 350ms ease-in-out;
}

.project-card .project-body h3 {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 20px;
}

.project-card .project-body {
	font-size: 12px;
	color: var(--black-color);
}

.project-card .project-body h3 .icon {
	margin-left: 10px;
}

.site-footer {
	font-size: 14px;
	line-height: 1.8;
	color: #fff;
}

.site-footer a {
	color: #fff;
}

.site-footer .footer-info-wrapper {
	background: var(--black-color);
	padding: 60px 0;
}

.footer-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-menu ul li:not(:last-child) {
	margin-bottom: 1rem;
}

.site-footer .footer-contact p:last-child {
	margin-bottom: 0;
}

.site-footer .footer-brand-wrapper {
	max-width: 200px;
}

.site-footer .footer-brand-wrapper .footer-logo {
	margin-bottom: 2rem;
}

.site-footer h3 {
	color: #fff;
	font-size: 1.2rem;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}

.site-footer .footer-copyright-wrapper {
	background: var(--secondery-color);
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 1rem;
}

.site-banner {
	background: var(--primary-color);
	color: #fff;
}

.site-banner h1,
.site-banner h2,
.site-banner h3,
.site-banner h4,
.site-banner h5,
.site-banner h6,
.site-banner a {
	color: #fff;
}

.site-banner h1 {
	font-size: 60px;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.site-banner h2,
.site-banner h3 {
	font-size: 36px;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.site-banner .btn {
	margin-top: 2rem;
}

.block-img-sec img {
	position: relative;
	width: 100%;
	height: auto;
}

.block-img-sec.full-block img {
	width: 100%;
	max-height: 600px;
	object-fit: cover;
	object-position: center;
}

.block-img-sec .block-img-content {
	padding: 64px 0;
}

.about-mission-sec .section-title-wrapper {
	max-width: 100%;
	margin-bottom: 50px;
}

.about-mission-sec .about-mission-wrapper {
	max-width: 1025px;
	margin: 0 auto;
}

.mission-card {
	text-align: center;
}

.mission-card .mission-icon {
	width: 132px;
	height: 132px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 24px auto;
	background: #fff;
	border: 2px solid var(--black-color);
	box-shadow: 8px 8px 0px var(--primary-color);
}

.mission-card .mission-number {
	font-size: 36px;
	line-height: 1;
	margin-bottom: 0.5rem;
}

.content-li-style ul {
	list-style: none;
	padding: 0;
}

.content-li-style ul li {
	padding-left: 2rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3E%3Cpath clip-rule='evenodd' d='M16 21.4H8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5Z' stroke='%236A39FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m14.3 11.4-2.9 2.8-1.7-1.7' stroke='%23C93667' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 0px 0px;
}

.content-li-style ul li:not(:last-child) {
	margin-bottom: 10px;
}

.text-end {
	text-align: end;
}

.menu-toggle {
	width: 40px;
	height: 40px;
	display: flex;
	line-height: 1;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	border-radius: 50%;
	background: var(--primary-color);
	color: #fff;
	cursor: pointer;
	transition: all 350ms ease-in-out;
}

.menu-toggle:hover {
	background: var(--secondery-color);
}

.development-mt-5 {
	margin-top: 5rem;
}

.p-development-info {
	background: #fff;
	padding: 2.5rem;
}

.project-cat-list {
	margin-bottom: 2rem;
}

.project-cat-list .project-cat-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px 30px;
	list-style: none;
	padding: 0;
}

.project-cat-list .project-cat-grid li {
	padding: 0.2rem;
	cursor: pointer;
	font-weight: 700;
	transition: all 350ms ease-in-out;
}

.project-cat-list .project-cat-grid li.active {
	color: var(--primary-color);
	transition: all 350ms ease-in-out;
}

.site-banner h1:last-child,
.site-banner h2:last-child {
	margin-bottom: 0 !important;
}

.ratio {
	position: relative;
	overflow: hidden;
	display: block;
}

.ratio:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 75%;
}

.ratio img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 350ms ease-in-out;
}

.ratio:hover img {
	transform: scale(1.10);
	transition: all 350ms ease-in-out;
}

.gallery {
	--gutter-y: 30px;
}

/* Services page */

section.site-banner h2 {
	font-weight: 400;
	font-size: 44px;
	line-height: 50px;
	color: #FFFFFF;
}

.des-heading {
	text-align: center;
}

.des-heading h3 {
	font-weight: 700;
	font-size: 36px;
	line-height: 40px;
	color: #222222;
}

.des-heading p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #222222;
	margin-top: 15px;
}

section.design-sec .row {
	margin-top: 0;
	margin-left: -15px;
	margin-right: -15px;
}

section.design-sec .row>* {
	padding: 0px 15px;
}

.des-main .service-row.row>* {
	margin-top: 0;
}

.des-main {
	margin-top: 70px;
}

.sc-img {
	margin-bottom: 35px;
}

.sc-img img {
	width: auto;
}

.des-main .service-card {
	padding: 32px;
}

.web-left a.btn {
	display: inline-block;
	width: auto;
	padding: 1rem 3rem;
}

.web-left h3 {
	font-weight: 700;
	font-size: 36px;
	line-height: 40px;
	color: #222222;
	margin-bottom: 30px;
}

.web-left p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #222222;
	margin-bottom: 30px;
}

.web-right .service-card h3 {
	margin-bottom: 0;
}

.row.skill-box {
	padding-left: 70px;
	row-gap: 30px;
}

.row.skill-box .service-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 32px;
}

.skill-box .sc-img {
	flex: 1;
	align-self: center;
	display: flex;
	align-items: center;
}

.row.we-main {
	align-items: center;
}

.mob-sec .row.service-row {
	margin: 0;
}

section.mob-sec .des-main .service-card {
	text-align: center;
	display: flex;
	flex-direction: column;
}

.mob-sec .des-main .service-card .sc-img {
	flex: 1;
}

section.get-in-sec {
	padding: 50px 0px;
	background: #6A39FF;
}

.get-box-main {
	padding: 50px;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.get-box-main h5 {
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: #C93667;
}

.get-box-main h2 {
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
	color: #222222;
}

.get-box-main .btn.primary-btn {
	height: 100%;
}

.row.skill-box .service-card h3 {
	margin: 0;
}


.form-control,
.form-select {
	border: 2px solid #222222;
	box-shadow: 3px 3px 0px #222222;
	background: #FFFFFF;
	padding: 15px 15px 15px 50px;
	font-size: 1rem;
	line-height: 1.5;
	width: 100%;
	outline: none;
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 24px;
	font-family: 'Poppins';
}

textarea.form-control {
	height: 120px;
	resize: none;
}

.contact-form-wrapper .row {
	--gutter-y: 20px;
	--gutter-x: 10px;
}

.form-control.form-company,
.form-control.form-name {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23292D32' d='M12 2a4.8 4.8 0 0 0-.1 9.5h.2A4.7 4.7 0 0 0 12 2Z' opacity='.4'/%3E%3Cpath fill='%23292D32' d='M17 14.1a10 10 0 0 0-10 0c-1.3.9-2 2-2 3.3 0 1.2.7 2.3 2 3.2 1.3 1 3.2 1.4 5 1.4 1.8 0 3.7-.5 5-1.4 1.3-.9 2-2 2-3.2 0-1.3-.7-2.4-2-3.3Z'/%3E%3C/svg%3E");
}

.form-control.form-email {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23292D32' d='M6 13a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-2 3h2c.4 0 .7.3.7.6 0 .4-.3.7-.7.7H4A.7.7 0 0 1 4 16Zm4 4H4a.7.7 0 0 1-.7-.6c0-.4.3-.7.7-.7h4A.7.7 0 0 1 8 20Z'/%3E%3Cpath fill='%23292D32' d='M17 3H7C4 3 2 4.5 2 8v3.1a1 1 0 0 0 1.4 1 6.5 6.5 0 0 1 9 6.8 1 1 0 0 0 1 1.1H17c3 0 5-1.5 5-5V8c0-3.5-2-5-5-5Z' opacity='.4'/%3E%3Cpath fill='%23292D32' d='M12 11.9c-.8 0-1.7-.3-2.3-.8L6.5 8.6a.7.7 0 0 1 1-1.2l3 2.5c.8.6 2.1.6 2.9 0l3.1-2.5c.3-.3.8-.2 1 .1.3.3.3.8 0 1l-3.2 2.6c-.6.5-1.5.8-2.3.8Z'/%3E%3C/svg%3E");
}

.form-control.form-mobile {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23292D32' d='M17.6 10.8a.8.8 0 0 1-.8-.8c0-.4-.3-1.2-1-1.8-.6-.7-1.2-1-1.8-1a.8.8 0 0 1 0-1.6c1 0 2 .5 3 1.5.9 1 1.4 2 1.4 2.9 0 .4-.3.8-.8.8ZM21.2 10.8a.8.8 0 0 1-.7-.8c0-3.6-3-6.5-6.5-6.5A.8.8 0 0 1 14 2a8 8 0 0 1 8 8c0 .4-.4.8-.8.8Z'/%3E%3Cpath fill='%23292D32' d='m11.8 14.2-3.3 3.3a24.6 24.6 0 0 1-5.8-7.7A8.4 8.4 0 0 1 2 6.5c0-.6.1-1.3.4-1.9C2.6 4 3 3.4 3.5 3a3 3 0 0 1 2-.9c.4 0 .7 0 .9.2l.7.5L9.4 6l.4.7.1.6c0 .3 0 .5-.2.7l-.5.7-.8.8-.2.4v.3l.2.2.9 1.2a34.2 34.2 0 0 0 2.5 2.6Z' opacity='.4'/%3E%3Cpath fill='%23292D32' d='M22 18.3a2.5 2.5 0 0 1-.3 1.1l-.7 1c-.5.6-1 1-1.6 1.2a5 5 0 0 1-2 .4c-1 0-2-.2-3.2-.7a17.6 17.6 0 0 1-4.6-2.9l3.3-3.3.7.5h.2l.2.1.4-.1.8-.8.7-.6.7-.2c.2 0 .4 0 .6.2.3 0 .5.2.7.4l3.4 2.3.5.7.2.7Z'/%3E%3C/svg%3E");
}

.form-control.form-message {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23292D32' d='M2 13V7a5 5 0 0 1 5-5h10a5 5 0 0 1 5 5v7a5 5 0 0 1-5 5h-1.5a1 1 0 0 0-.8.4l-1.5 2c-.7.8-1.7.8-2.4 0l-1.5-2c-.2-.3-.5-.4-.8-.4H7a5 5 0 0 1-5-5v-1Z' opacity='.4'/%3E%3Cpath fill='%23292D32' d='M12 12a1 1 0 0 1-1-1c0-.6.4-1 1-1s1 .4 1 1-.4 1-1 1ZM16 12a1 1 0 0 1-1-1c0-.6.4-1 1-1s1 .4 1 1-.4 1-1 1ZM8 12a1 1 0 0 1-1-1c0-.6.5-1 1-1 .6 0 1 .4 1 1s-.4 1-1 1Z'/%3E%3C/svg%3E");
	background-position: 15px 15px;
}

.contact-form-wrapper .wpcf7-spinner {
	position: absolute;
}

.wpcf7-response-output {
	padding: 0.5rem 1rem;
	line-height: 1.5;
	margin: 0.8rem 0;
}

.contact-form-wrapper .btn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M10.8 2c-.5 0-.9.4-.9.9v8.4h3.7L12 9.7a.8.8 0 0 1 0-1c.3-.3.8-.3 1 0l2.9 2.8c.3.3.3.8 0 1.1l-2.8 2.8-.6.3c-.2 0-.3-.1-.5-.3a.8.8 0 0 1 0-1l1.6-1.6H9.9v8.4c0 .4.4.8.9.8 5.9 0 10-4 10-10 0-5.9-4.2-10-10-10ZM4 11.3c-.4 0-.8.4-.8.8s.4.7.8.7h5.9v-1.5h-6Z'/%3E%3C/svg%3E");
	background-position: 72% center;
	background-repeat: no-repeat;
	padding-right: 4.5rem;
	line-height: 1;
	background-size: 24px;
}

.contact-form-wrapper .btn:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236A39FF' d='M10.8 2c-.5 0-.9.4-.9.9v8.4h3.7L12 9.7a.8.8 0 0 1 0-1c.3-.3.8-.3 1 0l2.9 2.8c.3.3.3.8 0 1.1l-2.8 2.8-.6.3c-.2 0-.3-.1-.5-.3a.8.8 0 0 1 0-1l1.6-1.6H9.9v8.4c0 .4.4.8.9.8 5.9 0 10-4 10-10 0-5.9-4.2-10-10-10ZM4 11.3c-.4 0-.8.4-.8.8s.4.7.8.7h5.9v-1.5h-6Z'/%3E%3C/svg%3E");
	background-position: 72% center;
	background-repeat: no-repeat;
}

.sec-cinfo {
	background: #f5f5f5;
	padding: 150px 0;
}

.cinfo-wrapper {
	box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.15);
	border-radius: 30px;
	background: #FFFFFF;
	padding: 30px;
	width: 100%;
	max-width: 550px;
	position: relative;
	z-index: 2;
	margin-left: auto;
}

.cinfo-wrapper ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.cinfo-wrapper ul li {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
	align-items: flex-start;
}

.cinfo-wrapper ul li:last-child {
	margin-bottom: 0px;
}

.cinfo-wrapper ul li .icon {
	flex-shrink: 0;
}

.cinfo-map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.cinfo-map img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.block-img-sec:not(.full-block) img,
.block-img-sec:not(.full-block) video {
	width: 100%;
}

.sec-team .row {
	--gutter-y: 30px;
}

.sec-team .team-card {
	position: relative;
	padding-bottom: 120%;
	border: 2px solid #222;
	margin-top: 115px;
}

.sec-team .team-card .team-images {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% + 100px);
    z-index: 5;
    display: flex;
    align-items: flex-end;
    justify-content: center;
	overflow: hidden;
}

.sec-team .team-card .team-images img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.sec-team .team-card .team-body {
	background: rgba(255, 255, 255, 0.8);
    padding: 15px 30px;
    backdrop-filter: blur(2px);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
	font-size: 1rem;
	font-weight: 400;
	color: #222;
	text-transform: uppercase;
    box-shadow: 8px 8px 0 0 #222;
}

.sec-team .team-card .team-body h3 {
	font-weight: 600;
	font-size: 1.5rem;
	color: #333333;
	text-transform: unset;
}

.question {
display: flex;
align-items: center;
justify-content: space-between;
padding: 35px 0px;
}
.faq-box {
border-bottom: 1px solid rgba(0, 0, 0, 0.30);
}
.faq-m {
display: flex;
flex-direction: column;
row-gap: 15px;
margin: 0 auto;
}
.faq-arrow {
transition: all 350ms;
}
.answer {
    display: none;
    padding: 35px 20px;
}
.jo-contrent{
	margin-bottom: 48px;
}
.faq-box.active .faq-arrow{
	rotate: 135deg;
	height: 24px;
}
.exp-box-main {
    display: flex;
    align-items: center;
    gap: 17px;
}
.experience-box {
    display: flex;
    gap: 15px;
    width: 65%;
    justify-content: space-around;
}
.question h5 {
    width: 25%;
}
.job-form-main {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 56px;
    background: #FFF;
}
.job-form-main form .row{
	--gutter-y: 30px;
}
.job-form-main form .row .wpcf7-spinner{
	display: none;
}
.job-form-main .form-control.form-name {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1605 12.12C12.1305 12.12 12.1105 12.12 12.0805 12.12C12.0305 12.11 11.9605 12.11 11.9005 12.12C9.00055 12.03 6.81055 9.75 6.81055 6.94C6.81055 4.08 9.14055 1.75 12.0005 1.75C14.8605 1.75 17.1905 4.08 17.1905 6.94C17.1805 9.75 14.9805 12.03 12.1905 12.12C12.1805 12.12 12.1705 12.12 12.1605 12.12ZM12.0005 3.25C9.97055 3.25 8.31055 4.91 8.31055 6.94C8.31055 8.94 9.87055 10.55 11.8605 10.62C11.9105 10.61 12.0505 10.61 12.1805 10.62C14.1405 10.53 15.6805 8.92 15.6905 6.94C15.6905 4.91 14.0305 3.25 12.0005 3.25Z" fill="%23323232"/><path d="M12.1696 23.05C10.2096 23.05 8.23961 22.55 6.74961 21.55C5.35961 20.63 4.59961 19.37 4.59961 18C4.59961 16.63 5.35961 15.36 6.74961 14.43C9.74961 12.44 14.6096 12.44 17.5896 14.43C18.9696 15.35 19.7396 16.61 19.7396 17.98C19.7396 19.35 18.9796 20.62 17.5896 21.55C16.0896 22.55 14.1296 23.05 12.1696 23.05ZM7.57961 15.69C6.61961 16.33 6.09961 17.15 6.09961 18.01C6.09961 18.86 6.62961 19.68 7.57961 20.31C10.0696 21.98 14.2696 21.98 16.7596 20.31C17.7196 19.67 18.2396 18.85 18.2396 17.99C18.2396 17.14 17.7096 16.32 16.7596 15.69C14.2696 14.03 10.0696 14.03 7.57961 15.69Z" fill="%236A39FF"/></svg>');
}
.job-form-main .form-control.form-email {
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.666 21.75H7.66602C7.25602 21.75 6.91602 21.41 6.91602 21C6.91602 20.59 7.25602 20.25 7.66602 20.25H17.666C20.526 20.25 21.916 18.86 21.916 16V9C21.916 6.14 20.526 4.75 17.666 4.75H7.66602C4.80602 4.75 3.41602 6.14 3.41602 9C3.41602 9.41 3.07602 9.75 2.66602 9.75C2.25602 9.75 1.91602 9.41 1.91602 9C1.91602 5.35 4.01602 3.25 7.66602 3.25H17.666C21.316 3.25 23.416 5.35 23.416 9V16C23.416 19.65 21.316 21.75 17.666 21.75Z" fill="%236A39FF"/><path d="M12.6668 13.37C11.8268 13.37 10.9768 13.11 10.3268 12.58L7.19677 10.08C6.87677 9.81997 6.81677 9.34997 7.07677 9.02997C7.33677 8.70997 7.80676 8.64997 8.12676 8.90997L11.2568 11.41C12.0168 12.02 13.3068 12.02 14.0668 11.41L17.1968 8.90997C17.5168 8.64997 17.9968 8.69997 18.2468 9.02997C18.5068 9.34997 18.4568 9.82997 18.1268 10.08L14.9968 12.58C14.3568 13.11 13.5068 13.37 12.6668 13.37Z" fill="%23323232"/><path d="M8.66602 17.75H2.66602C2.25602 17.75 1.91602 17.41 1.91602 17C1.91602 16.59 2.25602 16.25 2.66602 16.25H8.66602C9.07602 16.25 9.41602 16.59 9.41602 17C9.41602 17.41 9.07602 17.75 8.66602 17.75Z" fill="%23323232"/><path d="M5.66602 13.75H2.66602C2.25602 13.75 1.91602 13.41 1.91602 13C1.91602 12.59 2.25602 12.25 2.66602 12.25H5.66602C6.07602 12.25 6.41602 12.59 6.41602 13C6.41602 13.41 6.07602 13.75 5.66602 13.75Z" fill="%23323232"/></svg>');
}
.job-form-main .form-control.form-mobile {
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 23.25C16.654 23.25 15.464 22.98 14.234 22.46C13.034 21.95 11.824 21.25 10.644 20.4C9.47398 19.54 8.34398 18.58 7.27398 17.53C6.21398 16.46 5.25398 15.33 4.40398 14.17C3.54398 12.97 2.85398 11.77 2.36398 10.61C1.84398 9.37 1.58398 8.17 1.58398 7.04C1.58398 6.26 1.72398 5.52 1.99398 4.83C2.27398 4.12 2.72398 3.46 3.33398 2.89C4.10398 2.13 4.98398 1.75 5.92398 1.75C6.31398 1.75 6.71398 1.84 7.05398 2C7.44398 2.18 7.77398 2.45 8.01398 2.81L10.334 6.08C10.544 6.37 10.704 6.65 10.814 6.93C10.944 7.23 11.014 7.53 11.014 7.82C11.014 8.2 10.904 8.57 10.694 8.92C10.544 9.19 10.314 9.48 10.024 9.77L9.34398 10.48C9.35398 10.51 9.36398 10.53 9.37398 10.55C9.49398 10.76 9.73398 11.12 10.194 11.66C10.684 12.22 11.144 12.73 11.604 13.2C12.194 13.78 12.684 14.24 13.144 14.62C13.714 15.1 14.084 15.34 14.304 15.45L14.284 15.5L15.014 14.78C15.324 14.47 15.624 14.24 15.914 14.09C16.464 13.75 17.164 13.69 17.864 13.98C18.124 14.09 18.404 14.24 18.704 14.45L22.024 16.81C22.394 17.06 22.664 17.38 22.824 17.76C22.974 18.14 23.044 18.49 23.044 18.84C23.044 19.32 22.934 19.8 22.724 20.25C22.514 20.7 22.254 21.09 21.924 21.45C21.354 22.08 20.734 22.53 20.014 22.82C19.324 23.1 18.574 23.25 17.784 23.25ZM5.92398 3.25C5.37398 3.25 4.86398 3.49 4.37398 3.97C3.91398 4.4 3.59398 4.87 3.39398 5.38C3.18398 5.9 3.08398 6.45 3.08398 7.04C3.08398 7.97 3.30398 8.98 3.74398 10.02C4.19398 11.08 4.82398 12.18 5.62398 13.28C6.42398 14.38 7.33398 15.45 8.33398 16.46C9.33398 17.45 10.414 18.37 11.524 19.18C12.604 19.97 13.714 20.61 14.814 21.07C16.524 21.8 18.124 21.97 19.444 21.42C19.954 21.21 20.404 20.89 20.814 20.43C21.044 20.18 21.224 19.91 21.374 19.59C21.494 19.34 21.554 19.08 21.554 18.82C21.554 18.66 21.524 18.5 21.444 18.32C21.414 18.26 21.354 18.15 21.164 18.02L17.844 15.66C17.644 15.52 17.464 15.42 17.294 15.35C17.074 15.26 16.984 15.17 16.644 15.38C16.444 15.48 16.264 15.63 16.064 15.83L15.304 16.58C14.914 16.96 14.314 17.05 13.854 16.88L13.584 16.76C13.174 16.54 12.694 16.2 12.164 15.75C11.684 15.34 11.164 14.86 10.534 14.24C10.044 13.74 9.55398 13.21 9.04398 12.62C8.57398 12.07 8.23398 11.6 8.02398 11.21L7.90398 10.91C7.84398 10.68 7.82398 10.55 7.82398 10.41C7.82398 10.05 7.95398 9.73 8.20398 9.48L8.95398 8.7C9.15398 8.5 9.30398 8.31 9.40398 8.14C9.48398 8.01 9.51398 7.9 9.51398 7.8C9.51398 7.72 9.48398 7.6 9.43398 7.48C9.36398 7.32 9.25398 7.14 9.11398 6.95L6.79398 3.67C6.69398 3.53 6.57398 3.43 6.42398 3.36C6.26398 3.29 6.09398 3.25 5.92398 3.25ZM14.284 15.51L14.124 16.19L14.394 15.49C14.344 15.48 14.304 15.49 14.284 15.51Z" fill="%236A39FF"/><path d="M18.834 10.25C18.424 10.25 18.084 9.91 18.084 9.5C18.084 9.14 17.724 8.39 17.124 7.75C16.534 7.12 15.884 6.75 15.334 6.75C14.924 6.75 14.584 6.41 14.584 6C14.584 5.59 14.924 5.25 15.334 5.25C16.304 5.25 17.324 5.77 18.214 6.72C19.044 7.61 19.584 8.7 19.584 9.5C19.584 9.91 19.244 10.25 18.834 10.25Z" fill="%23323232"/><path d="M22.334 10.25C21.924 10.25 21.584 9.91 21.584 9.5C21.584 6.05 18.784 3.25 15.334 3.25C14.924 3.25 14.584 2.91 14.584 2.5C14.584 2.09 14.924 1.75 15.334 1.75C19.604 1.75 23.084 5.23 23.084 9.5C23.084 9.91 22.744 10.25 22.334 10.25Z" fill="%23323232"/></svg>');
}
.job-form-main .form-control.form-message {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 23.31C11.31 23.31 10.66 22.96 10.2 22.35L8.7 20.35C8.67 20.31 8.55 20.26 8.5 20.25H8C3.83 20.25 1.25 19.12 1.25 13.5V8.5C1.25 4.08 3.58 1.75 8 1.75H16C20.42 1.75 22.75 4.08 22.75 8.5V13.5C22.75 17.92 20.42 20.25 16 20.25H15.5C15.42 20.25 15.35 20.29 15.3 20.35L13.8 22.35C13.34 22.96 12.69 23.31 12 23.31ZM8 3.25C4.42 3.25 2.75 4.92 2.75 8.5V13.5C2.75 18.02 4.3 18.75 8 18.75H8.5C9.01 18.75 9.59 19.04 9.9 19.45L11.4 21.45C11.75 21.91 12.25 21.91 12.6 21.45L14.1 19.45C14.43 19.01 14.95 18.75 15.5 18.75H16C19.58 18.75 21.25 17.08 21.25 13.5V8.5C21.25 4.92 19.58 3.25 16 3.25H8Z" fill="%236A39FF"/><path d="M12 12.5C11.44 12.5 11 12.05 11 11.5C11 10.95 11.45 10.5 12 10.5C12.55 10.5 13 10.95 13 11.5C13 12.05 12.56 12.5 12 12.5Z" fill="%23323232"/><path d="M16 12.5C15.44 12.5 15 12.05 15 11.5C15 10.95 15.45 10.5 16 10.5C16.55 10.5 17 10.95 17 11.5C17 12.05 16.56 12.5 16 12.5Z" fill="%23323232"/><path d="M8 12.5C7.44 12.5 7 12.05 7 11.5C7 10.95 7.45 10.5 8 10.5C8.55 10.5 9 10.95 9 11.5C9 12.05 8.56 12.5 8 12.5Z" fill="%23323232"/></svg>');
}
.job-form-main .form-control.form-file{
	background-image: url('data:image/svg+xml,<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 38.4999V10.4999" stroke="%236A39FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.002 28.4979L24 38.4999L13.998 28.4979" stroke="%236A39FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1.5" width="46" height="46" rx="23" stroke="%23222222" stroke-width="2" stroke-dasharray="4 4"/></svg>');
}
.wrap-job-form {
    position: fixed;
    z-index: 999;
    background: rgba(0, 0, 0, 0.50);
    top: 0;
    width: 100%;
    height: 100vh;
    display: none;
}
.wrap-job-form .w-j-form {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.wrap-job-form .close-form{
	cursor: pointer;
}
.wrap-job-form .close-form {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #6A39FF;
}
.service-card-wrap{
	padding: 0 !important;
}
.wrap-service-image img {
    width: 100%;
}
.wrap-con{
	padding: 32px;
}
.wrap-post-title {
    margin-bottom: 10px !important;
    border-left: 1px solid #6A39FF;
    padding-left: 10px;
}
.wrap-date span{
	opacity: 0.5;
	position: relative;
}
.wrap-date {
    margin-bottom: 24px;
}
.wrap-post-btn{
	margin-top: 8px;
}
.wrap-date {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}
.wrap-time:before {
    position: absolute;
    content: "";
    opacity: 0.5;
    width: 2px;
    height: 20px;
    background: #222;
    top: 3px;
    left: -12px;
}
.wrap-single-main {
    display: flex;
    gap: 100px;
}
.wrap-post-contain {
    width: calc(70% - 50px);
}
.wrap-recent-blog{
	width: calc(30% - 50px);
}
.wrap-r-date {
    background: #000;
    color: #fff;
    justify-content: flex-end;
    padding-right: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.wrap-r-date span {
    opacity: unset;
}
.wrap-cone {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}
.service-r-row {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.wrap-recent-blog-tit {
    margin-bottom: 24px;
}
.wrap-r-date .wrap-time:before {
    background: #6A39FF;
}
.wrap-r-service-image,.wrap-post-contain-t {
    margin-bottom: 32px;
}
.wrap-post-contain-t .wrap-date {
    margin-bottom: 0;
}
.wrap-post-contain-t {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrap-s-con ul,.wrap-s-con ol {
    padding-left: 20px;
}
.wrap-s-con ul li:not(:last-child),.wrap-s-con ol li:not(:last-child) {
    margin-bottom: 10px;
}
.back-to-top {
    background-color: var(--primary-color);
    cursor: pointer;
    width: 50px;
    height: 50px;
    z-index: 999;
    position: fixed;
    right: 32px;
    bottom: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    box-shadow: 0 0 5px 0 rgba(255,255,255,.4)
}
svg.icon__arrow-up {
    fill: white;
    width: 30px;
    height: 30px;
}
.input-box.accept label {
    display: flex;
    align-items: flex-start;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
}
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
    margin: 0 11px 0 0;
    width: 16px;
    height: 16px;
    accent-color: #6A39FF;
}
.block-img-sec-wrap .block-box-wrap {
    justify-content: flex-start;
}
@media (min-width: 576px) {
	.col-sm {
		flex: 1 0 0%;
	}

	.row-cols-sm-auto>* {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-sm-1>* {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-sm-2>* {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-sm-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-sm-4>* {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-sm-5>* {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-sm-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.col-md {
		flex: 1 0 0%;
	}

	.row-cols-md-auto>* {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-md-1>* {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-md-2>* {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-md-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-md-4>* {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-md-5>* {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-md-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.col-lg {
		flex: 1 0 0%;
	}

	.row-cols-lg-auto>* {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-lg-1>* {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-lg-2>* {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-lg-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-lg-4>* {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-lg-5>* {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-lg-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.order-lg-last {
		order: 1;
	}

	.block-img-sec:not(.full-block) img,
	.block-img-sec:not(.full-block) video {
		position: absolute;
		left: 0;
		top: 0;
		width: calc(50% - 15px);
		height: 100%;
		object-position: center;
		object-fit: cover;
	}
	.block-img-sec-wrap:not(.full-block) img{
		position: absolute;
		right: 0;
		top: 0;
		width: calc(50% - 15px);
		height: 100%;
		object-position: center;
		object-fit: cover;
		left:unset;
	}

	.block-img-sec:not(.full-block) .block-img-content {
		min-height: 600px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.main-menu-wrapper .menu-close,
	.menu-open {
		display: none !important;
		visibility: hidden !important;
	}

	.site-header .main-menu-wrapper {
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		align-items: center;
	}

	.main-menu-wrapper ul li:not(:last-child) {
		margin-right: 50px;
	}
}

@media (min-width: 1200px) {
	.col-xl {
		flex: 1 0 0%;
	}

	.row-cols-xl-auto>* {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-xl-1>* {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-xl-2>* {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-xl-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-xl-4>* {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-xl-5>* {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-xl-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.development-service {
		padding: 2rem;
	}
}
@media (min-width: 1400px) {
	.container {
		width: 1600px;
		max-width: 90%;
	}

	.col-xxl {
		flex: 1 0 0%;
	}

	.row-cols-xxl-auto>* {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-xxl-1>* {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-xxl-2>* {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-xxl-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-xxl-4>* {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-xxl-5>* {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-xxl-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.px-xxl-100 {
		--gutter-x: 50px
	}

	.service-row {
		--gutter-x: 32px;
		--gutter-y: 60px;
	}

	.block-img-sec:not(.full-block) img,
	.block-img-sec:not(.full-block) video {
		width: calc(50% - 0px);
	}
}
@media (max-width: 1615px) {
	.question h5 {
    	width: auto;
	}
}
@media (max-width: 1500px) {
	.project-container-wrapper .row {
		--gutter-x: 25px
	}

	.des-main .service-card {
		padding: 15px;
	}

	.row.skill-box .service-card {
		padding: 20px;
	}

	.service-card h3 {
		font-size: 20px;
	}

	.sc-img {
		margin-bottom: 25px;
	}
}

@media (max-width: 1399px) {
	h1 {
		font-size: 3.5rem;
	}

	.home-project-sec .container {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	.project-container-wrapper .row {
		--gutter-x: 15px
	}

	.site-banner h1,
	.site-banner h2 {
		font-size: 50px;
	}

	.sec-subtitle {
		font-size: 2.5rem;
	}


	.block-img-sec.full-block img {
		max-height: 500px;
	}

	.service-card h3 {
		font-size: 18px;
	}
}

@media (max-width: 1199px) {
	h1 {
		font-size: 3.2rem;
	}

	.home-banner .home-link {
		font-size: 1.6rem;
	}

	.service-card p {
		font-weight: 400;
		font-size: 15px;
		line-height: 25px;
	}

	.service-card h3 {
		margin-bottom: 15px;
	}

	.row.skill-box {
		padding-left: 15px;
	}

	.service-card h3 {
		font-size: 16px;
	}

	section.mob-sec .des-main .service-card {
		padding: 32px;
	}

	.row.skill-box {
		padding-left: 15px;
	}

	.get-box-main h2 {
		font-size: 45px;
		line-height: 55px;
		margin-bottom: 0;
	}

	.footer-info-wrapper .row {
		--gutter-y: 50px
	}

	.site-banner h1,
	.site-banner h2 {
		font-size: 45px;
		margin-bottom: 20px;
	}

	.sec-subtitle {
		font-size: 2.15rem;
	}


	.site-banner .btn {
		margin-top: 1.3rem;
	}

	section.site-banner h2 {
		font-size: 28px;
		line-height: 35px;
	}

	section.design-sec .row {
		row-gap: 30px;
	}
	.experience-box{
		width: 60%;
	}
	.wrap-single-main {
	    gap: 50px;
	}
	.wrap-post-contain {
    	width: calc(70% - 25px);
	}
	.wrap-recent-blog {
    	width: calc(30% - 25px);
	}
}

@media (max-width: 991px) {
	.experience-box {
	    width: auto;
	}
	.question {
	    align-items: flex-start;
	    flex-direction: column;
	}
	.experience-box {
    flex-direction: column;
	}
	.faq-arrow {
	    position: absolute;
	    right: 15px;
	}
	.question h5 {
	    margin-bottom: 15px;
	}
	.answer {
    	padding: 35px 0px;
	}
	.row {
		--gutter-y: 50px
	}

	.btn-row {
		--gutter-y: 1rem
	}

	.home-banner .home-banner-wrapper {
		max-width: 100%;
		text-align: center;
	}

	.site-header .main-menu-wrapper {
		position: fixed;
		left: 0;
		top: 0;
		height: 100vh;
		width: 100%;
		background: #fff;
		overflow: auto;
		padding: 2rem;
		display: block;
		z-index: -99;
		visibility: hidden;
		transform: translateX(-100%);
		transition: transform 0.3s ease-in-out 0s;
	}

	.site-header .main-menu-wrapper.open {
		z-index: 1999;
		visibility: visible;
		transform: none;
		transition: transform 0.3s ease-in-out 0s;
	}

	body.hamburger-menu-open {
		overflow: hidden;
	}

	.main-menu-wrapper ul {
		flex-direction: column;
		gap: 15px 0;
	}

	.main-menu-wrapper .menu-header-menu-container {
		margin-top: 1rem;
	}

	h1 {
		font-size: 3rem;
	}

	h2,
	.primary-title {
		font-size: 1.8rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	h5 {
		font-size: 1rem;
	}

	.primary-title {
		margin-bottom: 1.5rem;
	}

	.image--button-wrapper .image--btn {
		display: flex;
		width: 100%;
		justify-content: center;
	}

	.block-img-sec .block-img-content {
		padding: 30px 0 100px;
	}

	.gui-carousel {
		min-height: auto;
	}

	.home-banner .home-image {
		text-align: center;
	}

	.home-banner .home-image img {
		width: auto;
	}

	.development-mt-5 {
		margin-top: 3rem;
	}

	.p-development-info {
		padding: 2rem;
	}

	.block-img-sec.full-block img {
		max-height: 400px;
	}

	.project-cat-list .project-cat-grid {
		gap: 5px 20px;
	}

	.row.skill-box {
		padding-left: 0;
	}

	.row.skill-box>* {
		margin-top: 0;
	}

	.web-left {
		margin-bottom: 50px;
	}

	section.mob-sec .row>* {
		margin-top: 0;
	}

	section.mob-sec .row {
		row-gap: 30px;
		margin-top: 0;
	}

	.get-box-main {
		padding: 30px;
	}

	.get-box-main h2 {
		font-size: 35px;
		line-height: 48px;
	}

	.get-box-main h5 {
		font-size: 20px;
		line-height: 26px;
	}

	section.mob-sec .des-main .service-card {
		padding: 20px;
	}
	.wrap-single-main {
	    flex-direction: column;
	}
	.wrap-post-contain,.wrap-recent-blog {
	    width: 100%;
	}
}

@media (max-width: 767px) {
	.get-box-main h2 {
		font-size: 27px;
		line-height: 40px;
	}

	.gui-carousel {

		height: 100vh;
	}

	.left-text {
		margin-bottom: 20px;
	}

	.get-box-main .btn.primary-btn svg {
		width: 16px;
	}

	.get-box-main {
		padding: 20px;
	}

	.home-banner .home-link,
	.home-banner .home-banner-wrapper h1, .home-banner .home-banner-wrapper h2 {
		letter-spacing: 2px;
	}

	section.site-banner h3 {
		font-size: 24px;
		line-height: 35px;
	}

	.des-main {
		margin-top: 40px;
	}

	.home-banner .home-link {
		font-size: 1.3rem;
	}

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

	.image--button-wrapper .image--btn {
		padding: 1.2rem 1rem;
	}

	.service-card .service-image {
		margin-bottom: 1rem;
		max-width: 80px;
		max-height: 80px;
	}

	.service-card.development-service .service-image {
		margin-bottom: 1rem;
		max-width: 100%;
	}

	.service-card h3 {
		font-size: 1.4rem;
		line-height: 1.5rem;
		margin-bottom: 0.5rem;
	}

	.site-footer .footer-info-wrapper {
		padding: 30px 0;
	}

	.block-img-sec .block-img-content {
		padding: 30px 0 60px;
	}

	.site-banner h1,
	.site-banner h2 {
		font-size: 40px;
		margin-bottom: 20px;
	}

	.sec-subtitle {
		font-size: 2rem;
		letter-spacing: 2px;
	}

	.site-banner .btn {
		margin-top: 1.2rem;
	}

	.p-development-info {
		padding: 1.5rem;
	}

	.block-img-sec.full-block img {
		max-height: 300px;
	}

	.sec-cinfo {
		padding-top: 0;
		padding-bottom: 30px;
		background: #fff;
	}

	.cinfo-map {
		position: relative;
		margin: 0 -15px 30px;
		width: calc(100% + 30px);
	}

	.cinfo-map img {
		height: 400px;
	}

	.cinfo-wrapper {
		max-width: 100%;
	}

	.sec-team .row {
		--gutter-y: 15px;
	}
}

@media (max-width: 575px) {
	.wrap-con {
	    padding: 32px 15px;
	}
	.home-banner .home-banner-wrapper h1, .home-banner .home-banner-wrapper h2 {
		font-size: 2rem;
		line-height: 50px;
		margin-top: 48px;
	}

	h2,
	.primary-title {
		font-size: 1.5rem;
	}


	h3 {
		font-size: 1.25rem;
	}

	h4 {
		font-size: 1rem;
	}

	.image--button-wrapper .image--btn .icon {
		max-width: 25px;
	}

	.btn {
		font-size: 0.8rem;
	}

	.site-banner h1,
	.site-banner h2 {
		font-size: 35px;
		margin-bottom: 20px;
	}

	.sec-subtitle {
		font-size: 1.75rem;
		letter-spacing: 0px;
	}

	.site-banner .btn {
		margin-top: 1.2rem;
	}

	.site-header .site-branding {
		max-width: 180px;
	}

	.p-development-info {
		padding: 1rem;
	}

	.cinfo-wrapper {
		padding: 20px 15px;
		border-radius: 15px;
	}

	.cinfo-wrapper ul li {
		gap: 10px;
	}

	.cinfo-wrapper ul li .icon {
		width: 24px;
	}

	.cinfo-map img {
		height: 250px;
	}
	.wrap-post-contain-t {
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: flex-start;
	}
}

@media (max-width: 350px) {
	.home-banner .home-banner-wrapper h1, .home-banner .home-banner-wrapper h2 {
		font-size: 1.7rem;
		margin-top: 48px;
		line-height: 50px;

	}

	.home-banner .home-banner-wrapper h1 br, .home-banner .home-banner-wrapper h2 br {
		display: none;
	}
}