.hero {
	position: relative;
	margin-top: 120px;
	overflow: hidden;
	margin-bottom: 10px;
	
}




#homehero2 {
	z-index: 1;
}

.hero .row {
	max-width: 1360px;
}

.hero-height-control .hero-imgarea {
	height: 250px;
	position: static;
	margin-bottom: 50px;
}

.hero-content > .row {
	height: 100%;
}

.hero-content-column {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.hero-imgarea {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	/*background: var(--color-primary);*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.hero-imgarea video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hero-imgarea::before {

	/*height: 80%;*/
	/*content: "";
	position: absolute;
	width: 100%;
	
	height: 90%;
	bottom: 0;
	left: 0;
	background: rgba(20, 23, 47, 0.5);
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);*/
}



.hero-content .hero-big {
	color: inherit;
	font-weight: 700;
	overflow: hidden;
	font-size: 2rem;
	padding-bottom: 20px;
	/*margin-bottom: 30px;*/
	color: var(--color-primary);
}

.hero-content .hero-big strong {
	display: block;
	line-height: 1.3;
}

.hero-content .hero-big span {
	position: relative;
}

.hero-content .hero-big span:before {
	left: 0;
	top: 55%;
	width: 0;
	content: "";
	height: 6px;
	display: block;
	position: absolute;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	transition: width 2.5s;
	transition-delay: 2000ms;
}

.hero-content .hero-big .animated span:before {
	width: 100%;
}

.hero-content .button {
	padding: 13px 29px;
}

.hero-button {
	
	animation-delay: 2200ms;
/*	margin-left: calc(var(--sides-size) * -1);
	margin-right: calc(var(--sides-size) * -1);*/
}


.hero-button .button {
	width: auto;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 13px 45px;

}

.hero-subtitle {
	font-weight: 700;
	font-size: 1.188rem;
	overflow: hidden;
	color: var(--color-gray-alt);
	animation-delay: 1000ms;
	line-height: 1.3;
	margin-bottom: 4px;
}

.hero-content .hero-big br {display: none;}

.hero-button .button {
	width: 100%;
}

.hero-button .button-one {margin-bottom: 15px;}

.hero-button.hero-button-2 a:hover,
.hero-button.hero-button-2 a:focus {
	background: var(--color-primary);
	color: var(--color-pure-white);
}

.btn_class_flex .hero-button-two a {
	background: var(--color-special-bg);
	border: 2px solid var(--color-special-bg);
}

.first-top-area .btn_class_flex {
		margin-bottom: 45px;
}


.padesktop.first-section {
	padding-top: 0px;
	/*padding-top: 60px;*/
}

.info-content h1,
.process-steps h1 {
    font-weight: 600;
    font-size: 2.1rem;

}

@media screen and (min-width: 768px) {
	.hero {
		margin-top: 0;
		background: var(--color-black);
	}


	.hero-imgarea::before {
		content: "";
		position: absolute;
		width: 100%;
		/*height: 80%;*/
		height: 90%;
		bottom: 0;
		left: 0;
		background: rgba(20, 23, 47, 0.5);
		pointer-events: none;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	}

	.hero-content {
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: flex-end;
		align-items: center;
		position: relative;
		/*text-align: center;*/
		color: var(--color-pure-white);
	}

	.hero-content .hero-big {
		color: var(--color-pure-white);
	}

	.hero-height-control 
	{
		/*height: 520px;*/
		height: 70vh;
	}
	.hero-height-control .hero-imgarea 
	{
		height: 100%;
		margin-bottom: 0;
		position: absolute;
	}
	.hero-height-control {
		/*min-height: 70vh;*/
	}
	.hero-button .button {
		width: 100%;
		max-width: 265px;
		letter-spacing: 1px;
	}
	.first-top-area .btn_class_flex {
		/*margin-bottom: 0;*/
	}
	.padesktop.first-section {
		padding-top: 100px;
	}

	.info-content h1,
	.process-steps h1 {
	    font-weight: 600;
	    font-size: 2.6rem;}

	  .hero-content .hero-big br {
	  	display: inherit;
	  }

}

@media screen and (min-width: 1025px) {
	.hero-results-title span {
		max-width: 240px;
	}

	.hero-content > .row {
		height: auto;
	}

	.hero-results-item p {
		width: 90%;
	}

	.hero-content {
		min-height: calc(100vh - 125px);
	}
	.hero {
		margin-top: 115px;
		margin-bottom: 0;
	}

	.hero-results-title {
		padding-right: 20px;
	}

	.hero-results-item {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.hero-content {
		min-height: 70vh;
		text-align: left;
		padding: 170px 0;
		justify-content: center;
	}

	.hero-content .hero-big {
		font-size: 3rem;
		padding-bottom: 0;
	}

	.hero-button {
		margin: 0;
	}

	.hero-imgarea::after {
		left: 0;
		top: 0;
		width: 100%;
		height: 132px;
		content: "";
		display: block;
		position: absolute;
	}

	.hero-imgarea::before {
		top: 0;
		/*width: 81%;*/
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
	}

	.first-top-area .btn_class_flex {
		margin-bottom: 0;
	}

}

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

	.btn_class_flex {
		display: flex;
	  }
	  .button-one .hero-button {margin-bottom: 25px;}

	  .btn_class_flex .hero-button-two {margin-left: 20px; margin-bottom: 0;}

}

/* INTRO */
.intro p {
	margin-bottom: 30px;
	line-height: 1.6;
}

.intro-inner {
	display: flex;
	flex-wrap: wrap;
}

.intro-content {
	width: 100%;
}

.intro-content .h1 {
	font-size: 1.938rem;
}

.intro-content h4 {
	margin-bottom: 20px;
	letter-spacing: 4.5px;
}

.intro .form-right {
	margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
	.intro-content .h1 {
		font-size: 3.313rem;
	}

	.intro .form-right {float: right; margin-bottom: 0}

	.intro-content h4 {
		margin-bottom: 37px;
	}
}


/* FEATURES */
.features {
	position: relative;
	overflow: hidden;
}

/*.features .row {
	max-width: 1070px;
}*/

.features:before {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.06;
	width: 100%;
	height: 100%;
	background-size: contain;
	content: "";
	pointer-events: none;
}

.features .column {
	position: relative;
	z-index: 1;
}

.features .h1 {
	margin-bottom: 0;
	font-size: 2rem;
	text-align: center;
	color: var(--color-body-text);
}

.features .h1:after {
	display: none;
}

.features p {
	margin-bottom: 42px;
	text-align: center;
	color: var(--color-body-text);
	font-size: 1.1rem;
	margin-top: 10px;
}

@media screen and (min-width: 768px) {
	.features p {
		max-width: 660px;
		margin: 0 auto 45px;
	}

	.features .h1 {
		font-size: 2.5rem;
	}
}


@media screen and (min-width: 1025px) and (max-height: 820px) {
	.hero-content .hero-big {
		font-size: 3.3rem;
	}
	.hero-height-control {
		min-height: 500px;
	}

	.hero-results {
		padding-top: 0;
	}

	.hero-content {
		/*padding-top: 120px;*/
	}
}


.services-area {
    width: 48%;
    float: left;
    /*margin: 0 1% 40px;*/
    margin-bottom: 30px;
}

.services-area.wide-3 {
    width: 100%;
    padding: 0 30px;
}

.services-hold {
    position: relative;
    line-height: 0;
    overflow: hidden;
    border-radius: 1em;
    margin-bottom: 10px;
}

.services-hold .serv-photo img, .services-hold .serv-area {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.services-hold .serv-photo img {
/*    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);*/
    width: 100%;
}

.services-hold:hover .serv-photo img {
/*    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);*/
}

.services-hold .serv-area {
    /*background: var(--color-primary);*/
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    
/*    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);*/
}

.services-hold:hover .serv-area {
    opacity: 1;
    background: var(--color-primary);
  /*  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);*/
}

.serv-img img {
    max-width: 30% !important;
    padding-bottom: 15px;
}

.serv-text p {
	opacity: 0;
    padding: 0 40px;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 0;
}

.services-hold:hover .serv-area p,
.services-hold:focus .serv-area p{
	opacity: 1;
}

.serv-link, .serv-link a {
	margin-bottom: 0;
	color: var(--color-body-text);
	font-size: 1.3rem;
	font-weight: 700;
}

.serv-wrap {
    display: table;
    height: 100%;
    width: 100%;
}

.serv-hold {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

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

.reviewbtn {
	margin-top: 25px;
}
.services-btn {
	margin-top: 30px;
}
.gallery-viewmore {
	margin-top: 50px;
}


.big-img-area {
	/*background: var(--color-secondary);*/
	padding-top: 50px;
	padding-bottom: 50px;
}
.big-img-area img {
	width: 100%;
	 border-radius: 1rem ;
}


.hero-hero-content-column-text span {
    display: block;
    line-height: 1.1;
    color: #000;
    font-size: 2.1rem;
    padding-bottom: 0;
    margin-bottom: 25px;
    font-weight: 700;
}

.hero-home .hero-hero-content-column-text span {
	color: var(--color-heading);
}

.hero-hero-content-row {
	width: 100%;
    height: 100%;
    position: relative;
}

.hero-hero-content-column {
	width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
}

.hero-hero-content-column-right {
	left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    object-fit: cover;
    /*background: url('images/hero.avif');*/
    background-image: none;

    padding-top: 55%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 120px;

}

.second-top-area .hero-hero-content-column-right {margin-bottom: 35px;}


.hero-hero-content-column-right img {
	position: relative;
	top: 0;
	height: 100%;
	width: 100%;
}

	.hero-hero-content-column-text span i {
	font-family: var(--font-family-special);
    /*color: var(--color-body-text);*/
    /*font-size: 53px;*/
    font-weight: 600;
    letter-spacing: -1px;
    margin-right: 10px;
    font-size: 3rem;
    color: var(--color-secondary);
	}

/*2nd option header hero*/
.hero-hero-content-column.column-area {
	margin-bottom: 50px;
}
@media (min-width: 768px) {
	.services-area.wide-3 {
		width: 31.333%;
		margin: 0 1% 40px;
		padding: 0;
	}

	.hero-hero-content-column.column-area {
		margin-bottom: auto;
	}
}
@media (min-width: 1024px) {

	#homehero2 {
		min-height: 490px;
	}

	.hero-content .hero-big {
		margin-bottom: 30px;
	}

	.hero-home {
		height: 70vh;
		max-width: 1700px;
	}

	.hero-hero-content-column-text span
	{
		display: block;
        
        font-size: 2.8rem;
        padding-bottom: 0;
        margin-bottom: 25px;
        line-height: 1.1;
	}

	.second-top-area .hero-hero-content-column-right {margin-bottom: 0px;}
	
	.hero-hero-content-column-right {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
	}


    .hero-hero-content-column-right img {
        display: none;
 	}

	.hero-hero-content-row {
        display: grid; 
        grid-template-columns: 1fr 1fr;
	}

}

 @media (min-width: 768px) {
	.second-top-area .hero-hero-content-column-right {
		margin-top: 0
	}

 }
 @media (min-width: 1024px) {
    .hero-hero-content-column {
        margin: auto 0 auto 20px;
        width: auto;
        padding-right: 20px;
    }
	#homehero2 {
		/*margin-top: 60px;*/
		margin-top: 130px;
	}

}

 @media (min-width: 1281px) {
    .hero-hero-content-column {
        margin: auto 0 auto 80px;
    }
}


 @media (min-width: 1024px) {
   .second-top-area .hero-hero-content-column-right {
       border-radius: 0 1rem 1rem 0;
    }

}


 @media (min-width: 1500px) {
   .second-top-area .hero-hero-content-column-right {
       border-radius: 1rem ;
    }


}

/* INFO */
.info {
	background: linear-gradient(to right, rgba(233, 234, 238, 0) 0%, rgba(233, 234, 238, 1) 100%);
	overflow: hidden;
}

.info-inner {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.info-image {
	margin-right: -30px;
	margin-bottom: 45px;
	margin-left: -30px;
	position: relative;
	z-index: 1;
	width: calc(100% + 60px);

	position: relative;
}

.info-image img {
	width: 100%;
}
.info-image-div {
	position: relative;
}

/*.info-image-div:after{
    position: absolute;
    content: '';
    width: 124px;
    height: 124px;
    right: -6px;
    bottom: 6px;
    background: var(--color-secondary);
    z-index: -1;
}*/

.info-content {
	position: relative;
	z-index: 1;
	width: 100%;
	line-height: 1.65;
}
.info-content ul li {
	position: relative;
	padding-left: 35px;
	font-weight: 800;
	font-size: 1.375rem;
}

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

.info-content ul li:before {
	left: 0;
	content: "\f178";
	display: block;
	position: absolute;
	font-family: "Font Awesome 6 Pro";
	color: var(--color-secondary);
}

.info.has-white {
	background: var(--color-pure-white);
}

.info-image img {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.info {
		background-color: transparent;
	}
	.info-image {
		margin-left: -30px;
		margin-right: 0;
		margin-bottom: 0;
		width: calc(50% + 30px);
	}

	.info-content {
		width: 50%;
	}

	.info-inner:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		background: linear-gradient(to right, rgba(233, 234, 238, 0) 0%, rgba(233, 234, 238, 1) 100%);
		content: "";
	}

	.info.has-white .info-inner:before {
		background: var(--color-pure-white);
	}

	.info.has-white .info-image {
		margin-left: 0;
		width: 38%;
		order:1;
	}

	.info.has-white .info-content {
		width: 62%;
		order: 2;
	}

	.contact-form .form-group button {
		max-width: 400px;
	}
}

@media screen and (min-width: 1025px) {
	.info-image {
		width: calc(40% + 30px);
	}

	.info-image img {
		max-width: 100%;
	}

	.info-content {
		width: 60%;
	}
}

@media screen and (min-width: 1200px) {
	.info-image {
		margin-left: -140px;
		width: calc(32% + 140px);
	}

	.info-content {
		padding-left: 45px;
		width: 68%;
	}
}




/*process page*/

.process-div {
	padding: 50px 0px;
	border-radius: 1rem;
	/*margin-bottom: 25px;*/
}

/*.process-div .small-12 {padding: 0;}*/

.process-first {padding-top: 0;}

.process-steps p {
	margin-bottom: 20px;
}

.process-steps .button {width: 100%;}

.process-img img {
	border-radius: 1rem;
	margin-bottom: 12px;
	box-shadow: 0 0 20px #d9d9d7;
}

.process-div.div-even {
	background: #f9f8f8;
}

.process-div h2 {margin-bottom: 12px;}
.process-div h3 {
	margin-bottom: 15px;
}

.process-div .custom-img-1 {margin: 0 auto 60px;
  width: 100%; display: block;}
.process-div .custom-img-2 {}


.process-div.doubleimgs .row {align-items: unset;}
.process-div.doubleimgs .process-steps {margin-bottom: 70px; padding-right: 0;}
.process-div.doubleimgs .process-img .image-top {margin-bottom: 30px;}



.process-div.doubleimgs p {
	margin-bottom: 35px;
}



.image-line {
	position: absolute;
    top: -104px;
    left: 0;
    right: 22%;
    height: 154px;
    background: var(--color-primary);
    width: 4px;
    margin: 0 auto 0 auto;
    z-index: -1;
    width: 237px;
    border: 3px solid var(--color-primary);
    border-radius: 1rem;
    border-right: 0;
    opacity: 0;
    background: none;

    /*background: var(--color-primary);*/
}

@media screen and (min-width: 768px) {
	.process-div .row {
	    display: flex;
	    align-items: center; /* Centers content vertically */
	}

	.text-column {
	    display: flex;
	    flex-direction: column;
	    justify-content: center; /* Ensures the text is centered within the column */
	    height: 100%; /* Makes sure it takes full height */
	}

	.process-div.doubleimgs .process-img .image-top {
		margin-bottom: 30px;
	}


	.order-1 {
		order: 1;
	}
	.order-2 {
		order: 2;
	}

	.process-div.doubleimgs .process-steps {
		margin-bottom: 0;
	}


	.process-div .custom-img-1 {max-width: 340px;
	  margin-bottom: 75px;
	  /*float: right;*/
	  display: block;
	  margin-left: auto;
	  margin-right: 0;
	}

}
@media screen and (min-width: 1025px) {
	.process-div {
		/*padding: 75px;*/
	}

	.process-div.div-even {
		padding: 75px 0;
	}
	.process-img img {
		margin-bottom: 0;
	}
	.process-div h2 {margin-bottom: 20px;}

	.float-first {float: right;}
	.doubleimgs .process-steps {padding-right: 30px;}



 	.process-div.doubleimgs {
	   	position: relative;
	   }
	.image-line {
	/*  position: absolute;
	  top: -104px;
	  left: 0;
	  right: 22%;
	  height: 154px;
	  width: 4px;
	  margin: 0 auto 0 auto;
	  z-index: -1;
	  width: 237px;
	  border: 3px solid var(--color-primary);
	  border-radius: 1rem;*/

	  	opacity: 0;
	    right: 22%;
	    height: 154px;
	    background: var(--color-primary);
	    width: 4px;
	    background: none;
	    margin: 0 auto 0 auto;
	    z-index: -1;
	    width: 237px;
	    border: 3px solid var(--color-primary);
	    border-radius: 1rem;
	    border-right: 0;
	}

	.image-top-line {
		position: absolute;
		top: -48px;
		left: 0;
		right: -25%;
	}

	.image-top-line-box {
		height: 215px;
		width: 498px;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: -1;
	}

	.image-top-line-box:after {
			border-radius: 0 1rem 0 0;
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 0;         /* start with no width */
		  height: 0;        /* start with no height */
		  border-top: 3px solid var(--color-primary);
		  border-right: 3px solid var(--color-primary);

		  animation: drawBorder 2s forwards;

	}

	@keyframes drawBorder {
	  0% {
	    width: 0;
	    height: 0;
	  }
	  50% {
	    width: 100%; /* animate the top border left → right */
	    height: 0;
	  }
	  100% {
	    width: 100%; /* then animate the right border top → bottom */
	    height: 100%;
	  }
	}

}





.outer-image {padding-top:60%; position: relative; z-index: 1;}
.inner-image {position: absolute; top: 0;left: 0;right: 0;bottom: 0;background-position:top;background-size: cover; width: 100%;background-repeat: no-repeat; border-radius: 1rem;  border-radius: 1rem 1rem 0 0;}

.outer-image .row {
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.outer-text {
	position: relative;
	 /*background: var(--color-button);*/
    right: 0;
    color: var(--black-color);
    background: #fff;
    border-radius: 0 1rem 1rem 0;
    /*! padding: 77px 178px; */
    /*! margin-right: 32px; */
    /*! margin-bottom: 32px; */
    bottom: 0px;
	height: 100%;
	width: 100%;
	padding: 6%;
}

.outer-text h2,
.home .outer-text h2 {
	color: #fff;
 	font-size: 1.1rem;
    font-weight: 500;
    position: relative;
    left: 0;
    color: var(--black-color);
    margin-bottom: 20px;
}

.outer-text h2:after {
	display: none;
}

.outer-text h2 span.j-text,
.home .outer-text h2 span.j-text {
	font-size: 1.5rem;
    display: block;
    margin-bottom: 16px;
    font-weight: 700;
}

.outer-text h2 .j-text2 {
    font-style: italic;
    font-weight: 600;
    display: block;
    margin: 0;
    font-size: 1.4rem;
    margin-bottom: 8px;
}

.outer-text h2 .j-text3 {
	line-height: 1.5rem;
    font-size: 1rem;

	}

.outer-text .button {
	   /*font-size: .9rem;*/
    /*padding: 11px 24px;*/
	/*padding: 16px 24px;*/
    width: 100%;
}

.outer-text.outer-text-mobile {
	position: relative;
    margin: 0;
    background: #fff;
    padding: 25px;
    border: 1px solid #cfcaca;
    border-radius: 0 0 1rem 1rem;
}

.inner-image div {position: relative;}
.inner-image:after {
	content: "";
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    /* background-color: #0080ff; */
    background: #2a2a2a;}


.topimgdiv {
	position: relative;
}



@media screen and (min-width: 768px) {
	.outer-image {padding:22%; position: relative;/*! background: blue; */}
	.outer-text {
		position: absolute;
/*	    right: 0;
	    background: rgb(255 255 255 / 94%);
	    color: var(--black-color);
	    border-radius: 1rem;
	    padding: 34px 34px;
	    margin-right: 32px;
	    margin-bottom: 32px;
	    bottom: 0px;*/
	    width: 40%;
	}

	.outer-text h2,
	.home .outer-text h2 {
		margin-bottom: 20px;
	}
	.inner-image {border-radius: 1rem; }
	.outer-text h2 .j-text3 {font-size: 1.1rem;}

	.outer-text .button {
	 
	}

	.outer-text h2 span.j-text,
	.home .outer-text h2 span.j-text {
		font-size: 2rem;
	    margin-bottom: 16px;
	}

}



 



/*.services-area {padding: 0;}*/

.services-hold-2 {
    position: relative;
    line-height: 0;
    overflow: hidden;
    border-radius: 1rem;

}

.serv-photo-2 {position: relative; background: #fff;}
.serv-photo-2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    left: 0;

     background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0) 35%); 
     /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0) 100%); */
    /*background: linear-gradient(0deg, rgb(46 61 64 / 92%) 0%, rgba(0, 0, 0, 0) 100%);*/
    pointer-events: none;

  }

  .noimgblur .serv-photo-2:after {display: none;}


