body.widget-snippet .header-call{
  padding:30px 70px;
  background:#292663;
  max-width: 300px;
}
body.widget-snippet .header-call p{
  opacity:unset;
}
body.widget-snippet .header-call:before{
    left:20px;
    top:35px;
}
.header-call{
 max-width:170px;
 padding:12px 0 0 45px;
 position:relative;
}
.header-call:before{
position:absolute;
content:'';
width:32px;
height:32px;
background:url("/template/48b3bac1/images/header-call-icon.svg");
top:10px;
left:0;
}
.header-call a{
  color: #84CDB4;
  font-size: 23px;
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none;
  padding:0;
  margin:0;
  text-align:left;
}
.header-call a:hover{
  color:#F0516F;
  text-decoration: none;
}

.header-call p{
  padding:0;
  margin:0;
  color: #FFF;
  font-size: 14px;
  font-family: Outfit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align:left;
}
@media screen and (max-width: 1500px){

    .header-call {
        max-width: 170px;
        padding: 11px 0 0 45px;
    }
}
@media screen and (max-width: 1400px){
    .header-call::before {
        width: 25px;
        height: 25px;
        background-size: 25px;
        top: 14px;
    }
    .header-call {
        padding: 11px 0 0 35px;
    }
}
@media screen and (max-width: 991px){
       .header-call {
        padding: 14px 0 0 35px;
    }
.header-call a {
  font-size: 20px;
}
}
@media screen and (max-width: 767px){
    .header-call a{
        font-size: 0;
        content:'';
        width:28px;
        height:28px;
        background:url("/template/48b3bac1/images/header-call-icon.svg");
        background-size: 28px;
        display:block;

    }
    .header-call::before {
        display: none;
    }
    .header-call p{
        font-size: 0;
    }
  .header-call {
  padding: 0;
    height:28px;
    width:28px;
}
  .header-call a:hover {
  background-position: 0 28px;
}
}