:root {
	--blue: #003057;
	--white: #ffffff;
	--orange: #ed8b00;
	--light: #FFF1E2;
  }
  html, body {
	  margin: 0px;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 400;
	  color:var(--blue);
	  font-size: 15px;
  }
  
  
  /* Default Styles */
  
  .heavy { font-weight: 900;}
  .bold, strong {	font-weight: bold;}
  .light { font-weight: 300!important;}
  .normal {font-weight: 400!important;}
  .italic { font-style: italic;}
  .uppercase { text-transform: uppercase;}
  .relative { position: relative;}
  .no-margin { margin: 0px!important;}
  .no-margin-btm { margin-bottom: 0px!important;}
  .no-margin-top { margin-top: 0px!important;}
  .no-underline {	text-decoration: none;}
  .extra-line-height {line-height: 1.6!important;}
  .no-line-height { line-height: 1.2!important;}
  
  .default-padding {padding:60px 0;}
  .default-padding-full {padding:60px;}
  .default-padding-top {padding-top: 60px;}
  .default-padding-bottom {padding-bottom: 60px!important;}
  .default-padding-left {padding-left: 60px;}
  .default-padding-right {padding-right: 60px;}
  
  .padding-10 { padding: 10px;}
  
  .padding-20 {padding: 20px;}
  .padding-20-top {padding-top: 20px;}
  .padding-20-bottom {padding-bottom: 20px;}
  .padding-20-left {padding-left: 20px;}
  .padding-20-right {padding-right: 20px;}
  
  .padding-30 { padding:30px;}
  
  .padding-40 {padding: 40px;}
  .padding-40-top {padding-top: 40px;}
  .padding-40-bottom {padding-bottom: 40px;}
  .padding-40-left {padding-left: 40px;}
  .padding-40-right {padding-right: 40px;}
  
  .padding-60 {padding: 60px;}
  .padding-60-top {padding-top: 60px;}
  .padding-60-bottom {padding-bottom: 60px;}
  .padding-60-left {padding-left: 60px;}
  .padding-60-right {padding-right: 60px;}
  
  .padding-xl{
	  padding: 120px 0;
  }
  .margin-20-top { margin-top: 20px !important;}
  .margin-20-bottom { margin-bottom: 20px !important;}
  .margin-40-bottom { margin-bottom: 40px;}
  .margin-60-bottom { margin-bottom: 60px;}
  .margin-20-left { margin-left: 20px;}
  
  .title-min-60 h5{
	  min-height: 60px;
  }
  
  .centre {
	  text-align: center;
	  margin: auto;
  }
  .centre-text {
	  text-align: center;
  }
  .centre-items {
	  align-self: center;
  }
  
  .justify-centre-container .flex-container{
	  justify-content: center;
  }
  .right {
	  text-align: right;
  }
  .left {
	  text-align: left;
  }
  
  .clear, .fivegap, .tengap, .twentygap {
	  clear: both;
	  height: 0px;
	  font-size: 0px;
	  line-height: 0px;
	  width: 100%;
  }
  .fivegap {height: 5px; width: 100%; font-size:0px; line-height:0px; clear:both;}
  .tengap {height: 10px; width: 100%; font-size:0px; line-height:0px; clear:both;}
  .twentygap {height: 20px; width: 100%; font-size:0px; line-height:0px; clear:both;}
  
  .resp {
	  max-width: 100%!important;
	  height: auto!important;
  }
  a.button:hover, .button:hover, li.get-started a:hover {
	  background-color: var(--blue) ;
	  -webkit-transition: background .5s;
	  -o-transition: background .5s;
	  transition: background .5s;
  }
  a.button, .button {
	  color: #FFF!important;
	  text-decoration: none;
	  font-size: 14px;
	  display: inline-block;
	  border: none;
	  border-radius: 30px;
	  padding: 15px 95px 15px 35px!important;
	  background-color: var(--orange) ;
	  text-align: center;
	  text-transform: uppercase;
	  margin-top: 20px;
	  -webkit-transition: background .5s;
	  -o-transition: background .5s;
	  transition: background .5s;
	  letter-spacing: 0.7;
	  position: relative;
	  font-weight: 500;
  }

  .orange-background a.button, 
  .orange-background .button {
    background-color: var(--blue);
}
  
  .gform_button.button{
	  background-color: var(--orange)  !important;
	  padding-right: 35px !important;
	  border-radius: 30px !important;
  }
  
  .blue-btn-section .gform_button.button{
	  background-color: var(--blue)  !important;
  }
  
  .gform_button.button:hover{
	  background-color: var(--blue)  !important;
  }
  
  .blue-btn-section .gform_button.button:hover{
	  background-color: var(--orange)  !important;
  }
  
  a.button:after, .button:not(.gform_button):after{
	  content: '';
	  width: 51px;
	  height: 16px;
	  position: absolute;
	  background-image: url('/wp-content/themes/pb-designs/assets/images/button.png');
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: bottom center;
	  right: 20px;
	  top: calc(50% - 8px);
  }
  
  .blue-btn-section .button, a.button.blue-btn{
	  background: var(--blue);
  }
  
  .blue-btn-section .button:hover, a.button.blue-btn:hover{
	  background: var(--orange);
  }
  
  .hover {
	  position: relative;
	  display: inline-block;
	  background-color: var(--blue) ;
	  -webkit-transition: background .5s;
	  -o-transition: background .5s;
	  transition: background .5s;
  }
  .button.full-width {
	  width: 100%;
  }
  .max {
	  max-width: 1240px;
	  margin: auto;
	  padding: 0 40px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  
  .narrow-max,
  .narrow-max-max .max {
	  max-width: 1040px;
	  margin: auto;
	  padding: 0 40px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }

  .narrow-max-extra-pad .max {
	  max-width: 1040px;
	  margin: auto;
	  padding: 60px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  
  .narrow-intro h2, .narrow-intro .intro{
	  max-width: 800px;
	  margin-left: auto;
	  margin-right: auto;
  }
  
  .shadow {
	-webkit-box-shadow: 0px 0px 15px 3px #f1f1f1;
	box-shadow: 0px 0px 15px 3px #f1f1f1;
  }
  
  .full-height {
	height: 100%;
  }
  
  .letter-spacing-lg{
	  letter-spacing: 7px;
	  line-height: 30px;
  }
  
  /* Colours */
  
  .white-background{ background-color: #FFF; }
  .black-background{ background-color: #1c1c1c; }
  .grey-background{ background-color: #F4F4F4; }
  .lblue-background{ background-color: #f3f8fa; }
  .blue-background { background-color: var(--blue);}
  .orange-background { background-color: var(--orange);}
  .lred-background { background-color: #fef4f2;}
  
  .blue-background-max .max{
	  background: linear-gradient(315deg, transparent 70px, var(--blue) 70px);
  }
  
  .default-padding-max .max{
	  padding: 60px 0 0;
  }
  
  .no-interior-pad .max{
	  padding: 0;
  }
  
  .grid-1{
	  background-image: url('/wp-content/themes/pb-designs/assets/images/grid-5.png');
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  position: relative;
	  
  }
  
  .grid-1:after{
	  content: '';
	  width: 100%;
	  height: 210px;
	  position: absolute;
	  background: #e36e2e;
	  right: 0;
	  bottom: 0;
	  z-index: 1;
  }
  
  .grid-1 .max, .grid-2 .max{
	  position: relative;
	  z-index: 2;
  }
  
  .grid-2{
	  background-image: url('/wp-content/themes/pb-designs/assets/images/grid-6.png');
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: top left;
	  position: relative;
  }
  
  .grid-2:after{
	  content: '';
	  width: 100%;
	  height: 50%;
	  position: absolute;
	  background: rgb(227,110,46);
	  background: linear-gradient(180deg, rgba(235,203,71,1) 0%, rgba(227,110,46,1) 100%);
	  right: 0;
	  bottom: 0;
	  z-index: 1;
  }
  
  .grid-3{
	  background-image: url('/wp-content/themes/pb-designs/assets/images/grid-7.png');
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  position: relative;
	  
  }
  
  .grid-4{
	  background-image: url('/wp-content/themes/pb-designs/assets/images/grid-8.png');
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: bottom left;
	  position: relative;
	  
  }
  
  
  
  .gradient-bg{
	  background: rgb(227,110,46);
	  background: linear-gradient(180deg, rgba(227,110,46,1) 0%, rgba(227,110,46,1) 17%, rgba(235,203,71,1) 100%);
  }
  
  .bottom-shadow{
	  background: rgb(255,255,255);
	  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 89%, rgba(204,204,204,0.31535942013524154) 100%);
  }
  
  .top-shadow{
	  background: rgb(255,255,255);
	  background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,0.31535942013524154) 100%);
  }
  
  
  
  .white { color: #FFF; }
  .black { color: #000; }
  .grey {color: #585856;}
  .orange {color: var(--orange);}
  .blue { color: var(--blue);}
  .red { color: #f50606;}
  
  .white p { color: #fff;}
  .white h2 { color: #fff;}
  .white h3 { color: #fff;}
  .white ul li { color: #fff;}
  .white ul li:before {color:#fff;}
  .white .gfield_required, .white .gfield_label, .white .gform-field-label, .white .gform-field-label a { color: #fff !important;}
  
  .black-border-btm {
	  border-bottom: solid #000 5px;
  }
  .blue-border-btm {
	  border-bottom: solid var(--orange) 5px;
  }
  .red-border-btm {
	  border-bottom: solid #f50606 5px;
  }

  .orange-border-btm {
	border-bottom: solid var(--orange) 5px;
}
  
  .divider{
	  width: 150px;
	  height: 3px;
	  margin: 0 0 30px;
	  background: var(--orange);
  }
  
  .divider-center{
	  width: 150px;
	  height: 3px;
	  margin: 0 auto 30px;
	  background: var(--orange);
  }
  
  .gradient-bg .divider-center, .gradient-bg .divider{
	  background: #fff;
  }
  
  /* Typography */
  
  h1, .h1 {
	  font-size: 48px;
	  font-weight: 700;
	  line-height: 1.4;
  }
  h2, .h2 {
	  font-size: 40px;
	  margin-bottom: 30px;
	  font-family: inherit;
	  line-height: 1.3;
	  font-weight: 500;
  }
  h3, .h3 {
	  font-size: 28px;
	  line-height:1.2;
  }
  h4, .h4 {
  
	  font-size: 18px;
	  text-transform:uppercase;
  }
  h5 {
	  font-size: 22px;
	  line-height:1.2;
  }
  h6 {
	  font-size: 16px;
	  line-height:1.2;
  }
  p {
	  line-height: 1.7;
	  margin: 15px 0;
	  color: #1a1a1a;
  }
  
  .remove-margin-para p{
	  margin: 0;
	  line-height: 0;
  }
  
  p a {
	  color: #d47f1c;
	  color: var(--blue);
  }
  a {
	  text-decoration: none;
	  color: var(--blue);
  }
  main ul li, main ol li {
	  line-height: 1.7;
	color: #1a1a1a;
  }

main ul.white li,
main ol.white li {
	color: var(--white);
}

  main ul li {
	  position: relative;
	  padding-left: 20px;
  }
  main ul li:before {
	  content: '+';
	  position: absolute;
	  left: 0;
	  top: 0;
	  color: #d47f1c;
	  font-weight: bold;
  }
  main ul.blue-plus li:before {
	  color: var(--orange);
  }
  main ul + h2, main ol + h2 {
	  margin-top: 20px;
  }
  
  .font-0 { font-size: 0px;}
  .font-14 { font-size: 14px!important;}
  .font-22, .larger { font-size: 22px; line-height: 1.3;}
  .font-24 { font-size: 24px;}
  .font-26 { font-size: 26px }
  .font-28 { font-size: 28px; line-height: 1.3;}
  .font-30 { font-size: 30px;}
  .font-36 { font-size: 36px; line-height: 1.2;}
  .font-70 {font-size: 70px; line-height: 1.2;}
  
  
  
  /* Columns and Flex */
  .flex-container {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  margin: 0 -10px;
  }
  .flex-column-1 {
	  width: calc(100% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-column-2 {
	  width: calc(50% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-column-3 {
	  width: calc(33.3333% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-column-4 {
	  width: calc(25% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-column-5 {
	  width: calc(20% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-column-6 {
	  width: calc(16.6666% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-three-single {
	  width: calc(33.3333% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-three-double {
	  width: calc(66.6666% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-four-single {
	  width: calc(25% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-four-triple {
	  width: calc(75% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-five-single {
	  width: calc(20% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-five-quad {
	  width: calc(80% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-five-double {
	  width: calc(40% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .flex-five-triple {
	  width: calc(60% - 20px);
	  margin: 0 10px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  
  main {
	margin-top: 140px;
  }
  
  /* Header and Navigation */
  header {
	  background-color: var(--blue);
  }
  
  .pre-nav {
	margin-bottom: 20px;
	text-align: right;
	color: #fff;
	font-size: 14px;
  }
  
  .pre-nav a{
	  color: #fff;
	  margin-left: 5px;
  }
  
  .pre-nav a:hover{
	  color: var(--orange);
  }
  
  .pre-nav i, .social-footer a i{
	  height: 35px;
	  width: 35px;
	  border: 1px solid var(--orange);
	  border-radius: 50%;
	  padding: 10px 7px;
	  text-align: center;
	  vertical-align: middle;
  }
  
  .header-tel{
	  margin-right: 20px;
  }
  .primary-nav {
    position: fixed;
    width: 100%;
    height: 140px;
    top: 0;
    left: 0;
    z-index: 999;
	padding: 20px 0 0;
    background-color: var(--blue);
}
  .primary-nav .max {
	  display: flex;
	  flex-wrap: nowrap;
	  align-items: center;
	  position: relative;
  }
  .nav-logo {
	  width: 15%;
	  margin-bottom: 20px;
  }
  .nav-wrapper {
	  width: 85%;
  }
  ul#primary-menu {
	  text-align: right;
  }
  ul#primary-menu > li {
	  display: inline-block;
	  margin-left: 30px;
	  padding-bottom: 30px;
  }
  .menu-title a {
	  font-size: 18px;
	  font-weight: 400;
	  color: #fff;
	  letter-spacing: 1px;
  }
  
  .menu-title a i{
	   color: var(--orange);
	   padding-left: 10px;
	   font-size: 16px;
	  position: relative;
	  top: 5px;
	  vertical-align: top;
	  margin-top: -3px;
  }
  
  .menu-title a:hover {
	  color: var(--orange);
  }
  .menu-title a.current-item {
	  color: var(--orange);
  }
  .dropdown-wrapper {
	  position: absolute;
	  top: calc(100%);
	  left: 0;
	  width: calc(100% - 40px);
	  max-height: 0px;
	  background-color: #f3f8fa;
	  transition: max-height ease-in 0.5s;
	  overflow: hidden;
	  z-index: 3;
  }
  li.menu-item:hover .dropdown-wrapper {
	  max-height: 500px;
	  transition: max-height ease-in 0.5s;
  }
  .dropdown-inner {
	  border-bottom: 15px solid var(--orange);
	  text-align: left;
  }
  .menu-inner-title {
	  color: var(--orange);
	  font-weight: bolder;
	  font-size: 18px;
  }
  .menu-inner-title:after {
	  content: '';
	  display: block;
	  width: 100%;
	  height: 2px;
	  background-color: var(--orange);
	  margin: 10px 0;
  }
  ul.primary-child-menu li {
	  display: block;
  }
  ul.primary-child-menu li a {
	  border-bottom: solid 1px #1a1a1a;
	  padding: 15px 0;
	  display: block;
	  width: 100%;
	  color: #1a1a1a;
	  font-weight: bolder;
	  position: relative;
  }
  
  ul.primary-child-menu li a.blue{
	  color: var(--blue);
  }
  
  ul.primary-child-menu li a:hover {
	  color: var(--orange);
  }
  
  ul.primary-child-menu li.sub-sub-link a{
	  padding-left: 20px;
  }
  
  ul.primary-child-menu li.sub-sub-link .dashicons-minus, ul#mobile-menu li .dashicons-minus{
	  color: var(--orange);
	  margin: -2px 5px 0 0;
  }
  
  span.dashicons-arrow-right-alt2 {
	  position: absolute;
	  right: 0;
	  color: var(--orange);
  }
  .parent-item .menu-title a {
	  position: relative;
  }
  .menu-title a i {
	  position: relative;
	  top: 5px;
  }
  .menu-bar {
	  background-color: var(--orange);
	  width: 35px;
	  height: 3px;
	  margin-bottom: 5px;
	  border-radius: 5px;
	  display: none;
  }
  .mobile-menu {
	  position: absolute;
	  z-index: 3;
	  top: 100%;
	  left: 0;
	  width: 100%;
	  background-color: #f4f4f4;
	  box-sizing: border-box;
	  max-height: 0px;
	  overflow: hidden;
	  transition: max-height ease-out 0.5s;
  }
  .mobile-menu.show-menu {
	  max-height: 1000px;
	  transition: max-height ease-in 0.5s;
  }
  
  
  
  ul#mobile-menu {
	padding: 10px 40px 20px;
	overflow: scroll;
	max-height: 75vh;
	-webkit-box-shadow: 0px 6px 9px -1px #858585;
	box-shadow: 0px 6px 9px -1px #858585;
  }
  
  .show-menu {
  max-width: 100%;
  transition: max-width .5s ease-in;
  overflow-y: auto;
  }
  
  ul#mobile-menu li {
	  margin: 10px 0;
	  font-size: 18px;
  }
  ul#mobile-menu li a {
	  color: #1a1a1a;
	  font-weight: bold;
	  display: inline-block;
	  font-size: 14px;
  }
  ul#mobile-menu > li > a {
	  border-bottom: solid 1px #1a1a1a;
	  width: 100%;
	  display: block;
	  padding-bottom: 10px;
  }
  ul.mobile-secondary-child {
	  margin: 20px 0;
  }
  ul.mobile-secondary-child li a {
	  font-weight: normal!important;
  }
  
  ul#mobile-menu li.sub-sub-link a{
	  padding-left: 20px;
  }
  
  ul#mobile-menu li.sub-sub-link a .dashicons-minus{
	  position: relative;
  }
  
  .menu-item.parent-item a{
	  position: relative;
  }
  
  .menu-item.parent-item a span{
	  position: absolute;
	  right: 0;
	  top: 10px;
  }
  
  .products-menu.menu-item.parent-item a span{
	  position: absolute;
	  right: 0;
	  top: -2px;
  }
  
  .menu-item.parent-item.expand a span{
	  transform: rotate(180deg);
  }
  
  .menu-item.parent-item:not(.expand) .mobile-secondary-child{
	  transition: all .3s ease;
	  overflow-y: hidden;
	  max-height: 0;
	  margin: 0;
  }
  
  .menu-item.parent-item.expand .mobile-secondary-child{
	  transition: all .3s ease;
	  overflow-y: auto;
	  max-height: 1000px;
	  margin: 0;
  }
  
  .mob-only{
	  display: none;
  }
  
  
  /* Footer */
  footer {
	  background-color: var(--blue);
	  padding: 60px 0;
	  color: #fff;
	  font-size: 15px;
  }
  
  .footer-overview p{
	  margin-bottom: 5px;
	  color: #fff;
	  font-size: 15px;
  
  }
  
  .footer-overview p img{
  max-width: 40px;
	margin-right: 10px;
	vertical-align: top;
	margin-top: -5px;
  }
  
  .footer-address{
	  display: inline-block;
		width: calc(100% - 50px);
		padding-left: 0;
  }
  
  
  
  footer p a{
	  color: #fff;
  }
  
  footer li{
	  line-height: 20px;
  }
  
  footer li.menu-item-has-children > a{
	  color: var(--orange);
	  font-weight: 700;
  }
  
  .footer-menu a, .policy-menu a {
	  color: #fff;
	  display: block;
	  margin: 10px 0;
  }
  
  .social-footer{
	  margin-top: 30px;
  }
  
  .social-footer a{
	  color: #fff;
	  margin-right: 5px;
  }
  
  .footer-logo {
	  width: 150px;
	  height: auto;
	  margin-bottom: 30px;
  }
  
  .footer-feature-image{
	  margin-top: -60px;
  }
  .base-foot {
	  margin-top: 40px;
  }
  .copyright p {
	  color: #fff;
	  font-size: 12px;
	  margin-top: 0;
  }
  .footer-accreditations {
	  display: flex;
	  flex-wrap: nowrap;
	  margin-top: 60px;
  }
  
  .footer-links ul li{
	  display: inline-block;
  }
  
  .footer-links ul li a{
	  font-size: 12px;
	  padding-right: 6px;
	  margin-right: 4px;
	  border-right: 1px solid var(--orange);
	  line-height: 10px;
  }
  
  .footer-links ul li:last-child a{
	  padding-right:0;
	  margin-right: 0;
	  border-right: none;
  }
  /* Accordion */
  
  .accordion-container {
	  margin-bottom: 10px;
	}
	.accordion-wrapper .accordion-container:nth-child(even) .accordion-header {
		background-color: #F4F4F4;
	}
	.accordion-header {
	  background-color: var(--blue);
	  padding: 15px 20px;
	  display: flex;
	  flex-wrap: wrap;
		align-items: center;
	  width: 100%;
	  box-sizing: border-box;
	  border: 0px;
	  font-size: inherit;
	  cursor: pointer;
	}
	.accordion-title {
	  color: #252f60;
	  font-weight: bold;
	  width: calc(100% - 20px);
	}
	.accordion-content {
	  padding: 20px;
	  box-sizing: border-box;
	  overflow: hidden;
	  display: none;
	}
	.accordion-cross {
	  border: solid 1px #d47f1c;
	  margin-left: auto;
	  margin-right: 0;
	  color: #d47f1c;
	  width: 25px;
	  height: 25px;
	  font-size: 20px;
	  line-height: 1;
	  border-radius: 100%;
	  text-align: center;
	  position: relative;
	}
	.accordion-cross::after {
	  content: '+';
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}
	.cross-change .accordion-cross::after {
	  content: '-';
	}
  
  /* General Styles */
  .grecaptcha-badge { visibility: hidden; }
  .hero {
	  position: relative;
	  overflow: hidden;
  }
  .hero .max {
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  align-content: center;
	  justify-content: flex-start;
	  height: 600px;
  }
  
  .hero-banner-minimal{
	  min-height: 350px;
  }
  
  .hero.hero-banner-minimal:not(.hero-slider) .max{
	  height: 400px;
  }
  .product-grid {
	  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05), 0 0.625rem 1.5rem rgba(0, 0, 0, 0.15) !important;
	  padding: 40px;
	  box-sizing: border-box;
  }
  
  /* Hero Slider */
  
  .slick-track
  {
	  display: flex !important;
  }
  
  .slick-slide
  {
	  height: inherit !important;
  }
  
  .hero-slider .flex-container {
	background-size: cover;
	width: calc(100% + 20px) !important;
  }
  
  .hero-slider-wrap .h1, .hero-slider-wrap h1{
	  font-size: 60px;
	  line-height: 1.1;
	  margin-bottom: 15px;
  }
  
  .hero-slider-wrap .caption{
	  padding: 50px 100px 50px 50px;
	  background: rgb(0,48,87);
	  background: linear-gradient(90deg, rgba(0,48,87,1) 0%, rgba(0,48,87,0.85) 30%, rgba(0,48,87,0.45) 100%);
	  margin: 80px 0 100px;
	  -webkit-clip-path: polygon(100% 1%, 100% 82%, 82% 100%, 0 100%, 0 0);
	  clip-path: polygon(100% 1%, 100% 82%, 82% 100%, 0 100%, 0 0);
  }
  
  .slick-prev::before {
	content: '‹' !important;
  }
  
  .slick-prev::before, .slick-next::before {
	color: #fff !important;
	font-size: 60px !important;
	font-family: 'Poppins', sans-serif !important;
	opacity: 0.5;
  }
  
  .partners .slick-prev::before, .partners .slick-next::before {
	color: var(--blue) !important;
	line-height: 10px;
  }
  
  .slick-prev::before:hover, .slick-next::before:hover {
	opacity: 1;
  }
  
  .slick-next::before {
	content: '›' !important;
  }
  
  .slick-prev, .slick-next{
	  height: 40px;
	  top: calc(50% - 20px);
	  z-index: 1;
  }
  
  .slick-next{
	  right: calc(50% - 640px) !important;
  }
  
  .logos .slick-next{
	  right: 0 !important;
  }
  
  .slick-prev{
	  left: calc(50% - 640px) !important;
  }
  
  .logos .slick-prev{
	  left: 0 !important;
  }
  
  .hero-slider-wrap .slick-dots{
	  margin-top: -50px !important;
	  bottom: auto !important;
  }
  
  .logos .slick-list, .logos.slick-slider{
	  max-width: 100%;
	  width: 100%;
  }
  
  .hero-slider-wrap .slick-dots li{
	  margin: 0 2px !important;
  }
  
  .hero-slider-wrap .slick-dots li button::before{
	  color: transparent;
	  border: 1px solid #fff;
	  opacity: 1 !important;
	  content: "" !important;
	  border-radius: 50%;
	  height: 15px !important;
	  width: 15px !important;
  }
  
  .hero-slider-wrap .slick-dots li:before{
	  display: none;
  }
  
  .hero-slider-wrap .slick-dots li.slick-active button::before {
	opacity: 1 !important;
	background: #fff;
  }
  
  .slick-dotted.slick-slider {
	margin-bottom: 0px !important;
  }
  
  /* Introduction */
  
  #layered-intro.reverse-columns .col-1{
	  order: 2;
	  padding-right: 0px;
  }
  
  #layered-intro.reverse-columns .col-2{
	  order: 1;
	  padding-right: 60px;
  }
  
  .triangle-corner{
	  position: relative;
  }
  
  .triangle-corner:after{
	  width: 0px;
	  height:0px;
	  border-bottom: 70px solid #fff;
	  border-left: 70px solid transparent;
	  bottom: 0;
	  right: 0;
	  position: absolute;
	  content: "";
  }
  
  
  /* Features */
  
  .style-1 .inner-box{
	  position: relative;
	  padding-bottom: 20px;
	  height: 100%;
  }
  
  .style-1 .inner-box .button, .news-box .button{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: max-content;
  }
  
  .style-2 .inner-title-box{
	  background: #fff;
	  color: var(--blue) !important;
  }
  
  .style-2 a{
	  display: inline-grid;
  }
  
  .news-box .button{
	  bottom: 30px;
  }
  
  /* News */
  
  .news-img{
	  min-height: auto;
	  object-fit: contain;
  }
  
  .news-box .inner-box{
	  position: relative;
  }
  
  /* Employee Box */
  
  .employee-box{
	  background: rgb(255,255,255);
	  background: linear-gradient(52deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 77%, rgba(237,139,0,1) 100%);
  }
  
  .employee-box p{
	  margin-bottom: 0;
	  line-height: 0;
  }
  
  .employee-box img{
	  margin-top: -60px;
  }
  
  .contact-box{
	  background-image: url('/wp-content/themes/pb-designs/assets/images/call.png');
	  background-size: 70px;
	  background-repeat: no-repeat;
	  background-position: top left;
	  line-height: 70px;
	  padding-left: 80px;
	  height: 70px;
	  display: block;
	  color: #fff;
	  letter-spacing: 1px;
	  margin-top: 40px;
  }
  
  .contact-box-callback{
	  background-image: url('/wp-content/themes/pb-designs/assets/images/callback.png');
	  margin-top: 20px;
  }
  
  .icon-box{
	  margin: 10px 0;
  }
  
  .icon-box img{
	  display: inline-block;
  }
  
  .icon-sm .icon-box img{
	  max-height: 70px;
  }
  
  .icon-sm .inner-box img{
	  max-height: 80px;
  }
  
  .icon-sm .inner-box p{
	  margin-top: 0;
  }
  
  .single-application img{
	  border-radius: 50%;
	  display: inline-block;
  }
  
  .icon-box p, .single-application .inner-title-box{
	  width: calc(100% - 130px);
	  display: inline-block;
	  vertical-align: top;
	  padding-left: 20px;
  }
  
  .cool-timeline .timeline-post .timeline-content img {
	height: auto;
  }
  
  .white-inner .inner-box{
	  background: #fff;
	  box-shadow: 0px 0px 15px 3px #f1f1f1;
	  padding-top: 20px;
  }
  
  .moove-gdpr-branding-cnt{
	  display: none !important;
  }
  .gfield input, .gfield textarea, .gfield select{
	border-radius: 30px !important;
	border: 1px solid #ccc !important;
}

.responsive-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero__wrapper {
	width: 80%;
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 48, 87, 1) 0%, rgba(0, 48, 87, 0.85) 30%, rgba(0, 48, 87, 0.45) 100%);
    padding: 50px 100px 50px 50px;
    -webkit-clip-path: polygon(100% 1%, 100% 82%, 82% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 1%, 100% 80%, 90% 100%, 0 100%, 0 0);
}

.blue-box__inner {
    padding: 60px;
}

.quote {
    padding: 160px 0;
}
  

.fw-70 {
	max-width: 70%;
}

span.fw-70 {
	display: inline-block;
}

.column-cta .flex-container {
    margin: 0;
}

.column-cta .flex-container .flex-three-double,
.column-cta .flex-container .flex-three-single {
    margin: 0;
}

.cta-style-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(315deg, transparent 70px, var(--orange) 11px);
}

table.table-style-01 {
    width: 100%;
    border-top: solid 2px var(--orange);
}

table.table-style-01 tr {
    border-bottom: solid 1px #fff;
}

table.table-style-01 td {
    padding: 15px 10px;
    font-size: 16px;
    line-height: 1.5;
}

table.table-style-01 tr td:first-child {
    font-weight: bold;
}

.ev-promo {
    border: solid 7px var(--orange);
    position: relative;
    background: url(/wp-content/uploads/2025/11/ev_promo_banner_v3.png) center bottom / contain no-repeat;
    padding-bottom: 335px;
}

.ev-promo h3 {
    font-size: 40px;
	font-weight: 500;
}

.ev-promo p:nth-child(2) {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 500;
    color: var(--blue);
}

.ev-feature {
    padding: 0px 60px 120px 60px;
}

.flex-container.no-margin .flex-five-triple {
    margin: 0;
    width: 60%;
}

.flex-container.no-margin .flex-five-double {
    margin: 0;
    width: 40%;
}

.white .ev-feature h3,
.white .ev-feature p, 
.white .ev-feature ul li {
    color: var(--blue);
    text-align: left;
}

.white .ev-feature ul li:before {
	color: var(--orange);
}

.ev-img {
    position: absolute;
    bottom: 120px;
    right: 60px;
}

  /* Responsive Styles */
  
  @media screen and (min-width: 1300px) {
	  .hero .max{
		  width: 1240px;
	  }
  }
  
  @media screen and (max-width: 1200px) {
	  ul#primary-menu > li {
		margin-left: 15px;
	  }
  
	  .menu-title a {
		font-size: 16px;
	  }
  
	  .grid-4.padding-xl{
		  padding: 20px;
	  }
  
	  .contact-box{
		  line-height: 30px;
		  background-size: 50px;
	  }
  
	  .page-header h1{
		  margin-bottom: 0;
	  }
  
  
	  .hero-slider .flex-container {
		max-width: unset;
	  }
  
	  .hero-slider .slick-prev, .hero-slider .slick-next{
		  display: none !important;
	  }
  
	  .flex-container{
		  max-width: 100%;
	  }
  
	  .menu-item.parent-item a span
	  {
		top: 0px;
	  }
  
  }

  @media (max-width: 1100px) {
	.ev-img {
		width: 500px;
	}
  }
  
  @media screen and (max-width: 1010px) {
	  ul#primary-menu {
		  display: none!important;
	  }
	  .menu-bar {
		  display: block;
	  }
	  .nav-wrapper {
		  width: auto!important;
		  margin-left: auto!important;
	  }
  
	  #responsive-menu {
	  float: right;
	  }
  
	  h1, .h1 {
		  font-size: 40px !important;
	  }
	  .ev-img {
		width: 350px;
	}
  
  }
  
  @media screen and (max-width: 850px) {
  
	  .max, 
	  .narrow-max, 
	  .default-padding-max .max
	  .narrow-max-max .max {
		  padding-left: 20px;
		  padding-right: 20px;
	  }
	  .flex-column-1, .flex-column-2, .flex-column-3, .flex-column-4, .flex-column-5, .flex-column-6 {
		  width: 100%!important;
		  margin: 0px 0px 0px 0 !important;
	  }
  
	  .flex-column-2 + .flex-column-2{
		  margin-top: 20px !important;
	  }
  
	  .flex-five-single, .flex-five-double, .flex-five-triple, .flex-five-quad, .flex-three-single, .flex-three-double, .flex-four-single, .flex-four-triple {
		  width: 100%!important;
		  margin: 0px!important;
	  }
	  .flex-container {
		  margin: 0px!important;
	  }
	  .mob-padding-40-top {
		  padding-top: 40px!important;
	  }
	  .mob-margin-20-bottom {
		  margin-bottom: 20px!important;
	  }
	  .mob-margin-20-top {
		  margin-top: 20px!important;
	  }
	  .mob-padding-left-no {
		  padding-left: 0px!important;
	  }
  
	  .footer-feature-image {
		margin-top: 0;
		margin-left: 0;
	  }
  
	  .footer-feature-image img{
		  max-width: 100%;
		  margin-top: 10px;
	  }
  
	  .footer-feature-image .right, .right.footer-links{
		text-align: left;
	  }
  
	  .footer-logo {
		width: auto;
		max-height: 100px;
	  }
  
	  .social-footer {
		margin-top: 0;
		padding-top: 10px;
	  }
  
	  .hero-slider .flex-container {
		width: calc(100% + 0px) !important;
	  }
  
  
  
	  h1, .h1 {
		  font-size: 30px !important;
	  }
	  h2, .h2 {
		  font-size: 24px;
	  }
	  h3, .h3 {
		  font-size: 22px;
		  line-height:1.2;
	  }
	  h4, .h4 {
  
		  font-size: 16px;
		  text-transform:uppercase;
	  }
	  h5, .larger {
		  font-size: 18px;
		  line-height:1.2;
	  }
	  h6 {
		  font-size: 16px;
		  line-height:1.2;
	  }
	  .hero-slider-wrap .caption {
		padding: 25px;
		margin: 40px 0 60px;
	  }
  
	  .nav-logo img{
		  max-height: 70px;
	  }
  
	  .pre-nav {
		margin-bottom: 10px;
		margin-top: -15px;
	  }
  
	  .padding-60, .padding-40 {
		padding: 20px;
	  }
  
	  .default-padding{
		  padding: 40px 0;
	  }
  
	  .single-product-box{
		  margin-bottom: 20px !important;
	  }
  
	  .icon-box{
		  margin: 10px 0 !important;
	  }
  
	  .icon-box img {
		  max-height: 80px;
	  }
  
	  #ind-intro, .icon-sm .single-application{
		  padding-bottom: 0;
	  }
  
	  .icon-boxes.blue-btn-section .flex-column-4 {
		  margin-bottom: 20px !important;
	  }
  
	  .flex-three-double.padding-40-right, #layered-intro .padding-60-right{
		  padding-right: 0;
	  }
  
	  .icon-boxes .padding-60-left.padding-60-right.padding-60-top{
		  padding: 0;
	  }
  
	  .icon-boxes .padding-60-left.padding-60-right.padding-60-top img{
		  max-height: 150px;
			width: auto;
	  }
	  .fw-70 {
		max-width: 100%;
	}

	.ev-promo h3 {
		font-size: 30px;
	}
	.ev-promo p:nth-child(2) {
		font-size: 20px;
	}
	.ev-promo {
		padding-bottom: 200px;
	}
	.ev-img {
		position: unset;
		width: 100%;
	}
  }
  
  @media screen and (max-width: 500px) {
	  header .header-tel{
		  display: none;
	  }
  
	  .single-application{
		  padding-right: 0;
		  text-align: center;
	  }
  
	  .single-application img {
		margin:0 auto 20px;
		display: block;
	  }
  
	  .single-application .inner-title-box {
		width: 100%;
		padding-left: 0px;
	  }
  
  
  }