:root{
--new-gold:#B19F6F;
--new-light-gold:#E0D8B7;
}

.bg-gold{
    background-color: var(--new-gold);
}
@font-face {
    font-family: 'font-1';
    src: url('../fonts/EtherealDemo-SemiBold.otf') format('opentype');
}

.font-1{
    font-family: 'font-1';
    font-size: 30px;
}
.font-2{
    font-family: 'font-1';
}

.g-imgs{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
    aspect-ratio: 6/4;
}
.g-clients{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: contain;
    aspect-ratio: 6/4;
}

.bg-slider{
    width: 100%;
    height: 80vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.171);
    background-blend-mode: overlay;
}

.bg-light-gold{
    background-color: gainsboro;
}

.a-link .card-title:hover{
    color: var(--new-gold) !important;
    text-decoration: none;
}

.a-link img:hover{
    filter: brightness(90%);
}
.g-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1920 / 1440;
}

.tns-outer .tns-controls{
    opacity: 0;
    transition: all 0.5s;
}
.tns-outer:hover .tns-controls{
    opacity: 1;
    transition: all 0.5s;
}