/*
Theme Name: Akabo
Author: Seven Hills Creative
Author URI: https://www.sevenhillscreative.co.uk/
Description: Another custom theme for a happy customer!
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2022.1
Requires at least: 5.2
Requires PHP: 7.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}



/* BASE */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #015498;
    box-sizing: border-box;
    font-family: "Gill Sans";
    outline: 1px solid red !important;
}

main {
    overflow: hidden;
}


body{
    font-family: "Gill Sans";
    overflow-x: hidden !important;
    display: grid;
}

/* ===== Gill Sans – @font-face ===== */

/* Black (900) */
@font-face {
  font-family: "Gill Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    local("Gill Sans Heavy"),
    local("GillSans-Heavy"),
    url("/wp-content/themes/Akabo/fonts/Gill Sans Heavy.otf") format("opentype");
}

/* Bold (700) */
@font-face {
  font-family: "Gill Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Gill Sans Bold"),
    local("GillSans-Bold"),
    url("/wp-content/themes/Akabo/fonts/Gill Sans Bold.otf") format("opentype");
}

/* Semi Bold (600)
   Note: your source file is “Gill Sans Light,” which is usually weight ~300.
   Keep as 600 only if it’s truly a semibold cut; otherwise change weight to 300.
*/
@font-face {
  font-family: "Gill Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local("Gill Sans Light"),
    local("GillSans-Light"),
    url("/wp-content/themes/Akabo/fonts/Gill Sans Light.otf") format("opentype");
}

/* Medium (500) */
@font-face {
  font-family: "Gill Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("Gill Sans Medium"),
    local("GillSans-Medium"),
    url("/wp-content/themes/Akabo/fonts/Gill Sans Medium.otf") format("opentype");
}

/* Regular (400) */
@font-face {
  font-family: "Gill Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Gill Sans"),
    local("GillSans"),
    url("/wp-content/themes/Akabo/fonts/Gill Sans.otf") format("opentype");
}


@media only screen and (max-width: 1100px) {}
@media only screen and (max-width: 960px) {}
@media only screen and (max-width: 760px) {}
@media only screen and (max-width: 660px) {}
@media only screen and (max-width: 560px) {}
@media only screen and (max-width: 460px) {}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {
    /* body, header, main, section, footer {
        width: 320px;
    } */
}





/* LAYOUT */
section, article, main, footer {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column: 1 / 17;
    justify-self: center;
    max-width: 2000px;
    width: 100%;
}

/* BUTTON LINKS */
.all-button, input[type=submit] {
    justify-self: start;
    font-family: "Gill Sans";
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    padding: 0.5em 1em;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    border-radius: 32px;
    /* min-width: 272px; */
    align-self: center;
}

.clear-button {
    background-color: transparent;
    border: 1px solid transparent;
    color: #fff;
    padding: 0;
    text-align: left;
    font-weight: 500;
}

.clear-button i {
    color: #fff;
    padding: 0 0.5em;
}

.clear-blue-button {
    background-color: transparent;
    border: 1px solid transparent;
    color: #015498;
    padding: 0;
    text-align: left;
    font-weight: 500;
}

.clear-blue-button i {
    color: #015498;
    padding: 0 0.5em;
}





.yellow-button {
    background-color: #F4E038;
    border: 1px solid #F4E038;
    color: #222320;
}

.green-button {
    background-color: #015498;
    border: 1px solid #015498;
    color: #FFF;
}








/* TEXT */
h1, h2, h3, h4, h5, h6{
    color:#015498;
    font-family: "Gill Sans";
    font-weight: 700;
    line-height: 1.1;
}

h1{
    font-size: 4.375em;
}

h2{
    font-size: 3.75em;
}

h3{
    font-size: 50px;
}

h4{
    font-size: 1.125em;
}

p, li {
    color: #015498;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
}

li {
    margin: 0
}

label{
    text-transform: uppercase;  
    color: #67C4F0;
    font-size: 25px;
    letter-spacing: 6px;
    font-weight: 500;
}

img {
    width: 100%;
}

ul.main-nav{
  padding: 0;
}

ol{
  list-style-type: decimal;
}


strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

.underline{
  text-decoration: underline;
}

a{
    cursor: pointer !important;
    text-decoration: none;
    word-break: break-word;

}

@media only screen and (max-width: 1000px) {

    h1,  h1 span{
        font-size: 2.5em;
    }
    
    h2{
        font-size: 2.5em;

    }
    
    h3{
        font-size: 30px
    
    }
            
    p , li{
        font-size: 18px;
    }   
    
    label {
        font-size: 18px;
        letter-spacing: 3.6px;
    }

}








/* MENU BAR DESKTOP VIEW */

header {       
    position: relative;
    display: grid;
    grid-column: 1 / 17;
}

.grid-header-section {
    z-index: 99999;
    box-shadow: 0px 3px 6px #00000029;
}

.header-logo-img {
    max-width: 355px;
    z-index: 2;
}

.header-logo-bg {
    max-width: 915px;
    position: absolute;
    top: 0;
    left: -20em; 
    z-index: 1;
}

.header-bar {
    display: grid;
    grid-template-columns: auto auto;
    grid-column: 2 / 16;
    align-self: center;
    margin: 1em;
    z-index: 20;
    align-items: center;
}

.header-logo-bg {
    position: absolute;
    left: -24%; 
}

.mobile-icons {
    background-color: #814CFF;
}

.mobile-info-header-bar {
    grid-column: 2/16;
    padding: 0.5em 0;
    text-align: center;
}

.mobile-inner-info-header-bar:not(:first-of-type) {
    display: none;
}

.mobile-inner-info-header-bar p, 
.mobile-inner-info-header-bar i{
    color: #F4F0F0;
}

.mobile-inner-grid-header {
    justify-self: end;
}

.responsive-menu {
    align-self: center;
    justify-self: end;
    display: flex;
    gap: 0.5em;
    align-items: center;
}

.menu-icon {
    width: 35px;
    height: 5px;
    background-color: #67C4F0;
    margin: 4px 0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    background: #F4F0F0;
}

#hamburger-input{
    display: none;
}

#hamburger-menu {
    display: flex;
    align-items: start;
    flex-direction: column;
}

/* base panel */
#hamburger-menu #sidebar-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    transition: .3s;
    box-sizing: border-box;
    z-index: 20;
    background-color: #67C4F0;
    padding: 3em 6em;
    gap: 2em;
}


/* absolute overlay image */
#hamburger-menu #sidebar-menu .bg-overlay {
    position: absolute;
    background: url('/wp-content/uploads/2025/10/white-shapes-11.png')
                center / contain no-repeat;
    opacity: .1;         
    pointer-events: none;    
    z-index: 1;
    height: 100%;
    top: 4em;
    width: 100%;
    right: -17em;
}

/* Scroll Side Menu */
#sidebar-menu {
    overflow-y: auto;
    height: 100%;
}

/* Hide sub-menu by default */
.sub-menu.hidden {
    display: none;
}

.inner-side-menu-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-evenly;
    gap: 1em;
    background-color: #EBE8F4;
    padding: 2em;
}

.mobile-inner-grid-header-inner {
    justify-self: start;
}

.inner-side-menu-inner img{
    max-width: 41px;
}

.inner-side-menu-inner a {
    justify-content: center;
}

#hamburger-menu ul li ul,
#hamburger-menu ul li ul li ul {
    height: auto;
}

#hamburger-menu li {
    list-style-type: none;
    justify-items: start;
    padding: 0.5em 0;
}

#hamburger-menu a {
    text-decoration: none;
    transition: transform 0.5s;
    align-items: center;
    display: flex;
    text-transform: capitalize;
    justify-content: center;
}

#hamburger-menu i {
    font-size: 28px;
}

.mobile-account-icon i {
    color: #015498;
}

#hamburger-menu a:active{
    -ms-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transform: translateX(3px);
}

#hamburger-input:checked + #hamburger-menu #sidebar-menu {
    visibility: visible;
    right: 0;
}

.side-nav li a span {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 500;
}

#akabo-side-nav {
    display: grid;
    justify-content: start;
}

/* SUB MENU */

#hamburger-menu ul .sub-menu{
    width: auto;
    padding: 0.5em 0 0;
    justify-items: start;
    justify-self: start;
}

#hamburger-menu li .sub-menu .menu-item {
    list-style-type: none;
    text-align: center;
}

#hamburger-menu li .sub-menu .menu-item:nth-last-child(1) {
    border-bottom: none;
}

#hamburger-menu li:nth-last-child(1) {
    border-bottom: none;
}

#sidebar-menu ul li .sub-menu li {
    padding: 0.1em 0;
    border: 0;
}

#sidebar-menu ul li .sub-menu li a > span {
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 2.25px;
}

#sidebar-menu ul li .sub-menu li .sub-menu li {
    padding: 0.1em 0;
    border: 0;
}

#sidebar-menu ul li .sub-menu li .sub-menu li a > span {
    font-weight: 400;
    font-size: 20px;
} 

/* SUB SUB MENU */

#hamburger-menu ul .sub-menu li .sub-menu {
    padding: 0;
    gap: 0;
}

#hamburger-menu ul .sub-menu li .sub-menu li {
    margin: 0;
}

