/* CSS Document */

body {overflow-x: unset; color: #000 !important}

.page-template-ar2025 .lazy-load {opacity: 0}
.page-template-ar2025 .lazy-load.loaded, .page-template-ar2025.wp-block-heading.lazy-load.loaded {
  opacity: 1;
}

.page-template-ar2025 .title-landing h2 {margin: 0}
.page-template-ar2025 .title-landing {
	position: relative;
	width: auto;
	margin-bottom: 0;
	animation-delay: 1s;
	display: inline-block !important;
	z-index: 9;
	opacity: 0;
}

.h2rightholder {padding-right: 13vw;}

@media only screen and (max-width: 812px) {
	.h2rightholder {padding-right: calc(5vw + 17px); padding-left: calc(5vw + 17px);}	
}


.title-landing::after {
	position: absolute;
	content: " ";
	left: 0;
	top: 6%;
	border-top: 0.75vw solid #33B4B4;
	border-left: 0.75vw solid #33B4B4;
	width: 3vw;
	height: 3vw;
	opacity: 0; display: none
}

/* Animate only when loaded */
.page-template-ar2025 .title-landing.lazy-load.loaded::after {
  animation: arrowturnLeft 2s ease forwards;
 
}


/* WebKit and Opera browsers */
@-webkit-keyframes arrowturnLeft {
  from { -webkit-transform: rotate3d(0, 1, 0, 90deg); opacity: 0; }
  to   { -webkit-transform: rotate3d(0, 1, 0, 0deg); opacity: 1; }
}

/* all other browsers */
@keyframes arrowturnLeft {
  from {
    -moz-transform: rotate3d(0, 1, 0, 90deg); opacity: 0;
    -ms-transform: rotate3d(0, 1, 0, 90deg); opacity: 0;
    transform: rotate3d(0, 1, 0, 90deg); opacity: 0;
  }
  to {
    -moz-transform: rotate3d(0, 1, 0, 0deg); opacity: 1;
    -ms-transform: rotate3d(0, 1, 0, 0deg); opacity: 1;
    transform: rotate3d(0, 1, 0, 0deg); opacity: 1;
  }
}



.page-template-ar2025 .title-landing h1, .page-template-ar2025 .title-landing h2 {color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); margin-bottom: 0 !important;}

.page-template-ar2025 .lazy-load.loaded .max-width .fade-in {
	animation: fadein 1s 0s ease;
	-webkit-animation: fadein 1s 0s ease;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}

.page-template-ar2025 .pg1 .title-landing.fade-in.lazy-load.loaded, .page-template-ar2025 .pg1 .title-landing.fade-in.lazy-load.loaded::after, .page-template-ar2025 .pg3 .lazy-load.fade-in.loaded, .page-template-ar2025 .pg3 .lazy-load.fade-in.loaded::after,
.page-template-ar2025 .pg5 .lazy-load.fade-in.loaded, .page-template-ar2025 .pg5 .lazy-load.fade-in.loaded::after,
.page-template-ar2025 .pg7 .lazy-load.fade-in.loaded, .page-template-ar2025 .pg7 .lazy-load.fade-in.loaded::after {animation-delay: 0.25s !important; transition-delay: 0.25s !important}



.page-template-ar2025 .pg1 .h1max {margin-top: -82px}

.page-template-ar2025 .parallax-group {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}


@media only screen and (max-width: 812px) {
.page-template-ar2025 .parallax-group {
    padding: 0 !important;
    transform: translateZ(0) !important;
    min-height: 100vh;
    will-change: transform;
    backface-visibility: hidden !important;
    align-items: center;
    justify-content: center;
	background-attachment: scroll !important; background-size: auto 100vh;
	}}


.page-template-ar2025 .mcwe-landing-screen {width: 100vw; min-height: 100vh;  position: relative;
  padding-top: -moz-calc(82px + 5%);
  padding-top: -webkit-calc(82px + 5%);
  padding-top: -o-calc(82px + 5%);
  padding-top: calc(82px + 5%); background-size: cover; background-position: bottom; padding-bottom: 4%; 
	display: flex;
  align-items: end;
  justify-content: end;}



@media only screen and (max-width : 812px) {
	.page-template-ar2025 .mcwe-landing-screen {
 padding: 0 !important;
    transform: translateZ(0);
    min-height: 100vh;
    will-change: transform;
    backface-visibility: hidden;
    align-items: center;
    justify-content: center;
	background-attachment: scroll !important;
	}}


.page-template-ar2025 .mcwe-landing-screen {
  position: relative;
  z-index: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 1rem;
}



