:root {
  --finris-font: "DM Sans", sans-serif;
  --finris-font-two: "Koulen", sans-serif;
  --finris-gray: #5D6B81;
  --finris-gray-rgb: 93, 107, 129;
  --finris-base: #6232F8;
  --finris-base-rgb: 98, 50, 248;
  --finris-primary: #FEB72B;
  --finris-primary-rgb: 254, 183, 43;
  --finris-black: #243855;
  --finris-black-rgb: 36, 56, 85;
  --finris-white: #ffffff;
  --finris-white-rgb: 255, 255, 255;
  --finris-bdr-color: #E7E7E8;
  --finris-bdr-color-rgb: 231, 231, 232;
}

.row {
  --bs-gutter-x: 30px;
}

.fxeceef24 {
  --bs-gutter-y: 30px;
}

body {
  font-family: var(--finris-font);
  color: var(--finris-gray);
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--finris-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--finris-font-two);
  color: var(--finris-black);
  margin: 0;
}

p {
  margin: 0;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.fxb842fd7 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}


/*=============== scrollbar-Css =============*/
::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: var(--finris-base);
  border-radius: 10px;
}

::-webkit-scrollbar,
::-webkit-scrollbar {
  width: 8px;
  background-color: var(--finris-base);
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-image: linear-gradient(0deg, var(--finris-base) 0%, var(--finris-primary) 47.60%, var(--finris-primary) 99.23%);
}

.fxe703770::-webkit-scrollbar {
  width: 0px;
}





@media (min-width: 1320px) {
  .container {
    max-width: 1320px;
  }
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  opacity: 0.4;
  z-index: -1;
}


/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.fx1bbe359 {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--finris-base);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
}

.fx3da3b9a {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--finris-base);
  opacity: .3;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: width .3s, height .3s, opacity .3s;
  transition: width .3s, height .3s, opacity .3s;
  z-index: 999991;
}

.fxb131596 {
  background-color: var(--finris-base);
  opacity: 0.4;
}

.fxe3bd509 {
  width: 25px;
  height: 25px;
  opacity: .4;
}

/* Section Title Css */

.fxb7389c5 {
  position: relative;
  display: block;
  margin-bottom: 47px;
  z-index: 1;
}

.fxa0ac3de {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.fx3822bf4 {
  position: relative;
  display: flex;
  align-items: center;
}

.fx0a1df5a {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  background-color: var(--finris-base);
  transform: rotate(45deg);
  border-radius: 4px;
  z-index: 2;
}

.fxbef5cbd {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid var(--finris-black);
  transform: rotate(45deg);
  border-radius: 4px;
  margin-left: -8px;
  z-index: 1;
}

.fxbdb3105 {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  color: var(--finris-black);
  font-weight: 500;
}

.fx8057e8d {
  color: var(--finris-black);
  font-size: 48px;
  line-height: 1.2em;
  font-weight: 400;
  text-transform: uppercase;
  margin: 21px 0 0;
}

.fx8057e8d span {
  color: var(--finris-base);
  position: relative;
  display: inline-block;
}

.fx8057e8d .split-line {
  text-transform: uppercase;
}


.fx2fc4754 {
  position: relative;
  display: block;
  margin-bottom: 47px;
  z-index: 1;
}

.fx780ea66 {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.fxe9242da {
  position: relative;
  display: flex;
  align-items: center;
}

.fx6eb211d {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid var(--finris-black);
  border-radius: 50%;
  z-index: 1;
}

.fx854b22c {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  background-color: var(--finris-base);
  border-radius: 50%;
  margin-left: -9px;
  z-index: 1;
}

.fxda0aa6d {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 1em;
  color: var(--finris-base);
  font-weight: 400;
  font-family: var(--finris-font-two);
  text-transform: uppercase;
}

.fx82ad249 {
  color: var(--finris-black);
  font-size: 40px;
  line-height: 1.3em;
  font-weight: 400;
  text-transform: uppercase;
  margin: 21px 0 0;
}

.fx82ad249 span {
  color: var(--finris-base);
  position: relative;
  display: inline-block;
}

.fx82ad249 span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #6232F8 0%, rgba(98, 50, 248, 0) 100%);
}

.fx82ad249 .split-line {
  text-transform: uppercase;
}




/* Thm Btn Css */
.fxc6d61bd {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: var(--finris-base);
  color: var(--finris-white);
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  padding: 21px 30px 21px;
  overflow: hidden;
  border-radius: 12px;
  transition: all 0.5s linear;
  z-index: 1;
}

.fxc6d61bd>span {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  margin-right: 4px;
}


.fxc6d61bd::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50%;
  height: 0;
  visibility: hidden;
  background-color: var(--finris-black);
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}

.fxc6d61bd:hover:before {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}

.fxc6d61bd::after {
  position: absolute;
  background-color: var(--finris-black);
  bottom: 0;
  right: 0;
  content: "";
  width: 50%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}