.menu-link-wrapper {
    display: flex;
    align-items: center;
    gap: 1em;       
    justify-self: start;
}

.toggle-icon::before {
    content: '\f078';
    font-family: "Font Awesome 6 Pro";
    font-size: 1em;
    color: #fff;
    font-weight: 900;
    transition: transform .2s ease;     /* animate the rotation */
    transform: rotate(0deg);
    display: block;
}

.mobile-social-media i {
    font-size: 24px !important;
    width: 24px !important;
    color: #fff !important;
    justify-content: normal !important;
}

.side-nav li .sub-menu li {
    margin-left: 0;
} 

.contact-menu-link a {
    background-color: #F4E038;
    border-color: #F4E038;
}

.contact-menu-link a span {
    color: #222320;
}

#sidebar-menu li.dropdown-open {
    color: #fff;
}

#sidebar-menu li.dropdown-open > .menu-link-wrapper > a span,
#sidebar-menu li .toggle-icon.open {
    color: #fff;
}

#hamburger-menu #sidebar-menu li:hover > .menu-link-wrapper > a > span[itemprop="name"] {
  color: #fff !important;
}

#sidebar-menu .toggle-icon {
  display: inline-flex;  
  width: 1em;
  height: 1em;
  align-items: center;
  justify-content: center;
}

#sidebar-menu .toggle-icon.open::before,
#sidebar-menu li.dropdown-open .toggle-icon::before {
  transform: rotate(180deg);
}



.side-menu-contact-info {
    position: relative;
    align-content: center;
    display: grid;
    gap: 1em;
}

.side-menu-contact-info h3 {
    font-size: 25px;
    color: #fff;
    letter-spacing: 5px;
}

.side-menu-contact-info p {
    justify-items: start;
    display: grid;
}

.side-menu-contact-info br { display: none; }

/* make each link its own line */
.side-menu-contact-info p > a {
  display: block;
  margin: .35rem 0;
}

/* social row */
.side-menu-contact-info p:last-of-type {
  display: flex;
  gap: .6rem;
}

   
.side-menu-contact-info p a {
    color: #015498;
}

.side-menu-contact-info p:nth-last-child() {
    display: flex;
    gap: 1em;
}




@media only screen and  (max-width: 1100px){

    .header-logo-img {
        max-width: 200px;
    }

    #hamburger-menu #sidebar-menu .bg-overlay {
        display: none;
    }

    #hamburger-menu #sidebar-menu {
        grid-template-columns: 1fr;
        padding: 1em;
        gap: 1em;
        justify-items: center;
    }

    #hamburger-menu li {
        justify-items: center;
    }

    #akabo-side-nav, #hamburger-menu ul .sub-menu, .menu-link-wrapper {
        justify-items: center;
        text-align: center;            
        justify-self: center;
    }

    .side-nav li a span {
        font-size: 40px;
    }

    .side-menu-inner {
        display: grid;
    }

    .side-menu-contact-info h3 {
        display: none;
    }

    .side-menu-contact-info > p:first-of-type { 
        order: 2 !important; 
        justify-items: center;
        display: grid;
    }

    .side-menu-contact-info > p:last-of-type { 
        order: 1 !important; 
    }

    #akabo-side-nav {
        align-content: center;
    }

    .side-menu-contact-info {
        justify-items: center;
        gap: 0;
    }

    #hamburger-menu i {
        font-size: 20px;
    }

    #hamburger-menu a {
        font-size: 16px;
    }
    

}

















/* MAIN BANNER */

.main-banner {
  min-height: 90vh;
  position: relative;
}

/* overlay above video, below content */
.main-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
    background: transparent linear-gradient(
    180deg,
    #01549800 60%,
    #01549800 50%,
    #015498E6 100%,
    #015498E6 100%
    ) 0% 0% no-repeat padding-box;
}

.main-banner__bg-fallback {
  position: absolute;
  inset: 0;
  background: var(--bg) center / cover no-repeat;
  z-index: -1; /* sits behind video */
}

.main-banner__inner {
  position: relative;
  z-index: 2; /* above overlay */
}

.bg-video,
.bg-video-embed {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0; /* below overlay */
}

.bg-video__media {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none;
}

.bg-video-embed iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (max-width: 768px) {
  .main-banner {
    height: 25vh;
    min-height: 0;
  }

  .main-banner__inner {
    padding: 16px;
  }
}




    
.header-contents {
    display: grid;
    gap: 1em;
    text-align: left;
}

.header-contents h1 {
    color: #015498;
    font-weight: 700;
}

.header-contents label {
    color: #fff;
}

.header-contents p {
    margin: 0;
}

.home-page-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: left;    
}

.home-page-links a:nth-child(1) {
    background-color: #fff;
    border: 1px solid #fff;
    color: #222320;
}






/* SUB BANNER */

.sub-page-banner {
    padding: 2em 0;
    background-color: #015498;
}

.featured-image {
    display: grid;
    grid-column: 1/17;
}

.featured-image img {
    object-fit: cover;
    max-height: 480px;
}

.sub-page-banner-inner {
    grid-column: 2/16;
    text-align: center;
    max-width: 905px;
    justify-self: center;
    /* margin: 1em 0; */
    gap: 0;
}

.sub-page-banner-inner h1,
.sub-page-banner-inner h1 span {
    font-weight: 600;
    color: #fff;
}

.sub-page-banner-inner p,
.sub-page-banner-inner p strong {
    color: #fff;
}


.sub-page-banner-inner i {
    color: #EE7D3B;
    font-size: 92px;
}

 




/* SINGLE POST HEADER */

.default-page-banner {

}





/* SUB PAGE  */

.sector-single-inner.dark-blue {
 
}

.sector-single-inner.dark-blue .inner-sector-single h1,
.sector-single-inner.dark-blue .inner-sector-single h1 strong,
.sector-single-inner.dark-blue .inner-sector-single p {
    color: #fff;
}



/* SINGLE POST HEADER */

.single-projects-page-banner {
    min-height: 50vh;
}


/* SINGLE SECTOR POST HEADER */

.single-sector-page-banner {
    min-height: 70vh;
}

.outer-single-sector {
    display: grid;
    grid-template-columns: 1fr 40%;
    grid-column: 1 / 17;
    position: relative;
}

.sector-single-inner {
    background-color: #67C4F0;
    clip-path: circle(81.2% at 25% 52%);
}

.inner-sector-single {
    display: grid;
    align-self: center;
    gap: 1em;
    margin: 0 4em;
    max-width: 569px;
    justify-content: center;
}

.header-icon {
    position: absolute;
    font-size: 5em;
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 999;
    width: 154px;
    height: 154px;
    align-items: center;
    justify-content: center;
    display: grid;
}

.header-icon i {
    color: #67C4F0;
}


@media only screen and  (max-width: 1250px){

    .single-sector-page-banner {
        min-height: 100vh;
    }

    .outer-single-sector {
        grid-template-columns: 1fr;
    }

    .sector-single-inner {
        clip-path: circle(75.2% at 50% -19%);
        justify-self: auto !important;
    }

    .inner-sector-single {
        align-self: start;
        margin: 0;
        padding: 4em 1em 0 1em;
        justify-self: center;
        position: relative;
    }

    .header-icon {
        top: 50%;
        left: 50%;
        transform: translate(-50%);
        width: 124px;
        height: 124px;
        font-size: 4em;
    }

}




@media only screen and  (max-width: 1000px){

    .inner-sector-single {
        align-self: start;
        margin: 0;
        padding: 4em 1em 0 1em;
        justify-self: center;
    }

    .header-icon {
        top: 46%;
        left: 50%;
        transform: translate(-50%);

    }

}

@media only screen and  (max-width: 550px){

    .sector-single-inner {
        clip-path: circle(45% at 50% 20%);
    }
}








/* CUSTOM POST ARCHIVE HEADERS */

.custom-page-banner {
    clip-path: ellipse(67% 70% at 50% 27%);
    min-height: 30vh;
    background-color: #67C4F0;
}

.custom-sub-page {
    display: grid;
    align-self: center;
    gap: 1em;
    grid-column: 2 / 16;
    text-align: center;
}

.custom-sub-page h1 {
    color: #015498;
    font-size: 80px;
    font-weight: 700;
}

.custom-sub-page label {
    color: #fff;
    font-size: 25px;
    letter-spacing: 5px;
    font-weight: 500;
}


@media only screen and  (max-width: 1000px){

    .featured-image img{
        max-height: 233px;
    }

    .sub-page-banner-inner h1,
    .sub-page-banner-inner h1 span {
        font-size: 40px;
    }

}



