body,html{
    overflow-x: hidden;
    position: relative;
    font-family: "ElMessiri";
    background-color: #eceef0;
    padding: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    overflow-x: hidden;

}
body{
    padding-top: 80px;
}
.medium{
    font-size: .8rem;
}
.text-fay{
color: #179e9a;
}
.text-pag{
    color: #968e81;
}
.text-grey{
    color: #b5b9a8;
}
.bg-fay{
background: #179e9a;
}
.bg-pag{
    background: #968e81;
}
.btn-pag{
    background: #968e81;
    transition: all ease .2s;
}
.btn-pag:hover{
    background: #179e9a;
}
.bg-light2{
    background: #b5b9a8;
}
.f-bold{
    font-weight: bold;
}
.f-bolder{
    font-weight: bolder;
}
.radius-10{
    border-radius: 1rem;
}
.radius-20{
    border-radius: 2rem;
}
.navbar-brand img{
    height: 60px;;
    width: auto;
    margin-left: 50px;
}
.btn{
    border-radius: 0;
}
.nav-link{
    color: #968e81;
    font-size: small;
    transition: all .2 ease-in-out;
}
.nav-link:hover{
    background-color: #179e9a;
    color: white;
}
.nav-item.active .nav-link {
    color: #179e9a;
    font-weight: bolder;
}
.nav-item.active .nav-link:hover {
    background-color: #179e9a;
    color: white;
}
header{
    background-position: center;
    background-size: cover;
    height: 600px;
    width: 100%;
    background-repeat: no-repeat;
}
header .row{
    height: 600px;
}
.font-huge{
    font-size: 4rem;
    font-weight: bolder;
}
.text-underline{
    display: inline-block;
    position: relative;
    font-size: medium;
    font-weight: bolder;

}
.text-underline-fay{
    display: inline-block;
    position: relative;
    font-size: medium;
    font-weight: bolder;

}
.bg-fixed{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.text-underline::after{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background-color:white;
    margin-bottom: -10px;
}
.text-underline-fay::after{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background-color:#179e9a;
    margin-bottom: -10px;
}
.card{
    border-radius: 10px;

}
.card-img-top{
    border-radius: 10px;
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.card-title{
    color: #179e9a;
    font-weight: bold;
}
.card-text{
    color: #968e81;
}