.fxc6d61bd:hover::after {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}

.fxc6d61bd:hover {
  color: var(--finris-white);
}


.fx5db91ad {
  border-radius: 30px;
}





/*---------------------------------
     Preloader CSS
-----------------------------------*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 20000;
  overflow-x: hidden !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader div {
  width: 20px;
  height: 20px;
  margin: 0 10px 0;
  border-radius: 50px;
  transform-origin: 50% 0;
  display: inline-block;
  animation: bouncing 1.4s linear infinite;
}

.loader div:last-child {
  margin: 0;
}

.loader div:nth-child(1) {
  background-color: rgba(var(--finris-base-rgb), 1.0);
}

.loader div:nth-child(2) {
  background-color: rgba(var(--finris-base-rgb), 0.70);
  animation-delay: 0.2s;
}

.loader div:nth-child(3) {
  background-color: rgba(var(--finris-base-rgb), 0.40);
  animation-delay: 0.4s;
}

@keyframes bouncing {

  0%,
  100% {
    transform: translateY(0) scale(1, 1);
    animation-timing-function: ease-in;
  }

  45% {
    transform: translateY(50px) scale(1, 1);
    animation-timing-function: linear;
  }

  50% {
    transform: translateY(50px) scale(1.5, 0.5);
    animation-timing-function: linear;
  }

  55% {
    transform: translateY(50px) scale(1, 1);
    animation-timing-function: ease-out;
  }
}







/* scroll to top */
.fx24d6256 {
  display: flex;
  align-items: center;
  width: auto;
  height: 35px;
  background: transparent;
  position: fixed;
  bottom: 60px;
  right: -12px;
  z-index: 99;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
  cursor: pointer;
  transition: all 0.2s ease;
}

.fx24d6256:hover {
  color: var(--finris-base);
}

.fx719c048 {
  display: inline;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-left: 10px;
}

.fxa5cdbaf {
  display: inline-block;
  width: 30px;
  height: 4px;
  background-color: var(--finris-base);
  position: relative;
  overflow: hidden;
}

.fx33e3db5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--finris-black);
}

.fx24d6256.show {
  opacity: 1;
  visibility: visible;
  bottom: 70px;
}

/** xs sidebar **/
.fx5502701 .fxc561738 {
  left: 0%;
  top: 0;
  position: fixed;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all .4s ease-in .8s;
  -o-transition: all .4s ease-in .8s;
  transition: all .4s ease-in .8s;
  cursor: url(../images/icon/cross-out.png),
    pointer;
  z-index: 9999;
}

.fx5502701.isActive .fxc561738 {
  opacity: .8;
  visibility: visible;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s;
  transition: all .8s ease-out 0s;
  right: 100%;
}

.fx5502701 .fxb82a282 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px;
}

.fx5502701 .fxb82a282 a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fx5502701 .fxb82a282 a:hover {
  color: var(--finris-base);
  border-color: var(--finris-base);
}

.fxe703770 {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility: hidden;
  opacity: 0;
}