@media  only screen and  (max-width: 1000px){

  .main-banner{
    background:
      linear-gradient(
        to bottom,
        rgba(117, 168, 111, 1) 35%,
        rgba(117, 168, 111, 1) 10%,
        rgba(117, 168, 111, 0.5) 60%,
        rgba(117, 168, 111, 0) 85%,
        rgba(117, 168, 111, 0) 100%
      ),
      var(--bg) no-repeat 50% 10% / cover;
  }

    .outer-company-logos {
       display: none;
    }

    .main-banner-title {
        flex-direction: column;
        text-align: center;
        display: grid;
    }

    .outer-main-banner {
        gap: 1em;
        grid-template-columns: 1fr;
        align-self: start;
        padding-top: 4em;
    }

    .outer-main-banner label{
        text-align: center;
    }

    .main-banner img {
        max-width: 35px;
    }

    .sub-page-banner {
        padding: 2em 0;
    }

    .sub-page-banner h1 {
        font-size: 40px;
    }

    .header-contents {
        gap: 0;
        text-align: center;
        justify-self: center;
    }

    .single-blog-header {
        padding: 2em 0 8em 0
    }

    .home-page-links {
        justify-content: center;
    }

    .sub-page-banner-image {
        min-height: 40vh;
    } 
        

}









/* FOOTER */

.footer {
    background-color: #67C4F0;
    position: relative;
    padding: 2em 0;
    position: relative;
}

.footer-areas {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column: 2 / 16;
    margin: 2em 0;
    gap: 6em;
    z-index: 1;
}

.footer-box {
    display: grid;
    align-content: start;
    gap: 1em;
}

.footer-box p,
.footer-box p strong {
    font-size: 20px;
    color: #015498;
}

.footer-box p i {
    color: #015498;
    font-size: 23px;
}

.footer-box p a {
    font-size: 20px;
    font-weight: 500;
    color: #015498;
}

.footer-col-four p a {
    display: flex;
    flex-wrap: wrap
}

.outer-footer-details {
    display: grid;
    gap: 1em;
    align-content: start;
}

.footer-box li {  
    margin: 0;
    color: #015498;
    list-style: none;
}

.footer-box h4 {
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4.4px;
}

.footer-box li a span {
    text-transform: none;
    font-weight: 500;
    font-size: 22px;
    color: #015498;
}

.footer-col-four {
    display: flex;
    gap: 1em;
}

.footer-col-four i {
    color: #fff;
    font-size: 24px;
}

.footer-nav {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 1em;
}

footer .side-inner-contact-details i {
    color: #F4E038;
    font-size: 1.5em;
}
footer .side-inner-contact-details a,
footer .side-inner-contact-details {
    color: #fff;
    font-weight: 500;
}


/* sing up form */

form input.wpcf7-form-control.wpcf7-submit {
    margin: 0 auto;
    cursor: pointer;
 }

 .sign-up-form {
    display: grid;
    gap: 1em;
 }


.sign-up-form form p{
    background-color: #fff;
    display: grid;
    grid-template-columns: auto 50px;
    padding: 6px;
    border-radius: 30px;
}

.sign-up-form form br, .sign-up-form form span.wpcf7-spinner{
    display: none;
}

.sign-up-form form input[type=submit]{
    border: 2px solid #67C4F0;
    background-color: transparent;
    cursor: pointer;
    padding: 23em 5em;
    color: #67C4F0;
    font-size: 1px;
    min-width: 100%;
    width: 0.1em;
    height: 0.1em;
}

.sign-up-form form p > span{
    align-self: center;
}

.sign-up-form form p > span input{
    padding-left: 1em;
    border: 0;
    width: 100%;
    border-radius: 30px;
}

/* wrapper holds the icon */
.submit-wrap {
    position: relative;
    display: inline-block;
}

/* visually hide the button text but keep it accessible */
.submit-wrap .wpcf7-submit.btn--icon {
    color: transparent;       
    text-shadow: none;   
}

/* add the FA icon */
.submit-wrap::after {
    content: "\f061";               
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;             
    position: absolute;
    right: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #67C4F0;
    padding-right: 1px;
}





.footer-social-icons p {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

.footer-social-icons p i {
    font-size: 30px;
}

.footer-logo img {
    max-width: 400px;
}




.lower-footer-content {
    display: grid;
    grid-column: 2/16;
    text-align: center;
    border-top: 1px solid #fff;
}

.lower-footer-content p {
    color: #015498;
    margin: 0;
    font-size: 22px;
    padding-top: 1em;
}


@media only screen and (max-width: 1220px) {

    .footer {
        padding: 1em 0;
    }

    .footer-box {
        gap: 1em;
    }

    .footer-areas {
        grid-template-columns: 1fr;
        gap: 2em;
        justify-content: center;
        text-align: center;
        justify-items: center;
        margin: 2em 0;
    }

    .footer-logo {
        justify-self: center;
    }


    .footer-logo img {
        display: grid;
        justify-self: center;
    }

    .outer-footer-details {
        justify-items: center;
    }
    
   .footer-col-four p a {
        font-size: 24px;
        font-weight: 600;
   }

    .footer-nav {
        grid-template-columns: 1fr;
    }

    .inner-contact-details {
        justify-content: center;
    }

    .footer-col-four,
    .footer-inner-contact-details a, .footer-inner-contact-details {
        flex-direction: column;
    }

    .footer-about-nav {
        gap: 0.5em;
    }

    .lower-footer-content p {
        padding-top: 0;
    }

}









/* REPEATED ELEMENTS */

.event-highlight {
  position: relative;
  overflow: hidden;
  min-height: 70vh;
}

.event-highlight__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

.event-highlight__content {
    position: relative;
    display: grid;
    gap: 2em;
    z-index: 1;
    color: #fff;
    grid-column: 2 / 16;
    justify-content: center;
    text-align: center;
    align-self: center;
    max-width: 726px;
    justify-self: center;
}

.event-highlight__label {
    color: #67C4F0;
    font-size: 25px;
    letter-spacing: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

.event-highlight__excerpt , .event-highlight__title {
    color: #fff;
} 

.event-highlight__title {
    font-size: 80px;
    font-weight: 700;
}

.event-cta-button i {
    color: #67C4F0;
}

.event-highlight__bg { 
    position:absolute; 
    inset:0; 
    background-size:cover; 
    background-position:center; 
    z-index:0; 
}

.event-highlight__bg::after {
    content:""; 
    position:absolute; 
    inset:0;
    background:#015498; 
    opacity:.85; 
    pointer-events:none;
}





@media only screen and (max-width: 1230px) { 

    .event-highlight__title {
        font-size: 45px;
        font-weight: 700;
    }

    .event-cta-button {
        font-size: 20px;
    }
}





  /* BLOG */

.outer-main-banner-blog h1 {
    color: #78B596 !important;
}

.blog-sub-page-banner {
    background-color: #025A50;
}

.blog-sub-page-banner h1 {
    color: #fff;
}

.blog-area {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 2 / 16;
    margin: 3em 0;
}

.blog-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    margin-top: 4em;
}

.blog-box {
    align-content: start;
    height: 100%;
    display: grid;
}

.blog-content {
    display: grid;
    gap: 1em;
    padding: 2em;
    background-color: #F2F4F5;
    text-align: center;
    border-radius: 0 0 42px 42px;
}

.blog-box:hover .blog-content {
    background-color: #67C4F0;
}

.blog-content a {
    display: grid;
    gap: 1em;
    justify-self: center;
}

.blog-content h3 {
    font-size: 30px;
    color: #015498;
    font-weight: 700;
}

.blog-content p {
    font-size: 23px;
    font-weight: 300;
}

.outer-blog-boxes {
    display: grid;
    justify-content: center;
}

.inner-blog-button {
    display: flex !important;
}

.inner-blog-button i {
    color: #67C4F0;
}

.blog-box:hover .inner-blog-button i {
    color: #fff;
}

.blog-box:hover .post-date {
    background-color: #fff;
    color: #015498;
}

.blog-box-img {
    display: grid;
    text-align: center;
    position: relative;
}

.blog-box-img img{
    object-fit: cover;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    position: relative;
    max-height: 367px;
    border-radius: 42px 42px 0 0;
}

.blog-box-img label {
    position: absolute;
    align-self: end;
    justify-self: center;
    background-color: #F4E038;
    padding: 0.1em 1em;
    margin-bottom: -1em;
    color: #222320;
    font-size: 24px;
    border-radius: 12px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5em;
    line-height: 1.5;
}

.blog-box-img label p {
    font-weight: 700;
}

.blog-filters {
    display: grid;
    gap: 2em;
}

.outer-blog-categories ul {
    display: flex;
    text-align: center;
    justify-content: end;
}

.blog-categories ul li {
    border-right: 1px #fff solid;
    position: relative;
}

.blog-categories .outer-blog-categories ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-categories .outer-blog-categories li + li {
  border-left: 2px solid #67C4F0;
  margin-left: 1.5em;
  padding-left: 1.5em;
}

.blog-categories .outer-blog-categories li > a {
  display: inline-block;
  text-decoration: none;
}


.blog-categories ul li a {
    text-transform: capitalize;
    color: #015498;
    position: relative;
    z-index: 1;
    font-size: 22px;
    font-weight: 400;;
}

.blog-deatil-box {
    border-bottom: 2px solid #fff;
    padding: 1em 0;
}

.blog-deatil-box h4 {
    color: #373838;
    font-size: 1.563em;
    font-weight: 800;
    text-transform: capitalize;
}

.post-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: -1em;
}

.post-meta a {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2.2px;
}

