/* Custom Hero Row */
.custom-hero-row {
		min-height: calc(100vh - 100px);
}

/* Custom Elements */
.custom-element-wrapper {
		position: absolute;
}

.custom-element-wrapper.custom-element-1 {
		top: 25%;
		left: 45%;
		width: 300px;
		height: 300px;
}

.custom-element-wrapper.custom-element-1 .custom-element {
		background: transparent;
		border: 3px solid var(--primary);
		opacity: 0.05;
		width: 100%;
		height: 100%;
		border-radius: 25px;
}

.custom-element-wrapper.custom-element-2 {
		top: 45%;
		left: 62%;
		width: 150px;
		height: 150px;
}

.custom-element-wrapper.custom-element-2 .custom-element {
		background: var(--primary);
		opacity: 0.05;
		width: 100%;
		height: 100%;
		border-radius: 25px;
}

.custom-element-wrapper.custom-element-3 {
		top: 57%;
		left: 70%;
		width: 100px;
		height: 100px;
}

.custom-element-wrapper.custom-element-3 .custom-element {
		background: transparent;
		border: 3px solid var(--primary);
		opacity: 0.05;
		width: 100%;
		height: 100%;
		border-radius: 25px;
}

.custom-element-wrapper.custom-element-4 {
		top: 57%;
		left: 44%;
		width: 100px;
		height: 100px;
}

.custom-element-wrapper.custom-element-4 .custom-element {
		background: var(--primary);
		opacity: 0.03;
		width: 100%;
		height: 100%;
		border-radius: 25px;
}

.custom-element-wrapper.custom-element-5 {
		top: 18%;
		left: 7%;
		width: 450px;
		height: 450px;
}

.custom-element-wrapper.custom-element-5 .custom-element {
		background: var(--secondary);
		width: 100%;
		height: 100%;
		border-radius: 25px;
}

@media (min-width: 768px) {
		.custom-element-wrapper.custom-element-5 {
				top: 18%;
				left: 15%;
		}
}

@media (min-width: 992px) {
		.custom-element-wrapper.custom-element-5 {
				top: 27%;
				left: 22%;
		}
}

@media (min-width: 1200px) {
		.custom-element-wrapper.custom-element-5 {
				top: 22%;
				left: 22%;
		}
}

@media (min-width: 1400px) {
		.custom-element-wrapper.custom-element-5 {
				top: 27%;
				left: 78%;
		}
}

.custom-element-wrapper.custom-element-6 {
		width: 160px;
		height: 160px;
		top: 22.2%;
		right: -8%;
}

.custom-element-wrapper.custom-element-7 {
		width: 160px;
		height: 160px;
		top: 58.2%;
		right: -38%;
}

.custom-element-wrapper.custom-element-8 {
		top: -5%;
		left: -6%;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 77.2% 100%, 0 54%);
}

@media (min-width: 768px) {
		.custom-element-wrapper.custom-element-8 {
				top: -5%;
				left: 5%;
		}
}

@media (min-width: 992px) {
		.custom-element-wrapper.custom-element-8 {
				top: 5%;
				left: 5%;
		}
}

@media (min-width: 1200px) {
		.custom-element-wrapper.custom-element-8 {
				top: 0%;
				left: 10%;
		}
}

@media (min-width: 1400px) {
		.custom-element-wrapper.custom-element-8 {
				top: 5%;
				left: 63%;
		}
}

.custom-element-wrapper.custom-element-9 {
		width: 160px;
		height: 160px;
		top: 5%;
		left: 7%;
}

.custom-element-wrapper.custom-element-10 {
		width: 160px;
		height: 160px;
		top: 65%;
		right: 10%;
}

.custom-element-wrapper.custom-element-11 {
		display: inline-block;
}

.custom-element-wrapper.custom-element-11 img {
		border-radius: 25px;
}

.custom-element-wrapper.custom-element-11:before {
		display: block;
		content: "";
		position: absolute;
		top: 30px;
		left: -30px;
		background: var(--primary);
		border-radius: 25px;
		width: 100%;
		height: 100%;
		z-index: -1;
}

/* Page Header */
.page-header {
		padding-top: 153px;
		padding-bottom: 0;
}

