/* Breadcrumb + Hero section */
.content-hero {
    background: #c9e0d8;
    padding: 36px 0 46px 0;
    box-shadow: 0 2px 18px rgba(33,48,70,0.04);
}
.breadcrumb-nav ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 18px 40px;
    padding: 0;
}
.breadcrumb-nav ol li:not(:last-child)::after {
    content: "›";
    margin: 0 8px;
    color: #257d8d;
}
.breadcrumb-nav ol li {
    color: #257d8d;
    font-size: 1rem;
    font-weight: 400;
}
.breadcrumb-nav ol li a {
    color: #074a5a;
    text-decoration: none;
}
.breadcrumb-nav ol li[aria-current="page"] {
    color: #093748;
    font-weight: 700;
}
.content-hero-title {
    margin: 0 0 12px 0;
    font-size: 2.2rem;
    font-weight: 700;
    color: #093748;
}
.content-hero-subtitle {
    margin: 0;
    color: #3d4451;
    font-size: 1.15rem;
    font-weight: 350;
    line-height: 1.6;
}

/* 2-Column white content section */
.content-section {
    background: #fff;
    padding: 54px 0;
}
.content-cols {
    /*max-width: 1100px;*/
    display: flex;
    gap: 56px;
    align-items: flex-start;
    /*border-radius: 16px;*/
    /*box-shadow: 0 2px 18px rgba(33,48,70,0.07);*/
    background: #fff;
    padding: 0;
}
.content-col-image {
    flex: 1 1 320px;
    min-width: 220px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.content-col-image img {
    /*max-width: 100%;
    height: auto;
    display: block;*/

    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.content-col-text {
    flex: 2 1 480px;
    min-width: 240px;
    color: #232f39;
}
.content-col-text h2 {
    color: #093748;
    font-size: 1.45rem;
    font-weight: 600;
    margin-bottom: 18px;
}
.content-col-text p {
    font-size: 1.07rem;
    font-weight: 330;
    line-height: 1.7;
    margin-bottom: 14px;
}

.tech-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.tile {
    width: 160px;
    height: 195px;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    /*background-color: #e6f4f5;*/ /* optional: soft color behind icon */
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(37, 125, 141, 0.08);
    transition: box-shadow 0.2s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 8px;
}

.tile:hover {
    box-shadow: 0 4px 16px rgba(37, 125, 141, 0.16);
    cursor: pointer; 
}

.php {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%236E81B6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M50%2075.677c27.614%200%2050-11.345%2050-25.338S77.614%2025%2050%2025%200%2036.345%200%2050.339s22.386%2025.338%2050%2025.338%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m60.133%2058.528%202.48-12.764c.56-2.881.095-5.03-1.383-6.388-1.43-1.314-3.86-1.953-7.426-1.953H49.51l1.228-6.324a.814.814%200%200%200-.797-.969h-5.928a.81.81%200%200%200-.798.659l-2.634%2013.55c-.24-1.524-.83-2.835-1.774-3.916-1.74-1.99-4.49-3-8.176-3H19.14a.81.81%200%200%200-.798.658l-5.33%2027.43a.81.81%200%200%200%20.798.968h5.974c.39%200%20.724-.276.798-.66l1.29-6.634h4.447c2.334%200%204.295-.252%205.826-.75%201.566-.51%203.006-1.373%204.276-2.562a13.1%2013.1%200%200%200%202.526-3.136l-1.065%205.48a.81.81%200%200%200%20.798.968h5.929a.814.814%200%200%200%20.798-.658l2.925-15.056H52.4c1.734%200%202.242.345%202.38.493.125.135.385.612.093%202.116l-2.358%2012.136a.815.815%200%200%200%20.798.968h6.023a.81.81%200%200%200%20.797-.656M32.65%2047.981c-.373%201.914-1.074%203.279-2.086%204.057-1.028.793-2.672%201.194-4.887%201.194h-2.648l1.915-9.854h3.424c2.515%200%203.528.538%203.935.988.565.625.684%201.876.347%203.615m52.455-7.558c-1.738-1.99-4.489-3-8.175-3H65.44a.81.81%200%200%200-.798.658l-5.33%2027.43a.814.814%200%200%200%20.797.968h5.975c.39%200%20.724-.276.798-.66l1.29-6.634h4.448c2.334%200%204.294-.252%205.825-.75%201.566-.51%203.007-1.373%204.276-2.562a13.1%2013.1%200%200%200%202.59-3.247%2013.2%2013.2%200%200%200%201.41-3.915c.68-3.495.136-6.283-1.616-8.288m-5.817%207.558c-.373%201.914-1.074%203.279-2.085%204.057-1.029.793-2.672%201.194-4.887%201.194h-2.648l1.914-9.854h3.424c2.516%200%203.529.538%203.936.988.563.625.683%201.876.346%203.615%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M28.197%2042.565q3.405%200%204.54%201.257%201.133%201.258.54%204.315-.621%203.184-2.388%204.546-1.77%201.362-5.382%201.362H21.87l2.232-11.48zm-14.558%2023.1h5.974l1.418-7.291h5.118q3.387%200%205.575-.713%202.187-.712%203.977-2.386a12.2%2012.2%200%200%200%202.432-3.045q.93-1.665%201.32-3.674.949-4.877-1.43-7.598-2.377-2.721-7.563-2.721H18.97zm30.201-34.72h5.929l-1.418%207.293h5.282q4.984%200%206.876%201.738t1.135%205.634l-2.48%2012.765h-6.022L55.5%2046.237q.403-2.072-.297-2.825t-2.974-.753h-4.738l-3.054%2015.715H38.51zm30.994%2011.621q3.405%200%204.54%201.257%201.133%201.258.54%204.315-.619%203.184-2.388%204.546t-5.38%201.362H68.51l2.23-11.48zm-14.56%2023.1h5.976l1.417-7.291h5.118q3.389%200%205.576-.713%202.187-.712%203.977-2.386a12.2%2012.2%200%200%200%202.43-3.045q.93-1.665%201.322-3.674.948-4.877-1.43-7.598-2.377-2.721-7.563-2.721h-11.49z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
}

.python {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22url%28%23a%29%22%20d%3D%22M49.64%200C24.254%200%2025.839%2011.009%2025.839%2011.009l.028%2011.406h24.225v3.424H16.245S0%2023.997%200%2049.61c0%2025.615%2014.179%2024.707%2014.179%2024.707h8.462V62.432s-.457-14.18%2013.952-14.18H60.62s13.5.219%2013.5-13.046V13.273S76.17%200%2049.64%200M36.282%207.67a4.354%204.354%200%200%201%204.358%204.358%204.356%204.356%200%200%201-6.027%204.028%204.35%204.35%200%200%201-2.69-4.028%204.355%204.355%200%200%201%204.359-4.358%22%2F%3E%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M50.36%2099.48c25.387%200%2023.802-11.009%2023.802-11.009l-.028-11.405H49.908V73.64h33.847S100%2075.485%20100%2049.869c0-25.615-14.179-24.706-14.179-24.706H77.36v11.886s.457%2014.179-13.952%2014.179H39.38s-13.5-.218-13.5%2013.047v21.933S23.83%2099.48%2050.36%2099.48m13.359-7.67a4.355%204.355%200%200%201-4.028-6.026%204.35%204.35%200%200%201%204.028-2.69%204.355%204.355%200%200%201%204.027%206.027%204.355%204.355%200%200%201-4.027%202.69%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%229.61%22%20x2%3D%2259.167%22%20y1%3D%228.948%22%20y2%3D%2258.01%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23387EB8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23366994%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2240.028%22%20x2%3D%2293.247%22%20y1%3D%2240.453%22%20y2%3D%2290.762%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFE052%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFC331%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.js {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23F7DF1E%22%20d%3D%22M100%200H0v100h100z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M67.175%2078.125c2.014%203.29%204.634%205.707%209.27%205.707%203.893%200%206.38-1.946%206.38-4.635%200-3.222-2.555-4.364-6.84-6.238l-2.35-1.008c-6.781-2.89-11.286-6.508-11.286-14.159%200-7.047%205.37-12.413%2013.762-12.413%205.975%200%2010.27%202.08%2013.365%207.524l-7.317%204.699c-1.612-2.89-3.35-4.027-6.048-4.027-2.752%200-4.497%201.746-4.497%204.027%200%202.819%201.746%203.96%205.778%205.706l2.35%201.006c7.983%203.424%2012.491%206.915%2012.491%2014.762%200%208.46-6.646%2013.096-15.571%2013.096-8.727%200-14.365-4.16-17.124-9.61zm-33.196.815c1.477%202.619%202.82%204.833%206.048%204.833%203.087%200%205.035-1.208%205.035-5.905V45.916h9.397v32.08c0%209.73-5.705%2014.158-14.032%2014.158-7.524%200-11.881-3.894-14.097-8.583z%22%2F%3E%3C%2Fsvg%3E");
}

.react {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20101%20100%22%3E%3Cpath%20fill%3D%22%2361DAFB%22%20d%3D%22M50.307%2058.816a8.816%208.816%200%201%200%200-17.632%208.816%208.816%200%200%200%200%2017.632%22%2F%3E%3Cpath%20stroke%3D%22%2361DAFB%22%20stroke-width%3D%225%22%20d%3D%22M50.307%2068.063c26.126%200%2047.306-8.087%2047.306-18.063s-21.18-18.062-47.306-18.062C24.18%2031.938%203%2040.024%203%2050s21.18%2018.063%2047.307%2018.063Z%22%2F%3E%3Cpath%20stroke%3D%22%2361DAFB%22%20stroke-width%3D%225%22%20d%3D%22M34.664%2059.031C47.727%2081.658%2065.321%2095.957%2073.96%2090.97c8.64-4.988%205.053-27.374-8.01-50C52.885%2018.342%2035.291%204.043%2026.652%209.03s-5.052%2027.374%208.011%2050Z%22%2F%3E%3Cpath%20stroke%3D%22%2361DAFB%22%20stroke-width%3D%225%22%20d%3D%22M34.664%2040.969c-13.063%2022.626-16.65%2045.012-8.01%2050%208.638%204.988%2026.232-9.311%2039.295-31.938s16.65-45.012%208.01-50c-8.638-4.988-26.232%209.311-39.295%2031.938Z%22%2F%3E%3C%2Fsvg%3E");
}

.wp {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%2300749A%22%20d%3D%22M7.107%2049.999c0%2016.979%209.867%2031.65%2024.175%2038.604L10.82%2032.543a42.7%2042.7%200%200%200-3.714%2017.456m71.85-2.165c0-5.3-1.904-8.972-3.538-11.83-2.174-3.533-4.211-6.525-4.211-10.058%200-3.943%202.99-7.613%207.202-7.613.19%200%20.37.024.556.034C71.333%2011.376%2061.166%207.107%2050%207.107c-14.985%200-28.17%207.689-35.839%2019.334%201.007.03%201.956.05%202.76.05%204.487%200%2011.432-.544%2011.432-.544%202.312-.136%202.585%203.26.276%203.533%200%200-2.325.273-4.91.409l15.62%2046.46%209.387-28.152-6.683-18.309c-2.31-.135-4.498-.409-4.498-.409-2.312-.135-2.04-3.67.27-3.533%200%200%207.084.544%2011.299.544%204.486%200%2011.431-.544%2011.431-.544%202.314-.136%202.586%203.26.275%203.533%200%200-2.328.274-4.909.41l15.5%2046.108L75.69%2061.7c1.856-5.933%203.267-10.194%203.267-13.866%22%2F%3E%3Cpath%20fill%3D%22%2300749A%22%20d%3D%22m50.753%2053.75-12.87%2037.396a42.9%2042.9%200%200%200%2012.118%201.748%2042.9%2042.9%200%200%200%2014.243-2.43%203.6%203.6%200%200%201-.305-.592zm36.885-24.33c.184%201.366.288%202.834.288%204.41%200%204.353-.812%209.246-3.261%2015.364L71.563%2087.075C84.315%2079.64%2092.893%2065.824%2092.893%2050a42.66%2042.66%200%200%200-5.255-20.58%22%2F%3E%3Cpath%20fill%3D%22%2300749A%22%20d%3D%22M50%200C22.43%200%200%2022.43%200%2049.999%200%2077.57%2022.43%20100%2050%20100s50.003-22.429%2050.003-50.002C100.003%2022.429%2077.569%200%2050.001%200m0%2097.708c-26.305%200-47.707-21.402-47.707-47.71C2.293%2023.695%2023.694%202.294%2050%202.294c26.304%200%2047.705%2021.401%2047.705%2047.706%200%2026.307-21.402%2047.71-47.705%2047.71%22%2F%3E%3C%2Fsvg%3E");
}

.laravel {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23FF2D20%22%20d%3D%22M98.494%2022.485q.054.2.054.406v21.335a1.56%201.56%200%200%201-.782%201.349L79.86%2055.885v20.433a1.56%201.56%200%200%201-.777%201.35L41.705%2099.184c-.085.049-.179.08-.272.113-.035.012-.068.033-.105.043a1.6%201.6%200%200%201-.797%200c-.043-.012-.082-.035-.123-.05-.085-.032-.175-.059-.256-.106L2.782%2077.668A1.56%201.56%200%200%201%202%2076.318V12.316q.001-.21.055-.409c.011-.044.039-.085.054-.13.03-.082.057-.165.1-.241.028-.05.071-.091.106-.138.045-.062.086-.127.138-.18.045-.046.103-.079.154-.118.056-.046.107-.097.171-.134h.002L21.466.208a1.56%201.56%200%200%201%201.555%200l18.686%2010.758h.004c.062.04.115.088.171.133.05.038.107.073.152.116.054.056.093.12.14.183.033.047.078.087.105.138.044.078.07.16.1.241.017.045.044.086.055.132q.054.2.055.407V52.29l15.57-8.966V22.89c0-.136.02-.274.055-.404.014-.047.039-.087.055-.132.03-.082.058-.166.1-.241.03-.05.073-.092.106-.138.046-.063.085-.127.14-.181.044-.045.1-.078.151-.117.059-.047.11-.097.171-.134h.002l18.688-10.759a1.56%201.56%200%200%201%201.556%200l18.686%2010.759c.066.039.116.087.174.132.05.04.106.074.15.117.055.056.093.12.14.183.035.046.078.087.105.138.045.076.07.16.101.24.018.046.043.086.055.133m-3.06%2020.84v-17.74l-6.54%203.764-9.034%205.201v17.74l15.575-8.965zM76.746%2075.418V57.665l-8.885%205.075-25.375%2014.482v17.92zM5.115%2015.008v60.41L39.372%2095.14V77.224L21.476%2067.096l-.006-.004-.008-.004c-.06-.035-.11-.086-.167-.128-.049-.04-.105-.07-.148-.113l-.004-.006c-.05-.049-.085-.109-.128-.163-.04-.053-.086-.097-.117-.152l-.002-.006c-.035-.058-.056-.128-.082-.194-.025-.059-.058-.113-.073-.175v-.002c-.02-.074-.024-.152-.032-.228-.007-.058-.023-.116-.023-.175V23.974l-9.032-5.203-6.539-3.76zm17.13-11.654L6.678%2012.316l15.565%208.962%2015.567-8.964-15.567-8.96zm8.097%2055.93%209.032-5.2V15.009l-6.54%203.764-9.033%205.201V63.05zM78.305%2013.93l-15.567%208.96%2015.567%208.962L93.87%2022.89zm-1.558%2020.62-9.033-5.201-6.54-3.765v17.741l9.032%205.2%206.541%203.766zm-35.82%2039.98%2022.834-13.036%2011.413-6.514-15.555-8.956-17.91%2010.311-16.323%209.398z%22%2F%3E%3C%2Fsvg%3E");
}

.fastapi {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22Fastapi-Icon--Streamline-Svg-Logos%22%20height%3D%2224%22%20width%3D%2224%22%3E%0A%20%20%3Cdesc%3E%0A%20%20%20%20Fastapi%20Icon%20Streamline%20Icon%3A%20https%3A%2F%2Fstreamlinehq.com%0A%20%20%3C%2Fdesc%3E%0A%20%20%3Cpath%20fill%3D%22%23009688%22%20d%3D%22M12.000025%200.25C5.512775%200.25%200.25%205.512775%200.25%2012s5.262775%2011.75%2011.750025%2011.75C18.487225%2023.75%2023.75%2018.487225%2023.75%2012S18.487225%200.25%2012.000025%200.25Zm-0.61225%2021.168825V14.0486H7.2906l5.88675%20-11.467425v7.370225H17.1215L11.387775%2021.418825Z%22%20stroke-width%3D%220.25%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.spring {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%236CB52D%22%20d%3D%22M91.059%205.746c-1.437%203.493-3.295%206.59-5.35%209.363C76.641%205.87%2063.958%200%2049.963%200%2022.468-.001%200%2022.343%200%2049.938%200%2064.355%206.168%2077.335%2015.953%2086.5l1.858%201.66A49.68%2049.68%200%200%200%2049.939%2099.9c26.257%200%2047.882-20.486%2049.74-46.347%201.486-12.559-2.328-28.635-8.62-47.808M23.186%2086.92c-1.437%201.858-4.112%202.056-5.97.62-1.858-1.437-2.056-4.113-.62-5.97%201.437-1.858%204.113-2.056%205.97-.62%201.76%201.437%202.057%204.112.62%205.97m67.576-14.937C78.5%2088.358%2052.143%2082.81%2035.349%2083.626c0%200-2.998.199-5.97.62%200%200%201.14-.52%202.576-1.04%2011.84-4.113%2017.414-4.955%2024.622-8.646%2013.5-6.91%2026.976-22.046%2029.676-37.701-5.152%2015.036-20.808%2028.016-35.026%2033.267-9.785%203.617-27.397%207.11-27.397%207.11l-.718-.422c-11.94-5.87-12.361-31.83%209.487-40.178%209.586-3.716%2018.653-1.66%2029.057-4.112%2011.023-2.577%2023.805-10.825%2028.932-21.626%205.722%2017.415%2012.733%2044.39.174%2061.086%22%2F%3E%3Cpath%20fill%3D%22%236CB52D%22%20d%3D%22M23.186%2086.921c-1.437%201.858-4.112%202.056-5.97.62-1.858-1.437-2.056-4.113-.62-5.97%201.437-1.858%204.113-2.056%205.97-.62%201.76%201.437%202.057%204.112.62%205.97%22%2F%3E%3C%2Fsvg%3E");
}

.oracle {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23C74634%22%20d%3D%22M31.529%2081.056C14.013%2081.056%200%2067.044%200%2049.528s14.013-31.529%2031.529-31.529H68.47c17.517%200%2031.53%2014.013%2031.53%2031.529S85.987%2081.056%2068.471%2081.056zM67.516%2069.91c11.465%200%2020.382-9.236%2020.382-20.382%200-11.465-9.236-20.382-20.382-20.382H32.484c-11.465%200-20.382%209.235-20.382%2020.382%200%2011.146%209.236%2020.382%2020.382%2020.382z%22%2F%3E%3C%2Fsvg%3E");
}

.tile-caption {
    font-size: 0.97em;
    color: #257d8d;
    font-weight: 500;
    margin-top: 54px;
    margin-bottom: 0.2em;
    text-align: center;
    letter-spacing: 0.01em;
}

/* Responsive */
@media (max-width: 900px) {
    .content-cols {
        flex-direction: column;
        gap: 24px;
        padding: 18px 12px;
    }
    .content-hero-title, .content-hero-subtitle, .breadcrumb-nav ol {
        margin-left: 16px;
    }
}