/* ------------------------------------------

01. Basic and Typography style
02. Helper style
03. Selection style
04. Preloader style
05. Owl-Theme custom style
06. Section style
07. Navbar style
08. Header style
09. Slider-fade style (Homepage Slider)
10. Slider style (Inner Page Slider)
11. Kenburns Slider style
12. Page Banner Header style
13. About style
14. Team style
15. Practice Areas style
16. Case Study style
17. Case Study Box style
18. Price style
19. Video Background style
20. Clients style
21. Gallery style
22. Testimonials style
23. Promo Video style
24. Accordion Box (for Faqs) style
25. Blog style
26. Blog Sidebar style
27. Post style
28. Contact style
29. 404 Page style
30. Buttons style
31. Footer style
32. toTop Button style
33. Overlay Effect Bg image style
34. Responsive style

------------------------------------------ */

/* ======= Basic and Typography style ======= */
html,
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
}
body {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75em;
    color: rgba(255,255,255,0.6);
    overflow-x: hidden !important;
    background: #14100c;
}
p {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75em;
    color: rgba(255,255,255,0.6);
    margin-bottom: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    line-height: 1.25em;
    margin: 0 0 20px 0;
    color: #fff;
} 
h1 {
    font-size: 70px;
}
h2 {
    font-size: 45px;
}
h3 {
    font-size: 40px;
}
h4 {
    font-size: 27px;
}
h5 {
    font-size: 24px;
}
h6 {
    font-size: 18px;
}
img {
    width: 100%;
    height: auto;
}
img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #f4f4f4;
}
span,
a,
a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
b {
    font-weight: 400;
    color: #14100c;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none;
}
/* text field */
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
textarea:focus {
    outline: none;
}
input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
textarea {
    max-width: 100%;
    margin-bottom: 20px;
    padding: 15px;
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: "Jost", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255,255,255,0.6);
    background-image: none;
    border-color: ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid rgba(145, 118, 90, 0.2);
    border-radius: 6px;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.75em;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background: transparent;
    border: 0px solid transparent;
    outline: none;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    border: 0px solid transparent;
    outline: none;
}
input[type="password"]:active, 
input[type="email"]:active, 
input[type="text"]:active, 
input[type="file"]:active,
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="text"]:focus, 
input[type="file"]:focus,
textarea:active,
textarea:focus {
    border: 1px solid #ac835d;
    background: transparent;
    outline: none;
}
select {
    padding: 10px;
    border-radius: 6px;
}
table,
th,
tr,
td {
    border: 1px solid #f8f5f0;
}
th,
tr,
td {
    padding: 10px;
}
input[type="radio"],
input[type="checkbox"] {
    display: inline;
}
input[type="submit"] {
    font-weight: 400;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    background: #14100c;
    color: #fff;
    padding: 8px 24px;
    margin: 0;
    position: relative;
    font-size: 18px;
    letter-spacing: 2px;
}
.alert-success {
    background: transparent;
    color: #fff;
    border: 1px solid #ac835d;
    border-radius: 0px;
}
/* placeholder */
::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6);
    font-size: 18px;
    font-weight: 400;
}
:-moz-placeholder {
    color: rgba(255,255,255,0.6);
}
::-moz-placeholder {
    color: rgba(255,255,255,0.6);
    opacity: 1;
}
:-ms-input-placeholder {
    color: rgba(255,255,255,0.6);
}
/* blockquote */
blockquote {
    padding: 45px;
    display: block;
    position: relative;
    background-color: #ac835d;
    overflow: hidden;
    margin: 35px 0;
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    border-radius: 6px;
}
blockquote p {
    font-family: inherit;
    margin-bottom: 0 !important;
    color: inherit;
    width: 100%;
    position: relative;
    z-index: 3;
}
blockquote:before {
    content: '\e645';
    font-family: 'Themify';
    position: absolute;
    right: 80px;
    bottom: 40px;
    font-size: 110px;
    opacity: 0.1;
    line-height: 1;
    color: #ac835d;
    font-style: normal;
}
blockquote p {
    margin-bottom: 0;
    font-size: 18px;
}
blockquote p a {
    color: inherit;
}
blockquote cite {
    display: inline-block;
    font-family: "Jost", sans-serif;
    font-size: 18px;
    position: relative;
    padding-left: 60px;
    border-color: inherit;
    line-height: 1;
    margin-top: 22px;
    font-style: normal;
    color: #fff;
    font-weight: 400;
}
blockquote cite:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 45px;
    height: 1px;
    border-top: 1px solid;
    border-color: inherit;
    color: #fff;
}

/* ------------------------------------------- */
/* ESTILOS ESPECÍFICOS PARA ENLACES DESTACADOS */
/* ------------------------------------------- */

a.link-destacado {
    /* Color y subrayado forzados para el estado normal */
    color: #ac835d !important;
    text-decoration: underline !important;
    /* Asegura que el color del subrayado sea el mismo */
    text-decoration-color: #ac835d !important; 
}

/* Mantener el estilo al pasar el cursor (hover) */
a.link-destacado:hover {
    color: #ac835d !important;
    text-decoration: underline !important;
}

/* Mantener el estilo cuando el enlace ha sido visitado */
a.link-destacado:visited {
    color: #ac835d !important;
}

/* ------------------------------------------- */
/* Nuevo Estilo para Imagen Principal (usando <img> en línea) */
/* ------------------------------------------- */

/* 1. Contenedor principal: le damos la altura deseada y forzamos el recorte */
.imagen-principal {
    height: 70vh;        /* ALTURA DESEADA FINAL */
    overflow: hidden;    /* Esconde el exceso de la imagen */
    width: 100%;
}

