/*Variables*/
@import url("https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed&family=Open+Sans&display=swap");
:root {
  --fontSize10: 0.625rem;
  --fontSize14: 0.875rem;
  --fontSize13: 0.813rem;
  --fontSize12: 0.75rem;
  --fontSize15: 0.9rem;
  --fontSize16: 1rem;
  --fontSize18: 1.125rem;
  --fontSize19: 1.15rem;
  --fontSize24: 1.5rem;
  --fontSize36: 2.25rem;
  --fontSize80: 5rem;
  --lineHeight10: 0.625rem;
  --lineHeight12: 0.75rem;
  --lineHeight16: 1rem;
  --lineHeight18: 1.125rem;
  --lineHeight19: 1.188rem;
  --lineHeight21: 1.313rem;
  --lineHeight36: 2.25rem;
  --lineHeight38: 2.375rem;
  --lineHeight94: 5.875rem;
  --fontOpenSans: "Open Sans", sans-serif;
  --fontEncodeSans: "Encode Sans", sans-serif;
  --fontEncodeSansCondensed: "Encode Sans Condensed", sans-serif;
  --fontWeightThin: 100;
  --fontWeightLight: 300;
  --fontWeightRegular: 400;
  --fontWeightMedium: 500;
  --fontWeightBold: 700;
  --fontWeightBlack: 900;
  --mainNavSize: 0.875rem;
  --btn-bg: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 114, 120, 1) 0%,
    rgba(43, 44, 110, 1) 100%
  );
  --btn-bg-hover: linear-gradient(
    90deg,
    rgba(41, 45, 104, 1) 0%,
    rgba(0, 114, 120, 1) 60%
  );
  --bodyNormal: 0.875rem;
  --sec-gap: 100px;
  --colorWhite: #fff;
  --colorGreen: #e4c477;
  --colorYellow: #fab219;
  --colorDarkGray: #333333;
  --fademenubg: rgba(0, 0, 0, 0.7);
  --colorBlack: #000;
  --swiper-theme-color: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 114, 120, 1) 0%,
    rgba(43, 44, 110, 1) 100%
  ) !important;
  --heading-1: 5rem;
  --heading-2: 4.375rem;
  --heading-3: 3rem;
  --heading-4: 2.25rem;
  --heading-5: 1.875rem;
  --heading-6: 1.5rem;
  --heading-7: 1.25rem;
  --heading-40: 2.5rem;
  --nav-txt: 1rem;
  --tp-nav-txt: 0.75rem;
  --breacrumbs-txt: 0.875rem;
  --paragraph-txt: 0.875rem;
  --paragraph-txt-24: 1.5rem;
  --paragraph-txt-20: 1.25rem;
  --paragraph-txt-16: 0.875rem;
  --paragraph-txt-18: 1.125rem;
  --paragraph-txt-14: 0.875rem;
  --paragraph-txt-12: 0.75rem;
  --paragraph-txt-11: 0.688rem;
  --paragraph-txt-9: 0.563rem;
  --tab-nav-txt: 1rem;
  --ftr-nav-heading: 1.25rem;
  --standard-sec-mg: 6.25rem;
  --thumb-heading: 1.625rem;
  --color-blue: #e4c477;
  --color-mcb-blue: #e4c477;
  --color-green: #e4c477;
  --color-black: #000;
  --color-white: #fff;
  --bordercolor: #c3c4c5;
  --border-grey: #cccccc;
  --border-grey-dark: #999999;
  --bg-grey: #f0f0f0;
  --iconfilter: brightness(0) invert(0);
  --iconfilterhover: grayscale(0%);
  --bs-body-bg: #41695c;
  --bs-body-color: white;
}

html,
body {
  width: 100%;
  height: 100%;
  font-family: var(--fontOpenSans);
  font-size: 1.15rem;
}

html {
  font-size: calc(50% + 0.8vmin);
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: var(--fontOpenSans);
}
body.overflow-none {
  overflow: hidden;
}

/* block text animation */
h2.splitting {
  position: relative;
  text-decoration: none;
}

h2.splitting span {
  display: inline-block;
  white-space: pre;
}

h2.splitting .word {
  overflow: hidden;
}

h2.splitting[data-scroll=in] .word .char {
  position: relative;
  animation: slide-up 0.2s cubic-bezier(0.75, 0, 0.25, 1) both;
  animation-delay: calc(0.2s + 0.3s * var(--word-index));
}

@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
}
h2.splitting[data-scroll=in] [data-word=without] {
  overflow: visible;
}

h2.splitting[data-scroll=out] [data-word=without] .char {
  animation: none;
  visibility: hidden;
}

h2.splitting [data-word=without] .char:before,
h2.splitting [data-word=without] .char:after {
  visibility: visible;
  color: #d601f4;
  overflow: hidden;
  text-indent: 0.25em;
  margin-left: -0.25em;
  animation: fade-in 5s cubic-bezier(0.75, 0, 0.25, 1) both alternate;
  animation-delay: calc(5s + -0.2s * (var(--char-total) - var(--char-index)));
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* block text animation */
.fade-ani[data-scroll=out] {
  opacity: 0;
}

.fade-ani[data-scroll=in] {
  opacity: 1;
}

.fade-ani[data-scroll] {
  transition: all 2s;
}

.up-ani[data-scroll=out] {
  opacity: 0;
  transform: translateY(200px);
}

.up-ani[data-scroll=in] {
  opacity: 1;
  transform: translateY(0);
}

.up-ani[data-scroll] {
  transition: all 2s;
}

.upSlow-ani[data-scroll=out] {
  opacity: 0.5;
  transform: translateY(200px);
}

.upSlow-ani[data-scroll=in] {
  opacity: 1;
  transform: translateY(0);
}

.upSlow-ani[data-scroll] {
  transition: all 2.5s;
}

h3.splitting .char {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc(60ms * var(--char-index));
}

h3.splitting[data-scroll=out] .char {
  opacity: 0.1;
  transform: translateY(0.25em);
}

h4.splitting .char {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc(60ms * var(--char-index));
}

h4.splitting[data-scroll=out] .char {
  opacity: 0.1;
  transform: translateY(0.25em);
}

h5.splitting .char {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc(60ms * var(--char-index));
}

h5.splitting[data-scroll=out] .char {
  opacity: 0.1;
  transform: translateY(0.25em);
}

h6.splitting .char {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc(60ms * var(--char-index));
}

h6.splitting[data-scroll=out] .char {
  opacity: 0.1;
  transform: translateY(0.25em);
}

.down-ani[data-scroll=out] {
  opacity: 0;
  transform: translateY(-100px);
}

.down-ani[data-scroll=in] {
  opacity: 1;
  transform: translateY(0px);
}

.down-ani[data-scroll] {
  transition: all 2s;
}

.left-ani[data-scroll=out] {
  opacity: 0;
  transform: translatex(-100px);
}

.left-ani[data-scroll=in] {
  opacity: 1;
  transform: translatex(0px);
}

.left-ani[data-scroll] {
  transition: all 2s;
}

.bg-ani[data-scroll=out] {
  background-position: center -100%;
  background-size: auto 10px;
  opacity: 0;
}

.bg-ani[data-scroll=in] {
  background-position: center 100%;
  background-size: auto 100%;
  opacity: 1;
}

.bg-ani[data-scroll] {
  transition: all 2s;
}

.img-ani[data-scroll=out] {
  opacity: 0;
  transform: translatex(-100px);
  transform: scale(0.5);
}

.img-ani[data-scroll=in] {
  opacity: 1;
  transform: translatex(0px);
  transform: scale(1);
}

.img-ani[data-scroll] {
  transition: all 2s;
}

.half-slider-ani[data-scroll=out] {
  opacity: 0;
  transform: translatex(-100px);
}

.half-slider-ani[data-scroll=in] {
  opacity: 1;
  transform: translatex(0px);
}

.half-slider-ani[data-scroll] {
  transition: all 3s;
}

.right-ani[data-scroll=out] {
  opacity: 0;
  transform: translatex(200%);
}

.right-ani[data-scroll=in] {
  opacity: 1;
  transform: translatex(0px);
}

.right-ani[data-scroll] {
  transition: all 4s;
}

.bg-img-ani[data-scroll=out] {
  opacity: 0;
  transform: translatex(200%);
}

.bg-img-ani[data-scroll=in] {
  opacity: 1;
  transform: translatex(0px);
}

.bg-img-ani[data-scroll] {
  transition: all 4s;
}

.img-ani[data-scroll=in] {
  opacity: 1;
  transform: translatex(0px);
  transform: scale(1);
}

.img-ani[data-scroll] {
  transition: all 2s;
}

h1.splitting .char {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc(60ms * var(--char-index));
}

h1.splitting[data-scroll=out] .char {
  opacity: 0.1;
  transform: translateY(0.25em);
}

p.splitting .char {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc(20ms * var(--char-index));
}

p.splitting[data-scroll=out] .char {
  opacity: 0.1;
  transform: translateY(0.25em);
}

.img-ani[data-scroll=in] {
  opacity: 1;
  transform: translatex(0px);
  transform: scale(1);
}

.img-ani[data-scroll] {
  transition: all 2s;
}

.sec-gap {
  margin-top: var(--standard-sec-mg);
  margin-bottom: var(--standard-sec-mg);
}

a {
  color: var(--color-blue);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.swiper a:hover {
  text-decoration: none;
}

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

.colorYellow {
  transition: all ease-out 0.5s;
  background-position: center;
  transition: background 0.8s;
  -webkit-tap-highlight-color: transparent;
  transform: translateY(0);
  --bs-btn-bg: #ffffff;
  --bs-btn-color: #000;
  --bs-btn-border-color: #e4c477;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #e4c477;
  --bs-btn-hover-border-color: #e4c477;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #e4c477;
  --bs-btn-active-border-color: #e4c477;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e4c477;
  --bs-btn-disabled-border-color: #e4c477;
  --bs-btn-border-radius: 20px;
  --bs-btn-padding-x: 1.938rem;
  --bs-btn-padding-y: 0.625rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1rem;
}
.colorYellow:hover {
  text-decoration: none;
  background: var(--color-blue) radial-gradient(circle, transparent 1%, var(--color-blue) 1%) 50%/16000%;
}
.colorYellow:active {
  background-color: var(--color-blue) !important;
  background-size: 100%;
  transition: background 0s, transform 0.2s;
  transform: translateY(1px);
}

.sliderBtn {
  background: linear-gradient(#e4c477, #d3ab4f);
  border: 1px solid transparent;
  text-transform: uppercase;
  transition: all ease-out 0.5s;
  text-decoration: none;
  background-position: center;
  transition: background 0.8s;
  -webkit-tap-highlight-color: transparent;
  transform: translateY(0);
  --bs-btn-bg: linear-gradient(#e4c477, #d3ab4f);
  --bs-btn-color: #fff;
  --bs-btn-border-color: linear-gradient(#e4c477, #d3ab4f);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-border-color: #e4c477;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e4c477;
  --bs-btn-active-border-color: #e4c477;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e4c477;
  --bs-btn-disabled-border-color: #e4c477;
  --bs-btn-border-radius: 40px;
  --bs-btn-padding-x: 3.625rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 700;
  --bs-btn-line-height: 1.25rem;
}
.sliderBtn:hover, .sliderBtn:focus {
  background: #fff;
  color: var(--bs-btn-hover-color) !important;
  border: 1px solid #e4c477;
  text-decoration: none;
  background: #fff radial-gradient(circle, transparent 1%, #fff 1%) 50%/16000%;
}
.sliderBtn:active {
  background-color: #6375d2 !important;
  background-size: 100%;
  transition: background 0s, transform 0.2s;
  transform: translateY(1px);
}

/*Variables*/
@media (min-width: 1699px) {
  .container {
    width: 1650px !important;
    max-width: 1650px;
  }
}
.desk-header {
  display: block;
}

.mobile-header {
  display: none;
}

.t-show {
  display: none !important;
}

.m-show {
  display: none !important;
}

.d-show {
  display: block !important;
}

/* icons */
.personal-icon {
  background-image: url("../../images/personal-icon.svg");
  filter: brightness(0) invert(1);
}

.business-icon {
  background-image: url("../../images/business-icon.svg");
  filter: brightness(0) invert(1);
}

.privilege-icon {
  background-image: url("../../images/privilege-icon.svg");
  filter: brightness(0) invert(1);
}

/* icons */
.bgfade-div {
  background: var(--fademenubg);
  display: none;
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  right: 0;
  z-index: 5;
}

.section-select {
  position: relative;
}
.section-select .select2 {
  width: 100% !important;
  text-align: left;
}
.section-select .select2 .select2-selection {
  border: 1px solid var(--color-blue);
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.8);
  height: 42px;
}
.section-select .select2 .select2-selection .select2-selection__rendered {
  line-height: 42px;
  font-size: var(--breacrumbs-txt);
  padding-right: 50px;
  padding-left: 20px;
}
.section-select .select2 .select2-selection .select2-selection__arrow {
  width: 50px;
  height: 100%;
}
.section-select .select2 .select2-selection .select2-selection__arrow b {
  border-width: 7px 6px 0 6px;
}
.section-select.blue .select2 .select2-selection {
  border-color: var(--color-blue);
}
.section-select.blue .select2 .select2-selection .select2-selection__arrow b {
  border-color: var(--color-blue) transparent transparent transparent;
}

.swiper {
  padding-bottom: 3rem !important;
}
.swiper.mcb-my-swiper {
  padding-bottom: 0px !important;
}
.swiper .controller {
  width: 136px;
  margin: 0 auto;
  height: 35px;
  position: relative;
  bottom: -50px;
}
.swiper .controller .swiper-button-next::after,
.swiper .controller .swiper-button-prev::after {
  display: none;
}
.swiper .controller .swiper-button-next {
  width: 46px;
  height: 28px;
  border: 1px solid #cdcdcd;
  border-radius: 25px;
}
.swiper .controller .swiper-button-next:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid var(--color-blue);
}
.swiper .controller .swiper-button-next:hover {
  box-shadow: 1px 1px 6px 0px #cdcdcd;
}
.swiper .controller .swiper-button-prev {
  width: 46px;
  height: 28px;
  border: 1px solid #cdcdcd;
  border-radius: 25px;
}
.swiper .controller .swiper-button-prev:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid var(--color-blue);
}
.swiper .controller .swiper-button-prev:hover {
  box-shadow: 1px 1px 6px 0px #cdcdcd;
}

.mega-menu .container .col-2.h-100 {
  width: 20%;
}

.mega-menu .container .col-10.menu-links {
  width: 80%;
}

header .mega-menu .main-categories ul li a h5 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.quick-links-swiper {
  padding-bottom: 60px !important;
}

.sec-main-heading {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-1);
  font-weight: normal;
  text-transform: uppercase;
}

@font-face {
  font-family: skeleton;
  src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAYEAA0AAAAAEUAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABoAAAAcjvRG2U9TLzIAAAFMAAAASwAAAGBRtV1jY21hcAAAAZgAAAC9AAABamglddJjdnQgAAACWAAAAAQAAAAEABEBRGdhc3AAAAJcAAAACAAAAAj//wADZ2x5ZgAAAmQAAACXAAAJjHCzhiRoZWFkAAAC/AAAAC4AAAA2FrNd6WhoZWEAAAMsAAAAGgAAACQC8ADFaG10eAAAA0gAAAATAAAAtAMAABFsb2NhAAADXAAAAK4AAACuaNBmhG1heHAAAAQMAAAAHwAAACAAmgA5bmFtZQAABCwAAAE5AAACNKfxxURwb3N0AAAFaAAAAJkAAADOCKMIc3icY2BgYGQAghsJmjkg+rYX3zYYDQA7wwWhAAB4nGNgYWRgnMDAysDA6MOYxsDA4A6lvzJIMrQwMDAxsHIywAAjAxIISHNNYWhgUGCoZTzw/wCDHuMBBgeYGsYDQB4DUI4RAOnYC70AeJxjYGBgZoBgGQZGBhBIAfIYwXwWBg8gzcfAwcDEwMagxKDFYM0QyxDPUPv/P1BcgUGNQYfBEchP/P///+P/D/7f/3/r/83/N6DmIAFGNga4ICMTkGBCVwB0AgsrkMHGzsHJxcDNw8vHLyAoJCwiKiYuISkFViMtIysnr6CopKyiqqauoamlraOrp29gaGRsYmpmzmDBYGllbWNrZ+/g6OTs4urm7uHp5e3j6+cfEBgUHBKK7iL6AwBJLiG7AAAAABEBRAAAAAH//wACeJxjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVA4mN4/KjcqNyo2WGaNyo3LDRW4A8xQAx51w5gB4nGNgZGBgAOItPD1s8fw2Xxm4mRhA4LYX3zYE/f8AIwPjASCXgwEsDQAA0AleAAB4nGNgZGBgPPD/AIMekAEEjGCEAlgAUGYCtwAAeJxjZGAQZAACRigeCgAADn0AFQAAAAAqACoAKgA4AEYAVABiAHAAfgCMAJoAqAC2AMQA2ADmAPQBAgEQAR4BLAE6AUgBVgFkAXIBgAGOAZwBqgG4AcYB1AHiAfAB/gIMAhoCKAI2AkQCUgJgAm4CfAKKApgCpgK0AsIC0ALeAvIDAAMOAxwDKgM4A0YDVANiA3ADfgOMA5oDqAO2A8QD0gPgA+4D/AQKBBgEJgQ0BEIEUAReBGwEegSIBJwEqgS4BMYAAHicY2BkYGAIY+BgYGIAARDJyAASc2DQAwkAAA0nANQAeJx9j7FuwjAYhM8QKF0qXqCShw4gQeqEgYoVCVViQQwZukVgJVYSgkwYUNVH6NpH6Njn69jDmKUDjn758+X8/2cAD/iBwGUNsPYs0MOn5xbu8O25jSf8eg7QE8+eO+iLN89d6h90iuCep5W7dWaBPt49tzj3y3Mbr8xw4YB9Hj13IMWL5y71AnPU2OMEC4MMORpIZt5gyD2GcjUiJyiRYktXxbJUlnSnpLNesYdxfzGv9ydrsryRg81QxipWI5mU6dZUxsplntoyrfZmS+cBBTSvaw6tsaNQ6FI3NWlNMcPR9bY86uxYpoSFMzZut3RolzJkRokZ63/LizpBhDGmrOuLsKh3zaK2mZZxqORMXkcTJ9F4Oj7nvpkwoWhpMH6O4he5JMqlQaLtwbChUlGolJK3uv0ByyBbWAAAAHicXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAA==") format("woff");
  font-weight: 100, 200, 300, 400, 500, 600, 700, 800, 900;
  font-style: normal, italic;
  font-display: block;
}
@keyframes "skeleton-effect-fade" {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes "skeleton-effect-blink" {
  0% {
    -webkit-mask-position: 50% top;
    mask-position: 50% top;
  }
  100% {
    -webkit-mask-position: -150% top;
    mask-position: -150% top;
  }
}
@keyframes "skeleton-effect-pulse" {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.975);
  }
  100% {
    transform: scale(1);
  }
}
.skeleton-block {
  height: 1em;
  background: var(--skeleton-color) !important;
  width: 100%;
  display: block;
}

.skeleton-text {
  font-family: skeleton !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--skeleton-color) !important;
  letter-spacing: -0.03em !important;
}
.skeleton-text * {
  color: var(--skeleton-color) !important;
  letter-spacing: -0.03em !important;
}

.skeleton-image {
  display: inline-block;
}
.skeleton-image svg {
  width: 100%;
  height: auto;
}
.skeleton-image polygon {
  fill: var(--skeleton-color);
}
.skeleton-image path {
  fill: var(--skeleton-icon-color);
}

.skeleton-avatar {
  display: inline-block;
}
.skeleton-avatar svg {
  width: 100%;
  height: auto;
}
.skeleton-avatar rect {
  fill: var(--skeleton-color);
}
.skeleton-avatar path {
  fill: var(--skeleton-icon-color);
}

.skeleton-effect-blink {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 25%, #000 75%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 25%, #000 75%, transparent 100%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  -webkit-mask-position: 50% top;
  mask-position: 50% top;
  animation: skeleton-effect-blink 1s infinite;
}

.skeleton-effect-fade {
  animation: skeleton-effect-fade 1s infinite;
}

.skeleton-effect-pulse {
  animation: skeleton-effect-pulse 1s infinite;
}

