@import url("https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap");

body {
  margin: 0px;
  color: #161618;
  font-family: "Mona Sans", serif !important;
  background: rgba(248, 250, 252, 1);
}
ul {
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
}
a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: all 500ms;
}
a:hover {
  text-decoration: none;
}
button:focus {
  outline: unset;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  outline: none;
}
.font-light {
  font-weight: normal;
}
.font-medium {
  font-weight: 500;
}
.font-700 {
  font-weight: 700;
}
.container {
  max-width: 1208px;
}
.btn {
  padding: 11px 24px;
  gap: 10px;
  border-radius: 32px;
  background: #2563eb;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0px 110px 31px 0px rgba(37, 99, 235, 0),
    0px 71px 28px 0px rgba(37, 99, 235, 0.02),
    0px 40px 24px 0px rgba(37, 99, 235, 0.08),
    0px 18px 18px 0px rgba(37, 99, 235, 0.14),
    0px 4px 10px 0px rgba(37, 99, 235, 0.16);
}
.btn:hover,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background: #2563eb;
  color: #fff;
  border-color: transparent;
}
.mb-32 {
  margin-bottom: 32px;
}
.mb-48 {
  margin-bottom: 48px;
}
.mb-64 {
  margin-bottom: 64px;
}


/* dropdown style start here */
.header-dropdown{
  position: unset
}

.dropdown-toggle::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  top: 50%;
  right: 0;
  vertical-align: top;
  margin-top: -4.5px;
  border-style: solid;
  border-width: 0.18em 0.18em 0 0 !important;
  transform: rotate(135deg);
  border-color: rgb(255 255 255 / 32%);
}
.header-dropdown .dropdown-menu.show::before {
  content: "";
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  border-top: 8px solid #2563eb;
  width: 100%;
}

.navbar ul li a.show:before {
content: "";
position: absolute;
display: inline-block;
width: 0;
height: 0;
bottom: -20px;
right: 50%;
vertical-align: top;
margin-right: -4.5px;
border-style: solid;
border-width: 12px;
border-color: transparent transparent #2563eb transparent;
}
.custom-navbar ul li a.show:before {
  bottom: -40px;
}
.header-dropdown .dropdown-menu.show {
  max-width: 750px;
  display: flex;
  flex-wrap: wrap;
  /* max-height: 999px; */
  padding-top: 0px;
  padding-bottom: 20px

}
.dropdown-menu[data-bs-popper] {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.custom-navbar .dropdown-menu[data-bs-popper] {
  top: 115%;
}

.header-dropdown .dropdown-menu li {
  display: inline-block;
    vertical-align: top;
    padding: 20px 20px 4px 20px;
  width: 50%;
  margin-left: 0px
}
.header-dropdown .dropdown-menu a {
  color:#000 !important;
  position: relative;
  display: block;
  white-space: unset;
  padding-left: 15px !important;
}
.header-dropdown .dropdown-menu a:before {
  content: "";
    position: absolute;
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    top:6px;
    left: 0;
    vertical-align: top;
    border-style: solid;
    border-width: 0.18em 0.18em 0 0;
    border-color: #2563eb;
    transform: rotate(45deg);
}
.header-dropdown .dropdown-menu li a:hover {
  color: #2563eb !important;
}
.header-dropdown .dropdown-menu li a .sub , .header-dropdown .dropdown-menu li a .sub:hover {
  display: block;
  color: #A0AEC0;
  font-weight: 400;
  font-size: 12px;
}

/* dropdown style end here */

/* navbar style start here */
.navbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 32px;
  z-index: 999;
}
.custom-navbar {
  top: 0px;
  padding: 16px 0px !important;
  backdrop-filter: blur(2px);
  background: rgb(37 99 235 / 62%);
}
.navbar .container-fluid {
  padding: 0px 32px;
}
.navbar .navbar-brand img {
  width: 32px;
  height: 32px;
}
.navbar-expand-md .navbar-nav {
  gap: 64px;
}
.navbar-expand-md .navbar-nav .nav-link {
  padding: 0px;
  color: rgb(255 255 255 / 32%);
  font-size: 14px;
  position: relative;
}
.blog-navbar .navbar-nav .nav-link {
  color: rgba(2, 6, 23, 0.32);
}

.navbar-expand-md .navbar-nav .nav-link.active {
  color: rgb(255 255 255);
}
.blog-navbar .navbar-nav .nav-link.active {
  color: #020617;
}

