@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'),
        url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLight.woff') format('woff'),
        url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: local('Poppins Medium'), local('Poppins-Medium'),
        url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.eot');
    src: local('Poppins Light Italic'), local('Poppins-LightItalic'),
        url('../fonts/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-LightItalic.woff2') format('woff2'),
        url('../fonts/Poppins-LightItalic.woff') format('woff'),
        url('../fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLightItalic.eot');
    src: local('Poppins ExtraLight Italic'), local('Poppins-ExtraLightItalic'),
        url('../fonts/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
        url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.eot');
    src: local('Poppins Black'), local('Poppins-Black'),
        url('../fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.woff') format('woff'),
        url('../fonts/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.eot');
    src: local('Poppins ExtraBold Italic'), local('Poppins-ExtraBoldItalic'),
        url('../fonts/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.eot');
    src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
        url('../fonts/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),
        url('../fonts/Poppins-MediumItalic.woff') format('woff'),
        url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: local('Poppins Light'), local('Poppins-Light'),
        url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: local('Poppins Thin'), local('Poppins-Thin'),
        url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Thin.woff2') format('woff2'),
        url('../fonts/Poppins-Thin.woff') format('woff'),
        url('../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.eot');
    src: local('Poppins Italic'), local('Poppins-Italic'),
        url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Italic.woff2') format('woff2'),
        url('../fonts/Poppins-Italic.woff') format('woff'),
        url('../fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ThinItalic.eot');
    src: local('Poppins Thin Italic'), local('Poppins-ThinItalic'),
        url('../fonts/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ThinItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ThinItalic.woff') format('woff'),
        url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BlackItalic.eot');
    src: local('Poppins Black Italic'), local('Poppins-BlackItalic'),
        url('../fonts/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-BlackItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BlackItalic.woff') format('woff'),
        url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.eot');
    src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
        url('../fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BoldItalic.woff') format('woff'),
        url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.eot');
    src: local('Poppins SemiBold Italic'), local('Poppins-SemiBoldItalic'),
        url('../fonts/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family:'Lavigne Display';
    src:url('../fonts/AnyConv.com__LavigneDisplay-Italic.woff') format('woff'),
        url('../fonts/LavigneDisplay-Italic.ttf') format('truetype');
    font-weight:400;
    font-style:italic;
    font-display:swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.eot');
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
        url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBold.woff') format('woff'),
        url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary-color:#d2c0df;
    --accent-color:#71896A;
    --base-color:#EDE8D8;
    --text-color:#000000;
    --surface-color:#fff;
    --contrast-color:#1d3218;
    --contrast-primary-color:#72627e;
}

html {
    scroll-padding-top:100px;
    scroll-behavior:smooth
}
a,abbr,acronym,address,applet,article,aside,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,div pre,dl,dt,em,figcaption,figure,font,footer,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,li,nav,object,ol,p,q,s,samp,section,small,span,strike,strong,sub,sup,tt,u,ul,var {
    margin:0;
    padding:0;
    border:0;
    outline:0
}
.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.clearfix {
    display:inline-block
}
html[xmlns] .clearfix {
    display:block
}
* html .clearfix {
    height:1%
}
li,ul {
    padding:0;
    margin:0;
    list-style:none
}
article,aside,footer,header,hgroup,nav,section {
    display:block
}
* {
    box-sizing:border-box
}
body,html {
    font-family:'Poppins', sans-serif;
    font-weight:500;
    background-color:var(--base-color);
    font-size:16px;
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    background:var(--base-color);
}
a {
    text-decoration:none !important
}
h1,h2,h3,h4,h5,h6 {
    margin-top:0;
    margin-bottom:0
}

h6 {
    font-family:'Lavigne Display','Poppins',sans-serif;
    font-weight:600;
}

footer h6 {
    font-family:'Lavigne Display','Poppins',sans-serif;
    font-weight:600;
}
ul {
    margin-bottom:0
}
p {
    font-size:15px;
    line-height:30px;
    color:var(--text-color)
}
::selection {
    background:var(--primary-color);
    color:var(--surface-color)
}
::-moz-selection {
    background:var(--primary-color);
    color:var(--surface-color)
}
@media (max-width: 991px) {
    body,html {
        overflow-x:hidden
    }
    .mobile-top-fix {
        margin-top:30px;
        margin-bottom:0
    }
    .mobile-bottom-fix {
        margin-bottom:30px
    }
    .mobile-bottom-fix-big {
        margin-bottom:60px
    }
}
.main-white-button {
    position:relative;
    overflow:hidden;
    display:inline-block;
    padding:10px 20px;
    background-color:var(--accent-color);
    border:2px solid var(--accent-color);
    border-radius:5px;
    cursor:pointer;
    transition:background-color 0.4s, border-color 0.4s
}
.main-white-button a {
    font-size:15px;
    color:var(--surface-color);
    padding:15px;
    display:inline-block;
    border-radius:3px;
    transition:all 0.3s;
    text-decoration:none;
    font-weight:bold
}
.main-white-button a:hover {
    opacity:0.9
}
.main-white-button .ripple {
    position:absolute;
    border-radius:50%;
    background:rgba(255, 255, 255, 0.5);
    transform:scale(0);
    pointer-events:none;
    animation:ripple-animation 0.6s linear
}
@keyframes ripple-animation {
    to {
        transform:scale(4);
        opacity:0
    }
}

.section-heading h6 {
    position:relative;
    font-size:15px;
    color:var(--contrast-color);
    font-weight:500;
    letter-spacing:2px;
    text-transform:uppercase;
    padding-left:40px
}
.section-heading h6:before {
    width:30px;
    height:1px;
    content:'';
    position:absolute;
    left:0;
    top:8px;
    background-color:var(--text-color)
}
.section-heading h2 {
    line-height:50px;
    margin-top:35px;
    margin-bottom:25px;
    font-size:50px;
    font-weight:900;
    color:var(--text-color)
}
.background-header {
    background-color:rgba(210, 192, 223, 0.95);
    height:80px !important;
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    box-shadow:0 5px 15px rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition:all 0.3s ease-in-out
}
.background-header .logo,.background-header .main-nav .nav li a {
    color:var(--contrast-color) !important;
    transition:all 0.3s ease-in-out
}
.background-header .main-nav .nav li:hover a {
    color:var(--accent-color) !important;
    transform:translateY(-2px)
}
.background-header .nav li a.active {
    color:var(--accent-color) !important;
    font-weight:600;
    position:relative
}
.background-header .nav li a.active:after {
    content:'';
    position:absolute;
    bottom:-5px;
    left:0;
    width:100%;
    height:2px;
    background-color:var(--accent-color);
    transition:transform 0.3s ease;
    transform:scaleX(1)
}

.background-header .main-nav .logo {
    line-height:75px
}
.logo img {
    height:3rem;
    width:auto;
    transition:all 0.3s ease
}
.background-header .logo img {
    height:2rem
}
.background-header .nav {
    margin-top:20px !important
}
#top {
    padding-top:100px
}
#top .col-lg-4,#top .col-lg-8 {
    padding:0
}
#top .col-lg-12 {
    padding:0
}
#top .left-content .inner-content {
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    left:50%
}
#top .left-content h4 {
    font-family:'Dancing Script', cursive;
    color:var(--contrast-color);
    font-size:54px;
    font-weight:700
}
.draw {
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    animation:drawline 8s ease forwards
}
@keyframes drawline {
    to {
        stroke-dashoffset:0
    }
}

