header a{text-decoration: none!important;}
header .hamburger_menu {display: none;width: 36px;}
.mobile_menu.js-topMobNav {display: none;}
/* Fonts */
:root {
    --default-font: "Ubuntu",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: "Ubuntu",  sans-serif;
    --nav-font: "Ubuntu",  sans-serif;
  }
  
  :root { 
    --background-color: #ffffff; 
    --default-color: #000000; 
    --heading-color: #000000; 
    --accent-color: #3457D5; 
    --surface-color: #ffffff; 
    --contrast-color: #ffffff;
    --bgsitecolor:#0E192E;
    
    --button-color:#ffffff;
    --button-bg:#293991;
    --button-border:1px solid #293991;
    
    --button-color-hover:#293991;
    --button-bg-hover:#cde6ef;
    --button-border-hover:1px solid #7ccfec;
    
    --hero-button-color:#ffffff;
    --hero-button-bg:transparent;
    --hero-button-border:1px solid #fff;
    
    --hero-button-color-hover:#293991;
    --hero-button-bg-hover:#7ccfec;
    --hero-button-border-hover:1px solid #7ccfec;
  }
  
  :root {
    --nav-color: #000000;  
    --nav-hover-color: #3457D5; 
    --nav-mobile-background-color: #ffffff;
    --nav-dropdown-background-color: #ffffff; 
    --nav-dropdown-color: #212529; 
    --nav-dropdown-hover-color: #3457D5; 
  }
    
  
  img{
    max-width: 100%;
  }
  
  
  /* Smooth scroll */
  :root {
    scroll-behavior: smooth;
  }
  
  
  .error-box {
    text-align: center;
    padding: 30px 0;
}
.error-box h1 {
    color: #23A455;
    margin-bottom: 0.5rem;
    font-family: Aclonica, sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: normal;
}
  /*--------------------------------------------------------------
  # General Styling & Shared Classes
  --------------------------------------------------------------*/
  body {
    color: var(--default-color);
    background-color: var(--background-color);
    font-family: var(--default-font);
  }
  
  a {
    color: var(--accent-color);
    text-decoration: none;
    transition: 0.3s;
  }
  
  a:hover {
    color: color-mix(in srgb, var(--accent-color), transparent 25%);
    text-decoration: none;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: var(--heading-color);
    font-family: var(--heading-font);
  }
  
  
  /*--------------------------------------------------------------
  # Global Header
  --------------------------------------------------------------*/
  .header {
    --background-color: rgba(255, 255, 255, 0);
    color: var(--default-color);
    background-color: var(--background-color);
    transition: all 0.5s;
    z-index: 997;
  }
  
  .header .header-container {
    background: var(--surface-color);   
    padding: 5px 25px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  }
  .navmenu a i.fa-user{
    font-size: 16px;
  }
  .scrolled .header .header-container {
    background: color-mix(in srgb, var(--surface-color), transparent 5%);
  }
  
  .header .logo {
    line-height: 1;
    padding-left: 5px;
  }
  
  .header .logo img {
    max-height: 36px;
    margin-right: 8px;
  }
  
  .header .logo h1 {
    font-size: 24px;
    margin: 0;
    font-weight: 500;
    color: var(--heading-color);
  }
  
  .header .btn-getstarted,
  .header .btn-getstarted:focus {
    color: var(--contrast-color);
    background: var(--button-bg);
    border:var(--button-border);
    font-size: 14px;
    padding: 8px 20px;
    margin: 0 0 0 30px;
    border-radius: 50px;
    transition: 0.3s;
  }
  
.header .btn-getstarted:hover, .header .btn-getstarted:focus:hover {
    color: var(--contrast-color);
    background: var(--button-bg);
    border: var(--button-border);
}

.loan-list .btn:hover {
    color: var(--contrast-color);
    background-color: var(--button-bg) !important;
    border: var(--button-border) !important;
}
  
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  /* Navmenu - Desktop */
  @media (min-width: 1200px) {
    .navmenu {
      padding: 0;
    }
  
    .navmenu ul {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none;
      align-items: center;
    }
  
    .navmenu li {
      position: relative;
    }
  
    .navmenu a,
    .navmenu a:focus {
      color: var(--nav-color);
      padding: 18px 15px;
      font-size: 16px;
      font-family: var(--nav-font);
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: space-between;
      white-space: nowrap;
      transition: 0.3s;
    }
  
    .navmenu a i,
    .navmenu a:focus i {
      font-size: 12px;
      line-height: 0;
      margin-left: 5px;
      transition: 0.3s;
    }
  
    .navmenu.frt li:last-child a {
      padding-right: 0;
    }
  
    .navmenu li:hover>a,
    .navmenu .active,
    .navmenu .active:focus {
      color: var(--nav-hover-color);
    }
  
    .navmenu .dropdown ul {
      margin: 0;
      padding: 10px 0;
      background: var(--nav-dropdown-background-color);
      display: block;
      position: absolute;
      visibility: hidden;
      left: 14px;
      top: 130%;
      opacity: 0;
      transition: 0.3s;
      border-radius: 4px;
      z-index: 99;
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }
  
    .navmenu .dropdown ul li {
      min-width: 200px;
    }
  
    .navmenu .dropdown ul a {
      padding: 10px 20px;
      font-size: 15px;
      text-transform: none;
      color: var(--nav-dropdown-color);
    }
  
    .navmenu .dropdown ul a i {
      font-size: 12px;
    }
  
    .navmenu .dropdown ul a:hover,
    .navmenu .dropdown ul .active:hover,
    .navmenu .dropdown ul li:hover>a {
      color: var(--nav-dropdown-hover-color);
    }
  
    .navmenu .dropdown:hover>ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
    }
  
    .navmenu .dropdown .dropdown ul {
      top: 0;
      left: -90%;
      visibility: hidden;
    }
  
    .navmenu .dropdown .dropdown:hover>ul {
      opacity: 1;
      top: 0;
      left: -100%;
      visibility: visible;
    }
  }
  
  /* Navmenu - Mobile */
  @media (max-width: 1199px) {
    .mobile-nav-toggle {
      color: var(--nav-color);
      font-size: 28px;
      line-height: 0;
      margin-right: 10px;
      cursor: pointer;
      transition: color 0.3s;
    }
  
    .navmenu {
      padding: 0;
      z-index: 9997;
    }
  
    .navmenu ul {
      display: none;
      list-style: none;
      position: absolute;
      inset: 60px 20px 20px 20px;
      padding: 10px 0;
      margin: 0;
      border-radius: 6px;
      background-color: var(--nav-mobile-background-color);
      overflow-y: auto;
      transition: 0.3s;
      z-index: 9998;
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }
  
    .navmenu a,
    .navmenu a:focus {
      color: var(--nav-dropdown-color);
      padding: 10px 20px;
      font-family: var(--nav-font);
      font-size: 17px;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: space-between;
      white-space: nowrap;
      transition: 0.3s;
    }
  
    .navmenu a i,
    .navmenu a:focus i {
      font-size: 12px;
      line-height: 0;
      margin-left: 5px;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      transition: 0.3s;
      background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
    }
  
    .navmenu a i:hover,
    .navmenu a:focus i:hover {
      background-color: var(--accent-color);
      color: var(--contrast-color);
    }
  
    .navmenu a:hover,
    .navmenu .active,
    .navmenu .active:focus {
      color: var(--nav-dropdown-hover-color);
    }
  
    .navmenu .active i,
    .navmenu .active:focus i {
      background-color: var(--accent-color);
      color: var(--contrast-color);
      transform: rotate(180deg);
    }
  
    .navmenu .dropdown ul {
      position: static;
      display: none;
      z-index: 99;
      padding: 10px 0;
      margin: 10px 20px;
      background-color: var(--nav-dropdown-background-color);
      border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
      box-shadow: none;
      transition: all 0.5s ease-in-out;
    }
  
    .navmenu .dropdown ul ul {
      background-color: rgba(33, 37, 41, 0.1);
    }
  
    .navmenu .dropdown>.dropdown-active {
      display: block;
      background-color: rgba(33, 37, 41, 0.03);
    }
  
    .mobile-nav-active {
      overflow: hidden;
    }
  
    .mobile-nav-active .mobile-nav-toggle {
      color: #fff;
      position: absolute;
      font-size: 32px;
      top: 15px;
      right: 15px;
      margin-right: 0;
      z-index: 9999;
    }
  
    .mobile-nav-active .navmenu {
      position: fixed;
      overflow: hidden;
      inset: 0;
      background: rgba(33, 37, 41, 0.8);
      transition: 0.3s;
    }
  
    .mobile-nav-active .navmenu>ul {
      display: block;
    }
  }
  
  /*--------------------------------------------------------------
  # Global Footerf
  --------------------------------------------------------------*/
  .footer {
    color: var(--contrast-color);
    background-color: var(--bgsitecolor);
    font-size: 14px;
    position: relative;
  }
  
  .footer .footer-top {
    padding-top: 50px;
  }
  
  .footer .footer-about .logo {
    line-height: 1;
    margin-bottom: 25px;
  }
  
  .footer .footer-about .logo img {
    max-height: 40px;
    margin-right: 6px;
  }
  
  .footer .footer-about .logo span {
    color: var(--heading-color);
    font-family: var(--heading-font);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
  }
  
  .footer .footer-about p {
    font-size: 14px;
    font-family: var(--heading-font);
  }
  
  .footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--contrast-color);
    font-size: 14px;
    margin-right: 10px;
    transition: 0.3s;
    color: var(--contrast-color);
  }
  
  .footer .social-links a:hover {
    color: var(--contrast-color);
    border-color: var(--contrast-color);
  }
  
  .footer h4 {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
    color: var(--contrast-color);
  }
  
  .footer .footer-links {
    margin-bottom: 30px;
    color: var(--contrast-color);
  }
  
  .footer .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .footer .footer-links ul i {
    padding-right: 2px;
    font-size: 12px;
    line-height: 0;
  }
  
  .footer .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 21px;
  }
  .footer .footer-links ul li:before{
    content:'';
    border: 1px solid #FFFFFF;
    width: 8px;
    height: 8px;
    background: #10102E;
    position: absolute;
    left: 0;
    border-radius: 20px;
  }
  .footer .footer-links ul li:first-child {
    padding-top: 0;
  }
  
  .footer .footer-links ul a {
    color:var(--contrast-color);
    display: inline-block;
    line-height: 1;
  }
  
  .footer .footer-links ul a:hover {
    color: var(--accent-color);
  }
  
  .footer .footer-contact p {
    margin-bottom: 5px;
  }
  
  .footer .copyright {
    padding:18px 0;
    border-top: 1px solid #ccc;
  }
  
  .footer .copyright p {
    margin-bottom: 0;
  }
  
  .footer .credits {
    margin-top: 8px;
    font-size: 13px;
  }
  
  /*--------------------------------------------------------------
  # Scroll Top Button
  --------------------------------------------------------------*/
  .scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: -15px;
    z-index: 99999;
    background-color: var(--accent-color);
    width: 44px;
    height: 44px;
    border-radius: 50px;
    transition: all 0.4s;
  }
  
  .scroll-top i {
    font-size: 24px;
    color: var(--contrast-color);
    line-height: 0;
  }
  
  .scroll-top:hover {
    background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
    color: var(--contrast-color);
  }
  
  .scroll-top.active {
    visibility: visible;
    opacity: 1;
    bottom: 15px;
  }
  
  /*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
  @media screen and (max-width: 768px) {
    [data-aos-delay] {
      transition-delay: 0 !important;
    }
  }
  
  /*--------------------------------------------------------------
  # Global Page Titles & Breadcrumbs
  --------------------------------------------------------------*/
  .page-title {
    color: var(--default-color);
    background-color: var(--background-color);
    padding: 170px 0 80px 0;
    text-align: center;
    position: relative;
  }
  
  .page-title h1 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  
  .page-title .breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
  }
  
  .page-title .breadcrumbs ol li+li {
    padding-left: 10px;
  }
  
  .page-title .breadcrumbs ol li+li::before {
    content: "/";
    display: inline-block;
    padding-right: 10px;
    color: color-mix(in srgb, var(--default-color), transparent 70%);
  }
  
  /*--------------------------------------------------------------
  # Global Sections
  --------------------------------------------------------------*/
  section,
  .section {
    color: var(--default-color);
    background-color: var(--background-color);
    padding: 60px 0;
    scroll-margin-top: 90px;
    overflow: clip;
  }
  
  @media (max-width: 1199px) {
  
    section,
    .section {
      scroll-margin-top: 66px;
    }
  }
  
  /*--------------------------------------------------------------
  # Global Section Titles
  --------------------------------------------------------------*/
  .section-title {
    
  }
  
  .section-title h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--heading-color);
    position: relative;
  }
  
  
  
  /*--------------------------------------------------------------
  # Hero Section
  --------------------------------------------------------------*/
  .hero {
    position: relative;
    padding-top: 160px;
    background: var(--background-color);
  }
  
