@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/abr/fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/abr/fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/abr/fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/abr/fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/abr/fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}


/*italic*/
@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/abr/fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}


:root {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.5;
  color: #404040;

  --primary-color: #fff;
  --secondary-color: #222934;
  --bg-color: #f5f7fa;
  --accent-color-1: #0a957d;
  --accent-color-2: #dc6a1e;
  --text-color-1: #404040;
  --text-color-2: #fff;


  --wp--preset--spacing--70: clamp(38px, 3.6vw, 54px)!important;
  --wp--preset--spacing--80: clamp(38px, 5.4vw, 81px)!important;

  --wp--preset--font-size--medium:clamp(16px, 1.4vw, 20px)!important;
  --wp--preset--font-size--large: clamp(20px, 2.4vw, 36px)!important;
} 

#wpadminbar {
  width: 35px;
  overflow: hidden;
  min-width: auto;
  transition: 0.3s;
}

#wpadminbar:hover {
  width: 100%;
}

html {
  overflow-x: hidden;
}

html.abr-page-scroll-disabled {
  overflow-y: hidden;
}

body {
  overflow-x: hidden;
  margin: 0;
}

.wp-site-blocks :is(header, footer) {
  line-height: normal;
}
/*
this causes issues with the gutenberg editor background color
.post-type-page .editor-visual-editor {
  overflow-x: hidden;
}
*/


