/*
Theme Name: Philip Bateman
Description: Child theme for Twenty Twenty-Five
Template: twentytwentyfive
Version: 1.0.0
*/
.page-id-12566{background-color: #212f3a;}
.alignwide, .wp-block-column, .hero-content-overlay, .max-width-box{max-width:1440px!important;margin:auto!important;}
header{z-index:3!important;position:relative;}
.header-menu{background-color:#212f3a;color:#fff;}
.header-menu .wp-block-group{z-index:1;}
.menu-logo{z-index:3;}
.menu-logo, .menu-links{text-transform:uppercase;color:#fff;}
.menu-logo a{font-weight:100!important;font-size:22px;}
a:focus,
a:active,
a:focus-visible,
.menu-logo a:focus,
.menu-logo a:active,
.menu-logo a:focus-visible,
.menu-links a:focus,
.menu-links a:active,
.menu-links a:focus-visible,
.text-link a:focus,
.text-link a:active,
.text-link a:focus-visible,
button:focus,
button:active,
button:focus-visible,
.swiper-button-prev,
.swiper-button-next{
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.block-text p.center-align{
    text-align:center!important;
}
.menu-links a {
    position: relative;
    display: inline-block;
    color:#fff;
}

.menu-links a:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0; /* Titik acuan dari kanan */
    width: 0%; /* Dimulai dengan lebar 0 */
    height: 3px;
    background-color: #52b8a5;
    z-index: 2;
    transition: width 0.3s ease-in-out; /* Durasi dan efek transisi animasi */
}

.menu-links a:hover, .menu-logo a:hover {
    text-decoration: none;
}

.menu-links a:hover:after {
    width: 100%; /* Melebar hingga 100% dari kanan ke kiri */
}

.subtitle-section{
    font-size:clamp(1rem, 1.125rem + ((1vw - 0.2rem) * 0.313), 0.9rem)!important;
    margin-bottom:30px;
}

/* Force Gutenberg Navigation overlay to trigger below 768px */
@media (max-width: 767.98px) {
  /* Show the hamburger menu button */
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
  }

  /* Hide the desktop navigation menu items */
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* Hide the hamburger button on screens 768px and wider */
  .wp-block-navigation__responsive-container-open {
    display: none !important;
  }

  /* Force desktop menu layout to display on 768px and wider */
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: flex !important;
    position: static !important;
    background-color: transparent !important;
  }
}

.width-100{
    width:100%;
}
.relative {
    position: relative;
}
/* Position Absolute Base */
.bg-image {
    position: absolute;
    z-index: 0; /* Sesuaikan jika perlu */
}

/* Vertical Center (Middle) */
.pos-bottom {
    top: 50%;
    transform: translateY(-50%);
    z-index:0;
}

/* Horizontal Center */
.pos-center {
    left: 50%;
    transform: translateX(-50%);
}

/* Combined Center (Horizontal & Vertical Center) */
.pos-center-middle {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pos-bottom-middle {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

/* Bottom -10px */
.bottom-30 {
    bottom: -1vw;
}

.home-text p{
    position:relative;
    z-index:1;
}
.financial-icon{
    position: absolute;
    margin-left: 120px;
    margin-top: -10px;
}
.testimonial-slider .wp-block-column{
    max-width:1200px!important;
}


.wp-block-column.is-style-section-1{
    margin:auto;
    flex-basis: 1400px!important;
}

.text-link{
    border-bottom:1px solid #000;
}
.text-link a:hover{
    background-color: transparent!important;
}

.social-icons-bottom{
    max-width:350px;
    margin-left:auto!important;
}
.social-icons-bottom img{
    height:50px;
    width:auto;
}
.wp-site-blocks{
    margin-bottom: -60px!important;
}
footer{
    background-color:#414141;
}
footer .wp-block-columns{
    max-width:1440px;
    margin:auto;
}
footer .footer-contact.wp-block-columns{
    max-width:100%;
}
footer .footer-contact.wp-block-columns .wp-block-paragraph{
    margin-bottom:0px;
}
footer .wp-block-site-title{
    font-size:22px;
    font-weight:100!important;
}
footer .wp-block-site-tagline{
    font-size:16px;
    font-weight:100!important;
}
.custom-mobile-menu-footer{
    display:none;
}

.block-text .wp-block-column{
    max-width:1200px!important;
}
.block-text .wp-block-column.latest-blog{
    max-width: 100% !important;
}
.block-text p{
    margin-bottom:30px;
    text-align: justify!important;
}
.smarter-impact p{
    margin-bottom:30px;
}
.project-content-wrapper .wp-block-paragraph, .project-content-wrapper p{
     margin-bottom:30px;
}

/* Container Gallery */
.wp-block-gallery.logos {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center; /* Meratakan posisi gambar secara vertikal */
  justify-content: center; /* Memosisikan seluruh kolom di tengah */
  gap: 10px; /* Jarak antar logo */
  max-width:1000px;
  margin:auto;
  margin-top:30px;
}

/* Item Wrapper (Figure) */
.wp-block-gallery.logos .wp-block-image {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  width: auto !important; /* Membatalkan flex-basis bawaan Gutenberg */
}

/* Gambar Logo */
.wp-block-gallery.logos .wp-block-image img {
  height: 140px !important; /* Setel tinggi seragam sesuai kebutuhan */
  width: auto !important; /* Lebar otomatis menyesuaikan proporsi */
  max-width: none !important;
  object-fit: contain;
}
.margin-top{
    margin-top:0px!important;
}
.mobile{display:none;}
.desktop{display:block;}
.is-style-text-subtitle.center-align.desktop{margin-bottom:50px;}
.scrolltop {
  cursor: pointer;
}
.max-width.project-title{background-color:#212f3a;color:#ffffff;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;}
.max-width .wp-block{max-width:1380px;}
.project-quotes-wrapper.max-width .wp-block, .project-contact-wrapper.max-width .wp-block{max-width:1200px;padding-top: var(--wp--preset--spacing--70);padding-bottom: var(--wp--preset--spacing--70);}
.max-width.project-title h1{font-weight:390!important;}
.project-excerpt{background-color:#f0f1f3;color:#212f3a;padding-top:60px;padding-right:40px;padding-bottom:60px;padding-left:40px;}
.project-content-wrapper{padding-top:80px;padding-right:40px;padding-bottom:80px;padding-left:40px;}
.project-quotes-wrapper{background-color:#062853;padding:0;}
.project-related{padding:0;}

/* Layout Grid untuk menyusun Arrow, Label, dan Title */
.custom-project-nav .wp-block-post-navigation-link a {
    text-decoration: none !important;
}

/* Container Navigasi Utama */
.custom-project-navigation {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 60px !important;
    width: 100%;
    margin-top: 40px;
}

.custom-project-navigation .nav-item {
    flex: 0 0 auto !important;
}

/* Base Link Layout (CSS Grid 2x2) */
.custom-project-navigation a {
    display: grid !important;
    align-items: center !important;
    text-decoration: none !important;
    row-gap: 2px !important;
    column-gap: 12px !important;
}

/* Grid Layout PREVIOUS (Panah di Kiri, Menjangkau 2 Baris) */
.custom-project-navigation .nav-prev a {
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
        "arrow label"
        "arrow title" !important;
}

/* Grid Layout NEXT (Panah di Kanan, Menjangkau 2 Baris) */
.custom-project-navigation .nav-next a {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
        "label arrow"
        "title arrow" !important;
}

/* Setting Area Grid */
.custom-project-navigation .nav-svg-arrow {
    grid-area: arrow !important;
    color: #007ea8 !important;
    display: block !important;
    align-self: center !important;
}

.custom-project-navigation .nav-label {
    grid-area: label !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #212f3a !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.custom-project-navigation .nav-title {
    grid-area: title !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #212f3a !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* Container Wrapper Single Testimonial */
.custom-single-testimonial-wrapper {
    width: 100%;
    background-color: #072246 !important; /* Warna Navy Dark */
    padding: 80px 20px !important;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.custom-single-testimonial-wrapper .testimonial-content-inner {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
}

/* Teks Testimonial / Quote */
.custom-single-testimonial-wrapper .testimonial-quote-text {
    font-size: 1.5rem;
    font-weight: 300 !important;
    font-style: italic !important;
    color: #ffffff !important;
    line-height: 1.6 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Author / Testimonial By */
.custom-single-testimonial-wrapper .testimonial-author {
    font-size: 0.8em !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: #ffffff !important;
    display: block !important;
    letter-spacing: 0.3px;
}

/* Testimonial Info / Jabatan */
.custom-single-testimonial-wrapper .testimonial-info {
    font-weight: 400 !important;
}

/* Container Utama */
.related-portfolios-section {
    width: 100%;
    max-width: 1380px !important;
    margin: 0 auto !important;
    padding: 80px 20px 80px 20px !important;
    box-sizing: border-box;
}

/* Subtitle Atas (Rata Tengah & Warna Abu Terang) */
.related-portfolios-section .related-subtitle {
    text-align: center !important;
    font-size: 1.1em !important;
    margin-bottom: 45px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Grid Layout 3 Kolom */
.related-portfolios-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

.related-portfolio-item {
    display: flex !important;
    flex-direction: column !important;
}

/* Gambar Persegi (Square Aspect Ratio 1:1) */
.related-image-link {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 6 / 4 !important; /* Paksa rasio kotak seperti Image 2 */
    background-color: #c8cbcf !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
}

.related-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Mencegah gambar terdistorsi */
    display: block !important;
}

.related-placeholder-img {
    width: 100% !important;
    height: 100% !important;
    background-color: #c8cbcf !important;
}

/* Judul Post (SHORT PROJECT DESCRIPTION / Uppercase) */
.related-portfolio-item .related-title {
    font-weight: 200 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 10px 0 10px 0 !important;
    line-height: 1.3 !important;
}

.related-portfolio-item .related-title a {
    color: #212f3a !important;
    text-decoration: none !important;
}

/* Deskripsi Teks */
.related-portfolio-item .related-description {
    font-size: 0.9em !important;
    line-height: 1.5 !important;
    color: #212f3a !important;
    margin: 0 0 18px 0 !important;
    flex-grow: 1 !important;
    font-weight:390;
}

/* Link More... di Bagian Bawah */
.related-portfolio-item .related-more-link {
    font-size: 0.9em !important;
    color: #212f3a !important;
    text-decoration: underline !important;
    font-weight: 390 !important;
    display: block !important;
    margin-top: 10px !important;
}

/* Sembunyikan tag <p> yang muncul di antara gambar dan judul */
.related-portfolio-item > a.related-image-link + p {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Sembunyikan semua tag <p> langsung di dalam .related-portfolio-item jika ada */
.related-portfolio-item > p {
    display: none !important;
}
.related-portfolio-item {
    display: flex !important;
    flex-direction: column !important;
}


.custom-form-submit-btn {
    width: 100%;
    background-color: #52b8a5;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 390;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
}


/* Reset Wrapper Block */
.custom-blog-listing-wrapper {
    width: 100% !important;
    max-width: 1420px !important;
    margin: 0 auto !important;
    padding: 0px 30px !important;
    box-sizing: border-box !important;
}

/* Force Grid Layout 3 Kolom Desktop */
.custom-blog-listing-wrapper .blog-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 35px 25px !important;
    margin-bottom: 40px !important;
    width: 100% !important;
}

.custom-blog-listing-wrapper .blog-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Force Aspect Ratio Thumbnail 6:4 */
.custom-blog-listing-wrapper .blog-thumb-link {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 6 / 4 !important;
    overflow: hidden !important;
    background-color: #e5e7eb !important;
    margin-bottom: 18px !important;
}

.custom-blog-listing-wrapper .blog-thumb-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

.custom-blog-listing-wrapper .blog-thumb-placeholder {
    width: 100% !important;
    height: 100% !important;
    background-color: #d1d5db !important;
}

/* Typography Overrides */
.custom-blog-listing-wrapper .blog-title {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin: 0 0 10px 0 !important;
    color: #2b394a !important;
}

.custom-blog-listing-wrapper .blog-title a {
    color: var(--wp--preset--color--contrast);
    text-decoration: none !important;
    font-size:1.1em;
}

.custom-blog-listing-wrapper .blog-date {
    font-size: 0.7em !important;
    color: #52b8a5 !important;
    margin-bottom: 12px !important;
    display: block !important;
    font-weight: 400 !important;
}

.custom-blog-listing-wrapper .blog-excerpt {
    font-size: 0.7em !important;
    line-height: 1.5 !important;
    margin: 0 0 14px 0 !important;
    flex-grow: 1 !important;
    text-align: left !important;
}

.custom-blog-listing-wrapper .blog-read-more {
    font-size: 0.7em !important;
    font-weight: 400 !important;
    color: #52b8a5 !important;
    text-decoration: underline !important;
    align-self: flex-start !important;
}

/* Fix Tampilan Pagination (Hapus Border Kotak Bawaan Browser) */
.custom-blog-listing-wrapper .blog-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 100px !important;
    margin-bottom: 100px !important;
    width: 100% !important;
}

.custom-blog-listing-wrapper .blog-pagination button.page-num {
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    color: #52b8a5 !important;
    cursor: pointer !important;
    padding: 2px 6px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.custom-blog-listing-wrapper .blog-pagination button.page-num.active {
    color: #111827 !important;
    font-weight: 700 !important;
    cursor: default !important;
}

/* Fix Tombol Substack & LinkedIn (Hapus Blok Tosca Liar) */
.custom-blog-listing-wrapper .blog-external-buttons {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    width: 100% !important;
}

.custom-blog-listing-wrapper .btn-external {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #eeeeee !important; /* Warna Abu-abu Sesuai Gambar 1 */
    color: #222222 !important;
    text-decoration: none !important;
    font-size: var(--wp--preset--font-size--medium) !important;
    font-weight: 390 !important;
    letter-spacing: 0.5px !important;
    padding: 14px 24px !important;
    border-radius: 0px !important;
    border: none !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.custom-blog-listing-wrapper .btn-external:hover, .wp-block-button__link:hover {
    background-color: #e0e0e0 !important;
}

.custom-blog-listing-wrapper .btn-external .btn-icon {
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    fill: currentColor !important;
    object-fit: contain !important;
}

/* Sembunyikan Tag <p> Liar di Dalam Block */
.custom-blog-listing-wrapper p:empty,
.custom-blog-listing-wrapper > p {
    display: none !important;
}

.post-nav{
    padding-top:30px !important;
}

.blog-content figure, .blog-content ol, .blog-content ul {
    margin: 0 0 1em;
}
/* Base Style Heading (Margin, Weight, Line-height) */
.blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6, 
.project-content-wrapper h1, .project-content-wrapper h2, .project-content-wrapper h3, .project-content-wrapper h4, .project-content-wrapper h5, .project-content-wrapper h6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3;
    color: inherit;
}

/* Specific Font Size per Heading Level */
.blog-content h1, .project-content-wrapper h1 { font-size: 2.5rem !important; } /* 40px */
.blog-content h2, .project-content-wrapper h2 { font-size: 2.0rem !important; } /* 32px */
.blog-content h3, .project-content-wrapper h3 { font-size: 1.75rem !important; } /* 28px */
.blog-content h4, .project-content-wrapper h4 { font-size: 1.5rem !important; } /* 24px */
.blog-content h5, .project-content-wrapper h5 { font-size: 1.25rem !important; } /* 20px */
.blog-content h6, .project-content-wrapper h6 { font-size: 1.0rem !important; } /* 16px */

/* Mobile Responsive Adjustments (<= 768px) */
@media (max-width: 768px) {
    .blog-content h1, .project-content-wrapper h1 { font-size: 2.0rem !important; }
    .blog-content h2, .project-content-wrapper h2 { font-size: 1.65rem !important; }
    .blog-content h3, .project-content-wrapper h3 { font-size: 1.4rem !important; }
    .blog-content h4, .project-content-wrapper h4 { font-size: 1.25rem !important; }
    .blog-content h5, .project-content-wrapper h5 { font-size: 1.1rem !important; }
    .blog-content h6, .project-content-wrapper h6 { font-size: 0.95rem !important; }
}
.wp-block-column.is-style-section-1.smarter-impact{flex-basis: 1360px !important; }


/* Responsif Mobile (Limit Maksimal 5 Pagination) */
@media (max-width: 768px) {
    .custom-blog-listing-wrapper {
        padding: 20px 30px !important;
    }
    .custom-blog-listing-wrapper .blog-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .custom-blog-listing-wrapper .blog-external-buttons {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .custom-blog-listing-wrapper .btn-external {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .custom-blog-listing-wrapper .blog-pagination{
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .custom-blog-listing-wrapper .blog-pagination button.page-num {
        display: none !important;
    }

    .custom-blog-listing-wrapper .blog-pagination button.page-num.mobile-visible {
        display: inline-block !important;
    }
    .page-id-18752 .wp-block-buttons>.wp-block-button{display:block;width:100%;}
    .blog-content{padding-top:60px;padding-bottom:60px;}
    .related-portfolios-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    .project-related .related-portfolios-section{
        padding: 40px 30px 40px 30px !important;
    }
    .smarter-impact{
        padding:0px 30px 60px !important;
    }
    footer .footer-contact.wp-block-columns{
        padding:40px 0px !important;
    }
}

/* Responsive Mobile */
@media (max-width: 767px) {
    .custom-single-testimonial-wrapper {
        padding: 50px 20px !important;
    }
    .custom-single-testimonial-wrapper .testimonial-quote-text {
        font-size: 17px !important;
    }
    .custom-single-testimonial-wrapper .testimonial-author {
        font-size: 13px !important;
    }
}


/* Responsive Mobile (<= 600px) */
@media (max-width: 600px) {
    .custom-project-navigation {
        flex-direction: column !important;
        gap: 24px !important;
    }
}


@media (max-width: 767px) {
/* ==========================================================================
   Replace Mobile Navigation Hamburger Icon with Custom Theme SVG
   ========================================================================== */

/* 1. Hide the default WordPress SVG hamburger icon */
.wp-block-navigation__responsive-container-open svg {
    display: none !important;
}

/* 2. Apply the custom SVG image from theme assets */
.wp-block-navigation__responsive-container-open {
    display: inline-block;
    width: 32px;                   /* Adjust width as needed */
    height: 32px;                  /* Adjust height as needed */
    background-image: url('assets/images/burger-menu.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    background-color: transparent; /* Ensures background stays clean */
    padding: 0;
    cursor: pointer;
}
/* ==========================================================================
   Mobile Navigation Dropdown / Overlay Styles (#modal-1)
   ========================================================================== */

/* 1. Force white color on the navigation items, text labels, and links */
#modal-1 .wp-block-navigation-item__content,
#modal-1 .wp-block-navigation-item__label,
#modal-1 .menu-links a,
#modal-1 .menu-links li {
    color: #ffffff !important;
}

/* 2. Hover and focus states for menu links */
#modal-1 .wp-block-navigation-item__content:hover,
#modal-1 .wp-block-navigation-item__content:focus {
    color: #ffffff !important;
    opacity: 0.85; /* Subtle hover visual feedback */
}

/* 3. Force white color for the Close (X) button icon */
#modal-1 .wp-block-navigation__responsive-container-close,
#modal-1 .wp-block-navigation__responsive-container-close svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 4. Optional: Dark overlay background to make white text pop */
#modal-1.has-background,
#modal-1 .wp-block-navigation__responsive-dialog {
    background-color: #212f3a !important; /* Dark background so white text is visible */
}

/* Mobile Navigation Custom Footer - Bigger & Left Aligned */
#modal-1 .custom-mobile-menu-footer {
    width: 100%;
    margin-top: 60px;
    padding: 20px;
    display: flex;
    justify-content: flex-start !important; /* Forces left alignment */
    box-sizing: border-box;
}

#modal-1 .mobile-social-links a {
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    transition: opacity 0.3s ease;
    margin-right:30px;
}

#modal-1 .mobile-social-links a:hover {
    opacity: 0.8;
}

/* Bigger LinkedIn SVG Icon */
#modal-1 .mobile-social-links svg {
    width: 32px !important;  /* Increased size from 22px to 32px */
    height: 32px !important;
    fill: #ffffff !important;
}

.wp-block-navigation__responsive-dialog{
    padding:40px 15px;
    z-index:1;
}
ul.wp-block-navigation__container{
    margin:auto;
    width:100%;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding-top:50px;
}
ul.wp-block-navigation__container li {
    text-align:left!important;
    font-size:22px;
    padding:0.7rem 1rem;
}
ul.wp-block-navigation__container li a{
    margin-right:auto;
}
.wp-block-navigation__responsive-container-close {
    position: absolute;
    right: 30px;
    top: 23px;
    z-index: 2;
}
.wp-block-navigation__responsive-container-close svg path {
    stroke: currentColor !important;
    stroke-width: 1.2px !important; /* Increase to 1.5px or 2px for an even bolder icon */
    paint-order: stroke fill !important; /* Ensures smooth rounded corners on stroke overflow */
}
.footer-icons{
    display: flex;
    margin-top: 0px !important;
    align-content: flex-start;
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.footer-icons.is-layout-flow > figure.alignright{
    float: left!important;
    margin-inline-start: 0!important;
    margin-inline-end: 1em!important;
}
.footer-icons img{
    width:36px!important;
}
footer > div{
    padding:60px 30px!important;
    gap:20px!important;
}
.no-padding-mobile{
    padding:0px;
}
.margin-top {
    margin-top: 0px !important;
    padding-bottom: 0px !important;
}

.logos {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wp-block-gallery.logos .wp-block-image {
    margin: 0 !important;
    width: 48% !important;
}
.mobile{display:block;}
.desktop{display:none;}
.is-style-text-subtitle.center-align.mobile{margin-bottom:30px;}
.block-texts{padding-top:0px!important;}
.mobile-left-align p{text-align:left!important;}
.financial-icon{margin-left: -0.6vw;width: 100px;bottom: 0px;}
.projects .hero-content-overlay{position:relative!important;background-color:#072853;}
}