@media (max-width: 767px) {
  .whgyc-icons ul a {
    width: 100%;
  }
  .whgyc-icons ul li h4 {
    font-size: var(--paragraph-txt-14);
    white-space: unset;
  }
  .whgyc-icons ul li span {
    font-size: var(--paragraph-txt-18);
    white-space: nowrap;
  }
  .no-bg-mob {
    background: none !important;
  }
  html {
    overflow-x: unset;
  }
  .swiper {
    padding-bottom: 48px !important;
  }
  .swiper .controller {
    bottom: -30px;
  }
  .upSmall-ani[data-scroll=out] {
    opacity: 0;
    transform: translateY(50px);
  }
  .upSmall-ani[data-scroll=in] {
    opacity: 1;
    transform: translateY(0);
  }
  .upSmall-ani[data-scroll] {
    transition: all 2s;
  }
  .up-ani[data-scroll=out] {
    opacity: 0;
    transform: translateY(200px);
  }
  .up-ani[data-scroll=in] {
    opacity: 1;
    transform: translateY(0);
  }
  .up-ani[data-scroll] {
    transition: all 2s;
  }
  h3.splitting .char {
    transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    transition-delay: calc(60ms * var(--char-index));
  }
  h3.splitting[data-scroll=out] .char {
    opacity: 0.1;
    transform: translateY(0.25em);
  }
  h4.splitting .char {
    transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    transition-delay: calc(60ms * var(--char-index));
  }
  h4.splitting[data-scroll=out] .char {
    opacity: 0.1;
    transform: translateY(0.25em);
  }
  h5.splitting .char {
    transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    transition-delay: calc(60ms * var(--char-index));
  }
  h5.splitting[data-scroll=out] .char {
    opacity: 0.1;
    transform: translateY(0.25em);
  }
  h6.splitting .char {
    transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    transition-delay: calc(60ms * var(--char-index));
  }
  h6.splitting[data-scroll=out] .char {
    opacity: 0.1;
    transform: translateY(0.25em);
  }
  .down-ani[data-scroll=out] {
    opacity: 0;
    transform: translateY(-30px);
  }
  .down-ani[data-scroll=in] {
    opacity: 1;
    transform: translateY(0px);
  }
  .down-ani[data-scroll] {
    transition: all 2s;
  }
  .left-ani[data-scroll=out] {
    opacity: 0;
    transform: translatey(-100px);
  }
  .left-ani[data-scroll=in] {
    opacity: 1;
    transform: translatey(0px);
  }
  .left-ani[data-scroll] {
    transition: all 2s;
  }
  .bg-ani[data-scroll=out] {
    background-position: center -100%;
    background-size: auto 10px;
    opacity: 0;
  }
  .bg-ani[data-scroll=in] {
    background-position: center 100%;
    background-size: auto 100%;
    opacity: 1;
  }
  .bg-ani[data-scroll] {
    transition: all 2s;
  }
  .img-ani[data-scroll=out] {
    opacity: 0;
    transform: translatey(-100px);
    transform: scale(0.5);
  }
  .img-ani[data-scroll=in] {
    opacity: 1;
    transform: translatey(0px);
    transform: scale(1);
  }
  .img-ani[data-scroll] {
    transition: all 2s;
  }
  .half-slider-ani[data-scroll=out] {
    opacity: 0;
    transform: translatey(-100px);
  }
  .half-slider-ani[data-scroll=in] {
    opacity: 1;
    transform: translatey(0px);
  }
  .half-slider-ani[data-scroll] {
    transition: all 3s;
  }
  .right-ani[data-scroll=out] {
    opacity: 0;
    transform: translatey(-100px);
  }
  .right-ani[data-scroll=in] {
    opacity: 1;
    transform: translatey(0px);
  }
  .right-ani[data-scroll] {
    transition: all 4s;
  }
  .bg-img-ani[data-scroll=out] {
    opacity: 0;
    transform: translatey(-100px);
  }
  .bg-img-ani[data-scroll=in] {
    opacity: 1;
    transform: translatey(0px);
  }
  .bg-img-ani[data-scroll] {
    transition: all 4s;
  }
  .img-ani[data-scroll=in] {
    opacity: 1;
    transform: translatey(0px);
    transform: scale(1);
  }
  .img-ani[data-scroll] {
    transition: all 2s;
  }
  h1.splitting .char {
    transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    transition-delay: calc(60ms * var(--char-index));
  }
  h1.splitting[data-scroll=out] .char {
    opacity: 0.1;
    transform: translateY(0.25em);
  }
  p.splitting .char {
    transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    transition-delay: calc(20ms * var(--char-index));
  }
  p.splitting[data-scroll=out] .char {
    opacity: 0.1;
    transform: translateY(0.25em);
  }
  .img-ani[data-scroll=in] {
    opacity: 1;
    transform: translatey(0px);
    transform: scale(1);
  }
  .img-ani[data-scroll] {
    transition: all 2s;
  }
  .cards .tabs-content-area {
    background-image: none !important;
  }
  .cards.bancassurance .tabs-content-area {
    background-image: none !important;
  }
  .box-main .swiper {
    padding: 30px 5px !important;
  }
  .box-main .swiper .swiper-slide-next {
    margin-top: 0px;
  }
  .box-main .swiper .swiper-slide-active {
    margin-top: -20px;
  }
  .box-main .swiper .box-wrap {
    height: 350px !important;
  }
  .box-main .swiper .box-wrap .box-txt-wrap h3 {
    text-align: left;
  }
  .bankingOnTheGo .bankonthego .bankonthego-slide-wrap .bankongo-txt-wrap h3 {
    text-align: left;
  }
}
/* header */
header {
  width: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(65, 105, 92) 100%);
  background-blend-mode: lighten;
  padding: 0.938rem 0;
  transition: all ease-out 0.5s;
  /* top header */
  /* top header */
  /* main nav */
}
header.menuOpen {
  background-color: var(--bs-body-bg);
}
header.scrolled {
  background-color: var(--color-blue);
  padding: 0.625rem 0;
  box-shadow: 0 8px 15px -4px rgba(0, 0, 0, 0.2);
}
header.scrolled :root {
  --bs-form-control-bg: var(--color-blue);
  --bs-accordion-btn-bg: var(--color-blue);
}
header.scrolled .overlay {
  background-color: var(--color-blue);
}
header.scrolled .overlay .closebtn {
  filter: brightness(0) invert(0);
}
header.scrolled .overlay .voice-box .oops-tryagain {
  color: var(--color-black);
}
header.scrolled .overlay .voice-box input.form-control {
  background-color: var(--color-blue);
  color: black;
  border: 1px solid black;
}
header.scrolled .overlay .voice-box input.form-control::-moz-placeholder {
  color: var(--color-black);
}
header.scrolled .overlay .voice-box input.form-control::placeholder {
  color: var(--color-black);
}
header.scrolled .predictive-box {
  background: var(--color-blue);
  border: 1px solid black;
}
header.scrolled .predictive-box #search_result_return li a {
  color: var(--color-black);
}
header.scrolled .predictive-box #search_result_return li a:hover {
  color: var(--bs-body-bg);
}
header.scrolled .predictive-box #search_result_return li img {
  filter: brightness(0) invert(0);
}
header.scrolled .main-nav-bx .button-bx ul li a.colorYellow {
  background-color: transparent;
  border-color: black;
  color: black;
}
header.scrolled .main-nav-bx .button-bx ul li a.colorYellow:hover {
  border-color: var(--bs-body-bg);
  color: var(--bs-body-bg);
}
header.scrolled .main-nav-bx .button-bx ul li a.colorYellow:focus {
  background-color: transparent !important;
  border-color: var(--bs-body-bg);
  color: var(--bs-body-bg);
}
header.scrolled .main-nav-bx .button-bx ul li a.colorYellow:active:focus, header.scrolled .main-nav-bx .button-bx ul li a.colorYellow:active:focus:hover {
  background-color: transparent !important;
  border-color: var(--bs-body-bg);
  color: var(--bs-body-bg);
  background: transparent;
}
header.scrolled .opn-srch i .privilege {
  filter: brightness(0) invert(0);
}
header.scrolled .mob-menu {
  background-color: var(--color-blue);
}
header.scrolled .mob-menu .col .close-btn-mob-menu .privilege {
  filter: brightness(0) invert(0);
}
header.scrolled .mob-menu .col .back-sub-mob .privilege {
  filter: brightness(0) invert(0);
}
header.scrolled .mob-menu .top-bar .mob-menu-top-links li a {
  color: var(--bs-body-bg) !important;
}
header.scrolled .mob-menu .mob-menu-main-links li a {
  color: var(--color-black) !important;
}
header.scrolled .mob-menu .mob-menu-main-links li a img {
  filter: brightness(0) invert(0);
}
header.scrolled .mob-menu .mob-menu-main-links li img {
  filter: brightness(0) invert(0);
}
header.scrolled .mob-menu .mob-menu-other-links li a {
  color: var(--color-black);
}
header.scrolled .sub-mob-menu {
  background-color: var(--color-blue);
}
header.scrolled .sub-mob-menu .col .close-btn-mob-menu .privilege {
  filter: brightness(0) invert(0);
}
header.scrolled .sub-mob-menu .col .back-sub-mob .privilege {
  filter: brightness(0) invert(0);
}
header.scrolled .sub-mob-menu .top-bar .mob-menu-top-links li a {
  color: var(--color-black) !important;
}
header.scrolled .sub-mob-menu .direct-inner-mob ul li a {
  color: var(--color-black);
}
header.scrolled .sub-mob-menu .mob-submenu-links .accordion .accordion-item {
  background: var(--color-blue) !important;
}
header.scrolled .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header a {
  color: var(--color-black);
}
header.scrolled .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header .accordion-button {
  background-color: var(--color-blue);
  color: var(--color-black);
}
header.scrolled .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header .accordion-button::after {
  filter: brightness(0) invert(0);
}
header.scrolled .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--color-black);
}
header.scrolled .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header.active a {
  color: #41695c;
  font-weight: 700;
}
header.scrolled .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-collapse .accordion-body .mob-sub-nav ul li a {
  color: var(--colorBlack) !important;
}
header.scrolled .sub-mob-menu a h6 {
  color: #41695c;
}
header.scrolled .mobile-header .main-nav-bx .ham-nav-bx span img {
  filter: brightness(0) invert(0) !important;
}
header.scrolled .mobile-header .main-nav-bx .top-links .icons-nav ul li .dropdown .btn {
  --bs-btn-color: var(--color-black);
  --bs-btn-hover-color: var(--color-black);
  --bs-btn-active-color: var(--color-black);
  --bs-btn-disabled-color: var(--color-black);
}
header.scrolled .mobile-header .main-nav-bx .top-links .icons-nav ul li .dropdown .btn::after {
  filter: brightness(0) invert(0);
}
header.scrolled .mobile-header .main-nav-bx .btm-links .icons-nav ul li .dropdown .btn {
  --bs-btn-color: var(--color-black);
  --bs-btn-hover-color: var(--color-black);
  --bs-btn-active-color: var(--color-black);
  --bs-btn-disabled-color: var(--color-black);
}
header.scrolled .search-result-capsule {
  border: 1px solid var(--color-black);
  color: var(--color-black);
}
header.scrolled .search-result-capsule:hover {
  color: var(--bs-body-bg);
  border: 1px solid var(--bs-body-bg);
}
header.scrolled .srch-close-btn img {
  filter: brightness(0) invert(0);
}
header.scrolled .search-bx {
  background: var(--color-blue);
}
header.scrolled .search-bx h4 {
  color: var(--color-black);
}
header.scrolled .search-bx h6 {
  color: var(--color-black);
}
header.scrolled .search-bx .form-control {
  color: var(--color-black);
  background-color: var(--color-blue);
}
header.scrolled .search-bx .container .search-bar {
  border: 1px solid var(--color-black);
  color: var(--color-black);
}
header.scrolled .search-bx .container .search-bar::-moz-placeholder {
  color: var(--color-black);
}
header.scrolled .search-bx .container .search-bar::placeholder {
  color: var(--color-black);
}
header.scrolled .search-bx .container .search-bar h6 {
  color: var(--color-black);
}
header.scrolled .search-bx .container .search-icon .privilege {
  filter: brightness(0) invert(0);
}
header.scrolled .top-links .icons-nav ul li .dropdown .personal-icon {
  filter: brightness(0) invert(0);
}
header.scrolled .top-links .icons-nav ul li .dropdown .business-icon {
  filter: brightness(0) invert(0);
}
header.scrolled .top-links .icons-nav ul li .dropdown .privilege-icon {
  filter: brightness(0) invert(0);
}
header.scrolled .top-links .icons-nav ul li .dropdown .btn {
  --bs-btn-color: var(--color-black);
  --bs-btn-hover-color: var(--color-black);
  --bs-btn-active-color: var(--color-black);
  --bs-btn-disabled-color: var(--color-black);
}
header.scrolled .top-links .icons-nav ul li .dropdown .btn::after {
  filter: brightness(0) invert(0);
}
header.scrolled .btm-links .icons-nav ul li .dropdown .btn {
  --bs-btn-color: var(--color-black);
  --bs-btn-hover-color: var(--color-black);
  --bs-btn-active-color: var(--color-black);
  --bs-btn-disabled-color: var(--color-black);
}
header.scrolled .top-menu nav ul li a span {
  filter: brightness(0) invert(0);
}
header.scrolled .btm-menu nav ul li a span {
  filter: brightness(0) invert(0);
}
header.scrolled .main-nav-bx figure a img {
  filter: brightness(0) invert(1);
}
header.scrolled .main-nav-bx nav ul li a {
  color: var(--color-black);
}
header.scrolled .main-nav-bx nav ul li a:hover {
  color: var(--colorWhite);
  text-shadow: 0.5px 0.5px 0.05px var(--bs-body-bg);
  background: var(--bs-body-bg);
}
header.scrolled .main-nav-bx nav ul li a.active {
  color: var(--color-white);
  text-shadow: 0.5px 0.5px 0.05px var(--bs-body-bg);
  background: var(--bs-body-bg);
}
header.scrolled .main-nav-bx .button-bx ul li a img {
  filter: brightness(0) invert(0) !important;
}
header.scrolled .main-nav-bx .button-bx ul li a:hover img {
  filter: invert(50%) sepia(6%) saturate(2597%) hue-rotate(109deg) brightness(95%) contrast(78%) !important;
}
header.scrolled .mega-menu {
  background: var(--color-blue);
}
header.scrolled .mega-menu .main-categories ul li a {
  color: var(--color-black);
}
header.scrolled .mega-menu .main-categories ul li a h5 span img {
  filter: brightness(0) invert(0);
}
header.scrolled .mega-menu .main-categories ul li:hover a {
  color: var(--color-black);
}
header.scrolled .mega-menu .menu-links ul li a {
  color: var(--bs-body-bg);
}
header.scrolled .mega-menu .menu-links ul li a:hover {
  color: var(--color-black);
}
header.scrolled .mega-menu .menu-links ul li a span img {
  filter: brightness(0) invert(0);
}
header.scrolled .mega-menu .menu-links ul h6 a {
  color: var(--color-black);
}
header.scrolled .mega-menu .menu-links ul h6 a::before {
  filter: invert(1) brightness(0);
}
header.scrolled .mega-menu .close-btn img {
  filter: brightness(0) invert(0);
}
header.scrolled .top-menu {
  padding-bottom: 0.438rem;
}
header.scrolled .btm-menu {
  padding-top: 0.438rem;
}
header .top-menu,
header .btm-menu {
  width: 100%;
  height: auto;
  padding: 0.5rem 0 0.375rem;
  display: block;
  transition: all ease-out 0.5s;
}
header .top-menu nav,
header .btm-menu nav {
  display: inline-block;
}
header .top-menu nav ul,
header .btm-menu nav ul {
  list-style-type: none;
  margin: 0.125rem 0 0 0;
  padding: 0;
}
header .top-menu nav ul li,
header .btm-menu nav ul li {
  display: inline-block;
  padding: 0 2rem;
}
header .top-menu nav ul li a,
header .btm-menu nav ul li a {
  font-family: var(--fontOpenSans);
  color: var(--txtGrey);
  font-weight: 400;
  font-size: var(--nav-txt);
  text-decoration: none;
  transition: all 0.2s;
}
header .top-menu nav ul li a:hover,
header .btm-menu nav ul li a:hover {
  color: var(--colorBlue);
}
header .top-menu nav ul li a:focus,
header .btm-menu nav ul li a:focus {
  color: var(--colorBlue);
}
header .top-menu nav ul li a span,
header .btm-menu nav ul li a span {
  width: 10px;
  display: inline-flex;
  filter: brightness(0) invert(1);
}
header .top-menu nav ul li:first-child,
header .btm-menu nav ul li:first-child {
  padding-left: 0;
}
header .top-menu {
  padding-bottom: 0.75rem;
}
header .btm-menu {
  padding-top: 0.75rem;
}
header .top-links .icons-nav,
header .btm-links .icons-nav {
  display: inline-block;
}
header .top-links .icons-nav ul,
header .btm-links .icons-nav ul {
  list-style-type: none;
  margin: 0.125rem 0 0 0;
  padding: 0;
}
header .top-links .icons-nav ul li,
header .btm-links .icons-nav ul li {
  display: inline-block;
  padding: 0 0.899rem 0 0.688rem;
}
header .top-links .icons-nav ul li:last-child,
header .btm-links .icons-nav ul li:last-child {
  border: none;
}
header .top-links .icons-nav ul li a,
header .btm-links .icons-nav ul li a {
  display: inline-block;
}
header .top-links .icons-nav ul li a.active,
header .btm-links .icons-nav ul li a.active {
  background-color: var(--color-blue);
}
header .top-links .icons-nav ul li a:hover,
header .btm-links .icons-nav ul li a:hover {
  background-color: var(--bs-body-bg);
}
header .top-links .icons-nav ul li .select2 .select2-selection,
header .btm-links .icons-nav ul li .select2 .select2-selection {
  border: none;
  background-color: transparent;
}
header .top-links .icons-nav ul li .dropdown .btn,
header .btm-links .icons-nav ul li .dropdown .btn {
  --bs-btn-padding-y: 0rem;
  --bs-btn-padding-x: 0rem;
  --bs-btn-color: var(--color-white);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--color-white);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--color-white);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-white);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--tp-nav-txt);
  font-size: var(--breacrumbs-txt);
}
header .top-links .icons-nav ul li .dropdown .btn::after,
header .btm-links .icons-nav ul li .dropdown .btn::after {
  background: url("../../images/arrow.svg") no-repeat;
  filter: brightness(0) invert(1);
  background-size: contain;
  border: none;
  width: 12px;
  height: 6px;
}
header .top-links .icons-nav ul li .dropdown ul,
header .btm-links .icons-nav ul li .dropdown ul {
  padding: 0;
  margin: 0;
  --bs-dropdown-min-width: 5rem;
}
header .top-links .icons-nav ul li .dropdown ul li,
header .btm-links .icons-nav ul li .dropdown ul li {
  display: block;
  padding: 0;
  font-size: var(--tp-nav-txt);
  font-size: var(--breacrumbs-txt);
}
header .top-links .icons-nav ul li .dropdown ul[aria-labelledby=dropdownMenuCountryMob],
header .btm-links .icons-nav ul li .dropdown ul[aria-labelledby=dropdownMenuCountryMob] {
  --bs-dropdown-min-width: auto !important;
}
header .top-links .icons-nav ul li .dropdown ul[aria-labelledby=dropdownMenuCountryMob] li a.dropdown-item,
header .btm-links .icons-nav ul li .dropdown ul[aria-labelledby=dropdownMenuCountryMob] li a.dropdown-item {
  padding: 0 4px;
}
header .main-nav-bx {
  padding: 0.375rem 0 0.313rem;
}
header .main-nav-bx .container .row .col-md-2 {
  width: 10%;
}
header .main-nav-bx .container .row .col-md-7 {
  width: 70%;
}
header .main-nav-bx .container .row .col-md-3 {
  width: 20%;
}
header .main-nav-bx figure {
  margin: 0;
}
header .main-nav-bx figure a {
  text-decoration: none;
}
header .main-nav-bx figure a img {
  filter: brightness(0) invert(1);
  filter: invert(50%) sepia(55%) saturate(350%) hue-rotate(350deg) brightness(160%) contrast(85%);
}
header .main-nav-bx nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header .main-nav-bx nav ul li {
  display: inline-block;
  padding: 0 0.038rem;
  border-right: 1px solid var(--txtGrey);
}
header .main-nav-bx nav ul li a {
  font-family: var(--fontOpenSans);
  font-size: var(--fontSize16);
  font-weight: var(--fontWeightRegular);
  line-height: var(--lineHeight18);
  color: var(--colorWhite);
  text-decoration: none;
  background: transparent;
  padding: 10px 8px;
  border-radius: 20px;
}
header .main-nav-bx nav ul li a:hover {
  color: var(--color-blue);
  text-shadow: 0.5px 0.5px 0.05px var(--color-blue);
  background: var(--color-blue);
  color: #fff;
}
header .main-nav-bx nav ul li a:hover span {
  filter: grayscale(0);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(82deg) brightness(400%) contrast(100%);
}
header .main-nav-bx nav ul li a.active {
  color: var(--color-blue);
  text-shadow: 0.5px 0.5px 0.05px var(--color-blue);
  background: var(--color-blue);
  color: #fff;
}
header .main-nav-bx nav ul li a.active span {
  filter: grayscale(0);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(82deg) brightness(400%) contrast(100%);
}
header .main-nav-bx .button-bx ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header .main-nav-bx .button-bx ul li {
  display: inline-block;
}
header .main-nav-bx .button-bx ul li a {
  margin-inline: 0.469rem;
  background-color: transparent;
  border-color: white;
  color: white;
}
header .main-nav-bx .button-bx ul li a:hover {
  border-color: var(--color-blue);
  color: var(--color-blue);
}
header .main-nav-bx .button-bx ul li a:focus {
  background-color: transparent !important;
  border-color: var(--color-blue);
  color: var(--color-blue);
}
header .main-nav-bx .button-bx ul li a:active:focus, header .main-nav-bx .button-bx ul li a:active:focus:hover {
  background-color: transparent !important;
  border-color: var(--color-blue);
  color: var(--color-blue);
  background: transparent;
}
header .main-nav-bx .button-bx ul li a .normal {
  display: inline-block;
}
header .main-nav-bx .button-bx ul li a .privilege {
  display: none;
}
header .mobile-header {
  /* main nav */
}
header .mobile-header .main-nav-bx {
  padding: 0.375rem 0 0.313rem;
}
header .mobile-header .main-nav-bx figure {
  margin: 0;
}
header .mobile-header .main-nav-bx figure a {
  text-decoration: none;
}
header .mobile-header .main-nav-bx .button-bx ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header .mobile-header .main-nav-bx .button-bx ul li {
  display: inline-block;
}
header .mobile-header .main-nav-bx .button-bx ul li a {
  margin-inline: 0.469rem;
}
header .mobile-header .main-nav-bx .ham-nav-bx {
  margin-inline: 0.375rem;
}
header .mobile-header .main-nav-bx .ham-nav-bx span img {
  filter: brightness(0) invert(1);
}
header .mobile-header .main-nav-bx .top-links .icons-nav,
header .mobile-header .main-nav-bx .btm-links .icons-nav {
  display: inline-block;
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul {
  list-style-type: none;
  margin: 0.125rem 0 0 0;
  padding: 0;
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li {
  display: inline-block;
  padding: 0 0.25rem 0 0.25rem;
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li:last-child,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li:last-child {
  border: none;
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li a,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li a {
  display: inline-block;
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li .select2 .select2-selection,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li .select2 .select2-selection {
  border: none;
  background-color: transparent;
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li .dropdown .btn,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li .dropdown .btn {
  --bs-btn-padding-y: 0rem;
  --bs-btn-padding-x: 0rem;
  --bs-btn-color: var(--color-white);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--color-white);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--color-white);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-white);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--tp-nav-txt);
  font-size: var(--breacrumbs-txt);
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li .dropdown .btn::after,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li .dropdown .btn::after {
  background: url("../../images/arrow.svg") no-repeat;
  border: none;
  width: 12px;
  height: 9px;
  background-size: contain;
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li .dropdown ul,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li .dropdown ul {
  padding: 0;
  margin: 0;
  --bs-dropdown-min-width: 5rem;
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li .dropdown ul li,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li .dropdown ul li {
  display: block;
  padding: 0;
  font-size: var(--tp-nav-txt);
  font-size: var(--breacrumbs-txt);
}
header .mobile-header .main-nav-bx .top-links .icons-nav ul li .dropdown #dropdownMenuCountry::after,
header .mobile-header .main-nav-bx .btm-links .icons-nav ul li .dropdown #dropdownMenuCountry::after {
  display: none;
}
header .mobile-header .main-nav-bx .btm-links {
  padding: 1.375rem 0 0;
}
header .mega-menu {
  position: absolute;
  width: 100%;
  background: var(--bs-body-bg);
  padding: 0px;
  padding-bottom: 50px;
  z-index: 10;
  transition: height 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}
header .mega-menu .close-btn {
  position: absolute;
  right: 0;
  top: 15px;
  transition: ease-in-out 0.3s;
  width: 25px;
  height: 25px;
}
header .mega-menu .close-btn img {
  filter: brightness(0) invert(1);
  width: 15px;
  height: 15px;
}
header .mega-menu .close-btn:hover img {
  cursor: pointer;
  transition: ease-in-out 0.3s;
  filter: brightness(0) invert(0);
  width: 15px;
  height: 15px;
}
header .mega-menu .menu-accounts h5 img {
  width: 15px;
  height: 15px;
  position: absolute;
  right: -10px;
  top: 8px;
}
header .mega-menu .main-categories {
  background: rgb(236, 203, 129);
  background: linear-gradient(140deg, rgb(236, 203, 129) 0%, rgb(65, 105, 92) 100%);
  height: 100%;
  padding: 30px 20px;
}
header .mega-menu .main-categories ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
header .mega-menu .main-categories ul li {
  padding-bottom: 6.125rem;
}
header .mega-menu .main-categories ul li a {
  color: var(--color-white);
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
header .mega-menu .main-categories ul li a h5 span {
  text-align: right;
  float: right;
  width: 10px;
}
header .mega-menu .main-categories ul li a h5 span img {
  filter: brightness(0) invert(1);
}
header .mega-menu .main-categories ul li:hover a {
  color: var(--color-white);
}
header .mega-menu .menu-links {
  position: relative;
  padding: 30px 0 0 50px;
}
header .mega-menu .menu-links ul {
  display: inline-block;
  padding: 0 5px;
  margin: 0;
  list-style: none;
}
header .mega-menu .menu-links ul h6 {
  margin: 0 0 8px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
}
header .mega-menu .menu-links ul h6 a {
  color: var(--color-blue);
  text-decoration: none;
  text-decoration: underline;
  text-transform: uppercase;
  position: relative;
  font-weight: 600;
}
header .mega-menu .menu-links ul h6 a::before {
  content: "";
  background-image: url(../../images/privilege-bullet.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  position: absolute;
  left: -15px;
  top: 4px;
}
header .mega-menu .menu-links ul li {
  padding: 6px 0;
  line-height: 14px;
}
header .mega-menu .menu-links ul li a {
  color: var(--color-white);
  font-size: 14px;
  line-height: 17px;
  padding-right: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
header .mega-menu .menu-links ul li a:hover {
  color: var(--color-mcb-blue);
  text-decoration: none;
}
header .mega-menu .menu-links ul li a:hover span {
  margin-right: 3px;
  opacity: 1;
  transition: ease-in-out 0.3s;
  width: 8px;
}
header .mega-menu .menu-links ul li a span {
  margin-right: 0;
  opacity: 0;
  display: inline-block;
  width: 0;
  transition: ease-in-out 0.3s;
}
header .mega-menu .menu-links ul li a span img {
  filter: brightness(0) invert(1);
}
header .mega-menu .has-no-cat li:first-child {
  padding-top: 2px;
  line-height: 22px;
}
header .search-icon {
  width: 45px;
  height: 34px;
  position: absolute;
  top: 5px;
  right: 0;
  display: block;
  color: var(--bordercolor);
  font-weight: 300;
  border-left: 1px solid var(--bordercolor);
  line-height: 32px;
}
header .search-icon .search-icon-img {
  height: 26px;
  filter: var(--iconfilter);
  transition: all 0.5s img;
  transition-height: 30px;
  transition-filter: var(--iconfilter);
  transition-transition: all 0.5s;
}
header .search-bx {
  display: none;
  position: fixed;
  z-index: 3;
  width: 100%;
  background: var(--bs-body-bg);
  padding: 80px 0;
  box-shadow: 0 0 1px var(--bordercolor);
}
header .search-bx .container {
  position: relative;
}
header .search-bx .container .search-bar {
  min-height: 46px;
  font-size: 18px;
  padding: 5px 68px 5px 15px;
  font-family: "Open Sans", sans-serif;
  color: var(--maintext);
  border: 1px solid var(--bordercolor);
}
header .search-bx .container .search-bar:focus {
  outline: none;
  box-shadow: none;
}
header .search-bx .container .search-bar::-moz-placeholder {
  color: var(--color-white);
}
header .search-bx .container .search-bar::placeholder {
  color: var(--color-white);
}
header .search-bx .container .search-icon .normal {
  display: inline-block;
}
header .search-bx .container .search-icon .privilege {
  display: none;
}
header .search-bx h6 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 10px;
  margin-right: 3px;
  margin-left: 3px;
  color: var(--txtlightgrey);
}
header .search-bx p {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}
header .search-result-capsule {
  padding: 3px 8px;
  border: 1px solid var(--bordercolor);
  margin: 3px;
  display: inline-block;
  font-size: 10px;
  color: var(--color-white);
  transition: all 0.5s;
  text-transform: uppercase;
  text-decoration: none;
}
header .search-result-capsule:hover {
  color: var(--color-blue);
  background-color: var(--colo-green);
  border: 1px solid var(--color-green);
}
header .srch-close-btn {
  position: absolute;
  right: 130px;
  top: 30px;
  width: 15px;
  height: 15px;
  transition: ease-in-out 0.3s;
}
header .srch-close-btn img {
  filter: brightness(0) invert(1);
  width: 15px;
  height: 15px;
}
header .srch-close-btn img:hover {
  outline: 0;
  text-decoration: none;
  color: var(--color-green);
  cursor: pointer;
  filter: var(--iconfilter);
}
header .srch-close-btn:hover img {
  filter: brightness(0) invert(0);
}
header .most-seraches {
  text-align: right;
  border-right: 1px solid var(--bordercolor);
}
header .predictive-box {
  height: 300px;
  background: var(--bs-body-bg);
  border-radius: 5px;
  border-top: none !important;
  z-index: 10;
  width: 100%;
  overflow-y: auto;
  border: 1px solid var(--bordercolor);
}
header .predictive-box #search_result_return {
  list-style: none;
  padding: 6px 16px;
  display: inline-block;
  margin: 0;
  width: 100%;
}
header .predictive-box #search_result_return li {
  width: 33%;
  display: inline-block;
  text-align: left;
  font-size: 12px;
  float: left;
  padding: 5px 15px 5px 0px;
}
header .predictive-box #search_result_return li a {
  color: var(--color-white);
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 0px 0 0;
  font-size: 12px;
}
header .predictive-box #search_result_return li a:hover {
  color: var(--color-green);
  text-decoration: none;
  outline: 0;
}
header .predictive-box #search_result_return li img {
  filter: brightness(0) invert(1);
}
header .predictive-box #search_result_return li.search-no-result {
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: var(--color-green);
  font-weight: 600;
  float: none;
}
header .mob-menu {
  height: 100%;
  width: 355px;
  position: fixed;
  z-index: 6;
  top: 0;
  right: -400px;
  background-color: var(--bs-body-bg);
  overflow-x: hidden;
  transition: 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
  box-shadow: 0 0 30px var(--mobbgfadeshadow);
}
header .mob-menu.show {
  right: 0;
}
header .mob-menu .col .close-btn-mob-menu .normal {
  display: inline-block;
}
header .mob-menu .col .close-btn-mob-menu .privilege {
  display: none;
}
header .mob-menu .top-bar {
  padding: 14px 16px;
}
header .mob-menu .top-bar .mob-menu-top-links {
  list-style: none;
  padding: 1rem 0px;
  background: var(--menu-mob-bg);
  margin-bottom: 0;
  margin: 0;
  border-bottom: 1px solid #999999;
}
header .mob-menu .top-bar .mob-menu-top-links li {
  padding: 15px 0;
}
header .mob-menu .top-bar .mob-menu-top-links li a {
  color: var(--maintext) !important;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}