*,*:after,*:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.Modern-Slider .item .img-fill {
    height:500px;
    max-height:500px;
    background:var(--base-color);
    object-fit:cover;
    object-position:center
}
.Modern-Slider .item .img-fill img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
}
.Modern-Slider .item .info > div {
    display:inline-block !important;
    vertical-align:middle
}
.Modern-Slider .NextArrow {
    position:absolute;
    top:50%;
    transform:translateY(-25px);
    right:30px;
    width:50px;
    height:50px;
    background-color:var(--primary-color);
    border:0 none;
    line-height:44px;
    border-radius:50%;
    text-align:center;
    font-size:36px;
    font-family:'FontAwesome';
    color:var(--surface-color);
    z-index:5;
    outline:none;
    opacity:0.3;
    transition:all 0.3s
}
.Modern-Slider .NextArrow:hover {
    opacity:1
}
.Modern-Slider .NextArrow:before {
    content:'\f105'
}
.Modern-Slider .PrevArrow {
    position:absolute;
    top:50%;
    transform:translateY(-25px);
    left:30px;
    width:50px;
    height:50px;
    background-color:var(--primary-color);
    border:0 none;
    line-height:44px;
    border-radius:50%;
    text-align:center;
    font-size:36px;
    font-family:'FontAwesome';
    color:var(--surface-color);
    z-index:5;
    outline:none;
    opacity:0.3;
    transition:all 0.3s
}
.Modern-Slider .PrevArrow:hover {
    opacity:1
}
.Modern-Slider .PrevArrow:before {
    content:'\f104'
}
ul.slick-dots {
    display:none !important
}
.Modern-Slider .item.slick-active {
    animation:Slick-FastSwipeIn 1s both
}
.Modern-Slider .buttons {
    position:relative
}
.Modern-Slider {
    background:var(--base-color)
}
.slick-slider {
    position:relative;
    display:block;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list {
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus {
    outline:none
}
.slick-list.dragging {
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.slick-track {
    position:relative;
    top:0;
    left:0;
    display:block
}
.slick-track:after,.slick-track:before {
    display:table;
    content:''
}
.slick-track:after {
    clear:both
}
.slick-loading .slick-track {
    visibility:hidden
}
.slick-slide {
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
.slick-slide.dragging img {
    pointer-events:none
}
.slick-initialized .slick-slide {
    display:block
}
.slick-loading .slick-slide {
    visibility:hidden
}
.slick-vertical .slick-slide {
    display:block;
    height:auto;
    border:1px solid transparent
}
#about {
    padding:80px 0 0;
    position:relative;
    
}
#about p {
    margin-bottom:3rem;
    margin-top:1rem
}

#image-extra {
    margin-top:300px
}
.title-with-pet {
    display:flex;
    align-items:center;
    gap:3px;
    position:relative
}
.pet-image {
    width:35%;
    height: 100%;
    flex-shrink:0;
    border-radius:50%;
    animation:saludar 2s ease-in-out infinite;
    transform-origin:center bottom;
    display:block
}
@keyframes saludar {
    0%,100% {
        transform:rotate(0deg) translateY(0)
    }
    25% {
        transform:rotate(15deg) translateY(-5px)
    }
    50% {
        transform:rotate(0deg) translateY(0)
    }
    75% {
        transform:rotate(-15deg) translateY(-5px)
    }
}
#about .about-thumbnails img {
    height:170px;
    width:170px;
    overflow:hidden;
    border-color:var(--primary-color);
    border-width:2px;
    border-style:solid;
    border-radius:1rem;
    box-shadow:0 0.5px 5px rgba(0, 0, 0, 0.1);
    display:flex;
    flex-direction:column
}
.img-fluid {
    width:100%;
    height:80%;
    overflow:hidden;
    border-color:var(--primary-color);
    border-width:2px;
    border-style:solid;
    border-radius:1rem;
    box-shadow:0 0.5px 5px rgba(0, 0, 0, 0.1);
    display:flex;
    flex-direction:column
}
#about .right-content {
    margin-left:30px
}
#about .right-content .thumb {
    position:relative
}
#about .right-content .thumb a {
    position:absolute;
    left:50%;
    top:50%;
    width:70px;
    height:70px;
    display:inline-block;
    line-height:70px;
    text-align:center;
    background-color:var(--primary-color);
    color:var(--text-color);
    border-radius:50%;
    transform:translate(-35px, -35px);
    transition:all 0.3s
}
#about .right-content .thumb a:hover {
    opacity:0.9
}
.video-container video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    border:3px solid var(--primary-color);
    border-radius:1rem;
    box-shadow:0 0.5px 5px rgba(0, 0, 0, 0.1);
    display:flex;
    flex-direction:column
}
#menu {
    padding:80px 0
}
#menu .section-heading {
    margin-bottom:80px
}
.card {
    margin:0 auto;
    width:min(100%, 420px);
    aspect-ratio:3 / 4;
    min-height:320px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0, 0, 0, 0.1);
    transition:transform 0.3s ease, box-shadow 0.3s ease
}
.card-thumb {
    position:absolute;
    inset:0;
    z-index:0;
}
.card-thumb img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.card:hover {
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0, 0, 0, 0.15)
}
@media (max-width: 1810px) {
    .card {
        width:min(100%, 390px)
    }
}
@media (max-width: 1200px) {
    .card {
        width:min(100%, 360px);
        min-height:300px
    }
}
@media (max-width: 768px) {
    .card {
        width:100%;
        min-height:280px;
        margin-bottom:20px
    }
    #menu .card .main-text-button {
        padding:0.75rem 1.75rem;
        font-size:0.85rem;
        min-width:140px
    }
}

