/*
Theme Name: Lindrick Construction
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: #171731;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    /* outline: 1px solid red !important; */
}

html{
    overflow-x: hidden !important;
  }
  
body{
    font-family: "Inter", sans-serif;
    overflow-x: hidden !important;
    display: grid;
  }


@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, nav, header, #primary {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column: 1 / 17;
    justify-self: center;
    max-width: 2000px;
    width: 100%;
}

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: center;
    font-family: "Inter", sans-serif;
    font-size: 20px !important;
    font-weight: 600;
    text-align: center;
    padding: 0.8em 2em;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    min-width: 255px;
}

.blue-button {
    background-color: #6896EA;
    color: #EDF1F8;
    border: 1px solid #6896EA;
}








/* TEXT */
h1, h2, h3, h4, h5, h6{
    color:#0B1A35;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    line-height: 1.2;
}

h1{
    font-size: 70px;
}

h2{
    font-size: 40px;
}

h3{
    font-size: 2.5em;
}

h4{
    font-size: 1em;

}

p, li{
    color: #28499A;
    font-size: 22px;
    line-height: 1.7;
    font-weight: 300;
}

strong {
    color: inherit;
}

label {
    font-size: 20px;
    text-transform: uppercase;  
    font-weight: 600;
    letter-spacing: 2px;
}

img {
    width: 100%;
}

ul.main-nav{
  padding: 0;
}

.faqs ol li{
  list-style-type: decimal !important;
}

/* li {
  font-size: 16px;
} */

li::marker {

}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

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

}

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

    h1,  h1 span{
        font-size: 45px;
    }
    
    h2{
        font-size: 35px;

    }
    
    h3{
        font-size: 30px;
    
    }
    
    h4{
        
    }
        
    p , li{
        font-size: 18px;
        line-height: 1.4;
    }   
    
    label {
        font-size: 18px;
    }

}






/* MAIN BANNER */

.main-banner{
  position: relative;
  width: 100%;
  min-height: 90vh;
  overflow: hidden;

  --gradient: linear-gradient(250deg,
    rgba(104,150,234,0) 18%,
    rgba(77,104,171,0.83) 67%,
    rgba(55,85,161,0.93) 81%,
    rgba(40,73,154,1) 100%
  );

  /* Default: gradient overlay + featured image */
  background-image: var(--gradient), var(--bg);
  background-size: cover, cover;
  background-position: 50% 10%, center;
  background-repeat: no-repeat, no-repeat;
}

/* Video background layer */
.main-banner .main-banner-media{
  position: absolute;
  inset: 0;
  z-index: 0;
}

.main-banner .main-banner-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* When video exists, remove background image/gradient from the section,
   and re-apply ONLY the gradient as an overlay above the video */
.main-banner.has-video{
  background-image: none;
}

.main-banner.has-video::before{
  content:"";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: var(--gradient);
  background-size: cover;
  background-position: 50% 10%;
  background-repeat: no-repeat;
}

/* Content stays above everything */
.outer-main-banner{
  display: grid;
  grid-template-columns: 1fr;
  grid-column: 2 / 16;
  align-self: center;
  position: relative;
  z-index: 2;
}

.outer-main-banner h1,
.outer-main-banner p{
  color: white;
}

.main-banner-title{
  display: grid;
  gap: 2em;
  align-items: end;
  max-width: 720px;
}

.main-banner-title h1 span{
  color: #fff;
  font-weight: 700;
}

.header-contents{
  display: grid;
  gap: 3em;
  text-align: left;
  justify-self: left;
  justify-items: left;
}

.header-contents h1 strong{
  color: #fff;
}

.single-page-header label,
.header-contents label{
  color:#EDF1F8;
  padding: 0.5em 2em;
  border: 3px solid #6896EA;
}

.header-contents p:has(> label){
  border: 3px solid #6896EA !important;
  padding: 0 2em !important;
  color: #fff;
  text-align: center;
}

.header-contents p:has(> label) label{
  color: #EDF1F8;
  padding: 0;
  border: none !important;
}

.header-contents p{
  margin: 0;
}

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

/* SUB BANNER */

.sub-banner {
    padding: 4em 0;
    max-width: 1115px;
}

.sub-banner p {
    color: #28499A;
}

.sub-banner-inner {
    grid-column: 1/17;
    text-align: center;
    gap: 2em;
    display: grid;
}

.sub-banner i {
    font-size: 75px;
    color: #6896EA;
}

.sub-banner-inner label {
    border: 3px solid #6896EA;
}

.sub-page-banner {
    background-image: linear-gradient(360deg, #6896EA 0%, #4D68ABD3 47%, #0B1A35 100%);
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-clip: padding-box;
    padding: 2em 0;
}

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

.sub-page-banner-inner {
    grid-column: 2/16;
    text-align: center;
    justify-items: center;
    justify-self: center;
    z-index: 1;
}

.sub-page-banner-inner h1,
.sub-page-banner-inner h1 span {
    font-weight: 600;
    color: #FFFFFF;
    font-size: 70px;
}

.blog-page-header {
    padding: 4em 0;
}

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

.sub-page-banner-inner i {
    color: #6896EA;
    font-size: 80px;
}

.single-page-header h1 {
    color:#0B1A35;
}





/* WHITE HEADER */

.white-header {
    min-height: 75vh !important;
}

.white-header h1,
.white-header p label {
    color: #0B1A35 !important;
}

.white-header::before {
   background: #fff !important;
}

.white-header p {
    max-width: 1115px;
    justify-self: center;
    color: #28499A;
}

.white-header p strong {
    color: #28499A;
}














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

    .sub-banner-inner {
        grid-column: 2/16;
    }

    .main-banner{
        min-height: 65vh;
    }

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

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

    .outer-main-banner {
        /* padding: 0; */
        gap: 1em;
        grid-template-columns: 1fr;
    }

    .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;
    }

    .main-banner-title p label {
        font-size: 17px;
        font-weight: 600;
    }

    .header-contents {
        gap: 1em;
        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;
    } 
        

}










/* 404 PAGE */

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

section.error h1 {
    color: #0B1A35;
    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: 1350px) {

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

}









/* MENU BAR DESKTOP VIEW */

header {       
  position: relative;
}

.grid-header-section {
    display: grid;  
    background-color: #0B1A35;   
    z-index: 99999;
}

.header-logo-background {   
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;            
}

.inner-header-logo-background {
    position: absolute;
    z-index: 4;
    align-items: center;
    height: 100%;
    display: grid;
}