/* navbar style end here */
.banner-img > img {
  animation: MoveUpDown 3s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 999;
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 50px;
  }
}

.banner {
  background: linear-gradient(90deg, #000428 0%, #004e92 100%);
  color: #fff;
  padding: 170px 0px;
  position: relative;
  overflow: hidden;
}
.banner-title {
  font-size: 64px;
  font-weight: 700;
  line-height: 89.2px;
  color: #020617;
}
.banner-desc {
  line-height: 40px;
  /* color: rgb(255 255 255 / 32%); */
  font-weight: 400;
}
.banner-bg {
  position: absolute;
  top: 4%;
  left: 50%;
  width: 50%;
  height: 100%;
}
.banner-img {
  padding-top: 80px;
}
.banner-img > img {
  position: relative;
  z-index: 1;
}
.our-services-section {
  padding: 128px 0px;
}
.our-services-section .banner-desc {
  /* color: rgba(100, 116, 139, 1); */
  margin-bottom: 60px;
  line-height: 32px;
}
.service-card {
  height: 100%;
  padding: 48px;
  border-radius: 24px;
  font-size: 14px;
}
.service-card h5 {
  color: rgba(2, 6, 23, 1);
  line-height: 33px;
}
.service-card p {
  line-height: 33px;
}
.who-we-are-col {
  padding: 64px;
  border-radius: 24px;
  background: linear-gradient(90deg, #000428 0%, #004e92 100%);
}
.who-we-are-section .banner-title {
  margin-bottom: 64px;
}
.word-of-praise-section {
  padding: 128px 0px;
}
.who-we-are-section p {
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  line-height: 200%;
  font-size: 16px;
}
.slider-card {
  border-radius: 24px;
  background: #fff;
  padding: 32px;
  gap: 32px;
}
.slider-card > p {
  color: rgba(100, 116, 139, 1);
  font-size: 14px;
  font-weight: 400;
  line-height: 240%;
}
.about-user > p {
  font-size: 15px;
}
.about-user > span {
  font-weight: 400;
  color: rgba(100, 116, 139, 1);
  font-size: 12px;
}
.footer {
  background: linear-gradient(90deg, #000428 0%, #004e92 100%);
  padding: 32px;
}
.footer-links ul {
  gap: 25px;
}
.footer-links {
  font-size: 12px
}

/* service detail page style start here */
.service-detail-banner {
  padding: 200px 0px 130px;
}
.service-detail-banner .banner-bg {
  top: 20%;
  left: 57%;
}
.service-detail-banner p {
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
}
.service-risk-section {
  padding: 128px 0px;
}
.service-risk-section .about-risk {
  padding-left: 64px;
}
.service-help-banner {
  padding: 128px 0px;
}
.service-help-banner p {
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
}
.service-help-banner .banner-bg {
  top: 30%;
  left: 57%;
}
.faq-section {
  padding: 128px 0px;
}
.faq-section .header {
  font-size: 16px;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  color: #020617;
}

.faq-section .accordion-item {
  border-top: 1px solid #e2e8f0;
  padding: 24px 0px;
}
.faq-section .card-body {
  padding-top: 20px;
}
.plus-icon {
  display: none;
}
.collapsed .plus-icon {
  display: block;
}
.collapsed .minus-icon {
  display: none;
}

/* service detail page style end here */

/* blog style start here */
.blog-section {
  padding: 200px 0px 128px;
}
.blog-card {
  border-radius: 24px;
  padding: 32px;
  display: block;
}
.blog-card p {
  font-size: 14px;
  font-weight: 400;
  line-height: 240%;
  color: #64748b;
}
.blog-detail-section p {
  font-size: 14px;
  font-weight: 400;
  line-height: 240%;
  color: #64748b;
}
.blog-detail-col {
  padding-right: 64px;
}
/* blog style start here */

/* contact style start here */
.contact-banner-sectoin .banner-bg {
  top: 30%;
}
.contact-section {
  margin-bottom: 128px;
}
.contact-form {
  margin-top: -60px;
  position: relative;
  padding: 48px;
  border-radius: 24px;
  background: #fff;
}
.contact-form label {
  font-size: 12px;
font-weight: 700;
line-height: normal;
}
.contact-form .form-control {
  font-size: 14px;
  padding: 15px 16px;
  border-radius: 8px;
border: 1px solid  #E2E8F0;
}
.contact-form .form-group-col {
  gap: 32px;
}
/* contact style end here */