:root {
	--font-default: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	--border-color: #ebebeb;
	--black: #000;
	--white: #fff;
	--swiper-button-color: #ee6d30;
	--font-normal: 400;
	--font-semibold: 600;
	--font-bold: 700;
	--grid-gutter: 10px;
	--grid-gutter-m: 16px;
	--container-gutter: 20px;
	--container-gutter-s: 40px;
	--container-gutter-m: 60px;
	--container-gutter-ml: 80px;
	--container-max: 1040px;
	--element-space-sm: 10px;
	--element-space: 20px;
	--element-space-lg: 30px;
	--column-space: 10px;
	--section-space: 1em;
	--section-space-lg: 6em;
	--section-header: 2em;
	--section-header-lg: 4em;
	--s: 480px;
	--sm: 576px;
	--md: 768px;
	--lg: 992px;
	--xl: 1200px;
	--xxl: 1400px;
	--text-large: calc(1.15 * var(--bs-body-font-size));
	--text-small: calc(0.85 * var(--bs-body-font-size));
	--gutter: 1.5rem;
	--shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px,
		rgba(0, 0, 0, 0.3) 0 1px 3px -1px;

	--swiper-pagination-color: #032435;
	--swiper-pagination-bullet-size: 16px;
	--swiper-pagination-bullet-width: 16px;
	--swiper-pagination-bullet-height: 16px;
	--swiper-pagination-bullet-inactive-color: #000;
	--swiper-pagination-bullet-inactive-opacity: 0.2;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bullet-vertical-gap: 6px;
	--swiper-navigation-color: #032435;
	--swiper-navigation-size: 44px;
	--swiper-theme-color: #032435;

	--primary-color: #bb312a;
	--fs-color-secondary: #7141b1;
	--secondary-color: #7141b1;
}

.home-plan {
	.home-plan__column {
		height: 810px;
		background: #2e91fc;
		padding-top: 50px;

		.image-content {
			height: 300px !important
		}

		.image-content {
			position: absolute;
			width: 100%;
			top: 50px;
			left: -15%;
			z-index: 1;

			img {
				height: 620px;
				width: 600px;
			}
		}

		.text-content {
			left: 25%;
		}
	}
}

.home-service {
	.section-bg {
		background-position: 10% 10%;
	}

	.tab-panels {
		padding-top: 50px;
		.row {
			background-color: #ffffff;
			box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
		}
	}

	.nav {
		gap: 10px;

		a {
			border-radius: 0;
			border-radius: initial;
			border: 2px dashed transparent;
			font-size: 15px;
		}
	}
}

.home-count-up {
	.col {
		border-bottom: 1px solid #eee;

		.cyno-count-up__title {
			font-size: 13px;
			font-weight: bold;
			padding-top: 10px;
		}
	}
}

.home-project {
	.nav {
		background-color: #f9f8fc;
		gap: 10px;
		padding: 15px 0px;
		border-radius: 7px;

		a {
			border-radius: 0;
			border-radius: initial;
			border: 2px dashed transparent;
			font-size: 13px;
		}
	}

	.tab-panels {
		.post-item {
			.is-divider {
				display: none;
			}

			.post-title {
				font-size: 15px;
			}
		}
	}
}

.about-service {
	.section-bg {
		background-position: 10% 10%;
	}
	.icon-box {
		border: 1px dashed #cce5ff;
		padding: 20px 10px;
	}

	.icon-box:hover {
		border: 1px dashed #ff8d68;
	}
}

.about-contact {
	.col-inner {
		padding: 30px 60px;
		overflow: hidden;
		background-color: #fff;
		box-shadow: 0px 3px 34px 0px rgba(230, 230, 230, 0.75);

		.wpcf7-form {
			p {
				display: flex;
				gap: 20px;

				.wpcf7-form-control-wrap {
					width: 100%;
				}

				.wpcf7-submit {
					background-color: #2e91fc;
					font-size: 13px;
					text-transform: revert;
					padding: 5px 40px;
					font-weight: 300;
				}

				input,
				textarea {
					box-shadow: none;
					box-shadow: initial;
					border-color: #e6f1ff;
				}
			}
		}
	}
}

.service-list {
	.icon-box {
		background: #fff;
		box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.35);
		padding: 30px;
		border-radius: 10px;

		.icon {
			background-color: #2e91fc;
			border-radius: 10px;
			padding: 10px;
		}
		.icon:hover {
			background-color: #ff8d68;
		}

		.icon-box-text {
			p {
				margin-bottom: 0px;
			}
		}
	}
}