.header-logo-img {
    max-width: 249px;
    margin: 0 8em 0 2em;
}




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

    #hamburger-input:checked, #hamburger-menu #sidebar-menu{
        display: none;
    }

    .grid-header-section {
        display: grid;      
        z-index: 2;
    }

    .grid-header-outer {
        display: grid;
        grid-template-columns: 75%;
        grid-column: 1 / 17;
        align-items: center;
        margin: 1.5em 0;
        padding: 0 2em;
        z-index: 99;
        justify-content: end;
    }

    .grid-header-outer a img{     
        width: 100%;
        display: grid;
    }

    .header-menu {
        display: grid;
    }

    .header-menu ul{
        display: flex;
        text-align: center;
        justify-content: flex-start;
        column-gap: 4rem;
        --gap: 4rem;       
        justify-self: end; 
    }

    .header-menu ul li {
        list-style: none;
        align-self: center;
        position: relative;
    }

    .header-menu > ul > li::after {
        content: "";
        position: absolute;
        right: calc(var(--gap) / -2);
        top: 50%;
        transform: translateY(-50%);
        width: 2px;  
        height: 1.75em; 
        background: #28499A;
    }

    .header-menu ul li a {
        display: grid;
    }

     .header-menu ul .contact-menu-link {
        border-right: 0 !important;
     }

    .menu-item a span{
        text-transform: uppercase;
        color: #EDF1F8;
        font-weight: 600;
        font-size: 20px;
        letter-spacing: 2px;
    }

    .menu-item a span i {
        color: #6896EA;
        font-size: 30px;
    }

    .front-page-menu .menu-item a span{
        color: #fff;
    }

    .menu-item .sub-menu a span:hover {
        color: #00528C;
    }
    
   
    #hamburger-input, .overlay, #hamburger-menu, #sidebar-menu, .header-bar  {
        display: none;
    }

    .menu-item-has-children .toggle-icon::before {
        content: '\f04b';      
        font: var(--fa-font-sharp-solid);     
        display: inline-block;               
        margin-left: 5px;
        font-size: 1em;
        color: #6896EA;    
        transform: rotate(90deg);
    }


/* SUB MENU ***************************************************************************/

 
    .menu-item .sub-menu {
        display: none;
    }

    .menu-item .sub-menu .menu-item .sub-menu {
        display: none;
    }



      .menu-item .sub-menu .menu-item-has-children > a:after {
        color: #F8C624;

}
    .menu-item .sub-menu .menu-item a:hover {
        font-weight: 600;
    }

    .menu-item:hover .sub-menu {
        display: grid;
        grid-template-columns: 1fr;    
        text-align: left;
        z-index: 50 !important;
        margin: auto;
        position: absolute;
        padding: 1em 0;
        left: -50%;
        border-top: 20px solid transparent;
    }

    /* .menu-item-has-children:hover > a .toggle-icon::before {
        transform: rotate(90deg);
    } */

    .menu-item .sub-menu  {
        position: relative;
    }

    .menu-item .sub-menu .menu-item {
        text-align: center;
        border-right: 0;
        min-width: 297px;
        background-color: rgba(237, 241, 248, 0.9);
    }

    .menu-item .sub-menu .menu-item a span {
        color: #0B1A35;
        text-transform: capitalize;
        font-size: 18px;
    }

    .menu-item .sub-menu .menu-item:last-child a {
        border-bottom: 0 !important;
    }

    .menu-item .sub-menu .menu-item a {
        text-transform: none;
        border-bottom: 1px solid #6896EA;
        display: flex;
        padding: 1em 1em 1em 0;
        justify-self: center;
        align-items: center;
        width: 90%;
        text-align: left;
    }
/* 
    .menu-item .sub-menu .menu-item a {
        color:#0B233B;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.05em;
    } */

}

.contact-menu-link a {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 0.4em 1.5em; 
    background: #6896EA;  
}

.contact-menu-link a span {
    color: #fff !important;
}




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

    .side-menu-contact-info {
        grid-column: 5 / 17 !important;
        flex-wrap: wrap;
    }

    .side-menu-contact-info-mobile {
        grid-column: 1 / 17 !important;
        display: grid;
        padding: 0.5em;
        justify-content: center !important;
        justify-items: center;
        align-self: end;
        text-align: center;
    }


}


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


    .header-menu ul{
        column-gap: 2rem;
        --gap: 2rem;       
    }

    .header-menu > ul > li::after {
        right: calc(var(--gap) / -2);
    }

}

/* RESPONSIVE MENU UNCLICKED */
@media only screen and (max-width: 1350px) {

    .contact-banner {
        display: none !important;
    }

    .grid-header-outer, 
    .outer-banner-message-outer,
    .info-header-bar,
    .inner-grid-header {
        display: none;
    }

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

    .header-logo-img {
        max-width: 188px;
        margin: 0;
    }

    .header-logo-img-inner {
        max-width: 82px;
    }
    
    .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;
    }

    #sidebar-menu ul li a:hover{
        color:#5BBDB2;
    }

    .responsive-menu a i {
        color: #EDF1F8;
        font-size: 35px;
    }

    .menu-icon {
        width: 40px;
        height: 5px;
        background-color: #6896EA;
        margin: 3.5px 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;
    }

    #hamburger-menu #sidebar-menu {
        grid-template-columns: 1fr;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        background-color: #0B1A35;
        transition: 0.3s;
        box-sizing: border-box;
        z-index: 20;
    }

    /* Scroll Side Menu */
    #sidebar-menu {
        overflow-y: auto;
        background-color: #EFEFEF;
        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;
        border-bottom: 2px solid #28499A;
        justify-items: center;
        padding: 1em 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: #EE7D3B;
    }

    #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;
    }

    #lindrickconstruction-side-nav li > a > span,
    #lindrickconstruction-side-nav li > .menu-link-wrapper > a > span {
        color: #EDF1F8;
        font-weight: 600;
    }

    .side-nav li a span {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 600;
        color: #EDF1F8;
    }

    #lindrickconstruction-side-nav {
        padding: 2em;
        display: grid;
    }
    



    /* SUB MENU */

    #hamburger-menu ul .sub-menu{
        width: auto;
        padding: 1em 0;
    }

    #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.3em 0;
        border: 0;
     }

    #sidebar-menu ul li .sub-menu li a > span {
        color: #EDF1F8;
        font-size: 22px;
        font-weight: 400;
        text-transform: capitalize;
    }

    #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: 3400;
        font-size: 20px;
    } 

    .menu-link-wrapper {
        display: flex;
        align-items: center;
        gap: 1em;       
        justify-content: center;
    }
    
    .toggle-icon::before {
        content: '\f04b';
        font: var(--fa-font-sharp-solid);
        display: inline-block;
        margin-left: 5px;
        font-size: 0.7em;
        color: #6896EA;
        transform: rotate(90deg);
    }

    /* .toggle-icon.open::before {
        transform: rotate(90deg);    
    } */

}








/* CONTACT BANNER */


.contact-banner {
    background-color: #6896EA;
    display: grid;
}

.side-menu-contact-info  { 
    grid-column: 1 / 17;
    display: flex;
    justify-content: right;
    gap: 1em;
    padding: 0.5em 2em;
    background-color: #6896EA;
}

.side-menu-contact-info a,
.side-inner-contact-details {
    color: #EDF1F8;
    font-weight: 400;
    display: flex;
    gap: 0.5em;
    align-items: center;
    font-size: 18px;
    word-break: break-all;
    text-transform: none !important;
}

.side-inner-contact-details strong {
    color: #EDF1F8;
}

.header-tel {
    font-size: 22px;
}

.side-menu-contact-info i {
    color: #EDF1F8;
    padding-right: 0.2em;
}




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


    .side-menu-contact-info {
        display: grid;
        padding: 0.5em;
        justify-content: center;
        justify-items: center;
        align-self: end;
        grid-column: 1/17 !important;
        text-align: center;
    }

    .responsive-menu a i {
        color: #EDF1F8;
    }

    .side-menu-contact-info i {
        font-size: 14px;
        padding: 0;
    }

    .side-inner-contact-details:first-of-type {
        display: none !important;
    }

}
    











