/* Css For MetroBank */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/

/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

/*** 

====================================================================
  Global Settings
====================================================================

 ***/

:root {
  --theme-color: #c6a048;
  --secondary-color: #0b2545;
  --pink-color: #c6a048;
  --violet-color: #0b2545;
  --crimson-color: #c6a048;
  --orange-color: #c6a048;
  --text-color: #5b6472;
  --title-color: #0b2545;
  --text-font: "Inter", sans-serif;
  --title-font: "Manrope", sans-serif;
}

body {
  font-size: 16px;
  color: var(--text-color);
  line-height: 28px;
  font-weight: 400;
  background: #ffffff;
  font-family: var(--text-font);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
    padding: 0px 15px;
  }
}

.large-container {
  max-width: 1710px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid {
  padding: 0px;
}

.auto-container {
  position: static;
  max-width: 1320px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  max-width: 680px;
  margin: 0 auto;
}

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

a {
  text-decoration: 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;
}

a:hover {
  text-decoration: none;
  outline: none;
}

input,
button,
select,
textarea {
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 18px;
  background: transparent;
}

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

::-moz-input-placeholder {
  color: inherit;
}

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

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

input {
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p {
  position: relative;
  font-family: var(--text-font);
  color: var(--text-color);
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-family: var(--title-font);
  font-weight: 700;
  color: var(--title-color);
  margin: 0px;
  transition: all 500ms ease;
}

/* Preloader CSS removed per client request (loader-wrap / handle-preloader /
   preloader-close / spinner / letters-loading were used exclusively by the
   now-removed preloader markup in includes/header.php). */

.centred {
  text-align: center;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

figure {
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}

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

/** button **/

.theme-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-family: var(--title-font);
  color: #fff !important;
  text-align: center;
  padding: 18px 35px;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn.btn-one {
  background: var(--theme-color);
}

.theme-btn.btn-two {
  background: var(--secondary-color);
}

.theme-btn.btn-three {
  background: #fff;
  color: var(--theme-color);
}

.theme-btn:before,
.theme-btn:after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--secondary-color);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform-origin: center;
  transform: scale(0) rotate(0);
  z-index: -1;
}

.theme-btn.btn-two:before,
.theme-btn.btn-two:after {
  background: var(--theme-color);
}

.theme-btn:hover:before {
  border-radius: 0;
  transform: scale(1) rotate(-180deg);
}

.theme-btn:hover:after {
  border-radius: 0;
  transform: scale(1) rotate(180deg);
}

.parallax-bg {
  position: absolute;
  left: 0px;
  top: -30%;
  width: 100%;
  height: calc(100% + 30%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/** styled-pagination */

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

.pagination li {
  position: relative;
  display: inline-block;
  margin: 0px 4px;
}

.pagination li a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  height: 60px;
  width: 60px;
  line-height: 62px;
  background: #ffffff;
  box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.07);
  text-align: center;
  color: var(--title-color);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current {
  color: #fff;
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.pagination li a i {
  font-size: 16px;
}

.mr-0 {
  margin: 0px !important;
}

/** scroll-to-top **/

.scroll-to-top {
  position: fixed;
  right: 0px;
  bottom: 100px;
  transform: rotate(90deg);
  z-index: 99;
}

.scroll-to-top .visible {
  visibility: visible !important;
  opacity: 1 !important;
}

.scroll-to-top .scroll-top-inner {
  opacity: 0;
  visibility: hidden;
}

.scroll-to-top .scroll-top-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

.scroll-to-top .scroll-bar {
  width: 50px;
  height: 2px;
  margin-right: 10px;
  position: relative;
}

.scroll-to-top .scroll-bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f4244f;
  opacity: 0.3;
}

.scroll-to-top .scroll-bar .bar-inner {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: currentColor;
}

.scroll-to-top .scroll-bar-text {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: var(--theme-color);
  text-shadow: 0px 1px 0px #fff;
  transition: all 500ms ease;
}

.scroll-to-top .scroll-bar-text:hover {
  transform: scale(1.1);
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.sec-title {
  position: relative;
  display: block;
}

.sec-title h6 {
  display: block;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.sec-title h2 {
  display: block;
  font-size: 40px;
  line-height: 52px;
  font-weight: 800;
}

.sec-title.light .sub-title,
.sec-title.light h2 {
  color: #fff !important;
}

.sec-title p {
  margin-top: 17px;
}

.sec-title h2 span {
  color: var(--theme-color);
}

/*** 

====================================================================
                        Home-Page-One
====================================================================

***/

/** main-header **/

.main-header {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 999;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.fixed-header .sticky-header {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/** header-top **/

.header-top {
  position: relative;
  width: 100%;
  background: #212226;
  padding: 16px 0px;
}

.header-top .top-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 350px;
}

.header-top .links-list {
  position: relative;
  display: flex;
  align-items: center;
}

.header-top .links-list li {
  margin-right: 35px;
}

.header-top .links-list li:last-child {
  margin: 0px !important;
}

.header-top .links-list li a {
  position: relative;
  display: inline-block;
  color: #fff;
}

.header-top .links-list li a:hover {
  color: var(--theme-color);
}

.header-top .info-list {
  position: relative;
  display: flex;
  align-items: center;
}

.header-top .info-list li {
  position: relative;
  margin-right: 40px;
  padding-left: 32px;
  color: #fff;
}

.header-top .info-list li:last-child {
  margin: 0px !important;
}

.header-top .info-list li i {
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 18px;
  color: var(--theme-color);
}

.header-top .info-list li a {
  position: relative;
  display: inline-block;
  color: #fff;
}

.header-top .info-list li a:hover {
  color: var(--theme-color);
}

.header-top .info-list li.social-icon {
  padding-left: 0px;
  margin-right: 18px;
}

.header-top .info-list li.social-icon i {
  position: relative;
  left: auto;
  top: auto;
  font-size: 14px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transition: all 300ms ease;
}

.header-top .info-list li.social-icon a:hover i {
  color: var(--secondary-color);
  background: var(--theme-color);
  border-color: var(--theme-color);
}

/* Brand Gold Shimmer Animation */
@keyframes goldShimmer {
  0% {
    transform: translateX(-160%) skewX(-20deg);
  }
  30%, 100% {
    transform: translateX(260%) skewX(-20deg);
  }
}

@keyframes btnGlow {
  0%, 100% {
    box-shadow: 0 4px 14px rgba(198, 160, 72, 0.28);
  }
  50% {
    box-shadow: 0 6px 22px rgba(198, 160, 72, 0.55);
  }
}

.main-header .outer-box {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}

/* Plain logo area matching reference site - no gold badge */
.main-header .outer-box .logo-box {
  position: relative;
  padding: 14px 30px;
  margin-top: 0px;
  background: transparent;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  overflow: visible;
}

.main-header .outer-box .logo-box .logo {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.main-header .outer-box .logo-box .logo img {
  display: block;
  width: auto;
  height: auto;
  max-height: 44px;
  max-width: 100%;
  vertical-align: middle;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.16));
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.35s ease;
  animation: logoFloat 5s ease-in-out infinite;
  transform-origin: center center;
}

@keyframes logoFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.16));
  }
  50% {
    transform: translateY(-3px) scale(1.015);
    filter: drop-shadow(0 6px 12px rgba(198, 160, 72, 0.28));
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-header .outer-box .logo-box .logo img,
  .main-header .sticky-header .outer-box .logo-box .logo img {
    animation: none;
  }
}

.main-header .outer-box .logo-box .logo:hover img {
  animation-play-state: paused;
  transform: scale(1.04) translateY(-1px);
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.32));
}