.fx5502701.isActive .fxe703770 {
  opacity: 1;
  visibility: visible;
  left: 0;
  background-color: var(--finris-black);
  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.fxd2d46f5 {
  padding: 70px 30px;
}

.fx154fce3 {
  position: relative;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in .3s;
  -o-transition: all .3s ease-in .3s;
  transition: all .3s ease-in .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fx5502701.isActive .fx154fce3 {
  top: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1s ease-out 1.2s;
  -o-transition: all 1s ease-out 1.2s;
  transition: all 1s ease-out 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fxc561738 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .8;
  z-index: 0;
}

.fx90353e6 {
  background-color: #000000;
}

.fx5502701 .fx2cc98ee .logo {
  position: relative;
  max-width: 172px;
  width: 100%;
  margin-bottom: 30px;
}

.fx5502701 .fx2cc98ee h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.fx5502701 .fx2cc98ee .fxd89b06f {
  margin-bottom: 30px;
  padding-right: 15px;
}

.fx5502701 .fx2cc98ee .fxd89b06f p {
  color: #ffffff;
}

.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 {
  position: relative;
  margin-bottom: 20px;
}

.fx5502701 .fx2cc98ee .fxc278138 .fxb181146:last-child {
  margin-bottom: 0px;
}

.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 input[type='text'],
.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 input[type='email'],
.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 15px;
  padding: 10px 20px;
  color: #848484;
  border: none;
  outline: none;
  transition: all 500ms ease;
}

.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 .fx7565c33 {
  border: none;
  outline: none;
  background-color: var(--finris-white);
  color: var(--finris-black);
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 21px 45px 21px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 .fx7565c33:hover {
  color: var(--finris-white);
}

.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 .fx7565c33:after {
  background-color: var(--finris-base);
}

.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 textarea {
  resize: none;
  height: 120px;
}

.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 input:focus,
.fx5502701 .fx2cc98ee .fxc278138 .fxb181146 textarea:focus {
  border-color: #00224f;
}



/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.fxa8beb10 {
  background: #fbe1ec!important;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  transition: all 500ms ease;
  z-index: 999;
}

.fxa8beb10:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  background-color: rgba(var(--finris-white-rgb), 0.05);
  z-index: -1;
}

.fxaabde65 {
  position: relative;
  display: block;
}

.fxbd0a689 {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(var(--finris-black-rgb), .10);
}

.fx54ffdd1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fx93faa4f {
  display: block;
}

.fx07fd871 {
  display: block;
  padding: 30.5px 0;
}

.fxff82db0 {
  display: block;
}

.fxe8612fe {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

.fxcd3797a {
  position: relative;
  display: block;
}

.fxe1835f5 {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 26px;
  color: var(--finris-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
}

.fxe1835f5:hover {
  color: var(--finris-base);
}

.fx24a6423 {
  position: relative;
  display: block;
}

.fx005e6c5 {
  position: relative;
  display: block;
}

.fx005e6c5 a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid var(--finris-black);
  border-radius: 50%;
  font-size: 20px;
  color: var(--finris-black);
}

.fx005e6c5 a:hover {
  border: 1px solid var(--finris-base);
  background-color: var(--finris-base);
  color: var(--finris-white);
}

.fxa776dfc.fxaabde65 {
  background-color: #fbe1ec;
}

.fxaabde65 .fx7694c16,
.fxaabde65 .fx7694c16>li>ul,
.fxaabde65 .fx7694c16>li>ul>li>ul,
.fxa776dfc .fx7694c16,
.fxa776dfc .fx7694c16>li>ul,
.fxa776dfc .fx7694c16>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}



@media (min-width: 1200px) {

  .fxaabde65 .fx7694c16,
  .fxaabde65 .fx7694c16>li>ul,
  .fxaabde65 .fx7694c16>li>ul>li>ul,
  .fxa776dfc .fx7694c16,
  .fxa776dfc .fx7694c16>li>ul,
  .fxa776dfc .fx7694c16>li>ul>li>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.fxaabde65 .fx7694c16>li,
.fxa776dfc .fx7694c16>li {
  padding-top: 27px;
  padding-bottom: 27px;
  position: relative;
}

.fxaabde65 .fx7694c16>li+li,
.fxa776dfc .fx7694c16>li+li {
  margin-left: 19px;
}

.fxaabde65 .fx7694c16>li>a,
.fxa776dfc .fx7694c16>li>a {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--finris-black);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  line-height: 16px;
  padding: 10px 15px 10px;
  border-radius: 18px;
}

.fxaabde65 .fx7694c16>li.current>a,
.fxaabde65 .fx7694c16>li:hover>a,
.fxa776dfc .fx7694c16>li.current>a,
.fxa776dfc .fx7694c16>li:hover>a {
  color: var(--finris-base);
}

.fxaabde65 .fx7694c16>li>a::before,
.fxa776dfc .fx7694c16>li>a::before {
  content: "";
  border: 1px solid var(--finris-black);
  border-radius: 18px;
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  top: 0;
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: 1;
}

.fxaabde65 .fx7694c16>li.current>a::before,
.fxaabde65 .fx7694c16>li:hover>a::before,
.fxa776dfc .fx7694c16>li.current>a::before,
.fxa776dfc .fx7694c16>li:hover>a::before {
  transform: scale(1, 1);
  transform-origin: right center;
  border: 1px solid var(--finris-base);
}

.fxaabde65 .fx7694c16>li.dropdown>a {
  padding-right: 30px;
}

.fxaabde65 .fx7694c16>li.dropdown>a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  font-family: "Font Awesome 5 Pro";
  content: "\f107";
  font-size: 14px;
  color: var(--finris-black);
  transform: translateY(-50%);
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.fxaabde65 .fx7694c16>li.current>a::after,
.fxaabde65 .fx7694c16>li:hover>a::after,
.fxa776dfc .fx7694c16>li.current>a::after,
.fxa776dfc .fx7694c16>li:hover>a::after {
  color: var(--finris-base);
}


img.clickMe {
  position: absolute;
  width: 30px;
  left: 21px;
  bottom: -22px;
  opacity: 0.20;
}



.fxaabde65 .fx7694c16>li>ul,
.fxaabde65 .fx7694c16>li>ul>li>ul,
.fxa776dfc .fx7694c16>li>ul,
.fxa776dfc .fx7694c16>li>ul>li>ul {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #121A46;
  min-width: 280px;
  padding: 25px 30px 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  transform: perspective(500px) rotatex(-20deg);
  transform-origin: 50% 0%;
  -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -khtml-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -moz-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -ms-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -o-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 9%);
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}

