.hr-bg-parallax {
  position:relative;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  z-index:2;
  padding:100px 0 80px;
  background-attachment:fixed
}
.background_overlay {
  top:0;
  left:0;
  width:100%;
  height:100%;
  position:absolute;
  z-index:0;
  background-color:rgb(0 0 0 / .7)
}
.rx-contact-text {
  padding-top:40px;
  padding-left:140px
}
.contact-left {
  padding-right:40px
}
.rx-contact-text .rx-contact-icon {
  width:90px;
  height:90px;
  line-height:65px;
  padding-top:12px;
  border-radius:100%;
  position:relative;
  background-color:var(--color-2)
}
.hr-bg-parallax .container {
  position:relative
}
.rx-contact-text .rx-contact-icon:before,
.rx-contact-text .rx-contact-icon:after {
  position:absolute;
  top:50%;
  left:50%;
  width:90px;
  height:90px;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  border-radius:50%;
  -webkit-box-shadow:0 0 0 0 var(--color-2);
  -ms-box-shadow:0 0 0 0 var(--color-2);
  -o-box-shadow:0 0 0 0 var(--color-2);
  box-shadow:0 0 0 0 var(--color-2);
  -webkit-animation:ripple 3s infinite;
  animation:ripple 3s infinite
}
.rx-contact-text .rx-contact-icon:before {
  -webkit-animation-delay:0.9s;
  animation-delay:0.9s;
  content:"";
  position:absolute
}
.rx-contact-text .rx-contact-icon i {
  color:#fff;
  font-size:45px
}
.rx-contact-text .rx-contact-icon:after {
  -webkit-animation-delay:0.6s;
  animation-delay:0.6s;
  content:"";
  position:absolute
}
.rx-contact-text-wrap {
  margin-top:55px
}
.rx-contact-text-wrap h4 {
  color:#fff;
  font-size:48px;
  font-weight:700;
  padding-bottom:35px;
  line-height:1.2;
  font-family:var(--font-03)
}
.ul-li-block ul {
  margin:0;
  padding:0
}
.ul-li-block ul li {
  display:block;
  list-style:none
}
.rx-contact-text-wrap ul li {
  margin-bottom:15px
}
.rx-contact-text-wrap ul li i {
  margin-right:15px;
  color:#c6ac82
}
.rx-contact-text-wrap ul li a {
  color:#d5d5d5
}
.rx-contact-form {
  padding:25px;
  margin-right:70px;
  background-color:#fff
}
.rx-contact-form input,
.rx-contact-form textarea {
  width:100%;
  height:45px;
  margin-bottom:15px;
  padding-left:20px;
  border:2px solid #e4e4e4
}
.rx-contact-form textarea {
  height:95px;
  padding-top:10px
}
.rx-contact-form button {
  border:none;
  width:100%;
  height:50px;
  font-weight:700;
  text-transform:uppercase;
  background-color:#c6ac82;
  -webkit-transition:0.3s all ease-in-out;
  -o-transition:0.3s all ease-in-out;
  transition:0.3s all ease-in-out
}
.rx-contact-form button:hover {
  color:#fff;
  background-color:#000
}
.rx-contact-form button i {
  margin-right:8px
}
@keyframes ripple {
  70% {
    -webkit-box-shadow:0 0 0 40px #fff0;
    box-shadow:0 0 0 40px #fff0
  }
  100% {
    -webkit-box-shadow:0 0 0 0 #fff0;
    box-shadow:0 0 0 0 #fff0
  }
}
@media screen and (max-width:991.98px) {
  .rx-contact-text {
    padding-left:0
  }
  .rx-contact-text .rx-contact-icon {
    margin:0 auto
  }
  .rx-contact-text-wrap {
    text-align:center
  }
  .rx-contact-form {
    margin-right:0;
    margin-top:30px
  }
  .hr-home-contect .row {
    row-gap:30px
  }
}
@media(max-width:767px) {
  .hr-bg-parallax {
    padding:50px 0 50px
  }
}
@media(max-width:575px) {
  .rx-contact-text-wrap h4 {
    font-size:28px;
    padding-bottom:15px;
    line-height:35px
  }
  .rx-contact-text-wrap {
    margin-top:35px
  }
  .contact-left {
    padding-right:0
  }
  .contact-left .info-box {
    padding:15px 15px!important
  }
  .info-box .icon {
    height:60px!important;
    font-size:16px!important;
    max-width:60px!important
  }
  .hr-info .info-box .icon img {
    width:35px;
    height:auto
  }
  .social-follow {
    margin-top:15px!important;
    column-gap:0px!important
  }
  .info-box .text p {
    margin:2px 0 0;
    font-size:14px;
    font-weight:500
  }
  .contact-right {
    padding:40px 10px!important
  }
  .title {
    font-size:24px!important;
    font-weight:600!important;
    margin-bottom:10px!important
  }
  .contact-right form .form-row {
    display:flex;
    gap:20px;
    margin-bottom:20px;
    flex-direction:column
  }
  .email-btn {
    border:none;
    padding:5px 14px;
    font-size:14px
  }
}
@media screen and (max-width:480px) {
  .hr-bg-parallax {
    padding:50px 0
  }
}
.hr-home-contact {
  padding:60px 0;
  background:#fff;
  font-family:"Poppins",sans-serif
}
.contact-left .info-box {
  display:flex;
  align-items:center;
  background:#000;
  padding:18px 22px;
  border-radius:12px;
  margin-bottom:20px
}
.info-box .icon {
  width:100%;
  height:50px;
  background:#fff;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  margin-right:10px;
  font-size:20px;
  max-width:50px
}
.info-box .text h4 {
  margin:0;
  font-size:16px;
  color:#fff;
}
.info-box .text p {
  margin:2px 0 0;
  font-size:17px;
  font-weight:500;
  color: var(--color-2);
}
.social-follow {
  margin-top:25px;
  display:flex;
  align-items:center;
  column-gap:10px
}
.social-follow span {
  font-weight:600;
  color:#0a3c3d
}
.social-follow a {
  margin-left:15px;
  font-size:20px;
  color:#fff;
  cursor:pointer
}
.contact-right {
  background:#003c3c;
  padding:40px;
  border-radius:20px;
  color:#fff
}
.email-btn {
  background:var(--color-2);
  color:#fff;
  border:none;
  padding:8px 18px;
  border-radius:20px;
  margin-bottom:18px;
  cursor:pointer;
  font-size:16px;
  width:max-content
}
.title {
  font-size:34px;
  font-weight:600;
  margin-bottom:20px
}
.contact-right form .form-row {
  display:flex;
  gap:20px;
  margin-bottom:20px
}
.contact-right form input,
.contact-right form textarea {
  width:100%;
  padding:14px;
  border-radius:10px;
  border:none;
  background:var(--color-2);
  color:#fff;
  background: var(--color-2) !important;
}
.contact-right form textarea {
  height:100px;
  resize:none;
  margin-bottom:20px
}
.send-btn {
  background:#f5b431;
  padding:12px 30px;
  border-radius:25px;
  border:none;
  color:#000;
  font-weight:600;
  cursor:pointer
}
.social-follow ul {
  display:flex;
  align-items:center;
  margin:0;
  column-gap:10px
}
.social-follow ul li {
  list-style:none;
  background:#003c3c;
  border-radius:50%;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center
}
.social-follow ul li a {
  margin:0;
  text-align:center
}
@media(max-width:576px) {
  .social-follow ul li {
    width:35px;
    height:35px
  }
}