.syok-form{
    background-color: #183C38;
}
.syok-text-content h2 ,.syok-text-content p,.syok-text-content ul li{
    color: #fff;
}
.syok-text-content h2 {
    font-size: 3.5rem;
    line-height: 1.4;
    margin: 0.2em 0 0.5em;
}
.syok-text-content p ,.syok-text-content ul li {
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 0.2em 0 0.5em;
    font-family: GothamLight, sans-serif;
}

.media-section{
    /* background: linear-gradient(45deg, #b5840e4a, #1a3e3a12); */
}


/*Profile Card 5*/
.profile-card-5{
    margin-top:20px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #e6e6e6;
}
.profile-card-5:hover{
    border: 1px solid #183C38;
}
.profile-card-5 .btn{
    border-radius:2px;
    text-transform:uppercase;
    font-size:14px;
    padding:7px 20px;
}
.profile-card-5 .card-body {
    padding: 0 0.3rem;
    
}
.profile-card-5 .card-text {
    font-size: 18px;
    display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
    
}
.profile-card-5 .card-img-block {
    width: 98%;
    margin: 0 auto;
    position: relative;
    top: -20px;
    
}
.profile-card-5 .card-img-block img{
    border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,0.20);
}
.profile-card-5 h5{
    color: #b5840e;
    font-weight:400;
    margin: 0em 0 0.5em;
    display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.profile-card-5 p{
    font-weight:300;
    color:#1c1c1c;
}
.profile-card-5 .btn-primary{
    background-color:#B37738;
    border-color:#fff;
    margin-bottom: 0.8rem;
}
.page-title-section{
    position: relative;
}
.page-title-section img{
width: 100%;
height: 400px;
object-fit: cover;
}
.overlay-heading-section{
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(24, 60, 56 ,0.8);
}
.heading-container{
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.heading-container h2{
    color: #fff;
}
.media-section{
    padding-top: 3rem;
    padding-bottom: 3rem;
}