.main-header .outer-box .logo-box .shape {
  display: none !important;
}

.main-header .menu-right-content {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.main-header .menu-right-content .theme-btn {
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 700;
  animation: btnGlow 3.5s infinite ease-in-out;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-header .menu-right-content .theme-btn:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 22px rgba(197, 148, 54, 0.45);
}

.main-header .menu-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  margin-left: 30px;
}

/** main-menu **/

.main-menu {
  float: left;
}

.main-menu .navbar-collapse {
  padding: 0px;
  display: block !important;
}

.main-menu .navigation {
  margin: 0px;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  z-index: 2;
  margin: 0px 16px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li:last-child {
  margin-right: 0px !important;
}

.main-menu .navigation > li:first-child {
  margin-left: 0px !important;
}

.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  padding-top: 28px;
  padding-bottom: 28px;
  font-weight: 600;
  font-family: var(--title-font);
  opacity: 1;
  color: #141417;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > a::after {
  content: '';
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--theme-color), #f7cf72);
  border-radius: 3px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-menu .navigation > li.current > a::after,
.main-menu .navigation > li:hover > a::after {
  transform: scaleX(1);
}

.main-menu .navigation > li.dropdown > a {
  padding-right: 18px;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
  color: var(--theme-color);
}

.main-menu .navigation > li.dropdown > a:before {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  top: 28px;
  right: 0px;
  font-weight: 600;
  font-size: 13px;
  transition: all 300ms ease;
}