/* FOOTER */

.footer {
    background-color: #0B1A35;
}

.footer-areas {
    display: grid;
    grid-template-columns: 30% auto auto 25%;
    grid-column: 2 / 16;
    padding: 3em 0;
    gap: 5em;
    border-bottom: 1px solid #6896EA;
}

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

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

.inner-contact-details i {
    text-indent: -20px;
}

.footer-box p a {
    font-size: 18px;
    font-weight: 600;
    color: #E2E9F3;
    word-break: break-all;
}

.footer-box h3 {
    color: #6896EA;
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 600;
}

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

.outer-footer-details ol li, 
.outer-footer-details ul li,
.outer-footer-details ul,
.outer-footer-details ol {
    list-style-type: none;
    margin: 0;
}

.footer-box li {
    color: #E2E9F3;
    font-size: 18px;
    margin: 0;
}

.footer-box li a span {
    text-transform: none;
    font-weight: 300;
    font-size: 20px;
    color: #E2E9F3;
    text-decoration: underline;
    text-decoration-thickness: 1px; 
    text-underline-offset: 4px; 
}

.footer-logo{
    max-width: 319px;
}

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

/* FOOTER COLUMN TWO */

.footer-menu-bullets li::before{
    content: '\f04b';
    font: var(--fa-font-sharp-solid);
    display: inline-block;
    margin-left: 0;
    font-size: 0.7em;
    color: #6896EA;
    margin-right: 1em;
}

/* FOOTER COLUMN THREE */

/* FOOTER COLUMN FOUR */

.inner-contact-details {
    display: grid;
    gap: 1em;
    align-items: start;
    margin-left: 20px;
}

.inner-contact-details i {
    color: #6896EA;
    font-size: 18px;
}

.sign-up-form form p{
    background-color: #fff;
    display: grid;
    grid-template-columns: auto auto;
    padding: 8px;
}

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

.sign-up-form form input[type=submit]{
    margin: 8px 0;
    border: 0;
    background-color: #FFC833;
    cursor: pointer;
    padding: 0.5em 1em;
}

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

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



/* LOWER FOOTER BAR */

.lower-footer {
    align-self: center;
    padding: 3em 0 !important;
    border-top: #000 1px solid;
    grid-column: 2/16;
}

.inner-lower-footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 1 / 17;
    text-align: center;
}

.inner-lower-footer .policy{
    text-align: right;
}

.lower-content {
    padding: 2em 0 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1em;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    justify-self: center;
}

.lower-content ul {
    display: flex;
    gap: 1em;
}

.lower-content ul li a span {
    color: #6896EA;
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.lower-content ul li {
    line-height: 0;
}

.inner-lower-footer p, 
.inner-lower-footer a strong,
.lower-content p {
    color: #E2E9F3;
    margin: 0;
    font-size: 18px;
    font-weight: 300;
}

.lower-content-image {
    display: flex;
    justify-content: center; 
    gap: 1em;   
    flex-wrap: wrap;
}

.inner-lb-img {
    border-radius: 50%;
    background-color: #fff;
    padding: 1.5em;
    align-content: center;
    width: 111px;
    height: 111px;
}

.lower-content-image img {
    object-fit: contain;
}





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

    .inner-contact-details i {
        text-indent: -26px;
    }

    .footer-areas {
        grid-template-columns: 1fr;
        gap: 3em;
        justify-content: left;
        text-align: left;
        justify-items: left;
    }

    .footer-box-four {
        order: 2;
    }
    .footer-box-two {
        order: 3;
    }
    .footer-box-three {
        order: 4;
    }
    .footer-box-one {
        order: 1;
    }

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

    .inner-lower-footer {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .outer-footer-details {
        justify-items: left;
    }
    
    .footer-nav {
        grid-template-columns: 1fr;
    }

    .footer-box a img {
        max-width: 368px;
    }

    .footer-box p {
        font-size: 18px;
        text-align: left;
    }

    .inner-contact-details {
        justify-items: left;
    }

    .sign-up-form form p {
        padding: 0;
        background-color: transparent;
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .sign-up-form form p > span input {
       min-height: 62px; 
    }

    .lower-content-image img {
        max-width: 75px;
    }

    .inner-lb-img {
        height: 107px;
        width: 107px;
    }
}








/* REPEATED ELEMENTS */

.book-now-cta {
    position: relative; 
    min-height: 60vh;
     --gradient: linear-gradient(90deg,
      rgba(11,26,53,0.8) 0%,
      rgba(12,27,56,0.8) 54%,
      rgba(40,73,154,0) 100%);
    background-image: var(--gradient), var(--bg);
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
}

.inner-book-now-cta-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 3/15;
    align-items: center;
    z-index: 1;
    max-width: 820px;
}


.inner-book-now-cta-content p,
.inner-book-now-cta-content p strong {
    color: #FFF;
    font-size: 22px;
}

.inner-book-now-cta-content h2 {
    color: #6896EA;
    font-size: 40px;
    font-weight: 800;
}

.inner-book-now-cta-content p {
    margin: 0;
}

.cta-content {
    display: grid;
    gap: 2em;
}

.cta-content i {
    color: #6896EA;
    padding-right: 0.5em;
}

.cta-content a {
    justify-self: start;
    font-weight: 600;
    font-size: 24px;
    color: #EDF1F8;
}

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

    .book-now-cta {
        min-height: auto;
        --gradient: linear-gradient(180deg,
      rgba(11, 26, 53, 1) 0,
        rgba(12, 27, 56, 0.97) 0,
        rgba(18, 36, 76, 0.78) 20%,
        rgba(40, 73, 154, 0) 100%)
    }

    .cta-content {
        display: grid;
        gap: 2em;
        padding: 4em 0;
        text-align: center;
    }

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

    .inner-book-now-cta-content {
        grid-column: 2/16;
    }

    .inner-book-now-cta-content p,
    .inner-book-now-cta-content p strong {
        line-height: 30px;
        font-size: 18px;
    }

    .inner-book-now-cta-content h2 {
        font-size: 35px;
    }

}
















/* HOME BLOG PAGE */

.blogs {
    background-color: #fff;
    padding: 4em 0;
}

.blogs-header {
    display: grid;
    grid-column: 2/16;
    padding: 2em 0;
    text-align: center;
    gap: 1em;
}

.blogs-header h2 {
    color: #00528C;
}

.blog-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
}

.blog-boxes-home {
    grid-template-columns: repeat(3,1fr);
    grid-column: 2/16;
}

.blog-related-boxes {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column: 2/16;
}

.blog-related {
    background-color:#fff;
}

.blog-content {
    display: grid;
    gap: 1em;
    text-align: left;
}

.blog-title-date {
    display: grid;
    grid-template-columns: auto auto;
    gap: 1em;
    align-items: center;
}

.blog-content a {
    justify-self: left;
}

.blog-box-home:hover .blog-content p a,
.blog-box-home:hover .blog-content p,
.blog-box-home:hover .blog-content h3  {
    color: #EDF1F8;
}

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

.blog-content h3 {
    text-transform: capitalize;
    color: #0B1A35;
    font-size: 30px;
    font-family:"myriad-pro", sans-serif;
}

