
.ag-lander.interiors .ag-staff-reel { padding-bottom: 10vh; }

.supplies .ag-staff-reel, .workwear .ag-staff-reel, .print-merch .ag-staff-reel { padding-bottom: 5rem; }


.col2-text-img .flex-container { padding: 3rem 0; align-items: center; gap:10%; }
.col2-text-img .flex-container:last-child { padding: 3rem 0 0;  }
.col2-text-img .flex-container h4 { text-transform: uppercase; color: var(--theme-color2); }
.col2-text-img .flex-container h2 { color: var(--theme-color1); font-size: clamp(1.8rem, 3.5vw, 2.8rem);}
.col2-text-img .flex-container .text { width:65%; }
.col2-text-img .flex-container .picture { width:35%; height: 100%; }
.col2-text-img .flex-container .picture .inner { display: inline-block; position: relative; height: 100%; }
.col2-text-img .flex-container .picture .inner img { width: 100%; height: 100%; object-fit: contain; object-position: left top; border-radius: 20px; display: block; }
.col2-text-img .flex-container .picture .inner:before {content: " "; background: var(--theme-color2); width: 25%; aspect-ratio: 1 / 1; position: absolute; z-index: -1; top: -2vw;left: -2vw; border-radius: 20px; }

@media screen and (max-width: 760px) {
	.col2-text-img .flex-container .text { width:50%; }
	.col2-text-img .flex-container .picture { width:50%; }
}

@media screen and (max-width: 540px) {
	.col2-text-img .flex-container.mob-reverse { flex-direction: column-reverse; }
	.col2-text-img .flex-container { flex-wrap: wrap; gap:0; padding: 3rem 0 0; }
	.col2-text-img .flex-container .text { width:100%; margin-bottom: 2rem; }
	.col2-text-img .flex-container .picture { width:100%; }
	.col2-text-img .flex-container .picture .inner { display: flex; justify-content: center; padding:0 2.4rem; }
	.col2-text-img .flex-container .picture .inner img {  object-position: center;  }
	.col2-text-img .flex-container .picture .inner:before { top: -14px; left: calc(-16px + 2.4rem); }
}

@media screen and (max-width: 410px) {
	.col2-text-img .flex-container .picture .inner {  padding:0 1.2rem; }
	.col2-text-img .flex-container .picture .inner:before { top: -14px; left: calc(-16px + 1.2rem); }
}


