/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Mega menu dropdown styles */
@import url("https://wp.webbazaar.co.in/apex/wp-content/uploads/elementor/css/post-1690.css");
@import url("https://wp.webbazaar.co.in/apex/wp-content/uploads/elementor/css/post-1698.css");
@import url("https://wp.webbazaar.co.in/apex/wp-content/uploads/elementor/css/post-1703.css");
@import url("https://wp.webbazaar.co.in/apex/wp-content/uploads/elementor/css/post-1708.css");
@import url("https://wp.webbazaar.co.in/apex/wp-content/uploads/elementor/css/post-1713.css");
@import url("https://wp.webbazaar.co.in/apex/wp-content/uploads/elementor/css/post-1718.css");

/* Mega menu overflow towards right correction */
.menu-item-1688 .elementskit-megamenu-panel {
  top: unset !important;
  left: unset !important;
  right: 0;
}

.caption-btn {
	background-color: #003e8e;
	color: #fff !important;
	border-radius: 15px;
	padding: 4px 20px;
}
.elementor-icon-list-icon {
  min-width: 22px;
}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  border-color: #ccc;
  border-radius: 0;
}
[type="button"], [type="submit"], button {
  border: 1px solid #008a3b;
}
[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
  color: #008a3b;
  background-color: #bacd1b;
  text-decoration: none;
}

/* Notice Marquee Scroller */
.notice-board {
  overflow: hidden;
}
.marquee {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: calc(100vw - 100px);
  overflow: hidden;
  white-space: nowrap;
}
.marquee .notice {
  display: flex;
  color:#fff;
  font-size: 12px;
  line-height: 14px;
  cursor: pointer;
  min-width: calc(200vw - 200px);
  position: absolute;
  animation: marquee 20s linear infinite;
}
.marquee .notice:hover {
  animation-play-state: paused;	
}
.marquee .notice span {
  width: 50%;
  padding: 0 20px;
  overflow: hidden;
}
.marquee .notice a {
  color: #fff;
  text-decoration: none;
}
.marquee .notice a:hover {
  color: #fff;
}
.marquee .notice b {
  animation: blinker 1.5s linear infinite;
}
.text-blink a {
  animation: blinker 1.5s linear infinite;
}
@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes blinker {
  50% {
	color: #bacd1b;
  }
}