header .mob-menu .mob-menu-main-links {
  list-style: none;
  padding: 0 16px 20px;
  background: var(--bgcolor);
}
header .mob-menu .mob-menu-main-links li {
  padding: 15px 0;
  position: relative;
}
header .mob-menu .mob-menu-main-links li.has-menu::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  right: 0;
  font-size: 20px;
  top: 4px;
  color: var(--maintext);
}
header .mob-menu .mob-menu-main-links li a {
  color: var(--maintext) !important;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .mob-menu .mob-menu-main-links li a:focus {
  color: var(--colorgreen);
  outline: 0;
}
header .mob-menu .mob-menu-main-links li a:hover {
  color: var(--colorgreen);
  text-decoration: none;
}
header .mob-menu .mob-menu-main-links li a img {
  filter: brightness(0) invert(1);
}
header .mob-menu .mob-menu-main-links li img {
  filter: brightness(0) invert(1);
}
header .mob-menu .mob-menu-other-links {
  list-style: none;
  padding: 0 16px 20px;
  background: var(--menu-mob-bg);
  margin-bottom: 0;
}
header .mob-menu .mob-menu-other-links li {
  padding: 15px 0;
}
header .mob-menu .mob-menu-other-links li a {
  color: var(--maintext);
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}
header .sub-mob-menu {
  height: 100%;
  width: 355px;
  position: fixed;
  z-index: 2;
  top: 0;
  right: -355px;
  background-color: var(--bs-body-bg);
  overflow-x: hidden;
  transition: 0.7s;
  box-shadow: 0 0 1px var(--bordercolor);
}
header .sub-mob-menu.show {
  right: 0;
}
header .sub-mob-menu .col .close-btn-mob-menu .normal,
header .sub-mob-menu .col .back-sub-mob .normal {
  display: inline-block;
}
header .sub-mob-menu .col .close-btn-mob-menu .privilege,
header .sub-mob-menu .col .back-sub-mob .privilege {
  display: none;
}
header .sub-mob-menu a {
  text-decoration: none;
}
header .sub-mob-menu a h6 {
  padding-top: 1rem;
  font-size: 22px;
  height: auto;
  color: var(--color-blue);
}
header .sub-mob-menu .top-bar {
  padding: 14px 16px;
}
header .sub-mob-menu .top-bar .mob-menu-top-links {
  list-style: none;
  padding: 1rem 0px;
  background: var(--menu-mob-bg);
  margin-bottom: 0;
  margin: 0;
  border-bottom: 1px solid #999999;
}
header .sub-mob-menu .top-bar .mob-menu-top-links li {
  padding: 15px 0;
}
header .sub-mob-menu .top-bar .mob-menu-top-links li a {
  color: var(--maintext) !important;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}
header .sub-mob-menu .mob-submenu-links {
  list-style: none;
  padding: 0 16px 0;
  margin: 0;
  background: var(--bgcolor);
}
header .sub-mob-menu .mob-submenu-links li {
  padding: 15px 0;
  position: relative;
}
header .sub-mob-menu .mob-submenu-links li.has-menu::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  right: 0;
  font-size: 20px;
  top: 4px;
  color: var(--maintext);
}
header .sub-mob-menu .mob-submenu-links li a {
  color: var(--maintext) !important;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .sub-mob-menu .mob-submenu-links li a:focus {
  color: var(--colorgreen);
  outline: 0;
}
header .sub-mob-menu .mob-submenu-links li a:hover {
  color: var(--colorgreen);
  text-decoration: none;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item {
  border: none;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header {
  display: flex;
  white-space: nowrap;
  justify-content: space-between;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header a {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  font-size: 15px;
  padding: 10px 0;
  font-weight: 400;
  text-decoration: none;
  color: var(--bs-accordion-btn-color);
  text-transform: none;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header .accordion-button {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  font-size: 15px;
  padding: 10px 0;
  font-weight: 400;
  width: 17px;
  height: 40px;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--color-blue);
  background-color: transparent;
  box-shadow: none;
  font-weight: 700;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header .accordion-button::after {
  filter: brightness(0) invert(1);
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header.active a {
  color: var(--color-blue);
  font-weight: 700;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header.active .accordion-button {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  font-size: 15px;
  padding: 10px 0;
  font-weight: 400;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-header.active .accordion-button:not(.collapsed) {
  color: var(--color-blue);
  background-color: transparent;
  box-shadow: none;
  font-weight: 700;
}
header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-collapse .accordion-body .mob-sub-nav ul li a {
  font-size: 15px;
}
header .sub-mob-menu .mob-sub-nav ul li {
  padding: 5px 0;
}
header .sub-mob-menu .direct-inner-mob ul {
  list-style-type: none;
  margin: 0;
  padding: 0 18px;
}
header .sub-mob-menu .direct-inner-mob ul li {
  padding: 10px 0;
}
header .sub-mob-menu .direct-inner-mob ul li a {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  font-size: 15px;
  font-weight: 400;
  color: var(--bs-accordion-btn-color);
}

.calculator-embed .loan-calc-bx .white-bg-bx {
  height: auto;
  margin: -250px auto 0;
  position: static;
  padding: 10px 0 20px;
  margin-top: -225px;
}

body header .main-nav-bx .button-bx ul li a .normal {
  display: none;
}
body header .main-nav-bx .button-bx ul li a .privilege {
  display: inline-block;
  filter: invert(0) brightness(25);
}
body header .main-nav-bx .button-bx ul li a:hover .privilege {
  filter: invert(45%) sepia(50%) saturate(400%) hue-rotate(350deg) brightness(150%) contrast(85%);
}
body header .opn-srch i .normal {
  display: none;
}
body header .opn-srch i .privilege {
  display: inline-block;
}
body header .mob-menu .col .close-btn-mob-menu .normal,
body header .mob-menu .col .back-sub-mob .normal {
  display: none;
}
body header .mob-menu .col .close-btn-mob-menu .privilege,
body header .mob-menu .col .back-sub-mob .privilege {
  display: inline-block;
}
body header .sub-mob-menu .col .close-btn-mob-menu .normal,
body header .sub-mob-menu .col .back-sub-mob .normal {
  display: none;
}
body header .sub-mob-menu .col .close-btn-mob-menu .privilege,
body header .sub-mob-menu .col .back-sub-mob .privilege {
  display: inline-block;
}
body footer .ft-social ul li img {
  filter: invert(50%) sepia(6%) saturate(2597%) hue-rotate(109deg) brightness(95%) contrast(78%);
}
body .search-bx .container .search-icon .normal {
  display: none;
}
body .search-bx .container .search-icon .privilege {
  display: inline-block;
}

@media (max-width: 767px) {
  body.privilege .cards-slider .swiper-slide {
    transition: all 2s ease;
  }
  .justify-content-unset-swiper-wrapper-mob .swiper-wrapper {
    justify-content: unset !important;
  }
  .desk-header {
    display: none;
  }
  .mobile-header {
    display: block;
  }
  .d-show {
    display: none !important;
  }
  .t-show {
    display: none !important;
  }
  .m-show {
    display: block !important;
  }
  html {
    font-size: calc(60% + 0.8vmin);
  }
}
/* header */
/* banner */
.banner {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
}
.banner h1 {
  font-family: var(--fontOpenSans);
  font-size: var(--fontSize80);
  font-weight: var(--fontWeightBold);
  line-height: var(--lineHeight94);
  background: linear-gradient(99.27deg, #01808d 11.5%, #00536b 57.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/*--------------------------------------------------------------
    #hero-style
--------------------------------------------------------------*/
.hero-slider {
  width: 100%;
  height: 700px;
  display: flex;
  position: relative;
  z-index: 0;
}
.hero-slider.mcb-my-swiper-privilege {
  height: auto;
}
.hero-slider.mcb-my-swiper-privilege .swiper-slide.swiper-slide-active .slide-image {
  transform: scale3d(1, 1, 1);
}
.hero-slider.mcb-my-swiper-privilege .swiper-slide.swiper-slide-duplicate-active .slide-image {
  transform: scale3d(1, 1, 1);
}
.hero-slider.mcb-my-swiper-privilege .slide-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale3d(1.4, 1.4, 1.4);
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 1400ms ease;
}
.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}
.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.hero-slider .swiper-button-prev {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: none;
  left: 25px;
  transform: translateX(50px);
}
.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: none;
  right: 25px;
  transform: translateX(-50px);
}
.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}
.hero-slider:hover .swiper-button-prev {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.hero-slider:hover .swiper-button-next {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.hero-slider .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: var(--bs-body-bg);
  transition: all 0.2s ease;
  border: 1px solid var(--color-blue);
  border-radius: 5px;
}
.hero-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--color-blue);
}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 30px;
  bottom: 50px;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}
.hero-slider .swiper-pagination-custom {
  bottom: 30px;
}
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

.swiper-pagination {
  text-align: left;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.hero-style {
  height: 850px;
  transition: all 0.4s ease;
}
.hero-style .slide-bx {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 6.75rem 3.375rem 0;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-size: contain !important;
  text-align: center;
  transition: all 1s ease;
  opacity: 0;
}
.hero-style .slide-bx .line.animated.scaling {
  /* animation-duration: 1s; */
  /* animation-fill-mode: both; */
  animation-name: scaling;
  /* animation-delay: 0.3s; */
}
.hero-style .slide-btns {
  animation-name: zoomIn;
  animation-duration: 6s;
  animation-delay: 0s;
  /* transform: translateX(-50%); */
}
.hero-style .slide-title {
  max-width: 100%;
  transition: all 0.5s ease;
}
.hero-style .slide-title h2 {
  font-family: var(--fontOpenSans);
  font-size: 5.625rem;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  margin: 0 0 40px;
  text-transform: capitalize;
  transition: all 0.5s ease;
  color: white;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: var(--colorGreen);
  -webkit-animation-name: zoomIn;
  animation-duration: 4s;
  animation-delay: 0s;
  /* transform: translateX(-50%); */
}
.hero-style .slide-text {
  max-width: 100%;
  transition: all 0.5s ease;
}
.hero-style .slide-text p {
  opacity: 0.8;
  font-family: Rajdhani;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 40px;
  transition: all 0.4s ease;
}
.hero-style .slide-btns {
  max-width: 100%;
}
.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}
.hero-style .slide-bx {
  position: relative;
}
.hero-style .slide-bx .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 375px;
  left: 0;
  top: 213px;
  position: absolute;
  border: 12px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
.hero-style .slide-bx .line.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.hero-style .slide-bx .line2 {
  content: "";
  display: inline-block;
  width: 100%;
  height: 375px;
  right: 0;
  top: 213px;
  position: absolute;
  border: 12px solid #fff;
  -webkit-clip-path: polygon(57% 0%, 1000% 0, 100% 100%, 33% 100%);
  clip-path: polygon(57% 0%, 1000% 0, 100% 100%, 33% 100%);
}
.hero-style .slide-bx .line2.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  animation-delay: 0.3s;
}

.mcb-my-swiper-pagination {
  bottom: 100px !important;
  left: 0 !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  top: unset !important;
  right: unset !important;
}
.mcb-my-swiper-pagination .swiper-pagination-bullet {
  margin: 0 3px !important;
}

.dg.ac {
  display: none !important;
}

.mcb-my-swiper::after {
  content: "";
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  opacity: 0.9;
  z-index: 0;
}
.mcb-my-swiper .swiper-slide.swiper-slide-active {
  z-index: 9999;
}
.mcb-my-swiper .swiper-slide .slide-inner .slide-bx {
  opacity: 1;
}
.mcb-my-swiper .swiper-slide .slide-inner .slide-bx .line {
  left: 15%;
  top: 35%;
}

@keyframes scaling {
  0% {
    transform: scale(5);
    -webkit-transform: scale(5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.line {
  animation-name: move;
  animation-duration: 3s;
  /* transform: translateX(-50%); */
}
@keyframes move {
  0% {
    transform: scale(5);
  }
  100% {
    transform: scale(5);
  }
}
.line2 {
  animation-name: move2;
  animation-duration: 3s;
  /* transform: translateX(-50%); */
}
@keyframes move2 {
  0% {
    transform: translate(100%, 100%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
@media (max-width: 991px) {
  .hero-slider {
    height: 600px;
  }
  .hero-slider.mcb-my-swiper-privilege {
    height: auto;
  }
  .hero-style {
    height: 600px;
  }
  .hero-style .slide-title h2 {
    font-size: 50px;
    margin: 0 0 0px;
  }
  .hero-style .slide-btns > a:first-child {
    margin-right: 10px;
    margin-bottom: -70px;
  }
}
@media (max-width: 767px) {
  header .most-seraches {
    text-align: left;
    padding-bottom: 50px;
    border-right: none;
  }
  header .srch-close-btn {
    right: 12px !important;
    top: 13px !important;
    font-size: 16px !important;
    line-height: 16px !important;
  }
  header .search-bx {
    padding: 30px 0 !important;
  }
  .hero-slider {
    height: 500px;
  }
  .hero-slider.mcb-my-swiper-privilege {
    height: auto;
  }
  .hero-slider .swiper-button-prev {
    display: none;
  }
  .hero-slider .swiper-button-next {
    display: none;
  }
  .hero-slider .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    border-radius: 3px;
  }
  .hero-style {
    height: 673px;
  }
  .hero-style .slide-inner {
    align-items: flex-start;
  }
  .hero-style .slide-inner .slide-bx {
    border: none;
    padding: 8.75rem 3.375rem 0;
    background-size: contain !important;
  }
  .hero-style .slide-inner .slide-bx .slide-title h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 140px;
  }
  .hero-style .slide-inner .slide-bx .slide-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 30px;
  }
  .hero-style .slide-btns > a:first-child {
    margin-right: 10px;
    margin-top: -150px;
  }
}
@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .hero-style .container {
    padding-top: 95px;
  }
}
@media (max-width: 1199px) {
  .whgyc .whgyc-icons ul {
    justify-content: space-between !important;
  }
  .whgyc .whgyc-icons ul li {
    padding-inline: 0 !important;
  }
  .hero-style .slide-title h2 {
    font-size: 75px;
  }
  .cards.bancassurance .tabs-content-area.bancassurance-right {
    background-image: none;
  }
  .cards .tabs-content-area {
    background-image: none;
  }
  .cards.bancassurance .tabs-content-area.bancassurance-right .bubble-button {
    --bs-btn-padding-x: 1.525rem;
  }
}
/* banner */
/* breadcrumb */
.breadcrumb-sec {
  display: block;
  padding: 7px 0 0;
}
.breadcrumb-sec .breadcrumb {
  display: flex;
  justify-content: flex-start;
  align-items: end;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.breadcrumb-sec .breadcrumb .breadcrumb-item {
  padding-right: 0rem !important;
  padding-left: 0 !important;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.188rem;
  display: flex;
}
.breadcrumb-sec .breadcrumb .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0;
  color: var(--color-white);
  content: "/";
  padding-top: 1px;
  padding-top: 0;
  font-size: 1rem;
  line-height: 1.188rem;
  font-weight: 300;
}
.breadcrumb-sec .breadcrumb .breadcrumb-item:first-child:before {
  content: "";
}
.breadcrumb-sec .breadcrumb .breadcrumb-item a {
  color: var(--color-white);
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.188rem;
  text-decoration: none;
}
.breadcrumb-sec .breadcrumb .breadcrumb-item a img {
  vertical-align: text-top;
  filter: brightness(0) invert(1);
}
.breadcrumb-sec .breadcrumb .breadcrumb-item.active {
  color: var(--colorGreen);
  padding-top: 0;
}
.breadcrumb-sec .breadcrumb .breadcrumb-item.active::before {
  padding-top: 0;
  font-size: 1rem;
  line-height: 1.188rem;
  font-weight: 300;
  color: var(--color-white);
}

/* breadcrumb */
/* introdution-sec */
.introdution-sec .introduction-text-area {
  text-align: center;
  margin-top: 40px;
}
.introdution-sec .introduction-text-area .box-main {
  display: flex;
  justify-content: space-between;
}
.introdution-sec .introduction-text-area .box-main .box {
  position: relative;
  padding: 45px 40px;
  min-height: 220px;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: all 0.5s ease;
  width: 31%;
  border: 1px solid var(--color-blue);
}
.introdution-sec .introduction-text-area .box-main .box h5 {
  transition: all 0.5s ease;
}
.introdution-sec .introduction-text-area .box-main .box:hover {
  background-color: var(--bs-body-bg);
}
.introdution-sec .introduction-text-area .box-main .box:hover h5 {
  color: var(--color-blue);
}
.introdution-sec .introduction-text-area .box-main .box::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translate(100%, -50%);
  font-size: 4em;
  color: var(--color-blue);
}
.introdution-sec .introduction-text-area .box-main .box:last-child::after {
  display: none;
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .introdution-sec .introduction-text-area .box-main .box {
    padding: 30px 20px;
  }
  .introdution-sec .introduction-text-area .box-main .box::after {
    right: -10px;
  }
}
@media (max-width: 991px) {
  .introdution-sec .introduction-text-area .box-main .box {
    width: 100%;
    margin-bottom: 50px;
  }
  .introdution-sec .introduction-text-area .box-main .box::after {
    right: 50%;
    top: 104%;
    transform: translate(50%, -50%) rotate(90deg);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .introdution-sec .introduction-text-area .box-main .box {
    width: 30%;
  }
  .introdution-sec .introduction-text-area .box-main .box::after {
    right: -15px;
  }
}
.introdution-sec .introduction-text-area .box-main h5 {
  font-size: var(--heading-6);
  font-weight: 600;
}
@media (max-width: 991px) {
  .introdution-sec .introduction-text-area .box-main {
    flex-direction: column;
  }
}

/* introdution-sec */
/* palm */
.palm {
  position: relative;
  overflow: hidden;
}
.palm .img {
  display: none;
}
.palm .details {
  width: 100%;
  text-align: center;
  /* padding-top: 3rem; */
}
.palm .details .sec-main-heading {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-1);
  color: var(--color-green);
  margin-bottom: 0;
}
.palm .details p {
  padding-top: 1.563rem;
  margin: 0;
}
.palm .details .buttons-animation-bx {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  left: 0;
  width: 300px;
  display: flex !important;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-end;
  height: 55%;
}
.palm .details .buttons-animation-bx .btn {
  pointer-events: none;
  color: var(--color-white);
  padding: 10px 45px;
}
.palm .details .buttons-animation-bx .btn:nth-child(1) {
  animation: nudge1 2s infinite;
}
.palm .details .buttons-animation-bx .btn:nth-child(2) {
  animation: nudge1 2.5s infinite;
}
.palm .details .buttons-animation-bx .btn:nth-child(3) {
  animation: nudge1 2.8s infinite;
}
.palm .details .buttons-animation-bx .btn:nth-child(4) {
  animation: nudge1 3s infinite;
}
.palm .details .d-show img {
  width: 100% !important;
}
.palm .palm-details h3 {
  padding: 0;
  margin: 0;
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-3);
  line-height: 3.375rem;
  color: #666666;
  text-transform: uppercase;
  padding-bottom: 35px;
}
.palm .palm-details p {
  padding: 0;
  margin: 0;
  font-size: var(--paragraph-txt);
  line-height: var(--paragraph-txt-18);
  color: var(--colorDarkGray);
  padding-bottom: 50px;
}
.palm .palm-details ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-top: 45px;
}
.palm .palm-details ul li {
  padding-top: 6px;
  padding-bottom: 6px;
}
@media (max-width: 767px) {
  .palm .details .sec-main-heading {
    font-size: var(--heading-4);
    color: var(--color-blue);
  }
  .palm .details p {
    padding: 0.563rem 1.563rem 0;
    margin: 0;
  }
  .palm .details .section-select {
    padding: 0.563rem 1.563rem 0;
  }
  .palm .palm-details h3 {
    padding-top: 45px;
    font-size: 28px;
    line-height: 30px;
  }
  .palm .palm-details ul {
    display: flex;
    justify-content: center;
  }
  .palm .palm-details ul li {
    padding: 0px 6px;
  }
}

/* palm */
.cards .tabs-content-area {
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.cards .tabs-content-area .cards-slider {
  padding: 125px 10px;
  position: relative;
}
.cards.bancassurance .tabs-content-area.bancassurance-right {
  background-size: contain;
  background-position: 355px;
  background-repeat: no-repeat;
}
.cards.bancassurance .tabs-content-area.bancassurance-right .cards-slider {
  padding: 125px 10px;
  padding-bottom: 125px !important;
  position: relative;
}

.box-main .swiper {
  margin-top: 20px;
  padding: 65px 5px !important;
}
.box-main .swiper .swiper-slide-next {
  margin-top: -20px;
}
.box-main .swiper .box-wrap {
  height: 450px;
  border: 1px solid var(--color-blue);
  border-radius: 20px;
  border-radius: 20px;
  -khtml-border-radius: 20px;
  overflow: hidden;
  scale: 0.95;
  transition: all 0.2s ease-in-out;
}
.box-main .swiper .box-wrap .box-img-wrap {
  border-radius: 0px 0 20px 20px;
  border-radius: 0px 0 20px 20px;
  -khtml-border-radius: 0px 0 20px 20px;
  overflow: hidden;
  transition: all 0.5s ease;
}
.box-main .swiper .box-wrap .box-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  border-radius: 20px;
  -khtml-border-radius: 20px;
  overflow: hidden;
}
.box-main .swiper .box-wrap .box-img-wrap h3 {
  font-size: var(--paragraph-txt-20);
  color: var(--colorWhite);
  text-transform: uppercase;
}
.box-main .swiper .box-wrap .box-txt-wrap {
  padding: 15px;
  background: var(--bs-body-bg);
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
  -khtml-border-radius: 0 0 20px 20px;
  border-top: 1px solid var(--color-blue);
}
.box-main .swiper .box-wrap .box-txt-wrap h3 {
  font-family: var(--fontOpenSans);
  font-size: var(--heading-6);
  color: var(--color-white);
  text-transform: uppercase;
  line-height: 24px;
}
.box-main .swiper .box-wrap .box-txt-wrap a {
  color: var(--color-white);
}
.box-main .swiper .box-wrap .box-txt-wrap a:hover {
  text-decoration: none;
}
.box-main .swiper .box-wrap .controller {
  bottom: 0;
}
.box-main .swiper .box-wrap:hover {
  scale: 1;
  box-shadow: 0px 0px 10px #ccc;
}
.box-main .swiper .box-wrap:hover .box-txt-wrap h3 {
  color: var(--color-blue);
}
.box-main .swiper .box-wrap:hover .box-txt-wrap a {
  color: var(--color-blue);
}
.box-main .swiper .controller {
  width: 136px;
  margin: 0 auto;
  height: 20px;
  position: relative;
  bottom: -50px;
}
.box-main .swiper.cards-slider .swiper-slide-next {
  margin-top: 0px;
}
.box-main .swiper.bancassurance-slider .swiper-slide-next {
  margin-top: 0px;
}
.box-main .swiper.deposit-slider .controller {
  width: 136px;
  margin: 0 auto;
  height: 20px;
  position: relative;
  bottom: -25px;
}

/* convenience */
.convenience {
  position: relative;
  overflow-x: hidden;
}
.convenience .details {
  width: 100%;
  position: absolute;
  top: 0;
  text-align: center;
}
.convenience .details .sec-main-heading {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-1);
  color: var(--color-green);
  margin-bottom: 0;
}
.convenience .details p {
  padding-top: 1.563rem;
  margin: 0;
}
.convenience .details .buttons-animation-bx {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.convenience .details .buttons-animation-bx .btn {
  pointer-events: none;
  padding: 10px 50px;
  color: var(--color-white);
}
.convenience .details .buttons-animation-bx .btn:nth-child(1) {
  animation: nudge1 2s infinite;
}
.convenience .details .buttons-animation-bx .btn:nth-child(2) {
  animation: nudge1 2.5s infinite;
  margin-top: 75px;
}
.convenience .details .buttons-animation-bx .btn:nth-child(3) {
  animation: nudge1 2.8s infinite;
  margin-top: 75px;
}
.convenience .details .buttons-animation-bx .btn:nth-child(4) {
  animation: nudge1 3s infinite;
}
@media (max-width: 767px) {
  .convenience .details .sec-main-heading {
    font-size: var(--heading-4);
    color: var(--color-blue);
  }
  .convenience .details p {
    padding: 0.563rem 1.563rem 0;
    margin: 0;
  }
  .convenience .details .section-select {
    padding: 0.563rem 1.563rem 0;
  }
}

/* convenience */
/* deposit-account */
.deposit-account {
  position: relative;
  overflow-x: hidden;
  background: rgb(255, 255, 255);
  margin: var(--standard-sec-mg) 0 0;
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(206, 234, 247) 100%);
}
.deposit-account .details {
  width: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  padding-top: 3rem;
}
.deposit-account .details .sec-main-heading {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-1);
  color: var(--color-green);
  margin-bottom: 0;
}
.deposit-account .details p {
  padding-top: 1.563rem;
  margin: 0;
}
@media (max-width: 767px) {
  .deposit-account .details .sec-main-heading {
    font-size: var(--heading-4);
    color: var(--color-blue);
  }
  .deposit-account .details p {
    padding: 0.563rem 1.563rem 0;
    margin: 0;
  }
  .deposit-account .details .section-select {
    padding: 0.563rem 1.563rem 0;
  }
}

/* deposit-account */
/* latest-news */
.latest-news {
  position: relative;
  overflow-x: hidden;
}
.latest-news .section-head {
  padding-bottom: 80px;
}
.latest-news .details {
  width: 100%;
  text-align: left;
  padding-inline: 15px;
  padding-top: 25px;
}
.latest-news .details h4 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-6);
  color: var(--color-blue);
  margin-bottom: 0;
}
.latest-news .details p {
  padding-top: 0;
  font-size: var(--paragraph-txt);
  margin: 0;
}
@media (max-width: 767px) {
  .latest-news .details .sec-main-heading {
    font-size: var(--heading-4);
    color: var(--color-blue);
  }
  .latest-news .details p {
    padding: 0.563rem 0rem 0;
    margin: 0;
  }
  .latest-news .details .section-select {
    padding: 0.563rem 1.563rem 0;
  }
}

/* latest-news */
/* whgyc */
.whgyc {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.whgyc .section-head {
  padding-bottom: 3.375rem;
}
.whgyc.title .section-head {
  padding-bottom: 0.375rem;
}
.whgyc.title .section-head ul.icon-list {
  padding: 3.75rem 0 0;
  padding-bottom: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
.whgyc.title .section-head ul.icon-list li {
  list-style-type: none;
  display: inline-block;
  padding: 0 3.225rem;
}
.whgyc.title .section-head ul.icon-list li:first-child {
  padding-left: 0;
}
.whgyc.title .section-head ul.icon-list li:last-child {
  border: none;
  padding-right: 0;
}
.whgyc.title .section-head ul.icon-list li img {
  width: 7.063rem;
}
.whgyc.title .section-head ul.icon-list li p {
  color: #000;
  text-align: center;
  font-family: Open Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.563rem;
  text-transform: uppercase;
  padding: 1rem 0 0;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .whgyc.title .section-head ul.icon-list li p {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .whgyc.title .section-head ul.icon-list {
    display: block;
    margin: 0 auto;
    width: 70%;
  }
  .whgyc.title .section-head ul.icon-list li {
    display: block;
    text-align: center;
    padding: 2.5rem 0;
    border: none;
  }
  .whgyc.title .section-head ul.icon-list li img {
    width: 7.063rem;
  }
  .whgyc.title .section-head ul.icon-list li p {
    padding: 1rem 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .whgyc.title .section-head ul.icon-list li {
    padding: 0 1.525rem;
  }
}
.whgyc .details {
  width: 100%;
  text-align: left;
  padding-inline: 0.938rem;
  padding-top: 1.563rem;
}
.whgyc .details h4 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-6);
  color: var(--color-blue);
  margin-bottom: 0;
}
.whgyc .details p {
  padding-top: 0;
  font-size: var(--paragraph-txt);
  margin: 0;
}
.whgyc .whgyc-icons ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0;
  padding: 0;
}
.whgyc .whgyc-icons ul .icons-swiper {
  padding: 30px 0 !important;
  padding-bottom: 60px !important;
}
.whgyc .whgyc-icons ul a {
  transition: all 0.5s ease;
  display: inline-block;
  transform: scale(0.9);
}
.whgyc .whgyc-icons ul a:hover {
  transform: scale(1);
}
.whgyc .whgyc-icons ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0;
}
.whgyc .whgyc-icons ul li img {
  filter: invert(45%) sepia(50%) saturate(400%) hue-rotate(350deg) brightness(150%) contrast(85%);
  width: 4em;
}
.whgyc .whgyc-icons ul li h4 {
  font-size: var(--paragraph-txt-16);
  margin: 0;
  padding: 1.063rem 0 0;
}
.whgyc .whgyc-icons ul li span {
  font-size: var(--paragraph-txt-16);
  margin: 0;
  padding: 0;
}
.whgyc .whgyc-icons .ul .li img {
  width: 4rem;
}
.whgyc .logos-sec {
  padding-bottom: 8.125rem;
  position: relative;
}
.whgyc .logos-sec .logosSwiper {
  background-color: var(--bs-body-bg);
  padding: 25px 0 !important;
}
.whgyc .logos-sec .logosSwiper .logos-bx {
  text-align: center;
  border-right: 1px solid var(--color-blue);
}
.whgyc .logos-sec .logosSwiper .logos-bx img {
  width: 55%;
}
.whgyc .logos-sec .logosSwiper .swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-prev .logos-bx {
  border-right: 1px solid transparent;
}
@media (max-width: 767px) {
  .whgyc .whgyc-icons ul .icons-swiper {
    padding-bottom: 50px !important;
  }
  .whgyc .details .sec-main-heading {
    font-size: var(--heading-4);
    color: var(--color-blue);
  }
  .whgyc .details p {
    padding: 0.563rem 1.563rem 0;
    margin: 0;
  }
  .whgyc .details .section-select {
    padding: 0.563rem 1.563rem 0;
  }
  .whgyc .whgyc-icons ul li h4 {
    font-size: var(--paragraph-txt-16);
  }
  .whgyc .whgyc-icons ul li span {
    font-size: var(--paragraph-txt-16);
    white-space: nowrap;
  }
}
.whgyc .keyFeature-box {
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(206, 234, 247, 0.2) 75%, rgb(206, 234, 247) 105%);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.whgyc .keyFeature-box .keyFeatures ul {
  display: flex;
  flex-wrap: wrap;
}
.whgyc .keyFeature-box .keyFeatures ul li {
  color: #000;
  font-family: Open Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 40%;
  padding-right: 3.125rem;
}
.whgyc .keyFeature-box .keyFeatures ul li:nth-child(1), .whgyc .keyFeature-box .keyFeatures ul li:nth-child(2) {
  padding-bottom: 2.188rem;
}

.whgyc-icons img {
  width: 4em;
}

