.page-template-home .page-subtitle {margin: 2% auto 8% auto;	width: 75%;}
.page-template-home .section {	padding-top: 0; padding-bottom: 0;}
.page-template-home .page-top {margin: 0; background-image: url(/wp-content/uploads/2025/05/PFG-Marketing-home.png); background-repeat: no-repeat; background-size: auto; background-position: 50% 88%;}
/* .page-template-template-home .page-top { z-index: -99; position: fixed; height: 1500px; } */

.page-template-home .page-end {background: linear-gradient(68deg,rgba(237, 177, 31, 1) 0%, rgba(189, 51, 89, 1) 50%, rgba(14, 87, 109, 1) 100%); 	width: 100%; 	float: left; 	padding: 0 0 60px 0;  color: white; text-align: center;}
/* .page-template-home .page-end::before {content: "Stay in the Loop"; color: white; font-size: clamp(40px, 50% + 20px, 50px); line-height: 1; font-weight: 900; text-align: center; margin: 100px 0 0 0; width: 100%; display: block;} */
.page-template-home .page-end span {text-indent: inherit;}

.page-top-bg {
	--c: 150px; /* control the curvature (works with percentage) */
	 width: 100%;
	  height: 200px;
	  aspect-ratio: 3/2;
	  /* you can also update the 60%  */
	  mask: radial-gradient(60% var(--c) at top,#0000 calc(100% - 1px),#000);
	  background: var(--secondary-color);

}

.page-template-home .main-page-title {
font-weight: 900;
text-align: center;
line-height: 1;
color: white;
text-transform: uppercase;
margin: 8% 0 0 0;
font-size: clamp(100px, 50% + 20px, 800px);
}
.section-one-two {width: 100%; float: left; background: linear-gradient(180deg, var(--secondary-color) 60%, rgba(255,255,255,1) 50%);

}

.section-one {width: 100%; float:left;  text-align: center; font-size: 25px; line-height: 1; font-weight: 700; color: white;   }
.section-one h2 {font-weight: 900; font-size: clamp(1.2rem, 1rem + 3.5vw, 4rem); line-height: 1; color: white;}
.section-one-description {width: 75%; margin: auto; line-height: 1;}
/* .section-one-columns {width: 75%; margin:  4% auto 4% auto;}
.section-one-columns h2 {margin: 0 0 40px 0; color: #837283; font-weight: 900; font-size: 35px;}
.section-one-description iframe, .embed-container object, .embed-container embed {width: 100%; }
.section-one-columns a.button {margin: 20px;} */

/* Services Animation */
.section-two { width: 100%; float: left;  margin: auto;  padding: 0 0 4% 0; text-align: center; }
.section-two-columns {width: 100%; margin: auto; float: left;  }
.section-two-columns-content {width: 75%; padding: 15px; font-size: 16px; line-height: 30px; font-weight: 500;  margin: auto;  /*overflow: hidden; z-index: 99; position: absolute;*/ }
.section-two-columns-content a.button {margin: 20px auto 0 auto; text-align: center !important;  }
.section-two-columns h2 {margin: 0 0 10px 0; float: left; width: 100%; font-size: 35px; line-height: 1; text-transform: uppercase;  font-weight: 900; color: var(--primary-color);}
.section-two-photo { display: none; width: 100%; height: 225px; overflow: hidden; float: left; }
.section-two-photo img { width: 100%; height: auto;  /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8;*/ }
.section-two-description { min-height: 180px;}

/* Client Logos */
.section-three { width: 100%; float: left; 	background-color: white; text-align: center; }
.section-three-columns {width:  100%; /* height: 720px; */ float: left; text-align: center; padding: 0; 
	/*position: relative; overflow: hidden;  background-color: #214B7B;  */
}
.section-three-columns-content {width: 100%; height: auto; margin: 8% 0 0 0; padding: 0 0 30px 0;}
/* .section-three-columns-content a.button {margin: 20px 0 0 0;} */
.section-three-columns h2 {margin: 0 0 4% 0; width: 100%; font-size: 35px; line-height: 1; text-transform: uppercase;  font-weight: 900; color: var(--primary-color);}
/* .section-three-columns-content img {width: 100%; height: auto; float: left;}
.section-three-photo {width: 100%; height: auto; float: left; overflow: hidden; }
.section-three-photo img { width: 100%; height: auto; display: flex; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } */
.section-three-description {width: 85%; margin: auto; }
/* .section-three p { width: 100%; font-size: 18px; line-height: 28px;  text-shadow: 2px 0px 6px #575859; } */
/* .section-three-photo-mobile {display: none;} */
.section-three-description .no-click {z-index: 2; width: 80%; height: 100%; position: absolute; float: left; border: 1px solid orange; }



/* Future Spotlight */
.section-four { width: 100%; float: left; margin: 8% 0; padding: 4%; background-color: var( --tertiary-color); color: white; text-align: center; font-size: clamp(30px, 50% + 20px, 75px); font-weight: 600; line-height: 1;}

/* Testimonials */
.section-five { width: 100%; float: left;  margin: 0 0 8% 0; padding: 0 0 8% 0;}

.section-six { display: none; color: white; }

.footer-home {background: linear-gradient(68deg,rgba(237, 177, 31, 1) 0%, rgba(189, 51, 89, 1) 50%, rgba(14, 87, 109, 1) 100%);}

/* 3D Carousel */
.carousel{
	height: 600px; 
	perspective: 200px;
}
.carousel .carousel-item{
	width: 640px;
	height: 400px;
}
.card {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	max-width: 440px;
	margin: auto;
	text-align: center;
	border-radius: 10px;
	height: 500px;
	border-style: solid;
	border-color: var(--primary-color);
	border-width: 10px;
  }
.img-area{
	border-radius: 10px 10px 0 0;
	height: 200px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.carousel h4 {
	font-size: 35px;
	line-height: 1;
	margin: 15px 0;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--secondary-color);
}
.card p{
	font-size: 17px;
	line-height: 1.2;
}

.container {
  padding: 2px 0px;
}



/* Testimonials */
/* testimonials.css */

/* Logo Scroll */
.page-template-home .gallery {margin: 4% auto 0 auto; width: 100%; float: none;}
.page-template-home .gallery dl {
	width: 300px;  height: 150px; margin: auto; 
	 display: inline-block;
}
.page-template-home .gallery dl:hover {
   /* uncomment to show on hover
   cursor: pointer; transform: scale(1.05);
	-webkit-transform: scale(1.05);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease; */
   }
.page-template-home .gallery dt {
	display: flex;
	justify-content: center;
	/* height: 100px; */
}
.page-template-home .gallery dd {
	/* margin: 0; padding: 4px; font-size:14px; text-align: center; */
   /* position: absolute; uncomment to show on hover*/
   /* left: 0px;
   right: 0px;
   height: auto;
   line-height: 16px;
   bottom: -60px;
   text-align: center;
   background: rgba( 256,256,256,.8 ); 
   color: #000; 
   transition: bottom 500ms; */
  /* position: relative; overflow: hidden;*/
}
.page-template-home .gallery dl:hover > dd {
  /* bottom: 40%;  uncomment to show on hover */
  transition: bottom 500ms;
}
.gallery-item {}
.page-template-home .main-content .gallery-item a {border-bottom: 0;}
.page-template-home .gallery-item img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0);
	object-fit: cover;
	float: left;
	width: 100%; height: auto;