.services-hold-2 .serv-photo-2 img, 
.services-hold-2 .serv-area-2 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.services-hold-2 .serv-photo-2 img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: 100%;
}

.services-hold-2:hover .serv-photo-2 img,
.services-hold-2:focus .serv-photo-2 img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.wide-12 .services-hold-2:hover .serv-photo-2 img,
.wide-12 .services-hold-2:focus .serv-photo-2 img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.services-hold-2:hover .serv-text-2 p,
.services-hold-2:focus .serv-text-2 p{
	background: var(--color-primary);
	color: var(--color-pure-white);
}

.services-hold-2:hover .serv-text-2 p i,
.services-hold-2:focus .serv-text-2 p i {
	color: #fff;
}

.services-hold-2 .serv-area-2 {
    /*background: var(--color-primary);*/
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    /*opacity: 0;*/
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}


.serv-wrap-2 {
    display: table;
    height: 100%;
    width: 100%;
}

.serv-hold-2{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}


.services-hold-2 .serv-area-2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.serv-img-2 img {
    max-width: 30% !important;
    padding-bottom: 15px;
}

.serv-text-2 p {
    color: #fff;
    text-align: left;
    font-weight: 600;
    letter-spacing: .5px;
    background: #fff;
    padding: 15px 19px;
    width: fit-content;
    border-radius: 2.6em;
    color: #fff;
    color: var(--color-black);
    font-size: .9rem;
    margin-left: 32px;

}
.serv-text-2 {
	position: absolute; bottom: 0;
}

