/**feature box**/
.feature-box002{
  border: 0px solid #f1f3f6;
  padding: 0;
  background-color: transparent !important;
  margin-bottom: 0;
}

.feature-box002 .sppb-addon-feature .sppb-addon-text {
  font-size: 15px;
}
.feature-box002 .sppb-addon-feature:hover {
  color: #6a45ca;
}
.feature-box002 .sppb-addon-feature:hover .sppb-addon-text,
.feature-box002
  .sppb-addon-feature:hover
  .sppb-addon-title.sppb-feature-box-title,
.feature-box002 .sppb-addon-feature:hover .sppb-icon span i {
  color: #6a45ca !important;
}
@media only screen and (max-width: 480px) {
  .feature-box002 .sppb-addon-feature .sppb-addon-title {
    margin-bottom: 0px !important;
}
}



@media only screen and (max-width: 480px){
  .sppb-section.icon-joinus .sppb-addon-feature .sppb-icon .sppb-icon-container {
    margin-bottom: 0px !important;
}
  .sppb-section.icon-joinus .sppb-addon-feature .sppb-icon .sppb-icon-container >i {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
}
}


.contact-info{
  position:relative;
  overflow:visible;
  background-image: linear-gradient(45deg, #8659d3 0%, #6944c9 100%);
}
.contact-info:before{
    content:" ";
  background:linear-gradient(0deg, #f8e433 50%,#f8e433 50%);
  position:absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  z-index:-1;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
 animation:movingRotate 5s infinite;
}
@keyframes movingRotate {
  0%{transform:translate(0px,0px) rotate(0deg)}
  50%{transform:translate(-10px,-5px) rotate(5deg)}
  100%{transform:translate(0px,0px) rotate(0deg)}
}
.feature-box span.sppb-img-container{
  border-radius:100%;
  /* width:100%; */
  /* height:100%; */
  position:relative;
  max-width: 150px;
  margin: auto;
}
.feature-box span.sppb-img-container:before {
  content:" ";
  background:linear-gradient(0deg, #fff 50%,#fff 50%);
  position:absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  z-index:-1;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border-radius:100%;
  /* border:10px solid #fff; */
  transition:all 0.6s;
}
.feature-box:hover span.sppb-img-container:before {
 background:linear-gradient(90deg, #fff 50%,#fed929 50%);
 animation-name : rotate;
animation-duration : 1s ;
animation-iteration-count : infinite , infinite ;
animation-direction : alternate , alternate ;
animation-timing-function: ease-in-out;

}
.feature-box img {
  border-radius:100%;
  transition:all 0.6s;
}

.feature-box img:hover {
transform:  scale(1.05);
}



.feature-box002 span.sppb-img-container{
  border-radius:100%;
  /* width:100%; */
  /* height:100%; */
  position:relative;
  max-width: 150px;
  margin: auto;
}
.feature-box002 span.sppb-img-container:before {
  content:" ";
  background: linear-gradient(0deg, #66c8cd 50%,#66c8cd 50%);
  position:absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  z-index:-1;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border-radius:100%;
  /* border:10px solid #fff; */
  transition:all 0.6s;
}
.feature-box002:hover span.sppb-img-container:before {
 background: linear-gradient(90deg, #fff 50%,#66c8cd 50%);
 animation-name : rotate;
 animation-duration : 1s;
 animation-iteration-count : infinite , infinite;
 animation-direction : alternate , alternate;
 animation-timing-function: ease-in-out;
}
.feature-box002 img {
  border-radius:100%;
  transition:all 0.6s;
}

.feature-box002 img:hover {
transform:  scale(1.05);
}

/*.feature-box img:hover {
animation-name : rotate;
animation-duration : 1s ;
animation-iteration-count : infinite , infinite ;
animation-direction : alternate , alternate ;
animation-timing-function: ease-in-out;
}*/

@keyframes rotate {
from { transform: rotate(360deg) scale(1.05); }
to { transform: rotate(0) scale(1.05); }
}
@media(max-width:767px){
  .feature-box span.sppb-img-container,
  .feature-box002 span.sppb-img-container{
    max-width:80px;
  }
}