.blog-content p {
    color: #28499A;
    font-size: 20px;
    font-weight: 300;
}

.blog-box-home {
    background-color: #EDF1F8;
    padding: 1.5em;
    position: relative;
    display: grid;
    gap: 1em;
    text-align: center;  
    align-content: start;
    height: 100%;
}

.blog-box-home:hover {
    background-color: #28499A;
    cursor: pointer;
}

.blog-box-home:hover .blog-content a {
    border: 2px solid #EDF1F8;
    background-color: transparent;
}



.blog-box-home * {
    position: relative;
    z-index: 1;
}

.single-product-box {
    height: 100%;
}

.blog-box-home-img {
    width: 100%;
    display: grid;
}

.blog-box-home-img img {
    max-height: 409px;
    object-fit: cover;
}

.single-product-img img {
    max-height: 200px;
}

.blog-date {
    font-size: 20px;
    display: grid;
    text-transform: none;
    letter-spacing: 0;
    justify-content: end;
}

.day {
    color: #0B1A35;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border: 3px solid #6896EA;
    justify-self: center;
    padding: 0.2em 1em;
}

.blog-box-home:hover .day {
    color: #EDF1F8;
     border: 3px solid #EDF1F8;
}

.post-category-home {
  font-size: 24px;
  background-color: #6896EA;
  padding: 0.2em 0.5em;
  text-transform: capitalize;
}

.post-category-home a {
    color: #fff;
    font-size: 20px;
}

.outer-blog-link {
    display: grid;
    grid-column: 2/16;
    justify-content: center
}



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

    .blog-box-home-img img {
        max-height: 305px;
    }

    .blog-title-date {
        grid-template-columns: auto;
    }

    .blog-title-date .blog-date{
        order: 1;        
    }

    .blog-title-date h3 {
        order: 2;
     }

    .blog-box {
        gap: 2em;
        padding: 1em 1em 2em 1em;
    }

    .blogs {
        padding: 2em 0;
      }

    .blog-boxes {
        grid-template-columns: 1fr;
        grid-column: 2/16;
        order: 2;
    }

    .blog-boxes-home {
        order: 1 !important;
        gap: 2em;
        padding: 0;
    }

    .outer-blog-link {
        order: 2;
    }  

    .blog-content {
        text-align: center;
    }

    .blog-content a {
        justify-self: center;
        font-size: 1.25em;
        padding: .5em 1em !important;
    }

    .blog-content span {
        justify-self: center;
    }

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

    .blog-date {
        justify-self: center;
    }

    

}









/* BLOG PAGE */

.blog-page {
    padding: 4em 0;
    position: relative;
    border-bottom: 5px solid #95C11F;
}

.inner-blog-page {
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-column: 2/16;
    gap: 2em;
}

/* Blog Search and Categories */
.blog-catergories-search {
    display: grid;
    gap: 2em;
    align-self: start;
}

.bog-search, .blog-categories {
    background-color: #EDF1F8;
    padding: 2em 1em;
}

.blog-categories {
    display: grid;
    gap: 1em;  
}

.blog-categories h3 {
    font-size: 30px;
    color: #030303;
    font-weight: 700;
    text-transform: capitalize;
    font-family:"myriad-pro", sans-serif;
}

.blog-categories ul {
    display: grid;
    gap: 1em;
}

.blog-categories ul li {
    padding: 0.5em;
    border-bottom: 2px solid #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-categories ul li::after {
    content: '\f04b';
    font: var(--fa-font-sharp-solid);
    font-size: 1em;
    color: #6896EA;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.blog-categories ul li a {
    font-size: 25px;
    color: #0B1A35;
    font-weight: 600;
    text-transform: capitalize;
}

.blog-categories-search {
    display: grid;
    gap: 2em;
    align-content: start;
}

.blog-search {
    background-color: #EDF1F8;
}

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

.blog-search form {
    display: grid;
    grid-template-columns: 1fr 20%;
}

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

/* search form */
.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: #6896EA;
}


/* Blog Boxes display */
.blog-boxes-page {
    grid-template-columns: 1fr 1fr;
    display: grid;
    gap: 3em;
    z-index: 1;
}

.blog-boxes-page h2 {
    display: grid;
    grid-column-start: span 2;
    text-align: center;
    padding-bottom: 0.5em;
}

.blog-box {
    padding: 1em;
    background-color: #EFF0F0;
    box-shadow: 0px 3px 6px #00000029;
}

.blog-box, .blog-content, .blog-box-img {
    position: relative;
    z-index: 1;
}

.blog-boxes-page .blog-box-img img {
    max-width: none;
    width: 100%;
    max-height: 350px;
    object-fit: cover;
}

.blog-box:hover {
    background-color: #00AC4B !important;
}

.blog-box h4 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.blog-box:hover h4, .blog-box:hover p {
    color: #fff;
}

.blog-box a {
    color: #00AC4B;
    text-transform: uppercase;
    font-weight: 600;
}

.blog-box:hover a {
    color: #FFC833;
}

.blog-button {
    grid-column-start: span 2;
    justify-self: center;
    margin: 2em 0;
    display: grid;
}

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

.post-category {
    position: absolute;
    top: -0.7em;
    justify-self: center;
    font-weight: 600;
}

.blog-box-content {
    display: grid;
    gap: 1em;
    padding: 4em 1em 1em 1em;
    position: relative;
}

.post-date {
    position: absolute;
    padding: 0.5em;
    display: grid;
    max-width: 94px;
    max-height: 86px;
    background-color: #FFC833;
    top: -2em;
    left: 0.5em;
    z-index: 1;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    height: 100%;
    align-items: center;
    width: 100%;
    letter-spacing: 0;
}

.post-date-year {
    font-size: 18px;
    font-weight: 700;
}



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

    .inner-blog-page {
        grid-template-columns: 1fr;
    }

    .blog-boxes-page {
        grid-template-columns: 1fr;
        padding: 3em 0;
        gap: 1.5em;
    }
    
    .blog-boxes-page .blog-content {
        display: grid;
        gap: 1em;
        flex-direction: column;
        align-items: start;
    }

    .blog-large-triangle {
        display: none;
    }

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

    .blog-categories-search {
        gap: 1em;
    }

    .blog-content a {
        padding: 0.5em 2.5em;
        font-size: 22px;
    }

    .post-date {
        left: 0.2em;        
    }

    .post-category {
        right: auto;
        left: auto;
        justify-self: center;
    }
}



















/* SINGLE BLOG POST */

section.single-post {
    position: relative;
}
  
  .inner-single-post {
    grid-column: 3 / 15;
    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: 633px;
  }

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

}

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

  .single-content h2 {
    font-weight: 600;
    text-transform: uppercase;
  }
    
  .single-content a {
    color: #fff;
  }

.single-post-cat {
    bottom: auto;
    right: auto;
    left: 0;
    box-shadow: none;
    top: -1em;
}

.single-blog-date {
    top: 3em;
    left: 0;
    width: 100%;
}
 
  .outer-blog-boxes-single {
    grid-column: 2 / 16;
  }

  .blog-boxes-page-single {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    gap: 3em;
    padding: 4em 0;
  }

  .blog-page-single label {
    /* grid-column: 2/16; */
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    /* font-family:"ac-caslon-pro", serif; */
  }

  .all-blogs-button {
    grid-column: 2/16;
    display: grid;
    justify-self: center;
    margin: 2em 0 0 0;
  }