/* 2. Regla para la imagen en línea (que se estira y se recorta sin deformarse) */
.img-banner {
    object-position: top;
    width: 100%;
    height: 100%; 
    /* Esta propiedad es CRUCIAL: hace que la imagen se comporte como background-size: cover; */
    object-fit: cover; 
}
/* ======= Helper style ======= */
.mt-0 {
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-90 {
    margin-top: 90px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 20px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
/* important */
.o-hidden {
    overflow: hidden;
}
.position-re {
    position: relative;
}
.full-width {
    width: 100%;
}

.bg-fixed {
    background-attachment: fixed;
}
.pattern {
    background-repeat: repeat;
    background-size: auto;
}
.bold {
    font-weight: 400;
}
.count {
    font-family: "Jost", sans-serif;
}
.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.v-bottom {
    position: absolute;
    width: 100%;
    bottom: 5%;
    left: 0;
    -webkit-transform: translate(0%, -5%);
    transform: translate(0%, -5%);
}
.js .animate-box {
    opacity: 0;
}
:root {
    scroll-behavior: auto;
}
/* background & color */
.bg-darkbrown {
    background: #14100c;
}
.bg-lightbrown {
    background: #f7f6f4;
}
.bg-white {
    background: #fff;
}
/* star - white  */
.star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.9em;
    margin-right: 0.9em;
    margin-bottom: 2em;
    border-right: 0.3em solid transparent;
    border-bottom: 0.7em solid #fff;
    border-left: 0.3em solid transparent;
    /* Controlls the size of the stars. */
    font-size: 8px;
}
.star:before,
.star:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0.6em;
    left: -1em;
    border-right: 1em solid transparent;
    border-bottom: 0.7em solid #fff;
    border-left: 1em solid transparent;
    transform: rotate(-35deg);
}
.star:after {
    transform: rotate(35deg);
}
/* star rating  */
.star-rating {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.9em;
    margin-right: 0.9em;
    margin-bottom: 2em;
    border-right: 0.3em solid transparent;
    border-bottom: 0.7em solid #ffd27d;
    border-left: 0.3em solid transparent;
    /* Controlls the size of the stars. */
    font-size: 8px;
}
.star-rating:before,
.star-rating:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0.6em;
    left: -1em;
    border-right: 1em solid transparent;
    border-bottom: 0.7em solid #ffd27d;
    border-left: 1em solid transparent;
    transform: rotate(-35deg);
}
.star-rating:after {
    transform: rotate(35deg);
}
/* call-center */
.call-center {
    display: flex;
    align-items: center;
}
.call-center .icon {
    position: relative;
    top: 2px;
    background: #ac835d;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 100%;
    font-size: 21px;
}
.call-center .icon i {
    color: #fff;
}
.call-center .icon span {
    font-size: 45px;
    color: #ac835d;
    line-height: 50px;
}
.call-center .text {
    margin-left: 15px;
}
.call-center .text p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #ac835d;
    font-family: 'Playfair Display', serif;
    font-style: italic;
}
.call-center .text p small {
    color: #fff;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}
.call-center .text a {
    color: #fff;
    font-size: 27px;
    font-weight: 500;
}
.call .section-title {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 500;
    color: #14100c;
    margin-bottom: 20px;
}

/* ======= Selection style ======= */
::-webkit-selection {
    color: #fff;
    background: #14100c;
}
::-moz-selection {
    color: #fff;
    background: #14100c;
}
::selection {
    color: #fff;
    background: #14100c;
}


/* ======= Preloader style ======= */
.preloader-bg,
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #14100c;
    z-index: 999999;
}
#preloader {
    display: table;
    table-layout: fixed;
}
#preloader-status {
    display: table-cell;
    vertical-align: middle;
}
.preloader-position {
    position: relative;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.loader {
    position: relative;
    width: 70px;
    height: 70px;
    left: 50%;
    top: auto;
    margin-left: -22px;
    margin-top: 2px;
    -webkit-animation: rotate 1s infinite linear;
    -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
    -o-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
    border: 2px solid rgba(255,255,255,0.05);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.loader span {
    position: absolute;
    width: 70px;
    height: 70px;
    top: -2px;
    left: -2px;
    border: 2px solid transparent;
    border-top: 2px solid #ac835d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* ======= Owl-Theme custom style ======= */
/* owl-dots */
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
    line-height: 1.5;
    display: block;
    outline: none;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
    margin-bottom: 0;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 3px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #ac835d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ac835d;
    border: 1px solid #ac835d;
}
.owl-theme .owl-dots .owl-dot:hover span {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
/* owl-nav */
.owl-theme .owl-nav {
    position: absolute !important;
    top: 45% !important;
    bottom: auto !important;
    width: 100%
}
.owl-theme .owl-nav {
    position: relative;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* owl-prev owl-next */
.owl-theme .owl-prev,
.owl-theme .owl-prev {
    left: 10px !important
}
.owl-theme .owl-next {
    right: 10px !important
}
.owl-theme .owl-prev,
.owl-theme .owl-next {
    color: #fff;
    position: absolute !important;
    top: 50%;
    padding: 0;
    height: 50px;
    width: 50px;
    border-radius: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #14100c;
    border: 1px solid #14100c;
    line-height: 0;
    text-align: center;
    font-size: 17px
}
.owl-theme .owl-prev > span,
.owl-theme .owl-next > span {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    line-height: 45px;
    background: transparent;
    border-radius: 100%;
    color: #ac835d;
    font-size: 10px;
    margin-right: 60px;
    margin-left: 60px;
    cursor: pointer;
    border: 1px solid #ac835d;
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #14100c;
    color: #14100c;
}
@media screen and (max-width: 768px) {
    .owl-theme .owl-nav {
        display: none;
    }
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: none;
}


/* ======= Section style ======= */
.section-padding {
    padding: 120px 0;
}
.about.section-padding {
    /* Los valores son: padding: (arriba) (derecha/izquierda) (abajo) */
    padding: 100px 0 40px; /* Reducimos el relleno inferior de 100px a 40px (ajusta el valor) */
}
.section-padding h6 {
    color: #14100c;
}
.section-subtitle {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    font-size: 30px;
    display: flex;
    display: inline-flex;
    align-items: center;
    font-style: italic;
}
.section-subtitle.text-white {
    color: #fff;
}
.section-subtitle .icon {
    background-color: #ac835d;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.section-subtitle .icon i {
    align-items: center;
    justify-content: center;
    color: #fff;
}
.section-title {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}
.section-title span {
    color: #ac835d!important;
    font-style: italic;
    font-weight: 700;
}
.section-title.white {
    color: #fff;
}

.seccion-texto-completo {
    /* Si quieres MÁS espacio arriba y abajo, aumenta el valor. */
    padding-top: 80px;    /* Aumenta el espacio ANTES de la sección */
    padding-bottom: 40px; /* Aumenta el espacio DESPUÉS de la sección */
}
/* section-info */
.section-info {
    position: relative;
    display: contents;
}
.section-info .icons {
    margin-right: 10px;
    padding: 0 20px;
    border-radius: 30px;
    background-color: #ac835d;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block!important;
    vertical-align: middle!important;
    letter-spacing: 1px;
}
.section-info .tag {
    margin-right: 10px;
    padding: 3px 20px;
    border-radius: 30px;
    background-color: #ac835d;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    display: inline-block!important;
    vertical-align: middle!important;
}
.section-info .desc {
    margin: 0;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    display: inherit;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-style: italic;
}
.section-info .text-decoration-line-bottom {
    border-bottom: 1px solid #ac835d;
    line-height: 1.5em;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    color: #fff;
}
@media screen and (max-width: 991px) {
    .section-title {
        font-size: 40px;
    }
    .section-info {
        display: block;
        }
}


/* ======= Navbar style ======= */
.navbar {
    position: absolute;
    margin-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 99;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 120px;
    border: none;
}
.navbar-toggler-icon {
    background-image: none;
}
.navbar .navbar-toggler-icon,
.navbar .icon-bar {
    color: #fff;
}
.navbar .navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 1px;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding-right: 10px;
    padding-left: 10px;
}

.navbar .navbar-nav .nav-link.nav-color {
    color: #14100c;
}
.navbar .navbar-nav .nav-link:hover {
    color: #ac835d;
}
.navbar .navbar-nav .active {
    color: #ac835d !important;
}
.navbar .navbar-nav .active i {
    color: #ac835d;
}
.nav-scroll {
    background: #14100c;
    padding: 15px 0;
    position: fixed;
    top: -85px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(85px);
    transform: translateY(85px);
    border: none;
    margin-top: 0;
    border-bottom: 1px solid rgba(145, 118, 90, 0.1);
    height: 85px;
}
.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
    color: #ac835d;
}
.nav-scroll .navbar-nav .nav-link {
    color: #fff;
}
.nav-scroll .navbar-nav .active,
.nav-scroll .navbar-nav .active i{
    color: #ac835d !important;
}
.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #14100c;
}
.nav-scroll .dropdown .nav-link i {
    color: #fff;
}
.nav-scroll .logo-img {
    width: 135px;
}
.nav-scroll .logo-img {
    margin-bottom: 0px;
}
.nav-scroll .logo-wrapper .logo h2 {
    font-family: 'Soberana Titular';
    font-size: 30px;
    font-weight: 500;
    display: block;
    width: 100%;
    position: relative;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}
.nav-scroll .logo-wrapper .logo span {
    display: block;
    font-family: "Jost", sans-serif;
    font-size: 9px;
    color: #ac835d;
    font-weight: 400;
    letter-spacing: 6px;
    display: block;
    margin-top: 0px;
    line-height: 1.5em;
    text-transform: uppercase;
    padding-left: 4px;
}
.nav-scroll .logo-wrapper {}
.logo-wrapper {
    float: left;
}
.logo-wrapper .logo h2 {
    font-family: 'Soberana Titular','Playfair Display',serif; 
    font-size: 30px;
    font-weight: 500;
    display: block;
    width: 100%;
    position: relative;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.logo-wrapper .logo span {
    display: block;
    font-family: "Jost", sans-serif;
    font-size: 11px;
    color: #ac835d;
    font-weight: 400;
    letter-spacing: 5px;
    display: block;
    margin-top: 0px;
    line-height: 1.25em;
    text-transform: uppercase;
    padding-left: 4px;
}

.logo {
    padding: 0;
}
.logo-img {
    width: 135px;
    margin-bottom: 0px;
}
.dropdown .nav-link i {
    padding-left: 0px;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
}
.dropdown .nav-link:hover i {
    color: #ac835d;
}
.navbar .dropdown-menu .dropdown-item {
    padding: 9px 0;
    font-family: "Jost", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: transparent;
}
.navbar .dropdown-menu .dropdown-item span {
    display: block;
    cursor: pointer;
}
.navbar .dropdown-menu .dropdown-item i {
    padding: 13px 0 0 5px;
    font-size: 9px;
    font-weight: 700;
    float: right;
}
.navbar .dropdown-menu .dropdown:hover > .dropdown-item,
.navbar .dropdown-menu .dropdown-item.active,
.navbar .dropdown-menu .dropdown-item:hover {
    color: #ac835d;
}
.navbar .dropdown-toggle::after {
    display: none;
}
.navbar .dropdown-menu li {
   border-bottom: 1px solid rgba(172, 131, 93, 0.05);
}
.navbar .dropdown-menu li:last-child {
   border-bottom: none;
}
/* li hover */
.navbar .dropdown-menu li {
    position: relative;
    display: block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease; 
}
.navbar .dropdown-menu li:hover {
    padding-left: 5px;
}
.navbar .dropdown-menu .dropdown-menu.pull-left {
    top: 0;
    left: auto;
    right: 100%;
}
/* navbar-right button */
.navbar .navbar-right {
    position: relative;
    display: flex;
    align-items: center;
}
.navbar .navbar-right .button {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 5;
    background: transparent;
    border-radius: 30px;
    padding: 4px 24px;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #ac835d;
}
.navbar .navbar-right .button:hover {
    transform: translate3d(0px, -3px, 0.01px);
    background: #ac835d;
    border: 1px solid #ac835d;
    color: #fff;
}
/* navbar-right phone */
.navbar .navbar-right .phonex {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 5;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.navbar .navbar-right:hover .phonex {
    color: #fff;
}
.navbar .navbar-right .phonex i {
    font-size: 15px;
    margin-right: 3px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #ac835d;
    color: #fff;
    border-radius: 100%;
    text-align: center;
}
.nav-scroll .navbar-right .phonex {} 

/* Navbar Media Query */
@media screen and (min-width: 992px) {
/* ... Resto de tu código CSS ... */

/* Navbar Media Query */
@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        width: 210px;
        padding: 15px 25px;
        border-radius: 6px;
        border: 0;
        background-color: #14100c;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .navbar .dropdown-menu .dropdown-menu {
        left: calc(100% + 5px);
        top: -10px;
        right: auto;
        min-width: 200px;
        transform: translateY(0);
    }
    .navbar .dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }    
}
@media screen and (max-width: 991px) {
    .navbar {
        padding-left: 0px;
        padding-right: 0px;
        background: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0;
        height: 90px;
    }
    .nav-scroll {
        background: #14100c;
    }
    .logo-wrapper {
        float: left;
        padding: 21px;
    }
    .nav-scroll .logo-wrapper {
        padding: 20px 15px;
        background-color: transparent;
    }
    .nav-scroll .logo-img {
        width: 135px;
    }
    .navbar .logo {
        text-align: left;
        margin-left: 0px;
    }
    .nav-scroll .logo {}
    .logo-img {
        margin-bottom: 0px;
        width: 135px;
    }
    .navbar button {
        margin-right: 0px;
        outline: none !important;
        background: transparent;
        margin-top: 10px;
        border: none;
    }
    .navbar button:hover {
        background: transparent;
    }
    .navbar button:active,
    .navbar button:focus,
    .navbar button:hover {
        background: transparent;
        outline: none;
        color: transparent !important;
    }
    .navbar .container {
        /* max-width: 100%; */
        padding: 0;
    }
    .navbar .nav-link {
        margin: 0px auto !important;
    }
    .navbar .navbar-nav .nav-link {
        color: #fff;
    }
    .nav-scroll .navbar-collapse .nav-link {
        color: #fff !important;
    }
    .nav-scroll .navbar-collapse .active {
        color: #ac835d !important;
    }   
    .navbar .dropdown-menu .dropdown-item {
        padding: 0 15px;
        font-size: 18px;
        line-height: 40px;
    }
    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
        font-weight: 400;
    }
    .navbar .dropdown-submenu .dropdown-toggle::after {
        right: 15px;
        font-size: 18px;
    }
    .navbar .dropdown-submenu:hover > .dropdown-toggle::after {
        transform: rotate(0deg);
    }
    .navbar .dropdown-submenu .dropdown-toggle.show::after {
        transform: rotate(90deg);
    }
    .navbar .dropdown-menu {
        border: none;
        padding: 0;
        border-radius: 0;
        margin: 0;
        background: #14100c;
    }
    .navbar .dropdown-submenu .dropdown-menu {
        margin: 0;
        padding: 0 0 0 20px;
    }
    .navbar .dropdown-menu li a {
        padding: 0 15px;
    }
    .navbar .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar .navbar-collapse {
        max-height: 450px;
        overflow: auto;
        background: #14100c;
        text-align: left;
        padding: 20px;
    }
    .dropdown .nav-link i {
        color: #fff;
    } 
    .navbar .navbar-right {
        display: none;
    }
}