.main-menu .navigation > li.dropdown:hover > a:before {
  transform: rotate(180deg);
  color: var(--theme-color);
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu {
  position: absolute;
  left: 0;
  right: auto;
  top: 100%;
  width: 275px;
  margin-top: 0px;
  z-index: 100;
  display: block;
  background: var(--secondary-color);
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(12px);
  pointer-events: none;
  overflow: visible;
  padding: 8px 0;
}

.main-menu .navigation > li > ul:before {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;
  background: transparent;
}

.main-menu .navigation > li:hover > ul,
.main-menu .navigation > li:hover > .megamenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* Utility: force this particular dropdown open toward the left instead
   of the default left-aligned/right-opening position. Not used by
   default -- kept as a fallback hook. */
.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a {
  position: relative;
  display: block;
  padding: 12px 24px;
  line-height: 22px;
  font-weight: 600;
  font-size: 14.5px;
  font-family: var(--title-font);
  color: #f1f5f9;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
}

.main-menu .navigation > li > ul > li:hover > a {
  background: rgba(255, 255, 255, 0.08);
  color: var(--theme-color);
  padding-left: 28px;
}

.main-menu .navigation > li > .megamenu li > a {
  padding-left: 0px;
}

.main-menu .navigation > li > .megamenu h4 {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover {
  padding-left: 30px;
}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  line-height: 1;
  font-size: 14px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.6);
  z-index: 5;
  transition: all 250ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
  color: var(--theme-color);
  transform: translateY(-50%) translateX(3px);
}

/* Level 2 Sub-menu (Flyout Dropdown) */
.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: calc(100% - 2px);
  right: auto;
  top: -8px;
  margin-top: 0px;
  background: #081a33;
  width: 290px;
  z-index: 105;
  display: block;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  pointer-events: none;
  padding: 8px 0;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.main-menu .navigation > li > ul > li > ul:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 15px;
  height: 100%;
  background: transparent;
}

.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  pointer-events: auto;
}

/* Fallback hook (see note above) for this nested submenu to open toward
   the left of its parent item instead of the default right. */
