.error-page-header {
	padding-top: 8.125rem;
}

.error-page-content {
	margin-top: 70px;
	background-color: white;
	border-radius: 28px;
	height: 100%;
	text-align: center;
	padding: 70px 29px;
}


@media (min-width: 1281px) {
	.error-page-content {display: grid; grid-template-columns: repeat(12, 1fr); height: 773px;}
	.error-page-content > div {grid-column: 2 / span 10; align-self: center;}
}

.margin-top {margin-top: 45px;}

.yellow-text {
	padding-top: 60px;
	color: #F7CE35;
}

.yellow-secondary-btn {
	background: #F7CE35;
	border-radius: 24px;
	width: 137px;
	height: 49px;
	border: none;
	outline: none;
}

.yellow-secondary-btn > a {
	font-family: 'Boston';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 130%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}


.error-page {
	& h1 {font-size: 32px; padding-left: 48px;}
	& h2 {font-size: 24px;}
	& h3 {font-size: 20px;}
	
	@media (min-width: 768px) and (max-width: 1280px) {
		h1 { font-size: 52px;} 
		h2 { font-size: 32px;} 
		h3 {font-size: 24px;}
	}
	
	@media (min-width: 1281px) {
		& h1 {font-size: 80px;}
		& h2 {font-size: 52px;}
		& h3 {font-size: 32px;}
		
	}
}





/*.white-container {
	  border-radius: 28px;
	  margin: 4.375rem 0;

	  

	   & .grey-subtitle {
		font-family: 'Boston';
		font-weight: 400;
		font-size: 20px;
		line-height: 130%;
		text-align: right;
		color: var(--grey);
		margin: 0;
	  }

	  & h2 {
		font-family: 'Boston';
		font-weight: 700;
		font-size: clamp(30px, 3vw, 80px);
		line-height: 100%;
		color: var(--black);
		letter-spacing: -0.02em;
	  }

	 & .yellow-btn {
		font-family: 'Boston';
		font-weight: 700;
		font-size: 20px;
		line-height: 130%;
		color: var(--white);
		 
		 a {
			color: var(--white);
			background-color: var(--yellow);
			padding: 12px 24px;
			border-radius: 8px;
			display: inline-block;

			&:hover, &:active {background-color: #D6B22E !important;}
		}
	}
	
	
	& .wp-block-group__inner-container {padding: 0;}
	
	
	
	


	& hr {
		background-color: #D8D8D8;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		margin: 0;
		border: 0 !important;
	  }

	  & .yellow-line {
		margin: 35px 0;
	  }

	  & .white-section__inner {
		margin-top: 3.125rem;
	  }

	  & .white-section__columns {
		padding: 60px 29px 0 29px;
	  }
	
	   & p {
		font-family: 'Boston';
		font-weight: 600;
		font-size: 20px;
		line-height: 150%;
		color: var(--black);
	  }

	& .image-column {padding: 0;}
	
	& .first-column {height: clamp(313px, 35vw, 794px);}
	
	& .second-column {height: clamp(313px, 25vw, 555px);}
	
	
	  & .image-column img {
		height: 100%;
		max-width: 100%;
		object-fit: cover;
		border-radius: 21px;
	  }
	
	
	& .first-row {
		padding-top: clamp(29px, 6vw, 125px) !important;	
	}
	
	& .second-row {
		padding-left: 35px;
		padding-right: 35px;
		padding-top: clamp(29px, 5vw, 100px);
  		padding-bottom: clamp(29px, 5vw, 100px);
	
	}
	
	
	& .wp-block-cover__inner-container {
		height: 100%;
		
		
		& .first-img__inner {
		display: grid;
		height: 100%;
		
		 & .rounded-img {
          width: auto;
          display: flex;
          padding-right: 12px;
          justify-content: end;
			 
			 & img { width: 75px !important; height: 75px !important;}
        }
		
		  & .linear__inner {
          position: relative;
          height: 100%;
          padding: 0 25px 25px 25px;
          border-radius: 21px;

          &::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #737373 100%);
            mix-blend-mode: multiply;
            z-index: 0;
          }

          & > * {
            position: relative;
            z-index: 1;
          }

          & .wp-block-group__inner-container {
            height: 100%;
            display: flex;
            justify-content: end;
          }
        }
		
		
		
	}
		
		
		
		
		
	}
}






.secondary-white-container {
   border-radius: 21px;
	
	& .row {
  		padding: 30px 29px;

	}
  
  & .first-column {
    padding: 50px 30px 70px 30px;
    border-radius: 21px;
	  
	  & hr {
		 border: 0 !important;
		 border-radius: 2px;
		 background: var(--black);
		 width: 100%;
		 height: 2px;
	  }

    & h2 {
      font-family: 'Boston';
      font-weight: 700;
      font-size: 32px;
      line-height: 120%;
      text-align: center;
      color: var(--black);
      margin: 70px 0;
    }
	  
	 
	& .h2-title {
      font-family: 'Boston';
      font-weight: 700;
      font-size: 24px;
      line-height: 120%;
      text-align: center;
      color: var(--black);
      margin: 70px 0;
    }

    & p {
      font-family: 'Boston';
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      text-align: center;
      color: var(--black);
      margin-top: 70px;
    }

    & .wp-image-154 {
      padding: 0 42px;
      height: 25px;
      object-fit: cover;
    }
  }
	
  & .secondary-second-column {height: 257px !important;}

  & .second-column {
    height: clamp(577px, 40vw, 864px);

    & div {
      height: 100%;

      & .wp-block-cover {
        border-radius: 21px;
        padding: 30px;
      }

      & .two-rows {
        & .wp-block-group__inner-container {
          display: grid;
          grid-template-rows: auto auto;
          gap: 35px;
          height: 100%;
          align-content: end;

          & .wp-block-group {
            border-radius: 15px;
            padding: 21px 21px 60px 21px;
            display: flex;
            flex-direction: row;

            & p {
              font-family: 'Boston';
              font-weight: 600;
              font-size: 14px;
              line-height: 130%;
              color: var(--black);
            }
          }
        }
      }
		
		& .four-rows {
			display: grid; gap: 10px;
			& .wp-block-group {
				padding: 21px;
				border-radius: 15px;
				height: 140px;
				width: 175px;
				
				& p {
					font-family: 'Boston';
					font-style: normal;
					font-weight: 600;
					font-size: 14px;
					line-height: 130%;
					margin: 0;
				}
			}
		}
    }
  }

}*/