/* ======= Header style ======= */
.header {
    min-height: 100vh;
    overflow: hidden;
}
.header[data-overlay-dark] h6,
.header h6 {
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    font-size: 21px;
    display: flex;
    display: inline-flex;
    align-items: center;
    font-style: italic;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
.header[data-overlay-dark] h6 .icon,
.header h6 .icon {
    background-color: #ac835d;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 21px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.header h5 {
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    display: flex;
    display: inline-flex;
    align-items: center;
    font-style: italic;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.header h5 .icon {
    background-color: #ac835d;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.header h5 .icon i {
    align-items: center;
    justify-content: center;
    color: #fff;
}
.header h3 {
    position: relative;
    font-size: 70px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 30px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.header h3 span {
    color: #ac835d;
    font-style: italic;
    font-weight: 700;
}
.header h2 {
    position: relative;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.header h2 span {
    color: #ac835d;
}
.header h1 {
    position: relative;
    font-size: 48px;
    color: #fff;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.header h1 span {
    font-style: italic;
    color: #ac835d;
}
.header p {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.header p a {
    color: #ac835d;
}
.header .button-1 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.header .button-2 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.header .button-3 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.header .button-4 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

@media screen and (max-width: 991px) {
    .header {
        background-attachment: scroll !important;
        background-position: 50% 0% !important;
    }
    .header h3 {
        font-size: 40px;
    }
 }
/* ======= Slider-fade style (Homepage Slider) ======= */
.slider-fade .owl-item {
    height: 100vh;
    position: relative;
}
.slider-fade .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: top;
    z-index: 9;
}
/* owl-nav next and prev */
.slider-fade .owl-theme .owl-nav {
    position: absolute;
    bottom: 7%;
    right: 12%;
}
.slider-fade .owl-theme .owl-prev {
    float: left;
}
.slider-fade .owl-theme .owl-next {
    float: right;
}
.slider-fade .owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    margin-right: 30px;
    margin-left: 30px;
    cursor: pointer;
    border: 1px solid #ac835d;
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.slider-fade .owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #ac835d;
    color: #ac835d;
}
@media screen and (max-width: 768px) {
    .slider-fade .owl-nav {
        display: none;
    }
}
/* owl-dots for slider and slider-fade */
.slider .owl-theme .owl-dots,
.slider-fade .owl-theme .owl-dots {
    position: absolute;
    bottom: 6vh;
    width: 100%;
}
.slider-fade .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
    line-height: .7;
    display: block;
}
.slider-fade .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 3px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.slider-fade .owl-theme .owl-dots .owl-dot.active span,
.slider-fade .owl-theme .owl-dots .owl-dot:hover span {
    background: #ac835d;
    border: 1px solid #ac835d;
}
.slider .owl-theme .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 5%;
    left: 12%;
    text-align: left;
}


/* ======= Slider style (Inner Page Slider) ======= */
.slider .owl-item {
    height: 100vh;
    position: relative;
}
.slider .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.slider .item .caption {
    z-index: 9;
}
.slider .owl-theme .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 3%;
    right: 12%;
    text-align: right;
}
.slider .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 3px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.slider .owl-theme .owl-dots .owl-dot.active span,
.slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #ac835d;
    border: 1px solid #ac835d;
}
/* bounce */
.header .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 8;
}
.header .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.header .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}
.header .arrow i:hover {
    border: 1px solid #ac835d;
    color: #ac835d;
}
.header .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}