.single-blog-header {
    padding: 4em 0;
    z-index: 1;
    background-image: linear-gradient(360deg, rgba(104, 150, 234, 1) 0%, rgba(77, 104, 171, 0.83) 47%, rgba(11, 26, 53, 1) 100%);
}

.single-blog-header.white-header {
    background-color: #fff !important;
    background-image: none;
    min-height: 40vh !important;
    align-items: center;
}

.single-blog-header.white-header label {
    color: #0B1A35;
}

.single-blog-header::before {
    background: none !important;
}

.label-header {
    grid-column: 2/16;
    margin: 0 0 2em 0;
    color: #156754;
    font-size: 40px;
}



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

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



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

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

    .single-blog-header.white-header {
        min-height: 35vh !important;
    }

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

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

    .single-date-blog {
        left: auto;
        bottom: -3em;
        top: auto;
    }

    .single-blog {
        /* gap: 3em; */
        display: grid;
    }

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

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

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

    .post-category-p {
        margin-top: 2em;
    }

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

    .post-date-single {
        left: 0.5em;
    }
      
    .post-category-single {
       right: 0.5em;
    }

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

    .single-post-cat {
        top: -1em;       
        left: auto;
    }

    .single-post-cat a {
        font-size: 20px;
    }

    .blog-page-single .label-header {
        text-align: center;
        padding: 0;
        margin: 0 0 1em 0;
    }
    

}








/* SINGLE PROJECTS */

.full-width-image-single-project {
    margin-top: -18em;
}






/* CUSTOM POST ARCHIVE */


.sub-page-banner {
  position: relative;  
  background-size: cover;
  background-position: center;
}

.sub-page-banner::before {
  content: "";
  position: absolute;
  inset: 0;
    background: transparent linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(120, 140, 191, 0.63) 19%, rgba(77, 104, 171, 0.83) 39%, rgba(11, 26, 53, 1) 100%);
  pointer-events: none;
}



/* PICTURE WITH FADE */

.projects-banner {
  position: relative;
  z-index: 1;
}

.projects-page-banner {
    min-height: 40vh;
    align-items: center;
    background-color: #fff;
}


.project-sub-content {
    grid-column: 2/16;
    text-align: center;
    display: grid;
    gap: 1em;
}

.project-sub-content p {
    color: #28499A;
}



.cpt-projects {
    padding: 5em 0;
}

.inner-cpt-projects {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column: 2/16;
    gap: 3em;
    padding: 2em 0;
}

.inner-cpt-projects .blog-content,
.inner-home-projects .blog-content {
    text-align: center;    
}

.inner-cpt-projects .blog-content a,
.inner-home-projects .blog-content a  {
    justify-self: center;
    color: #6896EA;
}

.inner-cpt-projects .blog-box-home,
.inner-home-projects .blog-box-home {
    background-color: #EDF1F8;
    padding: 1em;
}

.inner-cpt-projects .blog-content,
.inner-home-projects .blog-content {
    padding: 1em 3em !important;
}

.inner-cpt-projects .blog-content p,
.inner-home-projects .blog-content p {
    color: #28499A;
}

.inner-cpt-projects .blog-content h3,
.inner-home-projects .blog-content h3 {
    font-size: 25px;
    color: #0B1A35;
}

.inner-cpt-projects .blog-box-home:hover,
.inner-home-projects .blog-box-home:hover {
    background-color: #28499A;
}

.inner-cpt-projects .blog-box-home:hover .blog-content a,
.inner-home-projects .blog-box-home:hover .blog-content a {
    border: none;
    background-color: none;
    color: #EDF1F8;
}


.inner-cpt-projects .blog-box-home:hover .blog-content h3,
.inner-cpt-projects .blog-box-home:hover .blog-content p,
.inner-home-projects .blog-box-home:hover .blog-content h3,
.inner-home-projects .blog-box-home:hover .blog-content p {
    color: #EDF1F8;
}


.projects-button {
    justify-self: center;
    margin: 2em 0;
    display: grid;
    grid-column: 2/16;
}



/* PROJECTS HOME PAGE */

.home-projects {
    padding: 5em 0;
}

.projects-header-contents, .all-projects {
    display: grid;
    grid-column: 2/16;
    text-align: center;
    gap: 1em;
}

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



@media (max-width: 1150px) {

    .cpt-projects {
        padding: 3em 0;
    }

    .blog-box-home {
        padding: 0.5em;
    }

    .home-projects {
        padding: 3em 0;
    }

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

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

    .inner-cpt-projects .blog-content,
    .inner-home-projects .blog-content {
        padding: 0 !important;
    }

    .inner-cpt-projects .blog-content a,
    .inner-home-projects .blog-content a  {
        font-size: 18px;
    }


}






/* SIMPLE TEXT CONTENT */

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

.simple-text-blue {
    background-color: #EDF1F8;
}

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





/* CPT SIMPLE TEXT */

.cpt-inner-simple-text {
    max-width: 100%;
    grid-column: 3/15;
}




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

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

    .cpt-inner-simple-text {
        grid-column: 2/16;
    }

}






/* SERVICE LINKS */

.service-links {
    justify-self: center;
    margin-top: -7em;
    z-index: 1;
}

.inner-service-links {
    grid-column: 3 / 15;
    display: flex;
    gap: 2em;
}

.inner-link-content {
    background-color: #EDF1F8;
    box-shadow: 10px 10px 10px #28499A33;
    padding: 2em;
    max-width: 511px;
    width: 100%;
}

.inner-link-content:hover {
     background-color: #28499A;
}

.inner-link-content:hover h2,
.inner-link-content:hover p,
.inner-link-content:hover i {
    color: #EDF1F8;
}

.inner-link-content i {
    color: #6896EA;
    padding-right: 0.2em;
    font-weight: 600;
}

.inner-link-content p {
    font-size: 20px;
}

.inner-link-content a {
    display: grid;
    gap: 1em;
}


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

    .service-links {
        margin-top: -4em;
    }
}


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

    .inner-link-content {
        padding: 1em;
    }

    .inner-service-links {
        flex-direction: column;
        justify-self:center;
        grid-column: 2/16;
    }

    .inner-link-content a {
        justify-items: center;
        text-align: center;
    }

    .inner-link-content h2 {
        display: grid;
        gap: 20px;
    }
}
















/* TEXT AND DROPDOWNS */


/* text content */
.text-dropdowns {
    padding: 5em 0;
    background-color: #EDF1F8;
}

.outer-text-dropdowns {
    display: grid;
    grid-column: 3/15;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
}

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

.text-content a {
    justify-self: start;
}


/* dropdowns */
.faq-container {
    display: grid;
    align-self: center;
    gap: 1em;
}

.faq-one {
    border: none;
    background-color: #fff;
}

.faq-page {
    cursor: pointer;
    padding: 1em 0.5em;
    outline: none;
    font-size: 25px;
    align-items: center;
    text-transform: capitalize;
}

.faq-page i {
    color: #6896EA;
    padding-right: 0.5em;
}

.faq-body {
    display: none;
    overflow: hidden;
}