.serv-text-2 p i {color: var(--color-primary); }
.serv-wrap-2 {
    display: table;
    height: 100%;
    width: 100%;
}

.serv-hol-2 {
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
}

.serv-smallp-2 {
    font-size: 1.1rem;
    margin-bottom: 5px;
    padding: 12px 2px;
    font-weight: 500;
    letter-spacing: 1px;
}

.text-views .services-hold-2 {
	border-radius: 1rem 1rem 0 0;
}

.services-area-2.wide-3 {
    width: 100%;
    padding: 0 30px;
}

.services-area-2 {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
	.services-area-2.wide-3 {
		width: 31.333%;
		margin: 0 1% 40px;
		padding: 0;
	}
	.services-area-2 {
    margin-bottom: 00px;
	}

	.opacity0 {opacity: 0;}
}

 .home-snippet {
 	font-size: 1rem;
  	margin: 20px 20px 0 20px;
 }



 /*linkded boxes home*/

.fancy-link-box {
	width: 100%;
	height: 100px;
	overflow: hidden;
	background-color: var(--color-primary);
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	position: relative;
	border-radius: 1rem;
}

.fancy-link-box span {
	position: relative;
	z-index: 1;
}

.fancy-link-box figure {
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: transform 300ms ease-out;
	-moz-transition: transform 300ms ease-out;
	-ms-transition: transform 300ms ease-out;
	-o-transition: transform 300ms ease-out;
	transition: transform 300ms ease-out;
}

.fancy-link-box:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	opacity: 0;
	background: var(--color-body-text);
	pointer-events: none;
	-webkit-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	-ms-transition: opacity 200ms ease-out;
	-o-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
}

.fancy-link-box:hover,
.fancy-link-box:focus {
	color: #fff;
	background-color: var(--color-secondary);
}

.fancy-link-box:hover:before,
.fancy-link-box:focus:before {
	opacity: 0;
	z-index: 1;
}

.fancy-link-box:hover figure,
.fancy-link-box:focus figure {
	transform: scale(1.1);
}

@media screen and (min-width: 768px) {
	.fancy-link-boxes-inner {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}

	.fancy-link-box {
		margin-bottom: 0;
	}
}