/* ======= Kenburns Slider style ======= */
.kenburns-section {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-height: 100vh;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.kenburns-section::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -5;
    background: #000;
}
.kenburns-inner {
    position: relative;
    z-index: 15;
}
.kenburns-inner[data-overlay-dark] h6,
.kenburns-inner h6 {
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    font-size: 21px;
    display: flex;
    display: inline-flex;
    align-items: center;
    font-style: italic;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
.kenburns-inner[data-overlay-dark] h6 .icon,
.kenburns-inner h6 .icon {
    background-color: #ac835d;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 21px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.kenburns-inner h5 {
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    display: flex;
    display: inline-flex;
    align-items: center;
    font-style: italic;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.kenburns-inner h5 .icon {
    background-color: #ac835d;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.kenburns-inner h5 .icon i {
    align-items: center;
    justify-content: center;
    color: #fff;
}
.kenburns-inner h3 {
    position: relative;
    font-size: 70px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 30px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.kenburns-inner h3 span {
    color: #ac835d;
    font-style: italic;
    font-weight: 700;
}
.kenburns-inner h2 {
    position: relative;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.kenburns-inner h2 span {
    color: #ac835d;
}
.kenburns-inner h1 {
    position: relative;
    font-size: 48px;
    color: #fff;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.kenburns-inner h1 span {
    font-style: italic;
    color: #ac835d;
}
.kenburns-inner p {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.kenburns-inner p a {
    color: #ac835d;
}
#kenburnsSliderContainer .vegas-overlay {
    outline: none;
}
@media screen and (max-width: 767px) {
    .kenburns-inner h3 {
        font-size: 40px;
    }
}


/* ======= Page Banner Header style ======= */
.banner-header {
    height: 65vh;
    background-position: center;
}
.banner-header.full-height {
    height: 100vh;
}
.banner-header[data-overlay-dark] h6,
.banner-header h6 {
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    font-size: 21px;
    display: flex;
    display: inline-flex;
    align-items: center;
    font-style: italic;
}
.banner-header[data-overlay-dark] h6 .icon,
.banner-header h6 .icon {
    background-color: #ac835d;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 21px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.banner-header h1 {
    position: relative;
    font-size: 48px;
    color: #fff;
}
.banner-header h1 span {
    font-style: italic;
    color: #ac835d;
}
.banner-header h2 {
    position: relative;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
}
.banner-header h2 span {
    color: #ac835d;
}
.banner-header h3 {
    position: relative;
    font-size: 70px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 30px;
}
.banner-header h3 span {
    color: #ac835d;
    font-style: italic;
    font-weight: 700;
}
.banner-header h5 {
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    display: flex;
    display: inline-flex;
    align-items: center;
    font-style: italic;
}
.banner-header h5 .icon {
    background-color: #ac835d;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.banner-header h5 .icon i {
    align-items: center;
    justify-content: center;
    color: #fff;
}
.banner-header p {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
}
.banner-header p a {
    color: #ac835d;
}
/* author & date */
.banner-header .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}
.banner-header .post {
    margin-top: 20px;
}
.banner-header .post div {
    display: inline-block;
}
.banner-header .post .author {
    margin-right: 20px;
    font-size: 18px;
}
.banner-header .post .date-comment {
    position: relative;
    font-size: 18px;
    color: #fff;
    margin-right: 20px
}
.banner-header .post .date-comment i {
    color: #fff;
    font-size: 18px;
    margin-right: 5px;
}
.banner-header .post .date-comment:last-of-type {
    margin-right: 0px;
}
@media screen and (max-width: 767px) {
    .banner-header {}
    .banner-header h5 {}
    .banner-header h1 {
        font-size: 40px;
        letter-spacing: 0;
    }
    .banner-header h1 span {
        font-size: 40px;
    }
    .banner-header h3 {
        font-size: 40px;
    }
    .banner-header h3 span {
        font-size: 40px;
    }
}


/* =======  About style  ======= */
.about {
    position: relative;
    
    /* 1. Mantenemos el padding superior que probablemente viene de section-padding: */
    padding-top: 100px; 
    
    /* 2. FORZAMOS la reducción del relleno inferior para acercar la siguiente sección. */
    /* El valor 40px es un ejemplo, ajusta el número. */
    padding-bottom: 40px !important; 
}
.about .item {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.about .item img {
    position: relative;
    border-radius: 6px;
}
.about img {
    border-radius: 6px;
    margin-bottom: 0;
}
.about img.img {
    margin-bottom: 0px;
}
.about-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0;
}
.image.about-signature {
    margin-right: 20px;
    width: 70px;
}
.about-name {
    font-size: 18px;
    color: #ac835d;
    font-family: "Jost", sans-serif;
}
.about-rol {
    color: rgba(255,255,255,0.6);
    font-size: 18px;
}
/* year box */
/* ¡ADVERTENCIA! Si el selector sigue siendo .about .year-box, 
   solo funcionará si la sección .about está DESPUÉS del banner en el código CSS */
.year-box { 
    position: absolute;
    
    /* 1. POSICIONAMIENTO HORIZONTAL (Anclaje superior derecha) */
    right: 0; 
    /* left: -2px; <--- ELIMINAR O COMENTAR */
    
    /* 2. POSICIONAMIENTO VERTICAL */
    top: 50px; 
    
    /* 3. Estilo y tamaño */
    padding: 15px 15px 25px 15px;
    width: 160px;
    
    /* ELIMINAR PROPIEDADES INNECESARIAS EN POSICIONAMIENTO ABSOLUTO */
    /* margin-top: 20px; */ 
    /* margin: 0; */ 
    
    border-radius: 6px;
    box-shadow: 0 0 30px rgba(0,0,0,.08);
    background: #fff;
    text-align: center;
    overflow: hidden!important;
    z-index: 10;
    transition: all 350ms cubic-bezier(.37,0,.63,1);
}
.year-box .number {
    position: relative;
    font-size: 90px;    /* ¡Asegúrate de que SOLO queden los valores 90px! */
    line-height: 90px;
    font-weight: 700;
    color: #fff;
    z-index: 1;
    display: block;
    letter-spacing: -1px;
    /* ELIMINA LAS PROPIEDADES DUPLICADAS */
}
.year-box .txt {
    font-family: 'Playfair Display', serif;
    color: #14100c;
    font-size: 18px;
    line-height: 1.25em;
    font-weight: 400;
    font-style: italic;
}
.year-box .number-bg {
    top: -60px;   /* <-- Vuelve a la posición original NEGATIVA */
    left: -5px;
    height: 150px; /* <-- Vuelve al tamaño original */
    width: 150px;  /* <-- Vuelve al tamaño original */
    border-radius: 100%;
    background-color: #ac835d;
    z-index: 0;
    position: absolute;
}

/* Clase para desplazar más a la derecha */
.year-box.move-right {
    left: 400px; /* Usa el valor en píxeles que necesites */
}
.year-box.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.year-box.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-5px); }
}
/* Estilos duplicados para la nueva sección logo44 */

.logo44 .year-box {
    position: absolute;
    padding: 15px 15px 25px 15px;
    width: 160px;
    border-radius: 6px;
    
    /* CENTRADO HORIZONTAL (Dejar así) */
    left: 50%;                    
    transform: translateX(-50%);  
    
    /* POSICIÓN VERTICAL: Cambia 'bottom' a 'top' y dale un margen */
    top: 10px; /* Esto lo posiciona a 50px del borde superior de .logo44 */
    /* bottom: 30px; <--- Esta línea la puedes borrar o comentar */
    
    box-shadow: 0 0 30px rgba(0,0,0,.08);
    transition: all 350ms cubic-bezier(.37,0,.63,1);
    background: #fff;
    text-align: center;
    overflow: hidden!important;
    z-index: 1;
}

/* Puedes añadir esta regla a tu CSS */

.logo-unam-ajuste {
    /* 1. Anclaje a .item */
    position: absolute; 
    
    /* 2. Mover la imagen a 150px del borde izquierdo de .item */
    left: 150px; 
    
    /* 3. Colocar en la parte superior del contenedor .item (ajusta este valor si necesitas que baje) */
    top: 0; 

    /* Opcional: Establecer un tamaño fijo para el logo */
    max-width: 300px;
    width: 300px; /* Refuerza el ancho, solo si no afecta su responsividad */
    height: auto;
    
    /* 4. Asegura que no se centren y se alineen a la izquierda (anulando cualquier regla global) */
    display: block; 
    margin-left: 0 !important; /* Anula cualquier margen automático */
}
/* Añade esto a tu CSS si la sección se "colapsa" */
.logo44 {
    min-height: 250px; /* Asegura un mínimo de altura para ver el elemento centrado */
    position: relative; /* Asegúrate de que la sección principal es el punto de referencia */
}

.logo44 .year-box .number-bg {
    top: -60px;
    left: -5px;
    height: 150px;
    width: 150px;
    border-radius: 100%;
    background-color: #ac835d; /* Este es el color del fondo */
    z-index: 0;
    position: absolute;
}

