body {
    font-family: "Roboto", sans-serif;
}

a :hover {
    color: #ec6727 !important;
}

@media (min-width:992px){
    .app-container{
        padding-left:30px!important;padding-right:0px!important
    }
    .app-container-fit-desktop{
        padding-left:0!important;padding-right:0!important
    }
}

@media (max-width:991.98px){
    .app-container{
        max-width:none;padding-left:0px!important;padding-right:0px!important
    }
    .app-container-fit-mobile{
        padding-left:0!important;padding-right:0!important
    }

    .app-header{
        padding-left:30px!important;padding-right:20px!important
    }
}

.bg-gray-150{
    background-color:#f7f7fa;
}
.bg-hover-gray-150:hover{
    background-color:#f7f7fa;
}

.text-logater {
    color: #ec6727;
}

.text-logater:hover {
    color: #ec6727;
}

.hero-bg{
  position:absolute; inset:0;
  width: 100%; height: 100%;
  object-fit:cover; opacity: .30; pointer-events: none;
  z-index: -1;
  object-position: 80% 100%;
}

.bg-orange {
    background-color: #ec6727;
}