#project-banner{
    background-image:url(../image/ProjectPageBanner.jpg);
    height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
section#post-details {
    padding-top: 41px;
    padding-bottom: 40px;
}

.project-top-content h2 {
    font-weight: bold;
    margin-bottom: 29px;
}

ul.breadcrump {
    padding-left: 0;
    list-style: none;
}

ul.breadcrump li {
    display: inline-block;
    margin-right: 21px;
    font-size: 15px;
}
ul.breadcrump li span {
    margin-left: 24px;
}
ul.breadcrump li a {
    color: #000000a3;
    font-size: 17px;
    font-weight: 500;
}
.project-top-content {
    margin-bottom: 45px;
    border-bottom: 1px solid #00000024;
}
p.post-heading {
    font-size: 29px;
}
.project-img img {
    width: 100%;
    height: 205px;
    margin-bottom: 24px;
    border-radius: 4px;
}
/*=========================== project css file ========================*/





.project-item-img img {
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
    border-radius: 2px;
}

section#project-section {
    padding: 60px 0px;
}

.project-item-content h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.project-item-content p {
    font-size: 16px;
    opacity: .8;
}

.project-item-content {
    padding: 0px 29px;
}
.readmore-btn {
    padding-left: 28px;
    margin-top: 31px;
}

.readmore-btn a {
    background: #3a9fc7;
    color: #fff;
    padding: 11px 14px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 14px;
}

.project-item {
    border: 1px solid #0000001f;
    border-radius: 4px;
    padding-bottom: 8px;
    margin-bottom: 45px;
    box-shadow: -1px 5px 8px 0px #312d2d21;
}
.project-title {
    text-align: center;
    margin-bottom: 43px;
}

.project-title h2 {
    font-size: 45px;
    color:#298ab4;
    text-transform: uppercase;
}
.readmore-btn a:hover {
    background: #0c81af;
    transition: .6s;
}