/* whgyc */
/* footer */
footer {
  padding-top: 0.438rem;
  background: var(--color-blue);
  overflow-x: hidden;
  border-top: 1px solid var(--color-blue);
}
footer .top-foot {
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}
footer .top-foot .announcement-bx {
  width: 100%;
  border-top: 1px solid var(--bdGrey);
  border-bottom: 1px solid var(--bdGrey);
  display: flex;
  position: relative;
  overflow: hidden;
}
footer .top-foot .announcement-bx .ftr-latest-news-txt {
  font-family: var(--fontOpenSans);
  font-weight: var(--fontWeightBold);
  color: var(--colorBlack);
  font-size: var(--fontSize16);
  line-height: var(--lineHeight19);
  padding: 1.688rem 0.625rem 1.688rem 0;
  flex: 0 0 auto;
}
footer .top-foot .announcement-bx .murquee {
  position: relative;
  overflow: hidden;
  padding: 1.688rem 0;
  display: flex;
  align-items: center;
}
footer .top-foot .announcement-bx .murquee ul {
  list-style-type: none;
  padding: 0;
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  padding-left: 90%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: tic-h;
  animation-duration: 30s;
}
footer .top-foot .announcement-bx .murquee ul:hover {
  animation-play-state: paused;
}
footer .top-foot .announcement-bx .murquee ul li {
  border-right: 1px solid var(--bdGrey);
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding-left: 5rem;
}
footer .top-foot .announcement-bx .murquee ul li:last-child {
  padding-right: 0;
  border: none;
}
footer .top-foot .announcement-bx .murquee ul li a {
  font-family: var(--fontOpenSans);
  color: var(--colorBlack);
  font-size: var(--fontSize16);
  line-height: var(--lineHeight19);
  text-decoration: none;
  font-weight: var(--fontWeightMedium);
}
@keyframes tic-h {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee {
  0% {
    left: 0%;
  }
  100% {
    left: -100%;
  }
}
footer .mdl-foot {
  padding-top: 2.813rem;
}
footer .mdl-foot .col:first-child {
  flex: 1 0 70px;
}
footer .mdl-foot .col:last-child {
  display: flex;
  flex: 1 0 150px;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-end;
}
footer .mdl-foot .ft-logo figure a img {
  filter: brightness(0) invert(1);
}
footer .mdl-foot .ft-helpline {
  padding-top: 3.125rem;
}
footer .mdl-foot .ft-helpline.right {
  padding-top: 0rem;
}
footer .mdl-foot .ft-helpline span {
  font-size: var(--fontSize14);
  line-height: var(--lineHeight36);
  color: var(--bs-body-bg);
}
footer .mdl-foot .ft-helpline p {
  font-size: var(--fontSize36);
  line-height: var(--lineHeight36);
  color: var(--colorGreen);
}
footer .mdl-foot .ft-helpline p a {
  text-decoration: none;
  font-size: var(--fontSize36);
  line-height: var(--lineHeight36);
  color: var(--color-black);
}
footer .mdl-foot .quick-links {
  display: block;
}
footer .mdl-foot .quick-links ul {
  ist-style-type: none;
  margin: 0;
  padding: 0;
}
footer .mdl-foot .quick-links ul li {
  display: block;
  padding: 0.375rem 0;
}
footer .mdl-foot .quick-links ul li a {
  font-family: var(--fontOpenSans);
  color: var(--colorGreen);
  font-weight: 500;
  font-size: var(--fontSize18);
  line-height: var(--lineHeight21);
  text-decoration: none;
  transition: all 0.5s;
}
footer .mdl-foot .quick-links ul li a:hover, footer .mdl-foot .quick-links ul li a:focus {
  text-decoration: underline;
}
footer .mdl-foot .foot-nav {
  display: block;
  padding-bottom: 2.5rem;
}
footer .mdl-foot .foot-nav:last-child {
  padding-bottom: 0;
}
footer .mdl-foot .foot-nav h6 {
  font-family: var(--fontOpenSans);
  color: var(--color-black);
  font-weight: 500;
  font-size: var(--fontSize18);
  line-height: var(--lineHeight21);
}
footer .mdl-foot .foot-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .mdl-foot .foot-nav ul li {
  display: block;
  padding: 0.244rem 0;
  color: var(--bs-body-bg);
}
footer .mdl-foot .foot-nav ul li a {
  font-family: var(--fontOpenSans);
  color: var(--bs-body-bg);
  font-weight: 400;
  font-size: var(--fontSize16);
  line-height: var(--lineHeight20);
  text-decoration: none;
  transition: all 0.5s;
}
footer .mdl-foot .foot-nav ul li a:hover, footer .mdl-foot .foot-nav ul li a:focus {
  text-decoration: underline;
}
footer .mdl-foot .ft-social {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
footer .mdl-foot .ft-social h4 {
  display: inline-block;
  font-size: var(--ftr-nav-heading);
  color: var(--color-black);
  text-transform: none;
  margin: 0;
  padding: 0;
}
footer .mdl-foot .ft-social ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .mdl-foot .ft-social ul li {
  display: inline-block;
  padding-right: 0.938rem;
}
footer .mdl-foot .ft-social ul li:last-child {
  padding-right: 0;
}
footer .btm-foot {
  width: 100%;
  height: 51px;
  border-top: 1px solid #dedede;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6.25rem;
}
footer .btm-foot nav {
  display: inline-block;
}
footer .btm-foot nav ul {
  list-style-type: none;
  margin: 0.125rem 0 0 0;
  padding: 0;
}
footer .btm-foot nav ul li {
  display: inline-block;
  padding: 0 0.938rem;
  border-right: 1px solid var(--colorDarkGray);
  color: var(--bs-body-bg);
}
footer .btm-foot nav ul li:last-child {
  border: none;
}
footer .btm-foot nav ul li a {
  font-family: var(--fontOpenSans);
  color: var(--bs-body-bg);
  font-weight: 500;
  font-size: var(--fontSize16);
  line-height: var(--lineHeight19);
  text-decoration: none;
  transition: all 0.5s;
}
footer .btm-foot nav ul li a:hover, footer .btm-foot nav ul li a:focus {
  text-decoration: underline;
}
footer .btm-foot nav ul li:first-child {
  padding-left: 0;
}
footer .foot-accordion .accordion .accordion-item {
  border: 0.5px solid #e5e5e5;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: transparent;
}
footer .foot-accordion .accordion .accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
footer .foot-accordion .accordion .accordion-item:last-of-type {
  border-bottom: 0.5px solid #e5e5e5;
}
footer .foot-accordion .accordion .accordion-item .accordion-header .accordion-button {
  font-family: var(--fontOpenSans);
  background-color: transparent;
  color: var(--color-black);
  font-weight: 700;
  font-size: var(--fontSize16);
  line-height: var(--lineHeight21);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0.5rem 0.75rem;
}
footer .foot-accordion .accordion .accordion-item .accordion-header .accordion-button:after {
  width: auto;
  height: auto;
  background-image: none;
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  line-height: 28px;
  font-size: 15px;
  font-weight: 900;
  color: var(--color-black);
  text-align: center;
  transform: rotate(0);
}
footer .foot-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--colorGreen);
  background-color: var(--colorWhite);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
footer .foot-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  background-image: none;
  transform: rotate(135deg);
  color: var(--colorGreen);
}
footer .m-show .ft-mdl-logo-bx {
  border-top: 1px solid #e6e6e6;
  padding: 1.75rem 0 1.75rem;
}
footer .m-show .ft-mdl-logo-bx p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
footer .m-show .ft-mdl-logo-bx p a {
  margin-inline: 4px;
}
footer .m-show .mdl-foot {
  padding-top: 0;
}
footer .m-show .mdl-foot .ft-social {
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 1.5rem;
}
footer .m-show .mdl-foot .ft-social h4 {
  font-size: var(--tab-nav-txt);
  color: var(--colorDarkGray);
}
footer .m-show .mdl-foot .ft-social ul {
  padding-left: 20px;
}
footer .m-show .btm-foot {
  height: auto;
  margin-top: 0;
  padding: 0.5rem 0;
}
footer .m-show .btm-foot nav {
  width: 100%;
  display: inline-block;
}
footer .m-show .btm-foot nav ul {
  margin: 0.125rem 0 0 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
footer .m-show .btm-foot nav ul li {
  display: inline-block;
  padding: 0 0.938rem;
  border-right: 1px solid #595959;
}
footer .m-show .btm-foot nav ul li:last-child {
  border: none;
}
footer .m-show .btm-foot nav ul li a {
  text-decoration: none;
  transition: all 0.5s;
}
footer .m-show .btm-foot nav ul li a:hover, footer .m-show .btm-foot nav ul li a:focus {
  text-decoration: underline;
}
footer .m-show .btm-foot nav ul li:first-child {
  padding-left: 0;
}

/* footer */
@media (max-width: 320px) {
  .palm .img img {
    height: 810px;
  }
  header .mob-menu {
    width: 280px;
  }
  header .sub-mob-menu {
    width: 280px;
  }
  .hero-style .slide-inner .slide-bx {
    text-align: center;
    padding: 22.75rem 3.375rem 0;
  }
  .hero-style .slide-inner .slide-bx .slide-title h2 {
    font-size: 36px;
  }
  .palm .palm-details ul {
    padding-top: 35px;
  }
  .whgyc .whgyc-icons ul {
    justify-content: center;
    align-items: center;
  }
  .hero-style .slide-btns > a:first-child {
    margin-right: 10px;
    margin-bottom: 80px !important;
  }
}
@media (max-width: 414px) {
  .hero-style .slide-inner .slide-bx {
    text-align: center;
    padding: 5.75rem 3.375rem 0;
  }
  .hero-style .slide-btns > a:first-child {
    margin-right: 10px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
  .mt-115 {
    margin-top: 50px !important;
  }
  .deposit-account {
    margin: 0 0 0;
  }
  footer {
    padding-top: 0;
  }
  .whgyc .logos-sec {
    padding-bottom: 2.125rem;
  }
  .deals.loan-sec .tabs-area .nav-pills .nav-link {
    text-transform: uppercase;
    border-radius: 25px;
    padding: 7px 20px;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--color-black);
    font-size: var(--tp-nav-txt);
  }
  .palm .img img {
    height: 900px;
  }
  .deals .tabs-content-area {
    background-image: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .desk-header {
    display: none;
  }
  .mobile-header {
    display: block;
  }
  .d-show {
    display: none !important;
  }
  .m-show {
    display: none !important;
  }
  .t-show {
    display: block !important;
  }
  .hero-style .slide-bx {
    padding: 1.75rem 3.375rem;
  }
  .sec-main-heading,
  .sec-heading-area h2 {
    font-size: calc(50% + 4vmin) !important;
  }
  .palm .img img.t-show {
    height: 1070px;
  }
  .palm .palm-details h3 {
    font-size: var(--heading-4);
    line-height: 2.375rem;
    padding-bottom: 35px;
    padding-top: 35px;
  }
  .palm .palm-details ul li {
    display: inline-block;
    padding: 6px 6px;
  }
  .convenience {
    margin-bottom: -150px;
  }
  .convenience .img img.t-show {
    height: 600px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .convenience .details .row .col-12.col-md-3.m-auto.mt-4 {
    width: 35%;
  }
  .convenience .details .sec-main-heading,
  .convenience .details .sec-heading-area h2 {
    font-size: calc(50% + 4vmin) !important;
  }
  .deposit-account .img img.t-show {
    height: 560px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .latest-news .section-head {
    padding-bottom: 40px;
  }
  .whgyc .logos-sec {
    padding-bottom: 5.125rem;
    position: relative;
  }
  .loan-tab-result-bx {
    min-height: 680px !important;
  }
  .cards {
    padding-top: 50px;
  }
  .cards.cards.bancassurance {
    padding-top: 50px;
    z-index: 1;
    position: relative;
  }
  .box-main .swiper {
    padding: 20px 5px !important;
  }
  .box-main .swiper .box-wrap {
    height: 350px;
  }
  .box-main .swiper .controller {
    bottom: -20px;
  }
  .inner-banner .banner-txt .container .row .col-12 h2 {
    font-size: 2.325rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .calculator-embed {
    background-image: unset !important;
  }
  .calculator-embed .row .col-sm-7.col-md-11.col-lg-7.col-xl-7 {
    width: 86%;
  }
  .desk-header {
    display: none;
  }
  .mobile-header {
    display: block;
  }
  .d-show {
    display: none !important;
  }
  .m-show {
    display: none !important;
  }
  .t-show {
    display: block !important;
  }
  .sec-main-heading,
  .sec-heading-area h2 {
    font-size: calc(50% + 5vmin) !important;
  }
  .bankingOnTheGo .bankonthego .bankonthego-slide-wrap .bankongo-img-wrap img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .palm .img img.t-show {
    height: 1070px;
  }
  .palm .palm-details h3 {
    font-size: var(--heading-4);
    line-height: 2.375rem;
    padding-bottom: 35px;
    padding-top: 35px;
  }
  .palm .palm-details ul li {
    display: inline-block;
    padding-top: 6px 6px;
  }
  .convenience {
    margin-bottom: -150px;
  }
  .convenience .img img.t-show {
    height: 600px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .convenience .details .row .col-12.col-md-3.m-auto.mt-4 {
    width: 35%;
  }
  .deposit-account .img img.t-show {
    height: 560px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .latest-news .section-head {
    padding-bottom: 40px;
  }
  .whgyc .logos-sec {
    padding-bottom: 5.125rem;
    position: relative;
  }
  .cards {
    padding-top: 50px;
  }
  .cards.cards.bancassurance {
    padding-top: 50px;
    z-index: 1;
  }
  .box-main .swiper {
    padding: 20px 5px !important;
  }
  .box-main .swiper .box-wrap {
    height: 450px;
  }
  .box-main .swiper .controller {
    bottom: -20px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .palm .img img.t-show {
    height: 1180px;
  }
  .convenience {
    margin-bottom: -150px;
  }
  .convenience .img img.t-show {
    height: 700px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .convenience .details .row .col-12.col-md-3.m-auto.mt-4 {
    width: 35%;
  }
  .deals.loan-sec .loan-tab-result-bx .row .col-sm-7.col-md-11.col-lg-7.col-xl-7 {
    width: 86%;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .justify-content-unset-swiper-wrapper-1200-1699 .swiper-wrapper {
    justify-content: unset !important;
  }
  .calculator-embed {
    background-size: contain;
  }
  header .desk-header .main-nav-bx .row .col-md-2 {
    flex: 0 0 auto;
    width: 10%;
  }
  header .desk-header .main-nav-bx .row .col-md-7 {
    flex: 0 0 auto;
    width: 68%;
  }
  header .desk-header .main-nav-bx .row .col-md-7 nav ul li {
    padding: 0 0.338rem;
  }
  header .desk-header .main-nav-bx .row .col-md-3 {
    flex: 0 0 auto;
    width: 22%;
  }
  header .mega-menu .menu-links ul li a {
    font-size: 12px;
    line-height: 15px;
  }
  .sec-main-heading,
  .sec-heading-area h2 {
    font-size: calc(50% + 6vmin) !important;
  }
  .palm .palm-details h3 {
    font-size: var(--heading-4);
    line-height: 2.375rem;
  }
  .palm .details .d-show .col-7 img {
    width: 90%;
  }
  footer .mdl-foot .ft-social {
    text-align: left;
    width: -moz-max-content;
    width: max-content;
  }
  footer .mdl-foot .ft-helpline p a {
    font-size: var(--fontSize24);
  }
  header .main-nav-bx .top-menu,
  header .main-nav-bx .btm-menu {
    padding: 8px 0px !important;
  }
  header .main-nav-bx .top-menu nav ul li a,
  header .main-nav-bx .btm-menu nav ul li a {
    font-size: var(--fontSize13) !important;
  }
  header .top-links .icons-nav ul li {
    display: inline-block;
    padding: 0 0.688rem 0 0.688rem;
  }
  header .btm-links .icons-nav ul li {
    display: inline-block;
    padding: 0 0.688rem 0 0.688rem;
  }
  header.scrolled .btm-menu {
    padding-top: 1rem;
  }
  .cards.bancassurance .tabs-content-area.bancassurance-right {
    background-position: right;
  }
  .box-main .swiper .box-wrap {
    height: 380px;
  }
  .box-main .swiper .box-wrap .box-txt-wrap h3 {
    font-size: var(--paragraph-txt-20);
    line-height: 18px;
  }
  .box-main .swiper.bancassurance-slider .controller {
    width: 136px;
    margin: 0 auto;
    height: 20px;
    position: relative;
    bottom: -50px;
  }
  .inner-banner .banner-txt .container .row .col-12 h1 {
    font-size: 3.025rem !important;
  }
  .inner-banner .banner-txt .container .row .col-12 h2 {
    font-size: 3.025rem !important;
  }
  .hero-slider.mcb-my-swiper-privilege .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1420px;
  }
  header .desk-header .main-nav-bx .row .col-md-2 {
    width: 9%;
  }
  header .desk-header .main-nav-bx .row .col-md-7 {
    width: 73%;
  }
  header .desk-header .main-nav-bx .row .col-md-3 {
    width: 18%;
  }
  header .main-nav-bx nav ul li {
    padding: 0 0.038rem;
  }
  header .main-nav-bx nav ul li a {
    font-size: var(--fontSize13);
    padding: 10px 6px;
  }
  header .main-nav-bx .top-links .icons-nav ul li {
    padding: 0 0.188rem 0 0.188rem;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  header .top-links .icons-nav ul li,
  header .btm-links .icons-nav ul li {
    display: inline-block;
    padding: 0 0 0 0.488rem;
  }
  header .desk-header .main-nav-bx .row .col-md-2 {
    flex: 0 0 auto;
    width: 8%;
  }
  header .desk-header .main-nav-bx .row .col-md-7 {
    /* margin-left: 20px; */
    width: 70%;
  }
  header .desk-header .main-nav-bx .row .col-md-3 {
    width: 22%;
  }
  header .main-nav-bx nav ul li a {
    padding: 10px 3px;
  }
  header .desk-header .main-nav-bx .row .col-md-7 nav ul li {
    padding: 0px;
  }
  footer .mdl-foot .ft-helpline p a {
    font-size: var(--fontSize24);
  }
  footer .mdl-foot .foot-nav h6 {
    height: 37px;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .sec-main-heading,
  .sec-heading-area h2 {
    font-size: calc(35% + 5vmin) !important;
  }
  .palm .img img {
    height: 47rem;
  }
  header .main-nav-bx .top-menu {
    padding: 5px 0 0px 0px !important;
  }
  header .main-nav-bx .top-menu nav ul li a {
    font-size: var(--fontSize10) !important;
    padding: 6px 8px;
  }
  header .main-nav-bx .btm-menu {
    padding: 5px 0 0px 0px !important;
  }
  header .main-nav-bx .btm-menu nav ul li a {
    font-size: var(--fontSize10) !important;
    padding: 6px 8px;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  header .top-links .icons-nav ul li,
  header .btm-links .icons-nav ul li {
    display: inline-block;
    padding: 0 0 0 0.688rem;
  }
  header .desk-header .main-nav-bx .row .col-md-2 {
    width: 10%;
  }
  header .desk-header .main-nav-bx .row .col-md-7 {
    width: 70%;
  }
  header .desk-header .main-nav-bx .row .col-md-3 {
    width: 20%;
  }
  header .main-nav-bx nav ul li {
    padding: 0 0.038rem;
  }
  header .main-nav-bx nav ul li a {
    font-size: var(--fontSize13);
    padding: 10px 6px;
  }
  header .desk-header .main-nav-bx .row .col-md-7 nav ul li {
    padding: 0px;
  }
  footer .mdl-foot .ft-helpline p a {
    font-size: var(--fontSize24);
  }
  .cards .tabs-content-area {
    padding: 3rem 0;
  }
  .box-main .swiper.deposit-slider .box-wrap {
    height: 355px;
  }
  .box-main .swiper.cards-slider {
    padding: 10px 5px !important;
  }
  .box-main .swiper.cards-slider .box-wrap {
    height: 355px;
  }
  .box-main .swiper.bancassurance-slider {
    padding: 50px 5px !important;
  }
  .box-main .swiper.bancassurance-slider .box-wrap {
    height: 355px;
  }
}
@media (min-width: 1600px) and (max-width: 1680px) {
  .sec-main-heading,
  .sec-heading-area h2 {
    font-size: calc(50% + 5vmin) !important;
  }
}
@media (min-width: 1920px) {
  header .main-nav-bx nav ul li a {
    font-size: var(--fontSize15);
  }
}
@media (min-width: 2000px) {
  .hero-style .slide-title h2 {
    font-size: 4.625rem;
  }
  header .main-nav-bx nav ul li {
    padding: 0 0.338rem;
  }
  header .main-nav-bx nav ul li a {
    font-size: var(--fontSize13);
  }
  .palm .details {
    padding-top: 2rem;
  }
  footer .mdl-foot .ft-social {
    gap: 29px;
    width: -moz-max-content;
    width: max-content;
  }
  footer .mdl-foot .ft-helpline p a {
    font-size: var(--fontSize24);
  }
  footer .mdl-foot .ft-helpline span {
    font-size: var(--fontSize13);
  }
}
@keyframes nudge1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, 5px);
  }
}
@keyframes nudge2 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, 5px);
  }
}
@keyframes nudge3 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, 5px);
  }
}
@keyframes nudge4 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(25px, 25px);
  }
}
.bubble-button {
  background: rgba(228, 196, 119, 0.5);
  border: 1px solid #999;
  box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.5);
  text-transform: capitalize;
  transition: all ease-out 0.5s;
  text-decoration: none;
  background-position: center;
  transition: background 0.8s;
  -webkit-tap-highlight-color: transparent;
  transform: translateY(0);
  --bs-btn-bg: linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  );
  --bs-btn-color: #444; /*rgba(0,0,0, 0.8) */
  --bs-btn-border-color: linear-gradient(#999, #999);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-border-color: #999;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgba(255, 255, 255, 0.5);
  --bs-btn-active-border-color: #999;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgba(255, 255, 255, 0.5);
  --bs-btn-disabled-border-color: rgba(255, 255, 255, 0.5);
  --bs-btn-border-radius: 40px;
  --bs-btn-padding-x: 1.525rem;
  --bs-btn-padding-y: 0.8rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1rem;
  font-family: var(--fontOpenSans);
}
.bubble-button:active {
  background-color: #6375d2 !important;
  background-size: 100%;
  transition: background 0s, transform 0.2s;
  transform: translateY(1px);
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .loan-tab-result-bx {
    min-height: 700px !important;
  }
  .palm .details .buttons-animation-bx {
    width: 250px;
  }
  .bubble-button {
    --bs-btn-font-size: 0.8rem;
  }
  .box-main .swiper.deposit-slider .box-wrap {
    height: 330px;
  }
  .box-main .swiper.cards-slider {
    padding: 10px 5px !important;
  }
  .box-main .swiper.cards-slider .box-wrap {
    height: 370px;
  }
  .box-main .swiper.bancassurance-slider {
    padding: 50px 5px !important;
  }
  .box-main .swiper.bancassurance-slider .box-wrap {
    height: 370px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .palm .details .buttons-animation-bx {
    left: -90px;
    height: 68%;
  }
  .loan-tab-result-bx {
    min-height: 700px !important;
  }
  .cards .tabs-content-area {
    padding: 3rem 0;
  }
  .box-main .swiper.deposit-slider .box-wrap {
    height: 330px;
  }
  .box-main .swiper.cards-slider {
    padding: 10px 5px !important;
  }
  .box-main .swiper.cards-slider .box-wrap {
    height: 330px;
  }
  .box-main .swiper.bancassurance-slider {
    padding: 50px 5px !important;
  }
  .box-main .swiper.bancassurance-slider .box-wrap {
    height: 330px;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .palm .details .buttons-animation-bx {
    left: -50px;
    height: 68%;
  }
  .palm .details .buttons-animation-bx .btn {
    --bs-btn-font-size: 0.9rem;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .palm .details .buttons-animation-bx {
    left: -50px;
    height: 65%;
  }
  .palm .details .buttons-animation-bx .btn {
    --bs-btn-font-size: 0.9rem;
  }
}
@media (max-width: 320px) {
  .palm .img img {
    height: 810px;
  }
}
@media (min-width: 3500px) {
  .container {
    width: 1980px !important;
    max-width: 1980px;
  }
}
/* loan calculator */
:root {
  --heading-1: 3.9rem;
  --heading-1m: 2.5rem;
  --heading-2: 4.375rem;
  --heading-2m: 3.4375rem;
  --heading-3: 3rem;
  --heading-3m: 1.75rem;
  --heading-4: 2.25rem;
  --heading-5: 1.875rem;
  --heading-6: 1.5rem;
  --heading-7: 1.25rem;
  --nav-txt: 1rem;
  --tp-nav-txt: 0.75rem;
  --breacrumbs-txt: 0.875rem;
  --paragraph-txt: 0.875rem;
  --tab-nav-txt: 1rem;
  --ftr-nav-heading: 1.25rem;
  --standard-sec-mg: 6.25rem;
  --thumb-heading: 1.625rem;
  --color-blue: #e4c477;
  --color-black: #000;
  --color-white: #fff;
  --border-grey: #cccccc;
  --bg-grey: #f0f0f0;
  --txt-grey: #666666;
  --txt-dark-grey: #333;
}

.tabs-area {
  margin-top: 39px;
}

.tabs-area .nav-pills {
  justify-content: center;
  align-items: center;
  background: var(--color-white);
  border: 1px solid var(--border-grey-dark);
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.tabs-area .nav-link {
  text-transform: uppercase;
  border-radius: 25px;
  padding: 14px 50px;
  color: var(--color-black);
}

.tabs-area .nav-link.active {
  color: var(--color-white);
  background-color: var(--color-blue);
}

.sec-main-heading {
  font-size: var(--heading-1);
  color: var(--color-blue);
  text-align: center;
}

.loan-tab-result-bx {
  width: 100%;
  min-height: 800px;
  background-image: url("../../images/loan-bg.png");
  background-position: right top;
  background-repeat: no-repeat;
  margin-top: 50px;
}

.loan-txt-bx {
  width: 100%;
  margin-top: 50px;
  padding-right: 10%;
}

.loan-txt-bx h3 {
  font-size: var(--heading-3);
  text-transform: uppercase;
}

.loan-txt-bx p {
  font-size: var(--paragraph-txt);
  margin-top: 20px;
}

.loan-txt-bx select {
  width: 80%;
  height: 40px;
  border-radius: 25px;
  border: 1px solid var(--color-blue);
  margin-top: 25px;
  text-indent: 15px;
}

.loan-calc-bx {
  position: relative;
  margin-top: 50px;
}

.loan-calc-bx .blue-bg-bx {
  width: 100%;
  height: 420px;
  background-color: var(--color-blue);
  border-radius: 25px;
}

.loan-calc-bx .white-bg-bx {
  width: 85%;
  height: 450px;
  left: 7.5%;
  top: 50%;
  background-color: var(--color-white);
  position: absolute;
  border-radius: 25px;
  box-shadow: 1px 10px 28px 8px rgba(186, 174, 174, 0.66);
  -webkit-box-shadow: 1px 10px 28px 8px rgba(186, 174, 174, 0.66);
  -moz-box-shadow: 1px 10px 28px 8px rgba(186, 174, 174, 0.66);
}

.reset-btn {
  display: block;
  margin-top: 25px;
  float: right;
  width: auto;
  margin-right: 25px;
  text-transform: uppercase;
  color: #fff;
}

.loan-num-bx {
  width: 100%;
  margin: 50px auto 0;
  clear: both;
  text-align: center;
}

.pkr {
  width: 90%;
  margin-left: 5%;
  display: block;
  font-size: var(--heading-4);
  line-height: var(--heading-4);
  color: var(--color-white);
}

.num {
  width: 90%;
  margin-left: 5%;
  display: block;
  font-size: var(--heading-2);
  line-height: var(--heading-2);
  color: var(--color-white);
}

.i-t-l {
  width: 100%;
  color: var(--color-white);
  font-size: var(--heading-7);
  text-align: center;
}

.white-bg-bx h4 {
  font-size: var(--heading-5);
  color: var(--txt-dark-grey);
  text-align: center;
  margin-top: 50px;
}

.range-slider-box form {
  width: 90%;
  margin-left: 5%;
}

.range-slider-box form .form-row {
  width: 100%;
  margin-top: 25px;
}

.range-slider-box form .form-row label {
  width: 100%;
  font-size: var(--heading-7);
  color: var(--color-black);
}

.slidecontainer {
  width: 100%;
  margin-top: 10px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 57px;
  height: 25px;
  border: 0;
  background: url("../../images/range-icon-v2.png");
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 57px;
  height: 25px;
  border: 0;
  background: url("../../images/range-icon-v2.png");
  cursor: pointer;
}

.mti-pkr {
  display: block;
  font-size: var(--heading-7);
  line-height: var(--heading-7);
  color: var(--txt-dark-grey);
}

.mti-num {
  display: block;
  width: auto;
  font-size: var(--heading-4);
  line-height: var(--heading-4);
  color: var(--txt-dark-grey);
  float: left;
}

.mti-txt {
  display: block;
  width: auto;
  font-size: var(--breacrumbs-txt);
  line-height: 16px;
  color: var(--txt-dark-grey);
  clear: both;
  /* margin-left: 5%; */
  font-weight: 500;
  margin-top: 3px;
}

.loan-apply-now {
  width: 70%;
  position: absolute;
  bottom: -25px;
  left: 15%;
}

/* .loan-apply-now {
  width: 60%;
  height: 50px;
  font-size: var(--heading-7);
  border-radius: 25px;
  background-color: var(--color-blue);
  display: block;
  position: absolute;
  bottom: -25px;
  left: 20%;
  color: var(--color-white);
  padding: 0;
  border: none;
} */
/* .deals .tabs-area .nav-pills .nav-link {
  text-transform: uppercase;
  border-radius: 25px;
  padding: 14px 50px;
  width: 250px;
  color: var(--color-black);
} */
.apply-now .reerror {
  font-size: var(--fontSize14);
  margin-top: 10px;
  color: red;
  text-transform: capitalize;
  font-weight: 600;
}
.apply-now .success-box {
  padding: 30px 10px;
  background-color: #50b848;
  margin-top: 10px;
  border-radius: 20px;
  color: white;
  font-weight: 600;
}

.loan-sec {
  margin: var(--standard-sec-mg) 0 0;
}

.deals.loan-sec .tabs-area .nav-pills {
  flex-wrap: nowrap;
}

@media (min-width: 2000px) {
  .deals.loan-sec .loan-tab-result-bx .loan-calc-bx .pkr {
    width: 90%;
    margin-left: 5%;
    display: block;
    font-size: var(--heading-5);
    line-height: var(--heading-5);
  }
  .deals.loan-sec .loan-tab-result-bx .loan-calc-bx .num {
    margin-left: 3%;
    font-size: var(--heading-2m);
    line-height: var(--heading-2m);
  }
  .deals.loan-sec .loan-tab-result-bx .loan-calc-bx .i-t-l {
    font-size: var(--heading-7);
    font-size: var(--fontSize16);
  }
  .deals.loan-sec .loan-tab-result-bx .loan-calc-bx .blue-bg-bx .loan-num-bx {
    width: 200px;
  }
  .deals.loan-sec .loan-tab-result-bx .loan-calc-bx .white-bg-bx {
    top: 56%;
  }
  .deals.loan-sec .loan-tab-result-bx .loan-calc-bx .white-bg-bx h4 {
    font-size: var(--heading-6);
    margin-top: 30px;
  }
  .deals.loan-sec .loan-tab-result-bx .loan-calc-bx .white-bg-bx .mti-num {
    font-size: var(--heading-5);
  }
  .deals.loan-sec .tabs-area .nav-pills .nav-link {
    padding: 14px 40px;
  }
}
@media (max-width: 1699px) {
  .justify-content-unset-swiper-wrapper-desktop .swiper-wrapper {
    justify-content: unset !important;
  }
  .loan-tab-result-bx {
    background-size: 58%;
  }
  .loan-txt-bx h3 {
    font-size: var(--heading-4);
  }
  .pkr {
    width: auto;
    margin-left: 0%;
    display: block;
    font-size: var(--heading-5);
    line-height: var(--heading-5);
    color: var(--color-white);
  }
  .loan-calc-bx .white-bg-bx {
    width: 90%;
    height: 480px;
    left: 5%;
  }
  .mti-txt {
    margin-left: 0;
    display: block;
  }
}
@media (max-width: 1400px) {
  .num {
    margin-left: 0%;
  }
  .white-bg-bx h4 {
    font-size: var(--heading-6);
    font-weight: 600;
  }
  .range-slider-box form .form-row label {
    font-size: var(--nav-txt);
  }
  .loan-txt-bx select {
    font-size: var(--nav-txt);
  }
  .mti-num {
    font-size: var(--heading-5);
    line-height: var(--heading-5);
  }
  .loan-calc-bx .white-bg-bx {
    width: 90%;
    height: 410px;
    left: 5%;
  }
  .mti-txt {
    margin-left: 0;
  }
}
/*@media (max-width: 1199px) {
  .loan-calc-bx .white-bg-bx {
    width: 90%;
    height: 410px;
    left: 5%;
    top: 45%;
  }
  .loan-tab-result-bx {
    background-size: 50%;
  }
  .pkr { font-size: var(--heading-7);
    line-height: var(--heading-7);}
  .num {
    font-size: var(--heading-4);
    line-height: var(--heading-4);
  }		
    .loan-calc-bx .white-bg-bx {
    height: 350px;
  }	
}*/
@media (max-width: 767px) {
  .sec-main-heading {
    font-size: var(--heading-1m);
  }
  .loan-sec p {
    font-size: var(--breacrumbs-txt);
    color: var(--color-black);
    font-weight: 600;
  }
  .loan-tab-result-bx {
    width: 100%;
    min-height: 950px;
    background-image: none;
    background-position: right top;
    background-repeat: no-repeat;
    margin-top: 0;
  }
  .loan-txt-bx {
    width: 100%;
    margin-top: 50px;
    padding-right: 0;
  }
  .loan-txt-bx h3 {
    font-size: var(--heading-3m);
    text-align: center;
    width: 90%;
    margin-left: 5%;
  }
  .loan-sec p {
    width: 90%;
    margin-left: 5%;
    text-align: center;
  }
  .loan-txt-bx form {
    text-align: center;
  }
  .pkr {
    width: 100%;
    margin-left: 0;
    display: inline-block;
    height: 44.38px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .loan-num-bx {
    width: 100%;
    margin: 50px auto 0;
    clear: both;
  }
  .loan-sec p.i-t-l {
    width: 100% !important;
    color: var(--color-white);
    margin-left: 0;
    float: left;
    margin-top: 5px;
    font-weight: 600;
  }
  .num {
    width: 100%;
    margin-left: 0;
    display: block;
    font-size: var(--heading-2m);
    line-height: var(--heading-2m);
    color: var(--color-white);
    text-align: center;
  }
  .loan-calc-bx .white-bg-bx {
    /* 
    left: 7.5%; */
    top: 33%;
    height: 400px;
  }
}
@media (max-width: 320px) {
  .loan-calc-bx .white-bg-bx {
    left: 5%;
  }
  .slider::-webkit-slider-thumb {
    background-repeat: no-repeat;
    background-size: 80px unset;
  }
  .slider::-moz-range-thumb {
    background-repeat: no-repeat;
    background-size: 80px unset;
  }
}
@media (min-width: 1920px) {
  .i-t-l {
    font-size: var(--fontSize18);
  }
}
/* loan calculator */
/* inner-banner */
.inner-banner {
  position: relative;
}
.inner-banner .banner-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.inner-banner .banner-txt .container {
  height: 100%;
}
.inner-banner .banner-txt .container .row .col-12 {
  text-align: center;
  padding-top: 10rem;
}
.inner-banner .banner-txt .container .row .col-12 h1,
.inner-banner .banner-txt .container .row .col-12 h2 {
  font-family: var(--fontOpenSans);
  font-size: 4.025rem;
  font-weight: 800;
  line-height: 1;
  color: #ffffff;
  margin: 0 0 40px;
  text-transform: capitalize;
  transition: all 0.5s ease;
  color: white;
  -webkit-text-stroke-width: 2.2px;
  -webkit-text-stroke-color: var(--colorGreen);
  text-transform: uppercase;
  margin: 0;
}
.inner-banner .banner-txt .container .row .col-12 p {
  font-size: 1.285rem;
  font-weight: 800;
  line-height: 1;
  color: #ffffff;
  margin: 0 0 40px;
  text-transform: capitalize;
  transition: all 0.5s ease;
  color: white;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--colorGreen);
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.02rem;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
  .inner-banner .banner-txt .container .row .col-12 {
    padding-top: 0rem;
  }
  .inner-banner .banner-txt .container .row .col-12 h2 {
    font-size: 3.025rem;
  }
  .inner-banner .banner-txt .container .row .col-12 p {
    font-size: 1.385rem;
  }
  .sec-gap {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .justify-content-unset-swiper-wrapper-tab .swiper-wrapper {
    justify-content: unset !important;
  }
  .justify-content-end-tab {
    justify-content: end !important;
  }
  .no-bg-tab {
    background: none !important;
  }
  .inner-banner .banner-txt .container .row .col-12 {
    padding-top: 5rem;
  }
  .inner-banner .banner-txt .container .row .col-12 h2 {
    font-size: 3.325rem;
  }
  .inner-banner .banner-txt .container .row .col-12 p {
    font-size: 0.785rem;
  }
  .hero-slider.mcb-my-swiper-privilege .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .justify-content-unset-swiper-wrapper-1200-1299 .swiper-wrapper {
    justify-content: unset !important;
  }
  .inner-banner .banner-txt .container .row .col-12 {
    padding-top: 5rem;
  }
}
@media (min-width: 1300px) and (max-width: 1699px) {
  .inner-banner .banner-txt .container .row .col-12 {
    padding-top: 7rem;
  }
}
@media screen and (min-width: 2560px) {
  header .top-links .icons-nav ul li {
    display: inline-block;
    padding: 0 0.6rem 0 0.6rem;
  }
  header .btm-links .icons-nav ul li {
    display: inline-block;
    padding: 0 0.6rem 0 0.6rem;
  }
  header .main-nav-bx nav ul li {
    padding: 0 0.138rem;
  }
  .cards .tabs-content-area {
    padding: 5rem 0;
  }
  .box-main .swiper.cards-slider .box-wrap {
    height: 570px;
  }
  .box-main .swiper.bancassurance-slider .box-wrap {
    height: 570px;
  }
  .box-main .swiper .box-wrap .box-txt-wrap h3 {
    font-size: var(--nav-txt);
    line-height: 24px;
  }
  .cards.bancassurance .tabs-content-area.bancassurance-right {
    background-position: right;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px !important;
  }
  header .main-nav-bx nav ul li a {
    white-space: nowrap;
  }
  header .main-nav-bx nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1400px !important;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .container {
    max-width: 1520px !important;
  }
}
@media (min-width: 1699px) {
  .container {
    width: 1650px !important;
    max-width: 1650px !important;
  }
}
@media (max-width: 1699px) {
  .swiper:not(.swiper-slicer) {
    padding-bottom: 60px !important;
  }
  .swiper:not(.swiper-slicer).mcb-my-swiper-privilege:not(.swiper-slicer) {
    padding-bottom: 0rem !important;
  }
}
/* inner-banner */
.hero-slider .swiper-slide .slide-inner .slide-bx {
  position: relative;
  height: 100%;
}
.hero-slider .swiper-slide .slide-inner .slide-bx .line {
  content: "";
  display: flex;
  width: 70%;
  height: 43%;
  left: 15%;
  top: 35%;
  position: absolute;
  border: 12px solid rgba(198, 167, 77, 0.5);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  z-index: 8;
  transform: translate(-20%, -30%);
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.hero-slider .swiper-slide .slide-inner .slide-bx .line2 {
  content: "";
  display: inline-block;
  width: 100%;
  height: 45%;
  right: 15%;
  top: 35%;
  position: absolute;
  border: 12px solid rgba(255, 255, 255, 0.5);
  -webkit-clip-path: polygon(88% 0%, 1000% 0, 100% 100%, 43% 100%);
  clip-path: polygon(88% 0%, 1000% 0, 100% 100%, 43% 100%);
  z-index: 10;
}
.hero-slider .swiper-slide .slide-inner .slide-bx .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 9;
  background-size: 65% !important;
}
.hero-slider .swiper-slide .slide-inner .slide-bx .slide-title,
.hero-slider .swiper-slide .slide-inner .slide-bx .slide-btns {
  z-index: 11;
}
.hero-slider .swiper-slide .svg-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 500px;
}
.hero-slider .swiper-slide .shape1,
.hero-slider .swiper-slide .shape2 {
  stroke-dasharray: 1120;
  stroke-width: 20px;
  fill: transparent;
  stroke: #19f6e8;
  border-bottom: 10px solid black;
  transition-timing-function: linear;
  transition: stroke-dashoffset 8s, stroke-dasharray 8s;
}
.hero-slider .swiper-slide .shape1,
.hero-slider .swiper-slide .shape1.animate__ombtnOut {
  stroke-dashoffset: 1120;
}
.hero-slider .swiper-slide .shape2,
.hero-slider .swiper-slide .shape2.animate__ombtnOut {
  stroke-dashoffset: -1120;
}
.hero-slider .swiper-slide .text {
  font-family: "Roboto Condensed";
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 8px;
  color: #fff;
  top: -48px;
  position: relative;
}
.hero-slider .swiper-slide .svg-wrapper.animate__ombtn .shape1,
.hero-slider .swiper-slide .svg-wrapper.animate__ombtn .shape2 {
  stroke-dashoffset: 0;
  stroke-dasharray: 1120;
}

.swiper-slide {
  position: relative;
}

.border-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  animation: slideBorder 4s linear forwards;
}

@keyframes slideBorder {
  0% {
    width: 0;
    height: 0;
    border-color: transparent;
  }
  25% {
    width: 100%;
    height: 0;
    border-color: transparent;
  }
  50% {
    width: 100%;
    height: 100%;
    border-color: transparent;
  }
  75% {
    width: 0;
    height: 100%;
    border-color: transparent;
  }
  100% {
    width: 0;
    height: 0;
    border-color: transparent;
  }
}
.border-animation.active {
  animation: none;
  border-color: red; /* Change to your desired border color */
}

@media (min-width: 1400px) and (max-width: 1499px) {
  .hero-slider .swiper-slide .slide-inner .slide-bx .line2 {
    height: 40%;
    right: 9%;
    top: 35%;
  }
  .hero-slider .swiper-slide .slide-inner .slide-bx .image {
    background-size: 80% !important;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .hero-slider .swiper-slide .slide-inner .slide-bx .line {
    height: 38%;
    left: 10%;
    top: 35%;
  }
  .hero-slider .swiper-slide .slide-inner .slide-bx .image {
    background-size: 80% !important;
  }
}
@keyframes fadeInIn {
  0% {
    opacity: 0;
    transform: scale(3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__fadeInIn {
  animation-name: fadeInIn;
}
@keyframes fadeOutOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}
.animate__fadeOutOut {
  animation-name: fadeOutOut;
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  transform: scale(0.9);
}

/* Pulse */
@keyframes hvr-pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  animation-name: hvr-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  animation-name: hvr-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Pulse Shrink */
@keyframes hvr-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  animation-name: hvr-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Push */
@keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  animation-name: hvr-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Pop */
@keyframes hvr-pop {
  50% {
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  animation-name: hvr-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  transform: scale(0.8);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  transform: translateY(8px);
}

/* Bob */
@keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  animation-name: hvr-bob-float, hvr-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Hang */
@keyframes hvr-hang {
  0% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  animation-name: hvr-hang-sink, hvr-hang;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  transform: skew(10deg);
}

/* Wobble Vertical */
@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  animation-name: hvr-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  animation-name: hvr-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    transform: translate(8px, 8px);
  }
  33.3% {
    transform: translate(-6px, -6px);
  }
  49.95% {
    transform: translate(4px, 4px);
  }
  66.6% {
    transform: translate(-2px, -2px);
  }
  83.25% {
    transform: translate(1px, 1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  animation-name: hvr-wobble-to-bottom-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@keyframes hvr-wobble-to-top-right {
  16.65% {
    transform: translate(8px, -8px);
  }
  33.3% {
    transform: translate(-6px, 6px);
  }
  49.95% {
    transform: translate(4px, -4px);
  }
  66.6% {
    transform: translate(-2px, 2px);
  }
  83.25% {
    transform: translate(1px, -1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  animation-name: hvr-wobble-to-top-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Top */
@keyframes hvr-wobble-top {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 0 100%;
}

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  animation-name: hvr-wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@keyframes hvr-wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  animation-name: hvr-wobble-bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@keyframes hvr-wobble-skew {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  animation-name: hvr-wobble-skew;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Buzz */
@keyframes hvr-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  animation-name: hvr-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  animation-name: hvr-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.5s;
  transition-property: color, background-color;
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  animation-name: hvr-back-pulse;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
  border-radius: 25px;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0D31AC;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  transform: scale(1);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleX(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleY(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-trim:before {
  content: "";
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1s;
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-in:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  animation-duration: 1s;
}

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-in:before {
  pointer-events: none;
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: border-radius;
}

.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  transition-property: border-width;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(-4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  transition-duration: 0.3s;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}

.hvr-icon-back .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  transform: translateX(4px);
}

/* Icon Down */
@keyframes hvr-icon-down {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-down .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  animation-name: hvr-icon-down;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}

/* Icon Up */
@keyframes hvr-icon-up {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-up .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
  animation-name: hvr-icon-up;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-spin .hvr-icon {
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  transform: rotate(360deg);
}

/* Icon Drop */
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51%, 100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-drop .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  transition-duration: 0.3s;
  animation-name: hvr-icon-drop;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.5s;
  transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-float-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
  animation-name: hvr-icon-float-away;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-sink-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
  animation-name: hvr-icon-sink-away;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-shrink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
  transform: scale(0.8);
}

/* Icon Pulse */
@keyframes hvr-icon-pulse {
  25% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
  animation-name: hvr-icon-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-grow .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
  animation-name: hvr-icon-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@keyframes hvr-icon-pulse-shrink {
  to {
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-shrink .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
  animation-name: hvr-icon-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Icon Push */
@keyframes hvr-icon-push {
  50% {
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-push .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
  animation-name: hvr-icon-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Icon Pop */
@keyframes hvr-icon-pop {
  50% {
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
  animation-name: hvr-icon-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-bounce .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-grow-rotate .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-float .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-sink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
  transform: translateY(4px);
}

/* Icon Bob */
@keyframes hvr-icon-bob {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-bob .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@keyframes hvr-icon-hang {
  0% {
    transform: translateY(6px);
  }
  50% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-hang .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    transform: translateX(6px);
  }
  33.3% {
    transform: translateX(-5px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  animation-name: hvr-icon-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    transform: translateY(6px);
  }
  33.3% {
    transform: translateY(-5px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
  animation-name: hvr-icon-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@keyframes hvr-icon-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
  animation-name: hvr-icon-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@keyframes hvr-icon-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
  animation-name: hvr-icon-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff", endColorstr="#000000");
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}


:root {
  --blue-lineartop: #2749b7;
  --blue-linearbtm: #062076;
}

.sec-main-text {
  font-size: var(--fontSize18);
  margin: 0;
  text-align: center;
}

.bankingOnTheGo .bankonthego {
  margin-top: 50px;
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap {
  border: 1px solid var(--color-blue);
  border-radius: 20px;
  overflow: hidden;
  scale: 0.95;
  -webkit-transform: scale(0.95);
  transition: all 0.5s ease-in-out;
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap .bankongo-img-wrap img {
  width: 100%;
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap .bankongo-txt-wrap {
  background-color: transparent;
  background-image: linear-gradient(var(--blue-lineartop), var(--blue-linearbtm));
  border-radius: 0px 0 10px 10px;
  padding: 15px 25px 25px 25px;
  transition: all 0.5s ease;
  border-top: 1px solid var(--color-blue);
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap .bankongo-txt-wrap a {
  color: var(--colorWhite);
  text-decoration: none;
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap .bankongo-txt-wrap h3 {
  font-size: var(--paragraph-txt-20);
  color: var(--colorWhite);
  height: 50px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap .controller {
  bottom: 0;
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap:hover {
  scale: 1;
  -webkit-transform: scale(1);
  box-shadow: 0px 0px 10px #ccc;
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap:hover .bankongo-txt-wrap h3 {
  color: var(--color-blue);
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap:hover .bankongo-txt-wrap a {
  color: var(--color-blue);
}
.bankingOnTheGo .bankonthego .bankonthego-slide-wrap:hover .bankongo-txt-wrap a h3 {
  color: var(--color-blue);
}
.bankingOnTheGo .bankonthego .controller {
  width: 136px;
  margin: 0 auto;
  height: 20px;
  position: relative;
  bottom: -20px;
}
.bankingOnTheGo.dep-account .deposit-account-slider {
  margin-top: 50px;
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap {
  border: 1px solid var(--color-blue);
  border-radius: 20px;
  overflow: hidden;
  scale: 0.95;
  -webkit-transform: scale(0.95);
  transition: all 0.5s ease-in-out;
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap .bankongo-img-wrap img {
  width: 100%;
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap .bankongo-txt-wrap {
  background-color: var(--bs-body-bg);
  border-top: 1px solid var(--color-blue);
  border-radius: 0px 0 10px 10px;
  padding: 15px 25px 25px 25px;
  transition: all 0.5s ease;
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap .bankongo-txt-wrap a {
  color: var(--colorWhite);
  text-decoration: none;
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap .bankongo-txt-wrap h3 {
  font-size: var(--paragraph-txt-20);
  color: var(--colorWhite);
  margin: 0;
  text-transform: uppercase;
  height: 50px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap .controller {
  bottom: 0;
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap:hover {
  scale: 1;
  -webkit-transform: scale(1);
  box-shadow: 0px 0px 10px #ccc;
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap:hover .bankongo-txt-wrap h3 {
  color: var(--color-blue);
}
.bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap:hover .bankongo-txt-wrap h3 a {
  color: var(--color-blue);
}
.bankingOnTheGo.dep-account .deposit-account-slider .controller {
  width: 136px;
  margin: 0 auto;
  height: 20px;
  position: relative;
  bottom: -20px;
}

@media (max-width: 1499px) {
  .bankingOnTheGo .sec-main-heading {
    font-size: calc(100% + 7vmin);
  }
  .bankingOnTheGo .bankongo-txt-wrap h3 {
    font-size: calc(80% + 0.8vmin);
  }
}
@media (max-width: 1299px) {
  .bankingOnTheGo .sec-main-heading {
    font-size: calc(80% + 4vmin);
  }
  .bankingOnTheGo .bankongo-txt-wrap h3 {
    font-size: calc(65% + 0.8vmin);
  }
}
@media (max-width: 767px) {
  .bankingOnTheGo .bankonthego-slide-wrap {
    scale: 0.8 !important;
  }
  .bankingOnTheGo .swiper-slide-active .bankonthego-slide-wrap {
    scale: 1 !important;
  }
}
@media (min-width: 2000px) {
  .bankingOnTheGo .bankonthego .bankonthego-slide-wrap .bankongo-txt-wrap h3 {
    font-size: var(--paragraph-txt-18);
  }
  .bankingOnTheGo.dep-account .deposit-account-slider .bankonthego-slide-wrap .bankongo-txt-wrap h3 {
    font-size: var(--paragraph-txt-18);
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .bankingOnTheGo .bankonthego .bankonthego-slide-wrap .bankongo-txt-wrap h3 {
    height: unset !important;
  }
}
.mt-115 {
  margin-top: 115px;
}

.sec-heading-area h2 {
  font-family: "Encode Sans Condensed", sans-serif;
  font-size: var(--heading-1);
  line-height: 100px;
  color: var(--color-blue);
  text-transform: uppercase;
  font-weight: normal;
}
.sec-heading-area p {
  font-family: "Open Sans", sans-serif;
  font-size: var(--paragraph-txt-18);
}

.deals .tabs-area {
  margin-top: 39px;
}
.deals .tabs-area .nav-pills {
  justify-content: center;
  align-items: center;
  background: var(--color-white);
  border: 1px solid var(--border-grey-dark);
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 50px;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
}
.deals .tabs-area .nav-pills .nav-link {
  text-transform: uppercase;
  border-radius: 25px;
  padding: 14px 50px;
  width: 100%;
  color: var(--color-black);
}
.deals .tabs-area .nav-pills .nav-link.active {
  color: var(--color-white);
  background-color: var(--color-blue);
}
.deals .tabs-content-area {
  background-image: url(../images/deals-bg.png);
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.deals .tabs-content-area .deals-swiper {
  padding: 125px 0;
  padding-bottom: 125px !important;
  position: relative;
}
.deals .tabs-content-area .deals-swiper .box {
  position: relative;
  border-radius: 22px;
}
.deals .tabs-content-area .deals-swiper .box .img-area {
  width: 100%;
  height: 100%;
}
.deals .tabs-content-area .deals-swiper .box .img-area img {
  width: 100%;
}
.deals .tabs-content-area .deals-swiper .box .top-box-area {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 2%;
  width: 80%;
  left: 10%;
  align-items: center;
}
.deals .tabs-content-area .deals-swiper .box .top-box-area .off-area {
  width: 50%;
}
.deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p {
  font-family: "Encode Sans Condensed", sans-serif;
  color: var(--color-white);
  font-size: var(--heading-6);
  text-transform: uppercase;
  margin: 0;
}
.deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-text {
  font-size: 66px;
  line-height: 55px;
}
.deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-per {
  font-size: 30px;
  line-height: 25px;
}
.deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-off {
  font-size: 30px;
  line-height: 25px;
}
.deals .tabs-content-area .deals-swiper .box .white-bg .bottom-box-area {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-radius: 20px;
  padding: 30px;
  bottom: 0%;
  width: 100%;
  left: 0%;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0) 100%);
}
.deals .tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .card-area p {
  font-size: var(--paragraph-txt-18);
  line-height: 24px;
  width: 85%;
  margin: 0;
}
.deals .tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .logo-area {
  width: 90%;
  text-align: center;
}
.deals .tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .logo-area .small-text {
  margin: 0;
  margin-top: 10px;
  width: 100%;
  font-size: 12px;
}

.swiper .controller {
  width: 136px;
  margin: 0 auto;
  height: 35px;
  position: relative;
  bottom: -50px;
}
.swiper .controller .swiper-button-next::after,
.swiper .controller .swiper-button-prev::after {
  display: none;
}
.swiper .controller .swiper-button-next {
  width: 46px;
  height: 28px;
  border: 1px solid #cdcdcd;
  border-radius: 25px;
}
.swiper .controller .swiper-button-next:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid var(--color-blue);
}
.swiper .controller .swiper-button-next:hover {
  box-shadow: 1px 1px 6px 0px #cdcdcd;
}
.swiper .controller .swiper-button-prev {
  width: 46px;
  height: 28px;
  border: 1px solid #cdcdcd;
  border-radius: 25px;
}
.swiper .controller .swiper-button-prev:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid var(--color-blue);
}
.swiper .controller .swiper-button-prev:hover {
  box-shadow: 1px 1px 6px 0px #cdcdcd;
}
.swiper.credit-card-swiper .controller {
  bottom: -15px;
}

@media (max-width: 1199px) {
  .deals .tabs-area .nav-pills .nav-link.active {
    background-color: transparent;
  }
  .mt-115 {
    margin-top: 100px;
  }
  .deals .tabs-area.tab-area-mob {
    border: 1px solid var(--border-grey-dark);
    border-radius: 50px;
    padding: 0 20px;
    margin-top: 0px;
    position: relative;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.15);
  }
  .deals .tabs-area.tab-area-mob .tabs-slider {
    padding-bottom: 0 !important;
  }
  .deals .tabs-area.tab-area-mob .tabs-slider ul.nav {
    flex-wrap: nowrap;
    margin: 0;
    border: none;
  }
  .deals .tabs-area.tab-area-mob .tabs-slider ul.nav .nav-link {
    padding: 5px 5px;
    width: 100%;
    font-size: var(--tp-nav-txt);
  }
  .deals .tabs-area.tab-area-mob .controller {
    width: 100%;
    margin: 0 auto;
    position: relative;
    bottom: 26px;
  }
  .deals .tabs-area.tab-area-mob .controller .swiper-button-next::after,
  .deals .tabs-area.tab-area-mob .controller .swiper-button-prev::after {
    display: none;
  }
  .deals .tabs-area.tab-area-mob .controller .swiper-button-next {
    width: 20px;
    height: 20px;
    right: -20px;
    top: 25px;
  }
  .deals .tabs-area.tab-area-mob .controller .swiper-button-next:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid var(--color-blue);
  }
  .deals .tabs-area.tab-area-mob .controller .swiper-button-next:hover {
    box-shadow: 1px 1px 6px 0px #cdcdcd;
  }
  .deals .tabs-area.tab-area-mob .controller .swiper-button-prev {
    width: 20px;
    height: 20px;
    left: -20px;
    top: 25px;
  }
  .deals .tabs-area.tab-area-mob .controller .swiper-button-prev:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid var(--color-blue);
  }
  .deals .tabs-area.tab-area-mob .controller .swiper-button-prev:hover {
    box-shadow: 1px 1px 6px 0px #cdcdcd;
  }
  .deals .tabs-content-area {
    margin-top: 30px;
    background-image: none;
  }
  .deals .tabs-content-area .mob-p-0 {
    padding: 0;
  }
  .deals .tabs-content-area .deals-swiper .swiper-slide {
    transition: all 0.5s ease-in;
  }
  .deals .tabs-content-area .deals-swiper .swiper-slide.swiper-slide-active {
    transform: scale(1.1);
    transition: all 0.5s ease-in;
  }
  .deals .tabs-content-area .deals-swiper .box {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
  }
  .deals .tabs-content-area .deals-swiper .box .img-area img {
    border-radius: 20px;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p {
    font-size: var(--paragraph-txt-18);
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-text {
    font-size: 56px !important;
    line-height: 48px;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-per {
    font-size: 24px !important;
    line-height: 24px !important;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-off {
    font-size: 24px !important;
    line-height: 24px !important;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .logo-area {
    text-align: right;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .logo-area img {
    width: 80%;
  }
  .deals .tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .card-area p {
    font-size: var(--paragraph-txt) !important;
    line-height: 14px !important;
    width: 70% !important;
  }
  .deals .tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .logo-area .small-text {
    font-size: var(--paragraph-txt) !important;
    line-height: 14px !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .deals-swiper.swiper .controller {
    bottom: -70px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area {
    width: 35%;
  }
  .swiper.credit-card-swiper .controller {
    bottom: -25px;
  }
  .swiper.credit-card-swiper-new .controller {
    bottom: -25px;
  }
}
@media (max-width: 767px) {
  .sec-heading-area h2 {
    font-size: var(--heading-40) !important;
    line-height: 40px !important;
  }
  .sec-heading-area p {
    font-size: var(--paragraph-txt);
  }
  .deals .tabs-content-area {
    background-image: none;
    margin-top: 0px;
  }
}
@media (max-width: 320px) {
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area {
    width: 80%;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p {
    font-size: var(--nav-txt) !important;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-text {
    font-size: 45px !important;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-per {
    font-size: var(--nav-txt) !important;
    line-height: 16px !important;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-off {
    font-size: var(--nav-txt) !important;
    line-height: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .swiper.credit-card-swiper-new .controller {
    bottom: -25px;
  }
}
@media screen and (max-width: 1699px) {
  .sec-heading-area h2 {
    font-size: 65px;
    line-height: 75px;
  }
  .swiper {
    padding-bottom: 60px !important;
  }
  .swiper.mcb-my-swiper {
    padding-bottom: 0px !important;
  }
  .deals .tabs-content-area .deals-swiper {
    padding: 60px 0;
    padding-bottom: 60px !important;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p {
    font-size: var(--heading-7);
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-text {
    font-size: var(--heading-3);
    line-height: 48px;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-per {
    font-size: var(--heading-7);
    line-height: 24px;
  }
  .deals .tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-off {
    font-size: var(--heading-7);
    line-height: 24px;
  }
  .deals .tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .card-area p {
    font-size: var(--nav-txt);
    line-height: 20px;
  }
  .deals .tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .logo-area .small-text {
    line-height: 14px;
  }
  .deals .tabs-area .nav-pills .nav-link {
    border-radius: 50px;
    padding: 14px 30px;
    width: 225px;
    font-size: var(--nav-txt);
  }
}
@keyframes fade-in {
  0% {
    background-position: -1200px;
  }
  100% {
    background-position: left;
  }
}
/* inner banner */
/* inner banner */
/* detail-section */
/* detail-section */
/* marketing-alliances */
/* marketing-alliances */
/* payment-channels */
/* payment-channels */
/* visa-offer */
/* visa-offer */
/* bg-left-img */
/* bg-left-img */
/* bg-left-box-10 */
/* bg-left-box-10 */

.inner-banner .banner-img img {
  width: 100%;
}

.color-blue {
  color: var(--color-blue);
}

.sec-heading-1 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-1);
  font-weight: normal;
  text-transform: uppercase;
}

h1 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-1);
  font-weight: normal;
  text-transform: uppercase;
}

.sec-heading-2 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-1);
  font-weight: normal;
  text-transform: uppercase;
}

h2 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-1);
  font-weight: normal;
  text-transform: uppercase;
}

.sec-heading-3 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-3);
  font-weight: normal;
  text-transform: uppercase;
}

h3 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-3);
  font-weight: normal;
  text-transform: uppercase;
  color: var(--color-blue);
}

.sec-heading-4 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-4);
  font-weight: normal;
  text-transform: uppercase;
  color: var(--color-blue);
}

h4 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-4);
  font-weight: normal;
  text-transform: uppercase;
  color: var(--color-blue);
}

.sec-heading-5 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-5);
  font-weight: normal;
  text-transform: capitalize;
}

h5 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-5);
  font-weight: normal;
  text-transform: capitalize;
}

.detail-section {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--standard-sec-mg) / 2);
}
.detail-section ul {
  list-style-image: url("../../images/privilege-bullet.png");
  margin: 0 0 20px 0;
  padding-left: 15px;
}
.detail-section ul ul {
  list-style-image: url("../../images/privilege-bullet-square.png");
  margin-bottom: 0;
}
.detail-section ul ul ul {
  list-style-image: url("../../images/privilege-bullet-circle.png");
  margin-bottom: 0;
}
.detail-section ul li {
  margin: 10px 0;
}
.detail-section ul.ul-grid {
  display: flex;
  flex-wrap: wrap;
}
.detail-section ul.ul-grid li {
  width: 12.5%;
}
.detail-section ul:last-child {
  margin-bottom: 0;
}
.detail-section ol {
  margin: 0px 0px 20px 0;
  padding-left: 20px;
}
.detail-section ol ul {
  list-style-image: url("../../images/privilege-bullet-square.png");
  margin-bottom: 0;
}
.detail-section ol ul ul {
  list-style-image: url("../../images/privilege-bullet-circle.png");
  margin-bottom: 0;
}
.detail-section ol:last-child {
  margin-bottom: 0;
}
.detail-section table {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 1rem;
}
.detail-section table thead {
  border: 1px solid #fff;
  border-radius: 5px;
}
.detail-section table tbody {
  border-radius: 5px;
}
.detail-section table th {
  background-color: var(--color-blue);
  padding: 10px;
  border: 1px solid #fff;
  font-size: var(--tab-nav-txt);
  color: var(--color-black);
}
.detail-section table tr:nth-of-type(odd) > th {
  color: var(--color-black);
}
.detail-section table tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: transparent;
}
.detail-section table td {
  background-color: rgba(245, 245, 245, 0.1215686275);
  padding: 10px;
  border: 1px solid var(--color-blue);
  color: var(--color-white);
}
.detail-section .section-head {
  padding-bottom: 40px;
}

.tabs-area {
  margin-top: 39px;
}
.tabs-area .nav-pills {
  justify-content: center;
  align-items: center;
  background: var(--bs-body-bg);
  border: 1px solid var(--border-grey-dark);
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 50px;
  list-style-type: none;
  list-style-image: none;
  padding-left: 0;
}
.tabs-area .nav-pills .nav-item {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
}
.tabs-area .nav-pills .nav-link {
  text-transform: uppercase;
  border-radius: 50px;
  padding: 14px 20px;
  color: var(--color-white);
}
.tabs-area .nav-pills .nav-link.active {
  color: var(--color-black);
  background-color: var(--color-blue);
  background: linear-gradient(180deg, #e4c477 0%, #ddb557 100%);
}

.tabs-area.tab-area-mob {
  border: 1px solid var(--border-grey-dark);
  border-radius: 50px;
  padding: 0 20px;
  margin-top: 0px;
  position: relative;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.15);
}
.tabs-area.tab-area-mob .tabs-slider-in {
  padding-bottom: 0 !important;
}
.tabs-area.tab-area-mob .tabs-slider-in ul.nav {
  flex-wrap: nowrap;
  margin: 0;
  border: none;
}
.tabs-area.tab-area-mob .tabs-slider-in ul.nav .nav-link {
  padding: 10px 5px;
  width: 100%;
  font-size: var(--tp-nav-txt);
}
.tabs-area.tab-area-mob .tabs-slider-inner {
  padding-bottom: 0 !important;
}
.tabs-area.tab-area-mob .tabs-slider-inner ul.nav {
  flex-wrap: nowrap;
  margin: 0;
  border: none;
}
.tabs-area.tab-area-mob .tabs-slider-inner ul.nav .nav-link {
  padding: 10px 5px;
  width: 100%;
  font-size: var(--tp-nav-txt);
}
.tabs-area.tab-area-mob .controller {
  width: 100%;
  margin: 0 auto;
  position: relative;
  bottom: 30px;
}
.tabs-area.tab-area-mob .controller .swiper-button-next {
  width: 20px;
  height: 20px;
  right: -20px;
  top: 25px;
}
.tabs-area.tab-area-mob .controller .swiper-button-next::after {
  display: none;
}
.tabs-area.tab-area-mob .controller .swiper-button-next:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid var(--color-blue);
}
.tabs-area.tab-area-mob .controller .swiper-button-prev {
  width: 20px;
  height: 20px;
  left: -20px;
  top: 25px;
}
.tabs-area.tab-area-mob .controller .swiper-button-prev::after {
  display: none;
}
.tabs-area.tab-area-mob .controller .swiper-button-prev:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid var(--color-blue);
}
.tabs-area.tab-area-mob .controller .swiper-button-prev:hover {
  box-shadow: 1px 1px 6px 0px #cdcdcd;
}

.tabs-content-area .deals-swiper {
  padding: 125px 0;
  padding-bottom: 125px !important;
  position: relative;
}
.tabs-content-area .deals-swiper .box {
  position: relative;
  border-radius: 22px;
}
.tabs-content-area .deals-swiper .box .img-area {
  width: 100%;
  height: 100%;
}
.tabs-content-area .deals-swiper .box .img-area img {
  width: 100%;
}
.tabs-content-area .deals-swiper .box .top-box-area {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 2%;
  width: 80%;
  left: 10%;
  align-items: center;
}
.tabs-content-area .deals-swiper .box .top-box-area .off-area {
  width: 50%;
}
.tabs-content-area .deals-swiper .box .top-box-area .off-area p {
  font-family: "Encode Sans Condensed", sans-serif;
  color: var(--color-white);
  font-size: var(--heading-6);
  text-transform: uppercase;
  margin: 0;
}
.tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-text {
  font-size: 66px;
  line-height: 55px;
}
.tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-per {
  font-size: 30px;
  line-height: 25px;
}
.tabs-content-area .deals-swiper .box .top-box-area .off-area p.disc-off {
  font-size: 30px;
  line-height: 25px;
}
.tabs-content-area .deals-swiper .box .white-bg .bottom-box-area {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-radius: 20px;
  padding: 30px;
  bottom: 0%;
  width: 100%;
  left: 0%;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0) 100%);
}
.tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .card-area p {
  font-size: var(--paragraph-txt-18);
  line-height: 24px;
  width: 85%;
  margin: 0;
}
.tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .logo-area {
  width: 90%;
  text-align: center;
}
.tabs-content-area .deals-swiper .box .white-bg .bottom-box-area .logo-area .small-text {
  margin: 0;
  margin-top: 10px;
  width: 100%;
  font-size: 12px;
}
.tabs-content-area .tab-content {
  padding-top: 32px;
}

.vertical-tab {
  width: 80%;
  margin: 5rem auto 0;
}
.vertical-tab nav {
  width: 20%;
}
.vertical-tab nav .nav-tabs {
  border: none;
  margin: 0;
  border-right: 1px solid var(--border-grey-dark);
  padding-right: 35px;
}
.vertical-tab nav .nav-tabs .nav-link {
  text-transform: uppercase;
  border-radius: 25px;
  border-radius: 50px;
  padding: 14px 20px;
  color: var(--color-white);
  font-size: var(--paragraph-txt-14);
}
.vertical-tab nav .nav-tabs .nav-link.active {
  font-size: var(--fontSize16);
  color: var(--color-white);
  background: linear-gradient(180deg, #e4c477 0%, #ddb557 100%);
  border: none;
  margin: 0;
}
.vertical-tab .tab-content {
  width: calc(100% - 180px);
  padding-left: 35px !important;
}

.vertical-tab.mtop-0 {
  margin-top: 0rem;
}

.marketing-alliances {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--standard-sec-mg) / 2);
  background: url("../../images/ma-bg.png") no-repeat;
  background-size: cover;
  padding-bottom: calc(var(--standard-sec-mg) / 2);
}

.marketing-alliances .section-head {
  padding-bottom: 40px;
}
.marketing-alliances .details {
  width: 100%;
  text-align: left;
  padding-inline: 15px;
  padding-top: 25px;
}
.marketing-alliances .details h4 {
  font-family: var(--fontEncodeSansCondensed);
  font-size: var(--heading-6);
  color: var(--color-blue);
  margin-bottom: 0;
}
.marketing-alliances .details p {
  padding-top: 0;
  font-size: var(--paragraph-txt);
  margin: 0;
}

.payment-channels {
  position: relative;
  overflow: hidden;
}
.payment-channels .section-head {
  padding-bottom: 40px;
}
.payment-channels .pc-bx {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.payment-channels .pc-bx img {
  height: 80px;
  -o-object-fit: none;
  object-fit: none;
  filter: invert(45%) sepia(50%) saturate(400%) hue-rotate(350deg) brightness(150%) contrast(85%);
}
.payment-channels .pc-bx h4 {
  font-size: var(--paragraph-txt-18);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: var(--color-white);
  padding-inline: 1rem;
}

.visa-offer {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(var(--standard-sec-mg) / 2);
}
.visa-offer .section-head {
  padding-bottom: 40px;
}
.visa-offer .col-fit-content {
  width: 800px;
}
.visa-offer .vo-bx {
  text-align: center;
  position: relative;
}
.visa-offer .vo-bx .vo-img {
  width: 100%;
  border: 1px solid var(--color-blue);
  border-radius: 15px;
  overflow: hidden;
}
.visa-offer .vo-bx .vo-details {
  width: 100%;
  height: 203px;
  border-radius: 0px 0px 15px 15px;
  background: linear-gradient(180deg, rgba(228, 196, 119, 0) 0%, #e4c477 45.83%, #ddb557 100%);
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.visa-offer .vo-bx .vo-details h4 {
  font-size: var(--fontSize18);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: var(--color-black);
  padding-inline: 1rem;
  padding-top: 5rem;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 137px;
}
.visa-offer .vo-bx .vo-details span.btn:hover {
  background-color: var(--bs-body-bg);
  color: var(--color-white);
}

.bg-left-img {
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(206, 234, 247) 100%);
  padding-block: 1.563rem;
  margin-top: 2.563rem;
}
.bg-left-img .details {
  padding-left: 5.813rem;
  width: 44.875rem;
}
.bg-left-img .details p {
  color: var(--color-black);
  font-family: Open Sans;
  font-size: var(--fontSize16);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.bg-left-img .details ul li {
  color: #0c32af;
  font-family: Open Sans;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.bg-left-img.with-headings .details {
  padding-left: 5.813rem;
  width: 44.875rem;
}
.bg-left-img.with-headings .details h4 {
  color: #0c32af;
  font-family: Open Sans;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.bg-left-img.with-headings .details h5 {
  color: #0c32af;
  font-family: Open Sans;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.bg-left-img.with-headings .details ul {
  padding-bottom: 1rem;
}
.bg-left-img.with-headings .details ul li {
  color: #000;
  font-family: Open Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.bg-left-img.with-headings .details ul.icon-list {
  padding: 3.75rem 0;
  padding-bottom: 3.75rem;
  margin: 0;
  display: flex;
}
.bg-left-img.with-headings .details ul.icon-list li {
  list-style-type: none;
  display: inline-block;
  border-right: 1px solid rgba(102, 102, 102, 0.4);
  padding: 0 3.225rem;
}
.bg-left-img.with-headings .details ul.icon-list li:first-child {
  padding-left: 0;
}
.bg-left-img.with-headings .details ul.icon-list li:last-child {
  border: none;
  padding-right: 0;
}
.bg-left-img.with-headings .details ul.icon-list li p {
  color: #000;
  text-align: center;
  font-family: Open Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.563rem;
  text-transform: uppercase;
}

.bg-left-box-10 {
  background: url("../../images/non-financial-bg.png") center right no-repeat;
  padding-block: 3.625rem;
  background-size: contain;
}
.bg-left-box-10 .inner-box .grid-box .card-box .content-wrap {
  width: 70%;
}
.bg-left-box-10 .inner-box .grid-box .card-box .content-wrap h4 {
  color: #0c32af;
  font-family: Open Sans;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.bg-left-box-10 .inner-box .grid-box .card-box .content-wrap ul li {
  color: #000;
  font-family: Open Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.bg-left-box-10 .inner-box .grid-box .card-box .content-wrap p {
  color: #000;
  font-family: Open Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.faqs .accordion-button:not(.collapsed) {
  box-shadow: none;
  background: linear-gradient(#e4c477, #d3ab4f);
  color: var(--color-white);
  border-radius: 50px !important;
}

.faqs .accordion-item {
  border-color: transparent;
  margin-top: 10px;
  border-radius: 35px;
  background-color: rgba(255, 255, 255, 0.0901960784);
}

.faqs .accordion-item .accordion-button {
  border: 1px solid var(--color-white);
  border-radius: 50px !important;
  font-family: var(--fontOpenSans);
}
.faqs .accordion-item .accordion-button::after {
  filter: invert(1);
}

.faqs .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.faqs .input-group .form-control {
  padding: 14px 15px;
  border-radius: 50px;
  border: 1px solid var(--border-grey-dark);
}

.faqs .btn.btn-outline-secondary {
  background-color: var(--color-white);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left: 0;
}

.faqs .accordion-button:focus {
  box-shadow: none !important;
}

.faqs .form-control:focus {
  border-right: 0;
  box-shadow: none !important;
}

.faqs .btn.btn-outline-secondary img {
  border-left: 1px solid var(--border-grey-dark);
  padding-left: 10px;
}

.accordion-body ul {
  list-style-image: url("../../images/privilege-bullet.png");
  margin: 0 0 20px 0;
  padding-left: 15px;
}
.accordion-body ul ul {
  list-style-image: url("../../images/privilege-bullet-square.png");
  margin-bottom: 0;
}
.accordion-body ul ul ul {
  list-style-image: url("../../images/privilege-bullet-circle.png");
  margin-bottom: 0;
}
.accordion-body ul:last-child {
  margin-bottom: 0;
}
.accordion-body ol {
  list-style-image: url("../../images/privilege-bullet.png");
  margin: 0 0 20px 0;
  padding-left: 15px;
}
.accordion-body ol ul {
  list-style-image: url("../../images/privilege-bullet-square.png");
  margin-bottom: 0;
}
.accordion-body ol ul ul {
  list-style-image: url("../../images/privilege-bullet-circle.png");
  margin-bottom: 0;
}
.accordion-body ol:last-child {
  margin-bottom: 0;
}
.accordion-body table {
  width: 100%;
  border-radius: 5px;
}
.accordion-body table thead {
  border: 1px solid #fff;
  border-radius: 5px;
}
.accordion-body table tbody {
  border-radius: 5px;
}
.accordion-body table th {
  background-color: var(--color-blue);
  color: #fff;
  padding: 10px;
  border: 1px solid #fff;
  font-size: var(--tab-nav-txt);
  border-radius: 5px;
}
.accordion-body table td {
  border-radius: 5px;
  background-color: rgba(245, 245, 245, 0.1215686275);
  padding: 10px;
  border: 1px solid var(--color-blue);
  color: var(--color-white);
}
.accordion-body table tr:nth-of-type(odd) > th {
  color: var(--color-black);
  border-radius: 0;
}
.accordion-body table tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: transparent;
}

@media (max-width: 767px) {
  .s2wrap .select2 .select2-selection .select2-selection__arrow {
    height: 28px !important;
  }
  .tabs-area .tabs-slider-in ul.nav .nav-link {
    white-space: nowrap;
    width: 150px;
  }
  .vertical-tab {
    width: 100%;
  }
  .vertical-tab .vertical-tab {
    width: 100%;
  }
  .vertical-tab .container1 {
    display: block !important;
  }
  .vertical-tab .container1 nav .nav-tabs {
    display: flex;
    flex-flow: column nowrap;
    display: flex;
    margin: 0 15px;
  }
  .vertical-tab .container1 nav .nav-tabs .nav-item + .nav-item {
    margin-top: 0.25rem;
  }
  .vertical-tab .container1 nav .nav-tabs .nav-link {
    transition: border-color 0.125s ease-in;
    white-space: nowrap;
  }
  .vertical-tab .container1 nav .nav-tabs .nav-link:hover {
    border-color: transparent;
  }
  .vertical-tab .container1 nav .nav-tabs .nav-link.active:hover {
    border-color: #0275d8 #fff #0275d8 #0275d8;
  }
  .vertical-tab .container1 .tab-content {
    width: calc(100% - 0px);
    padding-left: 1rem !important;
    padding-top: 46px !important;
  }
  .detail-section .sec-main-heading {
    font-size: var(--heading-4);
  }
  .detail-section .sec-heading-2 {
    font-size: var(--heading-4);
    text-align: center;
  }
  .detail-section .marketing-alliances {
    background: url("../../images/ma-bg-mob.png") no-repeat;
    padding-bottom: 0;
  }
  .detail-section .marketing-alliances .sec-main-heading {
    font-size: var(--heading-4);
  }
  .detail-section .marketing-alliances .details .sec-main-heading {
    font-size: var(--heading-4);
    color: var(--color-blue);
  }
  .detail-section .marketing-alliances .details p {
    padding: 0.563rem 0rem 0;
    margin: 0;
  }
  .detail-section .marketing-alliances .details .section-select {
    padding: 0.563rem 1.563rem 0;
  }
  .detail-section .payment-channels .sec-main-heading {
    font-size: var(--heading-4);
  }
  .detail-section .visa-offer .sec-main-heading {
    font-size: var(--heading-4);
  }
  .detail-section .visa-offer .vo-bx {
    width: auto;
  }
  .detail-section .visa-offer .vo-bx .vo-details h4 {
    min-height: 115px;
  }
  .detail-section .bg-left-img {
    padding-block: 2.188rem;
    margin-top: 1.563rem;
  }
  .detail-section .bg-left-img .details {
    padding-left: 0rem;
    padding-inline: 1rem;
    padding-top: 1.563rem;
    width: 100%;
  }
  .detail-section .bg-left-img .details p {
    font-size: var(--fontSize16);
    line-height: normal;
  }
  .detail-section .bg-left-img .details ul li {
    font-size: 1.5rem;
    line-height: normal;
  }
  .detail-section .bg-left-img img {
    width: 103.3%;
  }
  .detail-section .bg-left-img.with-headings .details {
    padding-left: 0rem;
    padding-inline: 1rem;
    padding-top: 1.563rem;
    width: 100%;
  }
  .detail-section .bg-left-img.with-headings .details ul.icon-list {
    display: block;
    margin: 0 auto;
    width: 70%;
  }
  .detail-section .bg-left-img.with-headings .details ul.icon-list li {
    display: block;
    text-align: center;
    padding: 2.5rem 0;
    border: none;
    border-bottom: 1px solid rgba(102, 102, 102, 0.4);
  }
  .detail-section .bg-left-img.with-headings .details ul.icon-list li img {
    width: 7.063rem;
  }
  .detail-section .bg-left-img.with-headings .details ul.icon-list li p {
    padding: 1rem 0 0;
  }
  .detail-section .bg-left-box-10 {
    background-size: 230%;
    background-position: center center;
  }
  .detail-section .bg-left-box-10 .inner-box .grid-box .card-box .content-wrap ul li {
    font-size: 1rem;
    line-height: normal;
  }
  .detail-section .bg-left-box-10 .inner-box .grid-box .card-box .content-wrap p {
    font-size: 1rem;
    line-height: normal;
  }
  .detail-section .tabs-content-area .tab-content {
    padding-top: 32px;
  }
  .detail-section .sec-heading-3 {
    text-align: center;
  }
  .detail-section h3 {
    text-align: center;
    font-size: var(--heading-1m);
  }
  .detail-section ul.ul-grid li {
    width: 25%;
  }
}
@media (max-width: 1199px) {
  .vertical-tab {
    width: 100%;
  }
  .vertical-tab .vertical-tab {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .vertical-tab .nav-tabs {
    display: flex;
    flex-flow: column nowrap;
    display: flex;
    margin: 0 15px;
  }
  .vertical-tab .nav-tabs .nav-item + .nav-item {
    margin-top: 0.25rem;
  }
  .vertical-tab .nav-tabs .nav-link {
    transition: border-color 0.125s ease-in;
    white-space: nowrap;
  }
  .vertical-tab .nav-tabs .nav-link:hover {
    border-color: transparent;
  }
  .vertical-tab .nav-tabs .nav-link.active:hover {
    border-color: #0275d8 #fff #0275d8 #0275d8;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vertical-tab nav {
    width: 30%;
  }
  .bg-left-img .details {
    padding-left: 1.813rem;
    width: 22.875rem;
  }
  .bg-left-img .details p {
    font-size: var(--fontSize16);
    line-height: normal;
  }
  .bg-left-img .details ul li {
    font-size: 1.175rem;
    line-height: normal;
  }
  .bg-left-img.with-headings .details {
    padding-left: 1.813rem;
    width: 22.875rem;
  }
  .bg-left-box-10 {
    background-size: 110%;
  }
  .bg-left-box-10 .col-12.col-md-8 {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .vertical-tab nav {
    width: 30%;
  }
  .bg-left-img .details {
    padding-left: 1.813rem;
    width: 27.875rem;
  }
  .bg-left-img .details p {
    font-size: var(--fontSize16);
    line-height: normal;
  }
  .bg-left-img .details ul li {
    font-size: 1.175rem;
    line-height: normal;
  }
  .bg-left-img.with-headings .details {
    padding-left: 1.813rem;
    width: 27.875rem;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .bg-left-img .details {
    padding-left: 4.813rem;
    width: 36.875rem;
  }
  .bg-left-img .details p {
    font-size: var(--fontSize16);
    line-height: normal;
  }
  .bg-left-img .details ul li {
    font-size: 1.475rem;
    line-height: normal;
  }
  .bg-left-img.with-headings .details {
    padding-left: 4.813rem;
    width: 36.875rem;
  }
  .bg-left-img.with-headings .details ul.icon-list li p {
    font-size: 0.875rem;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .bg-left-img .details {
    padding-left: 4.813rem;
    width: 37.875rem;
  }
  .bg-left-img .details p {
    font-size: var(--fontSize16);
    line-height: normal;
  }
  .bg-left-img .details ul li {
    font-size: 1.675rem;
    line-height: normal;
  }
  .bg-left-img.with-headings .details {
    padding-left: 4.813rem;
    width: 37.875rem;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .bg-left-img .details {
    padding-left: 4.813rem;
    width: 39.875rem;
  }
  .bg-left-img .details p {
    font-size: var(--fontSize16);
    line-height: normal;
  }
  .bg-left-img .details ul li {
    font-size: 1.675rem;
    line-height: normal;
  }
  .bg-left-img.with-headings .details {
    padding-left: 4.813rem;
    width: 39.875rem;
  }
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .bg-left-img .details {
    padding-left: 4.813rem;
    width: 39.875rem;
  }
  .bg-left-img .details p {
    font-size: var(--fontSize16);
    line-height: normal;
  }
  .bg-left-img .details ul li {
    font-size: 1.675rem;
    line-height: normal;
  }
  .bg-left-img.with-headings .details {
    padding-left: 4.813rem;
    width: 39.875rem;
  }
}
@media (min-width: 2000px) {
  .bg-left-img .details {
    padding-left: 5.813rem;
    width: 40.875rem;
  }
  .bg-left-img img {
    width: 100%;
  }
  .bg-left-img.with-headings .details {
    padding-left: 5.813rem;
    width: 40.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bg-left-img.with-headings .details ul.icon-list li {
    padding: 0 0.525rem;
  }
  .bg-left-box-10 .inner-box .grid-box .card-box .content-wrap {
    width: 100%;
  }
  .tabs-area {
    margin-top: 0px;
  }
  .tabs-area .nav-pills {
    margin-bottom: 0px;
  }
  .tabs-area .nav-pills .nav-link {
    padding: 10px 15px;
  }
  .detail-section ul.ul-grid li {
    width: 25%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .bg-left-box-10 .col-12.col-md-8 {
    width: 70%;
  }
}
@media (min-width: 2200px) {
  .bg-left-box-10 .col-12.col-md-8 {
    width: 83%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bg-left-box-10 {
    background-size: 110%;
  }
  .bg-left-box-10 .col-12.col-md-8 {
    width: 100%;
  }
}
.detail-section .content-form textarea.form-control {
  border-radius: 10px !important;
}

.detail-section .content-form .form-control {
  border-radius: 30px;
  border-color: #c6c6c6 !important;
}

.detail-section .content-form .form-control:focus {
  box-shadow: none;
  border-color: var(--color-green) !important;
}

.s2wrap .select2 {
  width: 100% !important;
}

.s2wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 20px 20px 0 0;
}

.s2wrap .select2 .select2-selection .select2-selection__rendered {
  line-height: 1.5;
  font-size: 1rem;
  color: var(--color-white);
}

.s2wrap .select2 .select2-selection .select2-selection__arrow {
  height: 38px;
}

.select2-dropdown {
  background-color: var(--bs-body-bg);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: var(--bs-body-bg);
  color: var(--color-white);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--color-blue);
  color: var(--color-black);
}

.select2-container--default .select2-selection--single {
  background-color: var(--bs-body-bg);
}

.s2wrap .select2 .select2-selection {
  border-radius: 30px;
  border: 1px solid #c6c6c6;
  padding: 0.375rem 0.75rem;
  height: auto;
}

.select2-container--default .select2-results__option--selected {
  color: var(--color-black);
}

@media (min-width: 1200px) {
  .tabs-area.tab-area-mob .tabs-slider-in ul.nav .nav-link {
    padding: 14px 20px !important;
    font-size: var(--fontSize19) !important;
  }
  .tabs-area.tab-area-mob .controller .swiper-button-next {
    top: 15px !important;
  }
  .tabs-area.tab-area-mob .controller .swiper-button-prev {
    top: 15px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .s2wrap .select2 .select2-selection .select2-selection__arrow {
    height: 32px;
  }
  .tabs-area.tab-area-mob .tabs-slider-in ul.nav .nav-link {
    font-size: var(--fontSize16) !important;
  }
}
@media (min-width: 1300px) and (max-width: 1499px) {
  .tabs-area.tab-area-mob .controller .swiper-button-next {
    top: 18px !important;
  }
  .tabs-area.tab-area-mob .controller .swiper-button-prev {
    top: 18px !important;
  }
}
@media (min-width: 2560px) {
  .tabs-area.tab-area-mob .tabs-slider-in ul.nav .nav-link {
    font-size: var(--fontSize16) !important;
  }
}
@media (min-width: 820px) and (max-width: 820px) {
  .adamjee-general.privilege .detail-section .tabs-area.tab-area-mob .controller .swiper-button-next {
    top: 15px;
  }
  .adamjee-general.privilege .detail-section .tabs-area.tab-area-mob .controller .swiper-button-prev {
    top: 15px;
  }
}
/* inner banner */
/* inner banner */
.color-blue {
  color: var(--color-blue);
}

.sec-main-heading {
  color: var(--color-blue);
}

.mob-visible {
  display: none !important;
}

/*==========================*/
/******  Debit card  ********/
/*==========================*/
.debit_card {
  margin-bottom: calc(var(--standard-sec-mg) / 2) !important;
}
.debit_card .vo-bx {
  width: auto;
}
.debit_card .vo-bx .vo-img img {
  width: 100%;
}
.debit_card .vo-bx .vo-details {
  justify-content: end;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 20px;
}
.debit_card .vo-bx .vo-details a {
  margin-left: 15px;
}
.debit_card .vo-bx .vo-details a:hover {
  background-color: var(--bs-body-bg);
  color: var(--color-white);
}

/*==========================*/
/******  Credit card  ********/
/*==========================*/
.credit_card {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: calc(var(--standard-sec-mg) / 2);
  padding-bottom: 0;
}
.credit_card .vo-bx {
  width: auto;
}
.credit_card .vo-bx .vo-img img {
  width: 100%;
}
.credit_card .vo-bx .vo-details {
  justify-content: end;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 20px;
}
.credit_card .vo-bx .vo-details a {
  margin-left: 15px;
}
.credit_card .vo-bx .vo-details a:hover {
  background-color: var(--bs-body-bg);
  color: var(--color-white);
}

/*==========================*/
/******  Category Deal  ********/
/*==========================*/
.category-deal {
  margin: 100px 0;
}
.category-deal .tabs-area {
  margin-top: 39px;
}
.category-deal .tabs-area .nav-pills {
  justify-content: center;
  align-items: center;
  background: var(--color-white);
  border: 1px solid var(--border-grey-dark);
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 50px;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
}
.category-deal .tabs-area .nav-pills .nav-link {
  text-transform: uppercase;
  border-radius: 25px;
  padding: 14px 50px;
  width: 215px;
  color: var(--color-black);
}
.category-deal .tabs-area .nav-pills .nav-link.active {
  color: var(--color-white);
  background-color: var(--color-blue);
}
.category-deal .tabs-content-area {
  background-image: url(../images/category-deal-bg.png);
  background-size: cover;
  background-position: bottom left;
}
.category-deal .tabs-content-area .cat-deals-swiper {
  padding: 125px 0;
  padding-bottom: 125px !important;
  position: relative;
}
.category-deal .tabs-content-area .cat-deals-swiper .box {
  position: relative;
  border: 1px solid #919191;
  border-radius: 22px;
  overflow: hidden;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .img-area {
  width: 100%;
  height: 100%;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .img-area img {
  transition: transform 0.5s;
  width: 100%;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .top-box-area {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 2%;
  width: 80%;
  left: 10%;
  align-items: center;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .top-box-area .off-area {
  width: 50%;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .top-box-area .off-area p {
  font-family: "Encode Sans Condensed", sans-serif;
  color: var(--color-white);
  font-size: var(--heading-6);
  text-transform: uppercase;
  margin: 0;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .top-box-area .off-area p.disc-text {
  font-size: 66px;
  line-height: 55px;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .top-box-area .off-area p.disc-per {
  font-size: 30px;
  line-height: 25px;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .top-box-area .off-area p.disc-off {
  font-size: 30px;
  line-height: 25px;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .white-bg .bottom-box-area {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-radius: 20px;
  padding: 50px 30px 20px 30px;
  bottom: 0%;
  width: 100%;
  left: 0%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(228, 196, 119, 0) 0%, #e4c477 45.83%, #ddb557 100%);
}
.category-deal .tabs-content-area .cat-deals-swiper .box .white-bg .bottom-box-area .card-area p {
  font-size: var(--paragraph-txt-24);
  line-height: 30px;
  width: 85%;
  margin: 0;
  color: var(--color-black);
}
.category-deal .tabs-content-area .cat-deals-swiper .box .white-bg .bottom-box-area .card-area p a {
  color: var(--colorDarkGray);
  text-decoration: none;
  color: var(--color-black);
}
.category-deal .tabs-content-area .cat-deals-swiper .box .white-bg .bottom-box-area .logo-area {
  width: 90%;
  text-align: center;
}
.category-deal .tabs-content-area .cat-deals-swiper .box .white-bg .bottom-box-area .logo-area .small-text {
  margin: 0;
  margin-top: 10px;
  width: 100%;
  font-size: 12px;
}
.category-deal .tabs-content-area .cat-deals-swiper .box:hover .img-area img {
  transform: scale(1.5);
  overflow: hidden;
}

@media (max-width: 1199px) {
  .mob-visible {
    display: block !important;
  }
  .desk-visible {
    display: none !important;
  }
  .category-deal .tabs-content-area {
    background-image: none;
  }
  .category-deal .tabs-content-area .cat-deals-swiper .swiper-wrapper {
    justify-content: center;
  }
  .category-deal .tabs-content-area .cat-deals-swiper .box {
    width: auto;
    overflow: hidden;
    transition: 0.5s ease;
  }
  .category-deal .tabs-content-area .cat-deals-swiper .box .white-bg .bottom-box-area {
    padding: 100px 30px 30px 30px;
  }
  .category-deal .tabs-content-area .cat-deals-swiper .box .img-area {
    width: auto;
  }
  .category-deal .tabs-content-area .cat-deals-swiper .box .img-area img {
    width: auto;
  }
  .category-deal .tabs-content-area .row.mob-visible {
    display: flex !important;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx {
    width: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx .vo-img {
    width: 100%;
    border: 1px solid #999999;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx .vo-img img {
    transition: transform 0.5s;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx .vo-details {
    width: 100%;
    height: 140px;
    border-radius: 0px 0px 20px 20px;
    background: linear-gradient(180deg, rgba(228, 196, 119, 0) 0%, #e4c477 45.83%, #ddb557 100%);
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-content: end;
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 20px;
    border: 1px solid #999999;
    border-top: 0;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx .vo-details h4 {
    font-size: calc(60% + 0.7vmin);
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: var(--colorBlack);
    padding-inline: 1rem;
    padding-top: 5rem;
    text-align: left;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx:hover .vo-img {
    overflow: hidden;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx:hover .vo-img img {
    transform: scale(1.5);
    overflow: hidden;
  }
}
@media (max-width: 575px) {
  .credit_card .swiper-wrapper {
    justify-content: normal;
  }
  .credit-card-swiper-new .swiper-wrapper {
    justify-content: normal;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx .vo-details {
    height: 90px;
  }
  .credit-card-swiper-new .swiper-wrapper .vo-bx .vo-details h4 {
    font-size: calc(90% + 0.7vmin);
  }
  .category-deal {
    margin: 60px 0;
  }
}
@media (max-width: 767px) {
  .credit_card {
    background-image: url(../images/credit-card-bg-mob.jpg) !important;
  }
}
@media screen and (min-width: 2560px) {
  .category-deal .tabs-content-area {
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .category-deal .tabs-content-area .cat-deals-swiper .box .white-bg .bottom-box-area .card-area p {
    font-size: var(--fontSize18);
    width: 100%;
  }
}
.tabs-area {
  margin-top: 39px;
}
.tabs-area .nav-pills {
  justify-content: center;
  align-items: center;
  background: var(--color-white);
  border: 1px solid var(--border-grey-dark);
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.tabs-area .nav-pills .nav-link {
  text-transform: uppercase;
  border-radius: 25px;
  padding: 14px 50px;
  width: auto;
  color: var(--color-black);
}
.tabs-area .nav-pills .nav-link.active {
  color: var(--color-white);
  background-color: var(--color-blue);
}

.mt-40 {
  margin-top: 40px !important;
}

.sliderBtn {
  --bs-btn-padding-x: 1.5rem;
}

.modal .modal-body .btn-close {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: var(--color-green);
  font-size: 12px;
  padding: 10px;
  opacity: 1;
  border-radius: 0px;
  width: 10px;
  height: 10px;
}
@media (max-width: 767px) {
  .modal .modal-body .btn-close {
    font-size: 10px;
    width: 5px;
    height: 5px;
  }
}

.card-box {
  padding: 45px 40px;
  min-height: 230px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
}
.card-box:hover {
  border: 1px solid var(--color-blue);
  background-color: var(--color-white);
}
.card-box .content-wrap p {
  color: var(--color-black);
}

.inner-box {
  background-color: var(--color-white);
  border: 1px solid var(--bordercolor);
  border-radius: 20px;
  overflow: hidden;
  padding: 100px 50px 80px 50px;
}
.inner-box .card-box {
  padding: 0px;
  min-height: unset;
  background-color: none;
  border: none;
  border-radius: unset;
  transition: none;
  text-align: left;
  width: auto;
}
.inner-box .card-box .content-wrap h6 {
  font-weight: bold;
  font-size: var(--fontSize18);
  color: var(--colorBlack);
}
.inner-box .card-box .content-wrap a {
  text-decoration: none;
}
.inner-box .card-box .content-wrap a p {
  color: var(--color-blue);
  font-size: var(--fontSize16);
}
.inner-box .card-box .content-wrap .download-icon {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: var(--color-black);
  font-size: var(--fontSize14);
}
.inner-box .card-box .content-wrap .download-icon img {
  margin-right: 10px;
}

.latest-compaigns .main-content-area {
  padding: 70px 0;
  background-image: url(../images/latest-compaigns.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.latest-compaigns .main-content-area .latest-compaigns-swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.latest-compaigns .main-content-area .latest-compaigns-swiper.swiper-grid > .swiper-wrapper {
  flex-direction: row;
}
.latest-compaigns .main-content-area .latest-compaigns-swiper.swiper-grid .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 10px !important;
}
.latest-compaigns .main-content-area .latest-compaigns-swiper.swiper-grid .controller {
  bottom: -20px;
}

.video-content.visa-offer .vo-bx {
  width: 100%;
}
.video-content.visa-offer .vo-bx .vo-details h4 {
  padding-top: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.video-content.visa-offer .vo-bx .play-icon-area {
  position: absolute;
  top: 30%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -30%);
}
.video-content.visa-offer .vo-bx .play-icon-area a img {
  width: 85%;
}
.video-content.visa-offer .vo-bx .vo-img img {
  border-radius: 20px;
}
.video-content .video-content-main {
  margin-top: 50px;
  padding: 70px 0;
  background-image: url(../images/main-banner-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.video-content .video-content-main .swiper .controller .swiper-button-next {
  background-color: white;
}
.video-content .video-content-main .swiper .controller .swiper-button-prev {
  background-color: white;
}

.marketing-compaigns .sec-main-heading {
  color: var(--color-green);
}
.marketing-compaigns .main-content-area {
  padding: 120px 0 50px;
  background-image: url(../images/marketing_campaigns.png);
  background-size: auto;
  background-position: top left;
  background-repeat: no-repeat;
  margin-top: var(--sec-gap);
}
.marketing-compaigns .main-content-area .marketing-compaigns-swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.marketing-compaigns .main-content-area .marketing-compaigns-swiper.swiper-grid > .swiper-wrapper {
  flex-direction: row;
}
.marketing-compaigns .main-content-area .marketing-compaigns-swiper.swiper-grid .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-block: 10px !important;
}
.marketing-compaigns .main-content-area .controller .swiper-button-next {
  background-color: white;
}
.marketing-compaigns .main-content-area .controller .swiper-button-prev {
  background-color: white;
}

.latest-news .sec-main-heading {
  color: var(--color-green);
}
.latest-news .main-content-area {
  padding: 120px 0;
  background-image: url(../images/latest-news-bg.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: var(--sec-gap);
}
.latest-news .main-content-area .latest-news-swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.latest-news .main-content-area .latest-news-swiper.swiper-grid > .swiper-wrapper {
  flex-direction: row;
}
.latest-news .main-content-area .latest-news-swiper.swiper-grid .swiper-slide {
  height: calc((100% - 30px) / 3) !important;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-block: 10px !important;
}
.latest-news .main-content-area .controller .swiper-button-next {
  background-color: white;
}
.latest-news .main-content-area .controller .swiper-button-prev {
  background-color: white;
}

.event-gallery.visa-offer .vo-bx {
  width: 100%;
}
.event-gallery.visa-offer .vo-bx .vo-details h4 {
  padding-top: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.event-gallery.visa-offer .vo-bx .play-icon-area {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%);
}
.event-gallery.visa-offer .vo-bx .play-icon-area a img {
  width: 85%;
}
.event-gallery.visa-offer .vo-bx .vo-img img {
  border-radius: 20px;
}
.event-gallery .event-gallery-main {
  margin-top: 50px;
  padding: 70px 0;
  background: rgb(126, 220, 250);
  background: radial-gradient(circle, rgba(126, 220, 250, 0.2) 0%, rgba(32, 188, 255, 0.2) 100%);
}
.event-gallery .event-gallery-main .swiper .controller .swiper-button-next {
  background-color: white;
}
.event-gallery .event-gallery-main .swiper .controller .swiper-button-prev {
  background-color: white;
}

@media (max-width: 767px) {
  .video-content.visa-offer .vo-bx .vo-details {
    height: 100px;
  }
  .video-content.visa-offer .vo-bx .vo-details h4 {
    padding-top: 0rem;
  }
  .event-gallery.visa-offer .vo-bx .vo-details h4 {
    padding-top: 0rem;
  }
  .latest-compaigns-swiper .card-box {
    padding: 20px;
    min-height: 155px;
  }
  .latest-compaigns-swiper .swiper-slide-active .card-box {
    border: 1px solid var(--color-blue);
    background-color: var(--color-white);
  }
  .latest-compaigns-swiper .controller {
    bottom: -30px;
  }
  .inner-box {
    padding: 40px;
  }
  .marketing-compaigns .main-content-area {
    padding: 70px 0;
  }
  .marketing-compaigns .controller .swiper-button-next {
    background-color: white;
  }
  .marketing-compaigns .controller .swiper-button-prev {
    background-color: white;
  }
  .latest-news .main-content-area {
    padding: 70px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .card-box {
    padding: 30px 20px;
  }
  .marketing-compaigns .main-content-area {
    background-position: -200px top;
  }
}
.explore-latest-campaigns {
  background: url(../images/latest-campaigns-bg.png) no-repeat;
  width: 100%;
  min-height: 833px;
}

.desk-show {
  display: block;
}

.mob-show {
  display: none;
}

.latest-compaigns .main-content-area .grid-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

@media (max-width: 767px) {
  .press-ads-swiper .card-box {
    padding: 20px;
    min-height: 155px;
  }
  .press-ads-swiper .swiper-slide-active .card-box {
    border: 1px solid var(--color-blue);
    background-color: var(--color-white);
  }
  .press-ads-swiper .controller {
    bottom: -30px;
  }
}
@media (max-width: 1199px) {
  .desk-show {
    display: none !important;
  }
  .mob-show {
    display: block !important;
  }
}
.video-content.tvc .video-content-main {
  background-image: url(../images/tvc-bg.png);
}
.video-content.tvc .video-content-main .video-content-swiper-inner {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.video-content.tvc .video-content-main .video-content-swiper-inner.swiper-grid > .swiper-wrapper {
  flex-direction: row;
}
.video-content.tvc .video-content-main .video-content-swiper-inner.swiper-grid .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 10px !important;
}
.video-content.tvc .video-content-main .video-content-swiper-inner .controller {
  bottom: -20px;
}

@media (max-width: 767px) {
  .press-ads-swiper .card-box {
    padding: 20px;
    min-height: 155px;
  }
  .press-ads-swiper .swiper-slide-active .card-box {
    border: 1px solid var(--color-blue);
    background-color: var(--color-white);
  }
  .press-ads-swiper .controller {
    bottom: -30px;
  }
}
.marketing-compaigns {
  overflow-x: hidden;
}
.marketing-compaigns.press-release .main-content-area {
  background-size: contain;
  background-position: -200px top;
}
.marketing-compaigns.press-release .main-content-area .press-release-swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0 !important;
}
.marketing-compaigns.press-release .main-content-area .press-release-swiper.swiper-grid-column > .swiper-wrapper {
  flex-direction: row;
}
.marketing-compaigns.press-release .main-content-area .press-release-swiper.swiper-grid-column .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 10px !important;
}
.marketing-compaigns.press-release .main-content-area .controller .swiper-button-next {
  background-color: white;
}
.marketing-compaigns.press-release .main-content-area .controller .swiper-button-prev {
  background-color: white;
}
.marketing-compaigns.press-release .main-content-area .grid-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  -moz-column-gap: 8em;
       column-gap: 8em;
  grid-row-gap: 2em;
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .marketing-compaigns.press-release .main-content-area .grid-box {
    -moz-column-gap: 1em;
         column-gap: 1em;
  }
}

@media (max-width: 767px) {
  .marketing-compaigns .main-content-area {
    background-size: cover !important;
    background-position: left top !important;
  }
}
.marketing-compaigns.lt-news .sec-main-heading {
  color: var(--color-blue);
}
.marketing-compaigns.lt-news .main-content-area {
  background-size: cover;
  background-position: center center;
  background-image: url(../images/latest-news-bg.png);
}
.marketing-compaigns.lt-news .main-content-area .press-release-swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0 !important;
}
.marketing-compaigns.lt-news .main-content-area .press-release-swiper.swiper-grid-column > .swiper-wrapper {
  flex-direction: row;
}
.marketing-compaigns.lt-news .main-content-area .press-release-swiper.swiper-grid-column .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 10px !important;
}
.marketing-compaigns.lt-news .main-content-area .controller .swiper-button-next {
  background-color: white;
}
.marketing-compaigns.lt-news .main-content-area .controller .swiper-button-prev {
  background-color: white;
}
.marketing-compaigns.lt-news .main-content-area .grid-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  -moz-column-gap: 8em;
       column-gap: 8em;
  grid-row-gap: 2em;
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .marketing-compaigns.lt-news .main-content-area .grid-box {
    -moz-column-gap: 1em;
         column-gap: 1em;
  }
}

.media-gallery.media-gallery-show-all .media-gallery-main {
  margin-top: 50px;
  padding: 70px 0;
  background-image: none;
  background: rgb(126, 220, 250);
  background: radial-gradient(circle, rgba(126, 220, 250, 0.2) 0%, rgba(32, 188, 255, 0.2) 100%);
}
.media-gallery.media-gallery-show-all .media-gallery-main table {
  width: 100%;
  border-radius: 5px;
}
.media-gallery.media-gallery-show-all .media-gallery-main table thead {
  border: 1px solid #fff;
  border-radius: 5px;
}
.media-gallery.media-gallery-show-all .media-gallery-main table thead th {
  background-color: var(--color-blue);
  color: white;
  padding: 10px;
  border: 1px solid #fff;
  font-size: var(--tab-nav-txt);
  border-radius: 5px;
}
.media-gallery.media-gallery-show-all .media-gallery-main table tbody {
  border-radius: 5px;
}
.media-gallery.media-gallery-show-all .media-gallery-main table tbody .detail-section table td {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.media-gallery.media-gallery-show-all .media-gallery-main ul {
  list-style: none;
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 0;
}
.media-gallery.media-gallery-show-all .media-gallery-main ul li {
  width: 10%;
  padding-right: 10px;
}
.media-gallery.media-gallery-show-all .media-gallery-main ul li a img {
  width: 85% !important;
}
.media-gallery.media-gallery-show-all .media-gallery-main ul.text-ul {
  display: block;
  list-style: none;
  padding-left: 0;
}
.media-gallery.media-gallery-show-all .media-gallery-main ul.text-ul li {
  width: 100%;
}
.media-gallery.media-gallery-show-all .media-gallery-main .media-gallery-swiper-inner {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.media-gallery.media-gallery-show-all .media-gallery-main .media-gallery-swiper-inner.swiper-grid-column > .swiper-wrapper {
  flex-direction: row;
}
.media-gallery.media-gallery-show-all .media-gallery-main .media-gallery-swiper-inner.swiper-grid-column .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 10px !important;
}
.media-gallery.media-gallery-show-all .media-gallery-main .media-gallery-swiper-inner .controller {
  bottom: -20px;
}
.media-gallery.visa-offer .vo-bx {
  width: 100%;
}
.media-gallery.visa-offer .vo-bx .play-icon-area {
  display: none;
}
.media-gallery.visa-offer .vo-bx .vo-img {
  width: 100%;
}
.media-gallery.visa-offer .vo-bx .vo-img img {
  border-radius: 20px;
}
.media-gallery.visa-offer .vo-bx .vo-details {
  width: 100%;
  height: 203px;
  border-radius: 0px 0px 20px 20px;
  background: linear-gradient(180deg, rgba(12, 50, 175, 0) 0%, #0c32af 45.83%, #051e70 100%);
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 767px) {
  .press-ads-swiper .card-box {
    padding: 20px;
    min-height: 155px;
  }
  .press-ads-swiper .swiper-slide-active .card-box {
    border: 1px solid var(--color-blue);
    background-color: var(--color-white);
  }
  .press-ads-swiper .controller {
    bottom: -30px;
  }
}
ul.ul-custom-bullets {
  flex-direction: column;
  list-style-image: url(../images/bullet.png) !important;
  margin: 20px 0;
  padding-left: 2rem !important;
}
ul.ul-custom-bullets li {
  width: 100% !important;
}

.eprc-tab .tabs-area .nav-pills {
  margin-bottom: 20px;
}
.eprc-tab .tabs-area .nav-pills .nav-link {
  padding: 14px 55px;
  width: auto;
}

.verification {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-green);
  border-radius: 15px;
  padding: 5px 15px;
}
.verification h4 {
  font-size: var(--fontSize16);
  font-weight: 900;
  letter-spacing: 1px;
  color: var(--color-white);
  margin: 0;
}

.radiobtn {
  display: flex;
  align-items: center;
}
.radiobtn input[type=radio] {
  transform: scale(1.3);
  accent-color: #000;
  cursor: pointer;
}
.radiobtn label {
  margin: 0 30px 0 5px;
  color: var(--color-white);
  font-size: var(--fontSize16);
  line-height: 22px;
  cursor: pointer;
}

.eprc-form {
  margin: 0 5px;
}
.eprc-form h5 {
  font-size: var(--fontSize16);
  line-height: 24px;
  color: var(--color-black);
}

.eprc-sprc-verification {
  margin: 25px 0px 25px 0;
}
.eprc-sprc-verification input {
  border-radius: 20px;
  margin-top: 10px;
  border-color: #c6c6c6 !important;
}
.eprc-sprc-verification input:focus {
  box-shadow: none;
  border-color: var(--color-green) !important;
}
.eprc-sprc-verification .success-div {
  padding: 20px 0;
  margin: 20px 0;
}
.eprc-sprc-verification .success-div p {
  margin: 0;
  font-size: var(--fontSize16);
  color: var(--color-blue);
  font-weight: 900;
}
.eprc-sprc-verification #success,
.eprc-sprc-verification #success2,
.eprc-sprc-verification #success3 {
  display: none;
}
.eprc-sprc-verification .reerror {
  color: red;
  font-size: var(--fontSize12);
  margin-bottom: 0;
  margin-top: 10px;
}

#mcb-datepicker .input-group-text {
  display: none !important;
}

#drf-datepicker .input-group-text {
  display: none !important;
}

#drf-datepicker-from .input-group-text {
  display: none !important;
}

#drf-datepicker-to .input-group-text {
  display: none !important;
}

.select2-wrap .select2-container {
  margin-top: 10px;
  border-color: #c6c6c6 !important;
  width: 100% !important;
}
.select2-wrap .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: var(--fontSize16);
}
.select2-wrap .select2-container--default .select2-selection--single {
  border-radius: 20px;
  height: 32px;
}
.select2-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 2px;
  right: 10px;
}
.select2-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-wrap .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "";
  width: 20px;
  height: 30px;
  background-image: url("https://symmetrydigital-labs.com/MCBNew/assets/images/arrow.svg");
  background-repeat: no-repeat;
  top: 10px;
  right: 5px;
  position: absolute;
  display: inline-block;
}

.form-headings {
  font-size: var(--fontSize16);
  line-height: 22px;
  color: var(--color-black);
  font-weight: 800;
}

.eprc-modal .modal-content .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-green);
  font-size: 12px;
  padding: 10px;
  opacity: 1;
  border-radius: 0px;
  width: 10px;
  height: 10px;
}
.eprc-modal .modal-content .btn-close:focus {
  box-shadow: none;
}
.eprc-modal .modal-body {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.eprc-modal .modal-body input[type=text] {
  border-radius: 20px;
  margin-top: 10px;
  border-color: #c6c6c6 !important;
  outline: 0;
}
.eprc-modal .modal-body input[type=text]:focus {
  box-shadow: none;
}
.eprc-modal .modal-body .modal-btn-div {
  margin-top: 30px;
}
.eprc-modal .modal-body .modal-btn-div .rst-otp {
  background: transparent !important;
  color: #000;
  text-decoration: underline;
  border: none;
}
.eprc-modal .modal-body .modal-btn-div .rst-otp:hover {
  border: none;
}
.eprc-modal .modal-body .modal-btn-div .rst-otp:active:focus-visible {
  background-color: transparent !important;
  border: none;
  outline: 0;
  box-shadow: none;
}

@media (min-width: 2560px) and (max-width: 2561px) and (min-height: 1600px) and (max-height: 1601px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 34px;
  }
}
@media (max-width: 1920px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 64px;
  }
}
@media (max-width: 1699px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 40px;
  }
}
@media (max-width: 1600px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 54px;
  }
}
@media (min-width: 1600px) and (max-width: 1601px) and (min-height: 1200px) and (max-height: 1201px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 31px;
  }
}
@media (min-width: 1600px) and (max-width: 1601px) and (min-height: 900px) and (max-height: 901px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 49px;
  }
}
@media (max-width: 1599px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 30px;
  }
}
@media (max-width: 1399px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 25px;
  }
}
@media (max-width: 1280px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 10px;
  }
}
@media (max-width: 1200px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1201px) and (min-height: 1080px) and (max-height: 1081px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 14px 7px;
  }
}
@media (max-width: 1199px) {
  .eprc-tab .tabs-area .nav-pills {
    justify-content: space-between;
    width: auto;
  }
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 10px 25px;
    width: auto;
  }
}
@media (max-width: 991px) {
  .eprc-tab .tabs-area .nav-pills .nav-link {
    padding: 10px 15px;
  }
}
@media (max-width: 767px) {
  .eprc-tab .tabs-area .tabs-slider-in ul.nav {
    padding-inline: 0;
    padding-right: 1px;
  }
  .verification {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .radiobtn {
    margin-top: 10px;
  }
  .center-mob .col-12 {
    display: flex;
    justify-content: center;
  }
  .eprc-modal .modal-body {
    width: 75%;
  }
}
/* branch locator */
.branch-locator {
  position: relative;
  overflow-x: hidden;
  background: url(../images/find_branch_locator.png), radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(206, 234, 247) 100%);
  background-repeat: no-repeat;
  background-position: left center;
  padding-block: 150px;
}
.branch-locator .branch-locator-bx {
  border-radius: 24px;
  border: 1px solid #cbcbcb;
  background: rgba(255, 255, 255, 0.82);
  padding: 34px 30px;
  margin-top: 30px;
}
.branch-locator .branch-locator-bx ul {
  margin: 0;
  padding: 0;
}
.branch-locator .branch-locator-bx ul li {
  list-style-type: none;
  margin-bottom: 2.063rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.branch-locator .branch-locator-bx ul li:last-child {
  margin-bottom: 0;
}
.branch-locator .branch-locator-bx ul li h6 {
  color: var(--color-blue);
  font-size: var(--paragraph-txt-24);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0.313rem;
}
.branch-locator .branch-locator-bx ul li .form-element {
  width: 100%;
}
.branch-locator .branch-locator-bx ul li .form-element label {
  width: 100%;
  color: var(--color-black);
  font-size: var(--paragraph-txt-16);
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.288rem;
}
.branch-locator .branch-locator-bx ul li .form-element .select2 {
  width: 100% !important;
}
.branch-locator .branch-locator-bx ul li .form-element .select2 .select2-selection {
  border-radius: 45px;
  border: 1px solid #c6c6c6;
  height: 34px;
}
.branch-locator .branch-locator-bx ul li .form-element .select2 .select2-selection .select2-selection__rendered {
  line-height: 34px;
}
.branch-locator .branch-locator-bx ul li .form-element .select2 .select2-selection .select2-selection__arrow {
  height: 32px;
}
.branch-locator .branch-locator-bx ul li .form-element .select2.select2-container--open .selection .select2-selection {
  border-radius: 16px 16px 0 0;
}
.branch-locator .branch-locator-bx ul li .btn {
  align-self: flex-end;
}
@media (max-width: 767px) {
  .branch-locator .branch-locator-bx ul li .btn {
    align-self: flex-start;
  }
}
.branch-locator .branch-info {
  padding-left: 125px;
}
.branch-locator .branch-info h6 {
  color: var(--color-blue);
  font-size: var(--paragraph-txt-24);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.branch-locator .branch-info ul {
  margin: 0;
  padding: 0;
}
.branch-locator .branch-info ul li {
  list-style-type: none;
  border-bottom: 1px solid #e8e8e8;
  padding: 23px 0;
  display: flex;
}
.branch-locator .branch-info ul li:last-child {
  border: none;
}
.branch-locator .branch-info ul li span {
  width: 30%;
  color: #a3a3a3;
  font-size: var(--paragraph-txt-16);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.branch-locator .branch-info ul li p {
  width: 70%;
  color: var(--color-black);
  font-size: var(--paragraph-txt-16);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .branch-locator .branch-info {
    text-align: center;
    padding-left: 0px;
    margin-top: 3rem;
  }
  .branch-locator .branch-info ul li {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
  .branch-locator .branch-info ul li p {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .branch-locator .branch-info {
    padding-left: 70px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .branch-locator .branch-info {
    padding-left: 50px;
  }
}
@media (max-width: 1199px) {
  .branch-locator {
    background-position: -490px center, left center;
  }
}
@media (max-width: 767px) {
  .branch-locator {
    background: url(../images/find_branch_locator.png), radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(206, 234, 247) 310%);
    background-position: center top, left center;
    background-size: contain;
    /* backdrop-filter: none; */
    padding-block: unset;
    background-repeat: no-repeat;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .branch-locator {
    background-position: -430px center, left center;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .branch-locator {
    background-position: -330px center, left center;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .branch-locator {
    background-position: -270px center, left center;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .branch-locator {
    background-position: -240px center, left center;
  }
}
@media (min-width: 1600px) and (max-width: 1680px) {
  .branch-locator {
    background-position: -200px center, left center;
  }
}

/* branch locator */
/* map */
.map {
  height: 35.625rem;
  background-size: cover;
  background-position: center center;
}
.map .iframe-map {
  width: 100%;
  height: 26.625rem;
}
.map #map {
  border-radius: 24px;
}

/* map */
@media (max-width: 767px) {
  .map .iframe-map {
    height: 35.625rem;
  }
}
/* Voice Search  */
.overlay {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 1;
  background-color: var(--bs-body-bg);
  overflow: hidden;
  transition: 0.5s;
  box-shadow: 0 0 1px var(--bordercolor);
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  transition: 0.3s;
}
.overlay a a:hover,
.overlay a a:focus {
  color: #f1f1f1;
}
.overlay .closebtn {
  position: absolute;
  top: 10px;
  right: 138px;
  filter: brightness(0) invert(1);
  width: 15px;
  height: 15px;
}
.overlay .closebtn:hover {
  filter: brightness(0) invert(0);
}
.overlay .voice-box .Voice-Icon {
  margin-top: 50px;
}
.overlay .voice-box h5 {
  font-size: var(--heading-2);
  font-weight: 600;
  text-align: center !important;
  color: var(--color-green);
}
.overlay .voice-box p {
  font-size: var(--heading-6);
  font-weight: 600;
  text-align: center !important;
}
.overlay .voice-box .predictive-box #search_result_return ul {
  padding: 15px 16px;
}
.overlay .voice-box .predictive-box #search_result_return ul li a {
  font-size: 12px;
}
.overlay .voice-box input.form-control {
  height: 50px;
  font-size: var(--heading-7);
}
.overlay .voice-box input.form-control:focus {
  border-color: var(--color-white);
  box-shadow: none;
}
.overlay .voice-box input.form-control::-moz-placeholder {
  color: var(--color-white);
}
.overlay .voice-box input.form-control::placeholder {
  color: var(--color-white);
}
@media (max-width: 767px) {
  .overlay .closebtn {
    top: -5px;
    right: 15px;
    padding: 0px;
  }
}

/* Voice Search  */
/* 2. scale and layout setting at 125% */
@media (resolution: 1.25dppx) {
  header .desk-header .main-nav-bx .row .col-md-7 nav ul li {
    padding: 0 0.088rem;
  }
  header .main-nav-bx nav ul li a {
    padding: 10px 4px;
  }
}
/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {
  header .desk-header .main-nav-bx .row .col-md-7 nav ul li {
    padding: 0 0.088rem;
  }
  header .main-nav-bx nav ul li a {
    padding: 10px 4px;
  }
}
/* 4. scale and layout setting at 175% */
@media (resolution: 1.75dppx) {
  header .desk-header .main-nav-bx .row .col-md-7 nav ul li {
    padding: 0 0.088rem;
  }
  header .main-nav-bx nav ul li a {
    padding: 10px 4px;
  }
}
.detail-section img.img-privi-exp-benf {
  filter: invert(45%) sepia(50%) saturate(400%) hue-rotate(350deg) brightness(150%) contrast(85%);
  width: 4em;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .detail-section img.img-privi-exp-benf {
    margin-top: 20px;
  }
}
.detail-section.branch-locator-main {
  padding-top: unset;
}
.detail-section.branch-locator-main .branch-locator-sec {
  padding: 70px 0;
  padding-top: 0;
  margin-bottom: 0;
}
.detail-section.branch-locator-main .branch-locator-sec h6 {
  color: var(--color-blue);
  font-family: Encode Sans;
  font-size: var(--paragraph-txt-24);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.detail-section.branch-locator-main .branch-locator-sec .form-element {
  width: 100%;
}
.detail-section.branch-locator-main .branch-locator-sec .form-element label {
  color: var(--color-white);
  font-family: Open Sans;
  font-size: var(--fontSize16);
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  display: block;
}
.detail-section.branch-locator-main .branch-locator-sec .form-element .select2 {
  width: 100% !important;
}
.detail-section.branch-locator-main .branch-locator-sec .form-element .select2 .select2-selection {
  border-radius: 45px;
  border: 1px solid #c6c6c6;
  height: 34px;
  background-color: transparent;
}
.detail-section.branch-locator-main .branch-locator-sec .form-element .select2 .select2-selection .select2-selection__rendered {
  line-height: 34px;
  padding-left: 15px;
  padding-right: 35px;
  font-size: var(--fontSize16);
  color: var(--color-white);
}
.detail-section.branch-locator-main .branch-locator-sec .form-element .select2 .select2-selection .select2-selection__arrow {
  height: 32px;
}
.detail-section.branch-locator-main .branch-locator-sec .form-element .select2.select2-container--open .selection .select2-selection {
  border-radius: 16px 16px 0 0;
}
.detail-section.branch-locator-main .branch-locator-sec .form-element .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: inline-block;
  border: none;
  border-bottom: 2px solid var(--color-white);
  border-right: 2px solid var(--color-white);
  height: 10px;
  width: 10px;
  transform: rotate(41deg);
  left: -30%;
  top: 30%;
  margin: 0;
}
.detail-section.branch-locator-main .branch-locator-sec .form-element .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: unset;
  border-width: 2px;
  transform: rotate(225deg);
  top: 45%;
}
.detail-section.branch-locator-main .branch-locator-sec .btn {
  margin-top: 4%;
}
.detail-section.branch-locator-main .branch-locator-sec .form-area {
  margin-top: 50px;
}
.detail-section.branch-locator-main .branch-locator-sec .form-area label {
  color: var(--color-white);
  font-family: Open Sans;
  font-size: var(--fontSize16);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.detail-section.branch-locator-main .branch-locator-sec .form-area input {
  border: none;
  border-bottom: 1px solid #e8e8e8;
  color: var(--color-white);
  font-family: Open Sans;
  font-size: var(--fontSize16);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-radius: inherit;
  background: transparent;
  padding-left: 0;
}
.detail-section.branch-locator-main .branch-locator-sec .form-area input:focus {
  box-shadow: none;
  outline: none;
}
.detail-section.branch-locator-main .branch-locator-sec .icons-imgs {
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin: 20px 0px 30px 0px;
  padding: 0;
  flex-wrap: wrap;
}
.detail-section.branch-locator-main .branch-locator-sec .icons-imgs li {
  position: relative;
  width: 12.5%;
  margin: 0 auto;
  text-align: center;
  transition: all 0.5s ease;
}
.detail-section.branch-locator-main .branch-locator-sec .icons-imgs li a {
  padding: 15px 40px;
}
.detail-section.branch-locator-main .branch-locator-sec .icons-imgs li:hover a img {
  transform: scale(1.2);
  transition: all 0.5s ease;
}
.detail-section.branch-locator-main .branch-locator-sec .icons-imgs li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #e8e8e8;
}
.detail-section.branch-locator-main .branch-locator-sec .icons-imgs li:last-child::after {
  display: none;
}
.detail-section.branch-locator-main .branch-locator-sec .responsive-map-container {
  position: relative;
  padding-bottom: 35.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.detail-section.branch-locator-main .branch-locator-sec .responsive-map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.detail-section.branch-locator-main .branch-locator-sec .responsive-map-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.detail-section.branch-locator-main .branch-locator-sec .responsive-map-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}

@media (max-width: 767px) {
  .detail-section.branch-locator-main .branch-locator-sec .icons-imgs li {
    width: 25%;
  }
  .detail-section.branch-locator-main .branch-locator-sec .icons-imgs li a {
    padding: 15px 15px;
  }
  .detail-section.branch-locator-main .branch-locator-sec .icons-imgs li a img {
    width: 70%;
  }
  .detail-section.branch-locator-main .branch-locator-sec .icons-imgs li::after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .detail-section.branch-locator-main .branch-locator-sec .icons-imgs li {
    width: 25%;
  }
  .detail-section.branch-locator-main .branch-locator-sec .icons-imgs li a {
    padding: 15px 15px;
  }
  .detail-section.branch-locator-main .branch-locator-sec .icons-imgs li a img {
    width: 60%;
  }
}
@media (max-width: 280px) {
  header .mobile-header .main-nav-bx .top-links .icons-nav ul li {
    padding: 0;
  }
  header .mobile-header .main-nav-bx .top-links .icons-nav ul li .dropdown .btn::after {
    width: 8px;
    height: 5px;
  }
  header .mobile-header .main-nav-bx .ham-nav-bx {
    margin-inline: 0;
  }
  header .mobile-header .main-nav-bx .ham-nav-bx .hamburger img {
    width: 25px;
  }
  header .mobile-header .main-nav-bx .button-bx ul li a {
    margin-inline: 0;
  }
  header .sub-mob-menu .top-bar .mob-menu-top-links li a {
    font-size: 14px;
  }
  header .sub-mob-menu .mob-submenu-links .accordion .accordion-item .accordion-collapse .accordion-body .mob-sub-nav ul li a {
    font-size: 12px;
  }
  header .mob-menu .top-bar .mob-menu-top-links li a {
    font-size: 14px;
  }
  header .mob-menu .mob-menu-main-links li a {
    font-size: 14px;
  }
  header .mob-menu .mob-menu-other-links li a {
    font-size: 14px;
  }
  header .search-bx .container .search-bar {
    font-size: 14px;
  }
  header .predictive-box #search_result_return li {
    width: 100%;
  }
}
.whgyc-icons img {
  width: 4em;
}/*# sourceMappingURL=head-foot-constant.css.map */