@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* common css start */
:root {
  --main-font: "Poppins", sans-serif;
  --side-font: "Mulish", sans-serif;
  --dark-black: #101010;
  --light-black: #3f3f3f;
  --navy: #0d1c68;
  --dark-navy: #080e30;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul li {
  list-style: none;
}
html {
  font-size: 10px !important;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.5s ease;
}
strong {
  font-weight: 500;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  overflow-x: hidden;
  font-family: var(--main-font);
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  margin: 0 auto;
  color: var(--light-black);
}

img {
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.container {
  width: 85%;
  max-width: 160rem;
  margin: 0 auto;
}
.bank-investment-banner .container {
  max-width: 140rem;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.d-none {
  display: none;
}
.text-white,
.text-white h1,
.text-white h2,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white span,
.text-white h3,
.text-white p,
.text-white label {
  color: #fff;
}
.text-blue {
  color: #0d1c68;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.object-cover {
  object-fit: cover;
}
.object-contain {
  object-fit: contain;
}
.flex {
  display: flex;
}
.flex-box {
  display: flex;
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-end {
  justify-content: end;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: end;
}
.grid {
  display: grid;
}
.grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid-col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid-gap-1 {
  grid-gap: 1rem;
}
.grid-gap-2 {
  grid-gap: 2rem;
}
.grid-gap-3 {
  grid-gap: 3rem;
}
.grid-gap-4 {
  grid-gap: 4rem;
}
.grid-gap-5 {
  grid-gap: 5rem;
}
.grid-gap-6 {
  grid-gap: 6rem;
}
.grid-gap-7 {
  grid-gap: 7rem;
}
.grid-gap-8 {
  grid-gap: 8rem;
}
.w-10 {
  width: 10%;
}
.w-15 {
  width: 15%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33.3%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}
.w-50 {
  width: 50%;
}
.w-55 {
  width: 55%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-85 {
  width: 85%;
}
.w-90 {
  width: 90%;
}
.w-95 {
  width: 95%;
}
.w-100,
.w-full {
  width: 100%;
}
.max-content,
.w-max {
  width: max-content;
}
.h-full,
.h-100 {
  height: 100%;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mt-3 {
  margin-top: 3rem;
}
.mt-35 {
  margin-top: 3.5rem;
}
.mt-4 {
  margin-top: 4rem;
}
.mt-5 {
  margin-top: 5rem;
}
.mt-6 {
  margin-top: 6rem;
}
.mt-7 {
  margin-top: 7rem;
}
.mt-8 {
  margin-top: 8rem;
}
.mt-9 {
  margin-top: 9rem;
}
.mt-10 {
  margin-top: 10rem;
}
.mt-11 {
  margin-top: 11rem;
}
.mt-13 {
  margin-top: 13rem;
}
.mb-3 {
  margin-bottom: 3rem;
}
.mb-4 {
  margin-bottom: 4rem;
}
.mb-5 {
  margin-bottom: 5rem;
}
.mb-8 {
  margin-bottom: 8rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.line-clamp {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
}
.line-clamp-4 {
  -webkit-line-clamp: 4;
}
section {
  overflow-x: clip;
  counter-reset: section;
}
.text-center {
  text-align: center;
}
.text-justify,
.text-justify > * {
  text-align: justify;
}
.text-end {
  text-align: end;
}
.uppercase {
  text-transform: uppercase;
}
.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4rem;
}
input:not([type="checkbox"]):not([type="submit"]),
textarea,
select {
  background-color: transparent;
  width: 100%;
  border: none;
  outline: none;
}
button {
  border: none;
}
button:hover,
input[type="submit"],
.cursor-pointer {
  cursor: pointer;
}
.max-1920 {
  max-width: 1920px;
  margin: 0 auto;
}
.font-300 {
  font-weight: 300;
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-700 {
  font-weight: 700;
}
.absolute {
  position: absolute;
}
.sticky {
  position: sticky;
}
.left-0 {
  left: 0;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.pseudo-class-after::after,
.pseudo-class-before::before,
.pseudo-class span::before,
.pseudo-class::after,
.pseudo-class::before {
  display: block;
  content: "";
  position: absolute;
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.overflow-hidden {
  overflow: hidden;
}
.detail-content h2:not(:first-child),
.detail-content h3:not(:first-child),
.detail-content h4:not(:first-child),
.detail-content h5:not(:first-child),
.detail-content h6:not(:first-child),
.detail-content ul:not(:first-child),
.detail-content p:not(:first-child) {
  margin-top: 4rem;
}
.detail-content ul {
  padding-left: 3rem;
}
.detail-content ul li {
  list-style: disc;
}
.detail-content .img-box {
  margin: 5rem 0;
}
.detail-content .img-box img,
.Blog-detail-banner .img-box img {
  width: 100%;
  height: 85rem;
  object-fit: cover;
  border-radius: 3rem;
}
.detail-content a:not(.btn) {
  text-decoration: underline;
  transition: all 0.5s;
}
.detail-content strong,
.detail-content b {
  font-weight: 600;
}
.three-cards-layout {
  margin-bottom: -5.6rem;
}
.three-cards-layout > li,
.three-cards-layout > div {
  width: 31%;
  margin-right: 5rem;
  margin-bottom: 5rem;
}
.three-cards-layout > li:nth-child(3n + 3),
.three-cards-layout > div:nth-child(3n + 3) {
  margin-right: 0;
}
.text-box p:not(:first-child) {
  margin-top: 2rem;
}

/* ================================= project css start ============================= */
.border-bottom {
  border-bottom: 1px solid #939393;
  padding-bottom: 14rem;
}
.comm-padding {
  padding: 14rem 0;
}
.comm-padding.pb-0 {
  padding-bottom: 0;
}
.comm-padding.pt-0 {
  padding-top: 0;
}
h1,
h2 {
  font-size: 6rem;
  line-height: 1.2;
  font-weight: 500;
}
h3 {
  font-size: 5rem;
  line-height: 1.2;
  font-weight: 500;
}
h4 {
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h5 {
  font-size: 3.5rem;
  line-height: 1.2;
  font-weight: 500;
}
h6 {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--dark-black);
}
.btn {
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 500;
  padding: 2rem 2.8rem;
  border-radius: 12rem;
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  border: 0;
  outline: none;
  cursor: pointer;
}
.btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}
.btn:hover::before {
  transform: translateX(0);
}
.btn:hover {
  transform: translateY(-3px);
}
.btn-blue {
  background-color: #0b1548;
  color: #ffffff !important;
}
.btn-small {
  font-size: 2rem;
  padding: 1.5rem 2.8rem;
}
.btn-small img {
  max-height: 3rem;
}
.btn.flex {
  display: flex;
  align-items: center;
  gap: 1rem;
}
p {
  font-size: 2.4rem;
  line-height: 1.4;
}
.subtext span {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 3rem;
}
.subtext.light-bg span {
  padding: 1.5rem 3rem;
  border-radius: 3rem;
  background-color: #f7f5f0;
}
.stat-heading {
  font-size: 10rem;
}
.stat-box p {
  font-size: 2rem;
  font-weight: 500;
}
header {
  position: absolute;
  top: 4rem;
  left: 0;
  z-index: 999;
  width: 100%;
}
header.header-stick {
  position: fixed !important;
  animation: smoothScroll 1s forwards;
  left: 0;
  top: 4rem;
  transform: translateX(0);
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-7rem);
  }
  100% {
    transform: translateY(0rem);
  }
}
header.header-stick .wrapper {
  box-shadow:
    0 5px 8px rgb(98 98 98 / 35%),
    0 2px 9px rgb(0 0 0 / -0.5);
}
header .logo-box img {
  width: 4.7rem;
  object-fit: scale-down;
  margin-right: 1.5rem;
}
header .logo-box span {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.09rem;
}
header .logo-box a {
  display: flex;
  align-items: center;
}
header .wrapper {
  background-color: #fff;
  padding: 1.8rem;
  border-radius: 2rem;
  max-width: 143rem;
}
header ul li a {
  display: inline-block;
  font-size: 2.2rem;
  font-family: var(--side-font);
  font-weight: 600;
  margin-left: 4rem;
  position: relative;
  padding: 2rem 0;
}
header ul li {
  position: relative;
}
header ul.sub-menu {
  position: absolute;
  left: 2rem;
  top: 100px;
  width: max-content;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  padding-top: 3rem;
}
header ul.sub-menu li {
  background-color: #ffffff;
  padding: 0 3rem;
  transition: all 0.4s ease;
}
header ul.sub-menu li:hover {
  background-color: #243e90;
}
header ul.sub-menu li:first-child {
  border-radius: 8px 8px 0 0;
}
header ul.sub-menu::before {
  content: "";
  position: absolute;
  top: 2.3rem;
  left: 4rem;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #ffffff;
  transform: rotate(45deg);
}
header ul.sub-menu li:last-child {
  border-radius: 0 0 8px 8px;
}
header li.menu-item-has-children:hover ul.sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
header li.menu-item-has-children {
  padding-right: 2.5rem;
}
header li.menu-item-has-children::before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  top: 2rem;
  right: 0;
  border-left: 2px solid #333333;
  border-bottom: 2px solid #333333;
  transform: rotate(-45deg);
  transition: all 0.3s ease;
}
header li.menu-item-has-children.open::before {
  transform: rotate(135deg);
}
header ul.sub-menu li a {
  margin-left: 0;
  padding: 2.2rem 0;
  border-top: 1px solid #dddddd;
  display: block;
}

header ul.sub-menu li a:hover {
  color: #ffffff;
  border-color: #243e90;
}
header ul.sub-menu li a::after {
  display: none;
}
header ul.sub-menu li:first-child a {
  border-top: 0;
}
header .inner-content {
  display: flex;
}
.header-btn {
  background-color: #243e90;
  margin-left: 4rem;
  border-radius: 1.6rem;
}
.hp-banner-section video {
  height: 150rem;
  object-fit: cover;
  margin-bottom: -2rem;
  max-height: 105vh;
  min-height: 80rem;
}
.hp-banner-section .video-box {
  background-color: var(--light-black);
}
.hp-banner-section .content-box {
  position: absolute;
  top: 25rem;
  left: 0;
  width: 100%;
}
.hp-banner-section .content-box h1,
.hp-banner-section .content-box p {
  color: #fff;
}
.heading-box p {
  margin-top: 3rem;
}
.hp-banner-section .content-box .btn {
  border: 1px solid #fff;
  color: #fff;
}
.our-mission-section .btn {
  background-color: var(--navy);
}
.our-mission-section .img-box img {
  width: 13.6rem;
  margin-bottom: 5rem;
}
.our-work-section .wrapper {
  background-color: var(--navy);
  border-radius: 6rem;
  padding: 12rem 5rem;
  height: calc(100vh - 10rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.hp-product-slider {
  position: relative;
  height: 150vh;
}

.hp-ps-track {
  position: relative;
  width: 100%;
  height: 100%;
}
.hp-service-item {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  scale: 0.9;
  will-change: transform, opacity;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hp-service-item.active {
  visibility: visible;
}
.our-work-section video {
  height: 16rem;
  margin: 5rem 0;
}
.our-work-section .heading-box p {
  font-weight: 2.4rem;
}
.our-work-section .btn-box .btn {
  background-color: var(--dark-navy);
}
.our-work-section .subtext span,
.our-work-section .heading-box h2,
.our-work-section .heading-box p {
  color: #fff;
}

.hp-services-section {
  padding: 4rem 0;
}

.global-market-usps li .icon-box img {
  width: 5rem;
}
.global-market-usps li {
  width: 23%;
  border-left: 1px solid #c7d7da;
  padding-left: 5rem;
}
.global-market-usps li:nth-child(4n + 1) {
  border-left: none;
  padding-left: 0;
}
.global-market-usps li h6 {
  margin: 6rem 0 3rem;
}
.global-market-usps li p {
  font-size: 2.2rem;
}
.about-us-section .subtext span {
  padding: 2rem 2.7rem;
  background-color: #faf8f5;
  border-radius: 3rem;
}
/* .about-us-section .inner-content {
  padding: 12rem;
  background-color: #f5f4f0
;
  border-radius: 3rem;
} */
.about-us-section .btn {
  background-color: #252d56;
  color: #fff;
}
.about-us-section * {
  color: var(--light-black);
}
.about-us-section .stat-box-container {
  margin-top: 12rem;
}
.stat-box-container .stat-box {
  width: 22%;
}
.stat-box-container .stat-heading {
  margin-top: 4rem;
  display: inline-flex;
}
.hp-bottom-section {
  margin-top: 14rem;
}
.hp-bottom-section .wrapper > div {
  width: 48.5%;
  border-radius: 3rem;
  overflow: hidden;
}
.hp-bottom-section .wrapper .subtext p {
  font-size: 2.2rem;
  padding: 1.3rem 3rem;
  color: #fff;
  font-weight: 500;
  width: max-content;
  border-radius: 3rem;
  margin-bottom: 3rem;
}
.hp-bottom-section .wrapper h2,
.hp-bottom-section .wrapper p {
  color: #32302f;
}
.hp-bottom-section .latest-insights {
  background-color: #9faa75;
  padding: 10rem 8rem;
}
.hp-bottom-section .latest-insights .subtext p,
.hp-bottom-section .latest-insights .btn,
.hp-bottom-section .latest-insights .usps-container {
  background-color: #5d663d;
}
.hp-bottom-section .contact-us {
  background-color: #b8cdd7;
}
.hp-bottom-section .contact-us .text-content {
  padding: 10rem 8rem 0 8rem;
}
.hp-bottom-section .contact-us .subtext p,
.hp-bottom-section .contact-us .btn {
  background-color: #32302f;
}
.hp-bottom-section .latest-insights .usps-container {
  margin-top: 14rem;
  padding: 4rem;
  border-radius: 3rem;
}
.hp-bottom-section .latest-insights .usps-container a {
  font-size: 2.5rem;
  line-height: 1.4;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px solid #878d6f;
  padding-right: 12rem;
  position: relative;
  transition: all 0.5s ease;
  min-height: 10rem;
}
.hp-bottom-section .latest-insights .usps-container a:last-child {
  border-bottom: none;
}
.hp-bottom-section .latest-insights .usps-container a::after {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/usp-arrow.webp) no-repeat center;
  background-size: contain;
  width: 6rem;
  height: 6rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease;
}
.hp-bottom-section .latest-insights .usps-container a:hover::after {
  transform: translateY(-50%) rotate(45deg);
}
.hp-bottom-section .latest-insights .usps-container a:hover {
  color: #9faa75;
}
footer {
  padding-top: 14rem;
  background-color: #f7f7f7;
}
footer .block-heading {
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--light-black);
  margin-bottom: 3rem;
}
footer .link-block {
  width: 20%;
}
footer .link-block a {
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  color: var(--light-black);
  margin: 1.5rem 0;
  position: relative;
}
.link-block ul li a::after,
header ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.7rem;
  width: 0;
  height: 0.4rem;
  background: #243e90;
  transition: width 0.4s ease;
}
.link-block ul li a::after {
  bottom: -1.2rem;
}
.link-block ul li a:hover::after,
header ul li a:hover::after {
  width: 100%;
}
footer .contacts a {
  font-size: 2.2rem;
  color: var(--dark-black);
  margin: 1.2rem 0;
  display: block;
}
footer .contacts .logo img {
  width: 11.8rem;
  margin-bottom: 3rem;
}
footer .social-links li {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}

footer .social-links li img {
  width: 3rem;
  object-fit: scale-down;
  margin-right: 1rem;
}
footer .big-text span {
  display: block;
  font-size: 25.3rem;
  font-weight: 600;
  color: var(--light-black);
  letter-spacing: -0.7rem;
  margin: 10rem 0;
  text-align: center;
}
footer .bottom-part {
  display: flex;
  padding: 3rem 0;
  border-top: 1px solid var(--light-black);
}
footer .bottom-part p,
.footer .bottom-part a {
  font-size: 2.2rem;
  color: var(--dark-black);
}
footer .bottom-part a {
  text-decoration: underline;
}

.menu-icon img {
  width: 6rem;
}
.close-icon img {
  width: 4rem;
}
/* ================== Banking Investment ======================= */
.bank-investment-banner {
  height: 130rem;
  max-height: 110vh;
  min-height: 80rem;
}
.bank-investment-banner .content-container {
  position: absolute;
  top: 15rem;
  left: 0;
  width: 100%;
  padding: 5rem;
}
.banking-invest-about-service .content-box {
  width: 53%;
}
.banking-invest-about-service .usps-box {
  padding: 2rem 5rem;
  background-color: #f5f3ee;
  border: 1px solid #c3c3c3;
  border-radius: 2rem;
}
.banking-invest-about-service .usps-box li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0;
  border-bottom: 1px solid #5b5b5b65;
}
.banking-invest-about-service .usps-box li:last-child {
  border-bottom: none;
}
.banking-invest-about-service .usps-box li .icon-box {
  width: 10%;
}
.banking-invest-about-service .usps-box li .icon-box img {
  width: 6.4rem;
  height: 8.5rem;
  object-fit: scale-down;
}
.banking-invest-about-service *,
.banking-investment-transaction-section .stat-heading {
  color: var(--light-black);
}
.banking-invest-about-service .usps-box li h6 {
  width: 85%;
  color: #333333;
}
.banking-investment-transaction-section ul .slick-slide {
  margin: 0 2rem;
  border-radius: 3rem;
}
.banking-investment-transaction-section ul li {
  padding: 5rem;
  width: 26%;
  margin-right: 3rem;
  border-radius: 3rem;
}
.banking-investment-transaction-section
  ul
  .slick-track
  .slick-slide:nth-child(2n) {
  background-color: #e1effb;
}
.banking-investment-transaction-section
  ul
  .slick-track
  .slick-slide:nth-child(2n + 1) {
  background-color: #d7e2dc;
}
.banking-investment-transaction-section .stat-box div {
  margin-top: 2rem;
}
.banking-investment-transaction-section .stat-box div,
.banking-investment-transaction-section .stat-box div * {
  color: var(--dark-black);
}
.banking-investment-transaction-section .stat-box div p {
  font-weight: 300;
  line-height: 1.6;
}
.banking-investment-transaction-section .stat-box div strong {
  font-weight: 500;
}
.slider-btn-box .slider-btn {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 1px solid #797979;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  transition: 0.5s all ease;
}
.banking-investment-transaction-section .slider-btn-box .slider-btn {
  width: 4rem;
  height: 4rem;
}
.slider-btn-box .slider-btn img {
  width: 1rem;
  object-fit: scale-down;
}
.slider-btn-box .slider-btn:hover {
  background-color: #dddcdc;
}
.banking-investment-transaction-section .section-heading {
  margin-bottom: 8rem;
}
.banking-investment-transaction-section .section-heading p {
  font-size: 2rem;
  color: #32302f;
  text-transform: uppercase;
  position: relative;
  font-weight: 500;
}
.banking-investment-transaction-section .section-heading p::after {
  display: block;
  content: "";
  width: 118rem;
  background-color: #d9d9d9;
  height: 1px;
  position: absolute;
  left: 35rem;
  top: 1.4rem;
}
.banking-invest-our-work .accordion-item {
  border-bottom: 1px solid #c6c3bd;
}
.banking-invest-our-work .accordion-item:first-child {
  border-top: 1px solid #c6c3bd;
}
.banking-invest-our-work .accordion-item .accordion-heading {
  padding: 4rem 0;
  transition: 0.5s all ease;
}
.banking-invest-our-work .accordion-item .accordion-heading:hover {
  cursor: pointer;
}
.banking-invest-our-work .accordion-item .accordion-content {
  padding-bottom: 4rem;
  padding-right: 5rem;
}
.accordion-item .accordion-heading {
  position: relative;
}
.accordion-item .accordion-heading::after,
.accordion-item .accordion-heading.active::after,
.faq-list-container .accordion-heading.active::after,
.faq-list-container .accordion-heading::after {
  display: block;
  content: "";
  background: url(../images/accordion-plus.webp) no-repeat center;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease;
}
.banking-invest-our-work .accordion-item .accordion-heading.active::after,
.faq-list-container .accordion-heading.active::after {
  background: url(../images/accordion-cross.webp) no-repeat center;
  background-size: contain;
}
.growth-sectors-card-container li img {
  width: 100%;
  border-radius: 2.5rem;
}
.growth-sectors-card-container li img,
.growth-sectors-card-container li video {
  aspect-ratio: 1/1;
}
.growth-sectors-card-container li .content-box {
  margin-top: 3rem;
}
.growth-sectors-card-container li .content-box p {
  margin-top: 2rem;
  font-size: 2.2rem;
}
.testimonials-container .quote-icon-box img {
  width: 7.2rem;
  object-fit: scale-down;
  margin-bottom: 4rem;
}
.testimonials-container li .inner {
  padding: 0 5rem 0 5.5rem;
  border-left: 1px solid #535353;
}
.testimonials-container .content p {
  font-size: 2.2rem;
}
.testimonials-container .testimonial-heading {
  width: 70%;
}
.testimonials-container .testimonial-heading,
.testimonials-container .name {
  font-weight: 600;
}
.testimonials-container .testimonial-description {
  margin: 2rem 0 5rem;
}
.testimonials-container .designation {
  font-weight: 300;
  margin-top: 0.3rem;
}
.testimonials-container li .meta-info {
  display: flex;
  padding-top: 5rem;
  border-top: 1px solid #d9d9d9;
}
.testimonials-container li .meta-info img {
  width: 6rem;
  height: 6rem;
  border-radius: 2rem;
  margin-right: 3rem;
}
.bg-navy {
  background-color: var(--navy);
}
.bg-navy * {
  color: #fff;
}
.bg-white {
  background-color: #fff;
}
.banking-investment-team-section .wrapper {
  padding: 10rem;
  border-radius: 5rem;
}
.bg-navy .subtext.light-bg span {
  background-color: #384894;
}
.team-members-container li img {
  width: 100%;
  max-height: 47rem;
  object-fit: cover;
  background-color: #e9e8e8;
  border-radius: 2rem;
}
.team-members-container li {
  position: relative;
}
.team-members-container li .top-content {
  overflow: hidden;
}
.team-members-container li:hover {
  cursor: pointer;
}
.team-members-container li .overlay {
  background: linear-gradient(
    180deg,
    rgba(48, 65, 151, 0) 32.02%,
    rgba(48, 65, 151, 0.778139) 60.47%,
    #304197 100%
  );
  border-radius: 2rem;
  bottom: -47rem;
  transition: 0.5s all ease;
}
.team-members-container li:hover .overlay {
  bottom: 0;
}
.team-members-container li .overlay p {
  font-size: 2.2rem;
}
.team-members-container li .content {
  margin-top: 3rem;
}
.team-members-container li .content p {
  font-size: 2rem;
  margin-top: 0.4rem;
}
.team-section-contact-form {
  padding: 5rem 3rem;
  background-color: #e1effb;
  border-radius: 2rem;
}
.team-section-contact-form * {
  color: #32302f;
}
.team-section-contact-form .icon img {
  width: 3rem;
  height: 1.9rem;
  object-fit: scale-down;
  margin-right: 3rem;
}
.team-section-contact-form .input-field {
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
  border-bottom: 1px solid #909da8;
  margin-bottom: 3rem;
}
.team-section-contact-form .form-wrapper .input-field:nth-last-child(2) {
  border-bottom: none;
}
.team-section-contact-form input,
.team-section-contact-form input::placeholder {
  font-size: 2rem;
}
.team-section-contact-form h6 {
  font-weight: 600;
}
.team-section-contact-form p {
  font-size: 2.2rem;
  margin-top: 1.5rem;
}
.team-section-contact-form input.btn {
  border: 1px solid #6f6f6f;
  color: #0d1c68;
  background-color: transparent;
}
.banking-investment-contact-us .half-width .input-field {
  width: 48%;
}
.banking-investment-contact-us .input-field {
  display: flex;
  padding-bottom: 2rem;
  margin-bottom: 5rem;
  border-bottom: 2px solid #cacaca;
}
.banking-investment-contact-us .input-field img {
  width: 2.2rem;
  height: 1.9rem;
  object-fit: scale-down;
  margin-right: 1.5rem;
  margin-top: 1rem;
}
.banking-investment-contact-us .input-field input,
.banking-investment-contact-us .input-field select,
.banking-investment-contact-us .input-field textarea,
.banking-investment-contact-us .input-field select option,
.banking-investment-contact-us .input-field input::placeholder,
.banking-investment-contact-us .input-field select::placeholder,
.banking-investment-contact-us .input-field textarea::placeholder {
  width: 100%;
  font-family: var(--main-font);
  font-size: 2.6rem;
  color: #7e7e7e;
}
.banking-investment-contact-us .submit-btn {
  background-color: #080e30;
  border: none;
  padding: 1.9rem 6rem;
}
.banking-investment-latest-insights {
  padding-bottom: 14rem;
}
.banking-investment-latest-insights .latest-insights-container li,
.banking-investment-latest-insights .latest-insights-container .slick-slide {
  width: 30.5%;
  margin-right: 4rem;
}
.banking-investment-latest-insights .latest-insights-container li img {
  width: 100%;
  border-radius: 3rem 3rem 0 0;
  aspect-ratio: 1/0.6;
  object-fit: cover;
}
.banking-investment-latest-insights .latest-insights-container .img-box {
  border-radius: 3rem 3rem 0 0;
  overflow: hidden;
}
.latest-insights-slider h6,
.banking-investment-latest-insights .latest-insights-container .img-box img {
  transition: all 0.5s ease;
}
.latest-insights-slider a:hover h6 {
  color: #202f74;
}
.latest-insights-slider a:hover .img-box img {
  transform: scale(1.1);
}
.banking-investment-latest-insights
  .latest-insights-container
  li
  .text-content {
  padding-top: 3rem;
  margin-top: 4rem;
  border-top: 1px solid #00000075;
}
.banking-investment-latest-insights
  .latest-insights-container
  li
  .text-content
  p {
  margin-top: 2rem;
  font-size: 2.2rem;
}
.faq-list-container .accordion-item {
  padding: 3.5rem;
  border-radius: 2rem;
  background-color: #e0edf3;
  margin-bottom: 3rem;
  position: relative;
}
.faq-list-container .accordion-heading h6 {
  width: 78%;
  color: var(--light-black);
  line-height: 1.3;
}
.faq-list-container .accordion-content {
  padding-right: 5rem;
}
.faq-list-container .accordion-heading:hover {
  cursor: pointer;
}
.faq-list-container .accordion-heading::after,
.faq-list-container .accordion-heading.active::after {
  width: 3.2rem;
  height: 3.2rem;
}
.faq-list-container .accordion-content p {
  font-size: 2.2rem;
  margin-top: 3rem;
  color: var(--light-black);
}
/* ========================== About Us Page ========================== */
.about-us-banner .content-wrapper {
  width: 64%;
}
.abt-about-us-section .testimonial-box {
  padding: 7rem 5rem 5rem;
  border-radius: 2rem;
  background-color: #f5f3ee;
}
.abt-about-us-section .testimonial-box::after {
  background: url(../images/green-quote.webp) no-repeat center;
  background-size: contain;
  width: 13.4rem;
  height: 7.9rem;
  right: 10rem;
  top: -3.5rem;
  z-index: 22;
}
.abt-about-us-section .img-box {
  width: 43%;
}
.abt-about-us-section .text-content {
  width: 51%;
}
.abt-about-us-section .testimonial-box .meta-info {
  display: flex;
  align-items: center;
}
.abt-about-us-section .testimonial-box .meta-info img {
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  margin-right: 2rem;
}
.abt-about-us-section .testimonial-box .meta-info p {
  font-size: 2rem;
}
.description-box p:not(first-child) {
  margin-top: 2rem;
}
.abt-why-us-section .wrapper {
  padding: 10rem;
  background: #f4e5e0;
  border-radius: 5rem;
}
.abt-why-us-usps {
  margin-bottom: -5rem;
}
.abt-why-us-usps > li {
  width: 33.3%;
  border-left: 1px solid #bfccce;
  padding: 5rem;
  margin-bottom: 5rem;
}
.abt-why-us-usps > li:nth-child(4n + 1) {
  border-left: 1px solid #bfccce;
  padding: 5rem;
}
.abt-why-us-usps > li:nth-child(3n + 3):not(.stat-box-container) {
  border-right: 1px solid #bfccce;
}
.abt-why-us-usps li h6 {
  width: 75%;
}
.abt-why-us-stats-container {
  padding: 4rem 8rem;
}
.abt-why-us-usps li.stat-box-container {
  padding: 0;
  border-left: none;
  border-radius: 4rem;
}
.abt-why-us-usps li.stat-box-container .stat-box {
  width: 100%;
}
.abt-why-us-usps li.stat-box-container .stat-box p {
  font-size: 2rem;
  font-weight: 300;
  margin-top: 2rem;
}
.abt-why-us-usps li.stat-box-container .stat-box p strong {
  font-weight: 500;
}
.slick-dots {
  width: max-content;
}
.abt-why-us-usps .slick-dots li button:before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background-color: #fff;
}
.abt-why-us-usps .slick-dots li {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0;
}
.slick-dots li {
  border-left: none !important;
  padding-left: 0 !important;
  width: max-content !important;
}
.slick-dots li:nth-child(4n + 1) {
  padding: 0 !important;
}
.abt-founder-section .content-wrapper .img-box img {
  width: 100%;
  border-radius: 3rem;
}
.abt-founder-section .text-content .subtext span {
  color: var(--navy);
  margin-bottom: 5rem;
  display: block;
}
.abt-founder-section .meta-info {
  display: flex;
  justify-content: space-between;
  padding-top: 7rem;
  border-top: 1px solid #d9d9d9;
  margin-top: 7rem;
}
.abt-founder-section .meta-info p {
  margin-top: 0.3rem;
  font-size: 2.2rem;
  color: #6d6d6d;
}
.abt-founder-section .meta-info .btn,
.bar-btn-box .btn {
  display: flex;
  align-items: center;
  background-color: var(--navy);
}
.abt-founder-section .meta-info .btn img,
.bar-btn-box .btn img {
  width: 2.7rem;
  margin-right: 1.5rem;
}
.abt-team-section .wrapper {
  background-color: #c8e4ce;
}
.abt-team-section .subtext.light-bg span {
  background-color: #fff;
}
.abt-team-section .team-members-container li .overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 37.55%,
    rgba(0, 0, 0, 0.63) 63.69%,
    #000000 100%
  );
}
.abt-team-section .team-members-container li .overlay p {
  color: #fff;
}
.abt-award-section .global-market-usps li img {
  width: 7.8rem;
}
.abt-award-section .global-market-usps li:nth-child(4n + 1) {
  border-left: 1px solid #bfccce;
  padding: 0 4rem;
}
.abt-award-section .slick-dots li button:before {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background-color: #3f3f3f;
  opacity: 1;
  border: 2px solid #3f3f3f;
}
.abt-award-section .slick-dots li.slick-active button:before {
  background-color: transparent;
}
.abt-award-section .slick-dots {
  width: 100%;
  bottom: -15rem;
}
.abt-our-services .wrapper {
  padding: 18rem 10rem;
  border-radius: 6rem;
}
.abt-our-services .service-list-container li {
  border-top: 1px solid #d9d9d980;
}
.abt-our-services .service-list-container li a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 4rem 0;
  transition: all 0.4s ease;
}
.abt-our-services .service-list-container li a::after {
  display: block;
  content: "";
  position: absolute;
  background: url(../images/usps-arrow.webp) no-repeat center;
  background-size: contain;
  width: 5.2rem;
  height: 3.2rem;
  object-fit: scale-down;
  right: 0;
  top: 50%;
  transition: 0.5s all ease;
  transform: translateY(-50%);
}
.abt-our-services .service-list-container li .icon {
  width: 5rem;
  height: 5rem;
  margin-right: 2rem;
  border-radius: 1.4rem;
  background-color: #4e60bc;
  padding: 1.2rem;
}
.abt-our-services .service-list-container li:hover a {
  padding: 4rem 1rem;
  background-color: #202f74;
}
.abt-our-services .service-list-container li:hover a::after {
  transform: translateY(-50%);
  right: 1rem;
}

