* { box-sizing: border-box; }



html, body, div, p {
  font-family: 'Poppins', sans-serif;	
  color: black;
  line-height: 1.5rem; 
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0; 
  display: flex;
  flex-direction: column;
}

html, body {
  height: 100%;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCCCCC;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #CCCCCC;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #CCCCCC;
}
:-moz-placeholder { /* Firefox 18- */
  color: #CCCCCC;
}




/* Generic Rules
----------------------------------------------- */


.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}



h1, h2, h3 {
  color: #0E3570;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 2rem;
}

h2 {
  font-size: 1.5rem; 
}

a:link, a:active {
  color: #02B3BB;
  text-decoration: none; 
}

a:visited {
  color: #02B3BB;
  text-decoration: none; 
}

a:hover {
  color: #02B3BB;
  border-bottom: 1px dotted #02B3BB; 
}

a img {
  border-width: 0;
  border-style: none; }


a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

.link-no-underline a:link, .link-no-underline a:visited {border-bottom:0; text-decoration: none;}
.link-no-underline a:hover {border-bottom:0; text-decoration: none;}

/* .script{
  font-family: 'Noto Sans', sans-serif;
}

.display{
  font-family: 'Noto Sans', sans-serif;
  font-weight: 800;
} */

.bold {font-family: 'Noto Sans', sans-serif; font-weight: 600;}
.center-text{text-align:center;}
.left-text{text-align:left;}
.right-text{text-align:right;}
.ws-nr{white-space: nowrap;}
.v-align-m{vertical-align: middle};
.v-align-t{vertical-align: top};


/* FORMS
/////////////////////////////// */

input.text-input {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #cccccc;
  border-radius: 6px;
  font-size: 1rem;
  box-sizing: border-box;
}

.text-input {
  border: 1px solid #CCC;
  padding: 10px;
  font-size: 1rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #2c2e2f;
  width: 100%;
}

.text-input-no-style {
  border: none;
  outline: none;
  background:none;
}

.text-input:focus {
  outline: 1px solid #33A3FF;
  box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
  -moz-box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
}

.focus-none:focus {
  outline: 0px;
}

.testimonial-bg {
  background-image: url('../img/testimonial-bg.png');
  /* background-size: 140px; */
  background-repeat: no-repeat; 
  background-position: center;
  background-size: cover;
  color: white;
  padding: 2rem;
}


/* Icons
----------------------------------------------- */

.icon-up-size{
  position:relative; top:5px; margin-right:5px;
}

.icon-mnav{
  font-size:1.3rem; position:relative; top:3px; margin-right:5px;
}


