body {
    background-image: url('../images/background/bg-empty.png');

    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.bg-primary-custom{
    background-image: url('../images/background/bg-empty.png');
    color: #141722;
}

.bg-secondary-custom{
    background-image: url('../images/background/bg-line.png');
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    color: #808080;
}

.bg-header-mobile-custom{
    background-color: #ffffff;
    color: #808080;
}

.bg-footer-custom {
    /* background-color: #74767c; */
    background: linear-gradient(to right, #4f4f4f, #9f9fa7);
    color: #ffffff !important;
}

.bg-sub-primary {
    /* background-color: #141722; */
    /* background-color: #74767c !important; */
    background: linear-gradient(to right, #4f4f4f, #9f9fa7);
    color: #ffffff !important;
}

.footer-title-custom{
    color: #f1f3f4 !important;
    opacity: 0.8 !important;
}

.section-sub-title{
    color: #f1f3f4;
}

.section-title{
    color: #636b78;
}

.section-content{
    color: #40454d;
}

.underline-hover-white-sm {
    display: inline-block;
    padding-bottom: 1px;
    background: linear-gradient(#ffffff 0 0) center bottom;
    /* background-position: 0 100%; */
    background-size: 0% 1px;
    background-repeat: no-repeat;
    transition: background-size 0.5s, background-position 0s 0.5s;
}

.underline-hover-black {
    display: inline-block;
    padding-bottom: 2px;
    background: linear-gradient(#000 0 0) center bottom;
    /* background-position: 0 100%; */
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.5s, background-position 0s 0.5s;
}

.underline-hover-white {
    display: inline-block;
    padding-bottom: 2px;
    background: linear-gradient(#ffffff 0 0) center bottom;
    /* background-position: 0 100%; */
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.5s, background-position 0s 0.5s;
}

/*
.top-10-important {
    top: -10%;
}

.pt-29 {
    padding-top: 29em;
} */

.underline-hover-black-sm:hover {
    /*background-position: 0% 100%;*/ /*OR bottom right*/
    background-size: 100% 1px;
}

.underline-hover-black:hover {
    /*background-position: 0% 100%;*/ /*OR bottom right*/
    background-size: 100% 2px;
}

.underline-hover-white:hover {
    /*background-position: 0% 100%;*/ /*OR bottom right*/
    background-size: 100% 2px;
}

.bg-header-custom {
    transition: 1s;
}

.md_header_active {
    color: grey !important;
}

.sm_header_active {
    background-color: grey;
}

/* <uniquifier>: Use a unique and descriptive class name */
/* <weight>: Use a value from 100 to 900 */

.montserrat-custom {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.montserrat-custom-400 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.montserrat-custom-500 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.montserrat-custom-600 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
 }

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }