/*!
 * Start Bootstrap - Logo Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Work+Sans:wght@400;500;600&display=swap");

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

.navbar-fixed-top .nav {
    /*padding: 15px 0;*/
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

@media(min-width:768px) {
    body {
        padding-top: 0px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}

.caption-wrap {
    max-width: 1110px;
    margin: 50px auto 0;
    padding: 24px 15px 30px;
    text-align: left;
/*border-style: solid;
  border-color: red;*/
}

.paragraphs{
    max-width: 1110px;
    margin: 50px auto 0;
    padding: 24px 15px 30px;
    text-align: left;
/*border-style: solid;
  border-color: red;*/
}

.caption-size {
    margin: 0 auto 12px;
    max-width: 1110px;
    line-height: 1.5;
    font-size: 16px;
    padding: 10px;
}


#myCarousel {
    max-width: 1140px;
    margin: 0 auto;
}

#myCarousel,
#myCarousel .carousel-inner,
#myCarousel .item,
#myCarousel img,
.carousel,
.carousel-inner,
.carousel-inner > .item,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    border-radius: 0 !important;
}

.carousel-inner > .item > img {
    display: block;
    margin: 0 auto;
}

.carousel-indicators {
    bottom: -28px;
}

:root {
    --sh-ink: #0f1f25;
    --sh-ink-soft: #263841;
    --sh-cream: #f4f0e8;
    --sh-olive: #b5ce2f;
    --sh-coral: #e06c4b;
    --sh-shadow: 0 20px 45px rgba(15, 31, 37, 0.22);
}

body {
    font-family: "Work Sans", "Segoe UI", "Helvetica Neue", sans-serif;
    color: var(--sh-ink);
    background: radial-gradient(circle at top left, #f6f3ea 0%, #f0eadf 38%, #e8e1d5 100%);
}

body h1,
body h2,
body h3,
body h4 {
    font-family: "Fraunces", "Times New Roman", serif;
    letter-spacing: -0.02em;
}

.sh-home {
    background: radial-gradient(circle at top left, #f6f3ea 0%, #f0eadf 38%, #e8e1d5 100%);
}

.sh-home h1,
.sh-home h2,
.sh-home h3 {
    font-family: "Fraunces", "Times New Roman", serif;
    margin-top: 0;
    letter-spacing: -0.02em;
}

.sh-hero {
    position: relative;
    padding: 120px 0 90px;
    color: #fff;
    background: linear-gradient(115deg, rgba(15, 31, 37, 0.88), rgba(15, 31, 37, 0.2)),
        var(--hero-image) center/cover no-repeat;
}

.sh-hero__content {
    animation: shFadeUp 0.9s ease-out both;
}

.sh-eyebrow {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.28em;
    font-weight: 600;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.7);
}

.sh-hero h1 {
    font-size: 46px;
    line-height: 1.1;
    margin-bottom: 18px;
}

.sh-lead {
    font-size: 18px;
    line-height: 1.6;
    max-width: 520px;
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.88);
}

.sh-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 26px;
}

.sh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 999px;
    background: var(--sh-olive);
    color: var(--sh-ink);
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 10px 24px rgba(181, 206, 47, 0.35);
}

.sh-btn:hover,
.sh-btn:focus {
    transform: translateY(-2px);
    text-decoration: none;
    color: var(--sh-ink);
}

.sh-btn-outline {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.45);
    box-shadow: none;
}

.sh-btn-outline:hover,
.sh-btn-outline:focus {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.8);
}

.sh-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.sh-badge {
    background: rgba(15, 31, 37, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 12px 16px;
    min-width: 150px;
}

.sh-badge strong {
    display: block;
    font-size: 20px;
    color: #fff;
}

.sh-badge span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.7);
}

.sh-hero__panel {
    background: rgba(244, 240, 232, 0.95);
    border-radius: 22px;
    padding: 26px 26px 22px;
    color: var(--sh-ink);
    box-shadow: var(--sh-shadow);
    margin-top: 40px;
    animation: shFadeUp 1s ease-out 0.2s both;
}

.sh-panel__title {
    font-family: "Fraunces", "Times New Roman", serif;
    font-size: 22px;
    margin-bottom: 16px;
}

.sh-panel__list {
    padding-left: 18px;
    margin: 0 0 12px;
}

.sh-panel__list li {
    margin-bottom: 8px;
}

.sh-panel__note {
    margin: 0;
    color: var(--sh-ink-soft);
}

.sh-section {
    padding: 80px 0;
}

.sh-section__header {
    max-width: 680px;
    margin-bottom: 38px;
}