.fxaabde65 .fx7694c16>li:hover>ul,
.fxaabde65 .fx7694c16>li>ul>li:hover>ul,
.fxa776dfc .fx7694c16>li:hover>ul,
.fxa776dfc .fx7694c16>li>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
  transform: perspective(500px) rotatex(0);
}

.fxaabde65 .fx7694c16>li>ul>li>ul>li>ul,
.fxa776dfc .fx7694c16>li>ul>li>ul>li>ul {
  display: none;
}



.fxaabde65 .fx7694c16>li>ul>li,
.fxaabde65 .fx7694c16>li>ul>li>ul>li,
.fxa776dfc .fx7694c16>li>ul>li,
.fxa776dfc .fx7694c16>li>ul>li>ul>li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}

.fxaabde65 .fx7694c16>li>ul>li+li,
.fxaabde65 .fx7694c16>li>ul>li>ul>li+li,
.fxa776dfc .fx7694c16>li>ul>li+li,
.fxa776dfc .fx7694c16>li>ul>li>ul>li+li {
  border-top: 1px solid rgba(var(--finris-white-rgb), 0.05);
  margin-top: 0px;
}

.fxaabde65 .fx7694c16>li>ul>li>a,
.fxaabde65 .fx7694c16>li>ul>li>ul>li>a,
.fxa776dfc .fx7694c16>li>ul>li>a,
.fxa776dfc .fx7694c16>li>ul>li>ul>li>a {
  position: relative;
  display: flex;
  align-items: center;
  color: rgba(var(--finris-white-rgb), 0.80);
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  padding: 17px 0px 17px;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
}

.fxaabde65 .fx7694c16>li>ul>li:hover>a,
.fxaabde65 .fx7694c16>li>ul>li>ul>li:hover>a,
.fxa776dfc .fx7694c16>li>ul>li:hover>a,
.fxa776dfc .fx7694c16>li>ul>li>ul>li:hover>a {
  color: rgba(var(--finris-white-rgb), 1.0);
  padding-left: 5px;
}

.fxaabde65 .fx7694c16>li>ul>li.dropdown>a::before,
.fxaabde65 .fx7694c16>li>ul>li>ul>li.dropdown>a::before,
.fxa776dfc .fx7694c16>li>ul>li.dropdown>a::before,
.fxa776dfc .fx7694c16>li>ul>li>ul>li.dropdown>a::before {
  position: absolute;
  top: 50%;
  right: 0px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f105";
  font-size: 14px;
  color: var(--finris-white);
  transform: translateY(-50%) scale(1.0) rotate(0deg);
  -webkit-transition: 500ms;
  transition: 500ms;
}

.fxaabde65 .fx7694c16>li>ul>li.dropdown:hover>a::before,
.fxaabde65 .fx7694c16>li>ul>li>ul>li.dropdown:hover>a::before,
.fxa776dfc .fx7694c16>li>ul>li.dropdown:hover>a::before,
.fxa776dfc .fx7694c16>li>ul>li>ul>li.dropdown:hover>a::before {
  color: var(--finris-base);
  transform: translateY(-50%) scale(1) rotate(90deg);
}

.fxaabde65 .fx7694c16>li>ul>li>ul,
.fxa776dfc .fx7694c16>li>ul>li>ul {
  top: 0;
  left: 100%;
  border-left: 40px solid transparent;
  background-color: transparent;
  width: 320px;
}

.fxaabde65 .fx7694c16>li>ul>li>ul::before,
.fxa776dfc .fx7694c16>li>ul>li>ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  right: 0;
  background-color: #121A46;
}

.fxaabde65 .fx7694c16 li ul li>ul.fx9fd8f77,
.fxa776dfc .fx7694c16 li ul li>ul.fx9fd8f77 {
  top: 0;
  left: auto;
  right: 100%;
}








.fxa776dfc {
  position: fixed;
  z-index: 991;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  visibility: hidden;
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%);
  -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1199px) {
  .fxa776dfc {
    display: none !important;
  }
}