@media only screen and (max-width : 812px) {
.page-template-ar2025 .mcwe-landing-screen {padding-bottom: 2rem; grid-template-columns: 1fr;}
}

.page-template-ar2025 #header, .page-template-ar2025 #header {
  position: absolute;
  background-color: transparent;
}

.page-template-ar2025 .single-content {
  margin: 0 auto;
  clear: both;
  max-width: none;
  width: 74%;
}

.page-template-ar2025 .lazy-load, .page-template-ar2025.wp-block-heading.lazy-load{
    opacity: 0;
    transition: opacity 1s ease-in-out;
}






.page-template-ar2025 .lazy-load.loaded.fade-in {
  animation: fadein 1s 0s ease;
  -webkit-animation: fadein 1s 0s ease;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.page-template-ar2025 .lazy-load.loaded .title-landing.fade-in {animation-delay: 1s;}


.page-template-ar2025 .leg-acc {
  background-position: center;
  background-size: cover;
  min-height: auto;
  position: relative;
  aspect-ratio: 5 / 2;
  width: 100%;
  height: auto;
}

.page-template-ar2025 .leg-acc::before {
  position: absolute;
  left: 0;
  top: 0;
  aspect-ratio: 5 / 2;
  width: 100%;
  height: auto;
  background-size: cover;
  content: " ";
  background-position: center;
}

.page-template-ar2025 .leg-acc h2.c-accordion__title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none !important;
  color: #fff;
  text-shadow: 1px 1px 1px #083a60;
  padding-left: 1em;
  display: flex;
  align-items: center;
  aspect-ratio: 5 / 2;
  width: 100%;
  height: auto;
  font-size: 200%;
}

.page-template-ar2025 .leg-acc h2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none !important;
  color: #fff;
  text-shadow: 1px 1px 1px #083a60;
  padding-left: 1em;
  display: flex;
  align-items: center;
  height: 300px;
  font-size: 200%;
}


.page-template-ar2025 .homefliptext h2 {padding-left: 0 !important}


.parallax-group {min-height: 100vh;}

.not-parallax-group {min-height: 50vh;}

@media only screen and (max-width : 480px) {
.not-parallax-group {min-height: auto;}	
}

.page-template-ar2025 .title-landing h1, .page-template-ar2025 .title-landing h2{
  font-size: 250% !important;
  color: #FFF;
  text-transform: none !important;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0;
}

