@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.dropdown {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
  float: left;
  color: #111;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 20px 0 !important;
}
.dropdown .dropdown-toggle {
  display: flex;
  float: left;
  align-items: center;
  text-transform: capitalize;
  gap: 5px;
  cursor: pointer;
}
.dropdown .dropdown-toggle i {
  color: #111;
}
.dropdown .dropdown-toggle i.fa-angle-down {
  transition: transform 0.3s ease;
}
.dropdown.open .dropdown-toggle i.fa-angle-down {
  transform: rotate(180deg);
}
.dropdown .lang-menu {
  position: unset !important;
}
.dropdown .dropdown-menu {
  list-style: none;
  position: absolute;
  bottom: -10px;
  left: 170px;
  margin: 5px 0 0 0;
  padding: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: none;
  min-width: 150px;
  z-index: 10;
  position: unset;
}
.dropdown .dropdown-menu li {
  float: left;
}
.dropdown .dropdown-menu li a {
  display: flex;
  flex-flow: column;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: capitalize;
  color: #111;
  transition: background 0.2s;
}
.dropdown .dropdown-menu li a:hover {
  background: #f0f0f0;
  color: #000;
}
.dropdown .dropdown-menu li a:focus {
  background: #f0f0f0;
  color: #000;
}

.modal-overlay {
  font-family: "Inter" !important;
}

.headerWrap {
  display: none;
}

.webbtn {
  display: block;
}

header {
  width: 100%;
  float: left;
  background: #002b49;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  z-index: 9999;
}
header .headerContainer {
  width: 100%;
  float: left;
  max-width: 1140px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
  padding: 0 20px;
}
header .headerContainer .headerLogo {
  display: none;
}
header .headerContainer .toggleIcon {
  display: none;
  color: #082b4c;
}
header .headerContainer .toggleIcon.active {
  color: #fff;
}
header .headerContainer .logoWhite {
  width: 150px;
  height: auto;
  display: flex;
  margin: 10px 0;
}
header .headerContainer .logoWhite img {
  width: 100%;
  height: auto;
  float: left;
}
header .headerContainer i {
  display: none;
}
header .headerContainer nav {
  display: none;
}
header .headerContainer .navList {
  display: flex;
  gap: 30px;
}
header .headerContainer .navList li {
  list-style: none;
}
header .headerContainer .navList li a {
  text-decoration: none;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.landingPageWrap {
  width: 100%;
  float: left;
  position: relative;
  min-height: 100vh;
  background: url("../../images/landingPageBg.png") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  overflow: auto;
}
.landingPageWrap .sidebarOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.landingPageWrap .sidebarOverlay .crossBtn {
  color: #002b49;
  font-size: 40px;
  position: absolute;
  right: 15px;
  top: 20px;
  cursor: pointer;
}
.landingPageWrap .sidebarOverlay .sideOverlayInner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landingPageWrap .sidebarOverlay .sideOverlayInner a {
  float: left;
  color: #002b49;
  font-size: 25px;
  font-weight: 600;
  font-family: "Inter";
  text-decoration: none;
}
.landingPageWrap .navBttn {
  position: absolute;
  left: 60px;
  top: 40px;
  z-index: 99;
}
.landingPageWrap .navBttn .weblogBtn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.landingPageWrap .navBttn .weblogBtn #menuBtn {
  transform: rotateX(0deg);
  font-size: 50px;
  color: #ffffff;
  z-index: 99;
  transition: 0.3s ease;
  cursor: pointer;
}
.landingPageWrap .navBttn .weblogBtn .logoWhite {
  width: 200px;
  height: auto;
  float: left;
}
.landingPageWrap .navBttn .weblogBtn .logoWhite img {
  width: 100%;
  height: auto;
  float: left;
}
.landingPageWrap .minContent {
  padding: 80px 0 !important;
}
.landingPageWrap .landingPageContainer {
  width: 100%;
  float: left;
  margin: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #fff;
  border-radius: 67px;
  max-width: 600px;
  position: absolute;
  right: 120px;
  padding: 40px 0;
  margin: 50px 0;
}
.landingPageWrap .landingPageContainer .logoBig {
  width: 423px;
  height: auto;
  float: left;
}
.landingPageWrap .landingPageContainer .logoBig img {
  width: 100%;
  float: left;
  height: auto;
}
.landingPageWrap .landingPageContainer .btnWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  gap: 12px;
}
.landingPageWrap .landingPageContainer .btnWrap .signInBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.landingPageWrap .landingPageContainer .btnWrap .signInBtn:hover {
  background: #015e9c; /* lighter navy */
}
.landingPageWrap .landingPageContainer .btnWrap .createAccountBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  border: 1px solid rgba(0, 43, 73, 0.5);
  background: #fff;
  color: #082b4c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}