.info {
    position:absolute;
    inset:0;
    background-color:var(--accent-color);
    transform:translateY(100%) translateZ(0);
    z-index:1;
    transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(1.25rem, 2vw, 2rem);
    gap:clamp(1rem, 1.5vw, 1.5rem);
    box-sizing:border-box;
    text-align:center;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius:10px;
    overflow:hidden
}
.card-title {
    font-size:clamp(1.2rem, 2vw, 1.5rem);
    font-weight:700;
    color:var(--contrast-color);
    text-transform:none;
    margin:0
}
.card.active .info,.card:hover .info {
    background-color:rgba(113, 137, 106, 0.95);
    border-color:var(--contrast-color)
}
.card:hover .info {
    background-color:var(--accent-color);
    border-color:var(--contrast-color)
}
.card.active .info {
    background-color:var(--primary-color);
    border-color:var(--contrast-color)
}
.card:hover .info,.card:hover .info:before {
    transform:translateY(0) translateZ(0)
}
.card.active .info,.card.active .info:before {
    transform:translateY(0) translateZ(0)
}
.title {
    margin:0 auto clamp(1rem, 2vw, 1.5rem);
    font-size:clamp(1.25rem, 2.3vw, 1.75rem);
    font-weight:700;
    color:var(--text-color);
    transition:color 0.3s ease-out;
    letter-spacing:0.5px;
    max-width:90%;
    position:relative;
    padding-bottom:clamp(0.75rem, 1.5vw, 1rem)
}
.card .scroll-to-section,.card .scroll-to-section a {
    color:#ffffff !important;
    text-decoration:none;
    font-weight:600;
    transition:all 0.3s ease
}
.card .scroll-to-section a:hover,.card .scroll-to-section:hover {
    text-shadow:0 0 8px rgba(255, 255, 255, 0.5)
}
.title:after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:50px;
    height:2px;
    background-color:var(--accent-color);
    transition:background-color 0.3s ease
}
.card.active .title:after,.card:hover .title:after {
    background-color:var(--surface-color)
}
.card.active .title,.card:hover .title {
    color:var(--surface-color)
}
.description {
    color:var(--text-color);
    margin:0 auto clamp(1.5rem, 2.5vw, 2rem);
    font-size:clamp(0.95rem, 1.6vw, 1.1rem);
    max-width:100%;
    word-break:break-word;
    transition:color 0.3s ease-out;
    position:relative;
}

