.hr-contact-wrap {
    display: flex;
    align-items: center;
}
.hr-contact-wrap .hr-contact-img img {
    border-radius: 10px 0;
}
.hr-contact-wrap .hr-contact-content {
    padding: 32px 30px 40px;
    border: 1px solid #eee;
    border-radius: 0 10px 10px 0;
    min-width: 350px;
    max-width: 350px;
    width: 100%;
}
.hr-contact-wrap .hr-contact-content h3 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-10);
    font-family: var(--font-02t);
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
}
.hr-contact-wrap .hr-contact-content h3:after {
    content: url('https://www.thecharismaofindia.ca/public/assets/images/icons/contact-title-vec.5933d368.svg');
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -22px;
}
.hr-contact-wrap .hr-contact-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.hr-contact-wrap .hr-contact-content ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.hr-contact-wrap .hr-contact-content ul li .hr-icon {
    margin-right: 12px;
}
.hr-contact-wrap .hr-contact-content ul li .hr-icon span{
    color: var(--color-3);
}
.hr-contact-wrap .hr-contact-content ul li .hr-content a {
    font-size: 1.125rem;
    font-weight: 400;
    color: #5e5e5e;
    font-family: var(--font-01);
    transition: .35s;
}
.hr-contact-wrap .hr-contact-content ul li:last-child {
    margin-bottom: 0;
}
.hr-contact-form {
    background-image: url('https://www.thecharismaofindia.ca/public/assets/images/backgrounds/contact-bg.webp');
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
    padding: 100px 30px;
    position: relative;
    z-index: 1;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-top: 60px;
}
.hr-contact-form:after {
    content: "";
    background: linear-gradient(98.3deg, rgba(111, 73, 2, .2) .45%, transparent 162.03%), linear-gradient(269.66deg, rgba(0, 2, 3, .51) .28%, #09161d 99.7%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 10px;
}
@media (max-width: 1700px) {
    .hr-contact-wrap .hr-contact-img img {
        width: 100%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .hr-contact-wrap .hr-contact-img img {
        border-radius: 10px 0 0 10px;
    }
    .hr-contact-wrap .hr-contact-content ul li .hr-content a {
        font-size: 1rem;
    }
}