.head-banner{
    height:400px;
    background-position: center;
    background-size: cover !important;
}
.hero .hero-content h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
} 
.hero .hero-content {
    position: relative;
    z-index: 1;
}
.head-banner .hero-content {display: grid;gap: 20px;align-items: center;justify-content: center;}
.head-banner .hero-content a {font-size: 1rem;color: var(--hero-button-color);background: var(--hero-button-bg);border:var(--hero-button-border);border-radius: 50px;padding: 0.5rem 1.5rem;margin: 0 auto;width: max-content;text-decoration: none;}
.head-banner .hero-content a:hover {
    color: white;
    background: transparent;
    border-color: var(--hero-button-border-hover);
}
.banner-content-over{
    margin-top: -10em;
    margin-bottom: 0em;
}
  .banner-content-over:before{
    content: '';
    background: var(--background-color);
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 300px;

  }
  .list-group-custom{
    position: relative;
    padding-left: 12px;
  }
  .list-group-custom li{
    position: relative;
  }
  .services li{
    list-style-position: inside;
    font-weight: 400;
  }
  .services li::marker {
    color: #3457D5;
  }
  .padtl{
    padding-top: 184px;
  }

  /*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .service-item {
  background-color: var(--surface-color);
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  padding:20px 16px;
  transition: all 0.3s ease-in-out;
  height: 100%;
  position: relative;
  z-index: 1;
  border: 1px solid #C2C2C2;
  border-radius: 4px;
}

.services .service-item:before {
  content: "";
  position: absolute;
  background: var(--bgsitecolor);
  inset: 100% 0 0 0;
  transition: all 0.6s;
  z-index: -1;
}

.services .service-item .icon {
  margin-bottom: 10px;
}

.services .service-item .icon i {
  color: var(--accent-color);
  font-size: 36px;
  transition: ease-in-out 0.3s;
}

.services .service-item h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 20px;
}

.services .service-item h4 a {
  color: var(--heading-color);
  transition: ease-in-out 0.3s;
}

.services .service-item p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
  transition: ease-in-out 0.3s;
}

.services .service-item:hover h4 a,
.services .service-item:hover .icon svg,
.services .service-item:hover .icon path,
.services .service-item:hover p {
  color: var(--contrast-color);
  fill: var(--contrast-color);
  
}

.services .service-item:hover:before {
  background: var(--bgsitecolor);
  inset: 0;
  border-radius: 0px;
}

  
  @media (max-width: 992px) {
    .hero .hero-content {
      text-align: center;
      margin-bottom: 3rem;
    }
  
    .hero .hero-content h1 {
      font-size: 2.5rem;
    }
  
    .hero .hero-content .hero-buttons {
      justify-content: center;
    }
  }
  
  @media (max-width: 575px) {
    .hero .hero-content h1 {
      font-size: 2rem;
    }
  }
  

  
  .btn-primary {
    background-color: var(--default-color);
    border-color: var(--default-color);
    color: var(--contrast-color);
    padding: 0.75rem 1.7rem;
    border-radius: 50px;
    font-weight: 400;
    transition: all 0.3s ease;
  }
  
  a.btn.btn-primary.mt-3.rounded-3 {
    background-color: #10102E;
}

.col-lg-8.text-start.d-flex.justify-content-end h2 {
    color: #000;
}


.post-img {
  overflow: hidden;
  border-radius: 8px; /* Optional for rounded corners */
}

.post-img img {
  transition: transform 0.5s ease;
}