#menu .card .main-text-button {
    margin:0 auto;
    background-color:var(--contrast-color);
    color:var(--surface-color);
    padding:clamp(0.875rem, 1.8vw, 1rem) clamp(1.75rem, 3vw, 2.5rem);
    border-radius:50px;
    font-weight:600;
    text-transform:uppercase;
    font-size:clamp(0.8rem, 1.2vw, 0.95rem);
    letter-spacing:1.5px;
    transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border:2px solid var(--contrast-color);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    min-width:160px;
    margin-top:auto;
    z-index:1
}
#menu .card .main-text-button:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:var(--accent-color);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index:-1
}
#menu .card .main-text-button:hover {
    color:var(--surface-color);
    transform:translateY(-2px);
    border-color:var(--accent-color);
    box-shadow:0 5px 15px rgba(0,0,0,0.2)
}
#menu .card .main-text-button:hover:before {
    transform:scaleX(1);
    transform-origin:left
}
#menu .owl-menu-item .item {
    display:flex;
    justify-content:center;
    padding:clamp(0.5rem, 1vw, 1rem);
}
#menu .owl-menu-item {
    position:relative
}
#menu .owl-nav {
    text-align:center;
    position:absolute;
    width:100%;
    bottom:-80px;
    transform:translateY(5px)
}
#menu .owl-dots {
    display:none
}
#menu .owl-nav .owl-prev {
    margin-right:10px;
    outline:none
}
#menu .owl-nav .owl-next span,#menu .owl-nav .owl-prev span {
    opacity:0
}
#menu .owl-nav .owl-prev:before {
    display:inline-block;
    font-family:'FontAwesome';
    color:var(--accent-color);
    font-size:25px;
    font-weight:700;
    content:'\f104'
}
#menu .owl-nav .owl-prev {
    opacity:0.75;
    transition:all 0.5s
}
#menu .owl-nav .owl-prev:hover {
    opacity:1
}
#menu .owl-nav .owl-next {
    opacity:0.75;
    transition:all 0.5s
}
#menu .owl-nav .owl-next:hover {
    opacity:1
}
#menu .owl-nav .owl-next {
    margin-left:10px;
    outline:none
}
#menu .owl-nav .owl-next:before {
    display:inline-block;
    font-family:'FontAwesome';
    color:var(--accent-color);
    font-size:25px;
    font-weight:700;
    content:'\f105'
}
.owl-menu-item .item .card .info {
    transition:background-color 0.3s ease
}
.owl-menu-item .item.selected .card .info {
    background-color:var(--primary-color);
    border-color:var(--primary-color);
    color:var(--surface-color)
}
.owl-menu-item .item.selected .card {
    transform:scale(1.1);
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.3);
    transition:transform 0.3s ease, box-shadow 0.3s ease
}
#map {
    margin:120px 2rem 0;
    background-color:var(--surface-color);
    border-radius:5px;
    box-shadow:0 0.5px 5px rgba(0, 0, 0, 0.2);
    padding:2rem;
    display:flex;
    flex-direction:column
}
.section-title {
    text-align:center;
    padding-bottom:30px;
    position:relative
}
.section-title h2 {
    margin-top:30px;
    font-size:20px;
    letter-spacing:1px;
    font-weight:400;
    padding:0;
    margin-bottom:20px;
    color:color-mix(in srgb, var(--contrast-color), transparent 40%);
    display:inline-block;
    text-transform:uppercase;
    font-family:var(--text-color)
}
.section-title p {
    color:var(--text-color);
    margin:10px 0 0;
    font-size:48px;
    font-weight:500;
    line-height:85%;
    display:flex;
    justify-content:center
}
.section-title p .description-title {
    color:var(--contrast-color);
    display:flex;
    justify-content:center
}
iframe {
    border-radius:15px
}
.container .section-title span .description-title {
    padding-top:50px
}
.map .info-item {
    background-color:var(--surface-color);
    padding:20px 30px;
    border-radius:0.8rem;
    background-color:#fafafa;
    box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2)
}
.map .info-item .icon {
    color:var(--surface-color);
    background-color:var(--accent-color);
    width:56px;
    height:56px;
    font-size:24px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all 0.3s ease-in-out;
    border-radius:50%;
    margin-right:15px;
    padding:16px;
    overflow:visible
}
.map .info-item h3 {
    font-size:20px;
    font-weight:700;
    margin:0 0 5px;
    font-family:var(--default-font);
    color:color-mix(in srgb, var(--default-color), transparent 30%)
}
.map .info-item p {
    padding:0;
    margin-bottom:0;
    font-size:14px
}
.map .info-item .social-links a {
    font-size:24px;
    display:inline-block;
    line-height:1;
    margin:4px 6px 0 0;
    transition:0.3s;
    color:color-mix(in srgb, var(--default-color), transparent 50%)
}
.map .info-item .social-links a:hover {
    color:var(--accent-color)
}
#map .row.gy-4 > [class="col-"] {
    display:flex
}
#map .row.gy-4 > [class*="col-"] .info-item {
    flex:1 1 auto
}
.map .info-item {
    gap:12px;
    align-items:flex-start
}
.map .info-item .icon {
    flex:0 0 56px;
    margin-right:0
}
.map .info-item h3,.map .info-item p {
    word-break:break-word
}
.container .section-title span .description-title {
    padding-top:0
}
.section-title+.section-title {
    margin-top:10px
}


