* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all .1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

    *::-webkit-scrollbar-track {
        background-color: #fff;
        width: 5px;
        height: 5px;
    }

    *::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #fff;
    }

    *::-webkit-scrollbar-thumb {
        border-radius: 0px;
        width: 5px;
        border-radius: 10px;
        background-color: #9c9c9c;
    }
.mybg {
    background: hsla(338, 85%, 52%, 1);
    background: linear-gradient(90deg, hsla(338, 85%, 52%, 1) 0%, hsla(2, 84%, 64%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(338, 85%, 52%, 1) 0%, hsla(2, 84%, 64%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(338, 85%, 52%, 1) 0%, hsla(2, 84%, 64%, 1) 100%);
}
.mybgh:hover {
    background: hsla(338, 85%, 52%, 1);
    background: linear-gradient(90deg, hsla(338, 85%, 52%, 1) 0%, hsla(2, 84%, 64%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(338, 85%, 52%, 1) 0%, hsla(2, 84%, 64%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(338, 85%, 52%, 1) 0%, hsla(2, 84%, 64%, 1) 100%);
    color:#fff!important;
}
.mybgh:hover > a {
    color: #fff !important;
}

.hero-wrap{
    min-height:60vh
}
.my-img{
    width:100%;
    height:200px;
    object-fit:contain;
}
img{
    width:100%;
    height:unset;
    object-fit:cover
}
.navbar-brand img{
    width:80px
}


.navbar-collapse.collapsed .navbar-nav {
 background-color:#fff;
 border-radius:10px;
}