/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.sherwin-customer .box:hover .box-image img {
	opacity: .2;
}
.sherwin-customer .box .box-image .image-cover{
	padding:0 !important;
    position: unset;
}

.sherwin-customer .box .box-image .image-cover .overlay{
	display:none !important;
}
.sherwin-customer .box .box-image {
    position: absolute !important;
    top: 0;
    right: -30px;
}
.sherwin-customer .box .box-image img {
    width: 120px;
    height: auto;
    opacity: .06;
    -webkit-animation: rotate 2.5s linear infinite;
    animation: rotate 2.5s linear infinite;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
    position: unset !important;
}


.sherwin-customer .box {
    padding: 45px 35px !important;
}
.sherwin-customer .box .box-text {
  position:relative;
    padding: 0 !important;
}

.sherwin-customer .box .box-text h5 {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
}
.sherwin-customer .box .box-text .is-divider {
    display: none;
}

.sherwin-customer .box:hover:before {
    width: 350px !important;
    height: 350px !important;
    -webkit-transform: scale(3) translate3d(-50%, 50%, 0);
    transform: scale(3) translate3d(-50%, 50%, 0);
    background: rgba(253,164,33,0.7);
    -webkit-box-shadow: 0 0 0 20px rgb(253 164 33 / 30%), 0 0 0 40px rgb(253 164 33 / 20%);
    box-shadow: 0 0 0 20px rgb(253 164 33 / 30%), 0 0 0 40px rgb(253 164 33 / 20%);
}
.sherwin-customer .box:before {
    content: '';
    width: 130px;
    height: 130px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    display: block;
    top: auto;
    background: #fda421;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}