/* Especial area start */
#season {
    padding-top: 60px;
}

#season .section-heading {
    margin-bottom: 70px;
}

#season .section-heading h6 {
    padding-left: 0;
}

#season .section-heading h6:before {
    display: none;
}
#season .season-item {
    background-color: #fff;
    text-align: center;
    border: 1px solid var(--primary-color);
    padding: 5px;
    transition: all 0.5s;
    border-radius: 3px;
    position: relative;
    height: 638px;
    perspective: 1000px;
}

#season .card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

#season .season-item:hover .card-inner {
    transform: rotateY(180deg);
}

#season .card-front,
#season .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
}

#season .card-front {
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

#season .card-back {
    background-color: var(--primary-color);
    color: white;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 3px;
}

#season .back-content h4 {
    width:100%;
    margin:0 0 18px;
    padding:12px 18px;
    font-family:'Lavigne Display','Poppins',sans-serif;
    font-size:clamp(1.35rem, 2vw, 1.8rem);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.5px;
}

#season .back-content p {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}

/*Front card */
#season .season-item .thumb {
    position: relative;
    flex: 1;
    overflow: hidden;
}

#season .season-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    position: relative;
}

#season .season-item:hover .overlay {
    opacity: 0.9;
    visibility: visible;
}

#season .season-item .down-content {
    padding: 20px 0;
    flex-shrink: 0;
}

#season .season-item .down-content h4 {
    transition: all 0.3s;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
}

#season .season-item .down-content span {
    font-size: 14px;
    color: var(--text-color);
    padding-left: 2dvb;
    padding-right: 2dvb;
    text-align: center;
}

/* Reservation start */
#reservation .section-heading {
    margin-bottom:30px
}
#reservation .section-heading h6 {
    color:var(--surface-color)
}
#reservation .section-heading h2 {
    color:var(--surface-color);
    font-weight:700
}
#reservation .section-heading h6:before {
    background-color:var(--surface-color)
}
#reservation p {
    color:var(--surface-color);
    margin-bottom:35px
}
#reservation {
    position:relative;
    margin-top:120px;
    padding:120px 0;
    background-image:url("../images/components/reservation-bg.webp");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