/*.cta-btn-container {
    border-radius: 28px;
    padding: 29px !important;

    & .rounded-row {
        border-radius: 28px;
        padding: 70px 29px;
		
		
		& .wp-block-group__inner-container {
			display: grid;
			justify-items: center;
			
			& h2 {
            font-family: 'Boston';
            font-weight: 700;
            font-size: 52px;
            line-height: 100%;
            text-align: center;
            color: var(--black);
            margin-bottom: 30px;
        }


        & h3,
        & h4 {
            font-family: 'Boston';
            font-weight: 700;
            font-size: 52px;
            line-height: 120%;
            text-align: center;
            color: var(--black);
            margin-bottom: 30px;
        }

        & p {
            font-family: 'Boston';
            font-weight: 600;
            font-size: 30px;
            line-height: 130%;
            text-align: center;
            color: var(--black);
            margin-bottom: 30px;
        }

        & a {
            font-family: 'Boston';
            font-weight: 700;
            font-size: 20px;
            line-height: 130%;
            color: var(--yellow);
			
			&:hover, &:active {background-color: var(--black) !important;}
        }
		}
	
    } 
}



.grey-container {
	
   & .wp-block-cover {
		border-radius: 28px;
		padding: 0 48px 0 29px;
	    height: clamp(800px, 40vw, 1193px);
	    min-height: 0 !important;
		
	
	  & h2 {
		font-family: 'Boston';
		font-weight: 700;
		font-size: clamp(30px, 3vw, 80px);
		line-height: 100%;
		color: var(--black);
		margin: 0;
		letter-spacing: -0.02em;
		padding-bottom: 18px;
	  }

	  & h4 {
		font-family: 'Boston';
		font-weight: 600;
		font-size: 30px;
		line-height: 130%;
		color: var(--black);
		margin: 0;
		padding-bottom: 50px;
	  }


  & ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 23px;
    height: 100%;
    justify-content: end;

    & li {
      position: relative;
      padding-left: 50px;
      min-height: 75px;
      display: flex;
      align-items: center;
      font-family: 'Boston';
      font-weight: 400;
      font-size: 23px;
      line-height: 130%;
      color: var(--black);

      &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 37.5px;
        height: 37.5px;
        border-radius: 50%;
        background-color: var(--yellow);
        background-image: var(--icon-double-arrow);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 38px;
      }
    }
  }
 }
	  
}*/





.point-container {
		& .wp-block-group__inner-container {
			display: grid;
			justify-items: start;
	
		& .wp-block-cover {
			min-height: 0;
			width: 180px;
			height: 180px;
			margin-bottom: 20px;
			
			& .wp-block-cover__inner-container {
				width: 180px;
				height: 180px;
				display: flex;
				align-items: center;
				
				& h2 {
					font-family: 'Boston';
					font-style: normal;
					font-weight: 700;
					font-size: 24px;
					line-height: 120%;
					color: var(--black);
					text-align: center;

				}
				
				& h3 {
					font-family: 'Boston';
					font-style: normal;
					font-weight: 700;
					font-size: 20px;
					line-height: 120%;
					color: var(--black);
					text-align: center;

				}
			}
		}
		
		& ul {
			display: flex; margin: 0; padding: 0;
			  & li {
				position: relative;
				padding-left: 45px;
				font-size: inherit;
				font-family: 'Boston';
				font-weight: 400;
				line-height: 130%;
				color: var(--black);
				list-style: none;

				&::before {
				  content: "";
				  position: absolute;
				  left: 0;
				  top: 5px !important;
				  width: 37px;
				  height: 31px;
				  background-image: var(--two-yellow-arrows);
				  background-repeat: no-repeat;
				  background-size: 37px;
				}
			  }
			
			
		}
	}
  }