.faq-body p {
    padding: 1em 15px 2em 15px;
}

.faq-body p strong{
    color: #fff;
}

.faq-page:after {
    color: #6896EA;
    content: '\f2ec';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    float: right;
    transform: rotate(90deg);
    font: var(--fa-font-sharp-solid);  
}

.active:after {
    color: #EDF1F8;
    content: "\f2ec"; 
    font-weight: 700;
    font-family: 'Font Awesome 5 Pro';
    transform: rotate(180deg);
    font: var(--fa-font-sharp-solid);  
}


.faq-one:has(> .faq-page.active) { 
    background:#6896EA;
}

.faq-one .faq-page.active,
.faq-one .faq-page.active i,
.faq-one:has(> .faq-page.active) .faq-body p { 
    color: #fff;
}

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

    .outer-text-dropdowns {
        display: grid;
        grid-column: 2 / 16;
        grid-template-columns: 1fr;
        gap: 2em;
    }

    .text-dropdowns {
        padding: 3em 0;
        text-align: center;
    }

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

    .faq-page {
        font-size: 18px;
        text-align: left;
    }

    .faq-page:after {
        padding: 0;
    }

    .faq-body p {
        text-align: left;
    }
}











/* TEXT IMAGE SPLIT */

.text-image-split {
    min-height: 70vh;
    padding: 4em 0 0;
}

.text-image-split.dark-blue-image .split-content p,
.text-image-split.dark-blue-image .split-content p strong {
    color: #EDF1F8;
}

.split-content ul li {
    list-style-type: disc;
    margin-left: 1em;
}


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

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

.split-content p span {
    background-color: #EDF1F8;
    padding: 1em;
    display: flex;
    gap: 1em;
    align-items: center;
    font-weight: 600;
    color: #0B1A35;
}

.split-content p span i {
    color: #6896EA;
    font-size: 41px;
}

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

.image-split {
    position: relative;
}

.inner-image-split {
    display: inline-block;
    border: 10px solid transparent;
    border-image-source: url(/wp-content/uploads/2025/09/Steel_texture-11.jpg);
    border-image-slice: 30;
    border-image-repeat: round;
    overflow: hidden;
    transform: rotate(3deg);
    z-index: 2;
    position: absolute;
    bottom: -4em;
    aspect-ratio: 1 / 1;
    max-width: 642px;
}

.inner-text-image-split.image-right .image-split .inner-image-split {
    left: 3em;
}

.overlap-below {
   padding: 5em 0;
}

.overlap-below .inner-image-split {
    position: relative;
    bottom: auto;
}

.split-image {
    z-index: 1;
    height: 100%;
    box-shadow: 0px 3px 6px #00000029;
    object-fit: cover;
}

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

.inner-text-image-split.image-right .orange-right-image {
    rotate: 330deg;
    right: 0;
    top: 7em;
}


/* LEFT IMAGE */

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

.inner-text-image-split.image-left .image-split .inner-image-split {
    display: inline-block;
    border: 10px solid transparent;
    border-image-source: url(/wp-content/uploads/2025/09/Steel_texture-11.jpg);
    border-image-slice: 30;
    border-image-repeat: round;
    overflow: hidden;
    transform: rotate(358deg);
    z-index: 2;
    /* max-height: 600px; */
    position: absolute;
    bottom: -4em;
    right: 3em;
    aspect-ratio: 1 / 1;
    /* height: 100%; */
    max-width: 568px;
}

.inner-text-image-split.image-left .overlap-below .inner-image-split {
    position: relative;
    bottom: auto;
    justify-self: center;
    right: auto;
    display: grid;
}

.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 {
    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;
}

@media only screen and (max-width: 1300px) {
    .inner-image-split {
        bottom: 0em;
    }
}


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

    .inner-text-image-split.image-right .image-split .inner-image-split {
        left: auto;
    }

    .overlap-below {
        padding: 0;
    }

    .split-image {
        justify-self: center;
    }

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

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

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

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

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

    .inner-image-split {
        max-height: 370px;
        position: relative;
        left: 0;
        top: 0;
    }

    .inner-text-image-split.image-left .image-split .inner-image-split {
        max-height: 370px;
        position: relative;
        bottom: 0;
        right: 0;
    }

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

    .image-split {
        display: grid;
        justify-content: center;
    }
}






/* FLOATING SERVICES */

section.sub-page-banner:has(+ section.service-links.service-links-floating) {
    height: 50vh;
}

.service-links-floating {
    background-color: #EDF1F8;
    margin: 0;
}

.inner-service-links-floating {
    margin: -3em 0 5em 0;
}

.inner-service-links-floating .inner-link-content {
    box-shadow: none;
    background: #fff;
    width: 100%;
    text-align: center;
    display: grid;
    gap: 1em;
}

.inner-service-links-floating .inner-link-content i {
    font-size: 50px
}

.inner-service-links-floating .inner-link-content p {
    color: #28499A;
}

.inner-service-links-floating .inner-link-content i {
    color: #6896EA;
}

.inner-service-links-floating .inner-link-content h2 {
    color: #0B1A35;
    font-size: 25px;
}









/* SERVICE TABS */

.service-tabs {
    padding-bottom: 5em;
}

.outer-service-tabs {
    display: grid;
    grid-column: 2/16;
    gap: 1em;
    padding: 5em 0 0;
}

.header-content {
    text-align: center;
    display: grid;
    gap: 1em;
    max-width: 1110px;
    justify-self: center;
}

.inner-service-tabs {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2em 0;
    grid-column: 1/17;
}

.service-tabs-box {
    display: grid;
    gap: 1em;
    max-width: 480px;
    width: 100%;
    background-color: #EDF1F8;
    text-align: center;
    padding: 1.5em 2em;
}

.service-tabs-box:hover {
    background-color: #28499A;
}

.service-tabs-box i {
    color: #6896EA;
    font-size: 60px;
}

.service-tabs-box p {
    font-size: 20px;
    color: #0B1A35;
    font-weight: 500;
    word-wrap: break-word;
    display: grid;
    align-items: center;
}

.service-tabs-box:hover p {
    color: #fff;
}


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

    .service-tabs-box {
        padding: 1em;
    }

    .service-tabs-box i {
        font-size: 40px;
    }

    .inner-service-tabs {
        gap: 1em;
        padding: 1em 0;
    }

    .service-tabs {
        padding-bottom: 2em;
    }

    .service-tabs-box p {
        font-size: 18px;
        font-weight: 400;
    }

    .outer-service-tabs {
        padding: 2em 0;
        display: block;
    }

}













/* DROPDOWN TABS */

.tabs-dd {
    background-color: #EDF1F8;
    padding: 5em 0;
}

.tabs-dd:nth-child(1) { 
    padding-top: 5em; 
    padding-bottom: .5em; 
}
.tabs-dd:last-of-type { 
    padding-top: .5em; 
    padding-bottom: 5em; 
}

.tabs-dd h2 {
    grid-column: 3 / 15;
    padding-bottom: 2em;
    text-align: center;
    font-size: 33px;
}

.tab-dd {
    display: flex;
    grid-column: 3 / 15;
    flex-wrap: wrap;
    gap: 1em;
}

