

.projects .image-part .meta-info {

    position: absolute;

    bottom: 5px;

}

.projects .image-part {

    position: relative;

    overflow: hidden;

}

.pr_inner {

    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);

    padding: 10px;

    border-radius: 5px;

    background: #fff;    

}

.projects .blog-meta .cat_list a {

    font-size: 12px;

    color: #f3f346;

    background: #6b63a9;

    padding: 10px 15px;

    text-decoration: none;

}

.projects .blog-meta .meta-info {

    position: absolute;

    bottom: 0;

}

.projects .blog-meta  {

    margin: 0;

    list-style: none;

    padding: 0;

}

.projects .blog-content .title a {

    font-size: 18px;

    font-weight: 700;

    color: #30373E;

    text-decoration: none;

}

.projects .blog-content .btn-part {

    display: flex;

    justify-content: flex-end;

}

.projects .blog-content .btn-part a {

    color: #6c5da6;

    outline: none;

    border-radius: 0;

    border: none;

    padding: 5px 0;

    text-decoration: none;

    font-size: 14px;    

}

.pr_title h2{

    font-weight: 700;

}

.simple_image_boxes img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    border-radius: 10px;

}

.vc_col_right {

    display: flex;

    justify-content: center;

    flex-direction: column;

}

.about_vacantion {

    position: relative;

    display: table;

    table-layout: fixed;

    width: 100%;

    background: #fde428;

    padding: 23px 32px;

    color: #404040;

}

.about_vacantion .info {

    display: table-cell;

    line-height: 26px;

    padding: 0 10px;

    font-size: 13px;

}

.about_vacantion .info .text {

    overflow: hidden;

}

.about_vacantion .info .text strong {

    display: block;

    color: #222;

    font-size: 14px;

}

.about_vacantion .info .icon {

    float: left;

    width: 30px;

}

.projects_gallery .title h3 {

    text-align: center;

    margin: 0;

    padding: 0;

    font-family: Arial;

    text-transform: uppercase;

    color: #6b63a9;

}

.projects_gallery .title h3 span {

    display: block;

    color: #300a0a;

    font-size: 20px;

    margin-bottom: 10px;

}

section.projects {

    position: relative;

    background: url(../img/DIES-Model.jpg);

    background-position: center;     
    background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;   

}

section.projects::before {

    content: "";

    position: absolute;

    background: url(../img/home_about_bg1.svg);

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    z-index: -1;

}

section.projects::after {

    content: "";

    position: absolute;

    background: url(../img/home_about_bg1.svg);

    right: 0;

    bottom: 0;

    width: 500px;

    height: 500px;

    background-repeat: no-repeat;

    z-index: -1;

    transform: rotate(360deg);

}

section.pr-inner{

  position: relative;

}

section.pr-inner::before {

    content: "";

    position: absolute;

    background: url(../img/home_about_bg1.svg);

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    z-index: -1;

}

section.pr-inner::after {

    content: "";

    position: absolute;

    background: url(../img/home_about_bg1.svg);

    right: 0;

    bottom: 0;

    width: 500px;

    height: 500px;

    background-repeat: no-repeat;

    z-index: -1;

    transform: rotate(360deg);

}

.pro_overlay {

    position: absolute;

    top: 0;

    bottom: 0px;

    left: 0;

    right: 0;

/*    background: url(../img/home_owl1.png);*/

    background: linear-gradient(0deg, rgb(108 93 166 / 77%), transparent);

    background-repeat: round;

    opacity: 0;

    transition: .3s ease;

}

.image-part:hover .pro_overlay {

    opacity: 1;

    transition: .3s ease;

}

.owl-progallery .owl-nav button.owl-prev {

    padding: 0 15px;

    left: -45px;

    position: absolute;

    top: 40%;

    transition: .3s;

}

.owl-progallery .owl-nav button.owl-prev:hover {

    left: -50px;

    transition: .3s;

}

.owl-progallery .owl-nav button.owl-next {

    right: -55px;

    position: absolute;

    top: 40%;

    transition: .3s;

}

.owl-progallery .owl-nav button.owl-next img {

    padding: 0 15px;

    transition: .3s;

    transform: rotate(-180deg);

}

.owl-progallery .owl-nav button.owl-next:hover {

    right: -60px;

    transition: .3s;

}

.owl-progallery .owl-nav [class*=owl-]:hover{

  background: transparent !important;

}

.owl-progallery .owl-nav{

  margin-bottom: 0;

  margin-top: 0 !important;

}

.owl-progallery {

    position: relative;

}































@media(min-width:768px){

.projects .blog-content .title {

    border-bottom: 1px solid #E3E3E3;

    padding-bottom: 15px;

    line-height: 20px;    

}

.projects .blog-content {

    padding: 15px 0 0 0;

    background: #fff;

}

.pr_title h2 {

    font-size: 40px;

}

.pr_title p {

    max-width: 70%;

    margin: auto;

}

}





@media(min-width:992px){

.pr_inner {

    margin-bottom: 25px;

}

}







@media(max-width:991px){

.pr_inner {

    margin-bottom: 15px;

}

}







@media(max-width:767px){

.projects .blog-content .title {

    border-bottom: 1px solid #E3E3E3;

    padding-bottom: 10px;

}

.projects .blog-content {

    padding: 10px 0 0 0;

    background: #fff;

}

.pr_title h2 {

    font-size: 25px;

}

}









@media(min-width:576px) and (max-width:767px){

.projects .blog-content .title a {

    font-size: 18px;

}

}

