/*; margin: auto; text-align: center; */ }
.page-template-home .gallery br {display: none;}
.page-template-home .gallery div {width: 100%;  float: left;}




@media (max-width: 1500px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1300px) {

}

@media (max-width: 1200px) {
	.section-five { margin: 0 0 20% 0;}
}

@media (max-width: 1100px) {
	.section-three-columns-content { margin: 2% 0 0 0;}

}

@media (max-width: 1000px) {
	.section-five { margin: 0 0 40% 0;}
	
}

@media (max-width: 900px) {


}

@media (max-width: 800px) {
	.section-five { margin: 0 0 50% 0;}
	/* .section-three-columns, .section-three-photo {min-height: 600px;} */
	/* .section-three-photo img {width: 200%;} */

}

@media (max-width: 700px) {
.page-template-home .main-page-title { font-size: clamp(50px, 50% + 20px, 800px);
}

@media (max-width: 600px) {
	.section-five { margin: 0 0 70% 0;}
	/* .section-three-photo img {width: 300%;} */

}

@media (max-width: 500px) {
	.section-five { margin: 0 0 90% 0;}
	/* .section-three-columns, .section-three-photo {min-height: 920px;} */
	/* .section-three-photo img {width: 450%;} */
}


@media (max-width: 400px) {
	/* .section-three-photo img {width: 520%;} */
}