.service-price {
	.col-inner {
		padding: 44px 25px;
		position: relative;
		z-index: 3;
		border-radius: 30px;
		box-shadow: 0px 0px 18px 0px rgba(222, 222, 222, 0.75);
		margin-bottom: 30px;
		background: #d7ebf9;
		transition: all 300ms linear 0s;
		text-align: center;

		h3 {
			margin-bottom: 20px;
			font-weight: 300;
		}
	}
}

@media (min-width: 1200px) {

.service-price {
	.col-inner {
			.button {
				margin-top: 50px;
				transition: all 150ms ease-in-out;
			}
	}
}
		}

.service-price {

	.col-inner:hover {
		background-color: #2e91fc;
	}

	.col-inner:hover .button {
		background-color: rgb(255, 141, 104);
		background-image: none;
		background-image: initial;
	}

	.col-inner:hover h3 {
		color: #fff;
	}
}

.contact-question {
	.col-inner {
		padding: 70px;
		box-shadow: 0px 0px 22px 0px rgba(205, 205, 205, 0.35);

		.accordion-item {
			border: 1px solid #e6f1ff;
			color: #537097;
			margin-bottom: 20px;

			.accordion-title {
				border: none;
			}

			.accordion-title.active {
				color: #537097;
				font-weight: 300;
			}

			.accordion-inner {
				background-color: #e6f1ff;
				color: rgba(94, 109, 127, 0.702);

				p {
					margin-bottom: 0px;
				}
			}
		}
	}
}

.contact-form-column {
	.wpcf7-form {
		background: #fff;
		box-shadow: 0px 0px 22px 0px rgba(205, 205, 205, 0.35);
		padding: 60px 35px 50px 35px;

		p {
			display: flex;
			gap: 20px;

			.wpcf7-form-control-wrap {
				width: 100%;
			}

			.wpcf7-submit {
				background-color: #2e91fc;
				font-size: 13px;
				text-transform: revert;
				padding: 5px 40px;
				font-weight: 300;
			}

			input,
			textarea {
				box-shadow: none;
				box-shadow: initial;
				border-color: #e6f1ff;
			}
		}

		p:nth-child(5) {
			justify-content: center;

			.wpcf7-spinner {
				display: none;
			}
		}
	}
}

.blog-layout-header {
	padding-top: 100px;
}

.blog-wrapper {
	#post-list {
		.entry-category,
		.entry-meta {
			display: none;
		}

		.entry-title {
			font-size: 25px;
			color: #000;
		}
	}

	.post-sidebar {
		.widget-area {
			background-color: #fff;
			box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
			padding: 20px 15px;
			border-radius: 10px;

			.widget-title {
				color: #000;
				font-size: 18px;
			}

			#flatsome_recent_posts-2 {
				a {
					font-size: 14px;
					overflow: hidden;
					text-overflow: ellipsis;
					-webkit-line-clamp: 3;
					display: -webkit-box;
					-webkit-box-orient: vertical;
				}
			}
		}
	}
}

.cyno-count-up__number {
	margin-bottom: 0;
	font-size: 48px;
	line-height: 1;
	font-weight: 700;
}

#footer {
	b {
		color: #fff;
	}

	.footer-header {
		padding-bottom: 25px;
		position: relative;
	}

	h4:after {
		content: '';
		position: absolute;
		bottom: 12px;
		left: 0px;
		height: 3px;
		width: 70px;
		margin: 10px 0;
		background-color: #2e91fc;
	}

	.ux-menu {
		.ux-menu-link__link {
			padding: 0px;
			transition: all 300ms ease;

			.ux-menu-link__text {
				color: #999;
				font-size: 14.4px;
			}
		}

		.ux-menu-link__link:hover {
			padding-left: 10px;
		}
	}
}

#masthead {
	border-bottom: 1px solid #eee;
	position: absolute;
	width: 100%;

	.header-nav.nav-left {
		.active {
			a {
				color: #2e91fc;
			}
		}

		a {
			color: #fff;
			font-weight: bold;
		}

		a:hover {
			color: rgba(46,145,252,0.65882);
		}
	}

	.header-nav.nav-right {
		.html_topbar_right {
			border: 1px dashed #ff8d68;
			padding: 5px;
			color: #fff;

			h3 {
				color: #fff;
				margin-bottom: 0px;
			}
		}

		.header-search {
			i {
				color: #fff;
			}
		}
	}
}