@font-face {
font-family: 'icomoon';
src:  url('fonts/icomoon.eot?ukrpi7');
src:  url('fonts/icomoon.eot?ukrpi7#iefix') format('embedded-opentype'),
  url('fonts/icomoon.ttf?ukrpi7') format('truetype'),
  url('fonts/icomoon.woff?ukrpi7') format('woff'),
  url('fonts/icomoon.svg?ukrpi7#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Tint external SVG <img> icons to teal */
.teal-icon {
  filter: invert(54%) sepia(78%) saturate(355%) hue-rotate(143deg) brightness(92%) contrast(95%);
}

.icon-nhs:before {
content: "\e930";
}
.icon-condition-21:before {
content: "\e92f";
}
.icon-doctor:before {
content: "\e92d";
}
.icon-condition-search:before {
content: "\e92e";
}
.icon-phone:before {
content: "\e917";
}
.icon-medical-centre:before {
content: "\e66f";
}
.icon-cart:before {
content: "\e600";
}
.icon-calendar:before {
content: "\e601";
}
.icon-warning:before {
content: "\e602";
}
.icon-file:before {
content: "\e603";
}
.icon-minus:before {
content: "\e604";
}
.icon-plus:before {
content: "\e605";
}
.icon-checkmark:before {
content: "\e606";
}
.icon-close:before {
content: "\e607";
}
.icon-home:before {
content: "\e608";
}
.icon-bubble:before {
content: "\e609";
}
.icon-bubbles:before {
content: "\e60a";
}
.icon-user:before {
content: "\e60b";
}
.icon-users:before {
content: "\e60c";
}
.icon-user-plus:before {
content: "\e60d";
}
.icon-user-minus:before {
content: "\e60e";
}
.icon-spinner:before {
content: "\e60f";
}
.icon-spinner2:before {
content: "\e610";
}
.icon-zoom-in:before {
content: "\e611";
}
.icon-zoom-out:before {
content: "\e612";
}
.icon-wrench:before {
content: "\e613";
}
.icon-remove:before {
content: "\e614";
}
.icon-link:before {
content: "\e615";
}
.icon-attachment:before {
content: "\e616";
}
.icon-flag:before {
content: "\e617";
}
.icon-plus2:before {
content: "\e618";
}
.icon-minus2:before {
content: "\e619";
}
.icon-checkmark2:before {
content: "\e61a";
}
.icon-close2:before {
content: "\e61b";
}
.icon-cursor:before {
content: "\e61c";
}
.icon-enter:before {
content: "\e61d";
}
.icon-arrow-up:before {
content: "\e61e";
}
.icon-arrow-right:before {
content: "\e61f";
}
.icon-arrow-down:before {
content: "\e620";
}
.icon-arrow-left:before {
content: "\e621";
}
.icon-arrow-up2:before {
content: "\e622";
}
.icon-arrow-right2:before {
content: "\e623";
}
.icon-arrow-down2:before {
content: "\e624";
}
.icon-arrow-left2:before {
content: "\e625";
}
.icon-arrow-up3:before {
content: "\e626";
}
.icon-arrow-right3:before {
content: "\e627";
}
.icon-arrow-down3:before {
content: "\e628";
}
.icon-arrow-left3:before {
content: "\e629";
}
.icon-star:before {
content: "\e62a";
}
.icon-cloud-upload:before {
content: "\e62b";
}
.icon-cloud-download:before {
content: "\e62c";
}
.icon-cloud:before {
content: "\e62d";
}
.icon-stats-up:before {
content: "\e62e";
}
.icon-pie:before {
content: "\e62f";
}
.icon-unlocked:before {
content: "\e630";
}
.icon-lock:before {
content: "\e631";
}
.icon-lock2:before {
content: "\e632";
}
.icon-envelope:before {
content: "\e633";
}
.icon-location:before {
content: "\e634";
}
.icon-print:before {
content: "\e635";
}
.icon-bubble-notification:before {
content: "\e636";
}
.icon-signup:before {
content: "\e637";
}
.icon-flag2:before {
content: "\e638";
}
.icon-eye:before {
content: "\e639";
}
.icon-info:before {
content: "\e63a";
}
.icon-warning2:before {
content: "\e63b";
}
.icon-loop:before {
content: "\e63c";
}
.icon-refresh:before {
content: "\e63d";
}
.icon-switch:before {
content: "\e63e";
}
.icon-lightning:before {
content: "\e63f";
}
.icon-star2:before {
content: "\e640";
}
.icon-smiley:before {
content: "\e641";
}
.icon-sad:before {
content: "\e642";
}
.icon-arrow-up4:before {
content: "\e643";
}
.icon-arrow-right4:before {
content: "\e644";
}
.icon-arrow-down4:before {
content: "\e645";
}
.icon-arrow-left4:before {
content: "\e646";
}
.icon-enter2:before {
content: "\e647";
}
.icon-mail:before {
content: "\e66a";
}
.icon-image:before {
content: "\e648";
}
.icon-images:before {
content: "\e649";
}
.icon-bullhorn:before {
content: "\e64a";
}
.icon-mic:before {
content: "\e64b";
}
.icon-file2:before {
content: "\e64c";
}
.icon-file3:before {
content: "\e64d";
}
.icon-file-plus:before {
content: "\e64e";
}
.icon-file-minus:before {
content: "\e64f";
}
.icon-file-check:before {
content: "\e650";
}
.icon-file-remove:before {
content: "\e651";
}
.icon-folder:before {
content: "\e652";
}
.icon-folder-plus:before {
content: "\e653";
}
.icon-folder-minus:before {
content: "\e654";
}
.icon-folder-minus2:before {
content: "\e655";
}
.icon-folder8:before {
content: "\e656";
}
.icon-folder-remove:before {
content: "\e657";
}
.icon-folder-download:before {
content: "\e658";
}
.icon-folder-upload:before {
content: "\e659";
}
.icon-folder-plus2:before {
content: "\e65a";
}
.icon-support:before {
content: "\e65b";
}
.icon-clock:before {
content: "\e65c";
}
.icon-minus-circle:before {
content: "\e65d";
}
.icon-starburst:before {
content: "\e66b";
}
.icon-key:before {
content: "\e65e";
}
.icon-barcode:before {
content: "\e65f";
}
.icon-qrcode:before {
content: "\e660";
}
.icon-cancel-circle:before {
content: "\e661";
}
.icon-remove2:before {
content: "\e662";
}
.icon-pencil:before {
content: "\e663";
}
.icon-pencil2:before {
content: "\e664";
}
.icon-pencil3:before {
content: "\e665";
}
.icon-eye2:before {
content: "\e666";
}
.icon-new:before {
content: "\e667";
}
.icon-spinner3:before {
content: "\e668";
}
.icon-podcast:before {
content: "\e66c";
}
.icon-file-pdf:before {
content: "\e669";
}
.icon-bag:before {
content: "\e66d";
}
.icon-search:before {
content: "\e130";
}
.icon-bubble2:before {
content: "\e0eb";
}
.icon-bubble-plus:before {
content: "\e0fc";
}
.icon-paper-plane:before {
content: "\e19b";
}
.icon-arrow-down5:before {
content: "\e1ba";
}
.icon-newtab:before {
content: "\e319";
}
.icon-arrow-left5:before {
content: "\e1bb";
}
.icon-arrow-right5:before {
content: "\e1b9";
}
.icon-arrow-up5:before {
content: "\e1b8";
}
.icon-user_circle:before {
content: "\e66e";
}
.icon-direction:before {
content: "\e0ae";
}
.icon-drawer:before {
content: "\e0cb";
}
.icon-database:before {
content: "\e0d5";
}
.icon-cog:before {
content: "\e146";
}
.icon-trophy:before {
content: "\e170";
}
.icon-list:before {
content: "\e1c1";
}
.icon-grid:before {
content: "\e1c2";
}
.icon-tree:before {
content: "\e1c6";
}
.icon-menu:before {
content: "\e1c8";
}
.icon-heart:before {
content: "\e20c";
}
.icon-heart1:before {
content: "\e20d";
}
.icon-full-screen:before {
content: "\e92c";
}
.icon-no-search-results:before {
content: "\e92a";
}
.icon-copy:before {
content: "\e92b";
}
.icon-reorder:before {
content: "\e929";
}
.icon-up-pointer-outline:before {
content: "\e927";
}
.icon-down-pointer-outline:before {
content: "\e928";
}
.icon-bubble-pause:before {
content: "\e926";
}
.icon-half-star .path1:before {
content: "\e924";
color: rgb(255, 215, 0);
}
.icon-half-star .path2:before {
content: "\e925";
margin-left: -1em;
color: rgb(204, 204, 204);
}
.icon-genus-icon:before {
content: "\e923";
}
.icon-special-interests:before {
content: "\e922";
}
.icon-condition-2:before {
content: "\e920";
}
.icon-authorised:before {
content: "\e921";
}
.icon-tooth:before {
content: "\e91f";
}
.icon-time-line:before {
content: "\e91d";
}
.icon-work-group:before {
content: "\e91e";
}
.icon-left-pointer-outline:before {
content: "\e91a";
}
.icon-close-circle-outline:before {
content: "\e91b";
}
.icon-right-pointer-outline:before {
content: "\e91c";
}
.icon-clinic-pointer:before {
content: "\e918";
}
.icon-dentist-pointer:before {
content: "\e919";
}
.icon-vcard:before {
content: "\e915";
}
.icon-pin:before {
content: "\e916";
}
.icon-refresh-centred:before {
content: "\e912";
}
.icon-filter:before {
content: "\e910";
}
.icon-radar:before {
content: "\e90f";
}
.icon-van:before {
content: "\e90e";
}
.icon-console2:before {
content: "\e914";
}
.icon-department-pointer:before {
content: "\e913";
}
.icon-envelope-open:before {
content: "\e911";
}
.icon-hospital:before {
content: "\e90d";
}
.icon-physio-pointer:before {
content: "\e90a";
}
.icon-GP-pointer:before {
content: "\e90b";
}
.icon-hospital-pointer:before {
content: "\e90c";
}
.icon-geo:before {
content: "\e909";
}
.icon-department-circle:before {
content: "\e908";
}
.icon-email-sent-circle:before {
content: "\e906";
}
.icon-email-sent-circle2:before {
content: "\e907";
}
.icon-alert-circle:before {
content: "\e902";
}
.icon-link-circle:before {
content: "\e903";
}
.icon-lock-circle:before {
content: "\e904";
}
.icon-unlink-circle:before {
content: "\e905";
}
.icon-bell-ring:before {
content: "\e901";
}
.icon-condition-icon:before {
content: "\e900";
}
.icon-tick-circle:before {
content: "\e670";
}
.icon-camera:before {
content: "\3d";
}
.icon-license:before {
content: "\e001";
}
.icon-bell:before {
content: "\e02f";
}
.icon-binocular:before {
content: "\e082";
}
.icon-unlink:before {
content: "\e133";
}
.icon-bookmark1:before {
content: "\e140";
}
.icon-bookmark:before {
content: "\e141";
}
.icon-blocked:before {
content: "\e188";
}
.icon-facebook:before {
content: "\e224";
}
.icon-twitter:before {
content: "\e227";
}






/* Client logos horizontal continuous marquee */
#client-scroller {
  overflow: hidden;
}
#client-scroller .client-track {
  display: flex;
  gap: 3rem;
  align-items: center;
  white-space: nowrap;
  width: max-content;
  /* control speed here */
  --scroll-duration: 22s;
  animation: scroll-right var(--scroll-duration) linear infinite;
}
#client-scroller .client-track img {
  display: inline-block;
}