.post-date {
    background-color: #67C4F0;
    border-radius: 42px 0 0 42px;
    color: #fff;
    font-weight: 500;
    display: grid;
    align-items: center;
}

.post-category {
    background-color: #015498;
    border-radius: 0 42px 42px 0;
}

.post-date, .post-category {
    padding: 0.5em;
    text-align: center;
}


/* pagination */

.blog-pagination {
    display: flex;
    gap: 2em;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4em 0;
}

.blog-pagination .page-chip {
    display: inline-flex;
}

.blog-pagination a.page-numbers,
.blog-pagination span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
}

.blog-pagination span.page-numbers.current {
    color: #015498;
    background-color: #67C4F0;
    padding: 8px;
    border-radius: 10px;
}




/* search form */

.blog-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2em;
}

.results-count {
    font-weight: 700;
    font-size: 30px;
}


.inner-search {
    display: flex;
    justify-content: end;
    gap: 2em;
    align-items: center;
}

.blog-search p {
    font-weight: 700;
    font-size: 30px;
}

.blog-search .search-submit {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.blog-search form {
    display: grid;
    grid-template-columns: 1fr 20%;
    background-color: #F2F4F5;
    border-radius: 41px;
}

.blog-search .search-submit span, .screen-reader-text {
    display: none;
}

.blog-search form input[type=search] {
    border: none;
    resize: vertical;
    background-color: transparent;
    padding: 0.8em;
    width: 100%;
    text-transform: none;
    font-size: 25px;
    font-weight: 500;
    text-align: left;
}

.search-results-title {
    padding: 1em 0;
}

.blog-search form input[type=search]::placeholder {
    color: #171731;
}

.search-submit {
    text-align: right;
    padding-right: 1em !important;
}

.search-submit i {
    font-size: 35px;
    color: #67C4F0;
}

.result-count-mobile {
    display: none;
}

@media only screen and (max-width: 1230px) { 

    .blog-boxes {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media only screen and (max-width: 900px) { 

    .results-count {
        display: none;
    }

    .result-count-mobile {
        display: flex;
        justify-content: center;
        padding-bottom: 1em;
    }

    .inner-search {
        display: grid;
        gap: 1em;
        justify-items: center;
    }

    .blog-search form input[type=search] {
        padding: 0.5em;
        font-size: 18px;
    }

    .blog-search {
        padding-bottom: 0;
        justify-content: center;
    }

    .blog-categories .outer-blog-categories ul {
        justify-content: space-evenly;
    }

    .blog-categories ul li a {
        font-size: 18px;
    }

    .blog-categories .outer-blog-categories li + li {
        border-left: 2px solid #67C4F0;
        margin-left: 1em;
        padding-left: 1em;
    }

    .post-meta a {
        font-size: 16px;
    }

    .post-date, .post-category {
        padding: 0.5em 0.1em;
    }

    .blog-content a {
        font-size: 20px;
        min-width: 100%;
    }

    .blog-content h3 {
        font-size: 25px;
    }

    .blog-content p {
        font-size: 18px;
    }

    .blog-boxes {
        grid-template-columns: 1fr;
        margin: 0;
    }

    .blog-box:nth-child(even), .blog-box:nth-child(odd) {
        margin: 0;
    }

    .blog-area {
        grid-template-columns: 1fr;
        margin: 0;
    } 

    div.site-search {
        grid-column: auto !important;
        padding: 0 !important;
    }

    .outer-blog-categories ul {
        gap: 0.5em;
        padding: 0 0 1em 0;
    }

    .blog-categories h3{
        padding: 0;
    }
    
    .blog-content {
        padding: 3em 1em 2em 1em;
    }

    .blog-categories {
        padding: 2em 0;
    }

    .blog-box-img label {
        padding: 0.5em;
        margin-bottom: -1em;
        font-size: 1.125em;
    }

    .blog-categories ul li {
        padding: 0.5em;
    }

    .blog-box:nth-child(2) {
        margin-top: 0;
    }

    .blog-box:nth-child(2n+1):nth-child(n+3){
        margin-top: 0;
    }
        
}








/* SINGLE BLOG POST */

section.single-post {
    position: relative;
}
  
.inner-single-post {
    grid-column: 2 / 16;
    margin: 0 0 4em 0;
    gap: 3em;
}

.inner-single-post h1 {
    text-align: center;
}

.single-blog-image {
    position: relative;
}

.single-blog-image img {
    display: block;
    width: 100%;
    object-fit: cover;
    max-height: 798px;
    border-radius: 42px;
}

.single-content {
    display: grid;
    gap: 2em;
    position: relative;
    max-width: 85%;
    padding: 3em 0 2em 0;
    justify-self: center;
}
  
/* .wp-block-image {
    max-height: 638px;
} */

.single-content p {
    font-weight: 300;
}

.single-content h2 {
    font-weight: 500;
    font-size: 60px;
}

.single-content a {
    color: #fff;
}

.outer-blog-boxes-single {
    grid-column: 2 / 16;
}

.blog-page-single .label-header-single {
    text-align: left;
    font-weight: 500;
    margin: 0;
}

.single-post-meta {
    width: auto;
    bottom: auto;
    top: -1em;
}

.blog-button-single {
    grid-column: 2 / 16;
    display: flex;
    justify-content: space-between;
}

.blog-page-single {
    padding: 5em 0;
    background-color: #F2F4F5;
}

.blog-button-single a {
    font-weight: 400;
}

.blog-page-single .blog-content {
    background-color: #fff;
}


@media only screen and (max-width: 1100px) {

    .blog-boxes-page-single {
        grid-template-columns: 1fr;
        padding: 2em 0;
    }

    .blog-button-single {
        display: grid;
        gap: 1em;
        justify-items: center;
        padding: 1em 0 2em 0;
    }

    .single-content p {
        font-weight: 500;
    }

    .single-blog-image {
        height: 100%;
    }

    .inner-single-post {
        grid-column: 2/16;
        margin: 0 0 2em 0;
    }

    .single-blog {
        display: grid;
    }

    .single-content,
    .single-content h1 {
        text-align: center;
    }

    .single-blog-image {
        float: none;
        width: 100%;
    }   

    .single-blog img {
        z-index: 1;
    }

    .single-blog-image img {
        max-height: 260px;
    }

    .single-content  {
        max-width: 100%;
    }

    .blog-page-single  {
        padding: 2em 0
    }
    

}





/* SECTORS */

.sector {
    background-color: #F2F4F5;
}

.sector-content {
    position: relative;
    padding: 4em 2em 2em;
}

.sector-header-icon {
    position: absolute;
    font-size: 4em;
    background-color: #fff;
    border-radius: 50%;
    top: -1em;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    width: 108px;
    height: 108px;
    align-items: center;
    justify-content: center;
    display: grid;
    box-shadow: 0px 3px 6px #00000029;
}

.sector-header-icon i {
    color: #67C4F0;
}

.sector-contents {
    display: grid;
    justify-content: center;
    text-align: center;
    gap: 1em;
}

.sector-contents label {
    color: #67C4F0;
    font-size: 25px;
}

.sector-area {
    grid-column: 4/14;
}

.home-sector-area {
    grid-column: 3/15;
}

.home-sector-boxes {
    gap: 4em;
}

.sector-boxes {
    grid-template-columns: 1fr 1fr;
    grid-column: 3/15;
}

.sector-content {
    background-color: #fff;
}

.sectors-brands {
    grid-template-columns: 1fr 1fr;
    gap: 4em;
}


/* boxes */

.main-sectors-and-brands {
    background-color: #F2F4F5;
}

.sectors-and-brands {
    grid-column: 4/14;
}

.sectors-and-brands .blog-content {
    background-color: #fff;
}

.sectors-and-brands .blog-content h2 {
    font-size: 50px;
    font-weight: 500;
}

.blog-content-sec-bran a {
    display: flex;
    gap: 0.5em;
    font-weight: 500;
}

.blog-content-sec-bran a i {
    color: #67C4F0;
}

.blog-box:hover .blog-content-sec-bran a i {
    color: #fff;
}

@media only screen and (max-width: 1200px) {

    .sector-area, .sectors-and-brands {
        grid-column: 2/16;
    }

}

@media only screen and (max-width: 800px) {

    .sector-boxes, .sectors-brands {
        grid-template-columns: 1fr;
        padding: 2em 0;
    }
    
    .sectors-brands {
        gap: 2em;
    }

    .blog-content-sec-bran a {
        justify-content: center;
    }

    .sector-content {
        padding: 4em 1em 1em;
    }

    .sector {
        padding: 4em 0;
    }


}








/* EVENTS ARCHIVE */

 /* .events-blog {
    padding: 5em 0;
 } */

.event-boxes2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3em;
}

.event-box2 {
    position: relative;
}

.event-logo2 {
    z-index: 999;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    top: 40%;
    right: -3em;
    transform: translate(-50%);
    max-width: 183px;
    height: 183px;
    display: grid;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 6px #00000029;
}

.event-content2 {
    text-align: left;
    padding: 2em 1em 1em 1em; 
}

.event-content2 a {
    justify-self: start;
}

.event-date2 {
    border-radius: 42px;
    justify-self: left;
    padding: 0.5em 2em;
    position: absolute;
    bottom: -1em;
    left: 1em;
}

.event-button2 {
    justify-self: start !important;
    padding: 0;
}

.outer-event-boxes2 {
    justify-content: unset;
}

.events-sub-header {
    text-align: center;
}

.event-box {
    background-color: #F5F5F5;
    border-radius: 43px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1em;
    transition: 0.2s ease-in;
    position: relative;
}

.home-event-box {
    background-color: #fff;
}

.event-box:hover {
   background-color: #015498;
   scale: 1.05;
   transition: 0.2s ease-in;
}

.event-box-img img {
    border-radius: 31px 31px 0 0 ;
}


.event-box-img label {
    padding: 0.1em 1em;
    left: 0.5em;
    right: 0.5em;
    text-align: left;
}


.event-box label {
    justify-self: start;
    margin-bottom: -0.7em;
}

.event-content {
    text-align: left;          
    flex: 1;
    padding: 2em 0 1em 0;
    align-content: space-between;
    background-color: transparent;
}

.event-content a {
    justify-self: start;
    align-self: start;
    background-color: transparent;
    border-color: transparent;
    color: #015498;
    padding: 0;
    text-align: left;
}

.event-box:hover .event-content a {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.event-box:hover .event-content p,
.event-box:hover .event-content h3 {
    color: #fff;
}



/* past events */

.past-events-blog {
    background-color: #F5F5F5;
    border-bottom: 5px solid #fff;
}

.past-events-blog .event-box {
    background-color: #fff;
}

.past-events-blog .event-box:hover {
    background-color: #015498;
}

.events-load-more-wrap {
    display: grid;
    grid-column: 1/17;
    grid-template-columns: 1fr auto 1fr;
    gap: 20px;
    margin-bottom: 3em;
}

.events-load-more-wrap hr {
    border: none;
    border-bottom: 3px solid #F4E038;
    width: 100%;
    align-self: center;
}

@media only screen and (max-width: 1000px) {

    .event-boxes {
        grid-template-columns: 1fr;
        gap: 2em;
        padding: 2em 0;
    }

    .events-blog {
        padding: 2em 0;
    }

}


/* CSS (full corrected) */

/* SINGLE EVENTS */

.events-sub-page-banner {
    padding: 4em 0;
    background: #015498;
    min-height: 52vh;
}

.single-events {
    grid-column: 2 / 16;
    text-align: left;
    position: relative;
    display: block;
}

.single-events-featured-image {
    float: right;
    width: min(40%, 570px);
    margin: 0 0 1rem 2rem;
    shape-outside: inset(0 round 12px);
    shape-margin: 12px;
    position: relative; 
}

.single-events-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -25em;
    min-height: 570px;
    object-fit: cover;
}

.single-events-featured-image label {
    display: none;
}

/* .single-events h1 {
    max-width: 731px;
} */

.single-events-sub-header {
    grid-column: 2/16;
}

.events-blog-area {
    margin: 0;
}

.future-events-blog {
    background-color: #F5F5F5;
    margin-bottom: 5px;
    padding: 5em 0 0;
}

.future-events-blog .event-box {
    background-color: #fff;  
}

.future-events-blog .event-box:hover {
    background-color: #015498;
}

.events-load-more-wrap {
    padding: 3em 0 0;
}

.single .events-load-more-wrap hr {
    border-color: #fff;
}

.events-back {
    text-align: left;
    justify-self: start;
    margin: 0;
}

.single-event-content {
    display: grid;
    gap: 1em;
}

.inner-single-events-content {
    grid-column: 2 / 16;
    padding: 3em 0;
    display: block;
    position: relative;
}

.inner-single-events-content ul li {
     list-style-type: disc;
}

.inner-single-events-content::after {
    content: "";
    display: table;
    clear: both;
}

.inner-single-events-content p {
    margin-bottom: 1em;
}

.inner-single-events-content i {
    color: #015498;
}

.flex-single-events-date {
    display: none;
}


.single-events-date {
    bottom: 0.5em;
    top: unset;
    left: 6.3%;
}



@media only screen and (max-width: 1000px) {

    .single-events-featured-image label {
        display: grid;
        position: absolute;
        bottom: -1em;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
        font-size: 24px;
        letter-spacing: 0;
        font-weight: 700;
        text-transform: none;
        background-color: #F4E038;
        padding: 0.2em 1.5em;
        color: #222320;
        border-radius: 12px;
        align-items: center;
    }

    .inner-single-events-content ul li {
        justify-self: center;
    }       

    .single-events-featured-image .single-events-overlay-date {
        position: absolute;
        bottom: -0.8em;
        left: 50%;
        transform: translateX(-50%);  
        display: inline-block;  
        white-space: nowrap;   
        text-align: center;
        z-index: 1;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
        background-color: #F4E038;
        padding: 0.2em 1.5em;
        color: #222320;
        border-radius: 12px;
        line-height: 1.2;
        }

    .single-events-date {
        display: none !important;
    }

    .events-sub-page-banner {
        min-height: auto;
    }

    .future-events-blog {
        padding: 2em 0;
    }

    .single-events-featured-image {
        float: none;
        width: 100%;
        margin: 0 0 4em 0;
        position: relative;
    }

    .single-events-featured-image img {
        margin-top: -5em;
    }

    .single-events {
        text-align: center;
    }

    .events-back {
        justify-self: center;
    }

}







































/* TEXT IMAGE SPLIT */

.text-image-split {
    padding: 5em 0;
}

.square-image {
    padding: 0;
}

.square-image .split-image  {
    object-fit: cover;
}

.text-image-split.dark-blue-image.circle-image .image-split {
    position: relative;
}

.outer-image {
    display: none;
}

.text-image-split.dark-blue-image.circle-image .image-split .outer-image{
    position: absolute;
    display: block;
    right: -15em;
    max-width: 859px;
}

.text-image-split.dark-blue-image.circle-image .image-split .outer-image img {
    opacity: 0.1;
    transform: rotate(353deg)
}


/* RIGHT IMAGE */
.inner-text-image-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/17;
}

.square-image .split-content {
    text-align: center;
}

.split-content {
    display: grid;
    gap: 1em; 
    align-content: center;
    padding: 5em;
}

.split-content label {
    color: #67C4F0;
}

.dark-blue-image .split-content p,
.dark-blue-image .split-content h2,
.dark-blue-image .split-content a,
.dark-blue-image .split-content a i {
    color: #fff;
}

.image-split {
    display: grid;
    position: relative;
}

.inner-image-split.circle-image:nth-child(odd) img {
    position: absolute;
    border-radius: 50%;
    border: 6px solid #67C4F0;
    max-width: 526px;
    max-height: 526px;
    aspect-ratio: 1 / 1;
    object-fit: cover;  
    left: 3em;
    top: -3em;
}

.inner-image-split.circle-image:nth-child(even) img {
    position: absolute;
    border-radius: 50%;
    border: 6px solid #67C4F0;
    max-width: 338px;
    aspect-ratio: 1 / 1;
    object-fit: cover;  
    float: right;
    max-height: 338px;
    bottom: -3em;
    right: 3em;
}

.split-image {
    object-fit: contain;
    z-index: 1;
    height: 100%;
    max-height: 736px;
    /* overflow: visible; */
}

.right-image {
    align-self: center;
    justify-self: center;
}


/* LEFT IMAGE */

.inner-text-image-split.image-left .image-split {
    order: 1;
}

.inner-text-image-split.image-left .split-content {
    order: 2;
}

.inner-text-image-split.image-left .right-image {
    align-self: center;
    justify-self: center;
    max-width: 695px;
}

.split-content.green-image h2,
.split-content.green-image p,
.split-content.green-image p strong {
    color: #fff;
}

.split-content.green-image label {
    color: #F4E038;
}

.split-content.green-image a {
    background-color: #F4E038;
    border-color: #F4E038;
    color: #222320;
}

.sliders-test-slider.text_choice {
    background: transparent !important;
}

.light-blue-image.square-image .split-content label {
    color: #fff;
}


@media only screen and (max-width: 1000px) {

    .image-split {
        gap: 1em;
    }

    .inner-image-split.circle-image:nth-child(even) {
        margin-top: 0;
    }

    .inner-image-split.circle-image:nth-child(odd) img {
        max-width: 372px;
        height: auto;
        position: relative;
        top: 0;
        left: auto;
    }

    .inner-image-split.circle-image:nth-child(even) img {
        max-width: 249px;
        max-height: 249px;
        position: relative;
        bottom: 0;
        right: auto;
    }

    .text-image-split {
        padding: 2em 0;
    }

    .text-image-split.dark-blue-image.square-image,
    .text-image-split.light-blue-image.square-image {
        padding: 2em 0 0 0;
    }

    .split-image {
        justify-self: center;
        min-height: auto;
    }

    .split-content {
        text-align: center;
        padding: 2em 1em !important;
    }

    .split-content a {
        justify-self: center;
    }

   .inner-text-image-split {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .inner-text-image-split.image-left .image-split {
        order: 2;
    }

    .inner-text-image-split.image-left .split-content {
        order: 1;
    }

}




/* TEXT FLOATING IMAGE SPLIT */

.text-image-split-floating {
    padding: 5em 0;
}

.split-floating-image {
    border-radius: 36px;
    transform: rotate(357deg);
    background-color: #015498;
    box-shadow: 0 0 30px 10px rgba(117, 168, 111, 0.6);
    max-width: 628px;
    object-fit: cover;
    max-height: 628px;
    height: 100%;
}

.image-split-floating {
    align-items: center;
    justify-content: center;
}

.split-content-floating {
    padding: 0 5em;
}

.text-image-split-floating.green-image .split-content-floating p,
.text-image-split-floating.green-image .split-content-floating h2 {
    color: #fff;
}

.text-image-split-floating.green-image .split-content-floating label {
    color: #F4E038;
}

.text-image-split-floating.green-image .split-floating-image {
    box-shadow: 0 0 30px 10px rgba(244, 224, 56, 0.6);
}

/* right */

.inner-text-image-split-floating.image-right .split-floating-image {
    transform: rotate(3deg);
}

/* buttons */

.text-image-split-floating.white-image a,
.text-image-split-floating.grey-image a {
    background-color: #015498;
    border: 1px solid #015498;
    color: #fff;
}

@media only screen and (max-width: 1000px) {

    .split-floating-image {
        max-width: 269px;
        aspect-ratio: 1/1;
    }

    .text-image-split-floating{
        padding: 3em 0;
    }

    .split-content-floating {
        padding: 0 1em;
    }

    .inner-text-image-split-floating {
        gap: 2em;
    }

}














/* HOME EVENTS */

.home-events {
    padding: 5em 0;
    background-color: #F5F5F5;
}

.header_contents {
    display: grid;
    grid-column: 2/16;
    text-align: center;
}

.inner-home-events {
    display: grid;
    grid-column: 2/16;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    padding: 3em 0;
}

.all-events {
    display: grid;
    grid-column: 1/17;
    grid-template-columns: 1fr auto 1fr;
    gap: 1em;
}

.all-events hr {
    border: 0;
    border-bottom: 3px solid #fff;
    width: 100%;
    align-self: center;
}


@media only screen and (max-width: 1000px) {

    .inner-home-events {
        grid-template-columns: 1fr;
        gap: 1em;
        padding: 2em 0;
    }

    .home-events {
        padding: 2em 0;
    }

}










/* SLIDERS */

.sliders {
    padding: 4em 0;
}

.sliders-header {
    display: grid;
    grid-column: 2 / 16;
    padding: 2em 0;
    text-align: center;
    max-width: 973px;
    justify-self: center;
    gap: 1em;
}

.sliders-slider {
    display: grid;
    grid-column: 1 / 17;
    grid-template-columns: 1fr;
    position: relative;
    align-items: center;
}

.sliders-gradient{
  background: linear-gradient(180deg,
    rgba(117,168,111,0) 0%,
    rgba(117,168,111,1) 25%,
    rgba(117,168,111,1) 75%,
    rgba(117,168,111,0) 100%);
  overflow: visible;
}

.sliders-test-slider {
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4em;
}

.sliders-test-slider-container {
    display: flex;
    flex-direction: row;
    gap: 1em;
    align-items: stretch;
    will-change: transform; 
    transition: transform .3s ease;
    padding: 4em 0; 
}

.sliders-box {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    min-width: calc(40% );  
    padding: 2em;
    gap: 3em;
    background-color: #ECF4F2;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: grid;
    gap: 3em;
}

.sliders-content {
    display: grid;
    gap: 1em;
    align-items: center;
    padding: 4em 2em;
    background-color: #015498;
    text-align: center;
    border-radius: 36px;
    align-content: stretch;
}

.sliders-content h3 {
    color: #fff;
}

.sliders-content p {
    color: #fff;
}

.sliders-content a {
    justify-self: center;
    min-width: 100%;
}

.sliders-box-img {
    position: relative;
}

.sliders-box-img img {
    max-height: 558px;
    aspect-ratio: 1/1;
    object-fit: cover;
    width: auto;
}

.sliders-date {
    position: absolute;
    background-color: #015498;
    padding: 1em;
    color: #222320;
    font-size: 22px;
    top: -1em;
    right: -1em;
    z-index: 2;
    line-height: 1;
}

.sliders-slide img { 
    width: 100%; 
    height: auto; 
    display: block; 
    object-fit: cover;
    border-radius: 36px;
}

.chev-arrowc {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.chev-arrow-prev {
    left: 2em;
}

.chev-arrow-next {
    right: 2em;
}

.prev-arrowc,
.next-arrowc,
.prev-arrows,
.next-arrows {
    font-size: 64px;
    cursor: pointer;
    z-index: 10;
    border: 0;
    padding: 0;
    background: transparent;
    display: flex;
    gap: 0.2em;
    align-items: center;
}

.sliders-slider-arrows i {
  --fa-primary-color: #222320;
  --fa-secondary-color: #015498;
  --fa-primary-opacity: 1;
  --fa-secondary-opacity: 1;
}

.sliders-slider-arrows p {
    font-size: 30px;
    font-weight: 700;
}

.sliders-slide { 
    min-width: 0; 
    box-sizing: border-box; 
}

.sliders,
.sliders-slider,
.sliders-test-slider {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}



@media only screen and (max-width: 1000px) {
   
    .sliders {
        padding: 0 0 3em 0;
    }

    .sliders-box-img img {
        max-height: 296px;
        height: 100%;
        aspect-ratio: auto;
    }

    .chev-arrow-next .sliders-slider-arrows p {
        display: none;
    }

    .prev-arrowc {
        gap: 0.35em;
    }

    .sliders-content {
        padding: 1em;
    }

    .sliders-content a {
        justify-self: center;
        font-size: 18px;
    }

    .sliders-test-slider.text_choice .sliders-content {
        width: 100%;
        box-sizing: border-box;
    }

    .sliders-test-slider-container {
        padding: 0 0 2em 0; 
    }

}







/* CENTERED CONTENT */

.centered-text {
    padding: 5em 0;
}

.inner-centered-text {
    display: grid;
    grid-column: 2/16;
    gap: 2em;
    justify-items: center;
    text-align: center;
    max-width: 1094px;
    justify-self: center;
}
    
.centered-images,
.centered-links {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
}

.centered-images img {
    max-width: 395px;
    object-fit: contain;
}

.centered-content {
    display: grid;
    gap: 1em;
}

.centered-links a:first-of-type {
    background-color: #015498;
    border: 1px solid #015498;
    color: #FFF;
}


@media only screen and (max-width: 1000px) {

    .inner-centered-text {
        gap: 1em;
    }

    .centered-text {
        padding: 3em 0;
    }

    .centered-images img {
        max-width: 135px
    }

    .centered-images {
        gap: 0;
    }

}







/* FUNDERS */

.funders {
    padding: 5em 0;
}

.inner-funders {
    display: flex;
    grid-column: 2/16;
    flex-wrap: wrap;
    gap: 3em;
    justify-content: space-evenly;
}

.inner-funders img {
    max-width: 190px;
    object-fit: contain;
}



@media only screen and (max-width: 1000px) {

    .funders {
        padding: 1em 0 4em 0;
    }

    .inner-funders {
        gap: 1em;
    }

    .inner-funders img {
        max-width: 130px;
        object-fit: contain;
    }

}







/* INFO BOXES */

.info-boxes {
    background-color: #015498;
    padding: 5em 0;
}

.info-boxes-header label {
    color: #F4E038;
}

.info-boxes-header,
.lower-info-boxes-content {
    display: grid;
    grid-column: 2/16;
    text-align: center;
    /* padding: 1em 0; */
}

.lower-info-boxes-content {
    max-width: 1216px;
    justify-self: center;
    z-index: 999;
}

.inner-info-boxes {
    display: flex;
    flex-wrap: wrap;
    grid-column: 2/16;
    gap: 3em;
    padding: 2em 0;
    text-align: left;
    justify-content: center;
}

.info-box {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 5em 3em 3em;
    position: relative;
    display: grid;
    gap: 1em;
    align-content: center;
    border-radius: 33px;
    border: 2px solid #FFF;
    padding: 2em;
    max-width: 436px;
    justify-self: center;
    text-align: center;
}

.info-box p {
    color: #fff;
    font-weight: 600;
}

.lower-info-boxes-content p,
.lower-info-boxes-content p a {
    color: #fff; 
}

.lower-info-boxes-content p i {
    color: #F4E038;
}

.lower-info-boxes-content p a {
    font-weight: 600;
}

.info-box a {
    justify-self: center;
}

@media only screen and (max-width: 1350px) {

    .info-boxes {
        padding: 2em 0 4em 0;
    }

    .inner-info-boxes {
        gap: 1em;
        padding: 1em 0;
    }

    .info-box {
        padding: 1em;
    }

    .info-box a {
        min-width: 100%;
        font-size: 20px;
    }
}






/* TWO FLOATING IMAGES AND TEXT */

.two-images-text {
    margin-top: -8em;
    gap: 3em;
    padding: 5em 0;
}

.inner-two-images-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2/16;
    gap: 4em;
}

.inner-two-images-text img{
    border-radius: 36px;
    background-color: #015498;
    box-shadow: 0 0 30px 10px rgba(117, 168, 111, 0.6);
    object-fit: cover;
    max-height: 701px;
    height: 100%;
}

.lower-info-boxes-content-floating p {
    color: #222320;
}



@media only screen and (max-width: 1350px) {

    .two-images-text {
        margin-top: -4em;
        gap: 1em;
        row-gap: 2em;
        padding: 2em 0;
    }

    .inner-two-images-text {
        grid-template-columns: 1fr;
        gap: 1em;
        justify-self: center;
    }

    .inner-two-images-text img{
        max-width: 356px;
        aspect-ratio: 1 / 1;
    }

}















/* TWO FLOATING IMAGES AND TEXT */

.two-images {
    gap: 3em;
    padding: 5em 0;
}

.inner-two-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2/16;
    gap: 4em;
}

.inner-two-images img{
    border-radius: 36px;
    background-color: #015498;
    box-shadow: 0 0 30px 10px rgba(117, 168, 111, 0.6);
    object-fit: cover;
    max-height: 701px;
    height: 100%;
}


@media only screen and (max-width: 1350px) {

    .two-images {
        gap: 1em;
        row-gap: 2em;
        padding: 2em 0;
    }

    .inner-two-images {
        grid-template-columns: 1fr;
        gap: 1em;
        justify-self: center;
    }

    .inner-two-images img{
        max-width: 356px;
        aspect-ratio: 1 / 1;
    }

}




/* FIND US SPLIT */

.find-us-split-outer {
    margin-bottom: 5px;
}

.find-us-split i {
    color: #015498;
}

.find-us-split-inner {
    background-color: #F5F5F5;
}

.find-us-split-outer .find-us-split {
    padding: 5em;
}


.contact-map {
    display: grid;
}

.contact-map .acf-map{
    width: 100%;
    min-height: 611px;
}

.acf-map img {
   max-width: inherit !important;
}


@media only screen and (max-width: 1000px) {

    .contact-map {
        order: 1;
    }

    .contact-map .acf-map{
        min-height: 531px;
    }

    .contact-details-map p {
        line-height: 44px !important;
    }
    
    
}






/* CONTACT TEXT / TEXT */

.contact-inner-text-image-split {
    grid-column: 4 / 16;
}

.split-text-grid {
    display: grid;
    gap: 2em;
    max-width: 381px;
    justify-self: left;
    text-align: left;
    padding: 5em 0;
    align-items: start;
}

.inner-content-grid p,
.inner-content-grid a {
    /* display: flex; */
    gap: 1em;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.split-text-grid i {
    color: #015498;
}

.sub-content-grid {
    padding: 1em 0;
    display: grid;
    gap: 1em;
}

.outer-content-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
}

.sub-content-grid h3 {
    color: #222320;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-weight: 600;
}


@media only screen and (max-width: 1000px) {

    .split-text-grid i {
        font-size: 30px;
    }

    .inner-text-text-split {
        grid-column: 2/16;
        text-align: center;
    }

    .sub-content-grid {
        text-align: center;
    }

    .outer-content-grid,
    .inner-content-grid p, .inner-content-grid a  {
        justify-content: center;
    }

    .split-text-grid {
        padding: 2em 0;
    }

    .outer-content-grid {
        gap: 1em;
    }

    .sub-content-grid h3 {
        font-size: 20px;
    }
}







/* 404 PAGE */

section.error{
    min-height: 60vh;
    align-content: center;
    grid-column: 2 / 16;
}

section.error h1 {
    color: #015498;
    text-align: center;
    grid-column: 2 / 16;
}

section.error p {
    text-align: center;
    grid-column: 2 / 16;
}





/* WP CONTENT */
.wp-content-section {
    grid-column: 4 / 14;
    grid-template-columns: 1fr;
    display: grid;
    gap: 2em;
    margin: 5em 0;
    text-align: center;
    justify-items: center;
}

.wp-content-section ul li {
    font-size: 20px;
    font-weight: 300;
}


@media only screen and (max-width: 1000px) {

    .wp-content-section {
        grid-column: 2 / 16;
    }

}




/* SEARCH */

.no-search {
    text-align: center;
    grid-column: span 2;
}

@media only screen and (max-width: 1000px) {

    .no-search {
        grid-column: span 1;
        padding: 2em 0;
    }

}









/* TEAMS */

.teams {
    display: grid;
    row-gap: 5em;
}

main .teams:not(:has(+ .teams)) {
  padding-bottom: 1em;
}


.inner-teams {
    display: grid;
    grid-column: 1/17;
    grid-template-columns: repeat(16, 1fr);
}

.teams-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-column: 1/17;
    text-align: center;
    gap: 2em;
    align-items: center;
}