.col2-why h4 { text-transform: uppercase; color: var(--theme-color2); }
.col2-why h2 { color: var(--theme-color1); font-size: clamp(1.8rem, 3.5vw, 2.8rem);}
.col2-why .col2-wrap { display: flex; justify-content: space-between; align-items: center; }
.col2-why .col2-wrap .panel-left { width:40%; }
.col2-why .col2-wrap .panel-right { width:55%; display: flex; flex-wrap: wrap; /*padding-top:3rem;*/ }
.col2-why .col2-wrap .panel-right .card { border-radius: 20px; width: 100%; margin-bottom: .85rem; display: flex; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); align-items: stretch; background: var(--theme-color2); margin-left: 2rem; }
.col2-why .col2-wrap .panel-right .card h3 { font-size: 1.5rem; }
.col2-why .col2-wrap .panel-right .card:first-child  {  margin-left: 4rem; }
.col2-why .col2-wrap .panel-right .card:last-child  { margin-left: 0; }
.col2-why .col2-wrap .panel-right .card .icon { flex: 0 0 160px; padding: 0; border-right: 4px solid var(--theme-color2); }
.col2-why .col2-wrap .panel-right .card .icon img { display: block; width: 100%; height: 100%; object-fit: cover; border-bottom-right-radius: 40px; }
.col2-why .col2-wrap .panel-right .card .text { padding: 1.6rem; flex: 1; background: #fff; border-top-left-radius: 40px;  }
.col2-why .col2-footer { padding: 1.6rem 0; text-align: center;  }
.col2-why .col2-footer h3 { font-size: 1.8rem; }


@media screen and (max-width: 1050px) {
	.col2-why .col2-wrap { flex-wrap: wrap; }
	.col2-why .col2-wrap .panel-left { width:100%; text-align: center; }
	.col2-why .col2-wrap .panel-right { width:100%; margin-top: 2rem; }
	.col2-why .col2-wrap .panel-right .card { margin-left: 0; }
	.col2-why .col2-wrap .panel-right .card:first-child  { margin-left: 0; }
}


.col2-bullets-image { padding: 3rem 0;   }
.col2-bullets-image .flex-container { flex-wrap: nowrap; justify-content: space-between; }
.col2-bullets-image .flex-container .left-side { width:calc(70% - 2rem); background:var(--theme-bg-light);  border-radius:20px; padding: 2rem; }
.col2-bullets-image .flex-container .right-side { width:30%; background:var(--theme-bg-light); border-radius:20px; padding:0; overflow: hidden; }
.col2-bullets-image .flex-container .right-side img { display: block; width: 100%; height: 100%; object-fit: cover; }
.col2-bullets-image .flex-container .left-side h4 { padding: 0; margin: 1rem 0 0 0; }
.col2-bullets-image .flex-container .left-side ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 1rem; }
.col2-bullets-image .flex-container .left-side ul li { padding: 1rem 1.4rem 1rem 2.8rem; margin: 0 0 1rem 0;  font-size: 1.3rem; border-radius: 8px; background:#18425f; color: #fff; }
.col2-bullets-image .flex-container .left-side ul li:before { content: '\f00c'; color: var(--theme-color2);  font-family: 'FontAwesome'; float: left; margin-left: -1.5em; } 

@media screen and (max-width: 1540px) {
	.col2-bullets-image .flex-container .left-side ul li { font-size: 1.1rem;  }
}

@media screen and (max-width: 1450px) {
	.col2-bullets-image .flex-container .left-side { width:calc(50% - 1rem);  }
	.col2-bullets-image .flex-container .right-side { width:calc(50% - 1rem); }
	.col2-bullets-image .flex-container .left-side ul { columns: 1;  }
}


@media screen and (max-width: 1050px) {
	.col2-bullets-image .flex-container { flex-wrap: wrap;  }
	.col2-bullets-image .flex-container .left-side { width:100%; }
	.col2-bullets-image .flex-container .right-side { width:100%; margin-top: 2rem; }
	.col2-bullets-image .flex-container .right-side img { height: 55vh; }

}

@media screen and (max-width: 1000px) {
	.col2-bullets-image { padding: 3rem 0;   }
	
}

@media screen and (max-width: 600px) {
	.col2-bullets-image .flex-container .right-side ul li { font-size: 1rem; }
}


.ag-lander .embroidery-row {
    background: var(--theme-bg-light);
    padding: 5vh 0;
}


/********  Business Technology Lander Styles - "technology" **********/


.technology .ag-why-row { padding-bottom: 0;}
.hero-panel-img-right { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.hero-panel-img-right .text-area { padding: 4rem 9% 0 0; width: calc(100% - 600px); }
.hero-panel-img-right .text-area h2 { /*font-family:'Chillax-medium';*/ font-size: clamp(1.3rem, 4.5vw, 5rem);  }
.hero-panel-img-right .decor-area { width:568px; margin-top: -11vh; margin-right: -32px; }
.hero-panel-img-right .decor-area img { display: block; max-width: 100%; margin-bottom: -85px;  }


@media (max-width: 1145px) {
	.hero-panel-img-right .text-area { padding: 1rem 6.5% 0 0; width: calc(100% - 420px); }
	.hero-panel-img-right .decor-area { width:420px; margin-top: -11vh; margin-right: -23px; }
	.hero-panel-img-right .decor-area img { margin-bottom: -63px; }
}

@media (max-width: 960px) {
	.hero-panel-img-right .decor-area { margin-top: -5vh; }
}

@media (max-width: 820px) {
	.hero-panel-img-right { flex-wrap: wrap; justify-content: center; }
	.hero-panel-img-right .text-area { padding: 0; width: 100%; text-align: center; }
	.hero-panel-img-right .decor-area { width:100%; margin-top: 2rem; margin-bottom: 0; }
	.hero-panel-img-right .decor-area img { margin:0 auto 0; }
}

	

.introducing-active-tech .logo-area { display: flex; flex-wrap: nowrap; gap: 3rem; width:100%; max-width: 860px; justify-content: space-between; align-items: center; padding:7rem 0 4rem; }
.introducing-active-tech .logo-area .decor-area { width:50%; }
.introducing-active-tech .logo-area .text-area { width:50%; }
.introducing-active-tech .logo-area .text-area p { font-size: 1.58rem; }
.introducing-active-tech .logo-area .text-area p span.blue-bold { font-weight: 500; color: var(--theme-color3); }

@media (max-width: 580px) {
	.introducing-active-tech .logo-area { flex-wrap: wrap; gap: 3rem; text-align: center; padding:3rem 0; }
	.introducing-active-tech .logo-area .decor-area { width:100%; }
	.introducing-active-tech .logo-area .text-area { width:100%; }
}


.triple-image-text-right { padding:3rem 0; display: flex; gap: 3rem; align-items: center; }
.triple-image-text-right .decor-area { width:50%; display: flex; gap: 1rem; }
.triple-image-text-right .decor-area .img-wrap { overflow: hidden; border-radius:2rem; width: 33.33%; }
.triple-image-text-right .decor-area .img-wrap img { width:100%; display: block; object-fit: cover; }
.triple-image-text-right .text-area { width: 50%; }
.triple-image-text-right .text-area h3 { font-family:var(--theme-font-body); }

@media (max-width: 870px) {
	.triple-image-text-right { flex-wrap: wrap; padding:1.2rem 0; }
	.triple-image-text-right .decor-area { width:100%;  }
	.triple-image-text-right .text-area { width: 100%; text-align: center; }
}


.partners-logos { display: flex; padding: 3rem 0; gap: 20px; align-items: center; justify-content: space-between; }
.partners-logos .img-wrap { width:calc(25% - (60px / 4)); align-content: center; display: flex; justify-content: center; }
.partners-logos .img-wrap img { display: block; max-width: 100%; }

@media (max-width: 720px) {
	.partners-logos { flex-wrap: wrap; }
}



.services-cards { padding: 3rem 0; }
.services-cards .intro-text { padding: 0 0 2rem; width:50%; }
.services-cards .intro-text h2 { font-family:var(--theme-font-body); }

.services-cards .card-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 2rem; }
.services-cards .card-grid .service-card { display: grid; grid-template-rows: subgrid; grid-row: span 3; gap: 1rem; text-decoration: none; }        
.services-cards .card-grid .service-card .pic {  border-radius: 20px; aspect-ratio: 1.66 / 1; width: 100%; overflow: hidden;  }
.services-cards .card-grid .service-card .pic img { display: block; width: 100%; height:100%; object-fit: cover; }
.services-cards .card-grid .service-card h3 { text-decoration: none; font-family:var(--theme-font-body); padding: 0; margin: 0; }
.services-cards .card-grid .service-card p { text-decoration: none; color: #333; padding: 0; margin: 0; }

@media (max-width: 960px) {
	.services-cards .intro-text { width:100%; }
}

@media (max-width: 720px) {
	.services-cards .card-grid { grid-template-columns: repeat(2, 1fr);  }
}

@media (max-width: 500px) {
	.services-cards .card-grid { grid-template-columns: repeat(1, 1fr);  }
}



.technology .faq-header { background: var(--theme-bg-light); border-radius:65px; margin: 3rem 0 0; }
.technology .faq-header .hero-panel-img-right { align-items: center; flex-wrap: nowrap; }
.technology .faq-header .hero-panel-img-right .text-area h2 { font-family:var(--theme-font-body); font-size: clamp(1.3rem, 3.6vw, 3.8rem);  }
.technology .faq-header .hero-panel-img-right .decor-area { width:584px; margin-top: -36px; margin-right:23px; }
.technology .faq-header .hero-panel-img-right .decor-area img { margin-bottom: -83px; }

@media (max-width: 1145px) {
	.technology .faq-header .hero-panel-img-right .decor-area { width:430px;  }
	.technology .faq-header .hero-panel-img-right .decor-area img { margin-bottom:-60px;  }
	.technology .faq-header .hero-panel-img-right .text-area { padding: 0 5% 0 0; } 
}

@media (max-width: 820px) {
	.technology .faq-header { padding: 0 1rem 3rem;  }
	.technology .faq-header .hero-panel-img-right { flex-wrap: wrap; justify-content: center; flex-direction: column-reverse; }
	.technology .faq-header .hero-panel-img-right .decor-area { width:100%; margin-right: 0; margin-bottom: 2rem; }
	.technology .faq-header .hero-panel-img-right .decor-area img { margin:0 auto 0; max-width: 440px; width: 100%; }
	.technology .faq-header .hero-panel-img-right .text-area { padding: 0; width: 100%; text-align: center; } 
}




.technology .faqs { padding: 0 0 3rem; }
.technology .faqs .accordions { width: calc(100% - 600px); }
.technology .faqs .accordions .ao-accordion { border-top: 1px solid #d2d8dc; }
.technology .faqs .accordions .ao-accordion:first-child { border-top: none; }
.technology .faqs .accordions .ao-accordion h3 { color: #232323; font-family:var(--theme-font-body); padding: 2em 4em 2em 0; }
.technology .faqs .accordions .ao-accordion h3:after { top: .7em; }

@media (max-width: 1145px) {
	.technology .faqs .accordions { width: calc(100% - 450px); }
}

@media (max-width: 820px) {
	.technology .faqs .accordions { width: 100%; }
}



.partner-grid { text-align: center; padding: 3rem 0; }
.partner-grid h2 { font-family: var(--theme-font-body); margin-bottom: 2rem; }

.partner-grid .logo-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:0;
}

.partner-grid .logo-grid .logo{
  position: relative;
  aspect-ratio: 1.66 / 1;
  border-right: 1px solid #d2d8dc;
  border-bottom: 1px solid #d2d8dc;
  box-sizing: border-box;
  overflow: hidden; /* stops any iOS overflow weirdness */
}

.partner-grid .logo-grid .logo-inner{
  position:absolute;
  inset:0;
  padding: 2rem 9vw;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing: border-box;
}

.partner-grid .logo-grid .logo img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:100%;
  height:auto;
  object-fit: contain;
}

.partner-grid .logo-grid .logo:nth-child(3),
.partner-grid .logo-grid .logo:nth-child(6) { border-right: none; }

.partner-grid .logo-grid .logo:nth-child(4),
.partner-grid .logo-grid .logo:nth-child(5),
.partner-grid .logo-grid .logo:nth-child(6) { border-bottom: none; }

@media (width >= 1560px){
  .partner-grid .logo-grid .logo-inner { padding: 2rem 9rem; }
}

@media (max-width: 720px){
  .partner-grid .logo-grid .logo-inner { padding: 2rem 5vw; }
}

@media (max-width: 600px){
  .partner-grid .logo-grid .logo-inner { padding: 1rem 3.2vw; }
}







.technology .why-choose { background: var(--theme-bg-light); border-radius:65px; margin: 3rem 0 8rem; }
.technology .why-choose .hero-panel-img-left { align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.technology .why-choose .hero-panel-img-left .text-area { padding: 0 0 0 9%; width: calc(100% - 534px);  }
.technology .why-choose .hero-panel-img-left .text-area h2 { font-family:var(--theme-font-body); font-size: clamp(1.3rem, 3.6vw, 3.8rem);  }
.technology .why-choose .hero-panel-img-left .decor-area { width:534px; margin-top: -36px; margin-left:calc(65px - 3%);}
.technology .why-choose .hero-panel-img-left .decor-area img { margin-bottom: -68px; display: block; }


@media (max-width: 1145px) {
	.technology .why-choose .hero-panel-img-left .text-area { padding: 0 0 0 5.4%; width: calc(100% - 420px); }
	.technology .why-choose .hero-panel-img-left .decor-area { width:420px; }
	.technology .why-choose .hero-panel-img-left .decor-area img { margin-bottom: -52px; }
}


@media (max-width: 930px) {
	.technology .why-choose .hero-panel-img-left { padding:3rem 0 0;  }
	.technology .why-choose .hero-panel-img-left .text-area { padding: 0 0 3rem 5.4%; }
	.technology .why-choose .hero-panel-img-left .decor-area { margin-top: 0; }
}

@media (max-width:830px) {
	.technology .why-choose .hero-panel-img-left { align-items: flex-end; }
	.technology .why-choose .hero-panel-img-left .text-area { padding:1rem 0 3rem 5%; width: calc(100% - 320px); }
	.technology .why-choose .hero-panel-img-left .decor-area { width:320px; }
	.technology .why-choose .hero-panel-img-left .decor-area img { margin-bottom: -39px; }
}


@media (max-width: 740px) {
	.technology .why-choose { margin: 3rem 0 4rem; }
	.technology .why-choose .hero-panel-img-left { flex-wrap: wrap; justify-content: center; padding-top: 0; }
	.technology .why-choose .hero-panel-img-left .decor-area { width:100%; margin: -32px 0 0 0; }
	.technology .why-choose .hero-panel-img-left .decor-area img { margin:0 auto; max-width: 410px; width: 100%; }
	.technology .why-choose .hero-panel-img-left .text-area { padding:1.4rem 1rem 3rem 1rem; width: 100%; text-align: center; } 
}








/********  Content Page Styles  **********/

.image-cover { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.centred { text-align: center; }
hr { border: 0; height: 1px; background: #ccc; margin: 3rem 0; }


@media (max-width: 770px) {
	hr { margin: 1.2rem 0; }
}

.clean-text-right { padding:4rem 0 3rem; }
.clean-text-right .text-wrap { width:50%; margin-left: auto; }
.clean-text-right .text-wrap h1 { font-size: clamp(2rem, 5vw, 5rem); }

@media (max-width: 770px) {
	.clean-text-right { padding:2.4rem 0 1.2rem; }
	.clean-text-right .text-wrap { width:100%; margin-left: 0; }
}



.ag-content.csr .cta-large-image { margin-bottom: -15px; }
.ag-content.csr .cta-large-image .cta { display: flex; gap: 2rem; justify-content: space-between; align-items: center; }
.ag-content.csr .cta-large-image .cta .detail { width: 50%; }
.ag-content.csr .cta-large-image .cta .detail h2 { font-size: clamp(1.5rem, 3.2vw, 3.2rem); }
.ag-content.csr .cta-large-image .cta .detail h3 { font-size: clamp(1.15rem, 3vw, 1.9rem); }
.ag-content.csr .cta-large-image .cta .deco { width: 50%; }
.ag-content.csr .cta-large-image .cta .deco img { display: block; width: 100%; border-top-right-radius:20px; }

@media (max-width: 768px) {
	.ag-content.csr .cta-large-image .cta { flex-wrap: wrap; }
	.ag-content.csr .cta-large-image .cta .detail { width: 100%; }
	.ag-content.csr .cta-large-image .cta .deco { width: 100%; }
}





@keyframes slowZoom {
    from { transform: scale(1); }
    to   { transform: scale(1.2); }
}

.ag-header.csr { min-height: 84vh; height: auto; max-height: none; overflow: hidden; }
.ag-header.csr img.background { opacity: .25; mix-blend-mode: normal; transform: scale(1); animation: slowZoom 12s linear forwards; will-change: transform; }
.ag-header.csr .detail-wrap { padding:140px 0 3.8rem;  }
.ag-header.csr .detail-wrap .thinner-text { width: 60%; }
.ag-header.csr .detail-wrap h1 { font-size: clamp(2rem, 5vw, 5rem); color: #fff; border: none; margin:0 0 1.2rem 0; padding:0; }
.ag-header.csr .detail-wrap h3 { color: #fff; padding-bottom: 1.2rem; margin: 0; }
.ag-header.csr .detail-wrap p { color: #fff; margin-bottom: 0; padding: 0; }

@media (max-width: 1240px) {
	.ag-header.csr .detail-wrap .thinner-text { width: 100%; }
}

@media (max-width: 770px) {
	.ag-header.csr { min-height:60vh;  }
}


.full-bg-image-header { position: relative; width: 100%; min-height: 84vh; overflow: hidden; margin-bottom: 3rem; padding: 140px 0; display: flex; justify-content: center; align-items: center; background: linear-gradient(to top, rgb(0, 0, 0) 0%, #062b4c 45%); }
.full-bg-image-header::after { content: ''; position: absolute; top: 0; left: 0; width:100%; height: 100%; background: url("https://eu.evocdn.io/dealer/1932/content/media/Content_Pages/csr/active-nature-2.webp") no-repeat center; background-size: cover; opacity: 0.25; pointer-events: none; z-index: 1; transform: scale(1); animation: slowZoom 12s linear forwards; will-change: transform; }
.full-bg-image-header .flex-container { align-items: center; z-index: 2; position: relative; }
.full-bg-image-header .intro-text { width: 50%; }
.full-bg-image-header .intro-text h1 { font-size: clamp(2rem, 5vw, 5rem); color: #fff; }
.full-bg-image-header .intro-text h3 { color: #fff; padding-bottom: 1.2rem; }
.full-bg-image-header .intro-text p { color: #fff; margin-bottom: 0; }
.full-bg-image-header .intro-text .thinner-text { width: 60%; }

@media (min-width: 1540px) {
	.full-bg-image-header .fw { width:100%; }
}

@media (max-width: 1240px) {
	.full-bg-image-header .intro-text .thinner-text { width: 100%; }
}

@media (max-width: 770px) {
	.full-bg-image-header { padding: 180px 0; }
	.full-bg-image-header .intro-text { width: 100%; }
	.full-bg-image-header {  min-height: 60vh; }

}



.clean-text-content.intro-section { padding: 3rem 0; padding-top: calc(3rem - 15px); }
.clean-text-content.intro-section .flex-container { justify-content: space-between; align-items: center; gap: 1rem; }
.clean-text-content.intro-section .flex-container .left-text { width:50%; }
.clean-text-content.intro-section .flex-container .left-text h1 { font-size: clamp(2rem, 5vw, 5rem); }
.clean-text-content.intro-section .flex-container .left-text h3 { padding-bottom: 1.2rem; }
.clean-text-content.intro-section .flex-container .left-text .thinner-text { width: 80%; }
.clean-text-content.intro-section .flex-container .right-image { width:50%; position: relative; aspect-ratio: 3.6 / 4; border-radius: 20px; overflow: hidden; }
.clean-text-content.intro-section .flex-container .right-image .cycle-slideshow { height:100%; width:100%; }
.clean-text-content.intro-section .flex-container .right-image .cycle-slideshow .slide { height:100%;width:100%; display:flex!important; align-items:flex-end; overflow:hidden; }
.clean-text-content.intro-section .flex-container .right-image .cycle-slideshow .slide img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transform:scale(1.2); transition:transform 12s linear; z-index:1; }
.clean-text-content.intro-section .flex-container .right-image .cycle-slideshow .slide.cycle-slide-active img{ display:block; transform:scale(1); z-index:2;}



@media (max-width: 940px) {
	.clean-text-content.intro-section .flex-container { flex-wrap: wrap;}
	.clean-text-content.intro-section .flex-container .left-text { width:100%; }
	.clean-text-content.intro-section .flex-container .left-text .thinner-text { width: 100%; }
	.clean-text-content.intro-section .flex-container .right-image { width:100%; aspect-ratio: 16 / 9; }
}


.ag-large-image { padding: 3rem 0;}
.full-image-large { height: 50vh; border-radius: 20px; overflow: hidden; }

@media (max-width: 770px) {
.ag-large-image { padding: 1.2rem 0;}
}

.clean-text-content { padding: 3rem 0; }
.clean-text-content h2 { font-size: clamp(1.5rem, 3.2vw, 3.2rem); }
.clean-text-content .flex-container { flex-wrap: nowrap; justify-content: space-between; }
.clean-text-content .flex-container .left-text { width:40%; }
.clean-text-content .flex-container .right-text { width:50%; }
.clean-text-content .flex-container .left-text a.btn-brick { margin: 1.6rem 0; }

@media (max-width: 770px) {
	.clean-text-content { padding: 1.2rem 0; }
	.clean-text-content .flex-container { flex-wrap: wrap;  }
	.clean-text-content .flex-container .left-text { width:100%; }
	.clean-text-content .flex-container .right-text { width:100%; }
}

.quad-box { padding: 3rem 0; }
.quad-box .intro-text-area { padding: 0 0 2rem; width:50%;  }
.quad-box .intro-text-area h2 { font-size: clamp(1.5rem, 3.2vw, 3.2rem); }
.quad-box .flex-container { flex-wrap: wrap; gap: 1rem; } 
.quad-box .flex-container .box { width: calc(50% - 0.5rem); border-radius: 12px; padding: 1.1rem; border: 3px solid #6ab547; display: flex; gap: 1.6rem; align-items: center; } 
.quad-box .flex-container .box h5 { padding: 0; margin: 0 0 10px; font-family:var(--theme-font-body); font-size: 1rem; font-weight: 600;  }  
.quad-box .flex-container .box h4 { padding: 0; margin:0 0 0.8rem; font-family:var(--theme-font-body); font-size: clamp(2rem, 4vw, 5rem); font-weight: 600; }   
.quad-box .flex-container .box p { padding: 0; margin: 0; font-family:var(--theme-font-body); font-size: 1rem; font-weight: 600; color:#6ab547; } 
.quad-box .flex-container .box .icon-wrapper { max-width: 100px; } 
.quad-box .flex-container .box .icon-wrapper img { width:100%; display: block; } 
.quad-box .flex-container .box .text-wrapper {   } 


/* .quad-box .flex-container .box:nth-child(1) { background: var(--theme-bg-light); } 
.quad-box .flex-container .box:nth-child(2) { background: var(--theme-color1); } 
.quad-box .flex-container .box:nth-child(2) h5 { color: var(--theme-bg-light); } 
.quad-box .flex-container .box:nth-child(2) h4 { color: #fff; } 
.quad-box .flex-container .box:nth-child(2) p { color: var(--theme-bg-light); } 
.quad-box .flex-container .box:nth-child(3) { background: #707985; } 
.quad-box .flex-container .box:nth-child(3) h5{ color: #fff; } 
.quad-box .flex-container .box:nth-child(3) h4{ color: #fff; } 
.quad-box .flex-container .box:nth-child(3) p{ color: #fff; } 
.quad-box .flex-container .box:nth-child(4) { background: var(--theme-color2); } 
.csr .quad-box .flex-container .box:nth-child(4) { background: #252e32; } 
.csr .quad-box .flex-container .box:nth-child(4) h4 { color:#fff } 
.csr .quad-box .flex-container .box:nth-child(4) h5 { color:#fff } 
.csr .quad-box .flex-container .box:nth-child(4) p { color:#fff } */

@media (max-width: 770px) {
	.quad-box { padding: 1.2rem 0; }
	.quad-box .intro-text-area {  width:100%; }
	.quad-box .flex-container .box { width: 100%; }
}



.stacked-facts { border-bottom: 1px solid #ccc; padding-top: 1rem; }
.stacked-facts:last-child { border-bottom:none; }
.stacked-facts:first-child { padding:0; margin: 0; }
.stacked-facts h4 { padding: 0 0 1rem 0; margin: 0; font-family:var(--theme-font-body); font-size: 1.65rem; }
.stacked-facts h5 { padding: 0 0 1rem 0; margin: 0; font-family:var(--theme-font-body); color: #777; font-size: 1.3rem; }
.stacked-facts p { padding: 0 0 1rem 0; margin: 0; }
.stacked-facts ul { list-style: none; padding: 0 0 .3rem 1rem; }
.stacked-facts ul li { position: relative; padding-left: 1.5rem; }
.stacked-facts ul li::before { content: "\f00c"; color: #6ab547; font-family: FontAwesome; position: absolute; left: 0; }
.stacked-facts img { width: 60px; height: 60px; margin-bottom: 1rem; display: block; }

.ag-triple-image { padding: 3rem 0;}
.triple-image-container { display: flex; flex-wrap: nowrap; gap:1rem; }
.triple-image-container div { border-radius: 20px; width:33.33%; overflow: hidden; height: 50vh; }

@media (max-width: 770px) {
	.ag-triple-image { padding: 1.2rem 0;}
}

@media (max-width: 650px) {
	.triple-image-container { flex-wrap: wrap; }
	.triple-image-container div { width:100%; height: 40vh; }

}

.ag-content .ag-text-image { padding: 3rem 0; }

.ag-content .ag-text-image h2 { font-size: clamp(1.5rem, 3.2vw, 3.2rem); }
.ag-content .col2-text-img .flex-container { gap:1rem ; }
.col2-text-img.fifty-fifty .flex-container .text { width:50%; padding: 0 6rem; }
.col2-text-img.fifty-fifty .flex-container .picture { width:50%; border-radius: 20px; overflow: hidden; height: 60vh; }  /* Full CSS for this section is above */
.col2-text-img.fifty-fifty .flex-container .text h3 { font-family:var(--theme-font-body); }

/* Tick marks for list items */
.col2-text-img.fifty-fifty .flex-container .text ul {
	list-style: none;
	padding-left: 1rem;
}

.col2-text-img.fifty-fifty .flex-container .text ul li {
	position: relative;
	padding-left: 1.5rem;
}

.col2-text-img.fifty-fifty .flex-container .text ul li::before {
	content: "\f00c";
	color: #6ab547;
	font-family: FontAwesome;
	position: absolute;
	left: 0;
}

@media (max-width: 1080px) {
	.col2-text-img.fifty-fifty .flex-container .text {  padding: 0 2rem; }
}

@media (max-width: 770px) {
	.ag-content .ag-text-image { padding: 1.2rem 0; }
}

@media screen and (max-width: 540px) {
	.col2-text-img.fifty-fifty .flex-container .text { width:100%; margin-bottom:1rem; padding: 0; }
	.col2-text-img.fifty-fifty .flex-container .picture { width:100%; height: 40vh; }
	.ag-content .ag-text-image h2.centred { text-align: left; }
	.ag-content .ag-text-image p.centred { text-align: left; }
	.ag-content .col2-text-img .flex-container { padding: 1.2rem 0 0; }
	
}



.ag-content .simple-cta { color: #fff; background: var(--theme-color1); text-align: center; padding: 3rem 2rem; margin-bottom: 3rem; border-radius: 20px; } 
.ag-content .simple-cta h2 { color: #fff; font-family:var(--theme-font-body); font-weight: 400; font-size: clamp(1.5rem, 3.2vw, 3.2rem); } 
.ag-content .simple-cta p { color: #fff; padding: 0 0 2rem 0; } 