.post-img:hover img {
  transform: scale(1.1); /* Zoom in on hover */
}

  .btn-primary:hover {
    background-color: color-mix(in srgb, var(--accent-color), black 20%);
    border-color: color-mix(in srgb, var(--accent-color), black 20%);
  }
  

  .our-core-values{
    min-height:450px;
    background: var(--bgsitecolor);
  }
  /*--------------------------------------------------------------
  # About Section
  --------------------------------------------------------------*/
  .about .about-meta {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 1rem;
    display: inline-block;
  }
  
  .about .about-title {
    font-size: 1.75rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    font-weight: 700;
  }
  
  @media (max-width: 992px) {
    .about .about-title {
      font-size: 2rem;
    }
  }
  
  .about .about-description {
    margin-bottom: 2rem;
    color: color-mix(in srgb, var(--default-color), transparent 20%);
  }
  
  .about .feature-list-wrapper {
    margin-bottom: 2rem;
  }
  
  .about .feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .about .feature-list li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 1rem;
  }
  
  .about .feature-list li i {
    color: var(--accent-color);
    font-size: 1.25rem;
  }
  
  .about .profile .profile-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
  }
  
  .about .profile .profile-name {
    font-size: 1.125rem;
    margin: 0;
  }
  
  .about .profile .profile-position {
    color: var(--accent-color);
    margin: 0;
    font-size: 0.875rem;
  }
  
  .about .contact-info {
    padding: 1rem 1.5rem;
    background-color: var(--surface-color);
    border-radius: 0.5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  }
  
  .about .contact-info i {
    color: var(--accent-color);
    font-size: 1.5rem;
  }
  
  .about .contact-info .contact-label {
    color: color-mix(in srgb, var(--default-color), transparent 30%);
    font-size: 0.875rem;
    margin: 0;
  }
  
  .about .contact-info .contact-number {
    font-weight: 600;
    margin: 0;
  }
  
  .about .image-wrapper {
    position: relative;
  }
  
  @media (max-width: 992px) {
    .about .image-wrapper {
      padding-left: 0;
      margin-top: 3rem;
      display: flex;
      flex-direction: column;
      gap: 2rem;
    }
  }
  
  @media (max-width: 992px) {
    .about .image-wrapper .images {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }
  }
  
  @media (max-width: 992px) {
    .about .image-wrapper .main-image {
      margin-left: 0;
    }
  }
  
  .about .image-wrapper .small-image {
    position: absolute;
    top: 20%;
    left: -10%;
    width: 45%;
    border: 8px solid var(--surface-color);
  }
  
  @media (max-width: 992px) {
    .about .image-wrapper .small-image {
      position: static;
      width: 100%;
      margin: 0 auto;
      border: 0;
    }
  }
  
  .about .image-wrapper .experience-badge {
    position: absolute;
    bottom: 5%;
    right: 5%;
    background-color: var(--accent-color);
    color: var(--contrast-color);
    padding: 1.5rem;
    border-radius: 0.5rem;
    text-align: center;
    min-width: 200px;
    animation: experience-float 3s ease-in-out infinite;
  }
  
  @media (max-width: 992px) {
    .about .image-wrapper .experience-badge {
      position: static;
      width: fit-content;
      margin: 0 auto;
    }
  }
  
  .about .image-wrapper .experience-badge h3 {
    color: var(--contrast-color);
    font-size: 2.5rem;
    margin: 0;
    line-height: 0.5;
  }
  
  .about .image-wrapper .experience-badge h3 span {
    font-size: 1rem;
    display: inline-block;
    margin-left: 0.25rem;
  }
  
  .about .image-wrapper .experience-badge p {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
  }
  
  @keyframes experience-float {
    0% {
      transform: translateY(0);
    }
  
    50% {
      transform: translateY(-10px);
    }
  
    100% {
      transform: translateY(0);
    }
  }
  
  /*--------------------------------------------------------------
  # Features Cards Section
  --------------------------------------------------------------*/
  .features-cards {
    --default-color: #555;
    --heading-color: #333;
  }
  
  .features-cards .feature-box {
    height: 100%;
    padding:30px;
    transition: all 0.3s ease-in-out;
  }
  .features-cards .feature-box:hover{
    background: #D2D2E4;
  }

  .features-cards .feature-box:hover h4, .features-cards .feature-box:hover  p, .features-cards .feature-box:hover .link-site, .features-cards .feature-box:hover i{
    color: var(--default-color);
    opacity: 1;
  }
  .features-cards .feature-box i {
    font-size: 15px;
    color: #F6F6F6;
    opacity: 0.87;
    font-weight: 300;
  }
  
  .features-cards .feature-box .svg-icon{
    margin-bottom:24px;
  }
  .features-cards .feature-box .svg-icon svg{
    width: 48px;
    height: 48px;
    fill: var(--contrast-color);
  }
  .features-cards .feature-box:hover .svg-icon svg{
    fill: var(--default-color);
  }
  .features-cards .feature-box h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: var(--contrast-color);
  }
  
  .features-cards .feature-box p {
    font-size: 15px;
    color: #F6F6F6;
    opacity: 0.87;
    font-weight: 300;
  }
  .link-site{
    font-size: 15px;
    color: #F6F6F6;
    opacity: 0.87;
    font-weight: 300;
  }

  .link-site:hover{
    color: #F6F6F6;
    opacity: 0.87;
  }
  .our-core-values-cont1-img img {
    height: 296px;
    object-fit: cover;
    width: 100%;
}
 
  
 
  
 
  
  
  
  /*--------------------------------------------------------------
  # Call To Action Section
  --------------------------------------------------------------*/
  .our-services-slider{
    width: 100%;
    position: relative;
  }
  .sliderimg{
    width: 33%;
  }
  .our-services-slider .slick-prev{
    left: auto;
    right: 123px;
    background: url(../img/left-arrow.svg) no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    bottom: -73px;
    top: auto;
    cursor: pointer;
    z-index: 1;
  }
  .our-services-slider .slick-next{
    right: 63px;
    background: url(../img/right-arrow.svg) no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    bottom: -73px;
    top: auto;
    cursor: pointer;
    z-index: 1;
  }
  .our-services-slider .slick-track{
    display: flex;
  }
  .our-services-slider .slick-next:before, .our-services-slider .slick-prev:before{
    display: none;
  }
  .our-services-slider  .slick-dots li button:before {
    font-size: 12px;
  }
  .our-services-slider .slick-dots{
    text-align: left;
    padding-left: 10%;
    bottom: -46px;
  }
  .our-services-slider .slick-dots li{
    margin: 0;
  }


  /*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials{
  background: var(--bgsitecolor);
  min-height: 450px;
  position: relative;
}
.big-text {
  color: #2C3B57;
  font-size: 160px;
  line-height: normal;
  font-weight: 600;
  position: absolute;
  margin: auto;
  width: 100%;
  text-align: center;
  left: 0;
}
.testimonials .testimonial-item {
  padding: 135px 0 0 0;
  position: relative;
  height: 100%;
  width: 100%;
  max-width:750px;
  margin: 0 auto;
}

.testimonials .testimonial-item .testimonial-img {
  width: 98px;
  border-radius: 100%;
  border: 6px solid var(--background-color);
  margin:0 0 22px 0;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: var(--contrast-color);
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: var(--contrast-color);
  margin: 0;
}

.testimonila-wrapper {
 position: relative;
}
.testimonials .testimonial-item p {
  font-style: italic;
  margin: 15px 0 0 0;
  padding: 0;
  color: var(--contrast-color);
}
#testimonial-slider .slick-track{
  display: flex;
}
#testimonial-slider .slick-dots li button:before{
  font-size: 10px;
  opacity: 0.46;
  color: #ccc;
}
#testimonial-slider .slick-dots li.slick-active button:before{
  color: #fff;
  opacity: 1;
}
#testimonial-slider .slick-dots{
  bottom: -38px;
  left: 0;
}
#testimonial-slider .slick-prev {
  left: 160px;
}
#testimonial-slider .slick-next {
  right: 160px;
}
  
  /*--------------------------------------------------------------
  # Stats Section
  --------------------------------------------------------------*/
  .stats .stats-item {
    padding: 10px 30px;
    width: 100%;
    position: relative;
  }
  .stats .stats-item:before{
    content: '';
    width: 1px;
    height: 100%;
    border: 1px solid #10102E;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.3;
  }
  
  .stats-heading {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px 0;
}
.stats-item p {
  opacity: 0.6;
  font-size: 14px;
}
.stats-item h4{
  font-size: 30px;
  font-weight: 700;
}
  
