/* Common -- Start */

/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); */

/*@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Headline:wght@200..700&display=swap');*/


@font-face {
    font-family: 'Venera';
    font-weight: 500;
    src: url('../fonts/Venera500.eot');
    src: url('../fonts/Venera500.eot') format('embedded-opentype'),
        url('../fonts/Venera500.woff2') format('woff2'),
        url('../fonts/Venera500.woff') format('woff'),
        url('../fonts/Venera500.ttf') format('truetype'),
        url('../fonts/Venera500.svg#Venera500') format('svg');
}

@font-face {
    font-family: 'Venera';
    font-weight: 300;
    src: url('../fonts/Venera300.eot');
    src: url('../fonts/Venera300.eot') format('embedded-opentype'),
        url('../fonts/Venera300.woff2') format('woff2'),
        url('../fonts/Venera300.woff') format('woff'),
        url('../fonts/Venera300.ttf') format('truetype'),
        url('../fonts/Venera300.svg#Venera300') format('svg');
}

@font-face {
    font-family: 'Venera';
    font-weight: 700;
    src: url('../fonts/Venera700.eot');
    src: url('../fonts/Venera700.eot') format('embedded-opentype'),
        url('../fonts/Venera700.woff2') format('woff2'),
        url('../fonts/Venera700.woff') format('woff'),
        url('../fonts/Venera700.ttf') format('truetype'),
        url('../fonts/Venera700.svg#Venera700') format('svg');
}

@font-face {
    font-family: 'Venera';
    font-weight: 900;
    src: url('../fonts/Venera900_2.eot');
    src: url('../fonts/Venera900_2.eot') format('embedded-opentype'),
        url('../fonts/Venera900_2.woff2') format('woff2'),
        url('../fonts/Venera900_2.woff') format('woff'),
        url('../fonts/Venera900_2.ttf') format('truetype'),
        url('../fonts/Venera900_2.svg#Venera900_2') format('svg');
}


@font-face {
    font-family: 'Lausanne';
    src: url('../fonts/LausanneRegular.eot');
    src: url('../fonts/LausanneRegular.eot') format('embedded-opentype'),
        url('../fonts/LausanneRegular.woff2') format('woff2'),
        url('../fonts/LausanneRegular.woff') format('woff'),
        url('../fonts/LausanneRegular.ttf') format('truetype'),
        url('../fonts/LausanneRegular.svg#LausanneRegular') format('svg');
}

body {
    font-family: "Lausanne";
}


.aic {
    align-items: center;
}

a {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.right_arrow {
    padding-left: 10px;
    height: unset !important;
}
.primary_btn {
    padding: 8px 40px;
    background: linear-gradient(0deg, #0D0D0D, #0D0D0D), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    font-family: "Lausanne";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 7px;
}

.secondary_btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 150px;
    padding: 0;
    overflow: hidden;
    position: relative;
    font-family: "Lausanne";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    background-color: #ffffff;
    color: #000;
    border: 2px solid #ffffff;
    /* keep border always to prevent jump */
    border-radius: 7px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Overlapping text */
.secondary_btn span {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    transition: transform 0.35s cubic-bezier(.4, 0, .2, 1);
}

/* Default */
.secondary_btn .label-up {
    transform: translateY(0);
}

/* Hidden below */
.secondary_btn .label-down {
    transform: translateY(100%);
}

/* Hover slide */
.secondary_btn:hover .label-up {
    transform: translateY(-100%);
}

.secondary_btn:hover .label-down {
    transform: translateY(0);
}


.outline_secondary_btn {
    display: inline-flex;
    height: 49px;
    line-height: 50px;
    padding: 0;
    overflow: hidden;
    position: relative;
    font-family: "Lausanne";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 7px;
    color: #000;
    background: transparent;
    transition: all 0.3s ease;
    width: 150px;
    align-items: center;
    justify-content: center;
}

/* Hover effect (optional subtle fill) */


/* Shared label styles */
.outline_secondary_btn span {
    display: block;
    height: 100%;
    transition: transform 0.35s cubic-bezier(.4, 0, .2, 1);
}

/* Default position */
.label-up {
    transform: translateY(0);
}

/* Hidden below */
.label-down {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
}

/* Hover animation */
.outline_secondary_btn:hover .label-up {
    transform: translateY(-100%);
}

.outline_secondary_btn:hover .label-down {
    transform: translateY(-100%);
}


.danger_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    font-family: "Lausanne";
    font-weight: 500;
    font-size: 16px;
    background-color: #9E735B;
    color: #fff;
    border: 2px solid #9E735B;
    border-radius: 7px;
    transition: all 0.3s ease;
    cursor: pointer;
}




/* Overlapping text setup */
.danger_btn span {
    display: block;
    height: 60%;
    transition: transform 0.35s cubic-bezier(.4, 0, .2, 1);
    font-size: 15px;

}

/* Default */
.danger_btn .label-up {
    transform: translateY(0);
}

/* Hidden below */
.danger_btn .label-down {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
}

/* Hover slide */
.danger_btn:hover .label-up {
    transform: translateY(-100%);
}

.danger_btn:hover .label-down {
    transform: translateY(-134%);
}


.danger_btn:hover {
    border: 2px solid #9E735B;
    background-color: #fff;
    color: #000;

}

.outline_secondary_btn:hover {
    border: 1px solid #000;

}

.cutting_edge_sol .danger_btn {
    justify-content: center;
}

.banner_btn .danger_btn:hover,
.depot-actions .danger_btn:hover,
.predictive-buttons .danger_btn:hover,
.btn-row .danger_btn:hover {
    color: #000;
}

.price-badge .danger_btn:hover {
    color: #9E735B;
}

@media screen and (max-width: 1400px) {
    .secondary_btn {
        font-size: 14px;
    }

    .danger_btn {
        font-size: 13px;
    }

    .primary_btn {
        font-size: 14px;
    }

    .outline_secondary_btn {
        font-size: 14px;
    }
}