.hr-footer {
  background-color:#151B20;
  position:relative;
  overflow-x:hidden
}
.hr-footer .hr-main-footer {
  padding:100px 0 70px 0
}
/*.hr-footer .hr-main-footer .hr-footer-info {
  padding-right:40px
}*/
.hr-footer .hr-main-footer .hr-footer-info .hr-brand {
  margin-bottom: 20px;
  border-right: .5px solid gray;
}
.hr-footer .hr-main-footer .hr-footer-info .hr-brand .hr-brand-link {
  display:inline-block
}
.hr-footer .hr-main-footer .hr-footer-info .hr-brand .hr-brand-link img {
  width: 170px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.hr-footer-info h3 {
  font-size: 24px;
  color: #fff;
  font-family: var(--font-02);
}
.hr-footer .hr-main-footer .hr-footer-info .hr-footer-about {
  color: #fff;
  font-size: 16px;
  line-height: 135%;
  margin-bottom: 20px;
}
.hr-footer .hr-main-footer .hr-footer-info .hr-footer-social .nav .nav-item {
  margin-right:10px
}
.hr-footer .hr-main-footer .hr-footer-info .hr-footer-social .nav .nav-item:last-child {
  margin-right:0
}
.hr-footer .hr-main-footer .hr-footer-info .hr-footer-social .nav .nav-item .nav-link {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--white);
  border-radius: 50px;
  border: 1px solid #fff;
}
.hr-footer .hr-main-footer .hr-footer-info .hr-footer-social .nav .nav-item .nav-link:hover {
  color:var(--white);
  border:1px solid var(--color-3);
  background-color:var(--color-3)
}
.hr-footer .hr-main-footer .hr-footer-social .nav .nav-item {
  margin-right:10px
}
.hr-footer .hr-main-footer .hr-footer-social .nav .nav-item:last-child {
  margin-right:0
}
.hr-footer .hr-main-footer .hr-footer-social .nav .nav-item .nav-link {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	color: #fff;
	border-radius: 50%;
	background-color: #000;
	line-height: 40px;
	text-align: center;
}
.hr-footer .hr-main-footer .hr-footer-social .nav .nav-item .nav-link:hover {
  color:var(--white);
  background-color:var(--color-7)
}
.hr-footer .hr-main-footer .hr-footer-menu .hr-titel {
  margin-bottom: 30px;
  color: var(--white);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -.5px;
  line-height: 30px;
  text-transform: capitalize;
  position: relative;
  font-family: var(--font-02);
}

.hr-footer-info h3 {
  font-size: 24px;
  color: #fff;
  font-family: var(--font-02);
  width: max-content;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.hr-footer-info h3::after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: none;
  height: 3px;
  width: 100px;
  background-image: -webkit-linear-gradient(left, var(--color-3), transparent);
  background-image: linear-gradient(to right, var(--color-3), transparent);
  content: '';
  height: 1px;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.hr-footer .hr-main-footer .hr-footer-menu .hr-titel:after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: none;
  height: 3px;
  width: 100px;
  background-image: -webkit-linear-gradient(left, var(--color-3), transparent);
  background-image: linear-gradient(to right, var(--color-3), transparent);
  content: '';
  height: 2px;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.hr-footer .hr-main-footer .hr-footer-menu .hr-titel {
  margin-bottom: 30px;
  color: var(--white);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.5px;
  line-height: 30px;
  text-transform: capitalize;
  position: relative;
  font-family: var(--font-02);
  width: max-content;
  padding-bottom: 10px;
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .nav-link {
  padding: 0;
  margin-bottom: 10px;
  font-size: 1rem;
  color: var(--white);
  display: flex;
  column-gap: 8px;
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .nav-link:hover {
  color:var(--color-3)
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item:last-child .nav-link {
  margin-bottom:0
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .nav-link .hr-link-icon {
  padding-right:12px;
  color:var(--color-3)
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .hr-info {
  display:flex;
  align-items:center
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .hr-info .hr-icon {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--color-5);
  margin-right: 6px;
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .hr-info .hr-icon span {
  margin-top: 1px;
  color: #fff;
  background: var(--color-3);
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .hr-info .hr-detail {
  color:var(--white)
}
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .hr-info:hover .hr-icon,
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .nav-link:hover .hr-info .hr-detail,
.hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .nav-link:hover .hr-info .hr-icon {
  color:var(--color-3)
}
.hr-footer .hr-copyright {
  border-top:1px solid var(--border-02);
  padding:21px 0 20px 0;
  background-color:#151B20
}
.hr-copyright-wrap {
  padding:.75rem 0;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.hr-footer .hr-copyright p,
.hr-footer .hr-copyright p a {
  margin-bottom:0;
  color:#fff;
  font-size:15px
}
.hr-footer .hr-copyright p a {
  font-weight: 600;
  color: var(--color-3);
}
.hr-footer .hr-copyright .hr-link {
  font-weight:600
}
.hr-footer .hr-copyright p a:hover {
  color: #fff;
}
.hr-footer-contact {
  background-color:var(--color-6);
  position:relative;
  padding:50px 0 50px 0
}
.hr-footer-contact h3 {
  font-weight:600;
  color:#fff;
  margin-bottom:0;
  line-height:50px;
  font-size:30px
}
.hr-anchor {
  text-align:right
}
.footer-list {
  padding-left: 0;
  margin: 0;
  padding-right: 70px;
}
.hr-footer-menu {
  position: relative;
  z-index: 1;
}
.footer-list li {
  list-style-type:none;
  padding-left:25px;
  position:relative;
  margin-bottom:10px;
  font-size:15px;
  font-weight:400;
  color:#fff;
  padding-left:0
}
.footer-list li span {
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%)
}
.hr-footer .footer-shape-1 {
  position:absolute;
  bottom:105px;
  left:0;
  z-index:0;
  animation:movebounce 3s linear infinite
}
.hr-footer .footer-shape-2 {
  position:absolute;
  top:7%;
  left:0;
  z-index:0;
  animation:rotateme 7s linear infinite
}
.hr-footer .footer-shape-3 {
  position:absolute;
  top:7%;
  right:0;
  z-index:0;
  animation:movebounce 3s linear infinite
}
.hr-footer .footer-shape-4 {
  position: absolute;
  right: 9%;
  bottom: 16%;
  z-index: 0;
  animation: pulse 2s infinite ease-in-out alternate;
}
@keyframes movebounce {
  0% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(20px)
  }
  100% {
    transform:translateY(0)
  }
}
@keyframes rotateme {
  from {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(360deg)
  }
}
#scrollToTopBtn {
  position:fixed;
  bottom:15px;
  right:15px;
  font-size:18px;
  line-height:15px;
  width:45px;
  height:45px;
  background:var(--color-3);
  text-align:center;
  border:0;
  border-radius:50%;
  z-index:100;
  cursor:pointer;
  display:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease
}
#scrollToTopBtn:after {
  position:absolute;
  z-index:-1;
  content:'';
  top:100%;
  left:5%;
  height:10px;
  width:90%;
  opacity:1;
  background:-webkit-radial-gradient(center,ellipse,rgb(0 0 0 / .25) 0%,#fff0 80%);
  background:-webkit-radial-gradient(center ellipse,rgb(0 0 0 / .25) 0%,#fff0 80%);
  background:radial-gradient(ellipse at center,rgb(0 0 0 / .25) 0%,#fff0 80%)
}
#scrollToTopBtn:hover {
  background-color:#000
}
#scrollToTopBtn i {
  font-size:16px
}
.arcticons--up-banking {
  display:inline-block;
  width:35px;
  height:35px;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M18.197 37.95H6.617a.884.884 0 0 1-.77-1.326l1.713-2.958m32.192-1.585l2.63 4.543a.883.883 0 0 1-.765 1.325H26.04m-9.525-19.747L23.35 6.401a.884.884 0 0 1 1.534 0h0l6.392 11.041' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M40.513 25.094a6 6 0 0 0-.502-2.304a6.91 6.91 0 0 0-7.719-4.178c-.58.09-1.152.232-1.707.424a1.02 1.02 0 0 0-.884-.353h-2.065a.55.55 0 0 0-.525.382c-.299.812-2.914 7.992-3.755 10.224a1.98 1.98 0 0 1-2.161 1.409a1.16 1.16 0 0 1-.77-.525a1.08 1.08 0 0 1-.138-.86l.036-.12c.084-.292.179-.626.292-.924l3.29-8.678a.55.55 0 0 0-.52-.752H20.95a1.08 1.08 0 0 0-1.087.764a182 182 0 0 1-1.492 4.088a74 74 0 0 0-.758 2.16c-.299.884-.597 1.791-.968 2.68a4.05 4.05 0 0 1-1.068 1.648a3.3 3.3 0 0 1-2.669.638c-1.247-.256-1.42-1.486-1.379-2.172a7.5 7.5 0 0 1 .526-2.077c.597-1.546 1.713-4.62 2.579-6.882a.54.54 0 0 0-.06-.513a.48.48 0 0 0-.454-.245h-2.238a1.37 1.37 0 0 0-.747.215q-.996.75-1.868 1.641a26.3 26.3 0 0 1-3.516 2.984a.6.6 0 0 0-.25.46a.54.54 0 0 0 .238.466a.6.6 0 0 0 .49.047h.053c.346-.065 1.116-.262 2.836-.704a20 20 0 0 0-1.26 4.005a5.6 5.6 0 0 0 1.236 4.655c1.79 2.137 4.734 2.22 6.716 1.397a5.2 5.2 0 0 0 1.79-1.325a4.54 4.54 0 0 0 3.97 1.623l-.37 1.003l-.143.394a224 224 0 0 1-1.79 4.775c-.144.335-.11.72.089 1.026c.218.297.569.467.937.454h2.012a.555.555 0 0 0 .525-.37c.322-.925.824-2.292 1.301-3.629l.49-1.355l1.194-3.348l.483-1.349q.32.373.693.692a6.94 6.94 0 0 0 5.802 1.588a8.96 8.96 0 0 0 4.734-2.28a8.78 8.78 0 0 0 2.985-6.9Zm-4.137.704a5.47 5.47 0 0 1-2.532 4.106c-.711.46-1.54.71-2.388.716a2.985 2.985 0 0 1-2.853-2.107a5 5 0 0 1-.173-.698v-.37a5.7 5.7 0 0 1 1.343-3.432a4.7 4.7 0 0 1 3.397-1.719h.215a2.92 2.92 0 0 1 2.68 1.737c.277.545.385 1.16.31 1.767' stroke-width='1'/%3E%3C/svg%3E")
}

.footer-shape-2 img {
  width: 80px;
}
.footer-shape-4 img {
  width: 100px;
}
.footer-shape-3 img {
  width: 200px;
}

.news-letter {
  display: flex;
  align-items: center;
  column-gap: 40px;
  position: relative;
  z-index: 1;
}
.news-letter-left h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 500;
}
.news-letter-right {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.news-letter-right input {
  padding: 13px 20px;
  border-radius: 5px;
  width: 290px;
  border-radius: 3px !important;
}
.cta-btn.newsletterbtn {
  text-align: right;
  float: right;
}
.submit-btn {
  padding: 14px 20px;
  display: flex;
  column-gap: 10px;
  font-size: 16px;
  font-weight: 500;
  background: var(--color-3);
  border: none;
  color: #fff;
  border-radius: 3px;
}
.news-letter-left p {
  color: #ddd;
}
.footer-head {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #fff;
}
@media(max-width:1400px){
  .news-letter-left h2 {
  font-size: 32px;
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .footer-list li {
    font-size:14px
  }
  .hr-footer .footer-shape-1 {
    max-width:55px
  }
  .hr-footer .footer-shape-2 {
    top:6%
  }
  .hr-footer .footer-shape-3 {
    max-width:100px
  }
}
@media(max-width:1200px){
  .news-letter-right input {
  width: 240px;
}
}
@media only screen and (min-width:992px) and (max-width:1080px) {
  .hr-footer .hr-main-footer .hr-footer-menu .nav .nav-item .nav-link {
    word-break:break-word
  }
}
@media screen and (max-width:992px) {
  .hr-footer .hr-main-footer .hr-footer-info,
  .hr-footer .hr-main-footer .hr-footer-menu {
    margin-bottom:30px
  }
  .hr-copyright-wrap {
    flex-direction:column;
    justify-content:center
  }
  .hr-copyright-wrap p {
    margin-bottom:12px;
    text-align:center
  }
  .hr-copyright-wrap p:last-child {
    margin-bottom:0
  }
  .hr-footer-contact h3 {
    text-align:center
  }
  .hr-anchor {
    text-align:center;
    margin-top:20px
  }
  .news-letter .row {
  row-gap: 20px;
}
  .hr-footer .hr-main-footer .hr-footer-info .hr-brand {
  margin-bottom: 20px;
  border-right: none;
}

}
@media(max-width:767px){

}
@media(max-width:576px){
  .cta-btn.newsletterbtn {
  text-align: right;
  float: left;
}
.hr-footer .footer-shape-2 {
  top: 14px;
}
.footer-shape-2 img {
  width: 60px;
}
.footer-shape-3 img {
  width: 120px;
}
.hr-footer .hr-main-footer {
  padding: 50px 0 20px 0;
}
}