.page-header .container:before {
		content: "";
		left: 0;
		width: 100%;
		height: 1px;
		background: rgba(0, 0, 0, 0.06);
		position: absolute;
}

/* Breadcrumb */
.breadcrumb li {
		font-weight: 600;
		letter-spacing: 1px;
}

.breadcrumb > li + li:before {
		padding: 0 7px 0 7px;
}




@media (min-width: 2000px) {
		.shape-divider svg {
				width: 100%;
		}
}

.featured-box.custom-featured-box-with-video > .custom-featured-box-video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 1;
		transition: ease all 300ms;
}

.featured-box.custom-featured-box-with-video > .custom-featured-box-video.active {
		z-index: 3;
}

.featured-box.custom-featured-box-with-video .featured-box-background {
		z-index: 2;
}

.featured-box.custom-featured-box-with-video .featured-box-background.hide {
		opacity: 0;
}

.featured-box.custom-featured-box-with-video .box-content {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 301px;
		padding: 0;
}

@media (max-width: 1199px) {
		.featured-box.custom-featured-box-with-video .box-content {
				height: 227px;
		}
}

@media (max-width: 991px) {
		.featured-box.custom-featured-box-with-video .box-content {
				height: 386px;
		}
}

@media (max-width: 767px) {
		.featured-box.custom-featured-box-with-video .box-content {
				height: 285px;
		}
}

@media (max-width: 575px) {
		.featured-box.custom-featured-box-with-video .box-content {
				height: 0;
				padding-top: 28%;
				padding-bottom: 28%;
		}
}

.featured-box.custom-featured-box-with-video .box-content.hide {
		opacity: 0;
		z-index: -1;
}




.custom-box-shadow-1 {
		box-shadow: 0px 0px 31px -5px rgba(0, 0, 0, 0.14) !important;
}

.custom-box-shadow-2 {
		box-shadow: 0px 8px 31px -5px rgba(0, 0, 0, 0.07) !important;
}

.custom-container-position-1 {
		position: relative;
		transform: translate3d(-50%, 0, 0);
		left: 50%;
}

.custom-container-style-1 {
		min-width: 85vw;
}

@media (min-width: 576px) {
		.custom-container-style-1 {
				min-width: 540px;
		}
}

@media (min-width: 768px) {
		.custom-container-style-1 {
				min-width: 720px;
		}
}

@media (min-width: 992px) {
		.custom-container-style-1 {
				min-width: 960px;
		}
}

@media (min-width: 1200px) {
		.custom-container-style-1 {
				min-width: 1140px;
		}
}

@media (min-width: 1440px) {
		.custom-container-style-1 {
				min-width: 1440px;
		}
}

.custom-font-secondary {
		font-family: 'Lora', sans-serif !important;
}


.fluid-col-lg-5 .fluid-col {
		left: 50%;
		width: 100vw;
		transform: translate3d(-50%, 0, 0);
}

@media (min-width: 992px) {
		.fluid-col-lg-5 {
				min-height: 0;
		}
		.fluid-col-lg-5 .fluid-col {
				width: calc(44.2vw - 15px);
				left: 15px;
				transform: none;
		}
}

@media (max-width: 991px) {
		.fluid-col-lg-5 {
				min-height: 400px !important;
		}
}

.custom-read-more-link svg {
		transition: ease transform 300ms;
}

.custom-read-more-link:hover svg {
		transform: translate3d(7px, 0, 0);
}

.custom-shape-1 {
		position: absolute;
		top: 25px;
		left: -30px;
		bottom: 25px;
		right: 30px;
		z-index: 0;
}

.custom-stroke-width-1 svg path {
		stroke-width: 1.5 !important;
}

/*
* Header
*/
@media (min-width: 992px) {
		#header .header-nav-main nav > ul > li > a {
				font-size: 16px;
				font-weight: 600;
				padding: 0 1.3rem !important;
		}
}

#header.header-effect-shrink .header-container {
		min-height: 110px;
}

/*
* Home Section - Hero
*/
.custom-hero-sub-images-style-1 {
		position: absolute;
		top: 65%;
		left: 100%;
		width: 100%;
		min-height: 323px;
		z-index: -1;
}