.stats-row .col-md-6:last-child .stats-item:before{
  display: none;
}
.midimgcont img {
  object-fit: cover;
  width: 100%;
}
.leftimg img{
  height: 280px;
}
.rhtimg img{
   height: 236px;
}
  /*--------------------------------------------------------------
  # Services Section
  --------------------------------------------------------------*/
  .services .service-card {
    height: 100%;
    padding: 30px;
    background: var(--surface-color);
    border-radius: 10px;
    transition: all 0.3s ease;
  }
  
  .services .service-card:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  }
  
  .services .service-card:hover .icon {
    background: var(--accent-color);
    color: var(--contrast-color);
  }
  
  .services .service-card:hover .read-more {
    color: color-mix(in srgb, var(--accent-color), transparent 25%);
  }
  
  .services .service-card .icon {
    width: 60px;
    height: 60px;
    margin-right: 30px;
    background: color-mix(in srgb, var(--accent-color), transparent 90%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--accent-color);
    font-size: 28px;
    transition: all 0.3s ease;
    line-height: 1;
  }
  
  .services .service-card h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  
  .services .service-card p {
    margin-bottom: 25px;
    color: color-mix(in srgb, var(--default-color), transparent 25%);
    font-size: 15px;
    line-height: 1.6;
  }
  
  .services .service-card .read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--accent-color);
    font-weight: 500;
    transition: all 0.3s ease;
  }
  
  .services .service-card .read-more i {
    font-size: 14px;
    transition: transform 0.3s ease;
  }
  
  .services .service-card .read-more:hover i {
    transform: translateX(5px);
  }
  
  .our-core-values h2{
    color: var(--contrast-color);
  }
  .our-core-values .tagtext{color: var(--contrast-color);}
  .our-core-values-sec-1{
    margin-top: 48px;
    margin-bottom: 20px;
    padding:0px 100px 0px 0px;
  }
  .our-core-values-cont1{
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
  }
  .our-core-values-cont1-img{
    width: 40%;
  }
  .our-core-values-cont1-cont{
    width: 30%;
  }
  



  .our-core-values-sec-2{
    margin-top: 0px;
    margin-bottom: 0px;
    padding:0px 0px 0px 100px;
  }


  /*--------------------------------------------------------------
  # Faq Section
  --------------------------------------------------------------*/
    .tagtext{
      color: #283890;
      font-size: 14px;
      margin-bottom: 8px;
      font-weight: 500;
    }
    .faq .faq-title {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
      color: var(--heading-color);
    }
 

  
  .faq .faq-container .faq-item {
    background-color: var(--surface-color);
    position: relative;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
  }
  
  .faq .faq-container .faq-item:last-child {
    margin-bottom: 0;
  }
  
  .faq .faq-container .faq-item h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin: 0 30px 0 0;
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  
  .faq .faq-container .faq-item h3 .num {
    color: var(--accent-color);
    padding-right: 5px;
  }
  
  .faq .faq-container .faq-item h3:hover {
    color: var(--accent-color);
  }
  
  .faq .faq-container .faq-item .faq-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
  }
  
  .faq .faq-container .faq-item .faq-content p {
    margin-bottom: 0;
    overflow: hidden;
    opacity: 0.7;
  }
  
  .faq .faq-container .faq-item .faq-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
    line-height: 0;
    transition: 0.3s;
    cursor: pointer;
  }
  
  .faq .faq-container .faq-item .faq-toggle:hover {
    color: var(--accent-color);
  }
  
  .faq .faq-container .faq-active h3 {
    color: var(--default-color);
    margin-bottom: 20px;
  }
  .faq .faq-container .faq-item.faq-active{
    background: #E2F7FF;
    padding: 20px;
    border-radius: 12px;
  }
  .faq .faq-container .faq-active .faq-content {
    grid-template-rows: 1fr;
    visibility: visible;
    opacity: 1;
  }
  
  .faq .faq-container .faq-active .faq-toggle {
    transform: rotate(90deg);
    color: var(--accent-color);
  }
  
  /*--------------------------------------------------------------
  # post section Section
  --------------------------------------------------------------*/
  .post-meta {
    font-weight: 400;
    font-size: 14px;
   }
   .blog-title{
    font-size: 21px;
    color: var(--default-color);
    font-weight: 600;
   }
   .blog-title a{
    color: var(--default-color);
   }
  
  /*--------------------------------------------------------------
  # Contact Section
  --------------------------------------------------------------*/
  .contact .info-box {
    background-color: var(--bgsitecolor);
    color: var(--contrast-color);
    padding: 30px;
    border-radius: 1rem;
    height: 100%;
  }
  .php-email-form label {
    font-size: 14px;
    margin-bottom: 4px;
    opacity: 0.5;
}
  .contact .info-box h3 {
    color: var(--contrast-color);
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 200;
  }
  
  
  
  .contact .info-box p {
    opacity: 0.8;
    margin-bottom: 2rem;
    font-size: 14px;
    font-weight: 300;
  }
  
  .contact .info-box a {
    color: var(--contrast-color);
    opacity: 0.8;
    font-weight: 300;
  }
  

  
  .contact .info-item {
    display: flex;
    gap: 0.8rem;
    margin-bottom: 2rem;
  }
  
  .contact .info-item:last-child {
    margin-bottom: 0;
  }
  
  .contact .info-item .icon-box {
    border-radius: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    transition: 0.3s;    
  }
  
  .contact .info-item .icon-box i {
    font-size: 1.5rem;
    color: var(--contrast-color);
    opacity: 0.8;
  }

  
  .contact .info-item .content h4 {
    color: var(--contrast-color);
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    font-weight: 200;
    opacity: 0.7;
  }
  
  .contact .info-item .content p {
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
  }
  
  .contact .info-item .content p:last-child {
    margin-bottom: 0;
  }
  
  .contact .contact-form {
    height: 100%;
  }
  
  
  
  .contact .contact-form h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  

  
  .contact .contact-form p {
    margin-bottom: 0;
    opacity: 0.5;
    font-size: 13px;
}
  
  .contact .contact-form .form-control,
  .contact .contact-form .form-select {
    padding: 0.675rem 1.25rem;
    border: 1px solid #C0C0C0;
    border-radius: 6px; 
    background-color:var(--background-color);
    color: var(--default-color);
    font-size: 14px;
  }
  
  .contact .contact-form .form-control:focus,
  .contact .contact-form .form-select:focus {
    box-shadow: none;
    border-color: var(--accent-color);
  }
  
  .contact .contact-form .form-control::placeholder,
  .contact .contact-form .form-select::placeholder {
    color: color-mix(in srgb, var(--default-color), transparent 50%);
  }
  
 
  
  /*--------------------------------------------------------------
  # Service Details Section
  --------------------------------------------------------------*/
  .service-details .service-box {
    background-color: var(--surface-color);
    padding: 20px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  }
  
  .service-details .service-box+.service-box {
    margin-top: 30px;
  }
  
  .service-details .service-box h4 {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid color-mix(in srgb, var(--default-color), transparent 92%);
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  
  .service-details .services-list {
    background-color: var(--surface-color);
  }
  
  .service-details .services-list a {
    color: color-mix(in srgb, var(--default-color), transparent 20%);
    background-color: color-mix(in srgb, var(--default-color), transparent 96%);
    display: flex;
    align-items: center;
    padding: 12px 15px;
    margin-top: 15px;
    transition: 0.3s;
  }
  
  .service-details .services-list a:first-child {
    margin-top: 0;
  }
  
  .service-details .services-list a i {
    font-size: 16px;
    margin-right: 8px;
    color: var(--accent-color);
  }
  
  .service-details .services-list a.active {
    color: var(--contrast-color);
    background-color: var(--accent-color);
  }
  
  .service-details .services-list a.active i {
    color: var(--contrast-color);
  }
  
  .service-details .services-list a:hover {
    background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
    color: var(--accent-color);
  }
  
  .service-details .download-catalog a {
    color: var(--default-color);
    display: flex;
    align-items: center;
    padding: 10px 0;
    transition: 0.3s;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  
  .service-details .download-catalog a:first-child {
    border-top: 0;
    padding-top: 0;
  }
  
  .service-details .download-catalog a:last-child {
    padding-bottom: 0;
  }
  
  .service-details .download-catalog a i {
    font-size: 24px;
    margin-right: 8px;
    color: var(--accent-color);
  }
  
  .service-details .download-catalog a:hover {
    color: var(--accent-color);
  }
  
  .service-details .help-box {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    margin-top: 30px;
    padding: 30px 15px;
  }
  
  .service-details .help-box .help-icon {
    font-size: 48px;
  }
  
  .service-details .help-box h4,
  .service-details .help-box a {
    color: var(--contrast-color);
  }
  
  .service-details .services-img {
    margin-bottom: 20px;
  }
  
  .service-details h3 {
    font-size: 26px;
    font-weight: 700;
  }
  
  .service-details p {
    font-size: 15px;
  }
  
  .service-details ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
  }
  
  .service-details ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
  }
  
  .service-details ul i {
    font-size: 20px;
    margin-right: 8px;
    color: var(--accent-color);
  }
  

  .cusli{
    list-style: none;
  }


    /*--------------------------------------------------------------
  # inner header
  --------------------------------------------------------------*/

  .inner-header-banner{
    min-height: 500px;
    width: 100%;
    background-position: top !important;
    background-size: cover !important;
    position: relative;
  }
 .inner-header-heading {
    position: absolute;
    min-height: 1px;
    display: flex;
    width: 41%;
    background: var(--bgsitecolor);
    height: 340px;
    left: 0;
}
  .inner-header-banner h1{
    color: var(--contrast-color);
    font-size: 48px;
  }
  .inner-header-heading-wrap{
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    padding:110px 0px 0px 0px;
  }
  .breadcrumb-cl a{
    color: var(--contrast-color);
  }
  .breadcrumb-cl .breadcrumb-item.active{
    color: var(--contrast-color);
  }
  .breadcrumb-cl .breadcrumb-item+.breadcrumb-item::before{
    color: var(--contrast-color);
    content: "-";
  }

  .blog-post-date p{
    margin: 0;
    font-size: 16px;
  }
  .blog-post-date p span {
    opacity: 0.5;
}
.blogreadmore{
  color: var(--bgsitecolor);
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s;
}
.blogreadmore:hover{
  color: var(--accent-color);
}
.blog-gride article{
  border: 1px solid #E1E1E1;
  border-radius: 10px;
  padding: 10px;
}
.blog-gride article .blog-detail-box .blog-title{
  font-size: 18px;
  margin-bottom: 16px;
}
.blog-gride article .blog-detail-box p{
  color: #707070;
  font-size: 14px;
}
.blog-gride article .post-img {
  border-radius: 11px;
  overflow: hidden;
  height: 240px;
}
.blog-gride article .post-img img{
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}
.blog-pagination .pagination,  .blog-pagination .pagination a{
  color: #B3B3B3;
  border: 0;
  background: transparent;
  margin:0 4px;
}
.blog-pagination .pagination .active a, .blog-pagination .pagination  a:hover{
  background: var(--bgsitecolor);
  border-radius:4px;
  color: var(--contrast-color);
  outline: 0;
  box-shadow: none;
  border-radius: 4px;
  
}
.blog-pagination .page-item:last-child .page-link, .blog-pagination .page-item:first-child .page-link{
  border-radius: 4px;
}
.blog-pagination .page-item:first-child .page-link:focus, .blog-pagination .page-item:first-child .page-link:hover{
  border-radius: 4px;
}
.pagination {
  width: auto;
  display: inline-flex;
}

.static-pg {
  padding: 110px 0px 0px 0px;
}
.nav-tabs .nav-item.show .nav-link{
  border: 0;
  border-bottom:4px solid transparent;
  outline: 0;
  box-shadow: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border: 0;
  border-bottom:4px solid var(--bgsitecolor);
  outline: 0;
  box-shadow: none;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
  border: 0;
  border-bottom:4px solid var(--bgsitecolor);
  outline: 0;
  box-shadow: none;
}
.nav-tabs .nav-link.active h4{
  font-weight: 700;
 
}
.nav-tabs h4 {
  font-weight: 200;
  cursor: pointer;
}

.nav-tabs .nav-link{
  border: 0;
  margin: 0;
  border-radius: 0;
}