.terciary-white-container {
  border-radius: 28px;
  padding: 70px 0 70px 29px;
	
 & hr {
		background-color: #D8D8D8;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		margin: 0;
		border: 0 !important;
	  }
	
  & .grey-p {
		font-family: 'Boston';
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 130%;
		color: #C4C4C4;
	    margin: 0;
  }

  & .first-column {
    & h4 {
      font-family: 'Boston';
      font-weight: 600;
      font-size: 24px;
      line-height: 100%;
      color: var(--yellow);
      margin-bottom: 27px;
    }

    & h3 {
      font-family: 'Boston';
      font-weight: 700;
      font-size: 32px;
      line-height: 120%;
      color: var(--black);
      margin: 0 0 40px 0;
    }

    & p {
      font-family: 'Boston';
      font-weight: 600;
      font-size: 14px;
      line-height: 130%;
      color: var(--black);
	  padding-right: 29px;
    }
  }
	

  & .second-column {
    & .grey-line {
      margin-bottom: 30px;

      & p {
        margin: 0;
      }
    }

    & .sector-grid {
		  gap: 30px;
		  padding-right: 29px;
    }

    & .sector-column {
      border-radius: 21px;
      padding: 16px;
      height: 100%;

      & .first-row {
        display: flex;
        align-items: end;
        margin-bottom: 30px;
      }

      & p {
        font-family: 'Boston';
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        color: var(--black);
        margin-bottom: 20px;
      }

      & a {
        font-family: 'Boston';
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
        color: var(--black);
		  
			&:hover, &:active {
				background-color: var(--black) !important;
				color: var(--white) !important;
			}

			
      }

      & figure {
        margin: 0;

        & img {
          width: 100%;
          height: 235.6px;
          border-radius: 10px;
          object-fit: cover;
        }
      }
    }

    div.sector-column:nth-child(2) > div:nth-child(1),
    div.sector-column:nth-child(1) > div:nth-child(1) {
      display: grid;
      grid-template-rows: calc(468px - 235.6px) 235.6px;
      height: auto;
    }
  }

  @media (min-width: 768px) and (max-width: 1280px) {
    padding: 75px 0 70px 29px;
	  
	 & .grey-p {font-size: 23px;}

    & .first-column {
      & h4 {font-size: 24px;}

      & h3 {font-size: 32px; }

      & p { font-size: 24px !important;}
    }

    & .second-column {
      & .grey-line {
        margin-bottom: 50px;
      }

      & .sector-grid {
        gap: 25px;
      }

      & .sector-column {
        height: 100%;

        & .first-row {
          margin-bottom: 37px;
        }

        & p {
          font-size: 20px;
          margin-bottom: 40px;
        }

        & figure img {
          width: 100%;
          height: 345.41px;
        }
      }

      div.sector-column:nth-child(2) > div:nth-child(1),
      div.sector-column:nth-child(1) > div:nth-child(1) {
        grid-template-rows: calc(670px - 345.41px) 345.41px;
      }
    }
  }

  @media (min-width: 1281px) {
    position: relative;
    padding: 200px 0 120px 48px;
	  
	& .grey-p {font-size: 23px;}

    & .first-column {
      & h4 {
        font-size: 30px;
      }

      & h3 {
        font-size: 52px;
      }

      & p {
        font-size: 30px !important;
      }
    }

    & .second-column {
      & .grey-line {
        margin-bottom: 55px;
      }

      & .sector-grid {
        gap: 48px;
      }

      & .sector-column {
        padding: 20px;
        height: 869px;
		z-index: 1;

        & .first-row {
          margin-bottom: 48px;
        }

        & p {
          font-size: 23px;
          margin-bottom: 40px;
        }

        & figure img {
          width: 341px;
          height: 448px;
        }
      }

      div.sector-column:nth-child(2) > div:nth-child(1),
      div.sector-column:nth-child(1) > div:nth-child(1) {
        grid-template-rows: calc(829px - 448px) 448px !important;
      }
    }
  }
}

@media (min-width: 1281px) {
	
   & .grey-line {
		  position: absolute;
		  bottom: 124px;
		  left: 42px;
		  width: 50vw !important;
		  background-color: #D8D8D8 !important;
	      border-radius: 2px;
		  height: 2px; 
	   	  border: 0 !important;
	}
	
	
	& .secondary-grey-line {
		position: absolute;
		bottom: 150px;
		left: 42px;
		width: 50vw !important;
		background-color: #D8D8D8;
		border-radius: 2px;
		height: 2px; 
		border: 0 !important;
	}
	
	
	& .left-line {
		position: absolute;
		bottom: 148px !important;
		left: 29px !important;
		width: 50vw !important;
		background-color: #D8D8D8;
		border-radius: 2px;
		height: 2px; 
		border: 0 !important;
	}

}