.teams-col-split {
    padding: 8em 0;
}

.teams-header hr {
    width: 100%;
    border: none;
    border-bottom: 2px solid #015498;
}

.inner-teams h3 {
    grid-column: 2/16;
    text-align: center;
    padding: 2em 0;
    color: #222320;
    font-size: 30px;
    letter-spacing: 6px;
    font-weight: 700;
}

.teams-box {
    position: relative;
    border-radius: 19px;
    padding: 4em 4em 2em 4em;
    text-align: center;
}

.teams-box p {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    display: grid;
    gap: 0.5em;
}

.teams-box p label {
    color: #F4E038;
    text-transform: capitalize;
    letter-spacing: 0;
}

.team-box-img {
    display: grid;
}

.team-box-img img {
    position: absolute;
    top: -8em;
    border-radius: 50%;
    border: 5px solid #fff;
    justify-self: center;
    max-width: 170px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
}


/* col two */

.col-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 4/14;
    gap: 2em;
    row-gap: 10em;
}


.col-two .teams-box {
    background-color: #015498;
}


/* col three */

.col-three {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    grid-column: 2 / 16;
    justify-content: space-evenly;
    row-gap: 10em;
}


.col-three .teams-box {
    max-width: 512px;
    width: 100%;
}

.inner-teams.grey-background .col-three .teams-box {
    background-color: #fff;
}