.custom-hero-sub-images-style-1:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 339px;
		height: 100%;
		background: var(--grey-500);
		opacity: 0.7;
		z-index: 1;
}

.custom-hero-sub-images-style-1:after {
		content: '';
		position: absolute;
		top: 0;
		right: 100%;
		width: 40vw;
		height: 100%;
		background: var(--grey-500);
}

.custom-hero-sub-images-style-1 .custom-hero-sub-images-shadow {
		position: absolute;
		bottom: 0;
		width: 0px;
		height: 60%;
		left: 0;
		z-index: 1;
}

.custom-hero-sub-images-style-1 img {
		width: 640px;
		max-width: none;
}

/*
* Home Section - What We Do
*/
.custom-thumb-info-style-1 .custom-thumb-info-icon {
		display: flex;
		justify-content: center;
		padding: 40px 0;
		padding: 2.5rem 0;
		background: #4d4e50;
		transition: ease background 300ms;
}

.custom-thumb-info-style-1 .custom-thumb-info-icon > img {
		width: auto;
		transform: scale(1);
}

.custom-thumb-info-style-1 .thumb-info-wrapper {
		position: relative;
}

.custom-thumb-info-style-1 .thumb-info-wrapper:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #4d4e50;
		opacity: 0.7;
		transition: ease opacity 300ms;
		z-index: 1;
}

.custom-thumb-info-style-1 .thumb-info-wrapper > img {
		filter: grayscale(1);
		transform: scale(1) !important;
}

.custom-thumb-info-style-1:hover .custom-thumb-info-icon > img, .custom-thumb-info-style-1.active .custom-thumb-info-icon > img {
		animation: toRightFromLeftNoScale 0.3s forwards;
}

.custom-thumb-info-style-1:hover .thumb-info-wrapper:after, .custom-thumb-info-style-1.active .thumb-info-wrapper:after {
		opacity: 0;
}

.custom-thumb-info-style-1:hover .thumb-info-wrapper > img, .custom-thumb-info-style-1.active .thumb-info-wrapper > img {
		filter: grayscale(0);
}

@keyframes toRightFromLeftNoScale {
		49% {
				transform: translate(100%) scale(1);
		}
		50% {
				opacity: 0;
				transform: translate(-100%) scale(1);
		}
		51% {
				opacity: 1;
		}
}

/*
* Home Section - Special Services
*/
.custom-section-shape-background {
		position: relative;
		overflow: hidden;
}

.custom-section-shape-background:before, .custom-section-shape-background:after {
		content: '';
		position: absolute;
		top: 0;
		left: 47.5%;
		width: 50vw;
		height: 100%;
		background: var(--light);
		transform: skewX(21deg);
		z-index: 0;
}

.custom-section-shape-background:after {
		left: 49.5%;
		transform: skewX(-21deg);
}

.custom-section-shape-background .custom-shape-divider {
		position: relative;
}

.custom-section-shape-background .custom-shape-divider:before {
		content: '';
		position: absolute;
		top: -150px;
		left: 0;
		width: 100%;
		height: 150%;
		background: var(--grey-100);
		transform: skewY(-4deg);
		z-index: 0;
}

.custom-section-shape-background.custom-section-shape-background-reverse:before {
		left: auto;
		right: 49.5%;
		transform: skewX(21deg) rotate(180deg);
}

.custom-section-shape-background.custom-section-shape-background-reverse:after {
		left: auto;
		right: 50.5%;
		transform: skewX(-21deg) rotate(180deg);
}

@media (max-width: 991px) {
		.custom-section-shape-background:before, .custom-section-shape-background:after {
				width: 100vw;
		}
}

.custom-list-icons-icon-size li > [class*="fa-"]:first-child,
.custom-list-icons-icon-size li > .icons:first-child, .custom-list-icons-icon-size li a:first-child > [class*="fa-"]:first-child,
.custom-list-icons-icon-size li a:first-child > .icons:first-child {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
}

/*
* Home Section - How We Work
*/
.custom-process-style-1 .process-step-circle {
		width: 110px;
		height: 110px;
		border-color: #d4d4d4 !important;
}