.services-gride p {
  font-weight: 400;
  opacity: 0.6;
}
.services-gride .serb img{
 
}
.services-gride .serb:last-child {
  width: 100%;
}


    .form-container {
      max-width: 400px;
      padding: 30px;
	  background-color: #0b1222;
	  position: absolute;
      right: 120px;
      top: 102px;
      border-radius: 10px;
    }

    h2 {
      margin-bottom: 10px;
      color: #fff;
    }

    h2 span {
      background-color: #b533ff;
      padding: 3px 8px;
      border-radius: 4px;
    }

    p {
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 20px;
      color: #ccc;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"] {
      width: 100%;
      padding: 12px 15px;
      margin-bottom: 15px;
      border: none;
      border-radius: 6px;
      background-color: #f0f0f0;
      font-size: 14px;
    }

    input[type="submit"] {
      width: 100%;
      padding: 12px;
      background-color: #d0ebf9;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-weight: bold;
      color: #000;
    }

    input[type="submit"]:hover {
      background-color: #b0daee;
    }
	
	
	
	    .service-box {
      text-align: center;
      padding: 20px;
      transition: all 0.3s ease;
    }
    .service-box .img{display: flex;justify-content: center;align-items: flex-end;margin: 0 0 20px 0;}
    .service-box .img img{width: 120px;margin: 0;padding:0;}

.service-box.foot img{width:60px;}

    .service-title {
      font-weight: 600;
      margin-bottom: 10px;
    }

    .service-desc {
      font-size: 14px;
      color: #333;text-align: justify;
      margin-bottom: 15px;min-height: 150px;
    }
.service-desc.auto{min-height:auto;text-align:center;}
    .learn-btn {
      color: var(--contrast-color);background: var(--button-bg);border:var(--button-border)!important;
      font-size: 12px;
      padding: 5px 15px;
      border: none;
      border-radius: 5px;transition: 0.4s ease;
    }


	
	.learn-btn:hover {
    color: var(--contrast-color);
    background: var(--button-bg)!important;
    border: var(--button-border);
}
	
	.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  /*max-width: 1200px;*/
  margin: auto;
}

.slider-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 400%; /* 4 slides */
}

.slide {
  width: 100%;
  display: flex;
}

.image-box {
  position: relative;
  width: 33.33%;
  overflow: hidden;
}
.image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.image-box .content {
  display: grid;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(9 9 37 / 8%);
  color: #fff;
  padding: 20px;
  opacity: 1;
  transition: 0.3s ease-in-out;
}

.image_text_wrapper {max-width: 1140px;margin: 0 auto;display: grid;grid-template-columns: 1fr 2fr;gap: 40px;align-items: center;justify-content: space-between;padding: 2rem 0;}
.image_text_wrapper .image_section img{width:100%;border-radius: 15px;}
.text_link_sr {font-size: 0.85rem;color: #283890;margin: 0 0 .25rem 0;}
.image_text_wrapper .text_section h1 {font-size: 28px;margin-bottom: 20px;font-weight: bold;color: #111;}
.image_text_wrapper .text_section p {margin-bottom: 15px;color: #555;line-height: 1.6;}
.image_text_wrapper .text_section a {margin: 2rem 0 0 0;display: grid;width: fit-content;}



/*.image-box:hover .content {opacity: 1;}*/
.image-box .content a {
    text-decoration: none;
    color: var(--hero-button-color);
    background: var(--hero-button-bg);
    border: var(--hero-button-border);font-weight: 400;
    font-size: 0.9rem;
    border-radius: 20px;
    padding: 0.3rem 0.8rem;transition: 0.4s ease;
}
.image-box .content a:hover {
    color: #fff;
    background: transparent;
    border: var(--hero-button-border-hover);
    border-color: #fff;
}
.slider-controls {
  text-align: center;
  margin-top: 10px;
  margin-left: 680px;
}

.slider-controls button {
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 15px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
}


.swiper {
    width: 100%;
    padding: 40px 20px;
	background-color:#0c1c35;
  }
  .swiper-slide {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    width: 250px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  }
  .card-img {
    height: 120px;
    background-size: cover;
    background-position: center;
  }
  .card-content {
    padding: 10px 15px;
  }
  .price {
    background: #2b48c9;
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
  }
  .title {
    font-weight: bold;
    margin-bottom: 5px;
  }
  .details {
    font-size: 12px;
    color: #555;
  }
  
  
  .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      max-width: 800px;
      margin: auto;
    }
    .info-block {
      display: flex;
      align-items: center;
    }
    .info-icon {
      font-size: 36px;
      color: #3f51b5;
      margin-right: 16px;
    }
    .info-text h3 {
      margin: 0;
      font-size: 18px;
      font-weight: bold;
    }
    .info-text p {
      margin: 4px 0 0;
      font-size: 12px;
      color: #555;
    }
	
	
	.info-block img {
    width: 50px;
    margin: 0 15px 0 0;
}

p.post-author.me-2.mb-0 {
    color: #000;
}

p.post-date.mb-0 {
    color: #000;
}

a.btn.btn-primary.mt-4 {
    background-color: #293991;
}


/****************About Us Page Css**************************************/

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



.main-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 1200px;
  margin: auto;
}

.left-content {
  flex: 1 1 40%;
  padding: 20px;
}

.left-content h1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #000;
  line-height: 1.3;
}

.right-content {
  flex: 1 1 60%;
    /* padding: 11px; */
    position: relative;
    background-color: #e0f0f8;
    margin: 20px auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
}


.image-wrapper {
  position: relative;
  width: 100%;
  border-radius: 10px;
  /*overflow: hidden;*/
}

.image-wrapper img {
  width: 100%;
  display: block;
  transition: opacity 0.5s ease;
  border-radius: 10px;
}

.hover-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.image-wrapper:hover .hover-image {
  opacity: 1;
}

.image-wrapper:hover .main-image {
  opacity: 0;
}

.info-box {
  background-color: #0d1b2a;
  color: white;
  padding: 20px;
  position: absolute;
  top: -115px;
  right: 5%;
  width: 300px;
  border-radius: 10px;
  font-size: 0.9rem;
  z-index: 10;
}

.info-box p {
  margin-bottom: 10px;
  line-height: 1.5;
}

/* Responsive Design */
@media (max-width: 991px) {
  .main-container {
    flex-direction: column;
    align-items: center;
  }

  .left-content, .right-content {
    flex: 1 1 100%;
    padding: 10px;
  }

  .left-content h1 {
    font-size: 2rem;
    text-align: center;
  }

  .info-box {
    width: 90%;
    top: auto;
    right: auto;
    margin-top: 15px;
    position: static;
  }
}


.col-md-12.section-title-about h2 {
    color: #000;
}

.col-md-12.section-title-about {
    padding-top: 60px;
}




.count{
  font-family: 'Josefin Sans', sans-serif;
  font-size: 40px;
  font-weight: bold;
}
.counter-wrapper{
  background: #fff;
  background-position: center center;
  position: relative;
 padding:0px;
}
.counter-wrapper:after{
  content: '';
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  /*background: rgba(0,0,0,.5);*/
}
.counter-inner{
  position:relative;
  z-index:2;
}
.count-icon{
  font-size: 48px;
}

#count1,#count2,#count3,#count4{
	
	color: #10102E;
}
.py-5.text-center.text-white div {
    color: #000;
}

.divider1 {
            border-top: 1px solid #d7d3d3;
			
        }



    .section-title {
      text-align: center;
      padding: 40px 20px 20px;
      font-size: 2.5rem;
      font-weight: bold;
    }

.text-start p {
    color: #0E192E;
}

.text-start span {
    color: #6E707C;
}

.text-end p {
    color: #0E192E;
}
    .values-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 0px;
      padding: 0px;
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
    }

    .value-item {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      height: 400px;
    }

.overlay span {
    position: absolute;
    top: 28px;
    left: 96px;
}

    .value-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }

    .value-item:hover img {
      transform: scale(1.1);
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      opacity: 0;
      transition: opacity 0.5s ease;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 20px;
    }

    .value-item:hover .overlay {
      opacity: 1;
    }

    .overlay h2 {
      font-size: 1.8rem;
      margin-bottom: 10px;
    }

    .overlay p {
      font-size: 1rem;
      margin-bottom: 20px;
    }

    .overlay a {
      display: inline-block;
      padding: 10px 20px;
      /*background: #fff;*/
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
      transition: background 0.3s;
    }

    .overlay a:hover {
      /*background: #ccc;*/
    }

    @media (max-width: 768px) {
      .section-title {
        font-size: 2rem;
      }
    }
	
	
	
	  .stats-container {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 70px;
      flex-wrap: wrap;
      border-radius: 8px;
	  padding-top: 33px;
    padding-bottom: 30px;
    }
    .stat-item {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .stat-item img {
      width: 40px;
      height: 40px;
	  margin-top: -26px;
    }
    .stat-text {
      display: flex;
      flex-direction: column;
    }
    .stat-text h3 {
      font-size: 20px;
      color: #0b153c;
    }
    .stat-text p {
      font-size: 14px;
      color: #555;
    }
    .divider {
      width: 1px;
    height: 50px;
    background: #0E192E;
    transform: rotate(19deg);
}
    }

    @media (max-width: 768px) {
      .stats-container {
        flex-direction: column;
        gap: 20px;
      }
      .divider {
        display: none;
      }
    }
	
	
	
	    .team-section {
        text-align: center;
        background-color: #f0faff;
        padding: 50px 20px;
    }

    .team-title {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 10px;
    }
	
	.team-section h2 {
    color: #000;
}

    .team-description {
        font-size: 14px;
        color: #555;
        max-width: 600px;
        margin: 0 auto 30px;
    }

    .team-members {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .team-member {
        position: relative;
        width: 368px;
        height: 383px;
        overflow: hidden;
        /*border-radius: 10px;*/
    }

    .team-member img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /*border-radius: 10px;*/
        transition: transform 0.3s ease;
    }

    .team-member:hover img {
        transform: scale(1.1);
    }

    .overlay {
        position: absolute;
		top:19px;
        bottom: 20px;
        left: 20px;
        width: 90%;
        height: 90%;
        background: #0e192ea1;
        color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease;
        border-radius: 10px;
    }

    .team-member:hover .overlay {
        opacity: 1;
    }

    .overlay h3 {
        margin: 0;
        font-size: 18px;
		padding-top: 100px;
    }

    .overlay p {
        margin: 5px 0;
        font-size: 14px;
    }

    .social-icons {
        margin-top: 10px;
    }

    .social-icons a {
        color: white;
        font-size: 18px;
        margin: 0 5px;
        text-decoration: none;
    }

    .social-icons a:hover {
        color: #00aced;
    }
	
	/* Tablets (768px and up) */