.sh-section__header h2 {
    font-size: 34px;
    margin-bottom: 12px;
}

.sh-muted {
    color: var(--sh-ink-soft);
    font-size: 16px;
}

.sh-section--stats {
    background: #fff;
    border-bottom: 1px solid rgba(15, 31, 37, 0.08);
}

.sh-stat {
    text-align: center;
    padding: 18px;
}

.sh-stat__value {
    font-family: "Fraunces", "Times New Roman", serif;
    font-size: 30px;
    margin-bottom: 8px;
}

.sh-stat__label {
    color: var(--sh-ink-soft);
    margin: 0;
}

.sh-cards {
    row-gap: 24px;
}

.sh-card {
    background: #fff;
    border-radius: 18px;
    padding: 18px;
    box-shadow: var(--sh-shadow);
    height: 100%;
    transition: transform 0.2s ease;
}

.sh-card img {
    width: 100%;
    border-radius: 14px;
    margin-bottom: 16px;
    object-fit: cover;
    height: 200px;
}

.sh-card h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.sh-card__tag {
    display: inline-flex;
    margin-top: 12px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--sh-ink-soft);
    background: var(--sh-cream);
    padding: 6px 12px;
    border-radius: 999px;
}

.sh-card:hover {
    transform: translateY(-4px);
}

.sh-section--gallery {
    background: linear-gradient(160deg, #f7f1e6 0%, #efe5da 100%);
}

.sh-gallery__item {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--sh-shadow);
    margin-bottom: 24px;
}

.sh-gallery__item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.sh-section--steps {
    background: #0f1f25;
    color: #fff;
}

.sh-section--steps .sh-eyebrow {
    color: rgba(181, 206, 47, 0.9);
}

.sh-steps {
    row-gap: 24px;
}

.sh-step {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 22px;
    height: 100%;
}

.sh-step__num {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 12px;
}

.sh-section--cta {
    background: linear-gradient(120deg, #e06c4b 0%, #f1a85a 100%);
    color: #fff;
}

.sh-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.sh-cta__inner h2 {
    margin-bottom: 10px;
    font-size: 32px;
}

.sh-btn-light {
    background: #fff;
    color: var(--sh-ink);
    box-shadow: none;
}

.sh-btn-ghost {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    box-shadow: none;
}

.sh-btn-ghost:hover,
.sh-btn-ghost:focus {
    color: #fff;
}


@keyframes shFadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 991px) {
    .sh-hero {
        padding: 100px 0 70px;
    }

    .sh-hero h1 {
        font-size: 38px;
    }

    .sh-hero__panel {
        margin-top: 26px;
    }

    .sh-cta__inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .sh-hero {
        padding: 90px 0 60px;
    }

    .sh-hero h1 {
        font-size: 32px;
    }

    .sh-hero__badges {
        flex-direction: column;
        align-items: flex-start;
    }

    .sh-section {
        padding: 60px 0;
    }

    .sh-card img {
        height: 180px;
    }

    .paragraphs {
        margin: 24px 16px 0;
        padding: 20px 16px 12px;
    }

    .caption-size {
        font-size: 15px;
        line-height: 1.7;
        padding: 8px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-hero__content,
    .sh-hero__panel {
        animation: none;
    }

    .sh-btn,
    .sh-card {
        transition: none;
    }
}

body.home {
    background: radial-gradient(circle at top left, #f6f3ea 0%, #f0eadf 38%, #e8e1d5 100%);
}

body.home #slider-row {
    margin-top: 0;
}

body.home #myCarousel {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: var(--sh-shadow);
}

body:not(.home) #slider-row {
    margin-top: 30px;
}

body:not(.home) #myCarousel {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: var(--sh-shadow);
}

body:not(.home) .carousel-caption {
    background: rgba(15, 31, 37, 0.55);
    border-radius: 14px;
    padding: 12px 16px;
}

body:not(.home) .carousel-caption .caption-size {
    margin: 0;
    color: #fff;
}

body:not(.home) .container h4 {
    font-size: 26px;
    margin-bottom: 16px;
}

body:not(.home) .requirements {
    color: var(--sh-ink-soft);
    font-size: 16px;
}

body:not(.home) .contact-form {
    background: #fff;
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--sh-shadow);
}

body:not(.home) .header-txt {
    padding: 20px 15px 0;
    text-align: center;
}

body.home .paragraphs {
    background: #fff;
    border-radius: 18px;
    box-shadow: var(--sh-shadow);
    margin-top: 30px;
}

body.home .caption-size {
    color: var(--sh-ink-soft);
}

body.home .sh-home {
    margin-top: 50px;
}