.landingPageWrap .landingPageContainer .btnWrap .createAccountBtn:hover {
  color: #015e9c;
}
.landingPageWrap .landingPageContainer .btnWrap .aboutBtn {
  text-decoration: none;
  display: flex;
  height: 50px;
  padding: 11.481px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: rgba(255, 222, 199, 0.4);
  color: #082b4c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
  transition: color 0.3s ease;
}
.landingPageWrap .landingPageContainer .btnWrap .aboutBtn:hover {
  color: #015e9c;
}
.landingPageWrap .landingPageContainer .landingPageContent {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
}
.landingPageWrap .landingPageContainer .landingPageContent .heading {
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  align-self: stretch;
  text-transform: capitalize;
  white-space: nowrap;
  margin: 0 0 5px 0;
}
.landingPageWrap .landingPageContainer .landingPageContent .signIn {
  white-space: wrap;
}
.landingPageWrap .landingPageContainer .landingPageContent .desc {
  color: #464646;
  text-align: center;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
.landingPageWrap .landingPageContainer .landingPageContent .desc small {
  color: #002b49;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
}
.landingPageWrap .landingPageContainer .landingPageContent small {
  color: #002b49;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
  text-transform: lowercase;
}
.landingPageWrap .landingPageContainer .landingPageContent .available {
  color: #002b49;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
  text-transform: unset;
  color: #016517;
  font-size: 12px;
}
.landingPageWrap .landingPageContainer .landingPageContent .taken {
  color: #002b49;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
  text-transform: unset;
  color: #ce0000;
  font-size: 12px;
}
.landingPageWrap .landingPageContainer .landingPageContent .toTop {
  color: #016517;
  text-align: center;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
.landingPageWrap .landingPageContainer .landingPageContent .e_message {
  color: #ce0000;
  text-align: center;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 20px 0 0 0;
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .otpWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  gap: 21.085px;
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .otpWrap .otpBlock {
  width: 50px;
  height: 50px;
  font-size: 24px;
  text-align: center;
  margin: 5px;
  border-radius: 6.024px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  outline: none;
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .otpWrap input[type=number] {
  width: 50px;
  padding: 8px;
  font-size: 20px;
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .otpWrap {
  /* Chrome, Safari, Edge */
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .otpWrap input[type=number]::-webkit-outer-spin-button,
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .otpWrap input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .continueBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .continueBtn:hover {
  background: #015e9c; /* lighter navy */
}
.landingPageWrap .landingPageContainer .landingPageContent .otpForm .continueBtn {
  margin: 20px 0 0 0;
}
.landingPageWrap .landingPageContainer .landingPageContent .margintop {
  margin: 20px 0 0 0;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 10px;
  margin: 15px 0 0 0;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 5px;
  margin: 10px 0 0 0;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label {
  color: #374151;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 142.857% */
  align-self: stretch;
  text-transform: capitalize;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label span {
  width: 100%;
  float: left;
  color: #374151;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 142.857% */
  align-self: stretch;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label span small {
  float: left;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label span small a {
  color: #002b49;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
  text-decoration: none;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap .chkbox {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  cursor: pointer;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=text] {
  font-size: 18px;
  height: 47.246px;
  align-self: stretch;
  border-radius: 7.874px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  padding: 0 15px;
  font-family: "Inter";
  outline: none;
  cursor: pointer;
  text-transform: capitalize;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=email] {
  font-size: 18px;
  height: 47.246px;
  align-self: stretch;
  border-radius: 7.874px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  padding: 0 15px;
  font-family: "Inter";
  outline: none;
  cursor: pointer;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=date] {
  font-size: 18px;
  height: 47.246px;
  align-self: stretch;
  border-radius: 7.874px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  padding: 0 15px;
  font-family: "Inter";
  outline: none;
  cursor: pointer;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=checkbox] {
  transform: scale(1.2);
  cursor: pointer;
  border-radius: 1.807px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  outline: none;
  cursor: pointer;
  margin-top: 8px;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap .error {
  color: #002b49;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
  text-transform: unset;
  color: #ce0000;
  font-size: 12px;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .nextBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .nextBtn:hover {
  background: #015e9c; /* lighter navy */
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .nextBtn {
  margin: 15px 0 0 0;
}
.landingPageWrap .landingPageContainer .landingPageContent .createAccform .nextBtn a {
  text-decoration: none;
  color: #fff;
}
.landingPageWrap .bottomWave {
  display: none;
}
.landingPageWrap .properText {
  width: 100%;
  float: left;
  max-width: 715px;
  display: flex;
  flex-flow: column;
  gap: 16px;
  position: absolute;
  bottom: 70px;
  left: 60px;
}
.landingPageWrap .properText h1 {
  color: #fff;
  font-family: "Inter";
  font-size: 70px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.landingPageWrap .properText p {
  color: #fff;
  font-family: "Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 33px;
  text-transform: capitalize;
}

.loader-wrapper {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loader {
  width: 50px;
  height: 50px;
  border: 5px solid #e5e7eb;
  border-top-color: #0a1f44;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.contentWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 120px 0 0 0;
}
.contentWrap .contentContainer {
  width: 100%;
  float: left;
  max-width: 600px;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 8px;
}
.contentWrap .contentContainer h3 {
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 133.333% */
  margin: 5px 0;
}
.contentWrap .contentContainer .reviewText {
  color: #464646;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.5px; /* 167.347% */
  margin: 0 0 20px 0;
}
.contentWrap .contentContainer .declareWrap {
  width: 100%;
  float: left;
  margin: 0 0 5px 0;
}
.contentWrap .contentContainer .declareWrap .alert {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .declareWrap .alert ul {
  list-style: none;
  padding: 0 !important;
}
.contentWrap .contentContainer .declareWrap .alert ul li {
  font-family: "Inter";
  color: #ce0000;
  font-size: 14px;
}
.contentWrap .contentContainer .declareWrap .declareHeading {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-transform: capitalize;
  margin: 5px 0;
}
.contentWrap .contentContainer .declareWrap .declareText {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.contentWrap .contentContainer .declareWrap .declareForm {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.contentWrap .contentContainer .declareWrap .declareForm label {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-start;
  gap: 8.418px;
  margin: 1px 0;
  cursor: pointer;
}
.contentWrap .contentContainer .declareWrap .declareForm label input[type=checkbox] {
  margin: 4px 0 0 0;
  cursor: pointer;
}
.contentWrap .contentContainer .declareWrap .declareForm label span {
  color: #374151;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  max-width: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap h1 {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 8px;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap h1 i {
  font-size: 18px;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-list {
  list-style: none;
  display: flex;
  border-bottom: 2px solid #e6e6e6;
  gap: 30px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-list .tab-item {
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
  padding: 0;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-list .tab-item label {
  cursor: pointer;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-list .tab-item input {
  display: none;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel {
  display: none;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .signature-container {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .signature-container canvas {
  width: 100%;
  float: left;
  border-radius: 7.856px;
  border: 0.604px solid #bab8b8;
  background: #fff;
  min-height: 280px;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .signature-container .buttons {
  float: left;
  margin: 20px 0;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .signature-container .buttons .bttn {
  text-decoration: none;
  border-radius: 7.856px;
  border: 0.604px solid #bab8b8;
  background: #fff;
  font-family: "Inter";
  color: #464646;
  padding: 8px 15px;
  margin: 0 5px;
  cursor: pointer;
  text-transform: capitalize;
  font-size: 14px;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .signature-container .buttons .bttn:hover {
  background-color: #002b49;
  color: #fff;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .signature-container #signatureImage {
  width: 100%;
  float: left;
  display: none;
  height: auto;
  margin-top: 10px;
  max-width: 100%;
  border: 0.604px solid #bab8b8;
  border-radius: 7.856px;
  background-color: #fff;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .type-signature {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .type-signature textarea {
  width: 100%;
  float: left;
  padding: 10px;
  font-size: 18px;
  border-radius: 7.856px;
  border: 0.604px solid #bab8b8;
  background: #fff;
  outline: none;
  text-transform: capitalize;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .type-signature textarea::-moz-placeholder {
  font-family: "Inter";
  font-size: 18px;
  opacity: 1;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .type-signature textarea::placeholder {
  font-family: "Inter";
  font-size: 18px;
  opacity: 1;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .type-signature .buttons {
  float: left;
  margin: 20px 0;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .type-signature .buttons .bttn {
  cursor: pointer;
  text-decoration: none;
  border-radius: 7.856px;
  border: 0.604px solid #bab8b8;
  background: #fff;
  font-family: "Inter";
  color: #464646;
  padding: 8px 15px;
  margin: 0 5px;
  font-size: 14px;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-content .tab-panel .type-signature span {
  margin-top: 10px;
  min-height: 50px;
  border-bottom: 2px solid #000;
  display: none;
  font-family: Cursive, "Inter";
  font-size: 28px;
  font-style: italic;
  text-transform: capitalize;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-panel.active {
  display: block;
}
.contentWrap .contentContainer .declareWrap .declareForm .signWrap .tabs .tab-item.active {
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  border-bottom: 6px solid #002b49;
  padding-bottom: 10px;
}
.contentWrap .contentContainer .declareWrap .declareForm .submitBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.contentWrap .contentContainer .declareWrap .declareForm .submitBtn:hover {
  background: #015e9c; /* lighter navy */
}
.contentWrap .contentContainer .declareWrap .declareForm .submitBtn {
  margin: 10px 0 0 0;
}
.contentWrap .contentContainer .declareWrap .declareForm a span b {
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 22px;
  text-transform: capitalize;
  text-decoration: none;
}
.contentWrap .contentContainer .platformDetail {
  max-width: unset;
}
.contentWrap .contentContainer .platformTab {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
}
.contentWrap .contentContainer .platformTab .platform-list {
  width: 100%;
  float: left;
  display: flex;
  list-style: none;
  justify-content: space-between;
  border-radius: 24px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: rgba(255, 222, 199, 0.25);
}
.contentWrap .contentContainer .platformTab .platform-list .platform-item {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24.37px; /* 174.071% */
  text-transform: capitalize;
  cursor: pointer;
}
.contentWrap .contentContainer .platformTab .platform-list .platform-item.active {
  border-radius: 24px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
}
.contentWrap .contentContainer .platformTab .platform-content {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-search {
  position: relative;
  margin: 16px 0;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-search .search-icon {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  font-size: 14px;
  color: #9a9a9a;
  pointer-events: none;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-search .search-input {
  width: 100%;
  height: 44px;
  padding: 0 14px 0 40px;
  font-size: 14px;
  outline: none;
  transition: border 0.25s ease, box-shadow 0.25s ease;
  border-radius: 24px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-search .search-input::-moz-placeholder {
  color: #b1b1b1;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-search .search-input::placeholder {
  color: #b1b1b1;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel {
  display: none;
  animation: fadeIn 0.25s ease-in-out;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel.active {
  display: block;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList {
  width: 100%;
  float: left;
  list-style: none;
  display: flex;
  flex-flow: column;
  gap: 17px;
  margin: 10px 0;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li .appDetail {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li .appDetail picture {
  width: 56px;
  height: 49px;
  float: left;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li .appDetail picture img {
  width: 100%;
  float: left;
  height: auto;
  float: left;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li .appDetail .appNameWrap h5 {
  color: #002b49;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.37px; /* 152.312% */
  text-transform: capitalize;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li .appDetail .appNameWrap small {
  color: #464646;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  text-transform: capitalize;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li .openBtnWrap {
  float: left;
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li .openBtnWrap .openBtn {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 13px;
  background: rgba(255, 222, 199, 0.5);
}
.contentWrap .contentContainer .platformTab .platform-content .platform-panel .appList li .openBtnWrap .openBtn span {
  color: #000;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding: 5px 20px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.contentWrap .contentContainer .backBtn {
  margin: 0 !important;
}
.contentWrap .contentContainer .preverifyWrap {
  width: 100%;
  float: left;
  border-radius: 7.874px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  display: flex;
  padding: 15.143px 58.149px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6.057px;
}
.contentWrap .contentContainer .preverifyWrap picture {
  width: 90px;
  height: auto;
  float: left;
}
.contentWrap .contentContainer .preverifyWrap picture img {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .preverifyWrap h2 {
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 133.333% */
  text-transform: capitalize;
}
.contentWrap .contentContainer .preverifyWrap p {
  color: #464646;
  text-align: center;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 167.347% */
}
.contentWrap .contentContainer .downloadWrap {
  width: 100%;
  float: left;
  border-radius: 7.874px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  display: flex;
  padding: 15.143px 58.149px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.contentWrap .contentContainer .downloadWrap p {
  color: #374151;
  text-align: center;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; /* 142.857% */
  text-transform: capitalize;
}
.contentWrap .contentContainer .downloadWrap .downldBtn {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.contentWrap .contentContainer .downloadWrap .downldBtn a {
  width: 160px;
  height: auto;
  float: left;
}
.contentWrap .contentContainer .downloadWrap .downldBtn a img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .contentContainer picture {
  width: 112px;
  height: auto;
  float: left;
}
.contentWrap .contentContainer picture img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .contentContainer .usrname {
  width: 100%;
  float: left;
  text-align: center;
}
.contentWrap .contentContainer .usrname i {
  font-size: 18px;
  color: #464646;
}
.contentWrap .contentContainer .usrname span {
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .properId {
  width: 100%;
  float: left;
  text-align: center;
}
.contentWrap .contentContainer .properId i {
  font-size: 18px;
  color: #002b49;
}
.contentWrap .contentContainer .properId span {
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .adminResponseWrap {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid rgba(206, 0, 0, 0.35);
  background: rgba(206, 0, 0, 0.05);
  padding: 14px 18px;
  margin: 10px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.contentWrap .contentContainer .adminResponseHeader {
  display: flex;
  align-items: center;
  gap: 8px;
}
.contentWrap .contentContainer .adminResponseHeader i {
  color: #ce0000;
  font-size: 16px;
}
.contentWrap .contentContainer .adminResponseHeader span {
  color: #ce0000;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.contentWrap .contentContainer .adminResponseText {
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.contentWrap .contentContainer .toTop {
  color: #016517;
  text-align: center;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
.contentWrap .contentContainer .verifyWrap {
  width: 100%;
  float: left;
  border-radius: 13px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  padding: 25px 30px;
  display: flex;
  flex-flow: column;
  gap: 15px;
  margin: 20px 0 0 0;
}
.contentWrap .contentContainer .verifyWrap h4 {
  color: #464646;
  font-family: "Inter";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 133.333% */
  text-transform: capitalize;
  margin: 0 0 10px 0;
}
.contentWrap .contentContainer .verifyWrap .steps {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.contentWrap .contentContainer .verifyWrap .steps .step {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}
.contentWrap .contentContainer .verifyWrap .steps .step .iconStep {
  float: left;
  display: flex;
  align-items: center;
  gap: 8px;
}
.contentWrap .contentContainer .verifyWrap .steps .step .iconStep i {
  font-size: 20px;
  color: #002b49;
}
.contentWrap .contentContainer .verifyWrap .steps .step .iconStep span {
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  text-align: left;
}
.contentWrap .contentContainer .verifyWrap .steps .step .verified {
  float: left;
  background: rgba(1, 101, 23, 0.1490196078) !important;
}
.contentWrap .contentContainer .verifyWrap .steps .step .verified i {
  color: #016517;
}
.contentWrap .contentContainer .verifyWrap .steps .step .verified small {
  color: #016517;
}
.contentWrap .contentContainer .verifyWrap .steps .step .state {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 13px;
  border: 1px solid #eaeaea;
  background: rgba(255, 222, 199, 0.5);
  float: left;
  display: flex;
  align-items: center;
}
.contentWrap .contentContainer .verifyWrap .steps .step .state i {
  font-size: 15px;
  color: #002b49 !important;
}
.contentWrap .contentContainer .verifyWrap .steps .step .state small {
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  color: #464646 !important;
}
.contentWrap .contentContainer .verifyWrap .downloadBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.contentWrap .contentContainer .verifyWrap .downloadBtn:hover {
  background: #015e9c; /* lighter navy */
}
.contentWrap .contentContainer .verifyWrap .downloadBtn {
  margin: 18px 0 0 0;
}
.contentWrap .contentContainer .verifyWrap .disb {
  background: rgba(0, 43, 73, 0.6588235294);
  color: rgba(255, 255, 255, 0.8);
}
.contentWrap .contentContainer .verifyWrap .disb:hover {
  background: rgba(0, 43, 73, 0.6588235294);
  color: rgba(255, 255, 255, 0.8);
}
.contentWrap .contentContainer .statusWrap {
  width: 100%;
  float: left;
  border-radius: 13px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  padding: 25px 30px;
  display: flex;
  gap: 15px;
}
.contentWrap .contentContainer .statusWrap picture {
  width: 50px;
  height: 50px;
  float: left;
}
.contentWrap .contentContainer .statusWrap picture img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .contentContainer .statusWrap .statusContent {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .statusWrap .statusContent h3 {
  text-align: left;
  font-size: 18px;
}
.contentWrap .contentContainer .statusWrap .statusContent p {
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.contentWrap .contentContainer .progressWrap {
  width: 100%;
  float: left;
  border-radius: 13px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  padding: 25px 30px;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.contentWrap .contentContainer .progressWrap .progressContent {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentWrap .contentContainer .progressWrap .progressContent span {
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  text-transform: capitalize;
}
.contentWrap .contentContainer .progressWrap .progressContent small {
  color: #000;
  text-align: center;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 200% */
}
.contentWrap .contentContainer .progressWrap .progressbarWrap {
  width: 100%;
  float: left;
  border-radius: 13px;
  background: #d9d9d9;
  height: 6px;
}
.contentWrap .contentContainer .progressWrap .progressbarWrap .progressbar {
  width: 50%;
  float: left;
  height: 6px;
  border-radius: 13px;
  background: #082b4d;
}
.contentWrap .contentContainer .fqWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin: 0 0 10px 0;
}
.contentWrap .contentContainer .fqWrap .fqContainer {
  width: 100%;
  float: left;
  border-radius: 8px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 15px 18px;
  position: relative;
  cursor: pointer;
}
.contentWrap .contentContainer .fqWrap .fqContainer .arrow {
  transition: transform 0.3s ease;
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqDropdown {
  display: none;
  overflow: hidden;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(70, 70, 70, 0.25);
  border-radius: 8px;
  padding: 10px 0;
  z-index: 10;
  margin: 20px 0 0 0;
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqDropdown .docType {
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  padding: 0 20px;
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqDropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqDropdown ul a {
  text-decoration: none;
  text-transform: capitalize;
  color: #002b49;
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqDropdown ul li {
  padding: 10px 18px;
  font-size: 16px;
  color: #002b49;
  font-family: "Inter";
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqDropdown ul li:hover {
  background: rgba(0, 0, 0, 0.05);
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqDropdown ul li a {
  text-decoration: none;
  text-transform: capitalize;
  color: #002b49;
}
.contentWrap .contentContainer .fqWrap .fqContainer.active .arrow {
  transform: rotate(90deg);
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqHeader {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqHeader .fq {
  float: left;
  display: flex;
  align-items: center;
  gap: 6px;
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqHeader .fq i {
  font-size: 16px;
  color: #002b49;
  margin-top: 2px;
}
.contentWrap .contentContainer .fqWrap .fqContainer .fqHeader .fq span {
  font-size: 16px;
  color: #002b49;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .fqWrap .securityWrap {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  padding: 15px 18px;
}
.contentWrap .contentContainer .fqWrap .securityWrap .lock {
  font-size: 30px;
  float: left;
  color: rgba(70, 70, 70, 0.6980392157);
}
.contentWrap .contentContainer .fqWrap .securityWrap .securityContainer {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.contentWrap .contentContainer .fqWrap .securityWrap .securityContainer h6 {
  color: rgba(70, 70, 70, 0.6980392157);
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .fqWrap .securityWrap .securityContainer p {
  color: rgba(70, 70, 70, 0.6980392157);
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 163.265% */
  text-transform: capitalize;
}
.contentWrap .contentContainer h4 {
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 133.333% */
  text-transform: capitalize;
}
.contentWrap .contentContainer span {
  max-width: 300px;
  color: #464646;
  text-align: center;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 163.265% */
}
.contentWrap .contentContainer .personalWrap {
  width: 100%;
  float: left;
  border-radius: 8px;
  border: 0.606px solid rgba(70, 70, 70, 0.5);
  background: #fff;
  padding: 20px;
  margin: 20px 0 0 0;
}
.contentWrap .contentContainer .personalWrap h6 {
  color: #002b49;
  font-family: "Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .personalWrap .mailWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row !important;
  justify-content: space-between;
}
.contentWrap .contentContainer .personalWrap .mailWrap .mailContainer {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.contentWrap .contentContainer .personalWrap .mailWrap .mailContainer span {
  max-width: unset;
  text-align: left;
}
.contentWrap .contentContainer .personalWrap .mailWrap .mailContainer .mail {
  text-transform: lowercase;
}
.contentWrap .contentContainer .personalWrap .mailWrap .mailStatus {
  float: left;
  display: flex;
  align-items: center;
  gap: 2px;
}
.contentWrap .contentContainer .personalWrap .mailWrap .mailStatus small {
  color: #016517 !important;
  font-family: "Inter";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize !important;
}
.contentWrap .contentContainer .personalWrap .mailWrap .mailStatus i {
  color: #016517 !important;
}
.contentWrap .contentContainer .personalWrap .detailWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 30px;
  margin: 30px 0;
}
.contentWrap .contentContainer .personalWrap .detailWrap .detailContainer {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.contentWrap .contentContainer .personalWrap .detailWrap .detailContainer span {
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 17.5px; /* 142.857% */
  text-transform: capitalize;
  max-width: unset;
  text-align: left;
}
.contentWrap .contentContainer .personalWrap .detailWrap .detailContainer small {
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  max-width: unset;
  text-align: left;
}
.contentWrap .contentContainer .backBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  border: 1px solid rgba(0, 43, 73, 0.5);
  background: #fff;
  color: #082b4c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}
.contentWrap .contentContainer .backBtn:hover {
  color: #015e9c;
}
.contentWrap .contentContainer .backBtn {
  margin: 14px 0 0 0;
}
.contentWrap .contentContainer .kyc-form {
  max-width: 600px;
  font-family: Arial, sans-serif;
  margin-top: 16px;
}
.contentWrap .contentContainer .upload-section h5 {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 20px 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.contentWrap .contentContainer .upload-section .title {
  text-align: left;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}
.contentWrap .contentContainer .upload-section .instruction {
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 141.667% */
}
.contentWrap .contentContainer .upload-section .instruction strong {
  font-weight: 400;
}
.contentWrap .contentContainer .upload-section .upload-thumb {
  margin: 10px 0;
}
.contentWrap .contentContainer .upload-section .upload-thumb picture {
  width: 100%;
  float: left;
  height: 250px;
}
.contentWrap .contentContainer .upload-section .upload-thumb picture img {
  width: 100%;
  float: left;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.contentWrap .contentContainer .upload-section .upload-thumb p {
  width: 100%;
  float: left;
  margin: 5px 0;
}
.contentWrap .contentContainer .upload-section .upload-thumb p span {
  width: 100%;
  float: left;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  max-width: unset;
  gap: 6px;
  white-space: nowrap;
}
.contentWrap .contentContainer .upload-section .upload-thumb p span i {
  font-size: 18px;
  float: left;
  color: #016517;
}
.contentWrap .contentContainer .upload-section .upload-thumb p select {
  width: 100%;
  float: left;
  color: #464646;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  outline: none;
  cursor: pointer;
}
.contentWrap .contentContainer .upload-section .upload-thumb p select option {
  outline: none;
  cursor: pointer;
}
.contentWrap .contentContainer .upload-section .upload-thumb p input[type=text] {
  width: 100%;
  float: left;
  color: #464646;
  outline: none;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard {
  width: 100%;
  float: left;
  border-radius: 12px;
  padding: 15px 0;
  margin: 5px 0;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .docHeader {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .docHeader .checkIcon {
  color: #22c55e;
  font-size: 16px;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .docHeader h4 {
  font-size: 15px;
  margin: 0;
  font-weight: 600;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .docBody {
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  border: 1px solid #e5e7eb;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .docItem {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  font-size: 14px;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .docItem input[type=checkbox] {
  cursor: pointer;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .docItem span {
  max-width: unset;
  float: left;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .docItem .uploadIcon {
  font-size: 18px;
  background: #93c5fd;
  padding: 6px;
  border-radius: 6px;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .otherWrap {
  width: 100%;
  float: left;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.contentWrap .contentContainer .upload-section .upload-thumb .docCard .otherWrap input[type=text] {
  width: 100%;
  float: left;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  outline: none;
}
.contentWrap .contentContainer .verifyDocBtn {
  width: 100%;
  float: left;
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.contentWrap .contentContainer .verifyDocBtn:hover {
  background: #015e9c; /* lighter navy */
}
.contentWrap .contentContainer .upload-card {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  margin: 20px 0;
}
.contentWrap .contentContainer .upload-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.contentWrap .contentContainer .upload-header .text {
  float: left;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.contentWrap .contentContainer .upload-header .text h4 {
  text-align: left;
  color: #111;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin: 0;
}
.contentWrap .contentContainer .upload-header .text p {
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .upload-header .text span {
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  text-align: left;
  max-width: unset;
}
.contentWrap .contentContainer .upload-header .icon img {
  width: 35px;
  height: 35px;
}
.contentWrap .contentContainer .upload-area-wrapper {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: relative;
}
.contentWrap .contentContainer .upload-area-wrapper .uploadPic {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 14px;
  overflow: hidden;
}
.contentWrap .contentContainer .upload-area-wrapper .uploadPic picture {
  width: 100%;
  height: auto;
  margin: 10px 0;
}
.contentWrap .contentContainer .upload-area-wrapper .uploadPic picture .preview-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contentWrap .contentContainer .upload-area-wrapper .uploadPic:hover .iconBtn {
  opacity: 1;
}
.contentWrap .contentContainer .upload-area-wrapper {
  /* Floating buttons */
}
.contentWrap .contentContainer .upload-area-wrapper .iconBtn {
  position: absolute;
  top: 20px;
  right: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: all 0.3s ease;
}
.contentWrap .contentContainer .upload-area-wrapper .iconBtn a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  color: #002b49;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  text-decoration: none;
}
.contentWrap .contentContainer .upload-area-wrapper .iconBtn a i {
  font-size: 16px;
}
.contentWrap .contentContainer .upload-area-wrapper .iconBtn a:hover {
  background: #002b49;
  color: #fff;
}
.contentWrap .contentContainer .upload-area-wrapper .iconBtn {
  /* Delete button */
}
.contentWrap .contentContainer .upload-area-wrapper .iconBtn .delete-doc:hover {
  background: #e63946;
}
.contentWrap .contentContainer .upload-area-wrapper .upload-area {
  border: 2px dashed #bbb;
  border-radius: 10px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  color: #002b49;
  font-weight: 600;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}
.contentWrap .contentContainer .upload-area-wrapper .upload-area:hover {
  background: #f5f9ff;
  border-color: #002b49;
}
.contentWrap .contentContainer .upload-area-wrapper .upload-area .upload-placeholder {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.contentWrap .contentContainer .upload-area-wrapper .upload-area .upload-placeholder .plus {
  font-size: 22px;
  font-weight: bold;
  color: #002b49;
}
.contentWrap .contentContainer .upload-area-wrapper .upload-area .upload-placeholder .text {
  font-size: 15px;
  color: #002b49;
}
.contentWrap .contentContainer form {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.contentWrap .contentContainer form .kybBtnWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 20px;
  margin: 20px 0 0 0;
}
.contentWrap .contentContainer form .kybBtnWrap .continueBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.contentWrap .contentContainer form .kybBtnWrap .continueBtn:hover {
  background: #015e9c; /* lighter navy */
}
.contentWrap .contentContainer form .kybBtnWrap .saveDraftBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  border: 1px solid rgba(0, 43, 73, 0.5);
  background: #fff;
  color: #082b4c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}
.contentWrap .contentContainer form .kybBtnWrap .saveDraftBtn:hover {
  color: #015e9c;
}
.contentWrap .contentContainer form .countryInp,
.contentWrap .contentContainer form .businessType {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 6px;
}
.contentWrap .contentContainer form .countryInp .selectWrap,
.contentWrap .contentContainer form .businessType .selectWrap {
  position: relative;
}
.contentWrap .contentContainer form .countryInp .selectWrap select,
.contentWrap .contentContainer form .businessType .selectWrap select {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  font-size: 14px;
  outline: none;
  transition: border 0.25s ease, box-shadow 0.25s ease;
  border-radius: 24px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Remove default arrow */
}
.contentWrap .contentContainer form .countryInp .selectWrap .arrow,
.contentWrap .contentContainer form .businessType .selectWrap .arrow {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  font-size: 14px;
  color: #9a9a9a;
  pointer-events: none;
}
.contentWrap .contentContainer .kybform {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .kybform .dropdownInp {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .kybform .dropdownInp label {
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .kybform .dropdownInp select {
  width: 100%;
  float: left;
  display: flex;
  height: 50px;
  padding: 14.622px 18.277px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6.092px;
  align-self: stretch;
  border-radius: 7.92px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  margin: 10px 0 0 0;
  outline: none;
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .kybform .kybTabs {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .kybform .kybTabs .tabLabels {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #e6e6e6;
  padding: 0 0 10px 0;
}
.contentWrap .contentContainer .kybform .kybTabs .tabLabels h4 {
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
}
.contentWrap .contentContainer .kybform .kybTabs .tabLabels .active {
  color: #002b49 !important;
  font-family: "Inter" !important;
  font-weight: 600 !important;
  border-bottom: 4px solid #002b49 !important;
  transition: transform 0.3s ease-in-out;
}
.contentWrap .contentContainer .kybform .kybTabs .tabContents {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .kybform .kybTabs .tabContents .tabContent {
  width: 100%;
  float: left;
  display: none;
}
.contentWrap .contentContainer .kybform .kybTabs .tabContents .tabContent.active {
  display: block;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo h5 {
  color: #464646;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 20px 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .inputGroup {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin: 10px 0;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .inputGroup label {
  color: rgba(70, 70, 70, 0.6);
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px; /* 141.667% */
  text-transform: capitalize;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .inputGroup input[type=text] {
  display: flex;
  padding: 14.622px 18.277px;
  flex-direction: column;
  justify-content: center;
  gap: 6.092px;
  align-self: stretch;
  border-radius: 7.92px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  outline: none;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .inputGroup input[type=date] {
  display: flex;
  padding: 14.622px 18.277px;
  flex-direction: column;
  justify-content: center;
  gap: 6.092px;
  align-self: stretch;
  border-radius: 7.92px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  outline: none;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .inputGroup select {
  display: flex;
  padding: 14.622px 18.277px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6.092px;
  align-self: stretch;
  border-radius: 7.92px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  outline: none;
  color: rgba(70, 70, 70, 0.6);
  text-transform: capitalize;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .inputGroup textarea {
  display: flex;
  padding: 14.622px 18.277px;
  height: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6.092px;
  align-self: stretch;
  border-radius: 7.92px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  outline: none;
  color: rgba(70, 70, 70, 0.6);
  text-transform: capitalize;
  font-family: "Inter";
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .upload-section {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .chkbox {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .chkbox input[type=checkbox] {
  width: 16px;
  height: 16px;
  border: 1.511px solid #5d82a7;
  background: rgba(0, 43, 73, 0);
}
.contentWrap .contentContainer .kybform .kybTabs .companyInfo .chkbox span {
  width: 100%;
  float: left;
  color: #374151;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px; /* 125% */
  text-align: left;
  max-width: unset !important;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership h5 {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 20px 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .tableScroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .tableScroll::-webkit-scrollbar {
  height: 6px;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .tableScroll::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 10px;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .addStakeholderBtn {
  border-radius: 8px;
  border: 1px dashed rgba(70, 70, 70, 0.66);
  background: #fff;
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px; /* 142.857% */
  text-transform: capitalize;
  text-decoration: none;
  padding: 12px 0;
  margin: 20px 0;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  width: 400px;
  position: relative;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .closePopup {
  position: absolute;
  top: 25px;
  right: 12px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  color: #334155;
  border-radius: 10px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .closePopup:hover {
  background: rgb(218, 47, 47);
  color: #fff;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .stakeHeading {
  margin: 20px 0;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .inpWrap {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .inpWrap span {
  font-size: 13px;
  margin-bottom: 6px;
  color: #475569;
  text-align: left;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .inpWrap input,
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .inpWrap select {
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  transition: 0.2s;
  color: #464646;
  text-transform: capitalize;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .inpWrap input:focus,
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .inpWrap select:focus {
  outline: none;
  border-color: #002b49;
  box-shadow: 0 0 0 2px rgba(37, 98, 197, 0.15);
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .inpWrap input[type=email] {
  text-transform: lowercase;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .stakePopupWrap .stakePopup .saveBtn {
  width: 100%;
  float: left;
  background: #002b49;
  font-family: "Inter";
  text-align: center;
  color: #fff;
  padding: 15px 20px;
  border-radius: 10px;
  margin: 20px 0 0 0;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .chkbox {
  width: 100%;
  float: left;
  display: flex;
  gap: 12px;
  margin: 0 0 20px 0;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .chkbox .checkbox {
  width: 15px;
  height: 15px;
  border: 1.511px solid #5d82a7;
  background: rgba(0, 43, 73, 0);
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .chkbox span {
  color: #374151;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px; /* 125% */
  text-align: left;
  max-width: unset;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .kybBtnWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 20px;
  margin: 20px 0 0 0;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .kybBtnWrap .continueBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .kybBtnWrap .continueBtn:hover {
  background: #015e9c; /* lighter navy */
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .kybBtnWrap .saveDraftBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  border: 1px solid rgba(0, 43, 73, 0.5);
  background: #fff;
  color: #082b4c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .kybBtnWrap .saveDraftBtn:hover {
  color: #015e9c;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable {
  width: 100%;
  float: left;
  border-radius: 8px;
  border: 1px solid rgba(70, 70, 70, 0.25);
  background: #fff;
  min-width: 900px;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable thead {
  background: #f9fafb;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable thead th {
  padding: 14px 16px;
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
  color: #002b49;
  font-family: "Inter";
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody tr {
  transition: background 0.2s ease;
  cursor: pointer;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody tr:hover {
  background: #f9fafb;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody tr:last-child td {
  border-bottom: none;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody td {
  padding: 14px 16px;
  font-size: 14px;
  color: #111827;
  border-bottom: 1px solid #e5e7eb;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody td .tlogo {
  display: flex;
  width: 29px;
  height: 29px;
  padding: 0 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: #d4edff;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody td .tlogo span {
  color: #002b49;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody td .tname {
  display: flex;
  flex-flow: column;
  gap: 2px;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody td .tname h6 {
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody td .tname small {
  color: #464646;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: lowercase;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody .ownerName {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody .ownerPercent {
  color: #002b49;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: lowercase;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody .ownerRole {
  color: #464646;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody .pending {
  color: #f59e0b;
  font-weight: 600;
  text-transform: capitalize;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody .verified {
  border-radius: 14px;
  background: #dcfce7;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  gap: 5px;
  width: -moz-fit-content;
  width: fit-content;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody .verified .dot {
  width: 7px;
  height: 7px;
  border-radius: 66.667px;
  background: #16a34a;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody .verified span {
  color: #16a34a;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .ownerTable tbody .verifyBtn {
  display: flex;
  padding: 10px 15px;
  gap: 10px;
  text-decoration: none;
  border-radius: 3px;
  background: #002b49;
  font-family: "Inter";
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .addStakeholderBtn {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .kybform .kybTabs .ownership .chkbox {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .submissionDetail {
  width: 100%;
  float: left;
  border-radius: 7.874px;
  border: 0.606px solid rgba(70, 70, 70, 0.5);
  background: #fff;
  padding: 15px 25px;
}
.contentWrap .contentContainer .submissionDetail h6 {
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin: 5px 0 10px 0;
}
.contentWrap .contentContainer .submissionDetail h4 {
  color: #002b49;
  text-align: left;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
.contentWrap .contentContainer .submissionDetail p {
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo span {
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17.5px; /* 125% */
  text-transform: capitalize;
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo a {
  color: #002b49;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  cursor: pointer;
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo a span {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  border-radius: 50px;
  background: #ff9d00;
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo .status-pending {
  color: #ff9d00;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  animation: heartbeat 1.9s infinite;
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo {
  /* Heartbeat Animation */
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo {
  /* Tooltip */
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo .status-pending::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: #111827;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 11px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease;
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo {
  /* Show on hover */
}
.contentWrap .contentContainer .submissionDetail .submissionInfoWrap .submissionInfo .status-pending:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.contentWrap .contentContainer .helpTextWrap {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 20px 0;
}
.contentWrap .contentContainer .helpTextWrap .helpText {
  width: 100%;
  float: left;
}
.contentWrap .contentContainer .helpTextWrap .helpText h5 {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer .helpTextWrap .helpText p {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.contentWrap .contentContainer .fixBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.contentWrap .contentContainer .fixBtn:hover {
  background: #015e9c; /* lighter navy */
}
.contentWrap .contentContainer .fixBtn {
  display: inline-flex;
}
.contentWrap .contentContainer .verifiedImg {
  margin: 0 0 10px 0;
}
.contentWrap .contentContainer .status {
  border-radius: 13px;
  background: rgba(1, 101, 23, 0.15);
  padding: 5px 10px;
}
.contentWrap .contentContainer .status span {
  color: #016517;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.contentWrap .contentContainer small {
  color: #464646;
  text-align: center;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.5px; /* 205% */
}
.contentWrap .contentContainer .verifiedText {
  color: #464646;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.5px; /* 167.347% */
  margin: 0 0 20px 0;
}
.contentWrap .aboutContainer {
  max-width: unset !important;
  gap: 0px !important;
}
.contentWrap .aboutContainer .aboutHeroHeader {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0;
  max-width: 1280px !important;
  padding: 0 20px;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap {
  width: 100%;
  float: left;
  max-width: 650px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap h1 {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  text-transform: capitalize;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap p {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap {
  width: 100%;
  float: left;
  display: flex;
  gap: 20px;
  margin: 10px 0 0 0;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap .createBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap .createBtn:hover {
  background: #015e9c; /* lighter navy */
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap .createBtn {
  padding: 20px 30px !important;
  font-size: 16px !important;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap .workBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  border: 1px solid rgba(0, 43, 73, 0.5);
  background: #fff;
  color: #082b4c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap .workBtn:hover {
  color: #015e9c;
}
.contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap .workBtn {
  padding: 20px 30px !important;
  font-size: 16px !important;
}
.contentWrap .aboutContainer .aboutHeroHeader picture {
  width: 450px;
  height: auto;
  float: left;
}
.contentWrap .aboutContainer .aboutHeroHeader picture img {
  width: 100%;
  float: left;
}
.contentWrap .aboutContainer .proveIdWrap {
  width: 100%;
  float: left;
  margin: 40px 0;
  max-width: 1280px !important;
  padding: 0 20px;
}
.contentWrap .aboutContainer .proveIdWrap h1 {
  width: 100%;
  float: left;
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  text-transform: capitalize;
  margin: 0 0 50px 0;
}
.contentWrap .aboutContainer .proveIdWrap .proveIdContainer {
  width: 100%;
  float: left;
  display: flex;
  gap: 30px;
}
.contentWrap .aboutContainer .proveIdWrap .proveIdContainer .proveIdBlock {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  border: 1px solid rgba(0, 43, 73, 0.25);
  padding: 30px;
  gap: 10px;
}
.contentWrap .aboutContainer .proveIdWrap .proveIdContainer .proveIdBlock picture {
  width: 75px;
  height: 75px;
  float: left;
}
.contentWrap .aboutContainer .proveIdWrap .proveIdContainer .proveIdBlock picture img {
  width: 100%;
  float: left;
  height: 100%;
}
.contentWrap .aboutContainer .proveIdWrap .proveIdContainer .proveIdBlock h5 {
  width: 100%;
  float: left;
  text-align: center;
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 142.857% */
}
.contentWrap .aboutContainer .proveIdWrap .proveIdContainer .proveIdBlock p {
  width: 100%;
  float: left;
  text-align: center;
  color: #464646;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 163.265% */
}
.contentWrap .aboutContainer .properAdWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
  max-width: 1280px !important;
  padding: 0 20px;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock {
  width: 100%;
  float: left;
  padding: 30px 40px;
  border-radius: 10px;
  border: 1px solid rgba(0, 43, 73, 0.25);
  background: #fff;
  max-width: 575px;
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .properAdHeading {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .properAdHeading picture {
  width: 50px;
  height: auto;
  float: left;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .properAdHeading picture img {
  width: 100%;
  float: left;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .properAdHeading h1 {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px; /* 133.333% */
  text-transform: capitalize;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock span {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 163.265% */
  max-width: unset;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 5px 0;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap picture {
  width: 50px;
  height: auto;
  float: left;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap picture img {
  width: 100%;
  float: left;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap .blankinptwrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap .blankinptwrap > div:first-child {
  width: 60%;
  height: 12px;
  align-self: stretch;
  border-radius: 5px;
  background: #d9d9d9;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap .blankinptwrap > div:nth-child(2) {
  width: 40%;
  height: 12px;
  border-radius: 5px;
  background: #d9d9d9;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .checkWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .checkWrap .checkContent {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .checkWrap .checkContent picture {
  width: 25px;
  height: auto;
  float: left;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .checkWrap .checkContent picture img {
  width: 100%;
  float: left;
}
.contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .checkWrap .checkContent span {
  text-align: left !important;
}
.contentWrap .aboutContainer .properAdWrap picture {
  width: 650px;
  height: auto;
  float: left;
}
.contentWrap .aboutContainer .properAdWrap picture img {
  width: 100%;
  float: left;
}
.contentWrap .aboutContainer .properWorkWrap {
  width: 100%;
  float: left;
  max-width: 1280px !important;
  padding: 0 20px;
}
.contentWrap .aboutContainer .properWorkWrap h1 {
  width: 100%;
  float: left;
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  text-transform: capitalize;
  margin: 40px 0;
}
.contentWrap .aboutContainer .properWorkWrap .properWorkContainer {
  width: 100%;
  float: left;
  display: flex;
  gap: 30px;
}
.contentWrap .aboutContainer .properWorkWrap .properWorkContainer .properWorkBlock {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 1px solid rgba(0, 43, 73, 0.25);
  padding: 20px 10px;
}
.contentWrap .aboutContainer .properWorkWrap .properWorkContainer .properWorkBlock picture {
  width: 75px;
  height: 75px;
  float: left;
}
.contentWrap .aboutContainer .properWorkWrap .properWorkContainer .properWorkBlock picture img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .aboutContainer .properWorkWrap .properWorkContainer .properWorkBlock h5 {
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 142.857% */
}
.contentWrap .aboutContainer .properWorkWrap .properWorkContainer .properWorkBlock span {
  color: #464646;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
}
.contentWrap .aboutContainer .partnerWrap {
  width: 100%;
  float: left;
  margin: 40px 0;
  max-width: 1280px !important;
  padding: 0 20px;
}
.contentWrap .aboutContainer .partnerWrap h1 {
  width: 100%;
  float: left;
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px; /* 137.5% */
  text-transform: capitalize;
  margin: 40px 0;
}
.contentWrap .aboutContainer .partnerWrap .partnerBlockWrap {
  width: 100%;
  float: left;
  display: flex;
  gap: 30px;
}
.contentWrap .aboutContainer .partnerWrap .partnerBlockWrap .partnerBlock {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 0.904px solid rgba(0, 43, 73, 0.25);
  padding: 20px 10px;
  background: #e3eff8;
}
.contentWrap .aboutContainer .partnerWrap .partnerBlockWrap .partnerBlock picture {
  width: 75px;
  height: 75px;
  float: left;
}
.contentWrap .aboutContainer .partnerWrap .partnerBlockWrap .partnerBlock picture img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .aboutContainer .partnerWrap .partnerBlockWrap .partnerBlock h6 {
  width: 100%;
  float: left;
  color: #313131;
  text-align: center;
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 142.857% */
}
.contentWrap .aboutContainer .partnerWrap .partnerBlockWrap .partnerBlock p {
  width: 100%;
  float: left;
  color: #313131;
  text-align: center;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18.086px; /* 142.857% */
}
.contentWrap .aboutContainer .securityWrap {
  width: 100%;
  float: left;
  background: #002b49;
  margin: 40px 0;
  display: flex;
  justify-content: center;
}
.contentWrap .aboutContainer .securityWrap h1 {
  color: #fff;
  text-align: center;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 40px 0 0 0;
}
.contentWrap .aboutContainer .securityWrap .mwidth {
  width: 100%;
  float: left;
  max-width: 1280px !important;
  padding: 0 20px;
}
.contentWrap .aboutContainer .securityWrap .mwidth .securityContainer {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.contentWrap .aboutContainer .securityWrap .mwidth .securityContainer .securityBlockWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  max-width: 1280px !important;
  padding: 0 20px;
  gap: 20px;
}
.contentWrap .aboutContainer .securityWrap .mwidth .securityContainer .securityBlockWrap .securityBlock {
  width: 100%;
  float: left;
  display: flex;
  gap: 15px;
}
.contentWrap .aboutContainer .securityWrap .mwidth .securityContainer .securityBlockWrap .securityBlock picture {
  width: 50px;
  height: auto;
  float: left;
}
.contentWrap .aboutContainer .securityWrap .mwidth .securityContainer .securityBlockWrap .securityBlock picture img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .aboutContainer .securityWrap .mwidth .securityContainer .securityBlockWrap .securityBlock .securityText {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.contentWrap .aboutContainer .securityWrap .mwidth .securityContainer .securityBlockWrap .securityBlock .securityText h3 {
  color: #fff;
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left !important;
}
.contentWrap .aboutContainer .securityWrap .mwidth .securityContainer .securityBlockWrap .securityBlock .securityText span {
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: left !important;
}
.contentWrap .aboutContainer .identityWrap {
  width: 100%;
  float: left;
  margin: 0 0 80px 0;
  display: flex;
  justify-content: center;
}
.contentWrap .aboutContainer .identityWrap h1 {
  width: 100%;
  float: left;
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 137.5% */
  text-transform: capitalize;
  margin: 40px 0;
}
.contentWrap .aboutContainer .identityWrap .mwidth {
  width: 100%;
  float: left;
  max-width: 1280px !important;
  padding: 0 20px;
}
.contentWrap .aboutContainer .identityWrap .mwidth .identityContainer {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding: 0 20px;
  gap: 40px;
}
.contentWrap .aboutContainer .identityWrap .mwidth .identityContainer .individualWrap {
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
  border-radius: 9.043px;
  background: rgba(0, 43, 73, 0.05);
  padding: 30px 10px;
  gap: 10px;
  max-width: 350px !important;
}
.contentWrap .aboutContainer .identityWrap .mwidth .identityContainer picture {
  width: 50px;
  height: auto;
  float: left;
}
.contentWrap .aboutContainer .identityWrap .mwidth .identityContainer picture img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .aboutContainer .identityWrap .mwidth .identityContainer h5 {
  width: 100%;
  float: left;
  color: #313131;
  text-align: center;
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 18.086px; /* 142.857% */
}
.contentWrap .aboutContainer .ecosystemWrap {
  width: 100%;
  float: left;
  background: #f2f4f6;
  padding: 40px 0;
  display: flex;
  justify-content: center;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth {
  width: 100%;
  float: left;
  max-width: 1280px !important;
  padding: 0 20px;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth h1 {
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 137.5% */
  text-transform: capitalize;
  margin: 40px 0 0 0;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth p {
  color: #313131;
  text-align: center;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 154.545% */
  margin: 15px 0 0 0;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth .ecosystemContainer {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth .ecosystemContainer .ecosystemBlockWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1280px !important;
  padding: 0 20px;
  gap: 20px;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth .ecosystemContainer .ecosystemBlockWrap .contentpf {
  float: left;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
  padding: 8px 15px;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth .ecosystemContainer .ecosystemBlockWrap .contentpf picture {
  width: 40px;
  height: auto;
  float: left;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth .ecosystemContainer .ecosystemBlockWrap .contentpf picture img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .aboutContainer .ecosystemWrap .mwidth .ecosystemContainer .ecosystemBlockWrap .contentpf span {
  color: #000;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 155.556% */
}
.contentWrap .aboutContainer .getStartedWrap {
  width: 100%;
  float: left;
  background: #002b49;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 0;
}
.contentWrap .aboutContainer .getStartedWrap picture {
  width: 250px;
  float: left;
  height: auto;
}
.contentWrap .aboutContainer .getStartedWrap picture img {
  width: 100%;
  float: left;
  height: auto;
}
.contentWrap .aboutContainer .getStartedWrap h1 {
  color: #fff;
  text-align: center;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.contentWrap .aboutContainer .getStartedWrap span {
  color: #fff;
  text-align: center;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: unset !important;
}
.contentWrap .aboutContainer .getStartedWrap .createuserWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 20px 0 0 0;
}
.contentWrap .aboutContainer .getStartedWrap .createuserWrap .createUserBtn {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  border: 1px solid rgba(0, 43, 73, 0.5);
  background: #fff;
  color: #082b4c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}
.contentWrap .aboutContainer .getStartedWrap .createuserWrap .createUserBtn:hover {
  color: #015e9c;
}
.contentWrap .aboutContainer .getStartedWrap .createuserWrap .createUserBtn {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
  background: #fff;
  font-family: "Inter";
  padding: 15px 30px !important;
  font-size: 16px !important;
}
.contentWrap .aboutContainer .getStartedWrap .createuserWrap .createUserBtn img {
  width: 25px;
  height: auto;
  float: left;
  margin: 0 8px 0 0;
}

footer {
  float: left;
}
footer .footerTop {
  position: fixed;
  width: 70px;
  height: 245px;
  bottom: 60px;
  right: 0px;
  border-radius: 25px 0 0 25px;
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(70, 70, 70, 0.25);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  z-index: 9999;
}
footer .footerTop .tab-btn {
  float: left;
  position: relative;
}
footer .footerTop .tab-btn i {
  font-size: 30px;
  color: #002b49;
}
footer .footerTop .tab-btn span {
  display: none;
}
footer .footerTop .tooltipText {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
}
footer .footerTop .tooltipText::after {
  content: attr(data-tooltip); /* get text from data-tooltip */
  position: absolute;
  bottom: 125%; /* position above the button */
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  color: #002b49;
  border: 0.5px solid #cccccc;
  padding: 5px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 10;
  font-family: "Inter";
  text-transform: capitalize;
}
footer .footerTop .tooltipText:hover::after, footer .footerTop .tooltipText:hover::before {
  opacity: 1;
}

/* Variables */
/* Page wrapper */
.popup-body {
  font-family: "Inter";
  background: #f6f7fb;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Card */
.popup-card {
  width: 100%;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
}

/* Logo */
.popup-logo {
  text-align: center;
  margin-bottom: 20px;
}
.popup-logo img {
  height: 80px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Title */
.popup-title {
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 10px;
  color: #002b49;
  font-family: "Inter";
}

/* Text blocks */
.popup-text {
  text-align: center;
  font-size: 14px;
  color: #464646;
  line-height: 1.6;
  font-family: "Inter";
}
.popup-text strong {
  color: #002b49;
}

.popup-id {
  text-align: center;
  font-size: 14px;
  margin-top: 6px;
  font-family: "Inter";
  color: #464646;
}
.popup-id strong {
  font-family: "Inter";
}

/* Divider */
.popup-divider {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 20px 0;
}

/* Description */
.popup-description {
  font-size: 14px;
  color: #464646;
  line-height: 1.6;
  color: "Inter";
}
.popup-description strong {
  color: #002b49;
}

/* Share info */
.popup-share-title {
  font-size: 14px;
  font-weight: 500;
  margin-top: 18px;
  color: #002b49;
  font-family: "Inter";
}

/* List */
.popup-list {
  margin: 10px 0 16px;
  list-style: none;
}
.popup-list li {
  font-size: 14px;
  color: #464646;
  margin-bottom: 6px;
  color: "Inter";
}

.popup-list-disc {
  margin: 10px 0 16px;
  padding-left: 18px;
}
.popup-list-disc li {
  color: #464646;
  font-size: 14px;
  margin-bottom: 6px;
  font-family: "Inter";
}

/* Note */
.popup-note {
  font-size: 13px;
  color: #464646;
  font-family: "Inter";
}

.info {
  color: #464646;
  font-size: 14px;
}
.info strong {
  color: #002b49;
}

/* Actions */
.popup-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 22px;
  justify-content: space-between;
}

/* Buttons */
.btn-primary {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  background: #002b49;
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.btn-primary:hover {
  background: #015e9c; /* lighter navy */
}
.btn-primary {
  outline: none;
  padding: 15px 75px;
}

.btn-link {
  font-size: 14px;
  color: #111;
  text-decoration: underline;
  cursor: pointer;
}

.btn-secondary {
  text-decoration: none;
  display: flex;
  padding: 20px 63.45px;
  justify-content: center;
  align-items: center;
  gap: 6.043px;
  align-self: stretch;
  border-radius: 7.856px;
  border: 1px solid rgba(0, 43, 73, 0.5);
  background: #fff;
  color: #082b4c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}
.btn-secondary:hover {
  color: #015e9c;
}
.btn-secondary {
  padding: 15px 75px;
}

.aboutWrap {
  width: 100%;
  float: left;
  background: unset !important;
}
.aboutWrap .sidebarOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.aboutWrap .sidebarOverlay .sideOverlayInner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutWrap .sidebarOverlay .sideOverlayInner .blogBtn {
  float: left;
  color: #002b49;
  font-size: 26px;
  font-weight: 600;
  font-family: "Inter";
  text-decoration: none;
}
.aboutWrap .sidebarOverlay .crossBtn {
  color: #002b49;
  font-size: 40px;
  position: absolute;
  right: 15px;
  top: 20px;
  cursor: pointer;
}
.aboutWrap .navBttn {
  position: absolute;
  left: 60px;
  top: 40px;
  z-index: 99;
}
.aboutWrap .navBttn .weblogBtn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.aboutWrap .navBttn .weblogBtn #menuBtn {
  transform: rotateX(0deg);
  font-size: 30px;
  color: #ffffff;
  z-index: 99;
  transition: 0.3s ease;
  cursor: pointer;
}
.aboutWrap .navBttn .weblogBtn .logoWhite {
  width: 145px;
  height: auto;
  float: left;
}
.aboutWrap .navBttn .weblogBtn .logoWhite img {
  width: 100%;
  height: auto;
  float: left;
}

.aboutHeader .aboutnavBtn {
  color: #002b49 !important;
}

/* Animation */
@keyframes popupIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/***********************************  blog page design  **********************************/
.blogPageWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 150px 0;
  padding: 0 15px;
}
.blogPageWrap .blogPageContainer {
  width: 100%;
  float: left;
  max-width: 887px;
}
.blogPageWrap .blogPageContainer .blogPageHeader {
  width: 100%;
  float: left;
  display: flex;
  gap: 15px;
  flex-flow: row wrap;
  justify-content: space-between;
}
.blogPageWrap .blogPageContainer .blogPageHeader h1 {
  width: 100%;
  float: left;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  color: #002b49;
  font-family: "Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.blogPageWrap .blogPageContainer .blogPageHeader h1 small {
  width: 100%;
  float: left;
  color: #7c7c7c;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.blogPageWrap .blogPageContainer .blogPageHeader p {
  width: 100%;
  float: left;
  max-width: 405px;
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.426px; /* 155.556% */
}
.blogPageWrap .blogPageContainer .blogTabLinkWrap {
  width: 100%;
  float: left;
  display: flex;
  gap: 9px;
  margin: 35px 0 0 0;
}
.blogPageWrap .blogPageContainer .blogTabLinkWrap .tabLink {
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 8px 11px;
  border-radius: 5px;
  background-color: #f3f3f3;
  text-decoration: none;
}
.blogPageWrap .blogPageContainer .blogTabLinkWrap .tabLink.active {
  background: #002b49;
  color: #fff;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap {
  width: 100%;
  float: left;
  margin: 34px 0 0 0;
  position: relative;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap {
  width: 100%;
  float: left;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  gap: 29px;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner .blogBox {
  width: 100%;
  float: left;
  max-width: 275px;
  position: relative;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner .blogBox picture {
  width: 100%;
  float: left;
  height: 158px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #f7f7f7;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner .blogBox picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner .blogBox span.tag {
  position: absolute;
  top: 10px;
  right: 14px;
  z-index: 99;
  border-radius: 5px;
  background: #002b49;
  padding: 4px 6px;
  color: #fff;
  font-family: "Inter";
  font-size: 9.484px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner .blogBox p {
  width: 100%;
  float: left;
  padding: 0 6px;
  margin: 8px 0 0 0;
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  transition: 0.3s ease-in-out;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner .blogBox span.date {
  width: 100%;
  float: left;
  padding: 0 6px;
  margin: 6px 0 0 0;
  color: #949494;
  font-family: "Poppins";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner .blogBox span.date .clockIcon {
  width: 16px;
  height: 16px;
  color: #002b49;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogTabInner .blogBox:hover p {
  color: #464646;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogBtnWrapper {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
  display: flex;
  justify-content: center;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogBtnWrapper .viewAllBtn {
  float: left;
  border-radius: 25px;
  border: 1px solid #c0c0c0;
  background: #fff;
  padding: 12px 29px;
  color: #002b49;
  text-align: center;
  font-family: "Inter";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.336px;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}
.blogPageWrap .blogPageContainer .blogTabsFullWrap .blogTabWrap .blogBtnWrapper .viewAllBtn:hover {
  background: #002b49;
  color: #fff;
}

/*************************************************************  blog details  ***************************************************/
.blogDetailsCompleteWrap {
  width: 100%;
  float: left;
  margin: 145px 0 155px 0;
  padding: 0 15px;
  display: flex;
  justify-content: center;
}
.blogDetailsCompleteWrap .blogDetailsContainer {
  width: 100%;
  float: left;
  max-width: 657px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blogDetailsCompleteWrap .blogDetailsContainer img {
  width: auto;
  height: auto;
  background-color: #f7f7f7;
  float: left;
  overflow: hidden;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100% !important;
}
.blogDetailsCompleteWrap .blogDetailsContainer h1 {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin: 20px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer h2 {
  width: 100%;
  float: left;
  color: #000;
  font-family: "Poppins";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin: 20px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer h3 {
  width: 100%;
  float: left;
  color: #000;
  font-family: "Poppins";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin: 20px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer p {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
  margin: 16px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer p.highilghtText {
  color: #000;
}
.blogDetailsCompleteWrap .blogDetailsContainer span {
  text-decoration: none;
}
.blogDetailsCompleteWrap .blogDetailsContainer span strong {
  text-decoration: none !important;
}
.blogDetailsCompleteWrap .blogDetailsContainer ul,
.blogDetailsCompleteWrap .blogDetailsContainer ol {
  width: 100%;
  float: left;
  padding-left: 20px;
  margin: 16px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer ul li,
.blogDetailsCompleteWrap .blogDetailsContainer ol li {
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
  margin: 8px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer a {
  text-decoration: none;
}
.blogDetailsCompleteWrap .blogDetailsContainer .edetorialTeamDetails {
  width: 100%;
  float: left;
  margin: 22px 0 0 0;
  border-top: 1px solid #f2f2f2;
  padding: 18px 0;
  display: flex;
  flex-flow: row wrap;
  gap: 13px;
  align-items: center;
}
.blogDetailsCompleteWrap .blogDetailsContainer .edetorialTeamDetails .edeText {
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.blogDetailsCompleteWrap .blogDetailsContainer .edetorialTeamDetails .edeText.bold {
  color: #505050;
  font-weight: 600;
}
.blogDetailsCompleteWrap .blogDetailsContainer .edetorialTeamDetails span.dot {
  background-color: #d9d9d9;
  width: 5px;
  height: 5px;
  float: left;
  border-radius: 100%;
}
.blogDetailsCompleteWrap .blogDetailsContainer .edetorialTeamDetails .edeTag {
  float: left;
  border-radius: 5.835px;
  background: #002b49;
  padding: 4px 6px;
  color: #fff;
  font-family: "Inter";
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blogDetailsCompleteWrap .blogDetailsContainer picture.mainPic {
  width: calc(100% + 40px);
  height: 321px;
  background-color: #f7f7f7;
  float: left;
  margin: 12px 0;
  overflow: hidden;
  border-radius: 12px;
}
.blogDetailsCompleteWrap .blogDetailsContainer picture.mainPic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogDetailsCompleteWrap .blogDetailsContainer blockquote.blockquoteStyle {
  width: 100%;
  float: left;
  border-radius: 12px;
  border: 2px solid rgba(0, 35, 61, 0.2509803922);
  background: #fdfdff;
  padding: 63px 38px 20px 38px;
  margin: 30px 0 10px 0;
  color: #3e3e59;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 190%;
  background-image: url(../../../images/bulb.svg);
  background-repeat: no-repeat;
  background-position: 39px 21px;
  background-size: 25px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .votingBlock {
  width: 100%;
  float: left;
  margin: 6px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer .votingBlock label.votePoll {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  cursor: pointer;
}
.blogDetailsCompleteWrap .blogDetailsContainer .votingBlock label.votePoll .voatingBar {
  width: 100%;
  float: left;
  padding: 15px 20px;
  border-radius: 9px;
  border: 1px solid #e8e8e8;
  background: #fff;
  color: #000;
  font-family: "Rubik";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.3s ease-in-out;
}
.blogDetailsCompleteWrap .blogDetailsContainer .votingBlock label.votePoll .voatingBar:hover {
  border-color: rgba(1, 122, 207, 0.431372549);
  background: rgba(231, 244, 252, 0.431372549);
}
.blogDetailsCompleteWrap .blogDetailsContainer .votingBlock label.votePoll input.voteRadio {
  display: none;
}
.blogDetailsCompleteWrap .blogDetailsContainer .votingBlock label.votePoll input.voteRadio:checked ~ .voatingBar {
  border: 1px solid #002b49;
  color: #002b49;
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult {
  width: 100%;
  float: left;
  margin: 12px 0 0 0;
  display: none;
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult .resultBox {
  width: 100%;
  float: left;
  border-radius: 9px;
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 14px 23px;
  margin: 12px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult .resultBox .headingVote {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult .resultBox .headingVote span {
  float: left;
  color: #000;
  font-family: "Rubik";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult .resultBox .progressWrap {
  width: 100%;
  float: left;
  border-radius: 10px;
  background: #f0f0f0;
  box-shadow: 0 2.917px 4.375px 0.729px rgba(0, 0, 0, 0.06) inset;
  height: 11px;
  margin: 10px 0 0 0;
  position: relative;
  overflow: hidden;
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult .resultBox .progressWrap .progressMain {
  float: left;
  border-radius: 10px;
  height: 11px;
  background: #002b49;
  box-shadow: 0 2.917px 2.917px 0 rgba(255, 255, 255, 0.25) inset;
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult .resultBox .totalVote {
  width: 100%;
  float: left;
  margin: 6px 0 0 0;
  color: #adadad;
  font-family: "Poppins";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult .resultBox.voted {
  border: 1px solid #ded0ff;
  background: #fcfaff;
  box-shadow: 0 1.458px 8.75px 0.729px rgba(1, 122, 207, 0.431372549);
}
.blogDetailsCompleteWrap .blogDetailsContainer .voteResult .resultBox.voted .totalVote {
  color: rgba(1, 122, 207, 0.431372549);
}
.blogDetailsCompleteWrap .blogDetailsContainer .keyTakeaways {
  width: 100%;
  float: left;
  margin: 25px 0 9px 0;
  border-radius: 11.667px;
  border: 2px solid rgba(0, 35, 61, 0.2509803922);
  background: #fdfdff;
  padding: 25px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .keyTakeaways .keyBox {
  width: 100%;
  float: left;
  margin: 19px 0 0 0;
  color: #696969;
  font-family: "Inter";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 182.353%;
  padding: 0 0 0 30px;
  background-image: url(../../../images/circleCheck.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 0px 3px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .tagsWrap {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  font-family: "Poppins";
}
.blogDetailsCompleteWrap .blogDetailsContainer .tagsWrap span {
  float: left;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.blogDetailsCompleteWrap .blogDetailsContainer .tagsWrap a {
  float: left;
  color: #002b49;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
  border-radius: 16px;
  border: 1px solid #f1f1f1;
  background: #fff;
  padding: 22px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .putCommentWrap {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
  display: flex;
  align-items: flex-start;
  gap: 11px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .putCommentWrap .pictureWrap {
  width: 41px;
  min-width: 41px;
  height: 41px;
  border-radius: 100%;
  background-color: rgba(2, 128, 216, 0.168627451);
  background-image: url(../../../images/account.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .putCommentWrap .commentWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .putCommentWrap .commentWrap label {
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .putCommentWrap .commentWrap textarea {
  width: 100%;
  float: left;
  border-radius: 6px;
  border: 1px solid #eee;
  background: #fff;
  color: #818181;
  font-family: "Rubik";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  height: 70px;
  outline: none;
  padding: 14px;
  resize: none;
  margin: 10px 0 0 0;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .putCommentWrap .commentWrap .postComment {
  float: left;
  border-radius: 6px;
  background: #002b49;
  padding: 10px 17px;
  border: 0;
  outline: none;
  color: #fff;
  text-align: center;
  font-family: "Poppins";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.336px;
  margin: 10px 0 0 0;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .putCommentWrap .commentWrap .postComment:hover {
  background-color: #002b49;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .commentBox {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
  display: flex;
  align-items: flex-start;
  gap: 11px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .commentBox .pictureWrap {
  width: 41px;
  min-width: 41px;
  height: 41px;
  border-radius: 100%;
  background-color: rgba(2, 128, 216, 0.168627451);
  background-image: url(../../../images/account.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .commentBox .textBox {
  width: 100%;
  float: left;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .commentBox .textBox label {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 11px;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .commentBox .textBox label small {
  color: #989898;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.blogDetailsCompleteWrap .blogDetailsContainer .commentonBlogWrap .commentBox .textBox p {
  width: 100%;
  float: left;
  margin: 7px 0 0 0;
}

.textContent {
  width: 100%;
  float: left;
  max-width: 1024px;
  display: flex;
  flex-direction: column;
  margin: 40px 0;
}
.textContent .privacyPolicyHeading {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-align: center !important;
  margin: 0 0 40px 0;
}
.textContent .privcyHeadingContent {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
}
.textContent .privcyHeadingContent h2 {
  width: 100%;
  float: left;
  color: #002b49;
  font-family: "Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.textContent .privcyHeadingContent p {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
  margin: 5px 0 0 0;
}
.textContent .privacyBodyContent {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 30px;
}
.textContent .privacyBodyContent .sectionWrap {
  width: 100%;
  float: left;
}
.textContent .privacyBodyContent .sectionWrap h3 {
  width: 100%;
  float: left;
  text-align: left !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #272727;
}
.textContent .privacyBodyContent .sectionWrap h4 {
  width: 100%;
  float: left;
  text-align: left !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #676767;
  margin: 15px 0 0 0;
}
.textContent .privacyBodyContent .sectionWrap p {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
}
.textContent .privacyBodyContent .sectionWrap ul {
  width: 100%;
  float: left;
  padding-left: 20px;
  margin: 10px 0;
}
.textContent .privacyBodyContent .sectionWrap ul li {
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
  margin: 8px 0 0 0;
}

.policy-section {
  max-width: 1080px;
}
.policy-section .container {
  max-width: 900px;
  margin: auto;
}
.policy-section .policy-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
  font-weight: 600;
  font-family: "Inter";
}
.policy-section .policy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.policy-section .policy-list .policy-item {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 15px;
  background: white;
  border-radius: 8px;
  border: 1px solid #eee;
  transition: 0.3s;
}
.policy-section .policy-list .policy-item:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.policy-section .policy-list .policy-item a {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}
.policy-section .policy-list .policy-item .policy-content h3 {
  font-size: 18px;
  margin-bottom: 5px;
  text-align: left;
}
.policy-section .policy-list .policy-item .policy-content p {
  width: 100%;
  float: left;
  color: #464646;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
}
.policy-section .policy-list .policy-item .read-more {
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  color: #002b49;
  transition: 0.2s;
  font-family: "Inter";
}
.policy-section .policy-list .policy-item .read-more:hover {
  color: #1d4ed8;
}

.menuWrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 20px;
}

.menuWrap a {
  float: left;
  color: #002b49;
  font-size: 25px;
  font-weight: 600;
  font-family: "Inter";
  text-decoration: none;
}

.info-icon {
  color: #4a6cf7;
  cursor: pointer;
  font-size: 16px;
}

/* Tooltip wrapper */
.user-tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip box */
.tooltip-box {
  position: absolute;
  top: -10px;
  left: 120%;
  width: 220px;
  background: #ffffff;
  border-radius: 10px;
  padding: 12px 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  font-size: 13px;
  line-height: 1.6;
  opacity: 0;
  transform: translateY(10px) scale(0.95);
  transition: all 0.3s ease;
  pointer-events: none;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  z-index: 999;
}

/* Tooltip arrow */
.tooltip-arrow {
  position: absolute;
  left: -6px;
  top: 18px;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.05);
}

/* Hover animation */
.user-tooltip:hover .tooltip-box {
  opacity: 1;
  transform: translateY(0) scale(1);
}

[dir=rtl] .navBttn {
  left: auto;
  right: 60px;
}

[dir=rtl] .weblogBtn {
  flex-direction: row;
}

[dir=rtl] .landingPageContainer {
  right: auto;
  left: 120px;
}

[dir=rtl] .properText {
  left: auto;
  right: 60px;
  text-align: right;
}

[dir=rtl] .crossBtn {
  left: 15px !important;
  right: unset !important;
}

[dir=rtl] .sideOverlayInner {
  direction: rtl;
  text-align: right;
}

[dir=rtl] .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

[dir=rtl] .dropdown-toggle {
  flex-direction: row-reverse;
  gap: 8px;
}

[dir=rtl] .fa-angle-down {
  transform: rotate(180deg);
}

[dir=rtl] input[type=text],
[dir=rtl] input[type=email] {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
}

[dir=rtl] .otpWrap {
  flex-direction: row;
}

[dir=rtl] .otpBlock {
  padding: 0 5px !important;
}

[dir=rtl] {
  direction: rtl;
}

[dir=rtl] h1,
[dir=rtl] p,
[dir=rtl] label {
  text-align: right;
}

[dir=rtl] h1,
[dir=rtl] h2,
[dir=rtl] h3,
[dir=rtl] h4,
[dir=rtl] h5,
[dir=rtl] h6,
[dir=rtl] p,
[dir=rtl] span,
[dir=rtl] small,
[dir=rtl] label {
  text-align: right;
}

[dir=rtl] .mailWrap {
  flex-direction: row-reverse;
}

[dir=rtl] .mailStatus {
  flex-direction: row-reverse;
}

[dir=rtl] .detailContainer span,
[dir=rtl] .detailContainer small {
  text-align: right;
}

[dir=rtl] .backBtn i {
  transform: rotate(180deg);
}

[dir=rtl] .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

[dir=rtl] .dropdown-toggle {
  display: flex;
  flex-direction: row-reverse;
  gap: 6px;
}

[dir=rtl] .fa-angle-down {
  transform: rotate(180deg);
}

[dir=rtl] input,
[dir=rtl] textarea {
  text-align: right;
}

[dir=rtl] input[type=submit] {
  text-align: center;
}

[dir=rtl] input[type=text],
[dir=rtl] input[type=email] {
  padding-right: 15px;
  padding-left: 0;
}

[dir=rtl] .search-icon {
  left: auto;
  right: 14px;
}

[dir=rtl] .search-input {
  padding: 0 40px 0 14px;
}

[dir=rtl] .appList li {
  flex-direction: row-reverse;
}

[dir=rtl] .openBtnWrap {
  margin-right: auto;
  margin-left: 0;
}

[dir=rtl] .iconBtn {
  right: auto;
  left: 15px;
}

[dir=rtl] .arrow {
  transform: rotate(180deg);
}

[dir=rtl] .fq {
  flex-direction: row-reverse;
}

[dir=rtl] .toggleIcon {
  left: 20px !important;
  right: unset !important;
}

[dir=rtl] .heading {
  text-align: center !important;
}

[dir=rtl] input[type=checkbox]:required {
  text-align: center;
}/*# sourceMappingURL=style.css.map */