/* about page */
#join-our-team .wp-block-separator {
  border-bottom: 1px solid #ACACAC;
  max-width: 865px;
}
#ceo-message {
  background-image: url("images/about-watermark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 30% center;
}
#ceo-message h2 {
  color: white;
}
/* mission values page */
#the-guttman-difference {
  position: relative;
	min-height: 700px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#the-guttman-difference > .wp-block-group__inner-container {
  width: 100%;
}
#the-guttman-difference h2 {
  color:white;
}
#the-guttman-difference .wp-block-group {
	max-width: 600px;
	margin-bottom: 100px;
	font-size: 20px;
	line-height: 1.25em;
}
#the-guttman-difference:after {
  display: block;
  content: "";
  position: absolute;
  top: -50px;
  bottom: -50px;
  left: 0;
  right: 0;
  background-image: url("images/logo_watermark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 105% center;
}
@media screen and (max-width: 1200px) {
  #the-guttman-difference {
	min-height: 0;
}
}
#our-employee-owners > .wp-block-group__inner-container {
	max-width: 800px;
}
#mission-values-new h2 {
	color: #236094;
	font-weight: 700;
}
#mission-values-new .wp-block-columns {
	gap:100px;
	margin-bottom:100px;
}
#mission-values-new .wp-block-columns:last-child {
	margin: 0;
}
@media screen and (max-width: 780px) {
#mission-values-new .wp-block-columns {
	gap:10px;
	margin-bottom:30px;
}
	#mission-values-new .wp-block-columns:last-child {
	flex-direction: column-reverse;
}
}
#driven-by-our-core-values > .wp-block-group__inner-container {
	font-size:20px;
	max-width: none;
	padding: 100px 15px;
	background-image: url("images/driven-by-mission-watermark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#driven-by-our-core-values h2 {
	color:white;
	font-weight: 700;
}
#driven-by-our-core-values p {
	margin: 0;
}
@media screen and (max-width: 780px) {
#driven-by-our-core-values > .wp-block-group__inner-container {
	padding: 50px 15px;
}
}
/* Guttman Holdings page */
.small-quote {
  max-width: 920px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #236094;
  border-radius: 20px;
  padding: 50px 60px;
  margin: auto;
  color: #236094;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
.small-quote p {
  margin: 0;
}
.small-quote .wp-block-columns {
  margin: 0;
}
.small-quote .wp-block-column:last-child {
  position: relative;
}
.small-quote .wp-block-column:last-child:before {
  content: "";
  display: block;
  height: 100px;
  width: 1px;
  background-color: #236094;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 780px) {
  .small-quote {
    padding: 25px 20px;
  }
  .small-quote .wp-block-column:last-child:before {
    content: none;
  }
  .small-quote .wp-block-columns {
    gap: 0;
  }
}
#employee-ownership-matters {
  position: relative;
}
#employee-ownership-matters > .wp-block-group__inner-container {
  position: relative;
  z-index: 2;
}
#employee-ownership-matters:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("images/about-watermark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 135% center;
}
.white-boxes > .wp-block-group__inner-container {
  max-width: 1380px !important;
}
.white-boxes .wp-block-columns {
  margin: 40px auto;
}
.white-boxes h3 {
  min-height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.white-boxes .wp-block-column {
  padding: 40px 30px;
  color: black;
  background-color: white;
  border: 1px solid #707070;
  border-radius: 20px;
}
.white-boxes .wp-block-separator {
  border-bottom: 1px solid #ACACAC;
  max-width: 500px;
  margin: 20px auto;
}
.white-boxes li::marker {
  color: #C40D3C;
}
@media screen and (max-width: 780px) {
  .white-boxes h3 {
    min-height: 0;
  }
  .white-boxes .wp-block-column {
    padding: 20px 10px;
  }
}
.video-columns > .wp-block-group__inner-container {
  max-width: 1288px !important;
}
.video-columns .wp-block-columns {
  gap: 70px;
}
.video-columns .full-background-image {
  aspect-ratio: 609 / 368;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.video-columns .full-background-image:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.30);
}
.video-columns .full-background-image h3 {
  color: white;
  margin: 0;
  position: relative;
  z-index: 2;
}
#come-work-with-us > .wp-block-group__inner-container {
  max-width: 1530px;
}
#come-work-with-us h2 {
  color: white;
}
/* The Benefits of Employee Ownership page */
.page-id-60154 header {
  z-index: 5;
}
.page-id-60154 .header-wrapper {
  max-width: 1380px;
}
@media screen and (min-width: 950px) {
  #employee-ownership {
    margin: 0;
    position: relative;
    z-index: 2;
  }
  #employee-ownership > div {
    max-width: 1518px;
    width: 100%;
    border-top: 0;
    border-bottom-left-radius: 100vw;
    border-bottom-right-radius: 100vw;
    aspect-ratio: 2 / 1;
    box-shadow: 0px 3px 6px #00000029;
    position: relative;
    background-color: white;
    bottom: -100px;
    padding-top: 250px;
    margin-top: -200px;
  }
  #employee-ownership > div > div {
    max-width: 60%;
    margin: auto;
  }
  @media screen and (max-width: 1500px) {
    #employee-ownership > div {
      bottom: -6vw;
      padding-top: 15vw;
      margin-top: -12vw;
    }
  }
  #employee-owner-benefits {
    padding-top: 200px;
  }
  @media screen and (max-width: 1500px) {
    #employee-owner-benefits {
      padding-top: 12vw;
    }
  }
}
#employee-owner-benefits {
  position: relative;
}
#employee-owner-benefits > .wp-block-group__inner-container {
  position: relative;
  z-index: 2;
}
#employee-owner-benefits:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("images/employee-owner-benefits-watermark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 135% center;
}
#employee-owner-benefits h2 {
  color: white;
}
.white-benefit-boxes > .wp-block-group__inner-container {
  max-width: 1289px !important;
}
.white-benefit-boxes .wp-block-columns {
  margin: 50px auto 0;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 50px !important;
  counter-reset: line-number;
}
.white-benefit-boxes .wp-block-column {
  flex-basis: calc(33.333333% - 33.3333333px) !important;
  max-width: calc(33.333333% - 33.3333333px) !important;
  padding: 40px 30px;
  font-size: 16px;
  color: black;
  background-color: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 20px;
  counter-increment: line-number;
}
.white-benefit-boxes h3, .white-benefit-boxes p {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
}
.white-benefit-boxes p:last-child {
  margin-bottom: 0;
}
.white-benefit-boxes h3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 34px;
}
.white-benefit-boxes h3:before {
  content: counter(line-number);
  border: 1px solid #c40d3b;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  color: #c40d3b;
  width: 39px;
  min-width: 39px;
  height: 39px;
  font-size: 22px;
  line-height: 39px;
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .white-boxes .wp-block-column {
    padding: 20px 10px;
  }
  .white-benefit-boxes .wp-block-column {
    flex-basis: calc(50% - 25px) !important;
    max-width: calc(50% - 25px) !important;
  }
}
@media screen and (max-width: 600px) {
  .white-benefit-boxes .wp-block-column {
    flex-basis: calc(100%) !important;
    max-width: calc(100%) !important;
  }
}
.advantages-box {
  max-width: 850px;
  margin: 50px auto;
  font-size: 16px;
  padding: 40px;
  border: 2px solid #C40D3C;
  border-radius: 20px;
  justify-content: center;
}
.advantages-box h3 {
  margin-bottom: 4px;
}
.advantages-box p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 781px) {
  .advantages-box.reverse {
    flex-direction: row-reverse !important;
  }
  .advantages-box.reverse p, .advantages-box.reverse h3 {
    text-align: right;
  }
}
@media screen and (max-width: 780px) {
  .advantages-box {
    padding: 20px;
  }
}
#community-economic-benefits {
  position: relative;
}
#community-economic-benefits > .wp-block-group__inner-container {
  position: relative;
  z-index: 2;
}
#community-economic-benefits:after {
  display: block;
  content: "";
  position: absolute;
  top: 100px;
  bottom: 100px;
  left: 0;
  right: 0;
  background-image: url("images/community-economic-benefits-watermark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 105% center;
}
#community-economic-benefits .white-boxes > .wp-block-group__inner-container {
  max-width: 890px !important;
}
#community-economic-benefits .white-boxes .wp-block-columns {
  flex-wrap: wrap !important;
  gap: 50px !important;
  margin-bottom: 0;
}
#community-economic-benefits .wp-block-column {
  flex-basis: calc(50% - 25px);
}
@media screen and (max-width: 600px) {
  #community-economic-benefits .wp-block-column {
    flex-basis: calc(100%);
  }
}
/* Guttman Energy Fleet Fuel Card landing page */
#fast-efficient {
	background-image: url("images/Credit-Card-Mockup-Vol-48.webp");
  background-repeat: no-repeat;
  background-size: 75% auto;
  background-position: -30%; center;
}
#fast-efficient .wp-block-column:last-child {
	min-width: 440px;
}
#fast-efficient .benefits-list > .wp-block-group__inner-container {
	display:flex;
	flex-direction: column;
	gap:30px;
}
#fast-efficient .benefits-list .wp-block-group > .wp-block-group__inner-container {
	display:flex;
	align-items: center;
	gap:30px;
}
#fast-efficient .benefits-list .wp-block-group > .wp-block-group__inner-container figure {
	min-width: 50px;
}
#fast-efficient .benefits-list .wp-block-group > .wp-block-group__inner-container h3 {
	font-size:32px;
}
@media screen and (max-width: 980px) {
	#fast-efficient .wp-block-columns {
	flex-direction: column !important;
		align-items: center !important;
}
	#fast-efficient .benefits-list > .wp-block-group__inner-container {
	gap:10px;
}
  #fast-efficient .benefits-list .wp-block-group > .wp-block-group__inner-container h3 {
	font-size:20px;
}
	#fast-efficient {
		padding-bottom: 55vw;
		background-size: contain;
  background-position: center bottom;
}
}
/* Guttman Energy Careers Page */
.flip-boxes p, .flip-boxes .wp-block-columns {
  margin: 0;
}
.flip-boxes > div > .wp-block-columns {
  gap:60px !important;
}
.flip-boxes > div > .wp-block-columns > .wp-block-column {
  background-color: transparent;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.flip-boxes .wp-block-columns .wp-block-columns {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
	border: 1px solid #f1f1f1;
	border-radius: 20px;
}
.flip-boxes > div > .wp-block-columns > .wp-block-column:hover .wp-block-columns {
  transform: rotateY(180deg);
}
.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column {
  border-radius: 20px;
	overflow: hidden;
	padding: 50px;
}
.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column:first-child {
  position: absolute;
  width: 100%;
  height: 100%;
	background-image:url("images/medical-card-background.svg");
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:50px;
	font-size:26px;
	text-transform: uppercase;
}
.flip-boxes .wp-block-columns:last-child .wp-block-columns .wp-block-column:first-child {
	background-image:url("images/financial-card-background.svg?1");
}
.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column:last-child {
	background-color: white;
	color:black;
  transform: rotateY(180deg);
	 -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:20px;
}
.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column:last-child h3 {
	font-size:22px;
	margin-bottom: 0;
	color:#C40D3C;
	text-transform: uppercase;
}
.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column:last-child .wp-block-separator {
  border-bottom: 1px solid #707070;
  max-width: 400px;
	width: 100%;
  margin: 0px auto 5px;
}
.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column:last-child ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:15px;
}
.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column:last-child li:before {
	display: inline-block;
    content: '';
    border-radius: 50%;
    height: 6px;
    width: 6px;
    margin-right: 0.5rem;
    background-color: #C40D3C;
	position: relative;
	top:-2px;
}
@media screen and (max-width: 980px) {
	.flip-boxes > div > .wp-block-columns {
  gap:20px !important;
}
	.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column {
	padding: 20px;
}
	.flip-boxes .wp-block-columns .wp-block-columns .wp-block-column:last-child ul {
	gap:5px;
}
}
/* new home page parter section */
#your-partner  {
	position:relative;
}
#your-partner > .wp-block-group__inner-container {
	max-width: none;
	position: relative;
	z-index: 2;
}
#your-partner h2 {
	color:white;
	font-weight: 600;
	font-size:46px;
}
#your-partner > div > .wp-block-columns {
	gap:150px;
}
#your-partner > div > .wp-block-columns > .wp-block-column:first-child  {
	display: flex;
	justify-content: flex-end;
}
#your-partner > div > .wp-block-columns > .wp-block-column:first-child > .wp-block-group {
	max-width: 700px;
}
#your-partner > div > .wp-block-columns > .wp-block-column:last-child {
	position: relative;
	right:-24px;
}
#your-partner > div > .wp-block-columns > .wp-block-column:last-child p {
	font-size: 22px;
	max-width: 350px;
}
#your-partner > div > .wp-block-columns > .wp-block-column:last-child figure {
	margin-bottom: -230px;
	margin-left: auto;
}
.small-white-box {
	background-color: white;
	color:#236094;
	padding:50px 60px;
	border-radius:20px;
	max-width: 640px;
}
.small-white-box h3 {
color:#C40D3C;
	font-size:22px;
	text-transform: none;
}
.small-white-box  .wp-block-separator {
  border-bottom: 1px solid #ACACAC;
  max-width: none;
  margin: 20px auto 40px;
}
#your-partner .small-white-box .wp-block-columns {
	gap:50px;
}
.small-white-box ul {
	color: black !important;
	color:#236094;
}
ul li::marker {
  color:#C40D3C;
}
#your-partner:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("images/about-watermark.svg");
  background-repeat: no-repeat;
  background-size: auto 110%;
  background-position: right -260px center;
}
@media screen and (max-width: 1400px) {
	#your-partner > div > .wp-block-columns {
	gap:50px;
}
	#your-partner > div > .wp-block-columns > .wp-block-column:last-child figure {
	margin-bottom: 0;
}
}
@media screen and (max-width: 1200px) {
.small-white-box {
	padding:50px 20px;
}
	.small-white-box ul {
	padding-left: 20px;
}
}
@media screen and (max-width: 780px) {
	#your-partner h2 {
	font-size:30px;
}
	#your-partner .small-white-box .wp-block-columns {
	gap:0;
}
	.small-white-box {
  max-width: none;
}
	#your-partner > div > .wp-block-columns > .wp-block-column:first-child > .wp-block-group {
  max-width: none;
}
}