.custom-process-style-1 .process-step-circle-content {
		font-size: 2.2em;
}

/*
* Home Section - Testimonials
*/
.custom-testimonial-style-1.testimonial.testimonial-style-3 blockquote {
		background: transparent !important;
		padding: 12px 40px;
}

.custom-testimonial-style-1.testimonial.testimonial-style-3 blockquote:before {
		content: '\f10d';
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 19.2px;
		font-size: 1.2rem;
}

.custom-testimonial-style-1.testimonial.testimonial-style-3 .testimonial-author {
		margin-left: 40px;
}

.custom-testimonial-style-1.testimonial.testimonial-style-3 .testimonial-author img {
		max-width: 85px;
}

/*
* Home Section - Contact Us / Send Message
*/
.custom-form-style-1 {
		opacity: 1 !important;
}

.custom-form-style-1 .form-control {
		height: calc(1.5em + 1.85rem + 2px);
		padding: 15.6px 20px;
		padding: 0.975rem 1.25rem;
		background: var(--grey-100);
		border-color: var(--grey-100);
}

.custom-form-style-1 .form-control:focus {
		border-color: var(--grey-500);
}

.custom-form-style-1 textarea.form-control {
		height: auto;
}

/*
* Footer
*/
#footer p,
#footer a:not(.btn),
#footer li,
#footer strong,
#footer .footer-copyright p,
#footer a:not(.btn):not(.no-footer-css) {
		color: #b5b5b5;
}

.custom-list-style-1 > li {
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px;
}

.custom-list-style-1 > li + li {
		border-top: 1px solid #5c5d5f;
}

.custom-list-style-1 > li:first-child {
		padding-top: 0;
}

.custom-list-style-1 > li:last-child {
		padding-bottom: 0;
}

.custom-footer-top-light-border {
		border-top: 1px solid var(--light-rgba-10) !important;
}

/* Skin */
.featured-icon.rounded-circle {
		border-radius: 100% !important;
}

.custom-btn-style-1:after {
		border-left-color: var(--primary);
}

.custom-btn-style-1:hover:after, .custom-btn-style-1.hover:after {
		border-left-color: var(--primary--200);
}

.custom-btn-style-1:focus:after, .custom-btn-style-1.focus:after {
		border-left-color: var(--primary-200);
}

.custom-btn-style-1.disabled:after, .custom-btn-style-1:disabled:after {
		border-left-color: var(--primary);
}

.custom-btn-style-1:active:after, .custom-btn-style-1.active:after {
		border-left-color: var(--primary-200) !important;
}

.custom-svg-btn-style-1:not(.custom-svg-btn-style-1-light):hover .custom-svg-btn-background polygon {
		stroke: var(--primary);
}

.custom-svg-btn-style-1:not(.custom-svg-btn-style-1-light).custom-svg-btn-style-1-solid .custom-svg-btn-background polygon {
		fill: var(--primary);
		stroke: var(--primary);
}

.custom-svg-btn-style-1:not(.custom-svg-btn-style-1-light).custom-svg-btn-style-1-solid:hover .custom-svg-btn-background polygon, .custom-svg-btn-style-1:not(.custom-svg-btn-style-1-light).custom-svg-btn-style-1-solid:focus .custom-svg-btn-background polygon {
		fill: var(--primary--200);
		stroke: var(--primary--200);
}

.btn-link > svg polygon {
		stroke: var(--primary);
		fill: var(--primary);
}

/*
* Home Section - Hero
*/
.custom-hero-sub-images-style-1:before, .custom-hero-sub-images-style-1:after {
		background: var(--primary-200);
}

.custom-hero-sub-images-style-1 .custom-hero-sub-images-shadow {
		box-shadow: 0px 0px 80px 68px var(--primary-200);
}

/*
* Home Section - What We Do
*/
.custom-thumb-info-style-1:hover .custom-thumb-info-icon {
		background: var(--primary) !important;
}

/*
* Home Section - Testimonials
*/
.custom-testimonial-style-1.testimonial.testimonial-style-3 blockquote:before {
		color: var(--primary);
}
