.elementor-168 .elementor-element.elementor-element-d892e96{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:5px 5px 5px 5px;--margin-top:-5px;--margin-bottom:-5px;--margin-left:-5px;--margin-right:-5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-168 .elementor-element.elementor-element-d892e96:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-d892e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1981;}.elementor-168 .elementor-element.elementor-element-d892e96::before, .elementor-168 .elementor-element.elementor-element-d892e96 > .elementor-background-video-container::before, .elementor-168 .elementor-element.elementor-element-d892e96 > .e-con-inner > .elementor-background-video-container::before, .elementor-168 .elementor-element.elementor-element-d892e96 > .elementor-background-slideshow::before, .elementor-168 .elementor-element.elementor-element-d892e96 > .e-con-inner > .elementor-background-slideshow::before, .elementor-168 .elementor-element.elementor-element-d892e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-168 .elementor-element.elementor-element-d892e96:hover{border-style:none;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-168 .elementor-element.elementor-element-d892e96, .elementor-168 .elementor-element.elementor-element-d892e96::before{--border-transition:0.3s;}.elementor-168 .elementor-element.elementor-element-58d6433{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-168 .elementor-element.elementor-element-58d6433.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-77bed2d{width:100%;max-width:100%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Tiro Bangla", Sans-serif;font-size:27px;font-weight:500;text-shadow:0px 0px 10px rgba(255, 255, 255, 0.3);color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-77bed2d p{margin-block-end:0px;}.elementor-168 .elementor-element.elementor-element-877111e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-168 .elementor-element.elementor-element-877111e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-168 .elementor-element.elementor-element-da2d7b6{--grid-template-columns:repeat(0, auto);text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -1px;--icon-size:13px;--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-168 .elementor-element.elementor-element-da2d7b6 .elementor-social-icon{--icon-padding:0.5em;border-style:none;}.elementor-168 .elementor-element.elementor-element-da2d7b6 .elementor-icon{border-radius:0px 0px 0px 0px;}.elementor-168 .elementor-element.elementor-element-da2d7b6 .elementor-social-icon:hover{border-color:var( --e-global-color-accent );}.elementor-168 .elementor-element.elementor-element-a294301{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-168 .elementor-element.elementor-element-71ad5bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-3px -3px -3px -3px;--e-icon-list-icon-size:12px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-item > a{font-family:"bookman old style font", Sans-serif;font-size:14px;font-weight:400;font-style:normal;text-decoration:none;line-height:16px;letter-spacing:0.9px;}.elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);transition:color 0.3s;}.elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-item:hover .elementor-icon-list-text{color:#EB7E0D;}.elementor-168 .elementor-element.elementor-element-6a1064f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-168 .elementor-element.elementor-element-8945baa{width:100%;max-width:100%;}.elementor-168 .elementor-element.elementor-element-47508a3{--display:flex;}.elementor-168 .elementor-element.elementor-element-1c1dc11{width:var( --container-widget-width, 1600% );max-width:1600%;--container-widget-width:1600%;--container-widget-flex-grow:0;top:0px;}.elementor-168 .elementor-element.elementor-element-1c1dc11.elementor-element{--align-self:center;}body:not(.rtl) .elementor-168 .elementor-element.elementor-element-1c1dc11{left:0px;}body.rtl .elementor-168 .elementor-element.elementor-element-1c1dc11{right:0px;}@media(max-width:767px){.elementor-168 .elementor-element.elementor-element-d892e96{--margin-top:1px;--margin-bottom:1px;--margin-left:1px;--margin-right:1px;--padding-top:-5px;--padding-bottom:-5px;--padding-left:-5px;--padding-right:-5px;}.elementor-168 .elementor-element.elementor-element-77bed2d{margin:-2px -2px calc(var(--kit-widget-spacing, 0px) + -2px) -2px;padding:7px 0px 0px 0px;text-align:center;font-size:19px;line-height:1.2em;letter-spacing:0.4px;}.elementor-168 .elementor-element.elementor-element-77bed2d p{margin-block-end:0px;}.elementor-168 .elementor-element.elementor-element-da2d7b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-168 .elementor-element.elementor-element-71ad5bb{margin:-7px -7px calc(var(--kit-widget-spacing, 0px) + -7px) -7px;padding:6px 6px 6px 6px;}.elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-168 .elementor-element.elementor-element-71ad5bb .elementor-icon-list-item > a{font-size:13px;line-height:1.1em;}}@media(min-width:768px){.elementor-168 .elementor-element.elementor-element-d892e96{--content-width:1600px;}.elementor-168 .elementor-element.elementor-element-58d6433{--width:37.143%;}.elementor-168 .elementor-element.elementor-element-877111e{--width:27.588%;}.elementor-168 .elementor-element.elementor-element-a294301{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-1c1dc11 */<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>HDCCB</title>

<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400&display=swap" rel="stylesheet">

<style>

body{
margin:0;
font-family:'Roboto Slab',serif;
}

/* TOP BAR */

.topbar{
background:#001f44;
color:white;
display:flex;
justify-content:space-between;
padding:6px 30px;
font-size:14px;
}

.topbar a{
color:white;
text-decoration:none;
margin-left:15px;
}

/* INTERNET BANKING BUTTON */

.internetbanking{
background:#ff6600;
padding:4px 10px;
border-radius:3px;
}

/* NIVARAN BUTTON */

.nibaran-btn{
background:#ffcc00;
color:#000 !important;
padding:5px 10px;
border-radius:4px;
font-weight:600;
}

/* HEADER */

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:6px 30px;
background:white;
}

/* LOGO */

.logo{
width:60px;
height:60px;
object-fit:contain;
}

/* LOGO AREA */

.logo-area{
display:flex;
align-items:center;
gap:12px;
}

/* BANK NAME */

.bankname{
font-size:18px;
font-weight:600;
color:#002e62;
}

/* RIGHT HEADER AREA */

.header-right{
display:flex;
align-items:center;
gap:20px;
}

/* DICGC AREA */

.dicgc-area{
display:flex;
align-items:center;
gap:8px;
}

/* DICGC LOGOS */

.dicgc{
width:50px;
height:50px;
object-fit:contain;
}

/* DICGC TEXT */

.dicgc-text{
font-size:12px;
color:#002e62;
}

/* SEARCH */

.search input{
padding:5px 8px;
border:1px solid #ccc;
border-radius:4px;
font-size:13px;
}

/* NAVBAR */

.navbar{
background:#002e62;
}

/* MENU */

.menu{
display:flex;
list-style:none;
margin:0;
padding:0;
justify-content:center;
}

.menu li{
position:relative;
}

.menu li a{
display:block;
padding:14px 18px;
color:white;
text-decoration:none;
font-size:15px;
}

.menu li a:hover{
background:#ff6600;
}

/* DROPDOWN */

.submenu{
display:none;
position:absolute;
background:#002e62;
list-style:none;
padding:0;
top:100%;
min-width:200px;
}

.submenu li a{
padding:12px 15px;
}

.dropdown:hover .submenu{
display:block;
}

/* MOBILE MENU */

.menu-toggle{
display:none;
color:white;
font-size:26px;
padding:12px 20px;
cursor:pointer;
}

/* MOBILE RESPONSIVE */

@media (max-width:900px){

.menu{
flex-direction:column;
display:none;
width:100%;
}

.menu.active{
display:block;
}

.menu li{
border-top:1px solid rgba(255,255,255,0.2);
}

.menu-toggle{
display:block;
}

.submenu{
position:relative;
}

.dropdown:hover .submenu{
display:none;
}

}

/* FLOATING NIVARAN BUTTON */

.floating-nibaran{
position:fixed;
right:0;
top:50%;
transform:translateY(-50%);
background:#ff0000;
color:white;
padding:12px 10px;
font-weight:bold;
text-align:center;
text-decoration:none;
border-radius:6px 0 0 6px;
writing-mode:vertical-rl;
text-orientation:mixed;
z-index:999;
}

.floating-nibaran:hover{
background:#cc0000;
}

</style>

</head>

<body>

<!-- TOP BAR -->

<div class="topbar">

<div>
Howrah District Central Co-operative Bank Ltd.
</div>

<div>

<a href="#">Branch Locator</a>

<a href="#">ATM Locator</a>

<a class="internetbanking" href="#">Internet Banking</a>

<a class="nibaran-btn" href="#">NIVARAN Grievance Portal</a>

</div>

</div>

<!-- HEADER -->

<header class="header">

<div class="logo-area">

<img src="https://howrahdccb.bank.in/wp-content/uploads/2026/03/Logo_RBG.png" class="logo">

<div class="bankname">
Howrah District Central Co-operative Bank Ltd.
</div>

</div>

<div class="header-right">

<div class="dicgc-area">

<img src="https://howrahdccb.bank.in/wp-content/uploads/2024/12/QrCode_HighResolution.webp" class="dicgc">

<img src="https://howrahdccb.bank.in/wp-content/uploads/2024/12/DICGC-1.webp" class="dicgc">

<span class="dicgc-text">
Howrah DCCB Ltd. is registered with DICGC
</span>

</div>

<div class="search">
<input type="text" placeholder="Search">
</div>

</div>

</header>

<!-- NAVIGATION -->

<nav class="navbar">

<div class="menu-toggle" id="menu-toggle">☰</div>

<ul class="menu" id="menu">

<li><a href="/home">Home</a></li>

<li><a href="/about-us">About Us</a></li>

<li class="dropdown">

<a href="#">Products & Services ▾</a>

<ul class="submenu">

<li><a href="#">Savings Account</a></li>
<li><a href="#">Current Account</a></li>
<li><a href="#">Loan Products</a></li>
<li><a href="#">ATM Services</a></li>

</ul>

</li>

<li><a href="/hdccb-network">HDCCB Network</a></li>

<li class="dropdown">

<a href="#">Rate of Interest ▾</a>

<ul class="submenu">

<li><a href="#">Deposit Rates</a></li>
<li><a href="#">Loan Rates</a></li>

</ul>

</li>

<li><a href="/tenders-and-quotations">Tenders</a></li>

<li><a href="/rti">RTI</a></li>

<li><a href="/publication">Publication</a></li>

<li><a href="/image-gallery">Gallery</a></li>

<li><a href="/contact-us">Contact Us</a></li>

</ul>

</nav>

<!-- FLOATING NIVARAN -->

<a href="#" class="floating-nibaran">
NIVARAN<br>Grievance
</a>

<script>

const toggle = document.getElementById("menu-toggle");
const menu = document.getElementById("menu");

toggle.onclick = function(){
menu.classList.toggle("active");
}

</script>

</body>
</html>/* End custom CSS */