.contact-one__box {
    display: flex;
    align-items: center;
    text-align: left;
}
@media (min-width: 1200px){
.contact-one__box {
    margin-right: 30px;
}
}
.contact-one__box i {
    width: 65px;
    height: 65px;
    background-color: var(--thm-base);
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 500ms ease;
    border-radius: 50%;
}
[class^="pylon-icon-"], [class*=" pylon-icon-"] {
    font-family: 'pylon-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}