.inner-teams.white-background .col-three .teams-box {
    background-color: #F5F5F5;
}

.col-three .teams-box p {
    color: #222320;
    font-weight: 700;
}

.col-three .teams-box p label {
    color: #015498;
    font-weight: 500;
}

.col-three .teams-box .team-box-img img {
    border: none;
}




@media only screen and (max-width: 1000px) {

    .col-two {
        grid-template-columns: 1fr;
        grid-column: 2 / 16;
        gap: 10em;
        padding: 2em 0;
    }

    .teams-box {
        padding: 4em 2em 2em;
    }

    .teams {
        row-gap: 2em;
    }

    .teams-header {
        gap: 5px;
    }

    .inner-teams h3 {
        font-size: 20px;
    }

    .teams-col-split {
        padding: 10em 0 5em 0;
    }
}




/* BOOKING FORMS */

.booking-room-form {
    display: grid;
    grid-column: 3 / 15;
    text-align: center;
    gap: 1em;
    padding: 3em 0;
}

.inner-twitter-feed {
    grid-column: 4/14;
}



.inner-booking-form h2 {
    color: #015498;
    font-size: 2.5em;
}

.inner-booking-form p {
    font-size: 1.125em;
}

/* .patient-form {
    display: grid;
    grid-column: 2 / 16;
} */
/* 
.patient-form form {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
} */

