* {
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  text-align: justify;
  line-height: 1.3;
}

body {
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

#nvgtion {
  box-shadow: 0 1px 10px gray;
  position: relative;
  z-index: 9;
}

.nav-container {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.nav-list {
  width: 100%;
  justify-content: center;
}

.h-divider {
  height: 1px;
  width: 100%;
  background: gray;
}

.relative-title {
  width: fit-content !important;
  background: #001f3a;
  padding: 10px 25px !important;
  border-radius: 10px 0;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 20px;
  color: white;
  box-shadow: 4px 3px 5px #606060;
}

.absolute-header {
  position: relative;
  width: fit-content !important;
  background: #001f3a;
  padding: 10px 55px;
  margin: 40px 40px -20px 40px;
  font-size: 20px;
  color: white;
  box-shadow: 8px 8px #606060;
}

#about .content > h4 {
  color: #2f2f81;
}

#vision > .container > .row > div > h3 {
  font-size: 25px;
  color: #003c70;
}

#fin-srvcs > img,
#regtech-section > img,
#cb-section > img,
#managed-section > img,
#tech-section > img {
  max-height: 550px;
}

#fin-srvcs .inner-content,
#regtech-section .inner-content,
#cb-section .inner-content,
#managed-section .inner-content,
#tech-section .inner-content {
  background: white;
  margin-top: -200px;
}

.inner-content > h4 {
  font-size: 25px;
  padding: 15px 0;
  width: fit-content;
  position: relative;
  color: #1b3b58;
  font-weight: 600;
  text-align: left;
}

.inner-content > h4::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #1b3b58;
}

#table>*{
  text-align: left!important;
}

section {
  position: relative;
}

.mainTitle {
  position: relative;
  width: fit-content !important;
  position: absolute;
  top: 1%;
  left: 5%;
  color: white;
}

.mainTitle::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 10px;
  width: 100%;
  height: 4px;
  background: white;
}

.abtUsImgBox {
  width: 280px;
  height: 280px;
  position: relative;
}

.abtUsImgBox > img {
  width: 100%;
  height: 100%;
}

img.abtUsImg2 {
  position: absolute;
  top: 15px;
  left: 28px;
  width: 50px;
}

img.abtUsImg3 {
  position: absolute;
  top: 13px;
  left: 208px;
  width: 40px;
}

img.abtUsImg4 {
  position: absolute;
  top: 221px;
  left: 28px;
  width: 50px;
}

img.abtUsImg5 {
  position: absolute;
  top: 217px;
  left: 202px;
  width: 50px;
}

#table .cell {
  border: 1px solid rgb(221, 221, 221);
}

.dscSubHead {
  color: #0e4a7e;
  font-weight: bold;
}

.trdSrvc {
  padding: 30px;
  background: rgb(230 233 235);
}

#fin-srvcs .trdSrvc .left,
#fin-srvcs .trdSrvc .right {
  font-size: 11px;
}

#fin-srvcs .trdSrvc .left .imgBox {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

#fin-srvcs .trdSrvc .right {
  background: white;
}

#fin-srvcs .trdSrvc .right > div:nth-child(2) {
  border-left: 1px solid rgb(188, 188, 188);
}

.deposSrvc {
  padding: 20px 10px;
  background: rgb(234 232 255);
}

.deposSrvc > div {
  background: white;
  font-size: 11px;
  padding: 10px;
}

.deposSrvc > div > div:nth-child(1) {
  margin-bottom: 15px;
}

.wlthSrvc {
  background: rgb(234 232 255);
  padding: 20px 10px;
}