.ar2025-title-holder h1 span {font-size: 125%; color: #005f73;}

.pg1 .download-icon {
  width: 15vw;
  position: relative;
  top: 0;
  right: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; transform: translateY(0%) !important;
}

@media only screen and (max-width : 480px) {
.pg1 .download-icon {
	width: 20vw;
	position: relative;
	top: 0;
	right: auto;
	text-align: center;
	padding: 0;
	height: 20vw;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(0%) !important;
	}}



.pg1 .download-icon img {width: 100%; height: auto;}
.pg1 .download-icon a {color: #fff; text-decoration: none; text-transform: uppercase;}



.page-template-ar2025 .title-landing h2 span {font-size: 75% !important; display: block}

.pg2, .pg8 {padding-top: 10%; padding-bottom: 10%}
.pg2 .max-width, .pg4 .max-width, .pg8 .max-width {width: 40%}

@media only screen and (max-width : 480px) {
	.pg2 .max-width, .pg4 .max-width, .pg8 .max-width {width: 80%}
}


.pg2 p {line-height: 1.6}

 .pg2 p:first-of-type::first-letter, .pg4 p:first-of-type::first-letter, .pg8 p:first-of-type::first-letter {
      font-size: 500%;
    font-weight: bold;
    float: left;
    line-height: 0.9;
    margin-right: 0.1em;
    display: inline-block;
}


.pg3 .max-width, .pg5 .max-width, .pg7 .max-width {
	min-height: 100vh;
	display: flex;
	align-items: end;
	padding-bottom: 4%; width: 80%; justify-content: flex-end;
}

.pg3 .max-width {flex-direction: column}

.pg1 .max-width  {
	min-height: 100%;
	display: flex;
	align-items: end;
	width: 80%; justify-content: flex-end;
}

@media only screen and (max-width : 480px) {
.pg1 .max-width {min-height: 100vh;}
}

.pg1 .ar2025-title-holder {
  color: #fff;
  width: auto;
  padding-left: 13vw;
  color: #fff;
  width: auto;
}

@media only screen and (max-width : 480px) {
	.pg1 .ar2025-title-holder {padding-left: calc(5vw + 17px);}
}



.pg1 h1 {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); color: #33B4B4;}

@media only screen and (max-width : 480px) {
.pg1 h1 {padding-bottom: 10%; }
}

.pg1 h2 {
/*  max-width: 60%;*/
  text-align: right;
	margin-left: auto !important;}

.h2-h1 {text-align: left !important; margin-bottom: 0 !important;}

.h2-h1 span {font-size: 175%; line-height: 1; color: #005F73}

.cct-max, .regional-h3 {
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
}

.cct-max {margin-top: 5%}

.regional-holder a:nth-child(1) { transition-delay: 0.1s; }
.regional-holder a:nth-child(2) { transition-delay: 0.3s; }
.regional-holder a:nth-child(3) { transition-delay: 0.5s; }
.regional-holder a:nth-child(4) { transition-delay: 0.7s; }
.regional-holder a:nth-child(5) { transition-delay: 0.9s; }

.cct-max h3 {margin-top: 0; color: #005F73 !important; font-size: 150%;}

.regional-h3 {margin-top: 4%}

.regional-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2%;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.regional-holder a {
  flex: 1 1 20%;            /* each link takes ~20% of row, shrinks/grows */
  max-width: 25%;           /* cap width so you don’t get huge images */
  text-align: center;
}

.regional-holder img {
  width: 100%;              /* scale to parent link */
  height: auto;             /* keep aspect ratio */
  border-radius: 0.5em;
  transition: transform 0.3s ease;
}

.regional-holder img:hover {
  transform: scale(1.05);
}


.pg3 .title-landing, .pg5 .title-landing , .pg7 .title-landing  {max-width: 60%; text-align: right;}

@media only screen and (max-width : 812px) {
.pg3 .title-landing, .pg5 .title-landing , .pg7 .title-landing  {max-width: 100%; text-align: right;}	
}

/*.page-template-ar2025 .pg3 h2.lazy-load.loaded, .pg3 .title-landing.lazy-load.loaded::after {transition-delay: 1s !important; animation-delay: 1.5s !important}*/

.pg4 {padding-top: 4%; padding-bottom: 4%}


.video-wrapper {
  width: 100%;              /* half the parent width */
  margin: 0 auto;          /* center horizontally */
  aspect-ratio: 16 / 9;    /* keeps correct ratio */
margin-top: 8%;
  margin-bottom: 8%;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
}

.pg4 .max-width, .pg6 .max-width {
  display: flex;
  width: 80%;
  margin: 0 auto;
  align-items: flex-start; /* ensures sticky child calculates correctly */
}

.not-parallax-group.pg4, .not-parallax-group.pg6{
  overflow: visible; /* prevent WP block group from clipping sticky */
}


.text-col {
  width: 50%;
  padding: 2rem; position: relaspantive;
}

.image-col {
  width: 50%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center; flex-direction: column; background-color: #fff;
  padding-bottom: 4%;
}

.wp-block-group.auto-lazy,
.lazy-load {
  overflow: visible !important;
  transform: none !important;
}

.image-wrapper {
  position: relative;
  height: 100vh;
  margin-top: 4%;
  width: calc(100% - 15vw);
	margin-left: auto;}

.image-caption-wrapper {position: absolute;
      inset: 0;
      width: 100%;
      height: auto;
      opacity: 0;
      transition: opacity 0.25s ease; padding-left: 3%;
  padding-right: 3%;}

    .image-wrapper img {
      width: 100%;
      height: auto;
      aspect-ratio: 620 / 798;
    }

   .caption {
	font-size: 50%;
	color: #000;
	position: relative;
	text-align: center;
	background-color: #fff;
	padding: 2%;
}

.pg6 .scroll-trigger {
  position: absolute;
  left: 0;
  width: 100%;
  height: 33.333%;
  pointer-events: none;
}

.pg6 .scroll-trigger[data-index="0"] { top: 0; }
.pg6 .scroll-trigger[data-index="1"] { top: 33.333%; }
.pg6 .scroll-trigger[data-index="2"] { top: 50%; }


@media only screen and (max-width : 480px) {
.pg4 .max-width {
  width: 100%;
justify-content: center;
	flex-direction: column; flex-direction: column-reverse;}
	
.pg6 .max-width {
  width: 100%;
justify-content: center;
flex-direction: column-reverse;}
	
.text-col {
  width: 100%;
  padding: 2rem;
}

.image-col {
  width: 100%; margin-bottom: 0
}
	
 .image-wrapper {
    height: 50vh;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    text-align: center;
  }
	
.image-wrapper img {
  width: auto;
  aspect-ratio: 620 / 798;
  height: 50vh;
}
	
.caption {
	color: #000;
	position: relative;
	text-align: center;
	background-color: #fff;
	padding: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	padding-left: 15%;
	padding-right: 15%;
	font-size: 100%;
}
}







.cct-holder {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
	margin-bottom: 4%;
}


@media (max-width: 412px) {
  .cct-holder {flex-direction: column; align-items: center; }
}

.cct-item {
  position: relative;
  flex: 0 0 auto; transition: all 0.5s ease;
}

.cct-item a {
  position: absolute;
  width: 82%;
  height: 65%;
  z-index: 9;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  left: 51%;
  top: 44%;
}

@media (max-width: 412px) {
.cct-item a {
  width: 82%;
  height: 79%;
  left: 51%;
  top: 53%;
	}}

.cct-02 a {
  width: 61%;
  height: 65%;
  left: 45%;
  top: 44%;
}

.cct-03 a {
  width: 68%;
  height: 65%;
  left: 52%;
  top: 44%;
}

.cct-04 a {
  width: 73%;
  height: 65%;
  left: 50%;
  top: 44%;
}

.cct-05 a {
width: 66%;
  height: 65%;
  left: 52%;
	 top: 44%;
}

.cct-item img {
  width: 100%;
  height: auto;
  display: block;
	filter: saturate(1);
}

.cct-item a:hover ~ img {filter: saturate(0.2);}

.cct-item:hover {transform: scale(1.05) !important; transition: transform 0.3s ease;}

/* Correct proportional widths */
.cct-01 { width: 17.3%; margin-right: 1%; }
.cct-02 { width: 22.4%; margin-left: 1%; margin-right: -2%; z-index: 9;}
.cct-03 { width: 20.6%; }
.cct-04 { width: 18.8%; margin-left: 1%; margin-right: -1%; }
.cct-05 { width: 20.9%; margin-left: 3%; margin-right: -3%;}

@media (max-width: 412px) {
	 .cct-01 { width: 77.2%; margin: 0 auto; transform: translateX(-2%);}
  .cct-02 { width: 100%; margin: 0 auto; transform: translateX(4%);}
  .cct-03 { width: 91.9%; margin: 0 auto; transform: translateX(-2%) translateY(-16%); }
  .cct-04 { width: 83.9%; margin: 0 auto; transform: translateX(0%) translateY(-4%); }
  .cct-05 { width: 93.3%; margin: 0 auto; transform: translateX(-1%); }
}

.cct-label {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: clamp(0.8rem, 2vw, 1rem);
  background: rgba(0,0,0,0.7);
  padding: 0.5rem 1rem;
  border-radius: 1rem; transition: all 0.5s ease;
}

@media (max-width: 412px) {
.cct-label {top: 52%;}
}

.cct-item a:hover ~ .cct-label {background: rgba(51, 180, 180, 1);}

.cct-02 .cct-label {left: 45%;}
@media (max-width: 412px) {
.cct-02 .cct-label {left: 45%; top: 42%;}
	}

.cct-03 .cct-label {left: 52%;}
.cct-05 .cct-label {left: 52%;}

.cct-item:nth-child(1) { transition-delay: 0.1s; }
.cct-item:nth-child(2) { transition-delay: 0.3s; }
.cct-item:nth-child(3) { transition-delay: 0.5s; }
.cct-item:nth-child(4) { transition-delay: 0.7s; }
.cct-item:nth-child(5) { transition-delay: 0.9s; }

.case-study-gallery {margin-top: 10%; margin-bottom: 10%}
	
.swiper {
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}

	.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100% !important; flex-direction: column
}


	
.swiper-arrow-holder {display: none}
	
	
.swiper-button-prev,
.swiper-button-next {
  width: 40px;       /* Adjust width */
  height: 40px;      /* Adjust height */
  background-size: 100% 100%; /* Ensures the icon fills the button */
color: #fff;
}
	
.swiper-button-prev::after,
.swiper-button-next::after {
  font-family: swiper-icons;
  font-size: 2rem;
  line-height: 1; /* Try 1 or 1.2 to normalize spacing */
  display: inline-block;
  vertical-align: middle;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); /* Soft shadow */
}
.slide-description {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  max-width: calc(100% - 90px);
  background-color: rgba(240, 240, 240, 0.7);
  display: inline-block;
  font-size: 70%;
  border-top-right-radius: 6px;
}

.img-fluid {
  max-width: 100%;
  height: auto; width: 100%; aspect-ratio: 400 / 267;
}
	
.thumbnail-nav {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 1em;
}

.thumbnail-nav .thumb {
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.thumbnail-nav .thumb.active {
  opacity: 1;
}

.thumbnail-nav img {
  height: auto; width: 100%
}

.thumbnail-nav .thumb {
  opacity: 0.3;
  transition: opacity 0.3s ease;
  cursor: pointer; max-width: 20%; aspect-ratio: 400 / 267;
}

.thumbnail-nav .thumb.active {
  opacity: 1;
}

.image-credit{
  background: linear-gradient(to left, #e9e7e7, #d9d5d5);
  padding: 2%;
  font-size: 80%;
	font-weight: unset; width: 100%}

.nonhome-content-holder {
    /* margin-top: 142px; */
    /* margin-top: 40px; */
    margin-bottom: 80px;
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
}


.three-box {
	width: 100%;
	background-color: #f5f5f8;
	animation: none;
	-webkit-animation: none;
	moz-animation: none;
	-o-animation: none;
	opacity: 0;
	position: relative;
	transition: all 1s ease-in-out !important;
	box-sizing: border-box;
}

.lazy-load.loaded .three-box {
	animation: fadein 1.5s 0s ease;
	-webkit-animation: fadein 1.5s 0s ease;
	moz-animation: fadein 1.5s 0s ease;
	-o-animation: fadein 1.5s 0s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	}

.lazy-load.loaded .three-box:nth-of-type(1) {animation-delay: 1s;}
.lazy-load.loaded .three-box:nth-of-type(2) {animation-delay: 1.5s;}
.lazy-load.loaded .three-box:nth-of-type(3) {animation-delay: 2s;}
.lazy-load.loaded .three-box:nth-of-type(4) {animation-delay: 2.5s;}
.lazy-load.loaded .three-box:nth-of-type(5) {animation-delay: 3s;}
.lazy-load.loaded .three-box:nth-of-type(6) {animation-delay: 3.5s;}
.lazy-load.loaded .three-box:nth-of-type(7) {animation-delay: 4s;}
.lazy-load.loaded .three-box:nth-of-type(8) {animation-delay: 4.5s;}
.lazy-load.loaded .three-box:nth-of-type(9) {animation-delay: 5s;}
.lazy-load.loaded .three-box:nth-of-type(10) {animation-delay: 5.5s;}
.lazy-load.loaded .three-box:nth-of-type(11) {animation-delay: 6s;}
.lazy-load.loaded .three-box:nth-of-type(12) {animation-delay: 6.5s;}
.lazy-load.loaded .three-box:nth-of-type(13) {animation-delay: 7s;}
.lazy-load.loaded .three-box:nth-of-type(14) {animation-delay: 7.5s;}
.lazy-load.loaded .three-box:nth-of-type(15) {animation-delay: 8s;}

#resources {background-color: #f5f5f8; width: 100%; padding-top: 5%; padding-bottom: 5%; z-index: 9;
  position: relative;}
#resources .max-width {width: 80%; margin-left: auto; margin-right: auto}

#resources .three-box:hover {background-color: #fff !important;}

#resources .three-box-holder .three-image {
	padding-bottom: 141%;
	background-size: 100% 100%;
}

#resources .three-box:hover .three-image {background-size: 100% 100% !important;}

#resources .three-box-holder .three-box-text {padding: 7% !important; font-size: 80% !important; font-weight: bold}

@media only screen and (max-width : 812px) {	
.ar2024-fp .homefliptext .h2-holder {
	width: 100%;
	margin-bottom: 1.75rem;}
}

#resources .three-box-holder .three-box-text p {padding-top: 5% !important; font-size: 80% !important; font-weight: normal}
@media only screen and (max-width : 812px) {
	#resources .three-box-holder .three-box-text p {padding-top: 0 !important; }	
}


#resources .three-box-holder {
  grid-template-columns: repeat(5, 1fr); display: grid; gap: 2.5%;
}

@media only screen and (max-width: 812px) {
  .three-box-holder {
    display: block !important;
    font-size: 150%;
  }
}

.three-box a {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}


.enddownload {width: 25%; margin-left: auto; margin-right: auto; margin-top: 5%; margin-bottom: 0}
.enddownload img {width: 100%; height: auto}

.col1, .col2 {width: 25%; text-align: right; margin-bottom: 4%}

.translatepress-fr_FR .col1, .translatepress-fr_FR .col2 {width: 30%; text-align: right; margin-bottom: 4%}


@media only screen and (max-width: 812px) {
.col1, .col2 {width: 100%; text-align: right; margin-bottom: 4%}	
}

.col1 p, .col2 p {color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); margin-bottom: 0}
.largenumber {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); margin-bottom: 0 !important}

.col1.upthree.lazyload {transition-delay: 1s}
.col2.upthree.lazyload {transition-delay: 2s}

.upfour {
  opacity: 0;
  position: relative;
  padding-top: 0;
}

.video2 {margin-top: 10%;}