/* Icons */
i {
display: inline-block;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.law-icon {
display: inline-block;
width: 27px;
height: 27px;
background-color: #000;
--svg: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.play {
display: inline-block;
width: 27px;
height: 27px;
background-color: #fff;
--svg: url('data:image/svg+xml,');
}
.pause {
display: inline-block;
width: 27px;
height: 27px;
background-color: #fff;
--svg: url('data:image/svg+xml,');
}
.close {
display: inline-block;
width: 27px;
height: 27px;
background-color: red;
--svg: url('data:image/svg+xml,')
}
.notification {
display: inline-block;
width: 27px;
height: 27px;
background-color: #000;
--svg: url('data:image/svg+xml,');
}
.linkedin-icon {
display: inline-block;
width: 27px;
height: 27px;
background-color: var(--white);
--svg: url('data:image/svg+xml,');
}
.paymentbill-icon {
display: inline-block;
width: 24px;
height: 24px;
background-color: var(--white);
--svg: url('data:image/svg+xml,');
}
.down-arrow {
display: inline-block;
width: 30px;
height: 30px;
background-color: var(--white);
--svg: url('data:image/svg+xml,');
}
.btn-arrow {
display: inline-block;
width: 28px;
height: 21px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.link-arrow {
display: inline-block;
width: 18px;
height: 14px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.quote-icon {
display: inline-block;
width: 168px;
height: 125px;
background-color: rgba(2, 9, 46, 1);
--svg: url('data:image/svg+xml,');
}
.default-arrow {
display: inline-block;
width: 22px;
height: 16px;
background-color: rgba(2, 9, 46, 1);
--svg: url('data:image/svg+xml,');
}
.call {
display: inline-block;
width: 24px;
height: 24px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.fax {
display: inline-block;
width: 24px;
height: 24px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.map {
display: inline-block;
width: 24px;
height: 24px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.arrow1 {
display: inline-block;
width: 15px;
height: 18px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.arrow2 {
display: inline-block;
width: 15px;
height: 18px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.money-icon {
display: inline-block;
width: 70px;
height: 67px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.payoff-icon {
display: inline-block;
width: 70px;
height: 67px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.contact-icon {
display: inline-block;
width: 70px;
height: 67px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.shipping-icon {
display: inline-block;
width: 50px;
height: 50px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.call-icon {
display: inline-block;
width: 50px;
height: 50px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}
.hour-icon {
display: inline-block;
width: 50px;
height: 50px;
background-color: rgba(5, 9, 59, 1);
--svg: url('data:image/svg+xml,');
}