﻿:root {
    --next: #0056B3;
    --delete: red;
    --option: #F0B400;
    --confirm: #208163;
    --bg-confirm-light: #BCD9D0;
    --print: #208163;
    --bg-print-light: #BCD9D0;
    --manage: #c4510b;
    --white: #ffffff;
    --sospended: #93a5be;
    --onrequest: #6EA510;
    --payed: #0056B3;
    --bg-payed: #D3D3D3;
    --bg-delete: #f77182;
    --bg-info: #dadada;
}

.ml-one-image img {
	max-width: 100%;
}

.img4Courosel-full-3img-text {
    background-repeat: no-repeat;
    background-size: auto 460px;
    height: 450px;
    background-position: center center;
}

    .img4Courosel-full-3img-text img {
        height: 220px;
    }

.img4Courosel-full-6img-text {
    background-repeat: no-repeat;
    background-size: auto 250px;
    height: 250px;
    background-position: center center;
}

.img3-Over-btntext {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* min-height: 28vh; */
    background-position: center center;
    aspect-ratio: 3 / 2;
}

.imgTop-Over-text {
    object-fit: cover;
    height: 600px;
    width: 100%;
    opacity: 0.5;
}
    .imgTop-Over-text-button {
        position: absolute;
        bottom: 10px;
        left: 0;
    }
.imgTop-Over-text-top {
    position: absolute;
    top: 10px;
    left: 0;
}

.backGround-engine-template {
    object-fit: cover;
    height: 600px;
    width: 100%;
    opacity: 0.5;
}

.backGround-engine-template-top {
    position: absolute;
    bottom: 10px;
    left: 0;
}

.backGround-out {
    object-fit: cover;
    height: 500px;
    width: 400px;
    opacity: 0.9;
    background-color: #d4af37;
}
.backGround-out-3images {
        margin: 1.5rem;
        object-fit: cover;
        height: 416px;
        width: 297px;
        opacity: 0.9;
        background-color: #d4af37;
}

.banner-container {
    max-width: 1280px;
    margin: 0 auto;
}

.banner-card {
    border-radius: 2rem;
    border-radius: 2rem;
}

.banner-card-image-aspect6-7 {
    aspect-ratio: 6/7;
}
.banner-card-image-aspect4-3 {
    aspect-ratio: 4/3;
}
.banner-card-image-aspect3-2 {
    aspect-ratio: 3/2;
}

.banner-card-image-aspect1-2-5 {
    aspect-ratio: 1/1.5;
}

.banner-price-custom {
    background-color: #E6D0B4;
}
.banner-subtitle-bg {
    background-color: #F3E9DC;
}

.banner-card-image21-9 {
    aspect-ratio: 21/9;
}

.banner-button {
    color: #CDC2AA;
}

.banner-card-image {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    object-fit: cover;
    width: 100%;
}

.banner-icon {
    max-width: 38px;
    aspect-ratio: 1/1;
}

.banner-icon-64px {
    max-width: 64px;
    aspect-ratio: 1/1;
}

.custom-glamour-header {
    width: 100%;
    z-index: 2555;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8)
}

.travelplace40-custom-layout,
.glamour-custom-layout {
    position: relative;
    overflow-x: hidden;
}


.bg-banner {
    background-color: #FDFCF8;
}

.banner-card-price {
    background-color: #CDC2AA;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}


.banner-card-custom-image {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    aspect-ratio: 3/2;
}

.banner-detailed-card-title {
    height: 58px;
}

.banner-3images-container-absolute {
    bottom: -106px;
}
.bg-banner-going-filter {
    background-color: rgba(0, 0, 0, 0.3);
    width: 95%;
    height: 100%;
}

.banner-card-body-overflow {
    margin-top: -74px;
    background-color: white;
    width: 80%;
}

.banner-card-image-aspect28-44 {
    aspect-ratio: 28/44;
}