#reservation::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.7);
    z-index:0
}
#reservation .message,#reservation .phone {
    background-color:var(--surface-color);
    border-radius:5px;
    text-align:center;
    padding:0 0 20px
}
#reservation .message i,#reservation .phone i {
    width:70px;
    height:70px;
    display:inline-block;
    text-align:center;
    line-height:70px;
    color:var(--surface-color);
    background-color:var(--accent-color);
    border-radius:50%;
    font-size:24px;
    margin-top:-35px;
    text-align:center;
    margin-left:auto;
    margin-right:auto
}
#reservation .message h4,#reservation .phone h4 {
    font-size:20px;
    font-weight:700;
    margin-top:15px;
    margin-bottom:10px
}
#reservation .message span a,#reservation .phone span a {
    font-size:14px;
    color:var(--text-color);
    transition:all 0.3s
}
#reservation .message span a:hover,#reservation .phone span a:hover {
    color:var(--primary-color)
}
#table {
    background-color:var(--surface-color);
    border-radius:5px;
    box-shadow:0 0.5px 5px rgba(0, 0, 0, 0.2);
    padding:2rem;
    display:flex;
    flex-direction:column
}
#table h4 {
    text-align:center;
    font-weight:700;
    font-size:30px;
    color:var(--text-color);
    margin-bottom:30px
}
.datepicker-days {
    padding:30px;
    cursor:pointer
}
.tab-item[data-aos="fade-right"] {
    transition-duration:800ms !important
}
.table-form input,.table-form select,.table-form textarea {
    color:var(--text-color);
    font-size:14px;
    border:1px solid #ddd;
    background-color:var(--surface-color);
    width:100%;
    height:46px;
    border-radius:5px;
    outline:none;
    padding-top:3px;
    padding-left:20px;
    padding-right:20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin-bottom:15px
}
.table-form input:focus,.table-form select:focus,.table-form textarea:focus {
    border-color:var(--primary-color)
}
.table-form button {
    margin-top:-10px;
    font-size:13px;
    color:var(--surface-color);
    background-color:var(--accent-color);
    padding:12px 25px;
    width:100%;
    box-shadow:none;
    border:none;
    display:inline-block;
    border-radius:3px;
    font-weight:600;
    transition:all 0.3s
}
.table-form button:hover {
    opacity:0.9
}
.table-form textarea {
    height:150px;
    resize:none;
    padding:20px
}
.table-form::-webkit-input-placeholder {
    color:var(--text-color)
}
.table-form:-ms-input-placeholder {
    color:var(--text-color)
}
.table-form::placeholder {
    color:var(--text-color)
}
#carta {
    padding-top:120px;
    background-color:#fff;
    margin:120px 2rem 0;
    background-color:var(--surface-color);
    border-radius:10px;
    box-shadow:0 0.5px 5px rgba(0, 0, 0, 0.2);
    padding:2rem;
    display:flex;
    flex-direction:column
}
#carta .section-heading {
    margin-bottom:30px;
    margin-top:35px
}
#carta .section-heading h6 {
    padding-left:0
}
#carta .section-heading h6:before {
    display:none
}
#carta .heading-tabs {
    text-align:center
}
#carta .heading-tabs .main-dark-button {
    text-align:right
}
#carta #tabs ul {
    padding:0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    align-items:center
}
@media (max-width: 563px) {
    #carta #tabs ul {
        justify-content:flex-start;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding:10px 0;
        -webkit-overflow-scrolling:touch
    }
}
#carta #tabs ul li {
    display:inline-block;
    margin:0 15px
}
#carta #tabs ul li:last-child {
    margin-right:0
}
#carta #tabs ul li:first-child {
    margin-left:0
}
#carta #tabs ul li a {
    text-transform:capitalize;
    width:100%;
    display:inline-block;
    font-size:15px;
    color:var(--text-color);
    font-weight:600;
    transition:all 0.3s;
    text-align:center
}
#carta #tabs ul li a img {
    max-width:30px;
    display:block;
    margin:0 auto 12px
}
#carta .tabs-content {
    margin-top:60px;
    text-align:left;
    display:inline-block;
    transition:all 0.3s
}
#carta .tabs-content .tab-item {
    position:relative;
    margin-bottom:90px
}
#carta .tabs-content img {
    float:left;
    width:130px;
    max-width:130px;
    margin-right:20px;
    border-radius:5px
}
#carta .tabs-content h4 {
    padding-top:10px;
    font-size:20px;
    font-weight:700;
    color:var(--accent-color);
    margin: 10px 100px 10px 0;
}
#carta .tabs-content p {
    margin-right:100px;
    display:flex;
    justify-content:center
}
#carta .tabs-content .left-list {
    margin-right:15px
}
#carta .tabs-content .right-list {
    margin-left:15px
}
#carta .heading-tabs .row > div {
    overflow-x:auto;
    white-space:nowrap
}

