.bg-img-login {
    background-image: url('../../image/login.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /*width: 200px;*/
    background-position: center;
    height: 100vh;
}

.bg-img-sign {
    background-image: url('../../image/glory.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /*width: 200px;*/
    background-position: center;
    height: 100vh;
}

.background-opacity-parent {
    background-color: rgba(0,0,0,0.5);
}

.background-opacity-child {
    background-color: rgba(128,128,128,0);
}

.parallax {
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.text-orange {
    color: orange;
}

.font-s12 {
    font-size: 12px;
}

.fs-7{
    font-size: 14px;
}

.hover-black :hover {
    color: white;
    background-color: black;
}

.color-black{
    color:black;
}

.hover-red :hover {
    color: white;
    background-color: red;
}

.hover-lightgray :hover {
    background-color: lightgray;
}

::selection {
    background-color: #dc3545;
    color: white;
}

.parent {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.child {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
    box-sizing: content-box; /* So the width will be 100% + 17px */
}

/***********************************************/

@media (max-width: 1000px) {

    /* Adjust the breakpoint as needed */
    .hide-on-mobile {
        display: none;
    }
}


@media (min-width: 1000px) {

    /* Adjust the breakpoint as needed */
    .hide-on-laptop {
        display: none;
    }
}

.btn-1:hover {
    background-color: white;
    color: #14c4b0;
}

.btn-1 {
    color: white;
}


.border-hover-info:hover {
    border: 3px;
    border-color: #14c4b0;
}

.text-cyan {
    color: #14c4b0;
}

.background {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: black;
}

.text-grey {
    color: #9aa0a6;
}

.hover-crump:hover {
    color: #14c4b0;
}

.text-gold {
    color: goldenrod;
}

.text-cyan {
    color: #14c4b0;
}

.instagram {
    color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.breadcrumb {
    --bs-breadcrumb-divider-color: #14c4b0;
}