@keyframes scroll-right {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

/* reduce motion for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  #client-scroller .client-track { animation: none; }
}


/* Styles
----------------------------------------------- */

.example {
  padding: 20px;

}

.content{
  flex: 1 0 auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0E3570+0,ff0084+100 */
/*  
background: #0E3570; /* Old browsers */
/*  
background: -moz-linear-gradient(top,  #0E3570 0%, #ff0084 100%); /* FF3.6-15 */
/*  
background: -webkit-linear-gradient(top,  #0E3570 0%,#ff0084 100%); /* Chrome10-25,Safari5.1-6 */
/*  
background: linear-gradient(to bottom,  #0E3570 0%,#ff0084 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E3570', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
background:white;
position:relative;
}

.row-center-s100{
  flex-direction: row; 
  justify-content: center; 
  align-items: stretch; 
  width:100%;
}

.gradient-fill{
background: #0E3570; /* Old browsers */
background: -moz-linear-gradient(top,  #0E3570 0%, #ff0084 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0E3570 0%,#ff0084 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0E3570 0%,#ff0084 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E3570', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}

.gradient-fill-link{
background: #0E3570; /* Old browsers */
background: -moz-linear-gradient(top,  #0E3570 0%, #ff0084 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0E3570 0%,#ff0084 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0E3570 0%,#ff0084 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E3570', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}

.gradient-fill-link:hover, .gradient-fill-link:active {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0E3570+0,02c0f9+100 */
background: #0E3570; /* Old browsers */
background: -moz-linear-gradient(top,  #0E3570 0%, #02c0f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0E3570 0%,#02c0f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0E3570 0%,#02c0f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E3570', endColorstr='#02c0f9',GradientType=0 ); /* IE6-9 */


  -webkit-transition: background 1s; /* Safari prior 6.1 */
  transition: background 1s; 
  /*padding: 2rem;*/
 }

.flex-wrap{
    display:flex;
    flex-wrap: wrap;
}

.flex-no-wrap{
  display:flex;
  flex-wrap:nowrap;
}

.flex-no-wrap-v-center{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
}

/* Equal-height flex items (no fixed heights) */
.equal-height{
  align-items: stretch;
}
.equal-height > *{
  display:flex;
  flex-direction: column;
}
.equal-height > a,
.equal-height > .fg1{
  flex: 1 1 0;
  min-width: 0;
}
.equal-height > a{
  display:flex;
  align-self: stretch;
}
.equal-height > a > .fg1{
  width: 100%;
  display:flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.equal-height > * > .pad1{
  display:flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.equal-height .card-content{
  display:flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.flush-bottom{
  margin-top: auto;
}

.flex-center-col{
  display:flex;
  flex-wrap:nowrap;
  flex-direction: column; 
  justify-content: center; 
  align-items:center;
}

.fg1{
  flex-grow:1;
}
.fg2{
  flex-grow:2;
}

.gap0-5{
  gap:0.5rem;
}
.gap1{
  gap:1rem;
}
.gap2{
  gap:2rem;
}
.gap3{
  gap:3rem;
}
.gap4{
  gap:4rem;
}
.gap5{
  gap:5rem;
}

.wsnr{
  white-space: nowrap;
}

/* Services Grid - START */

.grid-container {
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-template-rows: repeat(3, auto);
  gap: 0;
  width: 100%;
  max-width: 90%;
  margin-left: 10px;
}

.grid-item {
  /* background-color: #ccc; */
  /* border: 1px solid #999; */
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* align content to the left */
  text-align: left;            /* flush text to the left */
}


.grid-item.left {
  padding: 0;
  position: relative;
  justify-content: center; /* center bar and circle if applicable */
}


.inner-bar {
  width: 7px;
  background-color: #02b3bb;
  height: 100%;
  margin: 0 auto;
  z-index: 0;
}

.grid-item.special-left {
  position: relative;
}

.grid-item.special-left .inner-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 3.5px); /* center bar (7px wide) */
  z-index: 0;
}
.grid-item.special-left{
overflow: visible !important;
  max-width: none !important;
  max-height: none !important;
  width: auto !important;
  height: auto !important;
  flex-shrink: 0 !important;
}


.circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 7px solid #02b3bb;
  background-color: #21386e;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  overflow: visible;
}




.tick-in-circle {
  position: absolute;
  width: 95px;
  height: auto;
  top: -22px;
  left: -5px;
  z-index: 2;
  pointer-events: none;
}










/* Responsive behavior for narrower screens */
@media screen and (max-width: 1399px) {
  .circle {
    width: 60px;
    height: 60px;
  }

  .tick-in-circle {
    width: 70px;
    /* Recalculate top/left offset to keep placement consistent */
    top: -20px;
    left: -5px;
  }
}

/* Services Grid - END */







































.tick-circle{
  border-radius: 50%; 
  width:80px; 
  height:80px; 
  min-height:80px; 
  border:6px solid #02b3bb;
}
.tick{
  width:100px;
  top:-25px; 
  left:-5px;
}
#online-push{
  height:90%;
}

  @media (max-width: 1400px) { /* Adjust the max-width as needed for your mobile breakpoint */
    .tick-circle {
      border-radius: 50%; 
      width:60px; 
      height:60px; 
      min-height:60px; 
      border:6px solid #02b3bb;
      margin-left:20px;
      left:-10px;
    }

    .tick{
      width:70px;
      top:-15px; 
      left:-5px;
    }

    .online-push{
      height:120%;
    }

  }


.header{
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  padding:2rem; 
  background:white; 
  position:relative;
}

.header-left{
  width:200px; 
  /* padding-top:1rem; */
}

.header-center{
  width:200px; 
  text-align: center
}

.header-right{
  flex-grow:2; 
  width:200px; 
  text-align: right; 
  font-size:2.5rem; 
  line-height:2.5rem;
}

.mheader{
  padding:0rem; 
  position:fixed; 
  height:60px; 
  /* background:#FFFFFF;  */
 
/* background: linear-gradient(90deg, rgba(14,53,112,1) 24%, rgba(2,179,187,1) 100%); */
  width:100%;  
  background-position: center; 
  /* background-position: center;  */
  background-image: url('../img/logo.png');
  background-size: 140px;
  background-repeat: no-repeat; 
  background-position: center;
  background-color:#0e3570;
  /* background-size: 140px;  */
  /* background-repeat: no-repeat;   */
  -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2); 
  box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2); 
  max-width:100vw;
}


.teal-gradient-bg{
  background: linear-gradient(90deg, rgba(14,53,112,1) 24%, rgba(2,179,187,1) 100%);
}


.grid-white-bg {
  overflow: hidden;

  /* BACKGROUND LAYERS: top → bottom */
  background-image:
    /* url('../img/grid-white.svg'), */
    linear-gradient(
      90deg,
      rgba(11,100,139,1) 24%,
      rgba(2,179,187,1) 100%
    );

  background-position: center, center;
  background-size: cover;
}

.r-image{
    width: 100%;
    max-width: 500px;
    height: auto;
}

.map-bg {
  overflow: hidden;

  /* BACKGROUND LAYERS: top → bottom */
  background-image:
    url('../img/grid-white.svg'),
    url('../img/world-map.svg'),
    linear-gradient(
      90deg,
      rgba(11,100,139,1) 24%,
      rgba(2,179,187,1) 100%
    );

  /* positions per layer */
  background-position: center, center, center;

  /* sizes per layer: cover for grid & gradient, contain for world-map */
  /* background-size: cover, contain, cover; */
  background-size: cover, calc(100% - 40px) calc(100% - 40px), cover;

  /* repeat settings per layer */
  background-repeat: no-repeat, no-repeat, no-repeat;
}

/* .map-bg::before {
  content: "";
  position: absolute;
  inset: 50px; 
  background: url('../img/world-map.svg') center / cover no-repeat;
} */

/* Make sub-section elements share equal width inside their flex container */
.sub-section {
  flex: 1 1 0;
  min-width: 0; /* allow shrinking when content is long */
}

/* Make the middle item span two columns worth of space */
.sub-sectionx2 {
  flex: 2 1 0;
}


/* Sub-navigation hover: highlight child wrapper with gold background */
.sub-nav-wrap {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.sub-nav-link:hover .sub-nav-wrap {
  background-color: #E0F7F9;
  color: #fff;
  border-radius: 10px;
}

/* Tint the svg image inside .sub-nav-wrap on hover */
.sub-nav-wrap .sub-icon {
  transition: filter 0.2s ease, opacity 0.2s ease, transform 0.25s ease;
  -webkit-transition: -webkit-filter 0.2s ease, opacity 0.2s ease, -webkit-transform 0.25s ease;
  transform: none;
  -webkit-transform: none;
}
.sub-nav-link:hover .sub-nav-wrap .sub-icon {
  /* Approximate tint to #5cc0cb using CSS filter on the <img> SVG */
  filter: invert(64%) sepia(32%) saturate(500%) hue-rotate(140deg) brightness(95%) contrast(90%);
  -webkit-filter: invert(64%) sepia(32%) saturate(500%) hue-rotate(140deg) brightness(95%) contrast(90%);
}

/* Apply same tint when a sub-nav-link is active (clicked) */
.sub-nav-link.active .sub-nav-wrap .sub-icon {
  filter: invert(64%) sepia(32%) saturate(500%) hue-rotate(140deg) brightness(95%) contrast(90%);
  -webkit-filter: invert(64%) sepia(32%) saturate(500%) hue-rotate(140deg) brightness(95%) contrast(90%);
  /* transform: rotate(-18deg); */
  /* -webkit-transform: rotate(-18deg); */
}

/* Change sub-heading text color on hover */
.sub-nav-link .sub-heading {
  transition: color 0.2s ease;
}
.sub-nav-link:hover .sub-heading {
  color: #65b1c0;
}



.logo-bg{
  background-image: url('../img/logo.png');
}
.logo-bg2{
  background-image: url('../img/logo.png');
}

#m-menu-list{
  position:relative; 
  top:0; 
  left:0; 
  padding:0rem; 
  width:0%; 
  background:#444; 
  height:246px; 
  overflow: hidden;
}

.side-bar-box{
  padding: 1.5rem 2rem 1rem 2rem; 
  margin-top:0; 
  margin-bottom:2rem; 
  text-align: center;
}

.side-bar-text{
  font-size: 1.5rem; 
  line-height: 2rem; 
  color:white; 
  margin-top: 0; 
  margin-bottom:1rem;
}

.footer {
  flex-shrink: 0;
}



.nav a:link, .nav a:active {
  color: white;
  text-decoration: none; 
  margin-right:2rem;
  font-size:1.2rem;
}

.nav a:visited {
  color: white;
  text-decoration: none; 
  margin-right:2rem;
  font-size:1.2rem;
}

.nav a:hover {
  color: #02B3BB;
  border: 0;
  margin-right:2rem;
  font-size:1.2rem;
  transition: color 0.75s;
}


/* Font sizes */
.fs0-5 {font-size:0.5rem;}
.fs0-8 {font-size:0.8rem;}
.fs0-9 {font-size:0.9rem;}
.fs1 {font-size:1rem;}
.fs1-25 {font-size:1.25rem;}
.fs1-5 {font-size:1.5rem;}
.fs1-75 {font-size:1.75rem;}
.fs2 {font-size:2rem;}
.fs2-5 {font-size:2.5rem;}
.fs3 {font-size:3rem;}
.fs4 {font-size:4rem;}
.fs5 {font-size:5rem;}

/* Font properties */
.center-text{text-align:center;}
.right-text{text-align:right;}

/* Line height */
.lh1 {line-height: 1rem;}
.lh1-25 {line-height: 1.25rem;}
.lh1-5 {line-height: 1.5rem;}
.lh1-75 {line-height: 1.75rem;}
.lh2 {line-height: 2rem;}
.lh2-25 {line-height: 2.25rem;}
.lh2-5 {line-height: 2.5rem;}
.lh2-75 {line-height: 2.75rem;}
.lh3 {line-height: 3rem;}

/* Padding */
.pad0-25 {padding:0.25rem;}
.pad0-5 {padding:0.5rem;}
.pad0-75 {padding:0.75rem;}
.pad1 {padding:1rem;}
.pad1-5 {padding:1.5rem;}
.pad1-75 {padding:1.75rem;}
.pad2 {padding:2rem;}
.pad2-5 {padding:2.5rem;}
.pad3 {padding:3rem;}
.pad0-2-2-2 {padding:0 2rem 2rem 2rem;}
.pad1-2-2-2 {padding:1rem 2rem 2rem 2rem;}
.pt1{padding-top:1rem;}
.pt2{padding-top:2rem;}
.pt3{padding-top:3rem;}
.pt4{padding-top:4rem;}
.pb0-25{padding-bottom:0.25rem;}
.pb0-5{padding-bottom:0.5rem;}
.pb0-75{padding-bottom:0.75rem;}
.pb1{padding-bottom:1rem;}
.pb2{padding-bottom:2rem;}
.pb3{padding-bottom:3rem;}
.pb4{padding-bottom:4rem;}
.pb5{padding-bottom:5rem;}
.pr1{padding-right:1rem;}
.pr2{padding-right:2rem;}
.pr3{padding-right:3rem;}
.pr4{padding-right:4rem;}
.pl1{padding-left:1rem;}
.pl2{padding-left:2rem;}
.pl3{padding-left:3rem;}
.pl4{padding-left:4rem;}

/* Margins */
.m0a{margin:0 auto;}
.mb0{margin-bottom:0;}
.mb0-5{margin-bottom:0.5rem;}
.mb1{margin-bottom:1rem;}
.mb1-5{margin-bottom:1.5rem;}
.mb2{margin-bottom:2rem;}
.mb2-5{margin-bottom:2.5rem;}
.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}
.mb5{margin-bottom:5rem;}
.m1{margin:1rem;}
.m2{margin:2rem;}
.m3{margin:3rem;}
.m3-0-3-0{margin:3rem 0;}
.m1-0-0-0{margin:1rem 0 0 0;}
.m0-0-05-0{margin:0 0 0.5rem 0;}
.m1-0-05-0{margin:1 0 0.5rem 0;}
.ml1{margin-left:1rem;}
.ml2{margin-left:2rem;}
.ml3{margin-left:3rem;}
.mr0-5{margin-right:0.5rem;}
.mr1{margin-right:1rem;}
.m0{margin:0;}
.mt0{margin-top:0rem;}
.mt0-5{margin-top:0.5rem;}
.mt1{margin-top:1rem;}
.mt1-5{margin-top:1.5rem;}
.mt2{margin-top:2rem;}
.mt2-5{margin-top:2.5rem;}
.mt3{margin-top:3rem;}

/* Width */
.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}

/* border */
.b0 {border:0;}

/* Backgrounds */
.light-grey-bg{background:#F4F4F4;}
.gold-bg{background:gold}
.dark-grey-bg{background:#47515A;}
.orange-bg{background:#f68c1e;}
.red-bg{background:#f44336;}
.green-bg{background:#bada55;}
.dark-blue-bg{background:#0e3570;}
.very-light-teal-bg{background:#E0F7F9;}
.pale-green-bg{background:#9ce3ce;}
.rainbow-bg{background: rgb(1,96,181);
  background: linear-gradient(90deg, rgba(1,96,181,1) 0%, rgba(4,145,217,1) 22%, rgba(142,203,50,1) 47%, rgba(242,112,172,1) 76%, rgba(250,68,54,1) 100%);}
  .white-bg{background:white;}
.very-light-teal-bg-hover{background:#E0F7F9;}
.very-light-teal-bg-hover:hover{background:#d3f7fa;}


  /* Opacity */
  .op0-5{opacity:0.5;}
  .op1{opacity:1;}

/* positions */
.p-rel{position:relative;}
.p-ab{position:absolute;}
.p-fix{position:fixed;}

/* Displays */
.infl{
  float:left;
}
.infr{
	float:right;
}
.dis-block{
	display:block;
}
.dis-inblock{
  display:inline-block;
}
.dis-none{
	display:none;
}

.br5{border-radius:5px;}
.br10{border-radius:10px;}

/* Accordion */
.service-synopsis {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}

.service.open .service-synopsis {
  max-height: 200px; /* adjust if needed */
}

.accordion-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.service.open .accordion-arrow {
  transform: rotate(180deg);
}

.hover-pointer:hover{
  cursor: pointer;
}

/* Buttons */

.btn, .btn:visited {
	background: #f68c1e;
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	color: #FFFFFF;
	font-size: 1rem;
	padding: 0 20px 0 20px;
	text-decoration: none;
	border:0;
	text-align:center;
	/* display:block;  */
	/* width:100%; */
	height:43px;
  font-weight:600;
  }
  
  .btn:hover {
	background: #ee8a1e;
	text-decoration: none;
	border:0;
	text-align:center;
	/* display:block;  */
	/* width:100%; */
	height:43px;
	cursor:pointer;
  }

  .btn-grey, .btn-grey:visited {
	background: #e0e0e0;
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	color: #636262;
	font-size: 1rem;
	padding: 0 20px 0 20px;
	text-decoration: none;
	border:0;
	text-align:center;
	/* display:block;  */
	/* width:100%; */
	height:43px;
  font-weight:600;
  }
  
  .btn-grey:hover {
	background: #ee8a1e;
  color:white;
	text-decoration: none;
	border:0;
	text-align:center;
	/* display:block;  */
	/* width:100%; */
	height:43px;
	cursor:pointer;
  }

  .btn-wait {
	background: #CCCCCC;
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	color: #ffffff;
	font-size: 20px;
	padding: 0;
	text-decoration: none;
	border:0;
	text-align:center;
	display:block; 
	width:100%;
	height:43px;
  background-image: url("../../img/oval-thick.svg");
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 50% 60%;
  }

.button-submit-grey-out {
  color: #FFFFFF;
  background: #CCCCCC; 
  padding: 0.75rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:0;
}

.submitting {
  color: #FFFFFF;
  background: #CCCCCC; 
  padding: 0.75rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:0;
  width:100%;
}

.btn-link a:link, .btn-link a:visited, .btn-link a:hover, .btn-link a:active,
.button-link a:link, .button-link a:visited, .button-link a:hover, .button-link a:active {
  background: #f68c1e;
 	-webkit-border-radius: 28;
 	-moz-border-radius: 28;
 	border-radius: 28px;
  color: #FFFFFF !important;
 	font-size: 1rem;
 	padding: 0 20px;
 	text-decoration: none;
 	border:0;
 	/* center text vertically and horizontally */
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width:100%;
 	height:43px;
  font-weight:600;
  font-size:18px;
  }

/* Ensure the anchor inside .btn-link is horizontally centered
   even when `.dis-inblock` sets the container to inline-block. */

    
.btn-link a:hover {
 	background: #f6cb1e;
 	-webkit-border-radius: 28;
 	-moz-border-radius: 28;
 	border-radius: 28px;
 	color: #FFFFFF;
 	font-size: 1rem;
 	padding: 0 20px;
 	text-decoration: none;
 	border:0;
 	/* keep using flex centering on hover */
 	display:flex;
 	align-items:center;
 	justify-content:center;
 	color:#FFF;
 	background-color: #ef8a1e;
  font-weight:600;
  font-size:18px;
 	}

  .menu-item .icon-arrow-down {
  display: inline-block;              /* required so transform works */
  transition: transform 0.3s ease;    /* smooth rotation */
}

.menu-item:hover .icon-arrow-down {
  /* transform: rotate(180deg); */
}

/* Keep arrow rotated while menu is open */
.menu-item.open .icon-arrow-down {
  transform: rotate(180deg);
}

.green_tick{background-image: url("../img/green-tick.png"); background-repeat: no-repeat;background-position:right; }
.green_tick_br{background-image: url("../img/green-tick.png"); background-repeat: no-repeat;background-position: 100% 95%; }
.red_cross{background-image: url("../img/red-cross.png"); background-repeat: no-repeat;background-position:right; }
.red_cross_br{background-image: url("../img/red-cross.png"); background-repeat: no-repeat;background-position: 100% 95%; }

              .text-input:focus {
              outline: 2px solid #f68c1e;
              box-shadow: 0 0 0 2px rgba(246, 140, 30, 0.3);
              }

                 .privacy-consent { accent-color: #f68c1e; }
                 label.flex-no-wrap-v-center input[type="checkbox"] { align-self: flex-start;  }

.tc-list li {
  margin-bottom:0.75rem;
}

.stripes{
 background: linear-gradient(-45deg, 
              #fb3 25%, black 0, black 50%,
              #fb3 0, #fb3 75%, black 0);
background-size: 42.4px 42.4px; 
margin-top:0;
flex-direction: row; 
justify-content: center; 
text-align: center;
}

.col-wrap{
  align-items: stretch; 
  flex-direction: row; 
  justify-content: center; 
  background:white;
}

.img-wrap{
  width:80%; 
  margin:0 auto; 
  padding:1rem 1.5rem 0 0;
}

.center1200{
  margin:0 auto; 
  max-width:1200px;
}

.flex-center-row {
  flex-direction: row; 
  justify-content: center; 
  text-align:center;
}

.main-heading{
    font-size:3rem; 
    color:white; 
    align-self: center; 
    line-height: 4rem; 
    padding:0rem 2rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }


.twentyfour-header{
  font-size:2rem; 
  color:black; 
  padding:1rem; 
  background: #fb3;
}

.glow{
  -webkit-box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
  box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
}

.text-glow{
  color: #FFFFFF;
  text-shadow: 3px 3px 2px #474747;
}

.mb05{margin:0 0 0.5rem 0;}
.mb1{margin:0 0 1rem 0;}
.mb2{margin:0 0 2rem 0;}

.sub-head{
  color:white; 
  font-size:2rem; 
  margin:0 3rem 0 3rem; 
  line-height: 2rem; 
}

.purple-mast-head{
  background:#0E3570; 
  padding:1rem; 
  text-align:center; 
  font-size:1.5rem
}


.drop-shadow {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
  box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
}

.drop-shadow-10 {
-webkit-box-shadow: 0px 0px 10px 0px rgba(000,000,000,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(000,000,000,0.3);
box-shadow: 0px 0px 10px 0px rgba(000,000,000,0.3);
}


.van-image-container {
  position: relative;
  width: 100%; /* Set the width of the container */
  height: 300px; /* Set the height of the container */
  overflow: hidden;
}

.van-image {
  position: absolute;
  width: 500px;
  height: auto;
  object-fit: cover;
  top: 10px;
  left: -30px;
}


@media (max-width: 1400px) { /* Adjust the max-width as needed for your mobile breakpoint */

  .van-image-container {
    position: relative;
    width: 100%; /* Set the width of the container */
    height: 160px; /* Set the height of the container */
    overflow: hidden;
  }


  .van-image {
    position: absolute;
    width: 290px;
    height: auto;
    object-fit: cover;
    top: -10px;
    left: -22px;
  }

}




.van-image-base {
  z-index: 1; /* Base image stays at the bottom */
}

.van-image-overlay {
  z-index: 2; /* Overlay image fades in and out */
  opacity: 0;
  animation: fadeInOut 1.5s infinite;
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}




.cev1 {
  animation: cev3Fade 3s ease-in-out infinite;
}

.cev2 {
  animation: cev2Fade 3s ease-in-out infinite;
}

.cev3 {
  animation: cev1Fade 3s ease-in-out infinite;
}

/* First span: fades in early */
@keyframes cev1Fade {
  0%, 10% {
    opacity: 0;
  }
  15%, 70% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
  }
}

/* Second span: fades in later */
@keyframes cev2Fade {
  0%, 20% {
    opacity: 0;
  }
  25%, 70% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
  }
}

/* Third span: fades in last */
@keyframes cev3Fade {
  0%, 30% {
    opacity: 0;
  }
  35%, 70% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
  }
}


.fade-in-on-scroll {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-in-on-scroll.visible {
  opacity: 1;
}




.white-text{color:white;}
.grey-text{color:#ccc;}
.dark-grey-text{color:#666;}
.pink-text{color:#02B3BB;}
.purple-text{color:#0E3570;}
.gold-text{color:gold;}
.green-text{color:#157315;}
.dark-blue-text{color:#000077;}
.red-text{color:red;}
.teal-text{color:#02B3BB;}
.orange-text{color:#f68c1e;}
.burnt-orange-text{color:#c16e15;}

.two-one-one{padding:2rem;}
.two-one-two{padding:2rem;}

#map{
  width: 100%; 
  height: 500px;
}

.main-heading-wrap{
  /* background: rgba(14,53,112, 0.8);  */
  background: linear-gradient(90deg, rgba(14,53,112,0.8) 24%, rgba(2,179,187,0.8) 100%);
  align-self: center; 
  margin:0 3rem; 
  border-radius:10px;
}


.overlay-wrap {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%; 
  font-size:3rem; 
  text-align:center; 
  display:flex; 
  justify-content: center; 
  align-items: center; 
}

.purple-overlay{
  background: linear-gradient(90deg, rgba(14,53,112,0.8) 24%, rgba(2,179,187,0.8) 100%);
  display:inline-block; 
  padding-top:2rem; 
  padding-bottom:2rem;
  border-radius: 10px;
}

.strap-line{
  background:#02B3BB; 
  color:#f2e7fc; 
  text-align: center; 
  padding:1rem; 
  font-size:2rem;
}

.user-image {
  border:6px solid #02B3BB; 
  -webkit-border-radius: 50px; 
  -moz-border-radius: 50px; 
  border-radius: 50px; 
  width:80px; 
  height:80px; 
  overflow:hidden;
  margin:0 auto; 
  background-size: cover; 
  background-position: center;
}

.shadow{ -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);}

.shadow360{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
} 

.img100 {
  width: 100%;
  height: auto;
}

.pink-text{color: #02B3BB;}
.purple-text{color: #0E3570;}
.white-text{color: #ffffff;}

.green-mast-top{
  background:#157315; 
  padding:1rem; 
  text-align:center; 
  font-size:1.5rem; 
  margin:0;
}

.light-green-box{
  background:#e0fde0; 
  padding:1.5rem 1rem; 
  margin-bottom:3rem;
}



/* Testimonials */
.testimonial-container {
  /*background-color: #eee;*/
  padding: 1.5rem;
  margin: 1.5rem 0;
  border-left:1rem #0E3570 solid;
}

.testimonial-container::after {
  content: "";
  clear: both;
  display: table;
}

.testimonial-container img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
  border:5px white solid;
}

.lined-paper {
  position: relative;
  background-color: #ffffe7; 
  background-image: 
    linear-gradient(90deg, transparent 29px, #fcc 29px, #fcc 31px, transparent 31px),
    linear-gradient(90deg, transparent 49px, #fcc 49px, #fcc 51px, transparent 51px),
    linear-gradient(rgba(153,204,255,.3) .1em, transparent .1em);
  background-size: 100% 1.5em;
}

.lined-paper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 4em;*/
  background-color: #ffffe7; 
  background-image: 
    linear-gradient(90deg, transparent 29px, #fcc 29px, #fcc 31px, transparent 31px),
    linear-gradient(90deg, transparent 49px, #fcc 49px, #fcc 51px, transparent 51px);
}



/* Gallery */
.gallery-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  width:100%;
}

.gallery-column {
  flex: 50%;
  max-width: 50%;
  padding: 0 4px;
}

.gallery-column img {
  margin-top: 8px;
  vertical-align: middle;
}

/* /////////////////////
// LISTS */

.ul-no-style {margin:0; padding:0}
.ul-no-style li {margin:0; padding:0; list-style:none; padding:5px 0px; position:relative;}


/* Mobile nav */
.mnav{margin:0; padding:0; position:relative;}
.mnav li {border-bottom: 1px solid #666;}
.mnav li a:link, .mnav li a:hover, .mnav li a:active, .mnav li a:visited {color:white; border-bottom:0; display:block; padding:0.5rem 0.5rem 0.5rem 1rem;}
.mnav li a:hover, .mnav li a:active {background:#02B3BB;}


/* Footer */
.footer-links-s a:link, .footer-links a:visited {font-size:1rem; color:#02b3bb; border-bottom:0; font-size:0.75rem; border-bottom:1px dotted #02b3bb;}
.footer-links-s a:hover, .footer-links a:active {font-size:1rem; border-bottom:1px dotted #02b3bb; font-size:0.75rem; color:#02b3bb;}

.footer-links{text-align: center;}
.footer-links ul {margin:0; padding:0; list-style-type:none;}
.footer-links li a:link, .footer-links li a:visited {font-size:1rem; color:#02b3bb; border-bottom:0; margin-right: 2.5rem;}
.footer-links li a:hover, .footer-links li a:active {font-size:1rem; border-bottom:1px dotted #02b3bb; margin-right: 2.5rem;}
.footer-links li a:last-child {
  margin-right: 0;
}


/* START Scroll top */
.scrollTop {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  background-color: RGBA(246,140,30,0.75);
  padding: 0.8rem 1rem;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
}

.scrollTop a:link, .scrollTop a:active, .scrollTop a:hover, .scrollTop a:visited {
  font-size: 18px;
  color: #fff;
  padding: 0px;
  border:0;
  text-decoration: none;
  margin: 0;
}
/* END Scroll top */




.main-image {

    background-image: url("../img/home-main-image.jpg");
    background-size: cover;
    background-position: center top;
    height:600px;



}


.mcol{flex-direction: row; }
.mcol-reverse{flex-direction: row; }
.panel430{width:430px; max-width:430px;}
.panel480{width:480px; max-width:480px;}

.center-text-mobile{
  text-align: left;
}


  .flex-no-wrap.gap5.mcol {
    align-items: center;
  }




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .example {background: red;}

  .main-image{
    height:300px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;
  }

  .main-heading{
    font-size:2rem;
    line-height:2.5rem;
    margin: 0 0.5rem 0 0.5rem;
  }

  .twentyfour-header{font-size:1rem; padding:0.5rem;}
  .sub-head{font-size:1.5rem; padding:0.2rem; line-height:1.5rem; margin:0rem 1.5rem 0 1.5rem;}
  .two-one-one{padding:1rem;}
  .two-one-two{padding:1rem;}

  .text-glow{
   color: #FFFFFF;
   text-shadow: 2px 2px 2px #474747;
}

.strap-line{
  font-size:1.5rem;
  padding: 1rem 2rem;
}

.header{display:none; }
.mheader{display:flex;}
.strap-line{display:none;}

.stripes{margin-top:120px;}
#wtt{height:1100px;}

 .testimonial-container {
      text-align: center;
  }
  .testimonial-container img {
      margin: auto;
      float: none;
      display: block;
  }

.gallery-column {
    flex: 100%;
    max-width: 100%;
  }


h1, h2, h3 {
  color: #0E3570;
  font-weight: 400;
  line-height: 1.8rem;
}

.mcol{flex-direction: column;} 
.mcol-reverse{flex-direction: column-reverse; }
.m-strip-pad-1{padding:0;}
.m-width-100{width:100%; max-width:100%;}
.m-block-inblock{display:block;}
.m-block-flex{display:block;}



.s-r{display:block;}
.s-rg{display:none;}
.s-rgb{display:none;}
.s-rgbo{display:none;}
.s-rgbop{display:none;}

.h-r{display:none;}
.h-rg{display:block;}
.h-rgb{display:block;}
.h-rgbo{display:block;}
.h-rgbop{display:block;}



.s--r{display:block;}
.s--rg{display:block;}
.s--rgb{display:block;}
.s--rgbo{display:block;}


.s--gbop{display:none;}
.s--bop{display:none;}
.s--op{display:none;}
.s--p{display:none;}


.sp--r0-5{padding:0;}
.sp--rg0-5{padding:0;}
.sp--rgb0-5{padding:0;}
.sp--rgbo0-5{padding:0;}

.sp--r1{padding:0;}
.sp--rg1{padding:0;}
.sp--rgb1{padding:0;}
.sp--rgbo1{padding:0;}

.sp--r2{padding:0;}
.sp--rg2{padding:0;}
.sp--rgb2{padding:0;}
.sp--rgbo2{padding:0;}

.sp--r3{padding:0;}
.sp--rg3{padding:0;}
.sp--rgb3{padding:0;}
.sp--rgbo3{padding:0;}

.panel430{width:100%; max-width:100%;}
.panel480{width:100%; max-width:100%;}
.sgap4m{gap:0;}
.mw400dt{max-width:100%; left:auto + 2rem; right:2rem;}

.service-img{height:140px;}
.service-img-180{height:180px;}
.service-img-200{height:200px;}
.service-img-220{height:220px;}
.service-img-240{height:240px;}

.center-text-mobile{
  text-align: center;
}

}








/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .example {background: green;}
    .main-image{
    height:400px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;
  }

.twentyfour-header{font-size:1.2rem; padding:0.5rem;}

.header{display:none;}
.mheader{display:flex;}
.stripes{margin-top:40px;}
#wtt{height:1100px;}

.gallery-column {
    flex: 100%;
    max-width: 100%;
  }

  .mcol{flex-direction: column;}
  .mcol-reverse{flex-direction: column-reverse; }
  .m-strip-pad-1{padding:0;}
  .m-width-100{width:100%; max-width:100%;}
  .m-block-inblock{display:block;}
  .m-block-flex{display:block;}


  .s--r{display:none;}
  .s--rg{display:block;}
  .s--rgb{display:block;}
  .s--rgbo{display:block;}

  .s--gbop{display:block;}
  .s--bop{display:none;}
  .s--op{display:none;}
  .s--p{display:none;}


  .sp--gbop{padding:0;}

  .sp--r0-5{padding:0.5rem;}
  .sp--rg0-5{padding:0;}
  .sp--rgb0-5{padding:0;}
  .sp--rgbo0-5{padding:0;}

  .sp--r1{padding:1rem;}
  .sp--rg1{padding:0;}
  .sp--rgb1{padding:0;}
  .sp--rgbo1{padding:0;}

  .sp--r2{padding:2rem;}
  .sp--rg2{padding:0;}
  .sp--rgb2{padding:0;}
  .sp--rgbo2{padding:0;}

  .sp--r3{padding:3rem;}
  .sp--rg3{padding:0;}
  .sp--rgb3{padding:0;}
  .sp--rgbo3{padding:0;}

  .panel430{width:100%; max-width:100%;}
  .panel480{width:100%; max-width:100%;}
  .sgap4m{gap:0;}
  .mw400dt{max-width:100%; left:auto + 2rem;; right:2rem;}

  .service-img{height:120px;}
}










/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .example {background: blue;}
    .main-image{
    height:450px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;
  }



  .two-one-one{
    width:1rem;
    flex-grow: 2;
    padding:2rem; 
  }

 .two-one-two{
    width:1rem;
    flex-grow: 1;
  }

.twentyfour-header{font-size:1.5rem; padding:0.5rem;}

.header{display:flex;}
.mheader{display:none;}
.stripes{margin-top:0;}
.strap-line{font-size:1.6rem;}
.nav a:link {font-size: 1rem; margin-right:1rem;}
#wtt{height:1100px;}
.affiliations{width:220px;}
.call{font-size:2rem;}

.gallery-column {
    flex: 50%;
    max-width: 50%;
  }

  .mcol{flex-direction: row;}
  .mcol-reverse{flex-direction: column-reverse; }
  .m-strip-pad-1{padding:0;}
  .m-width-100{width:100%; max-width:100%;}
  .m-block-inblock{display:block;}
  .m-block-flex{display:block;}

  .s-r{display:block;} 
  .s-rg{display:block;}
  .s-rgb{display:block;}
  .s-rgbo{display:none;}
  .s-rgbop{display:none;}

  .h-r{display:none;}
  .h-rg{display:none;}
  .h-rgb{display:none;}
  .h-rgbo{display:block;}
  .h-rgbop{display:block;}


  .s--r{display:none;}
  .s--rg{display:none;}
  .s--rgb{display:block;}
  .s--rgbo{display:block;}

  .s--gbop{display:block;}
  .s--bop{display:block;}
  .s--op{display:none;}
  .s--p{display:none;}



  .sp--bop{padding:0;}

  .sp--r0-5{padding:0.5rem;}
  .sp--rg0-5{padding:0.5rem;}
  .sp--rgb0-5{padding:0;}
  .sp--rgbo0-5{padding:0;}

  .sp--r1{padding:1rem;}
  .sp--rg1{padding:1rem;}
  .sp--rgb1{padding:0;}
  .sp--rgbo1{padding:0;}

  .sp--r2{padding:2rem;}
  .sp--rg2{padding:2rem;}
  .sp--rgb2{padding:0;}
  .sp--rgbo2{padding:0;}

  .sp--r3{padding:3rem;}
  .sp--rg3{padding:3rem;}
  .sp--rgb3{padding:0;}
  .sp--rgbo3{padding:0;}

  .panel430{width:100%; max-width:100%;}
  .panel480{width:100%; max-width:100%;}
  .sgap4m{gap:0;}
  .mw400dt{max-width:100%; right:auto + 2rem;; left:auto;}

  .service-img{height:120px;}

} 












/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .example {background: orange;}
   .main-image{
    height:500px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;
  }

  .three-two-one{
    width:50%;
} 

  .three-one{
    width:100%;
}


  .two-one-one{
    width:1rem;
    flex-grow: 2;
  }

 .two-one-two{
    width:1rem;
    flex-grow: 1;
  }

  .twentyfour-header{font-size:2rem; padding:1rem;}

  .header{display:flex;}
.mheader{display:none;}
.stripes{margin-top:0;}
.footer-links li {display:inline; margin-right: 1.5rem;}
#wtt{height:600px;}
.strap-line{font-size:2rem;}
.nav a:link {font-size: 1.2rem; margin-right:1.5rem;}
.affiliations{width:300px;}
.call{font-size:2.5rem;}
.m-strip-pad-1{padding:1rem;}
.m-width-100{width:auto}
.m-block-inblock{display:inline-block;}
.m-block-flex{display:flex; flex-wrap: nowrap;}
.dt-strip-mb{margin-bottom:0;}

.gallery-column {
    flex: 50%;
    max-width: 50%;
  }





  .s-r{display:block;}
  .s-rg{display:block;}
  .s-rgb{display:block;}
  .s-rgbo{display:block;}
  .s-rgbop{display:none;}

  .h-r{display:none;}
  .h-rg{display:none;}
  .h-rgb{display:none;}
  .h-rgbo{display:none;}
  .h-rgbop{display:block;}


  .s--r{display:none;}
  .s--rg{display:none;}
  .s--rgb{display:none;}
  .s--rgbo{display:block;}

  .s--gbop{display:block;}
  .s--bop{display:block;}
  .s--op{display:block;}
  .s--p{display:none;}

  .sp--r0-5{padding:0.5rem;}
   .sp--rg0-5{padding:0.5rem;}
   .sp--rgb0-5{padding:0.5rem;}
   .sp--rgbo0-5{padding:0;}

   .sp--r1{padding:1rem;}
   .sp--rg1{padding:1rem;}
   .sp--rgb1{padding:1rem;}
   .sp--rgbo1{padding:0;}

   .sp--r2{padding:2rem;}
   .sp--rg2{padding:2rem;}
   .sp--rgb2{padding:2rem;}
   .sp--rgbo2{padding:0;}

   .sp--r3{padding:3rem;}
   .sp--rg3{padding:3rem;}
   .sp--rgb3{padding:3rem;}
   .sp--rgbo3{padding:0;}

  .sp--op{padding:0;}


  .panel430{width:430px; min-width:430px; max-width:430px;}
  .panel480{width:480px; min-width:480px; max-width:480px;}
  .sgap4m{gap:4rem;}
  .mcol-reverse{flex-direction: row; }
  .mw400dt{max-width:430px; right:auto + 2rem;; left:auto;}

  .service-img{height:250px;}

} 



/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
  .main-image{
    height:600px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;    


    

  }



  .full-width{
    max-width:1200px;
  }

  .three-two-one{
    width:33%;
    max-width: 400px;
  }

  .three-one{
     width:33%;
    max-width: 400px;
  }

  .two-one-one{
    width:1rem;
    flex-grow: 2;
  }

 .two-one-two{
    width:1rem;
    flex-grow: 1;
  }

.twentyfour-header{font-size:2rem; padding:1rem;}

.header{display:flex;}
.mheader{display:none;}
.stripes{margin-top:0;}
.footer-links li {display:inline; margin-right: 1.5rem;}
#wtt{height:600px;}
.strap-line{font-size:2rem;}
.nav a:link {font-size: 1.2rem; margin-right:1.5rem;}
.affiliations{width:350px;}
.call{font-size:2rem;}
.m-strip-pad-1{padding:1rem;}
.m-width-100{width:auto}
.m-block-inblock{display:inline-block;}
.m-block-flex{display:flex; flex-wrap: nowrap;}
.dt-strip-mb{margin-bottom:0;}

.gallery-column {
    flex: 50%;
    max-width: 50%;
  }




  .s-r{display:block;}
  .s-rg{display:block;}
  .s-rgb{display:block;}
  .s-rgbo{display:block;}
  .s-rgbop{display:block;}

  .h-r{display:none;}
  .h-rg{display:none;}
  .h-rgb{display:none;}
  .h-rgbo{display:none;}
  .h-rgbop{display:none;}


  .s--r{display:none;}
  .s--rg{display:none;}
  .s--rgb{display:none;}
  .s--rgbo{display:none;}

  .s--gbop{display:block;}
  .s--bop{display:block;}
  .s--op{display:block;}
  .s--p{display:block;}

  .sp--r0-5{padding:0.5rem;}
  .sp--rg0-5{padding:0.5rem;}
  .sp--rgb0-5{padding:0.5rem;}
  .sp--rgbo0-5{padding:0.5rem;}

  .sp--r1{padding:1rem;}
  .sp--rg1{padding:1rem;}
  .sp--rgb1{padding:1rem;}
  .sp--rgbo1{padding:1rem;}

  .sp--r2{padding:2rem;}
  .sp--rg2{padding:2rem;}
  .sp--rgb2{padding:2rem;}
  .sp--rgbo2{padding:2rem;}

  .sp--r3{padding:3rem;}
  .sp--rg3{padding:3rem;}
  .sp--rgb3{padding:3rem;}
  .sp--rgbo3{padding:3rem;}

  .panel430{width:430px; min-width:430px; max-width:430px;}
  .panel480{width:480px; min-width:480px; max-width:480px;}
  .sgap4m{gap:4rem;}
  .mcol-reverse{flex-direction: row; }
  .mw400dt{max-width:400px; left:auto + 2rem;;}

  .service-img{height:250px;}




}





@media (max-width: 1200px) {
    .number-group {
    flex-direction: column;
    align-items: stretch;
  }
  .number-group .number {
    width: 100% !important;
    max-width: 420px;
    margin: 0 auto;
  }
}


  @media (max-width: 800px) {
    .service-details-col {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
  }