/*!* Home page styles *!*/
/*@font-face {*/
/*    font-family: 'cakefont';*/
/*    src: url('../font/cakedingbats-webfont.eot');*/
/*    src: url('../font/cakedingbats-webfont.eot?#iefix') format('embedded-opentype'),*/
/*    url('../font/cakedingbats-webfont.woff2') format('woff2'),*/
/*    url('../font/cakedingbats-webfont.woff') format('woff'),*/
/*    url('../font/cakedingbats-webfont.ttf') format('truetype'),*/
/*    url('../font/cakedingbats-webfont.svg#cake_dingbatsregular') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
/*body {*/
/*    padding: 60px 0;*/
/*}*/
/*header {*/
/*    margin-bottom: 60px;*/
/*}*/

/*img {*/
/*    margin-bottom: 30px;*/
/*}*/
/*h1 {*/
/*    font-weight: bold;*/
/*}*/
/*ul {*/
/*    list-style-type: none;*/
/*    margin: 0 0 30px 0;*/
/*    padding-left: 25px;*/
/*}*/
/*a {*/
/*    color: #0071BC;*/
/*    text-decoration: underline;*/
/*}*/
/*hr {*/
/*    border-bottom: 1px solid #e7e7e7;*/
/*    border-top: 0;*/
/*    margin-bottom: 35px;*/
/*}*/

/*.text-center {*/
/*    text-align: center;*/
/*}*/
/*.links a {*/
/*    margin-right: 10px;*/
/*}*/
/*.release-name {*/
/*    color: #D33C43;*/
/*    font-weight: 400;*/
/*    font-style: italic;*/
/*}*/
/*.bullet:before {*/
/*    font-family: 'cakefont', sans-serif;*/
/*    font-size: 18px;*/
/*    display: inline-block;*/
/*    margin-left: -1.3em;*/
/*    width: 1.2em;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    vertical-align: -1px;*/
/*}*/
/*.success:before {*/
/*    color: #88c671;*/
/*    content: "\0056";*/
/*}*/
/*.problem:before {*/
/*    color: #d33d44;*/
/*    content: "\0057";*/
/*}*/
/*.cake-error {*/
/*    padding: 10px;*/
/*    margin: 10px 0;*/
/*}*/
/*#url-rewriting-warning {*/
/*    display: none;*/
/*}*/

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;background-color: #f5f5f5;
}

h2 {font-size: 2rem;margin-bottom: 20px;}

.landing-hero {
    position: relative;height: 100vh;
    background: url('../img/sustainChain.png') center/cover no-repeat;
    color: white;display: flex;align-items: center;
    justify-content: center;text-align: center;
}

.landing-overlay {
    position: absolute;
    /*top: 0;left: 0;width: 100%;height: 100%;*/
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.landing-inner {position: relative;z-index: 1;}

.landing-inner h1{
    color: white;
}

.landing-inner p {margin: 0;}

.landing-inner h1 {
    font-size: 3rem;
    margin-bottom: 10px;
    text-align: center;
}

.landing-inner p {font-size: 1.25rem;margin-bottom: 20px;}

section {
    padding: 60px 20px;text-align: center;
    background: white;margin: 0;}

.btn-primary {
    display: inline-block;background-color: #333;color: white;
    padding: 14px 28px;font-size: 1.2rem;border-radius: 8px;
    text-decoration: none;transition: background 0.3s;
}

.btn-primary:hover {background-color: #c62828;}

.section-block { max-width:1100px; margin:0 auto; }

.flex-row {
    display:flex; align-items:center; gap:32px;
    padding:60px 40px;
    flex-direction: row !important;
}

.flex-row .img-box,
.flex-row .text-box { flex:1 1 50%; }

.flex-row .img-box img{
    width:100%; height:360px; object-fit:cover; border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.flex-row .text-box h2{ font-size:30px; margin:0 0 6px; }
.flex-row .text-box h1{ font-size:36px; margin:0 0 16px; }
.flex-row .text-box p{ line-height:1.75; margin:0 0 16px; color:#333; }

@media (max-width: 900px){
    .flex-row{ flex-direction:column !important; padding:40px 20px; }
    .flex-row .img-box img{ height:240px; }
    .flex-row .text-box{ text-align:center; }
}

html {
    scroll-behavior: smooth;
}