@media (max-width: 991px) {
    .team-members {
        gap: 20px;
    }
    .team-member {
        width: 250px;
    }
    .team-title {
        font-size: 2rem;
    }
    .team-description {
        font-size: 1rem;
    }
}
.contact-box .contact_info {
    display: grid;
    gap: 20px;
}
.contact-box .contact_info .tr{display: flex;
    gap: 20px;}
.contact-box .contact_info .tr p {
    margin: 0;
    padding: 0;
}
.contact-box .contact_info .tr p a {
    color: #fff;
    text-decoration: none;
}
.contact-box .contact_info .tr p a:hover{color:#aae4f9;}

.values_header{max-width: 1200px;}
.values-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 24px;
}

.values-column {
    width: 50%;
	position: relative;
    left: 61px;
}

.values-column h1 {
    font-size: 17px;
    /*margin-bottom: -20px;*/
    margin-right: 16%;
    color: #283890;
    font-family: monospace;
}

.values-column h2 {
    font-size: 2rem;
    font-weight: bold;
    opacity: 1;
	Color:#000;
}


.values-column p {
    font-size: 15px;
    text-align: left;
    max-width: 100%;
    margin-right: 24%;
	color: #1A1A1A;
}
   
     .items-container {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px;
      gap: 40px;
      flex-wrap: wrap;
      /*background: #fff;*/
      border-radius: 12px;
      /*box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
    }
    .image-section {
      position: relative;
      width: 400px;
      height: 250px;
      overflow: hidden;
    }
    .video-section {
      position: relative;
      width: 400px;
      height: 250px;
      overflow: hidden;
      /*border-radius: 10px;*/
    }
    .video-section img,
    .video-section video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      /*border-radius: 10px;*/
      display: block;
    }
    .video-overlay {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /*background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;*/
      padding: 20px;
      cursor: pointer;
      transition: background 0.3s ease;
      z-index: 2;
    }
    /*.video-overlay:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }*/
    /*.video-overlay::before {
      content: '\\25B6';
      font-size: 30px;
      color: white;
    }*/
    .text-section {
      max-width: 700px;
    }
    .text-section h1 {
      font-size: 28px;
      margin-bottom: 20px;
      font-weight: bold;
      color: #111;
    }
    .text-section p {
      margin-bottom: 15px;
      color: #555;
      line-height: 1.6;
    }
    .text-section button {
      padding: 12px 24px;
      background-color: #1a1a40;
      color: white;
      border: none;
      border-radius: 30px;
      cursor: pointer;
      transition: background 0.3s;
      font-size: 16px;
    }
    .text-section button:hover {
      background-color: #333366;
    }
    /* Responsive */
    @media (max-width: 768px) {
      .items-container {
        flex-direction: column;
        text-align: center;
      }
      .video-section {
        width: 100%;
        max-width: 400px;
      }
    } 
	
	
	/* Responsive Breakpoints */
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
  .section-title-about h2 {
    font-size: 40px;
  }
  .section-title-about h2 br {
    display: inline; /* Tablet aur bada pe br show karna */
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  .section-title-about h2 {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/************************************Contact us Page Css*****************************************/

    .contact-box {
      background-color: #0b1222;
      color: white;
      padding: 2rem;
      border-radius: 8px;
    }
    .form-control::placeholder {
      color: #999;
    }
    .btn-primary {
      background-color: #0b1222;
      border: none;
    }
    .btn-primary:hover {
      background-color: #1a1f33;
    }
    .text-sm {
      font-size: 0.8rem;
      color: gray;
    }
    .form-label {
      font-weight: 500;
    }
	
	h2.fw-bold {
    color: #000;
}

  h5.fw-bold {
    color: #fff;
}



.tab-content p {
    color: #000000;
}



/************************************Borrowers Page****************************/

.loan-chart {
  font-family: 'Arial', sans-serif;
  margin: 30px auto;
  /*max-width: 1000px;*/
  padding: 0 15px;
}

.loan-chart h2 {
  font-size: 28px;
  font-weight: 700;
  margin: 10px 0;
}

.loan-chart h6 a {
  color: #5f78d6;
  font-size: 14px;
  text-decoration: none;
}

.table-responsive {
  overflow-x: auto;
}

.loan-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
  margin-top: 30px;
}

.loan-table thead th {
  background-color: #2c3e91;
  color: white;
  padding: 10px;
  text-align: center;
  font-weight: 600;
}

.loan-table td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
}

.loan-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.loan-chart h2 {
    color: #000000;
}

@media (max-width: 768px) {
  .loan-chart h2 {
    font-size: 22px;
  }

  .loan-table {
    font-size: 13px;
  }
}






.section1 {
  min-width: 250px;
}

.section1 h2 {
    color: #000;
}
h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

li {
  margin-bottom: 0.4rem;
  color: #1e2c6a; /* Dark blue color for bullets */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
    gap: 2rem;
  }
}


.loan-section {
      text-align: center;
      padding: 60px 20px;
      position: relative;
    }

    .loan-section::before {
      content: "";
      position: absolute;
      top: 20px;
      left: 10%;
      width: 80%;
      height: 2px;
      background-color: #2c3eaf;
    }

    .loan-section small {
      color: #2c3eaf;
      display: block;
      margin-bottom: 10px;
      font-weight: 500;
    }

    .loan-section h1 {
      font-weight: 700;
      font-size: 2rem;
    }

    .loan-section .btn-primary {
      background-color: #2c3eaf;
      border: none;
      border-radius: 20px;
      padding: 8px 20px;
      margin-top: 20px;
      font-size: 0.9rem;
    }

    @media (min-width: 768px) {
      .loan-section h1 {
        font-size: 2.5rem;
      }
    }
	
	
	
	/**********************************************Service page css******************************************/
	
	
	h2.section-title.mb-3 {
    color: #000000;
}
	
	  /*.highlight-box {
      background-color: #dff1f9;
      padding: 15px;
      border-radius: 10px;
    }*/

    .section-title {
      font-size: 2rem;
      font-weight: bold;
    }

    .step {
      font-weight: 600;
      margin-top: 10px;
    }

    .small-text {
      font-size: 0.95rem;
      color: #0E192E;
    }

    a {
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }
	
	
	
	.loan-section-sr {
      background-color: #fff;
      padding: 40px 20px;
    }
    .loan-image {
      max-width: 100%;
      border-radius: 10px;
    }
    .loan-list li {
      margin-bottom: 10px;
    }
    .btn-primary-custom {font-size: 0.9rem;
      color: var(--contrast-color);background: var(--button-bg);border:var(--button-border)!important;line-height: normal;text-decoration: none!important;
      padding: 10px 20px;
      border-radius: 20px;transition: 0.4s ease;
    }
.btn-primary-custom:hover {
    color: #ffffff;
    background: #293991;
    border-color: #293991 !important;
}
    .check-icon {
      color: #4caf50;
      margin-right: 8px;
    }
    .appy_btn {
    font-size: 0.9rem;
    color: var(--hero-button-color);
    background: var(--hero-button-bg);
    border: var(--hero-button-border);line-height: normal;
    padding: 10px 25px;
    border-radius: 20px;
    transition: 0.4s ease;
}
.loan-list {
    list-style: disc;
    list-style-position: outside;
    padding: 0 0 0 1rem;
}
.loan-list-even{list-style: disc;list-style-position: outside;padding: 0 0 0 1rem;}
.loan-list-even li{font-size: 14px;line-height: 1.5;color:#fff;}
.appy_btn:hover {
    color: #fff;
    background: transparent;
    border-color: white;
}
    
    .loan-heading {
      color: #333;
    }
    .text-link-sr {
      font-size: 0.85rem;
      color: #283890;
    }
	
	
	
	  .rental-section {
      color: white;
      /*padding: 100px 20px;*/
      position: relative;
    }
    .rental-section::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0, 0, 0, 0.5); /* Overlay for readability */
      z-index: 0;
    }
    .rental-content {
      position: relative;
      z-index: 1;
    }
    .btn-apply {
      background-color: #e0e0ff;
      color: #000;
      border: none;
      padding: 10px 25px;
      border-radius: 20px;
      font-weight: 500;
    }
	
.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: #0b1222 !important;
    border-color: var(--bs-btn-hover-border-color);
}
    .check-icon {
      color: #71b2ff;
      margin-right: 10px;
    }
	
	.text-start p {
    color: #fff;
}
p.mb-5-sr {
    color: #fff;
}



     .custom-headers-sr th {
      background-color: #2d3c88 !important; /* Force background color */
      color: white !important;             /* Force text color */
    }
    .apply-btn {
      background-color: #2d3c88;
      color: white;
      border: none;
      padding: 8px 16px;
      border-radius: 20px;
    }
    .table thead th, .table tbody td {
      vertical-align: middle;
    }
	
	.text-start-sr {
    text-align: left;
}