.tab-dd .tablinks-dd {
    display: inline-flex;
    align-items: center;
    gap: .5em;
    position: relative;
    padding: 1em;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 30px;
    color: #0B1A35;
    font-weight: 600;
    flex: 1;
    justify-content: space-between;
    text-align: left;
}

.tab-dd .tablinks-dd:hover {
    background-color: #6896EA;
    color: #fff;
}

.tab-dd .tablinks-dd.active {
    background-color: #6896EA;
    color: #fff;
}

.tab-dd .tablinks-dd::after {
    content: "\f04b";
    font: var(--fa-font-sharp-solid); 
    font-size: 1em;
    line-height: 1;
    display: inline-block;
    transform: rotate(0deg);
    transition: transform .3s ease, color .2s ease;
    color: #6896EA; 
}

.tab-dd .tablinks-dd:hover::after,
.tab-dd .tablinks-dd.active::after {
    transform: rotate(90deg);
    color: #EDF1F8; 
}

/* Panels */
.tabcontent-dd {
    display: none;
    padding: 2em;
    gap: 2em;
    background-color: #fff;
    text-align: left;
    position: relative;
    justify-content: space-evenly;
    margin-top: 1em;
}

.tabcontent-dd h3 {
    margin-bottom: 1em;
    font-size: 40px;
    font-weight: 600;
}

.tabcontent-dd img {
    max-width: 274px;
    border-radius: 60px;
    box-shadow: 0 3px 6px #00000029;
    object-fit: contain;
    padding: 1em;
}


@media (max-width: 1350px) {

    .tab-dd .tablinks-dd { 
        font-size: 18px; 
    }

    .tabs-dd .tab-dd {
        display: flex;
        flex-direction: column;
        gap: .5em;
        grid-column: 2/16;
    }

    .tabs-dd .tab-dd .tablinks-dd {
        flex: 0 0 auto;
        max-width: none;
        aspect-ratio: auto;
    }

    .tabcontent-dd {
        justify-items: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 1em;
        grid-column: 2/16 !important;
    }

    .tabs-dd { 
        padding: 2em 0; 
    }

}











/* LIST BLOCKS */

.list-blocks {
    padding: 5em 0;
}

.header-content {
    display: grid;
    grid-column: 2/16;
    padding: 0 0 2em 0;
}

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

.list-box {
    background-color: #EDF1F8;
    padding: 2em 1em;
    height: 100%;
    display: grid;
    gap: 1em;
    align-content: start;
}

.inner-lists {
    background-color: #fff;
    padding: 1em;
    position: relative;
    display: grid;
    align-items: center;
}

.inner-lists::before {
    content: "\f04b";                 
    font: var(--fa-font-sharp-solid);  
    font-size: 1em;
    line-height: 1;
    display: inline-block;
    transform: rotate(0deg);        
    color: #6896EA;         
    position: absolute;
    left: -0.3em;  
    align-self: center;
}

.outer-lists.two-col {
    grid-template-columns: 1fr 1fr;
    display: grid;
    row-gap: 0.5em;
    column-gap: 1em;
}

.outer-lists.one-col {
    grid-template-columns: 1fr;
    display: grid;
    gap: 0.5em;
}


@media (max-width: 1000px) {

    .list-blocks {
        padding: 2em 0;
    }

    .inner-list-blocks {
        grid-template-columns: 1fr;
    }

    .outer-lists.two-col {
        grid-template-columns: 1fr;
    }

    .inner-lists {
        font-size: 18px;
        padding: 0.5em 1em;
        font-weight: 300;
        color: #28499A;
    }

}




/* COMPANY LOGOS */

.company-logos {
    padding: 5em 0;
    background-color: #EDF1F8;    
}

.outer-contents-header h2 {
    font-size: 22px;
    color: #28499A;
}

.cl-images {
    display: flex;
    grid-column: 3/15;
    gap: 2em;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 3em 0;
}

.outer-content {
    display: grid;
    grid-column: 3 / 15;
    text-align: center;
    padding: 1em 0;
}

.cl-image-box {
    background-color: #fff;
    padding: 1em;
    border-radius: 56px;
    max-width: 215px;
    max-height: 77px;
    height: 100%;
    width: 100%;
}

.cl-image-box img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}


@media (max-width: 1000px) {

    .company-logos {
        padding: 2em 0; 
    }

    .cl-images {
        padding: 1em 0;
    }

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

}





/* GALLERY */

.gallery {
    padding: 5em 0;
}

.gallery-header-content,
.inner-gallery {
    display: grid;
    grid-column: 2/16;
    gap: 1em;
    text-align: center;
}

.gallery-header-content p {
    font-weight: 600;
}

.inner-gallery {
    grid-template-columns: repeat(3,1fr);
    gap: 2em;
    padding: 2em 0;
}

.inner-gallery img {
    height: 100%;
    object-fit: cover;
    max-height: 446px;
}


@media (max-width: 1000px) {

    .inner-gallery {
        grid-template-columns: 1fr 1fr;
        gap: 1em;
    }
 
    .inner-gallery img {
        max-height: 191px;
    }

    .gallery {
        padding: 2em 0;
    }

}









/* NUMBERED BOXES */

.header-content-num {
    padding-bottom: 4em;
}


.numbered-boxes {
    padding: 5em 0;
    background-color: #EDF1F8;
}

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

.number-box {
    background-color: #fff;
    padding: 2em 4em;
    position: relative;
    justify-items: center;
    display: grid;
}

.number-num {
    position: absolute;
    top: -2em;
    background-color: #6896EA;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    max-width: 52px;
    width: 100%;
    text-align: center;
    align-content: center;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}

.content-number-box {
    display: grid;
    text-align: center;
    gap: 1em;
}


.content-number-box p {
    font-weight: 600;
}



@media (max-width: 1000px) {

    .numbered-boxes {
        padding: 2em 0;
    }

    .inner-numbered-boxes {
        grid-template-columns: 1fr;
        gap: 4em;
    }

    .number-box {
        padding: 2em;
    }

}







/* TESTIMONIALS */

.testimonials {
    background-color: #0B1A35;
    padding: 5em 0;
}


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

.inner-testimonials h2 {
    color: #fff;
    font-size: 40px;
}

.inner-testimonials p {
    color: #6896EA;
    font-size: 35px;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
}

.inner-testimonials p span {
    font-weight: 300;
    color: #EDF1F8;
    font-size: 25px;
}

.inner-testimonials p span strong {
    font-weight: 600;
    color: #EDF1F8;
}




@media (max-width: 1000px) {

    .testimonials {
        padding: 2em 0;
    }

    .inner-testimonials p {
        font-size: 25px;
    }

    .inner-testimonials {
        gap: 1em; 
    }

    .inner-testimonials p span {
        font-size: 20px;
    }

}












/* INDUSTRY TABS */

.industry-tabs {
  background-color: #EDF1F8;
}

.inner-industries-tabs {
    display: grid;
    grid-column: 2/17;
    grid-template-columns: 30% 1fr; 
}



/* Buttons */
.industry-tab-buttons {
    display: grid;
    align-content: start;
    gap: 1em;
    padding: 2em 2em 2em 0;
}

.industry-tab-buttons .industry-tablink {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  position: relative;
  padding: 1em;
  background: #fff;
  border: none;
  cursor: pointer;
  font-size: 30px;
  color: #0B1A35;
  font-weight: 600;
  flex: 1;
  justify-content: space-between;
  text-align: left;
}