/* Side bar dropdown for template Retail Banking Sidebar */
.retail-banking .menu-retail-banking-submenu-container {
  padding: 15px;
}
.retail-banking .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.retail-banking .menu-item {
  margin-bottom: 10px;
}
.retail-banking .menu-item a {
  color: #fff !important;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #008a3b;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.retail-banking .menu-item a:hover {
  background-color: #00642b;
}
.retail-banking .sub-menu {
  list-style: none;
  padding-left: 15px;
  margin: 0;
  display: none;
}
.retail-banking .sub-menu li a {
  background-color: #008a3b;
  margin: 5px 0;
  padding: 8px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.retail-banking .sub-menu li a:hover {
  background-color: #00642b;
}
.retail-banking .menu-item.active > a {
  background-color: #008a3b;
}
.retail-banking .sub-menu li.active > a {
  background-color: #008a3b;
}
.retail-banking .menu-item-has-children > a::after {
  content: '\25BC'; /* Downward arrow */
  font-size: 12px;
  margin-left: 10px;
  transition: transform 0.3s ease;
}
.retail-banking .menu-item-has-children.active > a::after {
  transform: rotate(-180deg); /* Rotated upward */
}

/* Custom icons */
.custom-icon {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  padding: 15px;
}
.custom-icon.stacked {
  border-radius: 50%;
  background-color: #bacd1b;
}
.custom-icon::after {
	content: "";
  width: 50px;
  height: 50px;
  display: block;
  background-image: url('./assets/icons/sprite.png');
  background-repeat: no-repeat;
}

.custom-icon.icon-interest-rate::after {
    background-position: -13px -8px;
}
.custom-icon.icon-services::after {
    background-position: -73px -8px;
}
.custom-icon.icon-loans::after {
    background-position: -143px -8px;
}
.custom-icon.icon-dicgc::after {
    background-position: -213px -8px;
}

.custom-icon.icon-nsc::after {
    background-position: -8px -69px;
}
.custom-icon.icon-bda::after {
    background-position: -74px -69px;
}
.custom-icon.icon-bda-site::after {
    background-position: -143px -69px;
}
.custom-icon.icon-cash::after {
    background-position: -218px -69px;
}

.custom-icon.icon-education::after {
    background-position: -6px -135px;
}
.custom-icon.icon-gold::after {
    background-position: -75px -135px;
}
.custom-icon.icon-overdraft::after {
    background-position: -141px -135px;
}
.custom-icon.icon-pension::after {
    background-position: -220px -135px;
}

.custom-icon.icon-personal::after {
    background-position: -8px -200px;
}
.custom-icon.icon-professional::after {
    background-position: -72px -200px;
}
.custom-icon.icon-rent::after {
    background-position: -144px -200px;
}
.custom-icon.icon-retail::after {
    background-position: -216px -200px;
}

.custom-icon.icon-self-employment::after {
    background-position: -9px -268px;
}
.custom-icon.icon-travel::after {
    background-position: -75px -268px;
}
.custom-icon.icon-women::after {
    background-position: -146px -268px;
}
.custom-icon.icon-cash-credit::after {
    background-position: -215px -268px;
}

.custom-icon.icon-commercial-vehicle::after {
    background-position: -8px -328px;
}
.custom-icon.icon-home-loans::after {
    background-position: -70px -328px;
}
.custom-icon.icon-installment-loan::after {
    background-position: -140px -328px;
}
.custom-icon.icon-jewel-loan::after {
    background-position: -212px -328px;
}

.custom-icon.icon-jewel-loan-bullet::after {
    background-position: -2px -384px;
}
.custom-icon.icon-professional-loan::after {
    background-position: -64px -384px;
}
.custom-icon.icon-site-purchase::after {
    background-position: -136px -384px;
}
.custom-icon.icon-vehicle-loan::after {
    background-position: -211px -384px;
}
.custom-icon.icon-safe-deposit-lockers::after {
    background-position: -3px -447px;
}
.custom-icon.icon-bank-guarantee::after {
    background-position: -72px -447px;
}
.custom-icon.icon-dds-under-imas::after {
    background-position: -141px -447px;
}
.custom-icon.icon-bills::after {
    background-position: -211px -447px;
}
.custom-icon.icon-dd-pay-order::after {
    background-position: -2px -502px;
}
.custom-icon.icon-any-branch-banking-abb::after {
    background-position: -73px -502px;
}
.custom-icon.icon-rtgs-neft::after {
    background-position: -141px -502px;
}
.custom-icon.icon-atm::after {
    background-position: -212px -502px;
}
.custom-icon.icon-pos::after {
    background-position: -2px -556px;
}
.custom-icon.icon-e-commerce::after {
    background-position: -71px -556px;
}
.custom-icon.icon-e-stamping::after {
    background-position: -140px -556px;
}
.custom-icon.icon-dds-under-aimas::after {
    background-position: -210px -556px;
}
.custom-icon.icon-insurance-products::after {
    background-position: -2px -610px;
}
.custom-icon.icon-service-charges::after {
    background-position: -72px -610px;
}

.icon-box:hover {
	background-color: #f0f0f0;
	box-shadow: none !important;
}
@media (min-width: 768px) {
  .marquee {
    height: 40px;
    min-width: calc(100vw - 220px);
  }
  .marquee .notice {
    font-size: 16px;
    line-height: 24px;
    min-width: calc(200vw - 440px);
  }
  .marquee .notice span {
	padding: 0 50px;
  }
}