.logo44 .year-box.vert-move {
    /* ... la animación... */
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

/* Duplica también los estilos para .number y .txt */

.logo44 .year-box .number { 
position: relative;
    font-size: 90px;
    line-height: 90px;
    font-weight: 700;
    color: #fff;
    z-index: 1;
    display: block;
    letter-spacing: -1px;
}
.logo44 .year-box .txt {font-family: 'Playfair Display', serif;
    color: #14100c;
    font-size: 18px;
    line-height: 1.25em;
    font-weight: 400;
    font-style: italic;
}

.logo44.section-padding {
    /* Mantenemos el relleno inferior (120px) pero eliminamos el superior */
    padding-top: 0 !important; 
}
/* ======= Team style ======= */
.team {
    position: relative;
}
.team .item {
    position: relative;
    text-align: center;
}
.team .item:hover .img::after {
    opacity: 1;
}
.team .item:hover .img .social-icons {
    opacity: 1;
    bottom: 15px;
}
.team .item .img {
    position: relative;
    overflow: hidden;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    border-radius: 5px;
}
.team .item .img img {
    width: 100%;
    margin: 0;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    background-size: cover;
    border-radius: 6px;
}
.team .item:hover .img {
    transform: scale(0.98);
}
.team .item .img::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 50%;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.team .item .img .social-icons {
    position: absolute;
    bottom: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 1px 20px;
    border-radius: 50px;
    background-color: #ac835d;
    white-space: nowrap;
    opacity: 0;
    z-index: 20;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.team .item .img .social-icons a {
    font-size: 15px;
    margin: 15px 5px;
    line-height: 1;
    color: #fff;
}
.team .item .img .social-icons a:hover {
    color: #fff;
    opacity: 1;
}
.team .item .info {
    padding: 30px 15px;
}
.team .item .info h5 {
    font-size: 21px;
    color: #fff;
    margin-bottom: 5px;
}
.team .item .info p {
    font-size: 18px;
    color: rgba(255,255,255,0.6);
    margin-bottom: 0px;
}


/* ======= Team Details style ======= */
.team-details {
    position: relative;
    margin-bottom: 45px;
}
.team-details h5 {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    color: #fff;
    font-size: 30px;
}
.team-details img {
    border-radius: 6px 6px 0 0;
}
.team-details .wrap {
    flex-wrap: wrap;
    background: rgba(145, 118, 90, 0.05);
    padding: 40px;
    border-radius: 0 0 6px 6px;
}
.team-details .wrap h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin-bottom: 5px;
}
.team-details .wrap h5 {
    font-weight: 400;
    color: #ac835d;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    margin-bottom: 30px;
}
.team-details .wrap .cont {
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(145, 118, 90, 0.2);
}
.team-details .wrap .cont .coll {
    width: auto;
    max-width: auto;
}
.team-details .wrap .cont .coll h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1em;
    white-space: normal;
    margin: 0;
    color: #fff;
}
.team-details .wrap .cont .coll p {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    font-weight: 400;
    white-space: normal;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    transition: color .3s;
    color: rgba(255,255,255,0.6);
}
.team-details .wrap .social-icon {
    text-align: center;
    margin-bottom: 0px;
}
.team-details .wrap .social-icon a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 100%;
    margin-right: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: #ac835d;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
}
.team-details .wrap .social-icon a:hover {
    background: #ac835d;
    color: #fff;
        -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    transform: translate3d(0px, -3px, 0.01px);
}
.team-details .wrap .desc {
    padding: 43px 40px;
}
.team-details .wrap .desc .section-title {
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    line-height: 1.2em;
    font-weight: 500;
    color: #14100c;
}
.team-details .wrap .desc .section-subtitle {
    color: #ac835d;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.team-details .wrap .desc p {
    margin-bottom: 0;
}
/* team detail tabs */
.team-details .simpl-bord.nav-tabs {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(145, 118, 90, 0.2);
}
.team-details .simpl-bord .nav-item {
    margin-right: 50px;
}
.team-details .simpl-bord .nav-item:last-of-type {
    margin-right: 0;
}
.team-details .simpl-bord .nav-link {
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent !important;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
    font-size: 21px;
}
.team-details .simpl-bord .nav-link.active {
    color: #ac835d;
}


/* ======= Practice Areas style ======= */
.practice-areas {
    position: relative;
}
.practice-areas .item {
    background: transparent;
    padding: 60px 20px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    line-height: 1;
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
    border: 1px solid rgba(145, 118, 90, 0.2);
}
.practice-areas .item:hover {
    background: #ac835d;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    transform: translate3d(0px, -3px, 0.01px);
    border: 1px solid #ac835d;
}

.practice-areas .item h5 {
    font-size: 21px;
    color: #fff;
    margin-bottom: 0;
}
.practice-areas .item:hover h5 {
    color: #fff;
}
.practice-areas .item span,
.practice-areas .item i {
    font-size: 70px;
    color: #ac835d;
    line-height: 1;
    margin-bottom: 10px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
}
.practice-areas .item:hover i,
.practice-areas .item:hover span {
    color: #fff;
}
.practice-areas .item p {
    margin: 0;
    color: #14100c;
}
.practice-areas .item .shape {
    position: absolute;
    opacity: 0.025;
    z-index: -1;
    bottom: -55px;
    left: 80px;
}
.practice-areas .item .shape i,
.practice-areas .item .shape span {
    font-size: 160px;
    color: #14100c;
}


/* ======= Case Study style ======= */
.case-study {
    position: relative;
    overflow: hidden;
}
.case-study .case-study-container {
    width: 140%;
    position: relative;
}
.case-study .item {
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
    border-radius: 6px;
}
.case-study .item .img {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 6px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.case-study .item .img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5) 0, transparent 100%);
    border-radius: 6px;
}

.case-study .item:hover .img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 5px;
}

.case-study .item .con {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
}
.case-study .item .con .title {
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    font-weight: 500;
    color: #fff;
}
.case-study .item .con .arrow {
    position: relative;
    display: block;
    top: 0px;
    transform: translateX(-66%);
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
    visibility: hidden;
    opacity: 0;
}
.case-study .item:hover .con .arrow {
    visibility: visible;
    transform: translateY(0%);
    opacity: 1;
}
.case-study .item .con .arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #ac835d;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.case-study .item .con .arrow a:hover {
    background-color: #fff;
    color: #14100c;
}
@media screen and (max-width: 991px) {
    .case-study .case-study-container {
        width: 100%;
    }
}

/* ======= Case Study Box style ======= */
.case-study-box {
    position: relative;
    padding: 0 0 30px 0;
}
.case-study-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.case-study-box .item .icon {
    color: #ac835d;
    margin-right: 30px;
}
.case-study-box .item .icon:before {
    font-size: 50px;
    line-height: 50px;
}
.case-study-box .item h5 {
    margin-bottom: 10px;
    font-size: 21px;
}
.case-study-box .item p {
    font-size: 18px;
}

.case-study-box .item i {   
  font-style: normal !important;   
}  
.case-study-box .cont,  
.case-study-box .cont p,  
.case-study-box .cont h5 {  
  font-style: normal !important;  
}