form input.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
    cursor: pointer;
 }

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5em;
    margin-bottom: 10px;
}



.form-item {
    display: flex;
    padding: 1em 0;
}

.form-item-title {
    padding: 0.5em;
    align-items: center;
    background-color: #015498;
    border-radius: 5px;
}

.form-grid .form-item {
    display: grid;
    text-align: left;
}

.form-item h3 {
    color: #fff;
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: 700;
}

.form-item label, .form-item span{
    color: #2A2D30;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
}

.lowercase-label p {
    line-height: 1 !important;
}

.lowercase-label p label {
    text-transform: none !important;
}

.lowercase-label-strong p label {
    font-weight: 900;
}

.full-width p > label:first-of-type,
.form-item p > label:first-of-type{
  background-color: #F4E038;
  padding: 6px;
  border-radius: 5px;
}

.full-width p {
    display: flex;
    gap: 1em;
    text-align: left;
    align-items: center;
}

.full-width p span{
    text-align: left;
}

.full-width p span span,
.form-item p span span {
    display: grid;
}

.form-item p > span > span {
    padding-top: 1em;
}



.full-width p span span span label,
.form-item p span span span label{
    display: flex;
}

.label-spacing {
    padding: 1.5em 0 0.5em 0;
}

.label-spacing p label {
    text-transform: none !important;
}

.label-spacing p {
    line-height: 1;
}

.label-space {
    font-weight: 900 !important;
}

.form-item select::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1em;
}

.booking-room-form form input[type=text], 
.booking-room-form form input[type=tel],
.booking-room-form form input[type=email],
.booking-room-form form input[type=date],
.booking-room-form form input[type=number],
.booking-room-form form textarea, 
.booking-room-form form select {
    width: 100%;
    padding: 0.6em;
    border: none;
    resize: vertical;
    color: #2A2D30;
    border-radius: 9px;
    border: 3px solid #bfd8bd;
    font-size: 1em;
    font-weight: 500;
    color: #2A2D30;
    text-transform: none;
    margin: 1em 0;
}

