/**================================
Frontend CSS file - by LWEGATECH
==================================**/
:root {
    --abc-font: 'Source Sans 3', 'Manrope', sans-serif;
    --abc-font-2: 'DM Sans', sans-serif;
    --abc-base: #cf173c;
    --abc-base-rgb: 207, 23, 60;
    --abc-gray: #7f7873;
    --abc-gray-rgb: 127, 120, 115;
    --abc-white: #ffffff;
    --abc-white-rgb: 255, 255, 255;
    --abc-black: #1a1c23;
    --abc-black-rgb: 26, 28, 35;
    --abc-primary: #19459d;
    --abc-font-size: 16px;
}
html,
body{
	font-family: var(--abc-font);
	font-size: var(--abc-font-size);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
	/**overflow-x: hidden;**/
}
.btn-primary{color: #fff; background: var(--abc-primary) !important;}
.text-primary{color: var(--abc-primary) !important;}
.btn-primary:hover{color: #fff; background: #1E52BD !important;}
.abc-title{color: var(--abc-primary);font-weight: 600;}
a:hover {
    color: var(--abc-primary);
  }
  
  a,
  a:hover,
  a:focus,
  a:visited {
    text-decoration: none;
    color: var(--abc-primary);
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    margin: 0;
    font-weight:700;
  } 


a, a:hover{text-decoration: none;}
::-webkit-scrollbar {width: 8px; background:#023b6d;}
::-webkit-scrollbar-thumb {	background: #056ac2; }
/*===========================================================
# Back to top button
===========================================================*/
.back-to-top {  position: fixed;  visibility: hidden;  opacity: 0;  right: 15px;  bottom: 15px;  z-index: 99999;  background: #073C92;  width: 40px;  height: 40px;  border-radius: 4px;  transition: all 0.4s;}
.back-to-top i {  font-size: 24px;  color: #fff;  line-height: 0;}
.back-to-top:hover {background: #fdd20a;  color: #fff;}
.back-to-top.active {visibility: visible;  opacity: 1;}

/** ===========================================================
MENU & LOGO section
===============================================================**/
.top-menu{background:#19459d;color:#fff;}
.top-menu ul li{border-right:1px solid #07347E;}
.top-menu a{color: #00AEEF;}
.top-menu .search .form-control{border: 0px solid; border-bottom: 0px solid #00AEEF !important;background-color: transparent !important;border-radius: 0;color: #00AEEF;}
.top-menu .search input::placeholder{color: #00AEEF;font-weight: 300;}
.top-menu .search i{color:#00AEEF;}

/* General styles */
.menu { min-height: 70px; padding: 0; background: rgb(240, 243, 248); }
.menu .navbar-toggler i { color: #0e3b89; font-size: 40px; font-weight: 600; }
.menu .logo { max-height: 60px; }
.main-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; }
.offcanvas-end { width: 100% !important; }
.main-item { position: relative; padding: 15px; display: flex; flex-direction: row; align-items: center; }
.main-item i { color: #0f398e; margin-left: 0px; font-weight: 700; font-size: 12px; align-self: center; }
.main-item > a { text-decoration: none; color: #0f398e; text-transform: uppercase; font-weight: 600; }
.main-item > a:hover { border-bottom: #0f398e 2px solid; }
.menu .btn { height: 70px; line-height: 70px; text-transform: uppercase; padding-top: 0; padding-bottom: 0; border: 0; }

/* Desktop Dropdown Styles */
.mega-menu { display: none; position: absolute; left: 0; top: 100%; min-width: 250px; max-width: 100%; background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1000; }
.sub-menu { display: flex; flex-wrap: wrap; padding-left: 0px; list-style-type: none; }
.sub-item { min-width: 250px; border-bottom: 1px solid #dce3f3; }
.sub-item > a { padding: 8px 10px; font-weight: 400; display: block; }
.sub-item a:hover { background-color: #07347E; color: #fff; }
.sub-item a:hover i { color: #fff; }
.sub-sub-menu { list-style: none; padding-left: 0; }
.sub-sub-item > a { text-decoration: none; display: block; padding: 5px 10px; color: #2d6dcb; }
.main-item:hover .mega-menu { display: block; }
.modal{background-color: rgba(0,0,0,0.5);}
.modal-backdrop {z-index: 1010!important;}
.modal-dialog {max-width: 700px;	margin: 10% auto;}
.modal-body{padding: 0;}

/** ============================================================
FRONT PAGE SLIDES
==============================================================**/
.btn-one {  position: relative;  display: inline-block;  overflow: hidden;  padding-left: 30px;  padding-right: 30px;  background-color: transparent;  color: var(--abc-black);  font-size: 18px;
  line-height: 60px;  font-weight: 500;  text-transform: capitalize;  border-radius: 0px;  -webkit-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear;  z-index: 2;}
.btn-one:before {  position: absolute;  top: 110px;  left: -50px;  right: -50px;  height: 170px;
  content: "";  background: var(--abc-primary);  -webkit-transform: translateY(-50px);  transform: translateY(-50px);  border-radius: 50%;  transition-duration: 800ms;  z-index: 1;}
.btn-one:hover:before {  top: 0%;  left: -70px;  right: -70px;}
.btn-one:after {  content: "";  position: absolute;  top: 0px;left: 0px;  bottom: 0px;  right: 0px;
  border-radius: 0px;  background-color: #ffffff;  opacity: 1;  transform: scaleX(1.0);  transition-duration: 800ms;  z-index: -1;}
.btn-one:hover:after {  transform: scaleX(0);  transition-duration: 1500ms;}
.btn-one .txt {  position: relative;  z-index: 1;}
.btn-one:hover,.btn-one:focus {  color: #ffffff;}
.btn-one i {  position: relative;  display: inline-block;  padding-left: 5px;  font-size: 12px;  font-weight: 700;}
.btn-btn {  color: var(--abc-white);  background: var(--abc-primary);  border-radius: 0px;  padding: 11px 24px;  display: inline-block;  box-shadow: inset 0 0 0 0 var(--abc-black);  -webkit-transition: ease-out 0.4s;  -moz-transition: ease-out 0.4s;  transition: ease-out 0.4s;}
.btn-btn:hover {  color: var(--abc-white);  box-shadow: inset 400px 0 0 0 var(--abc-black);}
.main-slider {position: relative;display: block;z-index: 10;}
.slider-buttom-box {position: absolute;right: 20px;bottom: 20px;z-index: 11;}
.slider-buttom-box a {position: relative;display: flex;align-items: center;justify-content: space-between;width: 230px;height: 50px;background-color: var(--abc-primary);padding: 0 20px;color: #ffffff;font-weight: 500;transition: all 200ms linear;transition-delay: 0.1s;}
.slider-buttom-box a:hover {background-color: var(--abc-primary);}
.slider-buttom-box a+a {  margin-top: 10px;}
.slider-buttom-box a.box-link {  background-color: var(--abc-primary);}
.slider-buttom-box a.box-link:hover {  background-color: var(--abc-primary);}
.main-slider .swiper-slide {  position: relative; height:530px;}
.main-slider .container {  position: relative;  padding-top: 90px;  padding-bottom: 100px; z-index: 30;}
.main-slider .image-layer {position: absolute;top: 0;left: 0;right: 0;bottom: 0;  background-repeat: no-repeat;  background-size: cover;  background-position: center;  -webkit-transform: scale(1);  transform: scale(1);  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;  transition: transform 7000ms ease, opacity 1500ms ease-in;  transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  z-index: 1;}
.main-slider .swiper-slide-active .image-layer {  -webkit-transform: scale(1.15);  transform: scale(1.15);}
/*.main-slider .image-layer:before {  position: absolute;  top: 0px;  right: 0;  bottom: 0;*/
/*  width: 80%;  content: "";  z-index: -1;  background: rgb(26, 28, 35);  background: linear-gradient(270deg, rgba(26, 28, 35, 1) 0%, rgba(26, 28, 35, 0.9500175070028011) 12%, rgba(26, 28, 35, 0.865983893557423) 29%, rgba(26, 28, 35, 0) 100%);}*/
.main-slider .main-slider-content {position: absolute;  display: block;  max-width: 450px;  width: 100%;padding: 50px;background-color:rgb(1, 41, 112, 0.9);
}
.main-slider .main-slider-content__inner {  position: relative;  display: block;  overflow: hidden;}
.main-slider .main-slider-content .big-title {  position: relative;  display: block;  opacity: 0;
  -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
  -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
  transform: perspective(400px) rotateY(0deg) translateY(-80px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  z-index: 10;
}
.main-slider .swiper-slide-active .main-slider-content .big-title {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
  -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
  transform: perspective(400px) rotateY(0deg) translateY(0px);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
.main-slider .main-slider-content .big-title h2 {   color: #ffffff;  font-size: 40px;  line-height: 1.2em;  font-weight: 600;  text-transform: inherit;}
.main-slider .main-slider-content .text {  position: relative;  display: block;  width: 100%;  margin-top: 16px;  opacity: 0;
  -webkit-transform: perspective(400px) rotateY(0deg) translateX(80px);
  -ms-transform: perspective(400px) rotateY(0deg) translateX(80px);
  transform: perspective(400px) rotateY(0deg) translateX(80px);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  z-index: 10;
}

.main-slider .swiper-slide-active .main-slider-content .text {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
  -ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
  transform: perspective(400px) rotateY(0deg) translateX(0px);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.main-slider .main-slider-content .text p {  color: #ede7e2;  line-height: 28px;  font-weight: 400;
  font-size: 16px;}
.main-slider .main-slider-content .btns-box {  position: relative;  display: block;  line-height: 0;  opacity: 0;
  -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
  -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
  transform: perspective(400px) rotateY(0deg) translateY(80px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  z-index: 10;
}

.main-slider .main-slider-content .btns-box a {
  background: var(--abc-primary);
}

.main-slider .swiper-slide-active .main-slider-content .btns-box {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
  -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
  transform: perspective(400px) rotateY(0deg) translateY(0px);
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}
.main-slider__nav {  position: absolute;  right: 270px;  bottom: 60px;  transform: translateY(0%) translateX(0);  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  z-index: 100;  width: 140px;}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {  position: relative;  top: auto;  left: auto;  right: auto;  bottom: auto;  width: 60px;  height: 60px;  display: flex;  justify-content: center;  align-items: center;  font-size: 24px;  color: var(--abc-black);  background-color: rgba(255, 255, 255, 0.4);  border-radius: 0;  margin: 0;  text-align: center;  transition: all 500ms ease;  z-index: 100;}
.main-slider__nav .swiper-button-next:hover,.main-slider__nav .swiper-button-prev:hover {  color: #ffffff;  background-color: var(--abc-primary);}
.main-slider__nav .swiper-button-next::after,.main-slider__nav .swiper-button-prev::after {  display: none;}

/** =========================================================
* Home - Quick Links & Products
=============================================================**/
.qp-area{position: relative;background-color: rgba(15, 57, 142, 0.09);}
.quick-links .card{margin-top: -30px;min-height:150px;border:0px solid !important;position: absolute;z-index: 99;max-width: 180px;width: 100%;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.quick-links a:hover .card{background-color: #0f398e;color:#fff}
.quick-links .card:hover {transform: translateY(-10px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
.qp-area .home-products{margin-top: 200px;}
.home-products .card{ transition: transform 0.3s ease, box-shadow 0.3s ease;}
.home-products .card .btn{color: #0f398e;border: 1px solid #0f398e;border-radius: 0px;}
.home-products .card:hover {transform: translateY(-10px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);background-color: #0f398e;color:#fff}
.home-products .card:hover .btn{color: #fff;border: 1px solid #fff;}
.home-products .nav-link{height: 100px;color:#f2f5fc}
.home-more{background: #f3f4f5;}

/** ===========================================
* Search Results Display
==============================================**/
.search-results {  position: absolute;  z-index: 1000;  background-color: #fff;  border: 1px solid #ccc;  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  width: 100%;  max-height: 300px;  overflow-y: auto;  display: none;  margin-top: 15px;}
  .search-results-list {  list-style: none;  padding: 0;  margin: 0;}
  .search-result-item {  padding: 10px;  cursor: pointer;  border-bottom: 1px solid #eee;  transition: background-color 0.2s;}
  .search-result-item:hover {  background-color: #f0f0f0;}
  .search-no-results {  padding: 10px;  margin: 0;  font-style: italic;  color: #888;}
  .search-result-item {  padding: 10px;  cursor: pointer;  border-bottom: 1px solid #eee;  transition: background-color 0.2s;line-height: 1.1 !important; font-weight: 300;   align-items: center;  color:#333;}
  .search-result-icon {  margin-right: 10px;  width: 24px;  height: 24px;  fill: #333; }
  .search-result-text {  flex-grow: 1;  color: #333;}
  .search-result-item:hover {  background-color: #f0f0f0;color:#5f0404;}
  
  /* Style for mobile search icon */
  .mobile-search-icon {  display: none;  position: relative;  cursor: pointer;  font-size: 25px;  color: #dfbebe;}
  .search-box {  display: none;  position: absolute;  top: 0;  right: 0;  left: 0;  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);  padding: 10px;  z-index: 1000;}

/*** =============================================
    Individual Corporate Banking Area Css
=============================================
***/

.individual-banking {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 93px 0 70px;
  background-color: #19459D;
  background-blend-mode: luminosity;
  color: #fff;
  z-index: 1;
}

.individual-banking-bg {
  position: relative;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  background-color: #19459D;
  background-blend-mode: luminosity;
  z-index: -1;
  color: #fff;
}

.individual-banking:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgb(26, 28, 35);
  background: linear-gradient(90deg, rgba(26, 28, 35, 1) 0%, rgba(26, 28, 35, 0) 0%, rgba(26, 28, 35, 0) 40%, rgba(26, 28, 35, 0.3701855742296919) 51%, rgba(26, 28, 35, 0.9472163865546218) 65%, rgba(26, 28, 35, 1) 100%);
}

.individual-banking:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #03112c;
  opacity: 0.80;
}


.individual-banking__inner {

  z-index: 2;
}

.individual-banking__inner .sec-title {
  margin-top: 0px;
  padding-bottom: 55px;
}

.individual-banking__inner .sec-title h2 {
  color: #ffffff;
}

.individual-banking__inner .sec-title .sub-title p {
  color: #a5a6aa;
}


.individual-banking__inner-content {
  position: relative;
  display: block;
  overflow: hidden;
}

.individual-banking__inner-content ul {
  position: relative;
  display: block;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}

.individual-banking__inner-content ul li {
  position: relative;
  display: block;
  float: left;
  width: 33.3333333333%;
  padding: 0 15px;
}
.single-features-of-banking-header {
  position: relative;
  display: block;
  z-index: 1;
}
.single-features-of-banking {
  position: relative;
  display: block;
  background-color: #272a32;
  border: 1px solid #363a42;
  text-align: center;
  padding: 30px 0px 0;

  margin: 0 auto 30px;
  z-index: 1;
}

.single-features-of-banking:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-right: 55px solid #30343c;
  border-top: 102px solid transparent;
  border-bottom: 102px solid transparent;
}

.single-features-of-banking::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border: 1px solid var(--abc-primary);
  z-index: -1;
  opacity: 0;
  transform: perspective(400px) scaleX(0.7);
  transform-origin: center;
}

.single-features-of-banking:hover::after {
  opacity: 1;
  transform: perspective(400px) scaleX(1.0);
  transition: all 300ms linear;
  transition-delay: 0.1s;
}

.single-features-of-banking .icon-holder {
  font-size: 40px;
}

.single-features-of-banking h3 {
  font-size: 17px;
  line-height: 28px;
  margin: 12px 0 11px;
}

.single-features-of-banking h3 a {
  color: #ffffff;
}

.single-features-of-banking .btn-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  padding-top: 9px;
  z-index: 1;
}

.single-features-of-banking .btn-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-bottom: 55px solid #30343c;
  border-left: 85px solid transparent;
  border-right: 85px solid transparent;
}

.single-features-of-banking:hover .btn-box:before {
  border-bottom-color: var(--abc-primary);
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.single-features-of-banking .btn-box a {
  position: relative;
  display: inline-block;
  color: #a5a6aa;
  font-size: 15px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.single-features-of-banking:hover .btn-box a {
  color: #ffffff;
}



.single-features-of-banking.more-services {
  background-color: transparent;
  border: none;
  padding: 34px 0px 0;
  box-shadow: none;
  margin-top: 1px;
}

.single-features-of-banking .more-services:before {
  display: none;
}

.single-features-of-banking .more-services:after {
  display: none;
}


.single-features-of-banking .more-service-box {
  position: relative;
  display: block;
  padding: 2px 0 32px;
}

.single-features-of-banking .more-service-box a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 50%;
  color: #747579;
  font-size: 40px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.single-features-of-banking .more-service-box a:hover {
  color: #ffffff;
  background-color: var(--abc-primary);
}

.single-features-of-banking .more-service-box h3 {
  color: #ffffff;
  line-height: 20px;
  margin: 16px 0 0;
}

/**========================================================
Corporate Banking
=========================================================**/
.corporate-banking {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 93px 0 70px;
  z-index: 1;
}

.corporate-banking-bg {
  left: 0;
  bottom: 0;
  right: 0;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  background-color: #1a1c23;
  z-index: -1;
}

.corporate-banking-bg:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;

  background: rgb(26, 28, 35);
  background: linear-gradient(90deg, rgba(26, 28, 35, 1) 0%, rgba(245, 248, 247, 1) 0%, rgba(245, 248, 247, 1) 30%, rgba(245, 248, 247, 1) 40%, rgba(245, 248, 247, 1) 55%, rgba(245, 248, 247, 0) 100%);
}

.corporate-banking-bg:after {
  content: "";
  
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #f5f8f7;
  opacity: 0.80;
}

.corporate-banking__inner {  z-index: 2;}

.corporate-banking__inner .sec-title {
  margin-top: 0px;
  padding-bottom: 55px;
}

.corporate-banking__inner .sec-title h2 {
  color: var(--abc-black);
}

.corporate-banking__inner .sec-title .sub-title p {
  color: #797c7f;
}

.corporate-banking__inner-content {
  position: relative;
  display: block;
  overflow: hidden;
}

.corporate-banking__inner-content ul {
  position: relative;
  display: block;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}
h3.business-hd {
	font-size: 2.7rem;
	margin-bottom: 1rem;
	color: #19459d;
}
h3.personal-hd {
	font-size: 2.7rem;
	margin-bottom: 1rem;
}
.corporate-banking__inner-content ul li {
  position: relative;
  display: block;
  float: left;
  width: 33.3333333333%;
  padding: 0 15px;
}


.single-features-of-banking--style2 {
  border-color: #e1e6e4;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}

.single-features-of-banking--style2 h3 a {
  color: var(--abc-black);
}

.single-features-of-banking--style2:before {
  border-right: 55px solid #f5f8f7;
}

.single-features-of-banking--style2 .btn-box:before {
  border-bottom: 55px solid #f5f8f7;
}

.single-features-of-banking--style2 .more-service-box h3 {
  color: var(--abc-black);
}
.smoni{
  border: solid 2px #fdd20a;
    padding: 0.5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    width: 50%;
    border-radius: 50px;
    color: #fff;
}
.forebtn{background: #fdd20a;width:45%;padding-top: 0.8rem;padding-bottom: 0.8rem; color:#444!important;}
.loabtn{border: 2px solid #07347E;border-radius: 50px;width:50%;font-weight: 600;padding-top: 0.5rem; padding-top: 0.5rem}
.forex table{border: 1px solid #a5a6aa}
.forex td{border: 4px solid #fff; background-color: rgb(57, 125, 236, 0.2) !important;}
.posts-home {color:#333;overflow: hidden;}
.posts-home a:hover{color: var(--abc-primary) !important;}
.posts-home img{width: 100%;height: 250px; transform: scale(1.0);mix-blend-mode: none; transition-duration: .7s;vertical-align: middle; object-fit: cover;  object-position: center;}
.posts-home:hover img{-webkit-transform: scale(1.08) rotate(3deg);  transform: scale(1.05) rotate(1deg);}
.ptitle h2{font-size: 48px; line-height: 1.0;}
.ptitle span{color: #19459d; text-align: center}
/** ============================================================
PRODUCTS Section
==============================================================**/
.intro-area h1{font-size: clamp(40px,4vw,48px);font-weight: 800;color: #171b1c;margin-bottom: 0;}
.intro-area p{color: #484c4d;font-size: 1.2rem;font-weight: 300;margin-top: 0;}
.intro-area img{border-radius: 50%; text-align: center; width: 400px; height: 400px; object-fit: cover;}
.content-area{background:#f2f5fc; border: 0px;}
.content-area .cmain{background-color: #d7e1f7;border-radius: 14px;display: flex;padding: 2rem;box-shadow: 0px 0px 15px 1px #ddd;}
.content-area .cmain ul{padding-left: 0rem;}
.content-area .cmain ul li{list-style: none; padding-left: 0rem;margin: 10px 0;}
.content-area .cmain li::before{margin-right: 10px; content: "\F26A"; font-family: bootstrap-icons !important;  font-style: normal;  font-weight: normal !important;  display: inline-block;  color: #19459D;}
.content-area .cright{border-radius: 14px;display: flex;padding: 2rem;box-shadow: 0px 0px 15px 1px #ddd; min-height: 100%; background-image: url('http://localhost/abcbank/assets/images/bg/02-prdt.jpg');background-position: top;}
.content-area .cright h3{margin-bottom: 1rem; font-weight: 700;}
.content-area .cright ul{padding-left: 0rem;}
.content-area .cright ul li{list-style: none; padding-left: 0rem;margin: 10px 0;display: flex;}
.content-area .cright li::before{margin-right: 10px; content: "\F280"; font-family: bootstrap-icons !important;  font-style: normal;  font-weight: normal !important;  display: inline-block;  color: #19459D;}
.other ul{padding-left: 0rem;}
.other ul li{list-style: none; padding-left: 0rem;margin: 10px 0;display: flex;}
.other li::before{margin-right: 10px; content: "\F26A"; font-family: bootstrap-icons !important;  font-style: normal;  font-weight: normal !important;  display: inline-block;  color: #19459D;}
.calc{background-color: #f2f5fc; margin-top: -18%;box-shadow: 0px 0px 15px 1px #ddd;}
.calc1 {background-color: #f2f5fc;box-shadow: 0px 0px 15px 1px #ddd;}
.other-loans{min-height: 250px;}
.other-loans img{height: 150px; width: auto; object-fit: cover;}
.posts_img {
    height: 420px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 1em;
}
.team .member-info{text-align: center;}
.team .member-info h4{font-size: 18px;color:#19459d;}
.team .member-info p{font-size:13px;}
.team .profilepic{height: 250px !important;width:260px !important; object-fit: cover; object-position: top;}
.member-details img{height:400px;width:100%;object-fit: cover;object-position: top;padding-right:10px;}
.member-details .btx{margin-left: 90%;  margin-top: 10px;}
.member-details h4, .partner-details h4{font-weight: 700; color: #2A2A86;font-size: 22px; line-height: 1.5;}
.member-details .modal-body span::after, .partner-details .modal-body span::after {border-bottom: 2px solid #eee; padding-bottom:10px;margin-bottom: 10px;}
.member-details .modal-body p.title,.partner-details .modal-body p.title{border-bottom: dotted 2px #eee; color:#00AEEF;font-weight:500;}
.member-details .modal.show .modal-dialog {padding: 20px; background: #fff;}
.member-details .modal-content {max-height: calc(100vh - 3.5rem); overflow-y: auto;}
.member-details .modal-body {position: relative;flex: 1 1 auto; padding: var(--bs-modal-padding); max-height: 350px;}
.member-details p{font-weight: 400;}
.about-strategy{color: #084298;background-color: #cfe2ff;border-color: #b6d4fe;}

/** ============================================================
CONTACT US Page
==============================================================**/
.contact .info-box {background: #fafbff;padding: 5px;box-shadow: 2px 1px 2px 2px #cfd2ee;}
.contact .info-box i {font-size: 45px;color: #19459d;}
.contact .info-box h3 {font-size: 20px;color: #012970;font-weight: 700; margin: 10px 0 10px 0;}
.contact .info-box p {padding: 0;line-height: 24px;font-size: 14px;margin-bottom: 0;}
.branch{font-size: 14px;}

.contacts .cbtn{display: inline-block; padding: 10px;width:40px;height: 40px; background:#00AEEF;border-radius: 50%;color: #eee;}
.contacts span{display: inline-block;font-size: 15px;text-align: center;}
.contacts .cbtn i{font-size: 18px;}
.contacts .cbtn:hover{background: #fff;color:#012970;}
.contacts .socials{padding-left: 0; list-style-type: none;display: flex;font-size: 24px;}
.contacts .socials li a{color:#fff;}
.contacts .socials li{margin-right: 1.2em;}
.contacts .socials li:nth-last-child(){margin-right: 0px;}
/** ============================================================
FOOTER Section
==============================================================**/

.footer{font-size: 12px; color: #f5f8f7; min-height: 200px; margin-top: auto;padding-top: 20px;}
.footer .contact-abc{border: 0px solid #fdd20a; border-radius: 50px; padding: 1.1em 0; margin: 1em 0 2.5em;}
.footer .fmenu ul{list-style: none; margin-left: 0px;padding-left: 0px;line-height: 1.9;}
.footer .fmenu a{color: #ddd; font-size: 13px;}
.footer .fmenu a:hover{color: #fff;}
.footer .email{font-size: 1.25rem;}

/** ============================================================
LOGIN PAGE
==============================================================**/
.login{background: #023b6d;}
.login .footer{color: #3c75a7}
.login .container{width: 400px; background: inherit;margin-top:5%; }
.login h4{color: #eee;}
.login .container:before {
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    filter: blur(10px);
    background: inherit;
}
.login .footer{min-height: 0px;}
/** =======================================================
MOBILE / RESPONSIVE
=========================================================**/
@media (max-width: 991.98px) {
  .offcanvas {background-color: rgba(15, 57, 142, 0.75);color: #00AEEF;}
  .offcanvas-end{max-width: 60% !important;}
  .main-menu {flex-direction: column;width: 100%;}
  .main-item.open {display: block;align-items: center;justify-content: space-between;}
  .mega-menu {display: none;position: static;box-shadow: none;width: 100%;background: transparent;}
  .main-item > a {color: #fff;}
  .main-item.open .mega-menu {display: block;}
  .main-item i.toggle-submenu {margin-left: auto;cursor: pointer;transition: transform 0.3s ease;color: #fff;}
  .main-item.open i.toggle-submenu {transform: rotate(180deg);display: none;}
  .sub-item {border-bottom: 1px solid #1b3e8d;}
  .sub-item > a {color: #eee;border-bottom: 1px solid #1b3e8d;}
  .sub-sub-item > a {color: #f6f8fa;}
  .main-item i {color: #eee;}
  .navbar-toggler:focus {box-shadow: 0 0 0 0;}
  .btn:focus {outline: 0;box-shadow: 0 0 0 0rem rgba(13,110,253,.25);}
}

@media screen and (max-width: 500px){
  .login .container{width:300px;}
  .offcanvas-end{max-width: 300px !important;}
  .main-item {padding: 5px;}

  
    .swiper-slide { height:300px;}
    .main-slider .container {padding-top:180px;}
    .main-slider .main-slider-content {max-width: 350px;width: 100%;padding: 15px; }
    .main-slider .main-slider-content__inner {  position: relative;  display: block;  overflow: hidden;  width: 100%;top: 0px;}
    .main-slider .main-slider-content .big-title h2 {  color: #ffffff;  font-size: 26px;  line-height: 1.2em;  font-weight: 800;  text-transform: inherit;margin-top: 0.5em; }
    .main-slider .main-slider-content .text p {color: #ede7e2;line-height: normal; font-weight: 400;  font-size: 14px;}
    .main-slider__nav { position: absolute; left: 50px; bottom: 20px;transform: translateY(0%) translateX(0); display: flex;flex-direction: row;justify-content: space-between;align-items: center;z-index: 100;width: 100px;}
    .single-features-of-banking .btn-box::before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: -1; border-bottom: 45px solid inherit;border-left: 0px solid transparent;border-right: 85px solid transparent;}

    .quick-links .card{margin-top: 10px;min-height:150px;border:0px solid !important;position: relative;z-index: 99;max-width: 180px;width: 100%;transition: transform 0.3s ease, box-shadow 0.3s ease;}
    .qp-area .home-products {margin-top: 30px; }
    .quick-links a:hover .card{background-color: rgba(15, 57, 142, 0.877);color:#fff}
    .quick-links .card:hover {transform: translateY(-10px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
    .home-products .card:hover {transform: translateY(-10px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
    .intro-area{padding-top: 10px;}
    .intro-area h1{font-size: 32px;}
    .intro-area img { border-radius: 0%;text-align: center;width: 100%;height: auto;object-fit: cover;margin-bottom: 1em;}



   .header .logo{width:auto;height:40px; position: relative;top:5px;left:10px; margin-bottom: 10px;}
    .header .top-menu{height:36px; display: none;}
    .header .menu{background: #19459D; color: #fff;height:55px}
    .header .menu a{color: #fff;}
    .header .menu .dmenu ul li{color:#5e5f61 }
    .header .menu .dmenu ul li a{color: #5e5f61 !important; border-bottom: 1px solid rgb(228 224 224); background-color: #fff;} 

    .header .menu::before{ display: none;}
    .header .menu .dropdown-item{color: #333; width: 200px; border-bottom: 1px solid #EEEEEE; padding:10px; }
    .header .menu .dropdown-item:hover, .dropdown-item:focus{background: rgba(25, 69, 157, .2)}
    .header .menu .megasubmenu{ padding:1rem; }
    .header .contactbtn{border:2px solid #fdd20a; border-radius: 50px; font-size: 12px; font-weight: 600;}
    .header .branchbtn{border:2px solid #333; background: #fff; border-radius: 50px; font-weight: 600; font-size: 12px; color: #19459D !important;}
    .header .menu .stellarnav.mobile li a { border-bottom: 1px solid rgba(255,255,255,.15); background: #1C3B78;}
    .header .menu .stellarnav.mobile ul li li a{color: #5e5f61 !important; border-bottom: 1px solid rgb(228 224 224); background-color: #fff;} 
    .header .menu .stellarnav.mobile ul li li li a{color: #5e5f61 !important; border-bottom: 1px solid rgb(228 224 224); background-color: #F5F5F5;}
    .forebtn{background: #fdd20a;width:70%; padding: 0.5rem;font-size: 100%; margin-top: 1.0rem;}
    .loabtn{border: 2px solid #07347E;border-radius: 50px;font-weight: 600;padding:0.5rem;font-size: 100%;width:70%;}
    .smoni {border: solid 2px #fdd20a;padding: 0.5rem 1rem;font-weight: 600; margin-top: 1rem;display: inline-block;width: 100%;border-radius: 50px;font-size: 100%;}
    .team .profilepic {height: 250px !important;width: 340px !important;}
    
 
    
    .posts_img {height: auto; width: 100%; margin-bottom:1em;}
    .footer .email{font-size: 0.85rem;}
    .calc {background-color: #f2f5fc;margin-top: 0%;box-shadow: 0px 0px 15px 1px #ddd;}
    .calc1 {background-color: #f2f5fc;margin-top: 0%;box-shadow: 0px 0px 15px 1px #ddd;}

    
}

/** =========================================================
*DARK MODE
*=================================================================*/

/**@media (prefers-color-scheme: dark) {
	:root {
	  html,body{background: #000;}
    .menu{background-color: #03112c;color: #023b6d;}
    .menu i{color: #023b6d;}
	  .bg{background-color: #000;background-image: unset;}
	  .title{color-scheme:inherit;}
	  .card.card-content {background-color: #282828 !important; }
	  .pq-area{background-color:#03112c;}
    .quick-links .card{background-color: #03112c;}
    .quick-links .card .text-white{color:#03112c !important;}
    .quick-links .card:hover .text-white{color:#fff !important;}
    .home-more{background-color: #03112c;}
    .home-products .card{background-color:#071739;}
    .home-products .card h4{color:#577db8;}
    .home-products .card span{color: #0e3b89;}
    .home-products .card .card-image{image-rendering: var(--abc-gray);}
	  
	  
	}
}**/