.wlthSrvc > div > div:nth-child(1) {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 15px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wlthSrvc > div > div:nth-child(2) {
  font-size: 14px;
  font-weight: bold;
}

.frxSrvc {
  border-top: 1px solid rgb(181, 181, 181);
  border-bottom: 1px solid rgb(181, 181, 181);
}

.insrncSrvc {
  padding: 20px 10px;
  background: rgb(234 232 255);
}

.insrncSrvc > div {
  padding: 0 35px;
}

.insrncSrvc h5 {
  border-top: 1px solid rgb(181, 181, 181);
}

.insrncSrvc h5 span {
  font-size: 15px;
  display: inline-block !important;
  background: gray;
  color: white;
  padding: 5px 15px !important;
  text-align: center;
}

.tpaBoxWrap > div {
  border: 1px solid #00b8ff;
  padding: 10px;
  border-radius: 15px;
}

.tpaBoxWrap > div > div:nth-child(2) {
  border-left: 1px solid #00b8ff;
  text-align: left;
}

.tpaBoxWrap > div:last-child {
  border-color: #105b78;
}

.tpaBoxWrap > div:last-child > div:nth-child(2) {
  border-left: 1px solid #105b78;
}

.nhscText {
  text-align: center;
  border-radius: 15px;
  background: #1a3b58;
  font-size: 18px;
  color: white;
}

.mllnTxtWrap {
  border-top: 1px solid #00145e;
}

.mllnTxt {
  color: #00145e;
  line-height: 1.4;
}

.mllnTxt span {
  font-size: 25px;
}

.locationTxtWrap {
  position: absolute;
  right: 10%;
  top: 8%;
  font-weight: bold;
  font-size: 40px;
}

.bc-box {
  position: relative;
  height: 125px;
  box-shadow: 0 0 15px rgb(165, 165, 165), 0 0 25px rgb(199, 199, 199);
  background: #3b6ca1;
  color: white;
  padding: 5px;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 15px;
}

.bc-box .absolute {
  position: absolute;
  left: -75%;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 15px rgb(109, 109, 109), 0 0 25px rgb(58, 58, 58);
  border-radius: 80px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.bc-box span {
  font-size: 20px;
}

.bankText {
  background: rgb(15, 56, 70);
  color: white;
  padding: 5px;
  font-size: 14px;
}

.allied-img {
  position: relative;
}

.allied-img-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #0e3970;
  padding: 5px;
  color: white;
  font-size: 12px;
}

.manpowerText {
  font-size: 20px;
}

.manpowerText span {
  font-size: 35px;
}

.manpowerText div:nth-child(2) {
  border-left: 1px solid rgb(118, 118, 118);
}

.call-center-no {
  text-align: center;
  margin: 0 auto;
  border-radius: 50px;
  font-size: 20px;
  background: #01224d;
  color: white;
}

.printerBoxesWrap > div {
  padding: 20px 10px;
  height: 120px;
  border-radius: 15px;
  font-size: 12px;
  background: rgb(47, 144, 192);
  color: white;
  margin-bottom: 15px;
}

.printerBoxesWrap:nth-child(1) > div,
.printerBoxesWrap:nth-child(4) > div,
.printerBoxesWrap:nth-child(5) > div {
  background: rgb(10, 103, 150);
}

.alssecBox {
  background: #edeeee;
}

.fthrsCircle {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  box-shadow: 19px 15px 30px #6e6e6e;
}

.fthrsCircleWrap:nth-child(odd) .fthrsCircle {
  background: #3e81a3;
}

.fthrsCircleWrap:nth-child(even) .fthrsCircle {
  background: rgb(158 172 213);
}

.regulatoryBoxUp {
  height: 150px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(238, 238, 238);
}

.regulatoryBoxComp {
  height: 185px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: rgb(238, 238, 238);
  font-size: 12px;
  text-align: left !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.regulatoryBoxNoLbl {
  width: 150px;
  height: 205px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(238, 238, 238);
}

.regulatoryBoxDown {
  width: 100%;
  height: 55px;
  background: rgb(39 70 116);
  color: white;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#grp-cmpny-section .inner-content h5,
#cmpny-fthrs-section .inner-content h5 {
  font-size: 25px;
  color: rgb(0, 91, 171);
  text-align: left;
}

#grp-cmpny-section .inner-content h5 {
  font-size: 20px;
}

.fthrsCircleWrap {
  font-size: 12px;
  font-weight: bold;
}

.regulatoryBoxEmpty {
  width: 100%;
  background: rgb(39 70 116);
  padding: 10px;
}

#footer-section {
  position: relative;
}

#footer-section > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  padding: 0;
  z-index: -1;
}

.logoLine {
  position: relative;
  right: 20px;
  height: 5px;
  background: #1e365d;
}

.mobFooter {
  width: 100%;
  height: 80px;
}

.dubaiFooterBox {
  position: relative;
}

.dubaiFooterBox > img {
  width: 120px;
  position: absolute;
  right: 20px;
  bottom: 0;
}

#footer-section a {
  color: inherit;
  transition: 0.5s;
}

#footer-section a:hover {
  color: #003c9d;
}

.mobBg {
  height: 150px;
}

.arrwList {
  list-style: none;
}

.arrwList > li {
  position: relative;
}

.arrwList > li::before {
  content: "\f0da";
  position: absolute;
  top: 0;
  right: 104%;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
}

.bottomToTop{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(138 155 203);
  font-size: 70px;
  color: #e3e3e3;
  cursor: pointer;
  opacity: 0.4;
  transition: .5s;
}

.bottomToTop:hover {
  opacity: 1;
}

.prdEmp {
    background: #2f81b0;
    color: white;
    padding: 8px 30px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.natPresence {
    position: relative;
}









@media (max-width: 768px) {
  .manpowerText div:first-child {
    border-bottom: 1px solid rgb(118, 118, 118);
  }

  .manpowerText div:nth-child(2) {
    border-left: none;
  }

  #fin-srvcs .inner-content,
  #regtech-section .inner-content,
  #cb-section .inner-content,
  #managed-section .inner-content,
  #tech-section .inner-content {
    margin-top: -80px !important;
  }
}

@media (max-width: 576px) {
  #fin-srvcs .inner-content,
  #regtech-section .inner-content,
  #cb-section .inner-content,
  #managed-section .inner-content,
  #tech-section .inner-content {
    margin-top: 10px !important;
  }

  .relative-title {
    font-size: 15px;
  }

  #table h3{
    font-size: 20px;
  }

  .bottomToTop{
    width: 60px;
    height: 60px;
    font-size: 50px;
  }
}

/* $grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
); */