/**************************************
	 This is custom css.
***************************************/
.slider--two .slide {
    background-size: contain !important;
    background-color: #272727;
}
.logo img {
    width: 150px;
    filter: invert(57) brightness(10.5);
}
.instagram_area .slick-slide img {
    max-height: 330px;
    width: 100%;
    object-fit: cover;
}

.work_area.bg-cat--3 .work h3 {
    font-size: 19px;
    min-height: 48px;
}

button.whitebtn {
    margin-top: 20px;
    padding: 10px 40px;
    border-color: #fff;
    color: #fff;
    text-transform: uppercase;
}
.about_area img {
    max-height: 530px;
    width: 100%;
    object-fit: cover;
}
ul.social_icon {
    list-style: none;
    display: flex;
        justify-content: flex-end;
        align-items: center;
}
ul.social_icon li {
    margin-right: 30px;
}
ul.social_icon li a img {
    width: 30px;
}
.whatsapp-ico {fill: white;width: 50px;height: 50px;padding: 3px;background-color: #4dc247;border-radius: 50%;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);margin-right: 10px;}
    .whatsapp-ico:hover {box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.7);} 
    .whatsapp-icon-box {position: fixed;bottom: 60px;right: 0px;z-index: 99;display: flex;justify-content: center;align-items: center;}
    .whatsapp-icon-text {font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background-color: #4DC248;
    padding: 8px;
    border: 1px solid #4DC248;
    border-radius: 6px;
    display: none;
    margin-right: 8px;}
    svg.whatsapp-ico {
    animation: 2s infinite ring;
}
    .whatsapp-icon-box:hover .whatsapp-icon-text {display: block;}
    
    @-webkit-keyframes ring{
        15% {
    box-shadow: 0 0 0 4px rgba(151, 255, 146, 0.5);
    }
    25% {
        box-shadow: 0 0 0 8px rgba(151, 255, 146, 0.5), 0 0 0 16px rgba(151, 255, 146, .3);
    }
    
    30% {
        box-shadow: 0 0 0 12px rgba(151, 255, 146, .3), 0 0 0 24px rgba(151, 255, 146, 0.5);
    }
    }
@media only screen and (max-width: 767px) {
    footer .logo img{
        width: 110px;
    }
    .work_area.bg-cat--3 .work h3 {
        font-size: 18px;
    min-height: auto;
    }
    ul.social_icon{
        justify-content: center;
    }
    .working_wrapper .work_process .work{
        margin-bottom: 15px;
    }
}