.main-menu .navigation > li > ul > li > ul.from-right {
  left: auto;
  right: calc(100% - 2px);
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 11px 22px;
  line-height: 22px;
  font-weight: 500;
  font-size: 14px;
  font-family: var(--title-font);
  color: #e2e8f0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  text-align: left;
  transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a {
  background: rgba(255, 255, 255, 0.08);
  color: var(--theme-color);
  padding-left: 26px;
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu {
  visibility: visible;
  opacity: 1;
  margin-top: 0px;
  top: 100%;
}

.main-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: -32px;
  top: 66px;
  width: 34px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  color: #3b3b3b;
  cursor: pointer;
  display: none;
  z-index: 5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn {
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn {
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  background: var(--secondary-color);
  display: none;
}

.mobile-menu .nav-logo img {
  max-width: 160px;
}

.menu-area .mobile-nav-toggler .icon-bar {
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child {
  margin-bottom: 0px;
}

/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu {
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4 {
  margin-bottom: 10px;
}

.sticky-header .main-menu .navigation > li > a {
  padding-top: 27px;
  padding-bottom: 27px;
}

.sticky-header .main-menu .navigation > li.dropdown > a:before {
  top: 27px;
}

.main-header .sticky-header .outer-box .logo-box {
  position: relative;
  margin-top: 0px;
  padding: 10px 28px;
  background: transparent;
  display: flex;
  align-items: center;
  overflow: visible;
}

.main-header .sticky-header .outer-box .logo-box .logo img {
  display: block;
  width: auto;
  height: auto;
  max-height: 40px;
  max-width: 100%;
  vertical-align: middle;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.16));
  animation: logoFloat 5s ease-in-out infinite;
}

/** mobile-menu **/

.nav-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #3786ff;
  display: none;
}

.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  transition: all 900ms ease;
}

.mobile-menu .navbar-collapse {
  display: block !important;
}

.mobile-menu .nav-logo {
  position: relative;
  padding: 50px 25px;
  text-align: left;
  padding-bottom: 30px;
}

/* Apply for Loan CTA inside the mobile slide-out menu -- keeps the button
   reachable on mobile/tablet where the header's own button is hidden. */
.mobile-menu-apply-btn {
  padding: 0px 25px 30px 25px;
}

.mobile-menu-apply-btn .theme-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 13px 20px;
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop {
  position: fixed;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 900ms ease;
  background-color: #000;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 0.7;
  visibility: visible;
  right: 100%;
  -webkit-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
}

.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #141417;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 900ms ease !important;
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn {
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.mobile-menu .close-btn:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .navigation li ul li > a {
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  border-left: 5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .navigation li.current > a:before {
  height: 100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
  color: #ffffff;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu {
  display: none;
}

.mobile-menu .social-links {
  position: relative;
  padding: 0px 25px;
}

.mobile-menu .social-links li {
  position: relative;
  display: inline-block;
  margin: 0px 10px 10px;
}

.mobile-menu .social-links li a {
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .social-links li a:hover {
}

div#mCSB_1_container {
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 120px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a {
  color: rgba(255, 255, 255, 0.8);
}

.mobile-menu .contact-info ul li a:hover {
}

.mobile-menu .contact-info ul li:last-child {
  margin-bottom: 0px;
}

.main-header .outer-box {
  position: relative;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav {
  display: none !important;
}

.owl-nav button {
  background: transparent;
}

.float-bob-y {
  animation-name: float-bob-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-y;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-y;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-y;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.float-bob-x {
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-x;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-x;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-x;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-x;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

/** rtl-switcher **/

.demo-rtl {
  position: fixed;
  top: 390px;
  left: 10px;
  z-index: 9999;
}

button.rtl {
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
}

.demo-ltr {
  position: fixed;
  top: 390px;
  left: auto;
  right: 10px;
  z-index: 9999;
}

button.ltr {
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 1);
  transition: all 500ms ease;
}

.boxed_wrapper.ltr .demo-rtl {
  display: block;
}

.boxed_wrapper.ltr .demo-ltr {
  display: none;
}

.boxed_wrapper.rtl .demo-rtl {
  display: none;
}

.boxed_wrapper.rtl .demo-ltr {
  display: block;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/** main-footer **/

.main-footer {
  position: relative;
  background: var(--secondary-color);
}

.main-footer .widget-section {
  position: relative;
  padding: 110px 0px 113px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-footer .footer-logo {
  margin-bottom: 21px;
}

.main-footer p,
.main-footer a {
  color: #fff;
}

.main-footer a:hover {
  color: var(--theme-color);
}

.main-footer .logo-widget p {
  margin-bottom: 40px;
}

.main-footer .social-links {
  position: relative;
  display: flex;
  align-items: center;
}

.main-footer .social-links li {
  margin-right: 20px;
}

.main-footer .social-links li:last-child {
  margin: 0px !important;
}

.main-footer .social-links li a {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
  border-radius: 50%;
}

.main-footer .social-links li a:hover {
}

.main-footer .widget-title {
  position: relative;
  display: block;
  margin-bottom: 26px;
}

.main-footer .widget-title h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  color: #fff;
}

.main-footer .links-widget .links-list li {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
}

.main-footer .links-widget .links-list li:last-child {
  margin-bottom: 0px;
}

.main-footer .links-widget .links-list li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
}

.main-footer .links-widget .links-list li a:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 0px;
  top: 11px;
  transition: all 500ms ease;
}

.main-footer .links-widget .links-list li a:hover:before {
  background: var(--theme-color);
}

.main-footer .contact-widget .form-inner .form-group {
  position: relative;
  margin-bottom: 20px;
}

.main-footer .contact-widget .form-inner .form-group .select-box {
  min-height: 55px;
}

.main-footer .contact-widget .form-inner .form-group:last-child {
  margin-bottom: 0px;
  padding-top: 10px;
}

.main-footer .contact-widget .form-inner .form-group .nice-select,
.main-footer .contact-widget .form-inner .form-group input[type="text"] {
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  padding: 0px 20px;
  line-height: 55px;
  background: transparent;
  border-radius: 0px;
  transition: all 500ms ease;
}

.main-footer .contact-widget .form-inner .form-group .nice-select .option {
  color: #222;
}

.nice-select:before {
  position: absolute;
  content: "\e92e";
  font-family: "icomoon";
  font-size: 12px;
  top: 0px;
  right: 20px;
  color: rgba(255, 255, 255, 0.5);
}

.main-footer .contact-widget .form-inner .form-group .theme-btn:before,
.main-footer .contact-widget .form-inner .form-group .theme-btn:after {
  background: #fff !important;
}

.main-footer .contact-widget .form-inner .form-group .theme-btn:hover {
  color: var(--title-color) !important;
}

.main-footer .pattern-layer .pattern-1 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 193px;
  height: 540px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer .pattern-2 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 209px;
  height: 550px;
  background-repeat: no-repeat;
}

.footer-bottom {
  padding: 30px 0px;
}

.footer-bottom p a {
  color: var(--theme-color);
}

.footer-bottom p a:hover {
  text-decoration: underline;
}

/** header-style-two **/

.header-style-two {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.header-style-two.main-header .outer-box .logo-box {
  padding-left: 35px;
  padding-right: 35px;
}

.header-style-two .logo-box:before,
.header-style-two .logo-box:after {
  display: none;
}

.header-style-two .header-lower {
  background: #fff;
  padding-right: 40px;
}

.header-style-two .header-top {
  padding-right: 40px;
}

.nav-style-one .owl-nav button {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 78px;
  background: #fff;
  text-align: center;
  font-size: 24px;
  color: var(--title-color);
  box-shadow: 0px 5px 40px 20px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  transition: all 500ms ease;
}

.nav-style-one .owl-nav button:hover {
  color: #fff;
  background: var(--theme-color);
}

.list-style-one {
  position: relative;
  display: block;
}

.list-style-one li {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #222;
  font-weight: 500;
  padding-left: 30px;
  margin-bottom: 19px;
}

.list-style-one li:last-child {
  margin-bottom: 0px;
}

.list-style-one li:before {
  position: absolute;
  content: "\e91d";
  font-family: "icomoon";
  font-size: 18px;
  left: 0px;
  top: 0px;
  font-weight: 400;
  color: var(--theme-color);
}

.pt_115 {
  padding-top: 115px;
}

.tabs-box .tab {
  position: relative;
  display: none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab {
  display: block;
}

.tabs-box .tab {
  transform: scale(0.9, 0.9) translateY(0px);
}

.tabs-box .tab.active-tab {
  transform: scale(1) translateY(0px);
}

/** header-style-three **/

.header-style-three {
  position: relative;
  background: #fff;
}

.header-style-three .header-top .top-inner {
  padding-left: 40px;
  padding-right: 40px;
}

.main-header.header-style-three .outer-box .logo-box {
  background: transparent !important;
  margin-top: 0px;
  padding: 31px 0px;
}

.header-style-three .logo-box:before {
  display: none;
}

.header-style-three .outer-box .logo-box:after {
  display: none;
}

.main-header .menu-right-content .theme-btn.btn-two {
  background: transparent;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color) !important;
  padding: 12px 30px;
}

.main-header .menu-right-content .theme-btn.btn-two:hover {
  color: #fff !important;
}

.accordion-box .block .acc-content {
  display: none;
}

.accordion-box .block .acc-content.current {
  display: block;
}

/* FinBex custom cursor */
.finbex-cursor-dot,
.finbex-cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 99999;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.finbex-cursor-dot {
  width: 6px;
  height: 6px;
  background: var(--theme-color);
}

.finbex-cursor-ring {
  width: 32px;
  height: 32px;
  border: 1px solid var(--secondary-color);
  opacity: 0.55;
  transition: width 200ms ease, height 200ms ease, border-color 200ms ease, opacity 200ms ease, transform 100ms ease;
}

.finbex-cursor-ring.is-active {
  width: 52px;
  height: 52px;
  border-color: var(--theme-color);
  opacity: 0.9;
}

.finbex-cursor-ring.is-click {
  transform: translate(-50%, -50%) scale(0.85);
}

@media (max-width: 991px) {
  .finbex-cursor-dot,
  .finbex-cursor-ring {
    display: none;
  }
}