/* ===================== Family Approach Section ====================== */
.fam-off-our-approach-section video {
  width: 100%;
  border-radius: 3rem;
}
.fam-off-our-approach-section .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fam-off-our-approach-section .play-button img {
  width: 12rem;
}
.play-button.hide {
  display: none;
}
.fam-off-why-matters-section .founder-message-box {
  padding: 8rem 6rem 0;
  background-color: #dce6e1;
  border-radius: 3rem;
  height: max-content;
}
.fam-off-why-matters-section .founder-message-box .quote-icon img {
  width: 11rem;
  margin-bottom: 3rem;
}
.fam-off-why-matters-section .founder-message-box p.designation {
  font-size: 2.2rem;
  margin-top: 0.5rem;
}
.fam-off-why-matters-section .founder-message-box .founder-img img {
  width: 66rem;
}
.why-matters-faqs-contianer .accordion-item {
  padding: 5rem 3rem;
  background-color: #f5f3ee;
  border-radius: 2rem;
  margin-bottom: 4rem;
}
.why-matters-faqs-contianer .accordion-heading {
  display: flex;
  align-items: center;
}
.why-matters-faqs-contianer .accordion-heading img {
  width: 5.2rem;
  margin-right: 3rem;
}
.why-matters-faqs-contianer .accordion-content {
  margin-top: 2rem;
}
.why-matters-faqs-contianer .accordion-item .accordion-heading.active::after {
  background: url(../images/accordion-minus.webp) no-repeat center;
  background-size: contain;
}
.why-matters-faqs-contianer .accordion-item .accordion-heading::after {
  width: 2.9rem;
  height: 2.9rem;
  top: 2.7rem;
  right: 0.5rem;
}
.fam-off-our-expertise .wrapper {
  background: #f4e5e0;
  border-radius: 3rem;
}
.fam-off-our-expertise .expertise-list li {
  padding: 4rem 6rem;
  border-bottom: 1px solid #b9b9b9;
  position: relative;
}
.fam-off-our-expertise .expertise-list li,
.fam-off-our-expertise .expertise-list li * {
  font-size: 3rem;
  line-height: 1.4;
  font-weight: 500;
}
.fam-off-our-expertise .expertise-list li:last-child {
  border-bottom: none;
}
.fam-off-our-expertise .expertise-list li strong {
  font-weight: 600;
}
.fam-off-our-expertise .expertise-list li::before {
  display: block;
  content: "";
  background: url(../images/green-round-tick.webp) no-repeat center;
  background-size: contain;
  width: 3.9rem;
  height: 3.9rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.consultation-bar {
  padding: 4rem 7rem;
  border-radius: 4rem;
}
.consultation-bar .inner {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.consultation-bar .img-box {
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 50%;
  border: 2px solid #f4e5e0;
  overflow: hidden;
}

.bar-text-content h6 {
  font-weight: 600;
  line-height: 1.4;
}
.bar-text-content p {
  font-size: 2.2rem;
  margin-top: 1rem;
}
.bar-btn-box .btn {
  background-color: var(--dark-navy);
  width: max-content;
}
.fam-off-why-us-stats-container .stat-box p,
.fam-off-why-us-stats-container .stat-box div {
  font-weight: 300;
}
.fam-off-why-us-stats-container .stat-box p strong,
.fam-off-why-us-stats-container .stat-box div strong {
  font-weight: 500;
}
.fam-off-why-us-section .heading-box .heading {
  width: 53%;
}
.fam-off-why-us-stats-container li {
  padding: 6rem;
  border-radius: 2rem;
}
.fam-off-why-us-stats-container li:nth-child(3n + 1) {
  background: #d7e2dc;
}

.fam-off-why-us-stats-container li:nth-child(3n + 2) {
  background: #e1effb;
}

.fam-off-why-us-stats-container li:nth-child(3n + 3) {
  background: #c7dfbd;
}
.stat-box p {
  margin-top: 1rem;
}
.fam-off-faq-section .contact-form-contianer .inner-content {
  padding: 8rem 5rem;
  border-radius: 3rem;
}
.fam-off-faq-section .contact-form-contianer .heading-box p {
  font-size: 2.4rem;
  margin-top: 2rem;
}
.fam-off-faq-section .contact-form-contianer .input-field {
  padding-bottom: 3.8rem;
}
.same-height-slide .slick-track {
  display: flex !important;
}
.same-height-slide .slick-slide {
  height: inherit;
}
.same-height-slide .slick-slide > div {
  height: 100%;
}
.contact-banner,
.contact-banner .bg-box {
  height: 80rem;
}
.has-italic span {
  font-weight: 300;
  font-style: italic;
}
.italic {
  font-style: italic;
}
.list-none {
  list-style: none;
}
.contact-list li {
  margin-top: 1.5rem;
}
.contact-list .icon {
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  margin-right: 1.5rem;
  background-color: #f4f3ee;
}
.contact-list a {
  position: relative;
}
.contact-list .phone a {
  padding-right: 1.5rem;
  margin-right: 1.5rem;
  font-weight: 500;
  color: #32302f;
}
.contact-list .phone a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 2rem;
  background-color: #0b1548;
}
.contact-list .phone a:last-of-type {
  padding-right: 0;
  margin-right: 0;
}
.contact-list .phone a:last-of-type::after {
  display: none;
}
.rounded-1 {
  border-radius: 1rem;
}
.rounded-2 {
  border-radius: 2rem;
}
.rounded-3 {
  border-radius: 3rem;
}
.rounded-4 {
  border-radius: 4rem;
}
.rounded-5 {
  border-radius: 5rem;
}
.rounded-full {
  border-radius: 50%;
}
.contact-location-item .count {
  width: 10%;
}
.contact-location-item .title {
  width: 24%;
}
.contact-location-item .location {
  width: 55%;
}
.contact-location-item .toggler,
.contact-location-item-body .empty {
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.contact-location-item-body {
  padding-bottom: 4rem;
}
.contact-location-item .toggler span {
  display: block;
  width: 3rem;
  height: 1.5px;
  background-color: #0b1548;
  transition: all 0.4s ease;
}
.contact-location-item .toggler span:last-of-type {
  transform: rotate(90deg) translateX(-0.2rem);
}
.active .toggler span:last-of-type {
  opacity: 0;
}
.contact-location-item-head {
  padding: 4rem 0;
  cursor: pointer;
}
.contact-location-item:first-child {
  border-top: 1px solid #c6c3bd;
}
.contact-location-item {
  border-bottom: 1px solid #c6c3bd;
}
.contact-location-item .location .art-img {
  max-width: 21rem;
  padding-left: 4rem;
}
.contact-location-item .location p {
  max-width: 50rem;
  font-size: 2.2rem;
}
.blog-item .blog-thumb img,
.sidebar-related-posts img {
  aspect-ratio: 1/0.6;
}
.blog-item .blog-thumb img,
.blog-item h6,
.sidebar-related-posts img,
.sidebar-related-posts p {
  transition: all 0.5s ease;
}
.blog-item:hover .blog-thumb img,
.sidebar-related-posts a:hover img {
  transform: scale(1.1);
}
.blog-item:hover h6,
.sidebar-related-posts a:hover p {
  color: #0d1c68;
}
.blog-date .divider {
  margin: 0 5px;
  display: inline-block;
}
.blog-detail-content p {
  line-height: 1.6;
  margin: 2rem 0;
}
.blog-detail-content h1,
.blog-detail-content h2,
.blog-detail-content h3 {
  margin-bottom: 4rem;
  margin-top: 4rem;
}
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6 {
  margin-bottom: 3rem;
  margin-top: 3rem;
}
.blog-detail-content img,
.blog-detail-content video,
.blog-detail-content iframe {
  margin-bottom: 5rem;
  margin-top: 3rem;
  max-width: 100%;
}
.blog-detail-content ul,
.blog-detail-content ol {
  margin-top: 3rem;
}
.blog-detail-content ul {
  list-style: none;
}
.blog-detail-content ol {
  list-style: decimal;
  padding-left: 3rem;
}
.blog-detail-content li,
.bd-content-headings li {
  margin: 10px 0;
  font-size: 2.4rem;
  font-family: inherit;
  font-weight: inherit;
  line-height: 1.4;
}
.blog-detail-content ul li,
.bd-content-headings li {
  position: relative;
  padding-left: 3rem;
}
.blog-detail-content ul li::before,
.bd-content-headings li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  background: url("../images/tick-blue.png") no-repeat center;
  background-size: contain;
}
.blog-sidebar {
  width: 27%;
}
.blog-sidebar .sticky {
  top: 10rem;
}
.blog-sidebar-item,
.blog-form-box {
  background-color: #f6f6f9;
  padding: 5rem 4rem;
}
.bd-content-headings li {
  margin: 12px 0;
}
.bd-content-headings a:hover {
  color: #0d1c68;
}
.sidebar-related-posts p {
  width: 72%;
}
/* -----------------------Common Media Query ------------------------- */
@media (min-width: 1921px) {
  html {
    font-size: 9px !important;
  }
}
@media (max-width: 1920px) {
  html {
    font-size: 0.45vw !important;
  }
  /* .bank-investment-banner {
    max-height: 139rem;
  } */
}

@media (max-width: 767px) {
  html {
    font-size: 1.5vw !important;
  }
  .m-w-100 {
    width: 100% !important;
  }
  .m-mt-0 {
    margin-top: 0;
  }
  .m-mt-2 {
    margin-top: 2rem;
  }
  .m-mt-3 {
    margin-top: 3rem;
  }
  .m-mt-5 {
    margin-top: 5rem;
  }
  .m-mt-7 {
    margin-top: 7rem;
  }
  .m-mt-8 {
    margin-top: 8rem;
  }
  .m-mb-5 {
    margin-bottom: 5rem;
  }
  .container {
    width: 90% !important;
  }
  .m-none {
    display: none !important;
  }
  .m-block {
    display: block;
  }
  .m-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .m-flex-col {
    flex-direction: column;
  }
  .m-text-center {
    text-align: center;
  }
  .three-cards-layout > div,
  .three-cards-layout > li {
    width: 100%;
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 5rem;
  }
  h2 {
    font-size: 4rem;
  }
  h3 {
    font-size: 3.7rem;
  }
  h4 {
    font-size: 3.5rem;
  }

  h2 br {
    display: none;
  }
  .heading-box {
    text-align: center;
  }
  .subtext {
    display: flex;
    justify-content: center;
  }
  header .wrapper {
    padding: 3rem;
  }
  header .logo-box {
    width: 80%;
  }
  header .mob-logo {
    max-height: 33px;
  }
  header .links-container ul,
  header .inner-content {
    flex-direction: column;
    width: 100%;
    align-items: start;
  }
  header .links-container {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    background: #0d1c68;
    z-index: 999;
    padding: 4rem 3rem;
    transition: 0.4s ease;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    overflow-y: auto;
  }
  header .links-container.active {
    right: 0;
  }
  header ul li a::after {
    display: none;
  }
  header .links-container ul li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #787fa3;
  }
  header .links-container ul li.open {
    border: 0;
  }
  header .links-container ul li a {
    padding: 4rem 0;
    width: 100%;
    margin-left: 0;
    font-size: 2.4rem;
    color: #ffffff;
    border: 0;
  }
  header .links-container ul li.current-menu-item a,
  header .links-container ul li a:hover {
    color: #b7b7cb;
  }
  header .btn {
    margin: 9rem 0;
  }

  header ul.sub-menu {
    position: static;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
    padding: 0 0 0 3rem;
    /* background-color: #243279; */
    border-radius: 1.5rem;
  }
  header ul.sub-menu li {
    border: 0 !important;
    background-color: transparent;
    border-radius: 0;
  }
  header ul.sub-menu li:hover,
  header ul.sub-menu li.current-menu-item {
    background-color: transparent;
  }
  header ul.sub-menu::before {
    display: none;
  }
  header li.menu-item-has-children::before {
    top: 4rem;
    width: 1.6rem;
    height: 1.6rem;
    border-color: #aab1d4;
  }

  header .links-container .sub-menu li a {
    padding: 2rem 0 2rem 2.5rem;
    position: relative;
  }
  header .links-container .sub-menu li a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1px;
    background-color: #ffffff;
    top: 50%;
    transform: translateY(-50%);
  }

  footer .big-text span {
    font-size: 10rem;
  }
  .bank-investment-banner {
    max-height: 100vh;
  }
  .hp-banner-section .content-box {
    left: auto;
    transform: translate(0);
    padding: 0 5rem;
  }
  .btn {
    font-size: 2.5rem;
    padding: 2.5rem 3.8rem;
  }
  .bank-investment-banner .content-container {
    padding: 5rem 0;
  }
  .our-work-section .container,
  .about-us-section .container {
    width: 100% !important;
  }
  .our-work-section .wrapper {
    border-radius: 0;
  }
  .hp-services-section {
    padding: 0;
  }
  .hp-services-section .wrapper {
    min-height: unset;
  }
  .hp-product-slider .slick-list {
    margin: 0 -1.5rem;
  }
  .hp-product-slider .slick-slide {
    margin: 0 1.5rem;
  }
  .hp-service-item {
    width: 100%;
    min-width: unset;
    position: relative;
    inset: unset;
    opacity: 1;
    visibility: visible;
    scale: 1;
    will-change: transform, opacity;
    display: block;
  }
  .hp-product-slider .slick-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: -10rem;
  }
  .hp-product-slider .slick-dots button {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #fff;
    border: 0;
    outline: none;
    border-radius: 50%;
    transition: all 0.4s ease;
  }
  .hp-product-slider .slick-dots .slick-active button {
    background-color: #5454c2;
    width: 3rem;
    border-radius: 10px;
  }
  .hp-product-slider .slick-dots button:before {
    display: none;
  }

  .hp-product-slider,
  .hp-services-section .wrapper {
    height: unset;
  }
  .global-market-usps li {
    width: 100%;
    border-left: none;
    padding: 6rem 0;
    border-bottom: 1px solid #c7d7da;
  }
  .global-market-usps li .inner {
    width: 75%;
    margin: 0 auto;
    text-align: center;
  }
  .global-market-usps li .icon-box img {
    width: 8rem;
  }
  .about-us-section .inner-content {
    border-radius: 0;
    padding: 0 3rem;
  }
  .stat-box-container .stat-box {
    width: 100%;
    margin-bottom: 8rem;
    text-align: center;
  }
  .hp-bottom-section .latest-insights {
    padding: 9rem 4rem;
    margin-bottom: 5rem;
  }
  .hp-bottom-section .contact-us .text-content {
    padding: 9rem 4rem 0;
  }
  .hp-bottom-section .latest-insights .usps-container a {
    padding-right: 8rem;
  }
  footer .link-block {
    width: 100%;
    padding: 5rem 0;
    border-bottom: 1px solid #c7d7da;
    text-align: center;
  }
  footer .bottom-part {
    flex-direction: column;
    align-items: center;
  }
  footer .contacts a {
    font-size: 2.4rem;
  }
  footer .block-heading {
    font-size: 2.6rem;
  }
  footer .link-block a {
    font-size: 2.4rem;
    margin-bottom: 2.2rem;
  }
  footer .bottom-part p {
    padding: 1rem 0;
  }
  footer .contacts {
    text-align: center;
    padding-bottom: 5rem;
    border-bottom: 1px solid #c7d7da;
  }
  footer .contacts a {
    margin-bottom: 2rem;
  }
  footer .social-links li img {
    width: 4rem;
  }
  .banking-investment-transaction-section .section-heading p::after {
    display: none;
  }
  .banking-invest-our-work .accordion-item h5 {
    width: 86%;
  }
  .banking-investment-testimonials .slider-btn-box,
  .banking-investment-latest-insights .slider-btn-box {
    justify-content: center;
  }
  .banking-investment-team-section .wrapper {
    padding: 8rem 5rem;
  }
  .banking-investment-contact-us .half-width .input-field {
    width: 100%;
  }
  .abt-why-us-section .wrapper {
    padding: 8rem 5rem;
  }
  .abt-why-us-usps > li:nth-child(4n + 1) {
    padding-left: 0;
    border-left: none;
  }
  .slick-dots {
    display: flex;
    justify-content: center;
  }
  .slick-dots li {
    border-bottom: none;
  }
  .abt-why-us-stats-container .slick-dots {
    bottom: -5rem;
    width: 68%;
  }
  .abt-founder-section .meta-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .abt-award-section .global-market-usps li {
    border-bottom: none;
  }
  .abt-award-section .slick-dots {
    bottom: -24rem;
    justify-content: center;
  }
  .abt-award-section .slick-dots li {
    margin: 0 1rem;
  }
  .abt-our-services .wrapper {
    padding: 12rem 5rem;
    border-radius: 0;
  }
  .abt-our-services .container {
    width: 100% !important;
  }
  .abt-our-services {
    padding-bottom: 0;
  }
  .description-box {
    text-align: center;
  }
  .abt-why-us-usps li h6 {
    width: 100%;
  }
  .abt-why-us-usps > li:nth-child(4n + 1) {
    padding: 6rem 0;
  }
  .abt-award-section .global-market-usps li .inner {
    width: 100%;
    text-align: start;
  }
  .abt-why-us-usps > li:nth-child(3n + 3):not(.stat-box-container) {
    border-right: none;
  }
  .abt-why-us-usps .slick-dots li {
    margin: 0 0.5rem;
  }

  /* Family Office Page */
  .why-matters-faqs-contianer .accordion-heading {
    width: 90%;
  }
  .fam-off-our-expertise .container {
    width: 100% !important;
  }
  .fam-off-our-expertise .wrapper {
    border-radius: 0;
    padding: 14rem 5rem;
  }
  .consultation-bar {
    padding: 6rem 4rem;
  }
  .consultation-bar .inner {
    flex-direction: column;
    text-align: center;
  }
  .consultation-bar .img-box img {
    margin-right: 0;
  }
  .faq-list-container .accordion-heading h6 {
    text-align: start;
  }
  .faq-list-container .accordion-heading h6 {
    width: 83%;
  }

  .contact-banner,
  .contact-banner .bg-box {
    height: 80rem;
    min-height: 90vh;
  }
  .contact-location-item .location .art-img,
  .contact-location-item-body .count,
  .contact-location-item-head .location {
    display: none;
  }
  .contact-location-item-body > .flex-box {
    flex-direction: column;
  }
  .contact-location-item-body > .flex-box {
    display: block;
  }

  .contact-location-item .title {
    flex: 1;
    width: unset;
    display: flex;
    align-items: center;
  }
  .contact-location-item .title .d-none {
    display: inline-block;
    font-size: 2.2rem;
    margin-left: 1rem;
    font-weight: 400;
  }
  .contact-location-item-body .title,
  .contact-location-item-body .location {
    width: 100%;
  }
  .contact-location-item-body .location {
    margin-top: 5rem;
  }
  .blog-listing.grid {
    display: block;
  }
  .blog-item {
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 1px solid #dddddd;
  }
  .blog-item:first-of-type {
    margin-top: 3rem;
    padding-top: 0;
    border-top: 0;
  }
  .blog-detail-hero {
    padding-bottom: 10rem;
  }
  .growth-sectors-card-container.grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 640px) {
  h1 {
    font-size: 4rem;
  }
  header .btn {
    width: 100%;
    text-align: center;
    border-radius: 5rem;
    background-color: #243279;
    padding: 3rem 2rem;
  }
  footer {
    padding-top: 10rem;
  }
  .footer-accordion-body {
    display: none;
    padding-bottom: 3rem;
    text-align: left;
  }
  footer .link-block {
    padding: 0;
  }
  footer .block-heading {
    margin-bottom: 0;
    padding: 2rem 6rem 2rem 0;
    text-align: left;
    position: relative;
  }
  footer .block-heading.fm-accordion-head::before {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/accordion-plus.webp) no-repeat center;
    background-size: contain;
    width: 3rem;
    height: 3rem;
    transition: 0.5s all ease;
  }
  footer .block-heading.fm-accordion-head.open::before {
    background: url(../images/accordion-minus.webp) no-repeat center;
    background-size: contain;
  }
  footer .link-block.social-links {
    border-bottom: 0;
    padding: 3rem 0;
  }
  footer .link-block.social-links .block-heading {
    display: none;
  }
  footer .link-block.social-links ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
  }
  footer .social-links li {
    margin-bottom: 0;
  }
  footer .link-block.social-links a {
    margin: 0;
  }
  footer .bottom-part {
    margin-top: 0;
  }
}

.contact-form-wrapper .input-field {
  position: relative;
}

.contact-form-wrapper .input-field p {
  flex: 1;
}

.contact-form-wrapper textarea {
  width: 100%;
  height: 10rem;
}

.input-field .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -3rem;
  left: 0;
  font-size: 14px;
}

.input-field .wpcf7-form-control-wrap {
  position: static;
}

.wpcf7 form .wpcf7-response-output {
  text-align: center;
  border-width: 1px;
  border-radius: 5px;
  padding: 1.5rem 2rem;
}
.accordion-heading {
  cursor: pointer;
}

.banking-investment-contact-us .input-field textarea {
  height: 10rem;
}

.banking-investment-contact-us .input-field > p {
  flex: 1;
}
.slick-hidden {
  display: none !important;
}
.flex-1 {
  flex: 1;
}