body * {
    color: #545454;
}

.sec-title {
    color: #bcae87;
    text-align: center;
    font-family: "Open Sauce One";
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.15px;
}

@media (max-width: 1100px) {
    .sec-title {
    }
}

.m-img-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    max-height: 30vw;
    display: inline-block;
    position: relative;
    padding: 15px;
}

.m-img-container::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 80px; /* Ajuste a espessura da borda */
    right: 0;
    border: 1.5px solid #bcae87;
    border-left: none;
}

.cont-right::before {
    right: 80px !important;
    left: 0px !important;
    border: 1.5px solid #bcae87;
    border-right: none;
}

.cont-white::before {
    border: 1.5px solid white;
}

.cont-white-right::before {
    border: 1.5px solid white;
    border-right: none;
}

.m-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: top;
}

.border-white {
    border-color: white;
}

.hover-opacity:hover {
    opacity: 0.8 !important;
    border: 1px transparent solid !important;
}

.hover-gold:hover {
    background-color: #bcae87 !important;
    color: white !important;
    border: 1px white solid !important;
}

.hover-white,
.hover-gold,
.hover-opacity {
    border: 1px solid transparent !important;
    transition: 0.3s !important;
}

.hover-white:hover {
    background-color: white !important;
    color: #545454 !important;
    border: 1px #545454 solid !important;
}

:root {
    --font-size-base: 18px;
    --golden-ratio: 1.618;

    --font-size-xs: calc(
        var(--font-size-base) / (var(--golden-ratio) * var(--golden-ratio) * var(--golden-ratio))
    ); /* Extra Small */
    --font-size-sm: calc(var(--font-size-base) / var(--golden-ratio) / var(--golden-ratio)); /* Small */
    --font-size-md: calc(var(--font-size-base) / var(--golden-ratio)); /* Medium */
    --font-size-lg: var(--font-size-base); /* Large */
    --font-size-xl: calc(var(--font-size-base) * var(--golden-ratio)); /* Extra Large */
    --font-size-xxl: calc(var(--font-size-base) * var(--golden-ratio) * var(--golden-ratio)); /* Double Extra Large */
    --font-size-xxxl: calc(
        var(--font-size-base) * var(--golden-ratio) * var(--golden-ratio) * var(--golden-ratio)
    ); /* Triple Extra Large */
}

body {
    font-size: var(--font-size-lg);
}

h1 {
    font-size: var(--font-size-xxl);
}

h2 {
    font-size: var(--font-size-xl);
}

h3 {
    font-size: var(--font-size-lg);
}

h4 {
    font-size: var(--font-size-md);
}

h5 {
    font-size: var(--font-size-sm);
}

h6 {
    font-size: var(--font-size-xs);
}

p {
    font-size: var(--font-size-base);
}

/* Media query for medium screens (tablets) */
@media (max-width: 768px) {
    :root {
        --font-size-base: 14px;
    }
}

/* Media query for small screens (mobiles) */
@media (max-width: 480px) {
    :root {
        --font-size-base: 14px;
    }
}

@media (min-width: 1400px) {
    :root {
        --font-size-base: 18px;
    }
}

.lazy-load {
    filter: blur(4px);
}

img.lazy-load {
    transition: filter 0.4s;
}

.lazy-load-background {
    filter: blur(4px);
    background-repeat: no-repeat;
}

.loaded {
    filter: blur(0) !important;
}

.no-blur {
    filter: blur(0) !important;
}

@media screen and (max-width: 1030px) {
    .m-img-container {
        min-height: 200px;
        max-height: 38vh;
    }
}

@media screen and (min-width: 1700px) {
    :root {
        --font-size-base: 22px;
    }
}