h2.section-title.mb-3 {
    text-align: left;
}

h2.section-title.mb-3 {
    text-align: left;
    position: relative;
    right: 28px;
    top: -18px;
}


    .login-container {
      max-width: 400px;
      margin: -2% auto;
      background: white;
      padding: 2rem;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .form-control {
      background-color: #f1f0ff;
    }
    .btn-dark {
      background-color: #0f0f2e;
      border: none;
    }
    .form-check-input {
      margin-top: 0.35rem;
    }
    a {
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
	
	
	ul.login  {
    width: 340px;
}
.login-container .label-cl {
    position: relative;
    top: 0;
    left: 0;
}

 .label-cl {
    position: absolute;
    top: -10px;
    left: 23px;
    padding: 2px;
    z-index: 1;
    background-color: var(--gray );
    font-size: 12px;
    font-weight: 400;
}
.popup-right .form-group{ margin-top:20px; }


.text-start1 p {
    color: #0E192E;
}

.text-start1 span {
    color: #6E707C;
}

.section-title1 {
    font-weight: bold;
    font-size: 2rem;
}

.section-title1 h2 {
    color: #000000;
}

.custom_track {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}

.custom_track .slide {
    display: block;
    width: 100%;
}

.custom_track .slide .image-box {
    width: 100%;
}
	
	
	.testimonial-bg {
      background: #000;
      color: white;
      font-family: 'Arial', sans-serif;
      padding: 40px 20px;
    }
	
	    .sub-title {
      text-align: center;
      color: #999;
      letter-spacing: 2px;
      font-size: 0.85rem;
    }

    .section-title {
      text-align: center;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 30px;
    }

    .testimonial-card {
      background: #fff;
      color: #000;
      border-radius: 8px;
      padding: 20px;
      margin: 10px;
      min-height: 200px;
    }

    .testimonial-header {
      display: flex;
      align-items: center;
      font-weight: bold;
    }

    .testimonial-header img {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      object-fit: cover;
      margin-right: 10px;
    }

    .testimonial-date {
      font-size: 0.75rem;
      color: #888;
    }

    .testimonial-stars {
      color: #f39c12;
      margin: 10px 0;
    }

    .testimonial-text {
      font-size: 0.95rem;
    }

    /* Custom nav arrows */
    .owl-nav {
      position: absolute;
      top: 40%;
      width: 100%;
      display: flex;
      justify-content: space-between;
    }

    .owl-nav button.owl-prev,
    .owl-nav button.owl-next {
      background: #fff;
      color: #000;
      font-size: 1.5rem;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      border: none;
      transition: background 0.3s;
    }

    .owl-nav button:hover {
      background: #f39c12;
      color: #fff;
    }

    .owl-carousel {
      position: relative;
    }
	
	.owl-carousel .owl-item img {
    display: block;
     width: auto!important; 
}
.custom_testimonials {
    width: 1200px;
    margin: 0 auto;
}
.custom_testimonials .owl-nav.disabled {
    display: flex;
}
.custom_testimonials .owl-nav.disabled button.owl-prev {
    margin: 0 0 0 -25px;
}
.custom_testimonials .owl-nav.disabled button.owl-next {
    margin: 0 -25px 0 0;
}


    @media(max-width: 767px) {
      .owl-nav {
        top: 35%;
      }
    }

.about_us_section .section-title {text-align: left;}
.about_us_section .section-title h2 {font-size: 1.5rem;}
.about_us_section .section-title p {font-size: 0.8rem;font-weight: 500;color: #727272;margin: 0 0 10px 0;}
.about_us_section .section-title ul{margin-top:0!important}
.about_us_section .section-title ul li{font-size: 0.8rem;font-weight: 500;color: #000;}
.about_us_section .section-title a {font-size: 0.8rem;text-decoration:none;padding: 0.4rem 1rem;margin: 0 !important;color: var(--contrast-color);background: var(--button-bg);border:var(--button-border);}

.about_us_section .section-title a:hover {
    color: var(--contrast-color);
    background: var(--button-bg)!important;
    border: var(--button-border);
}
.about_us_section .form-container input:hover[type="submit"] {
    color: #ffffff;
    background: #0b1222;
    border-color: var(--hero-button-border-hover);
}

.about_us_section .form-container{top: 40px;}
.about_us_section .form-container h2 {font-size: 1rem;}
.about_us_section .form-container p {font-size: 0.8rem;}
.about_us_section .form-container input[type="submit"] {width: auto;padding: 0.5rem 2rem;font-size: 0.9rem;font-weight: 500;font-size: 1rem;color: var(--hero-button-color);background: var(--hero-button-bg);border: var(--hero-button-border);border-radius: 50px;transition: 0.4s ease;}

.about_us_section .banner_bg{margin:-25px 0 0 0;}
.fix_and_flip {
    padding: 0;
    margin-top: -3.5rem;
    z-index: 5;
    position: relative;
}
.our_clients.our-services.section {
    padding: 30px 0 0 0;
}

.our_clients .section-title {padding: 0;margin: 0 0 2rem 0;}
.our_services {padding: 0 0 2rem 0;}
.billion_section {padding: 2rem 0;}
.midimgcont{padding:2rem 0}
.our_clients_before {padding: 0 0;}




.recently_funded_slider{display:flex;}
.recently_funded_slider .swiper-wrapper{display:flex;}
.recently_funded_slider .swiper-wrapper .swiper-slide {display: grid;grid-template-columns: 1fr 2fr;gap:15px;align-items: center;border-radius: 0;padding: 15px;}
.recently_funded_slider .swiper-wrapper .swiper-slide .card-img {max-height: 100px;}
.recently_funded_slider .swiper-wrapper .swiper-slide .card-content{padding:0;}

.before_after_prop {display: flex;background: #0d182d;padding: 3rem;}
.before_after_prop .container {max-width: 850px;margin: 0 auto;padding:0;display: flex;position: relative;}
.before_after_prop .container .slider_wrap{display: grid;grid-template-columns: 1fr 1fr;gap: 50px;}
.before_after_prop .container .img_col {display: grid;}
.before_after_prop .container .img_col img {width: 100%;}
.before_after_prop .container .img_col .title {font-size: 1.5rem;color: #fff;font-weight: 500;padding: 1rem 0;text-align: center;}
.before_after_prop .container .owl-stage-outer {width: 100%;overflow: hidden;}
.before_after_prop .container .owl-stage-outer .owl-stage {width: 100%!important;display: -webkit-inline-box;}
.before_after_prop .container .owl-stage-outer .owl-stage .owl-item {width: 100% !important;}
.before_after_prop .container .owl-nav .owl-prev {margin: 0 0 0 -3rem;}
.before_after_prop .container .owl-nav .owl-next {margin: 0 -3rem 0 0;}

.page_banner{display:grid;align-items: center;position:relative;margin: 4.8rem 0 0 0;}
.page_banner:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;}
.page_banner .hero-content {position: relative;z-index: 999;}
.page_banner h1{font-size: 2.6rem}
.page_banner p{font-size:1.2rem;color:#fff;}

.discover_text{position:relative;}
.discover_text h2{position: absolute;z-index: 999;top: 45%;width: 100%;text-align: center;font-size: 2rem;color: #fff;}

.blog_listing_wrapper {width: 100%;margin: 0;padding: 2rem 0;}
.blog_listing_wrapper .container .row {padding: 0;margin: 0;}
.blog_listing_wrapper .container .row .section-title {margin: 0;padding: 0;}
.blog_listing_wrapper .container .row .section-title h2 {font-size: 2rem;text-align: left;margin: 0;padding: 0;}
.blog_listing_wrapper .blog_post_date {display: flex;align-items: center;justify-content: space-between;}
.blog_listing_wrapper .blog_post_date p {font-size: 0.8rem;color: #6a6a6a;margin:0;}
.blog_listing_wrapper article {min-height: 520px;}


.blog_detail_wrapper {padding: 4rem 0;}
.blog_detail_wrapper .blog_detail_info{}
.blog_detail_wrapper .blog_detail_info h2{font-size: 2rem;color:#000;margin:0 0 2rem 0;padding:0;}
.blog_detail_wrapper .blog_detail_info .blog_image_wrapper {display: grid;gap: 0.5rem;margin: 0 0 2rem 0;}
.blog_detail_wrapper .blog_detail_info .blog_image_wrapper .blog_img {width: 100%;height: 320px;background-repeat: no-repeat;background-size: cover;border-radius: 10px;}
.blog_detail_wrapper .blog_detail_info .blog_image_wrapper .blog_info ul {list-style: none;margin: 0;padding: 0;}
.blog_detail_wrapper .blog_detail_info .blog_image_wrapper .blog_info ul li {font-size: 0.8rem;color: #646464;}
.blog_detail_wrapper .blog_detail_info .blog_detail_intro .text20 {font-size: 1.2rem;color: #000;text-transform: capitalize;}
.blog_detail_wrapper .blog_detail_info .blog_detail_intro p {font-size: 0.8rem;color: #000;line-height: 1.6;}



.borrowers_banner{width:100%;padding:4rem 0;position:relative;}
.borrowers_banner:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #0e192e;opacity: 0.6;}
.borrowers_banner .container{max-width:1140px;margin:0 auto;position: relative;z-index: 999;}
.borrowers_banner .container .title_row{display: grid;width:100%;margin:0 0 0.5rem 0}
.borrowers_banner .container .title_row h3{font-size:1.8rem;color:#fff;font-weight:500;text-transform: uppercase;}
.borrowers_banner .container .title_row p{font-size:1.2rem;color:#fff;font-weight:400;}
.borrowers_banner .container .btn_row{display:flex;gap:2rem;align-items: center;justify-content: center;}
.borrowers_banner .container .btn_row a{background-color: #FFFFFF;border-radius: 5px;font-size: 1rem;color: #2584B8;text-decoration: none;text-align: center;text-transform: uppercase;padding: 0.4rem 1rem;}
.borrowers_banner .container .btn_row a:hover {
    background-color: #fff;
    color: #2584B8;
}

body.overflow_hidden{overflow: hidden;}
.payoff_popup_overlay {position: fixed;z-index: 99999;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.5);transition: opacity 500ms;visibility: hidden;opacity: 0;overflow-y: scroll;}
.payoff_popup_overlay.active{visibility: visible;opacity: 1;}
.payoff_popup_overlay .payoff_popup_box {margin: 0 auto;width: 52vw;border-radius: 5px;}
.payoff_popup_overlay .payoff_popup_box .payoff_popup_content {background: #fff;width: 100%;margin:20vh 0 0 0;padding: 0;position: relative;border-radius: 20px;overflow: hidden;}
.payoff_popup_overlay .payoff_popup_box .payoff_popup_content .header {margin: 0;padding: 3rem 0;display: grid;grid-template-columns: 1fr;justify-content: center;}
.payoff_popup_overlay .payoff_popup_box .payoff_popup_content .header h1 {font-size: 1.4rem;color:#131313;text-align: center; font-weight: 500;line-height: normal;margin: 0;padding: 0;}
.payoff_popup_overlay .payoff_popup_box .close_btn {position: relative;margin: 20vh 0 0 0;}

.payoff_popup_overlay .payoff_popup_box .close_btn .close, .draw_popup_overlay .payoff_popup_box .close_btn .draw_popup_close, .loan_ext_popup_overlay .payoff_popup_box .close_btn .loan_ext_popup_close {position: absolute;top: -50px;right: 50%;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;font-size: 30px;color: #000000;line-height: normal;text-decoration: none;background: #fff;border-radius: 50%;transition: 0.4s ease;}
.payoff_popup_overlay .payoff_popup_box .close_btn .close:hover, .draw_popup_overlay .payoff_popup_box .close_btn .draw_popup_close:hover, .loan_ext_popup_overlay .payoff_popup_box .close_btn .loan_ext_popup_close:hover {background: #202f62;color: #fff;}

.payoff_popup_overlay .payoff_popup_box .payoff_popup_content p {padding: 2rem 8rem;font-size: 1.4rem;color: #2e2e2e;text-align: center;}
.payoff_popup_overlay .payoff_popup_box .payoff_popup_content .body {padding: 0 2rem 2rem 2rem;}
.payoff_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #f5f5f5;}
.payoff_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar {width: 6px;height: 6px;background-color: #f5f5f5;}
.payoff_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #ccc;}

.draw_popup_overlay {position: fixed;z-index: 99999;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.5);transition: opacity 500ms;visibility: hidden;opacity: 0;overflow-y: scroll;}
.draw_popup_overlay.active{visibility: visible;opacity: 1;}
.draw_popup_overlay .payoff_popup_box {margin: 0 auto;width: 52vw;border-radius: 5px;}
.draw_popup_overlay .payoff_popup_box .payoff_popup_content {background: #fff;width: 100%;margin:20vh 0 0 0;padding: 0;position: relative;border-radius: 20px;overflow: hidden;}
.draw_popup_overlay .payoff_popup_box .payoff_popup_content .header {margin: 0;padding: 3rem 0;display: grid;grid-template-columns: 1fr;justify-content: center;}
.draw_popup_overlay .payoff_popup_box .payoff_popup_content .header h1 {font-size: 1.4rem;color:#131313;text-align: center; font-weight: 500;line-height: normal;margin: 0;padding: 0;}
.draw_popup_overlay .payoff_popup_box .close_btn {position: relative;margin: 20vh 0 0 0;}
.draw_popup_overlay .payoff_popup_box .close_btn .close {position: absolute;top: -50px;right: 50%;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;font-size: 30px;color: #000000;line-height: normal;text-decoration: none;background: #fff;border-radius: 50%;transition: 0.4s ease;}
.draw_popup_overlay .payoff_popup_box .close_btn .close:hover {background: #202f62;color: #fff;}
.draw_popup_overlay .payoff_popup_box .payoff_popup_content p {padding: 2rem 8rem;font-size: 1.4rem;color: #2e2e2e;text-align: center;}
.draw_popup_overlay .payoff_popup_box .payoff_popup_content .body {padding: 0 2rem 2rem 2rem;}
.draw_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #f5f5f5;}
.draw_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar {width: 6px;height: 6px;background-color: #f5f5f5;}
.draw_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #ccc;}


.loan_ext_popup_overlay {position: fixed;z-index: 99999;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.5);transition: opacity 500ms;visibility: hidden;opacity: 0;overflow-y: scroll;}
.loan_ext_popup_overlay.active{visibility: visible;opacity: 1;}
.loan_ext_popup_overlay .payoff_popup_box {margin: 0 auto;width: 52vw;border-radius: 5px;}
.loan_ext_popup_overlay .payoff_popup_box .payoff_popup_content {background: #fff;width: 100%;margin:20vh 0 0 0;padding: 0;position: relative;border-radius: 20px;overflow: hidden;}
.loan_ext_popup_overlay .payoff_popup_box .payoff_popup_content .header {margin: 0;padding: 3rem 0;display: grid;grid-template-columns: 1fr;justify-content: center;}
.loan_ext_popup_overlay .payoff_popup_box .payoff_popup_content .header h1 {font-size: 1.4rem;color:#131313;text-align: center; font-weight: 500;line-height: normal;margin: 0;padding: 0;}
.loan_ext_popup_overlay .payoff_popup_box .close_btn {position: relative;margin: 20vh 0 0 0;}
.loan_ext_popup_overlay .payoff_popup_box .close_btn .close {position: absolute;top: -50px;right: 50%;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;font-size: 30px;color: #000000;line-height: normal;text-decoration: none;background: #fff;border-radius: 50%;transition: 0.4s ease;}
.loan_ext_popup_overlay .payoff_popup_box .close_btn .close:hover {background: #202f62;color: #fff;}
.loan_ext_popup_overlay .payoff_popup_box .payoff_popup_content p {padding: 2rem 8rem;font-size: 1.4rem;color: #2e2e2e;text-align: center;}
.loan_ext_popup_overlay .payoff_popup_box .payoff_popup_content .body {padding: 0 2rem 2rem 2rem;}
.loan_ext_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #f5f5f5;}
.loan_ext_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar {width: 6px;height: 6px;background-color: #f5f5f5;}
.loan_ext_popup_overlay .payoff_popup_box .payoff_popup_content .body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #ccc;}



.popup_form_wrapper {width: 100%;}
.popup_form_wrapper form {width: 100%;margin: 0;padding: 0;display: grid;gap: 20px;}
.popup_form_wrapper form .form_row {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
.popup_form_wrapper form .form_row.one_fr{grid;grid-template-columns: 1fr}
.popup_form_wrapper form .form_row.two_fr{grid;grid-template-columns: 1fr 1fr}
.popup_form_wrapper form .form_row.fs{grid-template-columns: 1fr}
.popup_form_wrapper form .form_row.file_upload{background: #F0FDFF;border: 1px dashed #00BBD8;border-radius: 5px;margin: -10px 0 0 0;padding: 1rem 1.5rem;}
.popup_form_wrapper form .form_row .form_col ::file-selector-button {color:transparent!important;border: none!important;background-color: transparent!important;background-image: url(https://cdn.shopify.com/s/files/1/0928/6418/4638/files/upload_file.png?v=1746458253);background-repeat: no-repeat;background-position: center;width: 100%;height: 80px;}
.popup_form_wrapper form .form_row .form_col [type="file"] {border: none;color: transparent;}
.popup_form_wrapper form .form_row .form_col {display: grid;gap: 5px;}
.popup_form_wrapper form .form_row .form_col label {font-size: 0.9rem;color: #111e3c;line-height: normal;}
.popup_form_wrapper form .form_row .form_col input,
.popup_form_wrapper form .form_row .form_col select{border: 1px solid #e1e1e1;border-radius: 5px;font-size: 0.8rem;color: #676666;padding: 0.5rem 1rem;margin:0;}
.popup_form_wrapper form .form_row .form_col input::placeholder{color: #949494;}
.popup_form_wrapper form .button_wrapper {margin: 15px 0 0 0;display: flex;gap: 20px;align-items: center;justify-content: center;}
.popup_form_wrapper form .button_wrapper a {border: 1px solid #eaeaea;border-radius: 50rem;padding: 8px 8rem;font-size: 1.1rem;color: #5c5b5b;text-decoration: none;text-transform: uppercase;}
.popup_form_wrapper form .button_wrapper button {border: 1px solid #202F62;background:#202F62;border-radius: 50rem;padding: 8px 8rem;font-size: 1rem;color: #d6d9e2;text-decoration: none;text-transform: uppercase;transition: 0.4s ease;}
.popup_form_wrapper form .button_wrapper button:hover {background: #fff;color: #202F62;}