/*
Theme Name: Dive & Design Pools 2025
Theme URI: 
Author: RVADV Rafa
Author URI: 
Description: A theme for Dive & Design Pools website.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dive-and-design-pools
Tags: 
*/
@import url("https://use.typekit.net/vcy1qam.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* ---------------------------------------- */
/* ------------ GLOBAL STYLES ------------- */
html { box-sizing: border-box; scroll-behavior: smooth; }
*, *:before, *:after { box-sizing: inherit; }
* { touch-action: manipulation; }
:root {
    --clr1: var(--wp--preset--color--dark);
    --clr2: var(--wp--preset--color--primary);
    --clr3: var(--wp--preset--color--secondary);
    --gray: var(--wp--preset--color--gray);

    --primary-font: var(--wp--preset--font-family--lato);
    --secondary-font: var(--wp--preset--font-family--lemonde-sans);


    --theme-color: var(--gray);
    --sz: clamp(14px, min(2vw, 3vh), 16px);
	font-size: var(--sz);
}
/* ---------------------------------------- */
/* Editor-only styles       .editor-styles-wrapper {}               */  
/* Frontend-only styles     body:not(.editor-styles-wrapper) {}     */

.grid-container { max-width: 1200px; margin: auto; }

.filtered { position: relative; }
.filtered::after {
    display: block; content: '';
    position: absolute; top:0;bottom:0;left:0;right:0;
    width: 100%; height: 100%; z-index: 0;
    background: 
        linear-gradient(164deg, rgba(35, 47, 58, 0.2), rgba(35, 47, 58, 0.3)),
        linear-gradient(164deg, rgba(11, 117, 186, 0.2), rgba(11, 117, 186, 0.3));
}

/* GSAP Initial Styles */
.gsap-split-load { position: relative; z-index: 1; }
.editor-styles-wrapper, body.block-editor-page .gsap-split-load { opacity: 1 !important; } 
body:not( .block-editor-page ) .gsap-split-load { opacity: 0; overflow: hidden; } 

/* Base Content Styles */
body { background-color: #f3f3f3; }
h2 { font-size: 48px; line-height: 1; font-weight: 400; text-transform: uppercase; }
h3 { font-size: 26px; line-height: 1; font-weight: 600; text-transform: uppercase; }
h4 { font-size: 20px; line-height: 1; font-weight: 600; text-transform: uppercase; }
p  { font-size: 16px; line-height: 1.42; }
ul { font-size: 16px; }
ul li { }
a  {}
hr {}
@media screen and (max-width: 600px) {
    h2 { font-size: 48px; }
    h3 { font-size: 24px; }
    h4 { font-size: 20px; }
    p  { }
    ul { }
    ul li { }
    a  {}
    hr {}
}

/* .glow { color: #BFE2F6 !important; text-shadow: 0 0 6px #4782C4, 0 0 6px #4782C4; } */

/* buttons */
.wp-block-buttons { --btn-clr: #3EB8E9; }
.wp-block-buttons .wp-block-button { margin-right: 1em; }
.wp-block-buttons .wp-block-button :is( a , .wp-element-button ) {
    position: relative;
    border-radius: 0;
    box-shadow: 0 0 0 2px var(--btn-clr);
    color: #fff;
    text-transform: uppercase;
    padding: 0.64em 5em 0.64em 2em;
    background: transparent;
    overflow: hidden;
    white-space: nowrap;
    min-width: 234px;

    &::after {
        position: absolute; right: 0; top: 0; aspect-ratio: 1 / 1;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z'/%3E%3C/svg%3E");
        display: block; height: 100%; width: auto; background: var(--btn-clr); 
        box-shadow: 0 0 0 2px var(--btn-clr);
    }
    &::before {
        position: absolute; left: 0; top: 0; aspect-ratio: 1 / 1;
        content: ''; display: block; 
        height: 100%; width: auto; 
        background: linear-gradient(90deg, #fff0, #9eccdf11 33%, #9eccdf33 64%, #fff0); 
        transform: skewX(-33deg);
        opacity: 0;
    }
}
@keyframes shimmer { from { translate: -200px; } to { translate: 400px; }}
.wp-block-buttons .wp-block-button:has( + .wp-block-button ) a { background: #0377B0; }
.wp-block-buttons .wp-block-button a:hover { background: #3EB8E944; }
.wp-block-buttons .wp-block-button a:hover::before { opacity: 1; animation: shimmer infinite 2s linear; }

/* ---------------------------------------- */
/* ----------- Template Styles ------------ */
/* ---------------------------------------- */
/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */

/* homepage hero */
.homepage-hero { min-height: 700px; position: relative; }
.homepage-hero::after {
    content:''; display: block; width: 100%; height: 100%;
    position: absolute; bottom: 0; left: 0;
    background: linear-gradient(#00620411 8%, #002B4E 100%);
    /* border-bottom: 1px solid #3EB8E9; */
    z-index: 0;
}
.homepage-hero > img { z-index: -2 !important; }
.homepage-hero .wp-block-cover__inner-container { max-width: min(1400px, calc( 100% - 2em)); z-index: 1; }
.homepage-hero .wp-block-cover__inner-container > * { margin-left: 0 !important; }
.homepage-hero .wp-block-cover__inner-container :is( h2, h4 ) { text-shadow: 2px 2px 2px #000a; font-family: var(--secondary-font); }
.homepage-hero .wp-block-cover__inner-container p { max-width: 640px; text-shadow: 0 2px 2px #000a; }
@media screen and (max-width: 600px) {
    .homepage-hero { min-height: 600px; position: relative; }
    .homepage-hero .wp-block-cover__inner-container { padding: 42vw 1em; }
    .homepage-hero .wp-block-cover__inner-container > * {  text-align: center; }
    .homepage-hero .wp-block-cover__inner-container .wp-block-buttons { 
        flex-direction: column;
        .wp-block-button { width: 64%; }
    }
}
.homepage-just-img img { max-height: min(50vw, 600px); overflow: hidden; object-fit: cover; object-position: center; }


/* basic hero */
.basic-hero { min-height: 500px; position: relative; }
.basic-hero::after {
    content:''; display: block; width: 100%; height: 100%;
    position: absolute; bottom: 0; left: 0;
    background: linear-gradient( #002B4E33 12%, #002B4E 108%);
    /* border-bottom: 1px solid #3EB8E9; */
    z-index: 0;
}
.basic-hero .wp-block-cover__inner-container { max-width: min(1400px, calc( 100% - 2em)); z-index: 1; }
.basic-hero .wp-block-cover__inner-container p { max-width: 800px; text-shadow: 0 2px 4px #000a; }
@media screen and (max-width: 600px) {
    .basic-hero .wp-block-cover__inner-container { padding: 32vw 1em; }
    .basic-hero .wp-block-cover__inner-container > * {  text-align: center; }
}



/* ---------------------------------------- */
/* ----------- Approach Seciton ----------- */
/* ---------------------------------------- */
/* .approach-section { margin-top: -6em; position: relative; padding: 0 1em; box-shadow: inset 0 -2em 0 0 #343642, 0 1em 0 0 #343642; }
.approach-section::before { content:''; display: block; background: #F3F3F3; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.approach-section h3 { margin-bottom: 1em; }
.approach-section .cards-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1em; margin-top: 0; }
.approach-section .cards-container .card { background: #fff; margin-block-start: 0; box-shadow: 0 4px 8px 0 #aaa1; }
.approach-section .cards-container .card h4 { text-align: center; padding: 1em; color: #0377B0; }
.approach-section .cards-container .card:has( p.read-more:hover ) h4 { background: #3EB8E9; color: #fff; }
.approach-section .cards-container .card figure { margin: 0; max-height: 240px; overflow: hidden; transition: all 0.2s ease-in-out;}
.approach-section .cards-container .card figure img { height: 100%; object-fit: cover;  }
.approach-section .cards-container .card p { 
    padding: 0 1em; 
}
body:not( .wp-admin.wp-core-ui ) {
    .approach-section .cards-container .card p { 
        display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; 
    }
    .approach-section .cards-container .card.active p { -webkit-line-clamp: none !important;  }
    .approach-section .cards-container .card.active h4 { background: #3EB8E9; color: #fff; }
    .approach-section .cards-container .card.active figure { max-height: 0px; }
}
.approach-section .cards-container .card p.read-more { padding: 1em 1em; border-top: 1px solid #aaa4;}
.approach-section .cards-container .card p.read-more:hover { background: #3EB8E9; color: #fff; cursor: pointer;  }
@media screen and (max-width: 1000px) { .approach-section .cards-container { grid-template-columns: 1fr 1fr; } }
@media screen and (max-width: 600px) { 
    .approach-section h3 { text-align: center; }
    .approach-section .cards-container { grid-template-columns: 1fr; } 
    body:not( .wp-admin.wp-core-ui ) { .approach-section .cards-container .card.active figure { max-height: 240px; } }
} */
.approach-section-quad { position: relative; padding: 2em 1em; }
.approach-section-quad::before { content:''; display: block; background: #F3F3F3; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.approach-section-quad h3 { position: relative; margin-bottom: 1em; }
.approach-section-quad h3::before {
    content: '';
    display: block;
    width: 142px;
    height: 4px;
    background: #3EB8E9;
    position: absolute;
    bottom: -10px;
    left: 0; right: 0; margin: auto;
}
.approach-section-quad .cards-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1em; margin-top: 0; }
.approach-section-quad .cards-container .card { background: #fff; margin-block-start: 0; }
.approach-section-quad .cards-container .card h4 { text-align: center; padding: 0 1em; color: #0377B0; font-size: 1.6em; }
.approach-section-quad .cards-container .card:has( p.read-more:hover ) h4 { background: #3EB8E9; color: #fff; }
.approach-section-quad .cards-container .card figure { margin: 0; max-height: 240px; overflow: hidden; transition: all 0.2s ease-in-out; justify-content: center; display: flex; }
.approach-section-quad .cards-container .card figure img { height: auto; width: 50%; object-fit: cover; object-position: center;  }
.approach-section-quad .cards-container .card p { padding: 0 1em; }
@media screen and (max-width: 1000px) { .approach-section-quad .cards-container { grid-template-columns: 1fr 1fr; } }
@media screen and (max-width: 600px) { 
    .approach-section-quad h3 { text-align: center; }
    .approach-section-quad .cards-container { grid-template-columns: 1fr; } 
    .approach-section-quad .cards-container .card.active figure { max-height: 240px; }
}


/* ---------------------------------------- */
/* ---------- CTA Design Seciton ---------- */
/* ---------------------------------------- */
.cta-design-section {
    background: #343642;
    color: #fff;
    text-align: center;
    padding: 1em 1em;
    display: flex; justify-content: center; align-items: center;
    min-height: 542px;
    margin-top: 0;
}
.cta-design-section::before {
    content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;
    width: calc( 100% - 2em ); height: auto; max-width: 764px;
    background-image: url("data:image/svg+xml,%3Csvg width='879' height='319' viewBox='0 0 879 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M126.637 132C49.7796 132 -5.1123 82.5008 0.378112 77C5.86758 71.5 68.2997 88.5969 115.654 88C225.444 86.6158 274.85 2.96903e-10 423.071 0C560.305 -2.74894e-10 675.585 88 774.401 88C829.292 88 873.211 55 878.702 60.5C884.193 65.9999 812.714 132 757.932 132C615.2 132 560.617 52.3508 428.561 55C306.917 57.4403 225.443 132 126.637 132Z' fill='white'/%3E%3Cpath d='M181.586 231C118.228 231 72.9766 189.751 77.5027 185.167C82.0281 180.583 133.495 194.831 172.532 194.333C263.039 193.18 303.768 121 425.956 121C539.087 121 634.12 194.333 715.58 194.333C760.83 194.333 797.035 166.833 801.562 171.417C806.089 176 747.164 231 702.004 231C584.341 231 539.344 164.626 430.482 166.833C330.203 168.867 263.038 231 181.586 231Z' fill='white'/%3E%3Cpath d='M259.742 319C215.583 319 184.044 286.001 187.199 282.333C190.353 278.667 226.224 290.065 253.431 289.667C316.512 288.744 344.899 231 430.06 231C508.909 231 575.144 289.667 631.919 289.667C663.457 289.667 688.691 267.667 691.846 271.333C695.001 275 653.933 319 622.457 319C540.45 319 509.088 265.901 433.214 267.667C363.323 269.294 316.512 319 259.742 319Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; background-position: center; background-size: 100%;
}
.cta-design-section > div { max-width: 800px; }
.cta-design-section .wp-block-buttons { margin: 2em auto; width: fit-content; }

/* ---------------------------------------- */
/* ---------- CTA Design Seciton ---------- */
/* ---------------------------------------- */
.contact-section {
    background: #F3F3F3;
    margin-top: -1px;
    padding-bottom: 4em;
}
.contact-section .contact-section-wrap {
    justify-content: space-between;
    padding: 1em;
}
.contact-section .contact-section-wrap .left { 
    width: 50%;
    position: relative;
}
.contact-section .contact-section-wrap .left::before {
    content: ''; display: block; position: absolute; left: -100px ; top: -100px;
    width: 100%; height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='310' height='268' viewBox='0 0 310 268' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.08'%3E%3Cpath d='M10.288 219.328C7.03019 232.375 4.72711 280.38 16.8035 264.992C55.8968 215.177 250.278 124.739 244.848 92.1224C227.445 -12.4111 -12.5189 -22.0365 0.511801 33.4121C5.87739 56.2439 97.8362 33.4121 130.822 62.7673C160.143 88.8607 28.0271 148.286 10.288 219.328Z' fill='%23002B4E'/%3E%3Cpath d='M310 46.4588C310 66.274 293.956 82.3374 274.164 82.3374C254.373 82.3374 238.329 66.274 238.329 46.4588C238.329 26.6437 254.373 10.5803 274.164 10.5803C293.956 10.5803 310 26.6437 310 46.4588Z' fill='%23002B4E'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 242px; background-repeat: no-repeat; 
} 
.contact-section .contact-section-wrap .left > * {
    max-width: 600px;
} 
.contact-section .contact-section-wrap .right { 
    width: 24%;
}
.contact-section .contact-section-wrap .right p:has(a){ margin-top: 0.42em;} 
.contact-section .contact-section-wrap h3 {
    position: relative;
    color: #343642;
    margin-bottom: 1.42em;
}
.contact-section .contact-section-wrap h3::before {
    content: ''; display: block;
    width: 142px; height: 4px;
    background: #3EB8E9;
    position: absolute; bottom: -10px;
}
.contact-section .contact-section-wrap p {
    color: #343642;
}
.contact-section .contact-section-wrap a { color:  #343642; text-decoration: none; font-weight: 600; }
.contact-section .contact-section-wrap a:hover { color:  #3EB8E9; }
.contact-section .contact-section-wrap a.wp-block-read-more { color: #343642; text-transform: uppercase; font-weight: 600; }
.contact-section .contact-section-wrap .wp-block-button a { color: #3EB8E9; }
.contact-section .contact-section-wrap .wp-block-button a:hover { color: #fff; background: #3EB8E9aa; }
@media screen and (max-width: 1000px) {
    .contact-section .contact-section-wrap { flex-direction: column; }
    .contact-section .contact-section-wrap .left,
    .contact-section .contact-section-wrap .right { width: 100%; padding-top: 2em; }
    .contact-section .contact-section-wrap .left::before { left: 0 ; top: -80px; right: 0; margin: auto; background-size: 40vw; background-position: 50%; pointer-events: none; }
}


/* ---------------------------------------- */
/* -------------- Contact Page ------------ */
/* ---------------------------------------- */
.contact-page-hero { min-height: 500px;position: relative; }
.contact-page-hero::after {
    content:''; display: block; width: 100%; height: 100%;
    position: absolute; bottom: 0; left: 0;
    background: linear-gradient( #000b 0%, #0004 90%, #3EB8E9aa 104%);
    border-bottom: 1px solid #3EB8E9;
    z-index: 0;
}
.contact-page-hero .wp-block-cover__inner-container { max-width: min(1400px, calc( 100% - 2em)); z-index: 1; }
.contact-page-hero .wp-block-cover__inner-container p { max-width: 800px; text-shadow: 0 2px 4px #000a; }
@media screen and (max-width: 600px) {
    .contact-page-hero .wp-block-cover__inner-container { padding: 42vw 1em; }
    .contact-page-hero .wp-block-cover__inner-container > * {  text-align: center; }
}

/* form section styles */
.contact-page-form-section { margin-bottom: -100px !important; }
.contact-page-form-container { background: #fff; max-width: min(calc( 100% - 2em), 1000px); margin: auto; border: 1px solid #0001; padding: 2em; box-shadow: 0 4px 8px 0 #0003; position: relative; z-index: 2;
    translate: 0 -142px;
}
.contact-page-form-container > h3 { position: relative; } 
.contact-page-form-container > h3::before { content: ''; display: block; width: 142px; height: 4px; background: #3EB8E9; position: absolute; bottom: -10px; }
.contact-page-form-container > p { max-width: 642px; margin-left: 0 !important; } 
.contact-page-form-container form > p { display: flex; gap: 1em;}
.contact-page-form-container form > p span { width: 50%;  }
@media screen and (max-width: 600px) {
    .contact-page-form-container form > p { display: flex; flex-direction: column;}
    .contact-page-form-container form > p span { width: 100%;  }
}
.contact-page-form-container form > p span:has( textarea ) { width: 100%;  }
.contact-page-form-container form > p :is( input, textarea ) { width: 100%; }
.contact-page-form-container :is( input, textarea) { font-size: 1em; padding: 0.64em 1em; font-family: var(--primary-font); border: 1px solid #CFCFCF; background: #F3F3F3; }  
.contact-page-form-container textarea { height: 100px; }  
.contact-page-form-container input[type="submit"] { background: var(--clr2); color: #fff; cursor: pointer; width: fit-content; padding: 0.64em 4.2em; text-transform: uppercase; border: none; }
.contact-page-form-container input[type="submit"]:hover { background: var(--clr3); }
.contact-page-form-container p label { display: block; }
.contact-page-form-container p label span.label { font-size: 0.9em; display: block; color: var(--clr3); text-transform: uppercase; font-weight: 700; line-height: 100%; margin-bottom: 0.4em; }  
.contact-page-form-container p span.wpcf7-spinner { width: 24px; }
.contact-page-form-container p span.wpcf7-not-valid-tip { background: #fff; border: 1px solid #cfcfcf; border-top: none; padding: 0.2em 1em; background: var(--clr3); color: #fff; width: fit-content; translate: 1em; }

/* ---------------------------------------- */
/* --------------- FAQ'S Page ------------- */
/* ---------------------------------------- */
.faq-page-hero { min-height: 500px; position: relative; }
.faq-page-hero::after {
    content:''; display: block; width: 100%; height: 100%;
    position: absolute; bottom: 0; left: 0;
    background: linear-gradient( #000b 0%, #0004 90%, #3EB8E9aa 104%);
    border-bottom: 1px solid #3EB8E9;
    z-index: 0;
}
.faq-page-hero .wp-block-cover__inner-container { max-width: min(1400px, calc( 100% - 2em)); z-index: 1; }
.faq-page-hero .wp-block-cover__inner-container p { max-width: 800px; text-shadow: 0 2px 4px #000a; }
@media screen and (max-width: 600px) {
    .faq-page-hero .wp-block-cover__inner-container { padding: 32vw 1em; }
    .faq-page-hero .wp-block-cover__inner-container > * {  text-align: center; }
}

/* faq blocks */
.faq-section { background:#f3f3f3; margin:0; padding:1em 1em 4em; display:flex; flex-direction:column; gap:1em; }
.faq-section .faq-block { position:relative; width: 100%; max-width:800px; margin:auto; background:#fff; border-left:16px solid #3EB8E9; padding:2em clamp(42px, 10vw, 100px) 2em 1em; cursor:pointer; z-index: 1; }
.faq-section .faq-block:nth-child(1) { margin-top: -64px; }
.faq-section .faq-block::before,
.faq-section .faq-block::after { transition: opacity .2s ease;  position:absolute; right:1em; top:1em; margin:auto; width:42px; height:42px;  }
@media screen and (max-width: 600px) {
    .faq-section .faq-block h4 { font-size: 18px; line-height: 1.24; }
    .faq-section .faq-block::before,
    .faq-section .faq-block::after { width: 32px; height: 32px;  }
}
.faq-section .faq-block::before {
    opacity:1;
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C2E8F8' d='M19 12.998h-6v6h-2v-6H5v-2h6v-6h2v6h6z'/%3E%3C/svg%3E");
}
.faq-section .faq-block::after {
    opacity: 0;
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C2E8F8' d='M19 12.998H5v-2h14z'/%3E%3C/svg%3E");
}
.faq-section .faq-block.active::before { opacity: 0; }
.faq-section .faq-block.active::after  { opacity: 1; }
.faq-section .faq-block .answer {
    margin-top: 0;
    display:grid;
    grid-template-rows:0fr;
    transition: all .24s ease;
    
}
.faq-section .faq-block:not(.active) .answer { height: 0; } 
.faq-section .faq-block .answer > * { overflow:hidden; }
.editor-styles-wrapper .faq-section .faq-block .answer,
.faq-section .faq-block.active .answer {
    grid-template-rows:1fr;
    padding-top: 1em;
}
.faq-section .faq-block .answer > * {
    opacity:0; transform:translateY(-4px);
    transition:opacity .25s ease, transform .25s ease;
}
.editor-styles-wrapper .faq-section .faq-block .answer > *,
.faq-section .faq-block.active .answer > * { opacity:1; transform:translateY(0); }


/* ---------------------------------------- */
/* ------------- About US Page ------------ */
/* ---------------------------------------- */
.about-us-page-hero { min-height: 500px; position: relative; }
.about-us-page-hero::after {
    content:''; display: block; width: 100%; height: 100%;
    position: absolute; bottom: 0; left: 0;
    background: linear-gradient( #000b 0%, #0004 90%, #3EB8E9aa 104%);
    border-bottom: 1px solid #3EB8E9;
    z-index: 0;
}
.about-us-page-hero .wp-block-cover__inner-container { max-width: min(1400px, calc( 100% - 2em)); z-index: 1; }
.about-us-page-hero .wp-block-cover__inner-container p { max-width: 800px; text-shadow: 0 2px 4px #000a; }
@media screen and (max-width: 600px) {
    .about-us-page-hero .wp-block-cover__inner-container { padding: 32vw 1em; }
    .about-us-page-hero .wp-block-cover__inner-container > * {  text-align: center; }
}

/* why us section */
.why-us-section { display: flex; padding: 4em 1em 0 1em; }
.why-us-section .left { width: 40%; }
.why-us-section .left img {}
.why-us-section .right { width: 60%; padding-left: 42px; }
.why-us-section .right h3 { color: var(--clr1); }
.why-us-section .right .why-us-block { background: #fff; padding: 2em 1em; border-left: 16px solid var(--clr2); }
.why-us-section .right .why-us-block h4 { color: var(--clr3); }
.why-us-section .right .why-us-block p { font-weight: 600; color: var(--clr1); }
@media screen and (max-width: 800px) {
    .why-us-section .left { display: none; }
    .why-us-section .right h3 { text-align: center; }
    .why-us-section .right { width: 100%; padding-left: 0; }
    
}

/* our commitment section */
.our-commitment-section { padding: 1em; }
.our-commitment-section p { max-width: 800px; }
@media screen and (max-width: 800px) {
    .our-commitment-section .wp-block-cover { padding: 4em 2em !important; }
}

/* ---------------------------------------- */
/* ------------- Services Page ------------ */
/* ---------------------------------------- */
.basic-col-containers { position: relative; z-index: 2; margin-bottom: -42px !important; margin-top: -42px !important; }
.basic-col-containers hr { height: 4px; max-width: 200px; margin-left: 0 !important; }
.basic-col-containers .wp-block-column { box-shadow: 0 4px 8px 0 #0002; border: 1px solid #0001; max-width: 1000px; margin-left: auto; margin-right: auto; }
.basic-col-containers .wp-block-column h4 { font-size: 32px !important; }
.basic-col-containers .wp-block-column p { max-width: 800px; }
.basic-col-containers .wp-block-column ul li { padding-bottom: 1em; }

/* ---------------------------------------- */
/* ------------ Financing Page ------------ */
/* ---------------------------------------- */
@media screen and (max-width: 800px) { .lyon-financial-logo { width: 100%; }}