div,
section,
form {
  box-sizing: border-box;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

.abr-hidden {
  display: none!important;
}

.scrollbarNone::-webkit-scrollbar {
  display: none;
}

.abr-bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.abr-block {
  padding: clamp(40px, 5.6vw, 85px) 0;
}

.abr-container {
  max-width: 1530px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 clamp(20px, 2.6vw, 39px);
}



.wp-site-blocks > .entry-content > .wp-block-group {
  padding: 0 clamp(20px, 2.6vw, 39px);
}

.wp-site-blocks > .wp-block-group {
  padding: 0 clamp(20px, 2.6vw, 39px);
}

.wp-site-blocks > * {
  margin-block-start: 0!important;
  margin-block-end: 0;
}

.wp-site-blocks > .entry-content > section  {
  margin-block-start: 0!important;
  margin-block-end: 0;
}

.wp-block-group {
  margin-block-start: 0!important;
}

.acf-block-preview {
  margin-block-start: 0!important;
}

@media (max-width: 900px) {
  .wp-site-blocks .tabletNone {
    display: none;
  }
}


@media (max-width: 600px) {
  .abr-hide-on-mobile {
    display: none;
  }
}


.abr-add-checkmark {
  position: relative;
}

.abr-add-checkmark::after {
  content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22 width%3D%2230%22 height%3D%2230%22 viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3CclipPath id%3D%22clip-path%22%3E%3Crect width%3D%2230%22 height%3D%2230%22 fill%3D%22%23f7821e%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path%3D%22url(%23clip-path)%22%3E%3Cpath d%3D%22M15%2C0A15%2C15%2C0%2C1%2C0%2C30%2C14.964%2C15.007%2C15.007%2C0%2C0%2C0%2C15%2C0m7%2C13.012-7.788%2C7.807a2.088%2C2.088%2C0%2C0%2C1-3.029%2C0l-3.894-3.9a2.234%2C2.234%2C0%2C0%2C1%2C0-3.036%2C2.22%2C2.22%2C0%2C0%2C1%2C3.029%2C0l2.38%2C2.386%2C6.274-6.289A2.144%2C2.144%2C0%2C0%2C1%2C22%2C13.012%22 fill%3D%22%23f7821e%22/%3E%3C/g%3E%3C/svg%3E');
  position: absolute;
  top: 4px;
  left: -45px;
}

.abr-add-arrow.abr-add-arrow--accent::after {
  content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226px%22 height%3D%2217px%22 viewBox%3D%220 0 26.375 17.59%22%3E%3Cpath fill%3D%22%23EB6C15%22 d%3D%22M16.82%2C0.336a1.2%2C1.2%2C0%2C0%2C0-.009%2C1.686l5.57%2C5.579H1.182a1.191%2C1.191%2C0%2C0%2C0%2C0%2C2.382H22.372l-5.57%2C5.579a1.206%2C1.206%2C0%2C0%2C0%2C.009%2C1.686%2C1.186%2C1.186%2C0%2C0%2C0%2C1.676-.009l7.549-7.6h0a1.337%2C1.337%2C0%2C0%2C0%2C.247-.376%2C1.137%2C1.137%2C0%2C0%2C0%2C.092-.458%2C1.194%2C1.194%2C0%2C0%2C0-.339-.834l-7.549-7.6A1.167%2C1.167%2C0%2C0%2C0%2C16.82%2C0.336Z%22/%3E%3C/svg%3E'); 
}

.abr-404 {
  padding-top: clamp(40px, 5.3vw, 80px);
  color: #fff;
}

.abr-404 p {
  margin-top: 33px;
}

.abr-404 a {
  color: var(--wp--preset--color--accent-2);
}

body.error404 {
  background-color: var(--wp--preset--color--secondary);
}

body.error404 .wp-block-template-part {
  background-color: #fff;
}





.abr-gutenberg-custom-block-1 {
  padding-top: clamp(40px, 4.4vw, 66px)!important;
  padding-bottom: clamp(40px, 8vw, 120px)!important;
  overflow: hidden!important;
  position: relative;
  z-index:1;
}

@media(max-width: 1300px) {
  .abr-gutenberg-custom-block-1 {
    border-radius: 0!important;
  }
}


.abr-gutenberg-custom-block-2 {
  padding-top: clamp(48px, 6vw, 90px)!important;
  padding-bottom: clamp(48px, 6vw, 90px)!important;
}

@media(max-width: 830px) {
  .abr-gutenberg-custom-block-2 > * {
    text-align: left;
  }
}

.abr-gutenberg-custom-block-3 {
  padding-top: clamp(48px, 7.4vw, 110px)!important;
  padding-bottom: clamp(48px, 10vw, 150px)!important;
}

.abr-gutenberg-custom-block-3 > .wp-block-columns {
  margin-top: clamp(32px, 4vw, 60px)!important;
}

.abr-gutenberg-custom-block-3 .wp-block-column {
  border-radius: 0 0 100px 0!important;
  padding: clamp(28px, 2.4vw, 35px)!important;
  padding-bottom: 35px!important;
}

.abr-gutenberg-custom-block-3 h3 {
font-size: clamp(16px, 1.4vw, 21px)!important;
}

@media(max-width: 1300px) {
  .abr-gutenberg-custom-block-3 {
    border-radius: 0!important;
  }
}


.abr-gutenberg-custom-block-4 {
  padding-top: clamp(40px, 8.6vw, 130px)!important;
  padding-bottom: clamp(40px, 8.6vw, 130px)!important;
}


@media(max-width: 1000px) {
  .abr-gutenberg-custom-block-4 .wp-block-image {
    display: none;
  }

}

@media(max-width: 781px) {
  .abr-gutenberg-columns-reverse > div:last-child{
    order: -1;
  }
}


.abr-gutenberg-product-features-container {

}


.abr-gutenberg-product-features-container > * {
  margin-top: clamp(48px, 7.2vw, 108px)!important;
	margin-bottom: clamp(48px, 7.2vw, 108px)!important;
}

.abr-gutenberg-product-features-container > *:first-child {
  margin-top: 0!important;
}

.abr-gutenberg-product-features-container > *:last-child {
  margin-bottom: 0!important;
}


.abr-gutenberg-breadcrumbs-container {

}


@media(max-width:600px) {
	.abr-gutenberg-breadcrumbs-container {
		flex-wrap:wrap!important;
	}
	.abr-gutenberg-breadcrumbs-container >div {
		flex:0 0 100%;
	}
}


.abr-gutenberg-breadcrumbs-for-mobile {
  margin-top: -72px!important;
  position: relative;
  padding-bottom: 20px;
  display: none;
  color:#fff;
}

.abr-gutenberg-breadcrumbs-for-mobile a {

}

@media(max-width: 750px) {
  .abr-gutenberg-breadcrumbs-for-mobile {
		
		display:block;
	}
.abr-gutenberg-breadcrumbs-for-desktop {
  display: none;
}
}





.abr-accomplishments {
  
}

.abr-accomplishments h3 {
  font-weight: 500;
  position: relative;
  top:2px;
  font-size: clamp(14px, 1.2vw, 18px);
  white-space: nowrap;
}

.abr-accomplishments h3 img {
  position: relative;
  top:-7px;
  right: -4px;
  height: 16px!important;
}

.abr-accomplishments ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 20px 44px ;
  flex-wrap: wrap;
}


.abr-accomplishments ul li {
  display: flex;
  align-items: center;
  gap: 14px;
}

@media(max-width: 1000px) {
  .abr-accomplishments ul {
    row-gap: 12px;
  }
  .abr-accomplishments ul li {
    flex: 0 0 100%;
  }
}

.abr-accomplishments ul li img {
  height: 24px;
}

.abr-accomplishments__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--wp--preset--color--background);
  width: 40px;
  height: 40px;
  border-radius: 8px;
}






.abr-web-banner-1 {
  display:flex;
  flex-direction:column;
  gap:25px;
  align-items:center;
  justify-content:end;
  height:100%;
  border-radius:20px;
  color:#fff;
  padding:58px 38px;
  text-align: center;

  background-position:left;
  min-height: 333px;
}

.abr-web-banner-1 h3 {
  font-size:clamp(27px, 2.4vw, 35px);
  line-height:1;
  
}


@media(max-width:781px) {
  .abr-hide-this-on-mobile {
    display: none!important;
  }

  .abr-hide-this-on-mobile + * {
    display: none!important;
  }
}