@media (min-width: 769px) {
    #carta .tabs-content .tab-item {
        align-items:flex-start;
        margin-bottom:40px;
        background:#fff;
        border-radius:12px;
        overflow:hidden;
        box-shadow:0 4px 15px rgba(255, 0, 157, 0.1);
        transition:all 0.3s ease;
        padding:0;
        position:relative
    }
    #carta .tabs-content .tab-item:hover {
        transform:translateY(-5px);
        box-shadow:0 8px 20px rgba(234, 8, 255, 0.15)
    }
    #carta .tabs-content img {
        width:140px;
        height:140px;
        object-fit:cover;
        margin-right:20px;
        border-radius:0;
        flex-shrink:0
    }
    #carta .tabs-content .content-container {
        flex-grow:1;
        padding:20px 120px 20px 0;
        min-height:140px;
        display:flex;
        flex-direction:column;
        justify-content:center
    }
    #carta .tabs-content h4 {
        font-size:1.4rem;
        font-weight:600;
        padding-top:0
    }
    #carta .tabs-content p {
        font-size:0.95rem;
        color:#555;
        line-height:1.5;
        margin-bottom:0
    }
    #carta .tabs-content .price {
        position:absolute;
        top:50%;
        right:20px;
        transform:translateY(-50%);
        width:auto;
        height:auto;
        background-color:transparent
    }
    #carta .tabs-content .price h6 {
        background-color:var(--accent-color);
        color:white;
        font-size:1.5rem;
        line-height:1;
        padding:12px 18px;
        border-radius:8px;
        box-shadow:0 4px 8px var(--primary-color);
        transition:all 0.3s ease;
        margin:0;
        text-align:center;
        min-width:100px
    }
    #carta .tabs-content .price h6:hover {
        transform:scale(1.05)
    }
    #carta .left-list,#carta .right-list {
        width:100%
    }
    #carta .tabs-content .tab-item p::-webkit-scrollbar {
        width:4px
    }
    #carta .tabs-content .tab-item p::-webkit-scrollbar-thumb {
        background-color:var(--primary-color);
        border-radius:4px
    }
}
@media (min-width: 1200px) {
    #carta .tabs-content img {
        width:160px;
        height:230px;
    }
    #carta .tabs-content .content-container {
        min-height:160px;
        padding:25px 140px 25px 0
    }
    #carta .tabs-content h4 {
        font-size:1.5rem
    }
    #carta .tabs-content p {
        font-size:1rem
    }
    #carta .tabs-content .price h6 {
        font-size:1.6rem;
        padding:14px 20px;
        position:relative;
        top:50px;
        left:15px
    }
}
@media (max-width: 992px) {
    #carta .heading-tabs .row > div {
        padding:0 15px;
        display:flex;
        justify-content:center
    }
    #carta .tabs-content .tab-item {
        padding-right:70px
    }
    /* #carta .tabs-content img {
        max-width:80px
    } */
}
@media (max-width: 1199px) {
    #carta {
        margin:60px 1rem 0;
        padding:1.5rem
    }
    #carta .tabs-content .tab-item {
        display:flex;
        flex-direction:column;
        margin-bottom:30px;
        background:#fff;
        border-radius:12px;
        overflow:hidden;
        box-shadow:0 4px 12px rgba(138, 43, 226, 0.1);
        padding-right:0 !important
    }
    /* altura del menu */
    #carta .tabs-content img {
        float:none;
        width:100%;
        max-width:100%;
        height: 350px;
        margin-right:0;
        object-fit:cover
    }
    #carta .tabs-content h4 {
        padding:15px 15px 5px;
        margin-right:0;
        font-size:1.25rem;
        color:var(--accent-color);
        order:1
    }
    #carta .tabs-content p {
        margin-right:0;
        padding:0 15px;
        display:block;
        justify-content:flex-start;
        order:2
    }
    #carta .tabs-content .price {
        position:static;
        order:3;
        width:100%;
        padding:12px 15px;
        background-color:#f9f6ff;
        border-top:1px dashed var(--primary-color);
        text-align:right;
        margin-top: 10%;
    }
    #carta .tabs-content .price h6 {
        position:static;
        width:auto;
        height:auto;
        background-color:transparent;
        color:var(--accent-color);
        font-size:1.4rem;
        line-height:1.5;
        margin:0;
        display:inline-block
    }
    #carta .left-list,#carta .right-list {
        width:100%;
        margin:0
    }
}
@media (max-width: 480px) {
    #carta .tabs-content img {
        height:300px;
    }
    #carta .tabs-content h4 {
        font-size:1.15rem
    }
    #carta .tabs-content .price h6 {
        font-size:1.3rem
    }
}
.tab-pane {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity:0;
    pointer-events:none;
    transition:all 0.3s ease-in-out;
    transform:translateX(20px)
}
.tab-pane.active {
    position:relative;
    opacity:1;
    pointer-events:auto;
    transform:translateX(0)
}
.tab-pane.exit {
    opacity:0;
    transform:translateX(-20px)
}
.tabs-content-container {
    position:relative;
    min-height:300px;
    overflow:hidden
}
.footer {
    color:var(--contrast-color);
    background-color:var(--primary-color);
    font-size:14px;
    padding:40px 0;
    position:relative
}
.footer .icon {
    color:var(--contrast-color);
    margin-right:15px;
    font-size:24px;
    line-height:0
}
.footer h4 {
    font-size:16px;
    font-weight:700;
    margin-bottom:15px
}
.footer .address p {
    margin-bottom:0
}
.footer .social-links a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid color-mix(in srgb, var(--primary-color), transparent 50%);
    font-size:16px;
    color:color-mix(in srgb, var(--default-color), transparent 50%);
    margin-right:10px;
    transition:0.3s
}
.footer .social-links a:hover {
    color:var(--text-color);
    border-color:var(--contrast-color)
}
.footer .copyright {
    padding-top:20px;
    border-top:1px solid white;
    border-top:transparent 90%
}
.footer .copyright p {
    margin-bottom:0
}
.footer .credits {
    margin-top:5px;
    font-size:13px
}
footer .right-text-content ul li a {
    width:44px;
    height:44px;
    display:inline-block;
    text-align:center;
    line-height:44px;
    font-size:20px;
    background-color:var(--surface-color);
    border-radius:50%;
    color:var(--text-color);
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s
}
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay:0 !important
    }
}
@media (max-width: 575.98px) {
    #map {
        margin:80px 0 0;
        padding:1rem;
        border-radius:0.5rem
    }
    .map .info-item {
        padding:16px 18px
    }
    .map .info-item .icon {
        width:48px;
        height:48px;
        padding:12px
    }
}
@media (max-width: 992px) {
    #top {
        padding-top:100px;
        height:auto
    }
    .logo img {
        height:2.5rem
    }

    .header-area .main-nav .nav li.submenu:after {
        right:3px
    }
    .main-nav .logo {
        order:1;
        flex:0 0 auto;
        margin:0;
        padding:0
    }
    #about .right-content {
        margin-left:0;
        margin-top:30px
    }
    #about .about-thumbnails img {
        width:100%;
        height:80%
    }
    #about .row > .col-4 {
        flex:0 0 100%;
        max-width:100%
    }
    #season .season-item {
        margin-bottom:30px
    }
    #reservation .phone {
        margin-bottom:60px
    }
    #table {
        margin-left:10px;
        margin-right:10px;
        margin-top:30px
    }
    #carta .tabs-content .left-list {
        margin-right:0
    }
    #carta .tabs-content .right-list {
        margin-left:0
    }
    footer .right-text-content {
        text-align:center;
        margin-bottom:30px
    }
    footer .left-text-content p {
        text-align:center;
        margin-top:30px
    }
    #about .video-container {
        position:relative;
        width:100%;
        height:auto;
        aspect-ratio:9 / 16;
        overflow:hidden
    }
    #about .video-container video {
        width:100%;
        height:100%;
        object-fit:cover;
        position:relative
    }
}
#preloader {
    overflow:hidden;
    background-color:var(--primary-color);
    left:0;
    right:0;
    top:0;
    bottom:0;
    position:fixed;
    z-index:99999;
    color:var(--text-color)
}
#preloader .jumper {
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:block;
    position:absolute;
    margin:auto;
    width:50px;
    height:50px
}
#preloader .jumper > div {
    background-color:var(--surface-color);
    width:10px;
    height:10px;
    border-radius:100%;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute;
    opacity:0;
    width:50px;
    height:50px;
    -webkit-animation:jumper 1s 0s linear infinite;
    animation:jumper 1s 0s linear infinite
}
#preloader .jumper > div:nth-child(2) {
    -webkit-animation-delay:0.33333s;
    animation-delay:0.33333s
}
#preloader .jumper > div:nth-child(3) {
    -webkit-animation-delay:0.66666s;
    animation-delay:0.66666s
}
@-webkit-keyframes jumper {
    0% {
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    5% {
        opacity:1
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes jumper {
    0% {
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    5% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@media (min-width: 992px) {
    #about .right-content {
        height:100%;
        display:flex;
        align-items:stretch
    }
    #about .right-content .thumb {
        flex:1;
        position:relative
    }
    .video-container {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0
    }
    .video-container video {
        width:100%;
        height:100%;
        object-fit:cover
    }
    .navbar-nav {
        align-items: center;
    }
}
#carta .tabs-content {
    position:relative;
    display:block;
    min-height:300px;
    width:100%
}
#carta .tabs-content .col-lg-6 > .row {
    margin-left:0;
    margin-right:0
}
#carta .tabs-content .row > .left-list,#carta .tabs-content .row > .right-list {
    width:100%;
    padding-left:15px;
    padding-right:15px;
    box-sizing:border-box
}
#carta .tabs-content .left-list > .col-lg-12,#carta .tabs-content .right-list > .col-lg-12 {
    padding-left:0;
    padding-right:0
}
body {
    overflow-x:hidden
}
*,*::before,::after {
    box-sizing:border-box
}
@media (max-width: 992px) {
    body {
        overflow-x:hidden
    }
}