.fxa776dfc.fxe69995d {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.fxa776dfc .fx0415bb8 {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-right: 0;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.fx308bafd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .fx308bafd {
    display: none;
  }
}

.fx308bafd a {
  font-size: 20px;
  color: var(--finris-base);
  cursor: pointer;
}

.fx308bafd a+a {
  margin-left: 10px;
}

.fx308bafd a:hover {
  color: var(--finris-base);
}

.fxaabde65 .fx8ae75e9 {
  font-size: 20px;
  color: var(--finris-base);
  cursor: pointer;
  -webkit-transition: 500ms;
  transition: 500ms;
  position: relative;
  top: 2px;
}

.fxaabde65 .fx8ae75e9:hover {
  color: var(--finris-black);
}

@media (min-width: 1200px) {
  .fxaabde65 .fx8ae75e9 {
    display: none;
  }
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.fx552771f {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  visibility: hidden;
}

.fx552771f .container {
  padding-left: 0;
  padding-right: 0;
}

.fx552771f.expanded {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.fxfcfd053 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.5;
  cursor: pointer;
}

.fx6335659 {
  width: 300px;
  background-color: var(--finris-black);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.fx552771f.expanded .fx6335659 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.fx6335659 .fxb5cd368 {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fx5351b02 {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: var(--finris-white);
  cursor: pointer;
}

.fx6335659 .fx7694c16,
.fx6335659 .fx7694c16>li>ul,
.fx6335659 .fx7694c16>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.fx6335659 .fx7694c16>li>ul,
.fx6335659 .fx7694c16>li>ul>li>ul {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: 0.5em;
}

.fx6335659 .fx7694c16>li:not(:last-child),
.fx6335659 .fx7694c16>li>ul>li:not(:last-child),
.fx6335659 .fx7694c16>li>ul>li>ul>li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.fx6335659 .fx7694c16>li>a>.fx08aeafe {
  display: none !important;
}

.fx6335659 .fx7694c16>li>a,
.fx6335659 .fx7694c16>li>ul>li>a,
.fx6335659 .fx7694c16>li>ul>li>ul>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  font-family: var(--finris-font, "Rubik", sans-serif);
  font-weight: 500;
  height: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.fx6335659 .fx7694c16>li>a.expanded .fx6335659 .fx7694c16>li>ul>li>a.expanded .fx6335659 .fx7694c16>li>ul>li>ul>li>a.expanded {
  color: var(--finris-base);
}

.fx6335659 .fx7694c16 li a.expanded {
  color: var(--finris-base);
}

.fx6335659 .fx7694c16>li>a>button,
.fx6335659 .fx7694c16>li>ul>li>a>button,
.fx6335659 .fx7694c16>li>ul>li>ul>li>a>button {
  width: 30px;
  height: 30px;
  background-color: var(--finris-base);
  border: none;
  outline: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  padding: 0;
}

.fx6335659 .fx7694c16>li>a>button.expanded,
.fx6335659 .fx7694c16>li>ul>li>a>button.expanded,
.fx6335659 .fx7694c16>li>ul>li>ul>li>a>button.expanded {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: #fff;
  color: var(--finris-base);
}

/* no menu after 2rd level dropdown */
.fx6335659 .fx7694c16>li>ul>li>ul>li>a>button,
.fx6335659 .fx7694c16>li>ul>li>ul>li>ul {
  display: none !important;
}

.fx6335659 .fx7694c16 li.fx18889aa span {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.fx6335659 .fx7694c16 li.fx18889aa i {
  font-size: 16px;
}

.fxab5f2a6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.fxab5f2a6 .fx57f4b2a a {
  color: var(--finris-text-dark);
}

.fx9568528 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.fx108f20d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fx108f20d a {
  font-size: 16px;
  color: var(--finris-white);
  -webkit-transition: 500ms;
  transition: 500ms;
}

.fx108f20d a+a {
  margin-left: 30px;
}

.fx108f20d a:hover {
  color: var(--finris-base);
}

.fx0ec32b6 {
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.fx0ec32b6 li {
  color: var(--finris-text-dark);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fx0ec32b6 li+li {
  margin-top: 15px;
}

.fx0ec32b6 li a {
  color: #ffffff;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.fx0ec32b6 li a:hover {
  color: var(--finris-base);
}

.fx0ec32b6 li>i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--finris-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 11px;
  margin-right: 10px;
  color: #fff;
}

.fx9568528 .fx4173c4e,
.fx9568528 .fx8d8700a,
.fx9568528 .fx965d6dd,
.fx9568528 .fx57f4b2a {
  display: none;
}



/*--------------------------------------------------------------
# Megamenu Popup
--------------------------------------------------------------*/
.fx9568528 .fx7694c16>.megamenu.fxa50aab0>ul,
.fxaabde65 .fx7694c16>.megamenu.fxa50aab0>ul,
.fxa776dfc .fx7694c16>.megamenu.fxa50aab0>ul {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100vw;
  height: 100vh;
  visibility: visible;
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100px);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
  z-index: 999999;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  padding: 0;
  background-color: #121A46;
  display: block !important;
  margin: 0;
}

.fx7694c16>li.fxa50aab0>ul::-webkit-scrollbar {
  display: none;
}

.fx9568528 .fx7694c16>.megamenu.fxa50aab0>ul.fxb7b39cd,
.fxaabde65 .fx7694c16>.megamenu.fxa50aab0>ul.fxb7b39cd,
.fxa776dfc .fx7694c16>.megamenu.fxa50aab0>ul.fxb7b39cd {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
  transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
}




body.fx5f150c5 {
  overflow: hidden;
}

body.fx5f150c5 .fxa776dfc {
  bottom: 0;
}

body.fx5f150c5 .fx6335659 {
  overflow: unset;
}

.fx6335659 .fx8564d72 .container {
  padding-left: 15px;
  padding-right: 15px;
}

.fxef5ab6e {
  position: relative;
}

.fxef5ab6e .fx0e663cb {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--finris-white);
  background-color: rgba(255, 255, 255, 0.2);
}



@media (min-width: 1300px) {
  .fxef5ab6e .fx0e663cb {
    top: 0px;
    right: 0px;
  }
}

.fxef5ab6e .fx0e663cb:hover {
  color: var(--finris-primary);
}





.fxef5ab6e .fx0e663cb span {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  color: currentColor;
  transition: all 500ms ease;
}

.fxef5ab6e .fx0e663cb span::before,
.fxef5ab6e .fx0e663cb span::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.fxef5ab6e .fx0e663cb span::after {
  transform: translate(-50%, -50%) rotate(45deg);
}

/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.fx8564d72 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.fx8564d72 .row {
  --bs-gutter-y: 30px;
  justify-content: center;
}

.fx0dd4f00 {
  background-color: var(--finris-white);
  box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
  text-align: center;
  border-radius: var(--finris-bdr-radius);
  transition: 500ms ease;
  transform: translateY(0px);
}

.fx0dd4f00:hover {
  transform: translateY(-10px);
}

.fx30839c0 {
  position: relative;
  overflow: hidden;
  border-top-left-radius: var(--finris-bdr-radius);
  border-top-right-radius: var(--finris-bdr-radius);
}

.fx30839c0 img {
  max-width: 100%;
  width: 100%;
  border-top-left-radius: var(--finris-bdr-radius);
  border-top-right-radius: var(--finris-bdr-radius);
  transition: filter 500ms ease;
  filter: blur(0px);
}

.fx0dd4f00:hover .fx30839c0 img {
  filter: blur(2px);
}

.fx1418726 {
  background-color: rgba(var(--finris-black-rgb), .70);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  transform: scale(1, 0);
  transition: transform 500ms ease, opacity 600ms linear;
  transform-origin: top center;
  opacity: 0;
}

.fx0dd4f00:hover .fx1418726 {
  transform: scale(1, 1);
  opacity: 1;
  transform-origin: bottom center;
}

.fx42742ce {
  margin: 0;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  color: var(--finris-white);
  background-color: var(--finris-base);
  text-transform: uppercase;
  padding-top: 18px;
  padding-bottom: 16px;
  letter-spacing: 0.09em;
}

.fx42742ce a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}

.fx42742ce a:hover {
  background-size: 100% 1px;
}

.fx6e62045 {
  padding: 19px 20px 19px;
  width: 155px;
  text-align: center;
}

.fx6e62045::after {
  background-color: var(--finris-white);
}

.fx6e62045:hover {
  color: var(--finris-black);
}


@media (max-width: 1199px) {
  .fx1418726 {
    flex-direction: column;
  }
}



/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.fxde14c36 {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  transition: all 500ms ease;
  z-index: 999;
}

.fxde14c36:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  background-color: rgba(var(--finris-white-rgb), 0.02);
  z-index: -1;
}

.fx22740c2 {
  position: relative;
  display: block;
}

.fx015c961 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 55px 9px;
  border-bottom: 1px solid rgba(var(--finris-white-rgb), .10);
}

.fxc048b52 {
  position: relative;
  display: flex;
  align-items: center;
}

.fxc048b52 li {
  position: relative;
  display: flex;
  align-items: center;
}

.fxc048b52 li+li {
  margin-left: 46px;
}

.fxc048b52 li:before {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 2px;
  left: -23px;
  width: 1px;
  background-color: rgba(var(--finris-white-rgb), .20);
}

.fxc048b52 li:first-child:before {
  display: none;
}

.fxc048b52 li .icon {
  position: relative;
  display: flex;
  align-items: center;
}

.fxc048b52 li .icon i {
  font-size: 16px;
  color: var(--finris-primary);
  position: relative;
  display: inline-block;
}

.fxc048b52 li .text {
  margin-left: 10px;
}

.fxc048b52 li .text p {
  font-size: 16px;
  font-weight: 400;
  color: var(--finris-white);
  text-transform: uppercase;
  font-family: var(--finris-font-two);
  letter-spacing: 0.03em;
  line-height: 16px;
}

.fxc048b52 li .text p a {
  color: var(--finris-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fxc048b52 li .text p a:hover {
  color: var(--finris-primary);
}

.fx1db806c {
  font-size: 16px;
  font-weight: 400;
  color: var(--finris-white);
  text-transform: uppercase;
  font-family: var(--finris-font-two);
  letter-spacing: 0.03em;
  line-height: 16px;
}

.fx71ac74d {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.fx4ce1c5e {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.fxe8b3e4f {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.fxe8b3e4f span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: var(--finris-primary);
}

.fx2edb49e {
  font-size: 16px;
  font-weight: 400;
  color: var(--finris-white);
  text-transform: uppercase;
  font-family: var(--finris-font-two);
  letter-spacing: 0.03em;
  line-height: 16px;
  margin-left: 10px;
}

.fxf8d2620 {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 40px;
}

.fxf8d2620 a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid rgba(var(--finris-white-rgb), .10);
  border-radius: 5px;
  font-size: 15px;
  color: var(--finris-white);
  background-color: transparent;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: 1;
}

.fxf8d2620 a:hover {
  color: var(--finris-white);
  border: 1px solid var(--finris-primary);
}

.fxf8d2620 a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--finris-primary);
  transform: scale(0.5);
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: -1;
}

.fxf8d2620 a:hover::before {
  transform: scale(1.0);
  opacity: 1;
}

.fxf8d2620 a+a {
  margin-left: 5px;
}

.fx32ca47d {
  position: relative;
  display: block;
}

.fx9cb4f92 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 55px;
}

.fx473ba6d {
  display: block;
}

.fxb291189 {
  display: block;
  padding: 30.5px 0;
}

.fxb438b8a {
  display: block;
}

.fx27cd058 {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

.fx7ba9abf {
  position: relative;
  display: flex;
  align-items: center;
}

.fxc0ec9c7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background-color: var(--finris-base);
  border-radius: 50%;
  color: var(--finris-white);
  font-size: 17px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fxc0ec9c7:hover {
  background-color: var(--finris-primary);
  color: var(--finris-white);
}

.fx90c75d6 {
  position: relative;
  display: block;
  margin-left: 10px;
}

.fx484d872 {
  font-size: 14px;
  font-weight: 400;
  color: rgba(var(--finris-white-rgb), .90);
  line-height: 14px;
  font-family: var(--finris-font-two);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.fx90d048b {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 6px;
  font-family: var(--finris-font-two);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.fx90d048b a {
  color: var(--finris-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fx90d048b a:hover {
  color: var(--finris-primary);
}

.fx5edacb9 {
  position: relative;
  display: flex;
  align-items: center;
}

.fx4cb756e {
  position: relative;
  display: block;
}

.fx216036b {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--finris-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
}

.fx216036b:hover {
  color: var(--finris-primary);
}

.fxbe007f3 {
  position: relative;
  display: block;
  margin-left: 20px;
}

.fxc821b8e {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--finris-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fxc821b8e:hover {
  color: var(--finris-primary);
}

.fx237e343::after {
  background-color: var(--finris-white);
}

.fx237e343:hover {
  color: var(--finris-black);
}


.fx84e4567 .fx7694c16>li>a,
.fxa776dfc.fx84e4567 .fx7694c16>li>a {
  color: var(--finris-white);
}

.fx84e4567 .fx7694c16>li>a::before,
.fxa776dfc.fx84e4567 .fx7694c16>li>a::before {
  border: 1px solid var(--finris-primary);
}

.fx84e4567 .fx7694c16>li.dropdown>a:after {
  color: var(--finris-white);
}

.fx84e4567 .fx7694c16>li.current>a,
.fx84e4567 .fx7694c16>li:hover>a,
.fxa776dfc.fx84e4567 .fx7694c16>li.current>a,
.fxa776dfc.fx84e4567 .fx7694c16>li:hover>a {
  color: var(--finris-primary);
}

.fx84e4567 .fx7694c16>li.current>a::before,
.fx84e4567 .fx7694c16>li:hover>a::before,
.fxa776dfc.fx84e4567 .fx7694c16>li.current>a::before,
.fxa776dfc.fx84e4567 .fx7694c16>li:hover>a::before {
  border: 1px solid var(--finris-primary);
}

.fx84e4567 .fx7694c16>li.current>a::after,
.fx84e4567 .fx7694c16>li:hover>a::after,
.fxa776dfc.fx84e4567 .fx7694c16>li.current>a::after,
.fxa776dfc.fx84e4567 .fx7694c16>li:hover>a::after {
  color: var(--finris-primary);
}


.fxa776dfc.fx84e4567 {
  background-color: var(--finris-black);
}



/*--------------------------------------------------------------
# Navigations three
--------------------------------------------------------------*/
.fx3d18ca0 {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  transition: all 500ms ease;
  z-index: 999;
}






/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.fx60d4d2c {
  position: fixed;
  left: 0;
  top: 0;
  height: 120px;
  width: 100%;
  z-index: 99999;
  transform: translateY(-100%);
  transition: all 0.5s;
}

.fxb23dab8 .fx60d4d2c {
  transform: translateY(0%);
}

.fx60d4d2c .fx1efe23a {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 120px;
  width: 100%;
  background-color: var(--finris-base);
  transition: all 0.5s;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
}

.fxbd21e8d .fx60d4d2c {
  display: none;
}

.fx60d4d2c .fx45f0743 {
  position: absolute;
  right: 25px;
  top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0%;
  cursor: pointer;
  color: #ffffff;
  font-size: 30px;
  transition: all 0.5s;
  border: none;
  opacity: 0;
  transform: translateX(100px);
  visibility: hidden;
  z-index: 9999;
}

.fx60d4d2c .fx45f0743:hover {
  color: var(--finris-base);
  background-color: rgba(255, 255, 255, 1.0);
}

.fxb23dab8 .fx60d4d2c .fx45f0743 {
  opacity: 1;
  transform: translateX(0px);
  visibility: visible;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}




.fx60d4d2c form {
  position: absolute;
  max-width: 700px;
  top: 25px;
  left: 0px;
  right: 0px;
  margin: 0px auto 0;
  opacity: 0;
  transition: all 0.5s;
  z-index: 999;
}

.fxb23dab8 .fx60d4d2c form {
  opacity: 1;
}

.fx60d4d2c .fxb181146 {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
}

.fx60d4d2c .fxb181146 input[type="text"],
.fx60d4d2c .fxb181146 input[type="search"] {
  position: relative;
  display: block;
  background-color: rgba(255, 255, 255, 1.0);
  font-size: 18px;
  color: var(--finris-black);
  height: 70px;
  width: 100%;
  padding: 10px 30px 10px 75px;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  text-transform: capitalize;
  border: 0px solid rgba(0, 0, 0, 0.10)
}

.fx60d4d2c .fxb181146 input[type="text"],
.fx60d4d2c .fxb181146 input[type="search"]:focus {
  outline: none;
}

.fx60d4d2c .fxb181146 input[type="submit"],
.fx60d4d2c .fxb181146 button {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 70px;
  background: var(--finris-black);
  text-align: center;
  font-size: 20px;
  color: var(--finris-white);
  padding: 0;
  cursor: pointer;
  border: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 60px;
}

.fx60d4d2c .fxb181146 button i {
  font-style: normal;
}

.fx60d4d2c .fxb181146 input[type="submit"]:hover,
.fx60d4d2c .fxb181146 button:hover {
  background-color: var(--finris-primary);
}

.fx60d4d2c input::placeholder {
  color: var(--finris-black);
}






/*--------------------------------------------------------------
# Edit All Css
--------------------------------------------------------------*/
.fxc5eb1e1::after {
  background-color: var(--finris-white);
}

.fxc5eb1e1::before {
  background-color: var(--finris-white);
}

.fxc5eb1e1:hover {
  color: var(--finris-black);
}

.fxad0a31b {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  padding: 5px 9px 5px;
  border-radius: 13px;
  gap: 5px;
}

.fxad0a31b span {
  font-size: 10px;
}

.fx811f45f {
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  font-size: 15px;
  line-height: 15px;
  padding: 19px 25px 19px;
}

.fx27fd566 {
  border: none;
}

.fxd4c0189 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  padding: 21px 25px 21px;
  gap: 5px;
  border-radius: 30px;
}

.fxd4c0189 i {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

/*--------------------------------------------------------------
# Carousle Dot Style
--------------------------------------------------------------*/

.fxc20bc03.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.fxc20bc03.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.fxc20bc03.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.fxc20bc03.owl-carousel .owl-dots {
  position: absolute;
  bottom: -50px;
  left: 0px;
  right: 0;
  text-align: center;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fxc20bc03.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--finris-base);
  margin: 0px 5px;
  padding: 0px;
  transition: all 100ms linear;
  transition-delay: 0.1s;
}

.fxc20bc03.owl-carousel .owl-dot.active {
  width: 10px;
  height: 10px;
  background-color: var(--finris-black);
}

.fxc20bc03.owl-carousel .owl-dot:focus {
  outline: none;
}

.fxc20bc03.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

.fx54c99ed::after {
  background-color: var(--finris-white);
}

.fx54c99ed:hover {
  color: var(--finris-black);
}




.fx07fd871 img, .logo img{
  max-width: 150px;
}

html{
  overflow-x: hidden;
}

.fxd9821bc .logo img{
  filter: brightness(0) invert(1);
}

.fxd9821bc .fx7694c16{
  list-style: none!important;
  padding-left: 0;
}
.fxd9821bc .fx7694c16 li{
  border-bottom: 1px solid #ececec;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.fxd9821bc .fx7694c16 li a{
  color: #fff;
  text-decoration: none!important;
}

.fx9beee95 img{
  filter: brightness(0) invert(1);
  max-width: 150px;
}

.fx67c4723 h5, .fx67c4723 h4{
  margin-top: 20px;
  margin-bottom: 10px;
}

.fx67c4723 p{
  margin-bottom: 10px;
}

.fx6335659 img{
    max-width: 150px;
    filter: brightness(0) invert(1);
}