/* ======= Price style  ======= */
.price {
    position: relative;
}
.price .bg-bgimg {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    align-items: flex-end;
}
.price .item {
    padding: 50px 40px;
    background: transparent;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.price .item.shadwo {
    background: #ac835d;
    -webkit-box-shadow: 0 0 45px rgba(0,0,0,.07);
    box-shadow: 0 0 45px rgba(0,0,0,.07);
    border-radius: 6px;
}
.price .item .type {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}
.price .item .type:after {
    content: '';
    width: 20px;
    height: 20px;
    border-right: 1px solid rgba(255,255,255, 0.2);
    border-bottom: 1px solid rgba(255,255,255, 0.2);
    background:#14100c;
    position: absolute;
    bottom: -11px;
    left: calc(50% - 10px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.price .item .type.bg-brown:after {
    background:#ac835d;
}
.price .item .type h6 {
    position: relative;
    color: #fff;
    font-size: 27px;
}
.price .item .value {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.price .item .value h4 {
    font-family: "Jost", sans-serif;
    font-size: 30px;
    margin-right: 15px;
    color: #fff;
    margin-bottom: 0;
}
.price .item .value p {
    font-size: 16px;
    line-height: 16px;
    width: 120px;
    text-align: left;
    margin-bottom: 0;
}
.price .item .feat {
    margin: 45px 0 30px 0;
    text-align: left;
}
.price .item .feat ul {
    margin-bottom: 30px;
    padding: 0;
}
.price .item .feat li {
    color: rgba(255,255,255,0.6);
    margin-bottom: 10px;
}
.price .item .feat li i {
    font-size: 16px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}
.price .item .feat li i.green {
    color: #ac835d;
}
.price .item .feat li i.red {
    color: red;
}
.price .item .button-1.w-100 {
    width: 100%;
}


/* =======  Video Background style  ======= */
.video-fullscreen-wrap {
    position: absolute;
    height: 100vh;
    overflow: hidden;
}
.video-fullscreen-wrap [data-overlay-dark]:before,
.video-fullscreen-wrap [data-overlay-light]:before {
   height: 100vh;
}
.video-fullscreen-video {
    height: 100%;
}
.video-fullscreen-wrap video {
    width: 100vw;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.video-fullscreen-wrap .video-fullscreen-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: right;
}
.video-lauch-wrapper {
    border: none;
    background: none;
    width: 100%;
    padding: 0;
}
.video-fullscreen-wrap .overlay {
    /*  background-image: linear-gradient(to bottom right, #000000, #000000);*/
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 4;
}
.position-relative {
    position: relative !important;
}

.video-fullscreen-wrap .v-middle {
    z-index: 9;
}

/* ======= Clients style ======= */
.clients {
    position: relative;
}
.clients .owl-carousel {
    margin: 0px 0;
}
.clients .clients-logo {
    opacity: 1;
    line-height: 0;
}
.clients .clients-logo:hover {
    opacity: 1;
}
.clients .owl-theme .owl-nav.disabled + .owl-dots {
    margin: 0;
}


/* ======= Gallery style ======= */
.gallery-filter {
    width: 100%;
    padding-bottom: 30px;
    padding-left: 0px;
    position: relative;
}
.gallery-filter li {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 500;
    margin-right: 15px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
}
.gallery-filter li:last-child {
    margin-right: 0;
}
.gallery-filter li.active {
    color: #ac835d;
    content: "";
    left: 0;
    bottom: -4px;
    border-bottom: 2px solid #ac835d;
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.gallery-filter li:hover {
    color: #ac835d;
}
.gallery-item-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    -webkit-transition: all 1.25s cubic-bezier(.01, .71, .26, .94);
    -moz-transition: all 1.25s cubic-bezier(.01, .71, .26, .94);
    transition: all 1.25s cubic-bezier(.01, .71, .26, .94);
    border-radius: 6px;
}
.gallery-box {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border-radius: 6px;
    isolation: isolate;
}
.gallery-box .gallery-img {
    position: relative;
    overflow: hidden;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.gallery-box .gallery-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.gallery-box .gallery-img > img {
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.gallery-box:hover .gallery-img > img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.gallery-box .gallery-detail {
    position: absolute;
    opacity: 0;
    transform: translateX(-20px);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    padding: 30px 20px;
    bottom: 0;
}
.gallery-box .gallery-detail h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
}
.gallery-box .gallery-detail p {
    color: #fff;
    margin-bottom: 0;
}
.gallery-box:hover .gallery-detail {
    opacity: 1;
    transform: translateX(0px);
}
/* magnific popup custom */
.mfp-counter {
    display: none;
}
.mfp-figure button {
    border: 0px solid transparent;
}
button.mfp-close,
button.mfp-arrow {
    border: 0px solid transparent;
    background: transparent;
}
.mfp-bg,
body.mfp-zoom-out-cur {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
}

/* =======  Testimonials style  ======= */
.testimonials {
    position: relative;
}
.testimonials .item {
    padding: 40px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
    border: 1px solid rgba(145, 118, 90, 0.2);
    margin: 1px;
}
.testimonials .item:hover {
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    transform: translate3d(0px, -3px, 0.01px);
}
.testimonials .item .review-title .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}
.testimonials .item .info p {
    margin-bottom: 20px;
    line-height: 1.75em;
    font-weight: 400;
    font-size: 18px;
}
.testimonials .item .review-title {
    position: relative;
    display: contents;
    align-items: center;
}
.testimonials .item .icons {
    color: #fd961e;
    font-size: 14px;
    line-height: 1em;
    display: inherit;
    margin-bottom: 0;
    letter-spacing: -2px;
}
.testimonials .item .review-title h6 {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-top: 5px;
    color: #fff;
}
.testimonials .item .review-title p {
    font-weight: 400;
}
@media screen and (max-width: 991px) {
    .testimonials .item .info {
        margin: 0px 0 0 0 !important;
    }
}


/* ======= Promo Video style ======= */
/* play button */
.vid-area h5 {
    font-size: 27px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.play-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
}
.play-button svg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.circle-fill circle {
    opacity: 1;
    fill: rgba(174, 140, 100, 0.7);
}
.polygon {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 35px;
    z-index: 2;
}
.play-button svg.circle-fill {
    z-index: 1;
    stroke-dasharray: 322;
    stroke-dashoffset: 322;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.play-button:hover svg.circle-fill {
    stroke-dashoffset: 38.5;
}
.play-button svg.circle-track {
    z-index: 0;
}
.play-button.color {
    color: #14100c;
}
.play-button.color .circle-fill circle {
    fill: #14100c;
}
/* video section */
.video-wrapper {
    background-position: center;
}
.video-wrapper .vid {
    position: relative;
    z-index: 8;
}
.video-wrapper .vid .vid-butn:hover .icon {
    color: #ac835d;
    border: 2px solid #ac835d;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.video-wrapper .vid .vid-butn .icon {
    color: #fff;
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 95px;
    text-align: center;
    font-size: 40px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
/* video gallery */
.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-left: 15px;
    float: right;
}
.video-gallery-polygon {
    z-index: 2;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #ac835d;
    border-radius: 50%;
    color: #fff;
    padding: 12px 11px 12px 13px;
    line-height: 0;
}
.video-gallery-polygon:hover {
    background: #fff;
    color: #14100c;
}
.vid-area .vid-icon {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}
.vid-area .vid-icon img:hover {
   -webkit-transform: scale(1.05, 1.05);
   transform: scale(1.05);
}
.vid-area .vid-icon img {
    transform: scale(1);
    transition: transform 500ms ease;
    border-radius: 6px;
}


/* ======= Accordion Box (for Faqs) style ======= */
.accordion-box {
    position: relative;
    padding: 0;
}
.accordion-box .block {
    position: relative;
    background: transparent;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
}
.accordion-box .block.active-block {
    background-color: #ac835d;
}
.accordion-box .block:last-child {
    margin-bottom: 0;
}
.accordion-box .block .acc-btn {
    position: relative;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    cursor: pointer;
    padding: 20px 30px;
    padding-left: 70px;
    color: #fff;
    transition: all 500ms ease;
    border-radius: 6px;
    border: 1px solid rgba(145, 118, 90, 0.3);
}
.accordion-box .block .acc-btn.size-20 {
    font-size: 18px;
}
.accordion-box .block .acc-btn .count {
    color: #ac835d;
    padding-right: 3px;
}
.accordion-box .block .acc-btn:before {
    position: absolute;
    left: 18px;
    top: 18px;
    height: 30px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    content: "\e64b";
    font-family: "Themify";
    transition: all 500ms ease;
    background: #ac835d;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 100%;
    text-align: center;
}
.accordion-box .block .acc-btn.active {
    background-color: #ac835d;
    border: 1px solid #ac835d;
    color: #fff;
    border-radius: 6px 6px 0 0;
}
.accordion-box .block .acc-btn.active:before {
    font-family: 'Themify';
    content: "\e648";
    color: #14100c;
    background: #fff;
}
.accordion-box .block .acc-content {
    position: relative;
    display: none;
}
.accordion-box .block .content {
    position: relative;
    padding: 30px;
    background-color: #14100c;
    color: rgba(255,255,255,0.6);
    border: 1px solid rgba(145, 118, 90, 0.3);
}
.accordion-box .block .acc-content.current {
    display: block;
}
.accordion-box .block .content .text {
    display: block;
    position: relative;
    top: 0px;
    display: block;
}


/* ======= Blog style ======= */
.blog {
 position: relative;
}
.blog .item {
  position: relative;
  border-radius: 6px;
  transition: all 0.4s ease;
  -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
  transition: all 350ms cubic-bezier(.37,0,.63,1);
}
.blog .item:hover {
 transform: translateY(-10px);
}
.blog .item .img {
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}
.blog .item .img .cat {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 4px 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 5px;
    display: inline-block;
    font-size: 16px;
    background: #ac835d;
    color: #fff;
    font-weight: 400;
    opacity: 0;
}
.blog .item:hover .img .cat { 
    background: #ac835d;
    opacity: 1;
}
.blog .item .cont {
    padding: 30px 30px 40px 30px;
    position: relative;
    z-index: 2;
    border-radius: 0 0 6px 6px;
    background: rgba(145, 118, 90, 0.05);
}
.blog .item .cont h4 {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #14100c;
}
.blog .item .cont h4 a {
    text-decoration: none;
    color: #fff;
}
.blog .item .cont p {
    color: rgba(255,255,255,0.6);
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 15px;
}
/* blog box author */
.blog .item * {
    transition: all 0.45s ease-out;
}
.blog .item .cont .author {
    position: absolute;
    display: contents;
}
.blog .item .cont .author > div {
    position: relative;
    height: 25px;
    overflow: hidden;
}
.blog .item .cont .author h5 {
    position: absolute;
    left: 0;
    margin: 0;
    bottom: 0;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.blog .item .cont .author h5:nth-of-type(2) {
    opacity: 0;
    transform: translateY(150%);
}
.blog .item:hover .cont .author h5:first-of-type,
.blog .item:focus .cont .author h5:first-of-type {
    transform: translateY(150%);
    opacity: 0;
}
.blog .item:hover .cont .author h5:nth-of-type(2),
.blog .item:focus .cont .author h5:nth-of-type(2) {
    opacity: 1;
    transform: translateY(0);
}
.blog .item .cont .author h5 a.text-decoration-line-bottom {
    border-bottom: 1px solid #ac835d;
}
.blog .item .cont .author h5:hover a.text-decoration-line-bottom {
    border-bottom: 1px solid #ac835d;
}
.blog .item .cont .author h5:hover a {
  color: #ac835d;
}
/* pagination */
.pagination-wrap {
    padding: 0;
    margin: 0;
}
.pagination-wrap li {
    display: inline-block;
    margin: 0 5px;
}
.pagination-wrap li a {
    background: transparent;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid rgba(145, 118, 90, 0.3);
    border-radius: 100%;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
}
.pagination-wrap li a i {
    font-size: 16px;
}
.pagination-wrap li a:hover {
    opacity: 1;
    text-decoration: none;
    background: #ac835d;
    border: 1px solid #ac835d;
    color: #fff;
    transform: translate3d(0px, -6px, 0.01px);
}
.pagination-wrap li a.active {
    background-color: #ac835d;
    border: 1px solid #ac835d;
    color: #fff;
}
@media screen and (max-width: 991px) {
    .blog .item {
      margin-bottom: 30px;
    }
    .blog .item .cont {
        padding: 40px 20px;
    }
    .pagination-wrap {
        padding: 0;
        margin: 0;
        text-align: center;
    }
}


/* ======= Blog Sidebar style ======= */
.blog-sidebar .widget {
    background: #ac835d;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 6px;
    border: none;
}
.blog-sidebar .widget ul {
    margin-bottom: 0;
    padding: 0;
}
.blog-sidebar .widget ul li {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 15px;
}
.blog-sidebar .widget ul li a {
    color: #fff;
}
.blog-sidebar .widget ul li a.active {
    color: #fff;
}
.blog-sidebar .widget ul li a:hover {
    color: #fff;
}
.blog-sidebar .widget ul li:last-child {
    margin-bottom: 0;
}
.blog-sidebar .widget ul li i {
    font-size: 12px;
    margin-right: 12px;
    color: #fff;
}
.blog-sidebar .widget .recent li {
    display: block;
    overflow: hidden;
}
.blog-sidebar .widget .recent .thum {
    width: 140px;
    overflow: hidden;
    float: left;
    border-radius: 5px;
}
.blog-sidebar .widget .recent a {
    display: block;
    margin-left: 160px;
}
.blog-sidebar .widget-title {
    margin-bottom: 15px;
}
.blog-sidebar .widget-title h6 {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
}
.blog-sidebar .search form {
    position: relative;
}
.blog-sidebar .search form input {
    width: 100%;
    padding: 17px 20px;
    border: 0;
    background: #14100c;
    margin-bottom: 0;
    border: none;
    color: rgba(255,255,255,0.6);
    border-radius: 30px;
}
.blog-sidebar .search form input::placeholder {
    color: rgba(255,255,255,0.6);
}
.blog-sidebar .search form button {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: none;
    background: #ac835d;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    outline: none;
    padding: 0px 16px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    outline: none;
}
.blog-sidebar button[type="submit"] i {
    margin-right: 0px;
    color: #fff;
}
.blog-sidebar .search:hover form button {
    background-color: #ac835d;
    color: #14100c;
    outline: none;
}
.blog-sidebar .tags li {
    margin: 4px !important;
    padding: 8px 24px;
    background-color: #14100c;
    color: #fff;
    float: left;
    border-radius: 5px;
}
.blog-sidebar ul.tags li a {
    font-size: 16px;
    color: #fff;
}
.blog-sidebar ul.tags li:hover,
.blog-sidebar ul.tags li:hover a {
    background-color: #fff;
    color: #14100c;
}


/* ======= Post style ======= */
.post-comment-section {
    margin-top: 60px;
}
.post-comment-section h3 {
    font-size: 21px;
    color: #fff;
    margin-bottom: 20px;
}
.post-comment-section h3 span {
    font-size: 15px;
    color: #ac835d;
    margin-left: 15px;
    font-weight: 400;
    font-family: "Jost", sans-serif;
}
.post-caption h1 {
    margin-bottom: 20px;
    font-size: 40px;
    text-transform: uppercase;
}
.post-comment-wrap {
    display: flex;
    margin-bottom: 60px;
}
.post-user-comment {
    margin-right: 20px;
    flex: 0 0 auto;
}
.post-user-comment img {
    border-radius: 100%;
    width: 100px;
}
.post-user-content {
    margin-right: 26px;
}


/* ======= Page style ======= */
.page {
    position: relative;
}

.page h4 {
    font-size: 30px;
    color: #fff;
}
/* list */
.page-list {
    position: relative;
    display: block;
}
.page-list li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.page-list li + li {
    margin-top: 5px;
}
.page-list-icon {
    display: flex;
    align-items: center;
}
.page-list-icon span {
    font-size: 18px;
    color: #ac835d;
}
.page-list-text {
    margin-left: 10px;
}
.page-list-text p {
    font-size: 18px;
    margin: 0;
    color: #fff;
}

/* ======= Contact style ======= */
/* maps */
.google-maps {
    width: 100%;
    height: 550px;
    display: block;
    border: none;
}
.map {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.contact-form {
    width: 100%;
    display: block;
    padding: 45px;
    position: relative;
    z-index: 1;
    border-radius: 6px;
    background: #14100c;
}
.contact-form h3 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 30px;
    text-align: center;
}
.contact-form h3 span {
    color: #ac835d;
    font-weight: 700;
    font-style: italic;
}
/* info box */
.info-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.info-box .item .icon {
    color: #fff;
    margin-right: 15px;
    background: transparent;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 17px;
    border-radius: 100%;
    border: 1px solid #ac835d;
}
.info-box .item .icon:before {
    font-size: 27px;
    font-weight: 300;
}
.info-box .item h5 {
    color: #fff;
    margin-bottom: 0px;
    font-size: 18px;
    margin-top: 5px;
}
.info-box .item h6 {
    color: #ac835d;
    margin-bottom: 0px;
    font-size: 22px;
}
.info-box .item p {
    font-size: 18px;
    margin-bottom: 0;
}


/* ======= 404 Page style ======= */
.notfound {
    height: 100vh;
    position: relative;
    background-blend-mode: overlay;
    background: rgba(0, 0, 0, .6);
    background-image: url("../img/slider/3.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
}
@media (max-width: 767px) {
    .404 {
        min-height: 100vh;
    }
}
.notfound .item {
    background: transparent;
    border: 1px solid rgba(145, 118, 90, 0.5);
    padding: 30px 15px;
}
.notfound h6 {
    color: #fff;
    font-size: 18px;
    font-family: "Jost", sans-serif;
    font-weight: 400;
}
.notfound h3 {
    font-size: 45px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0px;
}
.notfound h2 {
    font-size: 40px;
    color: #fff;
    position: relative;
    margin-bottom: 5px;
}
.notfound h2 span {
    color: #ac835d;
}
.notfound h1 {
    font-size: 180px;
    line-height: 180px;
    position: relative;
    color: #ac835d;
    margin-bottom: 30px;
}
.notfound p {
    color: #fff;
    font-size: 18px;
}
/* notfound form */
.notfound form {
    margin-top: 30px;
    position: relative;
}
.notfound form input {
    width: 100%;
    padding: 15px 50px 15px 20px;
    background-color: transparent;
    border: 1px solid rgba(145, 118, 90, 0.7);
    border-radius: 30px;
    color: #fff;
    margin-bottom: 20px;
    outline: none;
}
.notfound form input:active,
.notfound form input:focus {
    border: 1px solid #ac835d;
}
.notfound form input::placeholder {
    color: #fff;
}
.notfound form button {
    background-color: #ac835d;
    border-radius: 100%;
    color: #fff;
    border: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    outline: none;
    height: 49px;
    width: 49px;
    line-height: 49px;
    text-align: center;
}
.notfound form button:hover {
    background-color: #fff;
    color: #14100c;
    outline: none;
}


/* ======= Buttons style ======= */
/* button 1 */
.button-1 {
    display: inline-block;
    height: auto;
    padding: 17px 34px;
    border: 1px solid #ac835d;
    border-radius: 0px;
    background-color: #ac835d;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    border-radius: 30px;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
}
.button-1:hover {
  border: 1px solid #fff;
  background-color: #fff;
  color: #14100c;
  transform: translate3d(0px, -6px, 0.01px);
}
/* button 2 */
.button-2 {
    display: inline-block;
    height: auto;
    padding: 17px 34px;
    border: 1px solid #14100c;
    border-radius: 0px;
    background-color: #14100c;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    border-radius: 30px;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
}
.button-2:hover {
  border-color: #fff;
  background-color: #fff;
  color: #14100c;
  transform: translate3d(0px, -6px, 0.01px);
}
/* button 3 */
.button-3 {
  display: inline-block;
  height: auto;
  padding: 17px 34px;
  border: 1px solid #ac835d;
  border-radius: 0px;
  background-color: transparent;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  border-radius: 30px;
  transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
  transform-style: preserve-3d;
}
.button-3:hover {
  border: 1px solid #ac835d;
  background-color: #ac835d;
  color: #fff;
  transform: translate3d(0px, -6px, 0.01px);
}
/* button 4 */
.button-4 {
    display: inline-block;
    height: auto;
    padding: 17px 34px;
    border: 1px solid #14100c;
    border-radius: 0px;
    background-color: #14100c;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    border-radius: 30px;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
}
.button-4:hover {
  border: 1px solid #fff;
  background-color: #fff;
  color: #14100c;
  transform: translate3d(0px, -6px, 0.01px);
}


/* ======= Footer style ======= */
.footer {
    position: relative;
    background-color: #14100c;
}
/* footer top */
.footer .top {
    padding: 50px 0 20px 0;
}
.footer .top .item .logo {
    width: 150px;
    margin-bottom: 20px;
}
.footer .top .item h3 {
    color: #fff;
    font-size: 24px;
}
.footer .top .item p,
.footer .top .item p a {
    color: rgba(255,255,255,0.6);
}
.footer .top .item .phone {
    font-size: 18px;
    color: rgba(255,255,255,0.6);
    position: relative;
    font-weight: 400;
}
.footer .top .item .mail {
    font-size: 18px;
    font-weight: 400;
    line-height: 3em;
    color: rgba(255,255,255,0.6);
    position: relative;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.footer .top .item .mail:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ac835d;
    content: "";
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
/* newsletter */
.footer .top .item .newsletter {
    position: relative;
}
.footer .top .item .newsletter input {
    height: 60px;
    width: 100%;
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255,255,255,0.6);
    outline: none;
    padding: 0 90px 0 20px;
    border: 1px solid rgba(145, 118, 90, 0.2);
    border-radius: 30px;
}
.footer .top .item .newsletter button {
    height: 50px;
    width: 50px;
    border: none;
    background: #ac835d;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    outline: none;
    padding: 0px 16px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    line-height: 50px;
    outline: none;
    transform: rotate(0);
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    transition: all 0.7s linear;
}
.footer .top .item .newsletter input::placeholder {
    color: rgba(255,255,255,0.6);
}
.footer .top .item .newsletter:hover button {
    background: #ac835d;
    outline: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    transition: all 0.7s linear;
    color: #fff;
}
.footer .top .item .newsletter button[type="submit"] i {
    color: #fff;
}
.footer .top .item .newsletter:hover button[type="submit"] i {
    color: #fff;
}
/* social icons */
.footer .top .social-icons li {
    display: inline-block;
    border: none;
    z-index: 1;
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 5px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border-radius: 100%;
    font-size: 15px;
    color: #fff;
    border: #ac835d;
    background: #ac835d;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
}
.footer .top .social-icons .list-inline {
    margin: 0;
}
.footer .top .social-icons li:hover {
    background: #ac835d;
    color: #fff;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    transform: translate3d(0px, -3px, 0.01px);
}
/* footer bottom */
.footer .bottom {
    position: relative;
    display: block;
    padding: 30px 0;
    border: none;
    border-top: 1px solid rgba(145, 118, 90, 0.2);
}
.footer .bottom p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
    margin: 10px;
}
.footer .bottom p a {
    background: linear-gradient(to bottom, #ac835d 0%, #ac835d 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 1px 1px;
    color: #fff;
    text-decoration: none;
    transition: background-size .2s;
    line-height: 1.75em;
}
.footer .bottom p a:hover {
    color: #ac835d;
}
/* links */
.footer .bottom .links {}
.footer .bottom .links ul {
    margin: 0;
    padding: 0;
}
.footer .bottom .links ul li {
    display: inline-block;
    margin: 10px;
    font-size: 18px;
}
.footer .bottom .links ul li a {
    color: #fff;
    position: relative;
}
.footer .bottom .links ul li:hover,
.footer .bottom .links ul li:hover a {
    color: #ac835d;
}
@media screen and (max-width: 991px) {
    .footer .bottom .links ul li {
        margin: 5px 10px;
    }
    .footer .bottom .links,
    .footer .bottom p {
        text-align: left !important;
    }
}


/* ======= toTop Button style ======= */
.progress-wrap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    font-family: 'themify';
    content: '\e648';
    text-align: center;
    line-height: 50px;
    font-size: 13px;
    font-weight: 700;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke-width: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap {
    -webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255, 0.2);
    box-shadow: inset 0 0 0 2px rgba(255,255,255, 0.2);
}
.progress-wrap::after {
    color: #ac835d;
}
.progress-wrap svg.progress-circle path {
    stroke: #ac835d;
}


/* =======  Overlay Effect Bg image style  ======= */
[data-overlay-dark],
[data-overlay-light] {
    position: relative;
}
[data-overlay-dark] .container,
[data-overlay-light] .container {
    position: relative;
    z-index: 2;
}
[data-overlay-dark]:before,
[data-overlay-light]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data-overlay-dark]:before {
    background: #000;
}
[data-overlay-light]:before {
    background: #fff;
}
[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
    color: #fff;
}
[data-overlay-light] h1,
[data-overlay-light] h2,
[data-overlay-light] h3,
[data-overlay-light] h4,
[data-overlay-light] h5,
[data-overlay-light] h6,
[data-overlay-light] span {
    color: rgba(255,255,255,0.6);
}
[data-overlay-dark] p {
    color: #fff;
}
[data-overlay-light] p {
    color: rgba(255,255,255,0.6);
}
[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
    opacity: 0;
}
[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
    opacity: 0.1;
}
[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
    opacity: 0.2;
}
[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
    opacity: 0.3;
}
[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
    opacity: 0.4;
}
[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
    opacity: 0.5;
}
[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
    opacity: 0.6;
}
[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
    opacity: 0.7;
}
[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
    opacity: 0.8;
}
[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before {
    opacity: 0.9;
*}
[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
    opacity: 1;
}
/* ======= Responsive style ======= */  
@media (min-width: 1200px) {  
  .container {  
    max-width: 1220px !important;  
  }  
}  
  
@media screen and (max-width: 991px) {  
  .bg-fixed { background-attachment: scroll !important; }  
  .call .section-title { font-size: 27px; line-height: 1.5em; }  
  .call .section-title.mb-0 { margin-bottom: 30px !important; }  
  .about img.img { margin-bottom: 30px; }  
} /* <-- cierra aquí el media query de 991px */  
  
@media screen and (max-width: 767px) {  
  .banner-header h2 { font-size: 27px; letter-spacing: 0; }  
  .section-title { font-size: 40px; }  
  .portfolio .filtering span { margin-bottom: 10px; }  
  .post-comment-section h3 span { margin-left: 5px; }  
  .clients { padding-bottom: 20px; }  
  .video-fullscreen-wrap .caption.text-left,  
  .video-fullscreen-wrap .caption { text-align: center; }  
  .video-fullscreen-wrap h3 { font-size: 40px; }  
  .info-box .item h5 { font-size: 18px; }  
  .practice-areas .item h5 { font-size: 20px; }  
} /* <-- cierra aquí el media query de 767px */  
  
/* Corrección de Altura y Desbordamiento (global) */  
html, body {  
  min-height: 100%;  
  height: auto;  
  overflow: visible !important;  
}  
  
/* Variables de alturas */  
:root {  
  --navbar-height: 120px;  /* coincide con .navbar (estado inicial) */  
  --footer-space: 200px;   /* espacio aproximado para el footer */  
}  
  
/* Contenedor de la imagen principal: centra y reserva espacio */  
.imagen-principal {  
  min-height: calc(100vh - var(--navbar-height) - var(--footer-space));  
  padding-top: var(--navbar-height);  
  display: flex;  
  align-items: center;  
  justify-content: center;  
  box-sizing: border-box;  
  overflow: hidden;  
}  
  
/* Imagen contenida y centrada, sin recortes */  
.imagen-principal .img-banner {  
  max-width: 100%;  
  height: auto;  
  max-height: calc(100vh - var(--navbar-height) - var(--footer-space));  
  object-fit: contain;  
  object-position: center center;  
  display: block;  
}  
  
/* Si la navbar se reduce con .nav-scroll */  
.nav-scroll + .imagen-principal {  
  padding-top: 85px;  
  min-height: calc(100vh - 85px - var(--footer-space));  
}  
  
/* Anula reglas previas que recortaban la imagen */  
.imagen-principal { height: auto !important; }  
.img-banner { height: auto !important; object-fit: contain !important; }


/* Clase para enlace de ejemplos */

.link-ejemplos {  
  color: #ffcc00;           /* color normal */  
}  
.link-ejemplos:hover,  
.link-ejemplos:focus {  
  color: #e6b800;           /* color al pasar el mouse */  
  text-decoration: none;    /* opcional */  
}

/* Títulos de cada cláusula (negritas dentro de la lista de condiciones) */  
.page-list .page-list-text > strong {  
  color: #ac835d;  
}  
  
/* Si también quieres colorear el número dentro del círculo de la lista (si usas contador CSS) */  
.page-list > li .page-list-icon::after {  
  color: #ac835d;  
}  
  
/* Y si deseas que el círculo del icono sea del mismo tono */  
.page-list-icon {  
  background-color: #ac835d;  
}
/* ==========================================  
   AJUSTES FINALES PARA BANNERS INTERNOS  
   ========================================== */  
  
/* 1) Desktop: banners internos siempre full width con cover */  
@media (min-width: 992px) {  
  .banner-header.bg-img {  
    background-size: cover !important;  
    background-position: center center !important;  
    background-repeat: no-repeat !important;  
  }  
}  
  
/* 2) Tablet/móvil: reducir altura y centrar mejor */  
@media (max-width: 991px) {  
  .banner-header.bg-img {  
    padding: 140px 0 80px 0 !important;  
    background-position: center center !important;  
    background-size: cover !important;  
    background-repeat: no-repeat !important;  
  }  
}  
  
/* 3) Muy pequeño (móvil chico): menos padding aún */  
@media (max-width: 575px) {  
  .banner-header.bg-img {  
    padding: 120px 0 60px 0 !important;  
  }  
}