.booking-room-form form input[type=checkbox] {
   width: auto;
   transform: scale(1.5);
   margin-right: 1em;
}

.checkbox {
    padding: 0.6em;
    margin-bottom: 1em;     
}

.wpcf7-list-item {
    margin: 0
}
.booking-room-form form input[type=text]:hover, 
.booking-room-form form input[type=tel]:hover,
.booking-room-form form input[type=email]:hover,
.booking-room-form form input[type=date]:hover,
.booking-room-form form input[type=number]:hover,
.booking-room-form form input[type=checkbox]:hover,
.booking-room-form form textarea:hover, 
.booking-room-form form select:hover {
    background-color: #EDF6F1;
    border: 3px solid #e5ebf1 !important;
}

.booking-room-form form input[type=text]::placeholder,
.booking-room-form form input[type=email]::placeholder,
.booking-room-form form input[type=tel]::placeholder,
.booking-room-form form input[type=date]::placeholder,
.booking-room-form form input[type=number]::placeholder,
.booking-room-form form input[type=checkbox]::placeholder,
.booking-room-form form textarea::placeholder,
.booking-room-form form select::placeholder {
    font-size: 1em;
    font-weight: 500;
    text-align: left;
    color:#2A2D30;
}


/* FORM SUBMIT BUTTON */
.booking-room-form form input[type=submit] {
    justify-self: center;
    font-family: "Gill Sans";
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    padding: 0.5em 1em;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    border-radius: 32px;
    min-width: 272px;
    background-color: #015498;
    border: 1px solid #015498;
    color: #FFF;
}


@media only screen and (max-width: 800px) {
    .booking-room-form {
        grid-column: 2 / 16;
        padding: 4em 0;
    }

    .full-width p {
        flex-direction: column;
        gap: 0;
    }

    .form-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 10px;
    }

    .form-item-title {
        flex-direction: column;
        display: grid;
    }

    .form-item-title h3, .form-item-title p {
        text-align: left;
    }

    .form-item-title p span {
        margin: 0;
    }
    
}





/* SINGLE SECTORS */

.single-sector-brands h2 {
    grid-column: 2/16;
    justify-content: center;
    text-align: center;
}

.brand-list {
    display: grid;
    grid-column: 2/16;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
    flex-wrap: wrap;    
}

.brand-card-image {
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    height: 183px;
    width: 183px;
    align-content: center;
    justify-self: center;
    display: grid;
}

.brand-card a img {
    object-fit: contain;
    align-self: center;
    justify-self: center;
}



.brand-header-content {
    text-align: center;
    padding: 5em 0 2em 0;
}

.brand-header-content p, .brand-header-content h1 {
    display: grid;
    grid-column: 2/16;
    gap: 1em;

}





/* SINGLE BRANDS */


.single-brand-list {
    grid-column: 1/17;
    position: relative;
}

.single-brand-header,
.single-brand-content {
    background-color: #F2F4F5;
    padding: 5em 0;
    display: grid;
    gap: 1em;
    align-items: center;
    justify-content: center;
    text-align: center;
   
}

.single-brand-header p,
.single-brand-content p {
    max-width: 1024px;
    justify-self: center;
}

.single-brand-header h1 {
    font-weight: 700;
    font-size: 80px;
}

.single-brand-header label {
    color: #67C4F0;
    font-weight: 500;
}

.single-brand-content {
    background-color: #fff;
}

.single-brand-content p a {
    font-weight: 700;
}

.single-brand-content p a i {
    color: #67C4F0;
}

.single-brand-image {
    background-color: #fff;
    border-radius: 70px;
    justify-self: center;
    display: grid;
    align-items: center;    
    box-shadow: 0px 3px 6px #00000029;
    position: absolute;
    top: -3.5em;
}

.single-brand-image img {
    max-width: 368px;
}


@media only screen and (max-width: 800px) {

    .single-brand-header h1 {
        font-size: 45px;
    }

    .single-brand-content {
        padding: 2em 1em;
    }

    .single-brand-header {
        padding: 5em 0 2em 1em;
    }

}






/* VACANCY LIST */

.outer-single-sector-vacancy {
    display: grid;
    grid-column: 2 / 16;
    grid-template-columns: 40% 1fr;
    gap: 5em;
    padding: 5em 0;
}


.vacancy-header-content {
    display: grid;
    gap: 1em;
    align-content: start;
}

.vacancy-header-content label {
    color: #67C4F0;
    font-size: 25px;
    letter-spacing: 5px;
}


.vacancy-list {
    display: grid;
    gap: 1.25rem;
}

.vacancy-card {
    border-radius: 24px;
    padding: 2em;
    background: #F2F4F5;
}

.vacancy-card-head {
    display: flex;
    gap: .75rem;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 1em;
}

.vacancy-card-head h3 {
    font-size: 30px;
    font-weight: 700;
}

.vacancy-card__date {
    font-size: 23px;
    color: #67C4F0;
    text-transform: uppercase;
    font-weight: 500;
}

/* Layout for excerpt + icon button inline */
.vacancy-card__summary {
    display: flex;
    align-items: end;
    gap: 1em;
    justify-content: space-between;
}

.vacancy-card__excerpt, .vacancy-card__more {
    margin: 0;
    flex: 1 1 auto;
    max-width: 583px;
}

.vacancy-card__more p:first-of-type {
  margin-top: 1em;
}

.vacancy-card__more p {
    margin-bottom: 1em;
}

/* Icon-only button style */
.vacancy-toggle {
    font-size: 2em;
    border: none;
    background: none;
}

.vacancy-toggle i {
    color: #67C4F0;
}

.vacancy-toggle[aria-expanded="true"] {
  background: #eef2ff;
  border-color: #c7d2fe;
}

.vacancy-card__cta { 
    margin-top: 1em; 
}

.vacancy-card__link { 
    font-weight: 700;
    text-transform: uppercase;
}

.vacancy-card__link i {
    color: #67C4F0;
    padding-left: 0.2em;
}

@media only screen and (max-width: 1000px) {

    .vacancy-card__summary {
        align-items: flex-start;
        display: grid;
        text-align: center;
    }

    .outer-single-sector-vacancy {
        grid-template-columns: 1fr;
        gap: 1em;
        padding: 2em 0;
    }

    .vacancy-card {
        padding: 1em;
    }

    .vacancy-card-head {
        justify-content: center;
        text-align: center;
    }

    .vacancy-header-content {
        text-align: center;
    }

    .vacancy-card__excerpt, .vacancy-card__more {
        text-align: center;
    }

}





/* COUNTERS */

.counters {
    background-color: #67C4F0;
    padding: 7em 0;
}

.outer-counters {
    grid-column: 2/16;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(3em, 2vw, 32px);
    flex-wrap: wrap;
}

.inner-counters {
    flex: 1 1 0;
    text-align: center;
    display: grid;
    gap: 1em;
}

.inner-counters .js-countup {
    display: block;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: clamp(28px, 5vw, 56px);
    color: #fff;
    font-size: 100px;
}

.inner-counters .counter-label {
    font-size: clamp(14px, 1.2vw, 18px);
    color: #015498;  
    font-weight: 500;
    font-size: 30px;
    text-transform: uppercase;
}


@media (max-width: 900px) {
    .counters { 
        flex-wrap: wrap; 
    }

    .inner-counters { 
        flex: 1 1 45%; 
    }
}

@media (max-width: 520px) {
    .inner-counters { 
        flex: 1 1 100%; 
    }
}







/* BRAND ICONS */

.brand-icon-list {
    display: flex;
    gap: 3em;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.brand-icons {
    padding: 5em 0;
    background-color: #F2F4F5;
    gap: 2em;
}

.brand-icon-img {
    border-radius: 70px;
    width: 250px;
    padding: 1em;
    height: auto;
    box-shadow: none;
}

.brand-icons a {
    grid-column: 2/16;
    text-align: center;
    justify-self: center;
}

.brand-home-button i {
    color: #67C4F0;
}

@media (max-width: 1000px) {

    .brand-icons {
        gap: 0;
        row-gap: 2em
    }

    .brand-icon-list {
        gap: 2em;
    }

    .brand-icons {
        padding: 3em 0;
    }

}





/* HOME BLOGS */

.inner-blog-header {
    text-align: center;
}

.inner-blog-header label {
    color: #67C4F0;
    font-size: 25px;
}

.home-blog-button {
    justify-self: center;
    margin: 2em 0 1em 0;
}

.home-blog-button i {
    color: #67C4F0;
}









/* SIMPLE TEXT WITH LINK */ 

.simple-text {
    padding: 5em 0;
}

.inner-simple-text {
    display: grid;
    grid-column: 2/16;
    max-width: 962px;
    justify-self: center;
    text-align: center;
    gap: 1em;
}

.inner-simple-text label {
    color: #67C4F0;
    font-size: 25px;
}

.inner-simple-text a {
    justify-self: center;
}


@media (max-width: 1000px) {

    .simple-text {
        padding: 2em 0;
    }

}