.industry-tab-buttons .industry-tablink:hover,
.industry-tab-buttons .industry-tablink.active {
    background-color: #6896EA;
    color: #fff;
    width: 112%;
    z-index: 2;
}

/* caret */
.industry-tab-buttons .industry-tablink::after {
  content: "\f04b";
  font: var(--fa-font-sharp-solid);
  font-size: 1em;
  line-height: 1;
  display: inline-block;
  transform: rotate(0deg);
  transition: transform .3s ease, color .2s ease;
  color: #6896EA;
}

.industry-tab-buttons .industry-tablink:hover::after,
.industry-tab-buttons .industry-tablink.active::after {
    color: #EDF1F8;
    transform: rotate(90deg);
    float: right;
}

.inner-button {
    display: flex;
    gap: 1em;
}

.inner-button i {
    color: #6896EA;
}

.industry-tab-buttons .industry-tablink:hover .inner-button i,
.industry-tab-buttons .industry-tablink.active .inner-button i,
.industry-tab-buttons .industry-tablink:hover .inner-button,
.industry-tab-buttons .industry-tablink.active .inner-button {
    color: #EDF1F8;
}



/* Panels */
.industry-tabcontent {
    display: none;
    padding: 4em;
    gap: 3em;
    background-color: #fff;
    text-align: left;
    position: relative;
}

.industry-tabcontent h3 {
    font-size: 40px;
    font-weight: 600;
}

.content-sections {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    position: relative;
}

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

.inner-content-sections li{
    list-style-type: disc;
    margin: 1em;
}

.content-sections:nth-child(odd) .inner-content-sections {
    order: 1;
}
.content-sections:nth-child(odd) .inner-content-images {
    order: 2;
}
.content-sections:nth-child(even) .inner-content-sections {
    order: 2;
}
.content-sections:nth-child(even) .inner-content-images {
    order: 1;
}


/* images */
.inner-content-images {
    display: inline-block;
    border: 10px solid transparent;
    border-image-source: url(/wp-content/uploads/2025/09/Steel_texture-11.jpg);
    border-image-slice: 30;
    border-image-repeat: round;
    overflow: hidden;
    z-index: 2;
    /* aspect-ratio: 1 / 1; */
    height: 100%;
}

.inner-content-images img {
    height: 100%;
    object-fit: cover;
}



@media (max-width: 1000px) {

    .inner-button {
        font-size: 25px;
    }

    .industry-tabs {
        padding: 2em 0;
    }

    .inner-industries-tabs {
        grid-column: 2/16;
        grid-template-columns: 1fr; 
    }

    .industry-tab-buttons .industry-tablink:hover,
    .industry-tab-buttons .industry-tablink.active {
        width: 100%;
    }

    .industry-tabcontent {
        padding: 1em;
    }

    .industry-tab-buttons {
        padding: 0;
    }

    .content-sections {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .content-sections:nth-child(odd) .inner-content-sections {
        order: 2;
    }
    .content-sections:nth-child(odd) .inner-content-images {
        order: 1;
    }

    .industry-tab-buttons .industry-tablink {
        padding: 0.5em 5px;
    }


}














/* CONTACT INFO */

.contact {
    position: relative;
    padding: 2em 0;
}

.inner-contact {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-column: 3 / 15;
    gap: 3em;
    padding: 2em 0;
}

.contact-details {
    display: grid;
    gap: 2em;
    align-content: start;
}

.inner-contact {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 4em;
}

.contact-details p {
    font-weight: 600;
    display: grid;
    gap: 0.5em;
}

.contact-details i {
    color: #5BAC43;
    font-size: 25px;
    margin-right: 0.5em;
}

.contact-details p a {
    font-size: 22px;
    color: #0B1A35;
    font-weight: 600;
    word-break: break-all;
}

.contact-details p a i {
    font-size: 22px;
    color: #6896EA;
}

.contact-form form {
    max-width: 786px;
    margin: 0 auto;
    width: 100%;
}

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

.contact-form form input[type=text], 
.contact-form form input[type=tel],
.contact-form form input[type=email],
.contact-form form textarea {
    width: 100%;
    padding: 2em 1.5em;
    border: none;
    resize: vertical;
    background: #EDF1F8;
    justify-items: start;
    margin-bottom: 1em;
}

.contact-form form input[type=text]::placeholder,
.contact-form form input[type=email]::placeholder,
.contact-form form input[type=tel]::placeholder,
.contact-form form textarea::placeholder {
    font-size: 20px;
    text-align: left;
    color: #171731;
}


/* FORM SUBMIT BUTTON */
.contact-form form input[type=submit] {
    justify-self: center;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 0.5em 2em;
    text-transform: uppercase !important;
    align-self: center !important;
    display: grid !important;
    background-color: #6896EA;
    border: 1px solid #6896EA;
    color: #fff;
    border: none;
    
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.full-width {
    grid-template-columns: 1fr;
}

.contact-left-flower {
    left: -10em;
    opacity: 0.1;
}

.contact-right-flower {
    right: -10em;   
    opacity: 0.1;
    bottom: 2em;
    left: auto;
    top: auto;
}

.maps {
   background-color: #EDF1F8;
   padding: 4em 0;
}

.address {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-column: 3 / 15;
    gap: 4em;
}

.address-content {
    justify-content: center;
    align-content: center; 
    display: grid;
    gap: 1em;
}

.address-content p:first-of-type {
  color: black;
  font-weight: 600;
}

.address-content i {
    color: #6896EA;
    font-size: 28px;
}

.maps {
    position: relative;
    min-height: 65vh;
    display: grid;
}

.maps .acf-map{
    width: 100%;
}

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




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

    .address-content {
        padding: 1em;
        text-align: center;
    }

    .contact {
        padding: 2em 0;
    }
    
    .inner-contact {
        grid-template-columns: 1fr;
        grid-column: 2 / 16;
        padding: 0;
    }

    .contact-details {
        justify-items: center;
        gap: 1em;
        text-align: center;
    }

    .contact-social {
        display: flex;
        gap: 1em;
    }

    .contact-details p a {
        justify-self: center;
        justify-items: center;
    }

    .contact-details p {
        font-size: 1.125em;
    }

    .contact-details .inner-contact-details {
        gap: 0.5em;
    }

    .inner-contact-details i {
        font-size: 1.625em;
    }

    .contact-form {
        order: 2;
    }

    .contact-details {
        order: 1;
    }

    .inner-contact {
        gap: 2em;
    }

    .address {
        grid-template-columns: 1fr;
        grid-column: 1/17;
        gap: 1em;
    }

    .form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-details .contact-social i {
        margin: 0;
    }

    .address {
        font-size: 18px;
    }

    .maps .acf-map{
        width: 100%;
        min-height: 578px;
    }

    .maps {
        padding: 0;
    }

    .contact-form form input[type=text], .contact-form form input[type=tel], .contact-form form input[type=email], .contact-form form textarea {
        justify-items: unset;
    }

    .contact-form form input[type=text]::placeholder,
    .contact-form form input[type=email]::placeholder,
    .contact-form form input[type=tel]::placeholder,
    .contact-form form textarea::placeholder {
        text-align: center;
    }

}