@charset "UTF-8";
/* =============================================================
   combined-sorted.css
   style.css + shortcodes.css — purged, cleaned, sorted
   Sections:
     1.  Reset & Base
     2.  Typography
     3.  Forms, Inputs & Buttons
     4.  Header, Topbar & Navigation
     5.  Layout
     6.  Components
     7.  Tables
     8.  Utilities & Misc
     9.  Footer
     10. Bootstrap Overrides
     11. Other / Shortcodes
     12. @keyframes
     13. @media queries (mobile last)
   ============================================================= */
/* ── 0. FONTS ──────────────────────────────────────────── */

@font-face {
    font-family: 'Hind Siliguri';
    src: url('../fonts/hind-siliguri-v14-latin-regular.woff2') format('woff2'),
         url('../fonts/hind-siliguri-v14-latin-regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('../fonts/hind-siliguri-v14-latin-700.woff2') format('woff2'),
         url('../fonts/hind-siliguri-v14-latin-700.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* ── 1. RESET & BASE ──────────────────────────────────── */

*,
*:before,
*:after {
			box-sizing: border-box;
}

body {
	font-family: "Hind Siliguri", sans-serif;
	font-size: 16px;
	font-weight: 400;
	background-color: #fff;		
	color: #4e5969;
	_line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* ── 2. TYPOGRAPHY (headings, paragraphs, links, lists) ── */

a {		
	color: #032af1;
	text-decoration: none;
	   -moz-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

a, a:link, a:visited, a:focus, a:hover, a:active{
  text-decoration:none; 
}

a:hover,
a:focus {
	color: #049ff9;
	text-decoration: none;
	outline: 0;
	   -moz-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

b, strong {
	font-weight: 900;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

h1 { font-size: 48px; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Hind Siliguri", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    margin: 30px 0 20px 0;
    color: #15416e;
    text-transform: uppercase;
}

h2 { font-size: 36px; }

h3 { font-size: 30px; }

h4 { font-size: 24px; }

h5 { font-size: 18px; }

h6 { font-size: 14px; }

img {
	max-width: 100%;
	height: auto;
	   -moz-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;		
}

img{
image-rendering: -webkit-optimize-contrast;
}

p {
	margin-top: 0;
    margin-bottom: 20px;
}

p:last-child {
    margin-bottom: 0;
}

span {
	   -moz-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

ul {list-style: none;}

ul, ol {
	padding: 0;
}

ul.flat-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

ul.flat-list li:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    width: 5px;
    height: 5px;
    background-color: #049ff9;
            border-radius: 100%;
}

ul.flat-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 2px solid #049ff9;
            border-radius: 100%;
}

ul.flat-list.style1 li {
    margin-bottom: 5px;
}

ul.flat-list.style2 {
    padding: 30px;
    background: #f1f2f8;
}

/* ── 3. FORMS, INPUTS & BUTTONS ───────────────────────── */

#mainnav-mobi .btn-mega.active:before {
content: "\f106";
}

/* btn-submenu inside mega-menu is hidden on desktop, shown on mobile via JS */

.btn {
	background-image: none;
}

.btn-danger2{
		font-size:15px;
		font-family:"Hind Siliguri", sans-serif;
		font-weight: 700;
		color:#ffffff;
		background-image: none;
		background-color: #8c2300;
		height: 45px;
		line-height: 45px;
		padding: 0 30px;
		cursor: pointer;
		white-space: nowrap;
		border: none;
		display: inline-block;
		font-weight: bold;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		text-transform: uppercase;
		border-radius: 0;
		    -moz-transition: all 0.3s ease 0s;
		    transition: all 0.3s ease 0s;
		}

.btn-danger2:hover, .btn-danger2:focus{
background-color: #ff5c26;
    color: #ffffff!important;
    box-shadow: 0px 3px 9px -4px rgba(0,0,0,0.75);
}

.btn-menu {
	display: none;
	float: right;
	position: relative;
	background: transparent;
	cursor: pointer;
	margin: 36px 10px;
	width: 26px;
	height: 24px; 
       -moz-transition: all ease .238s;
            transition: all ease .238s;
}

.btn-menu span {
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}

.btn-menu.active span {
	opacity: 0;
}

.btn-menu.active:after {
	background-color: #18ba60;
            transform: rotate3d(0, 0, 1, -45deg);
}

.btn-menu.active:before {
	background-color: #18ba60;
            transform: rotate3d(0, 0, 1, 45deg);
}

.btn-menu:after {
            transform: translate3d(0, 7px, 0);
}

.btn-menu:before {
	        transform: translate3d(0, -7px, 0);
}

.btn-menu:before,
.btn-menu:after {
	content: '';
	position: absolute;
	top: 0;
	height: 3px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
			
}

.btn-menu:before,
.btn-menu:after, 
.btn-menu span {
	background-color: #15416e;
       -moz-transition: all ease .238s;
            transition: all ease .238s;
			
}

.btn-submenu {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font: 20px/50px 'FontAwesome';
    text-align: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #00377c;
    z-index: 10;
}

.btn-submenu:before {
    content: "\f107";
    color: #00377c;
}

.btn-submenu.active:before {
    content: "\f106";
    color: #049ff9;
}

.button.style1 {
    color: #ffffff;
    font-weight: bold;
    padding: 0 40px 0px 20px;
    text-transform: uppercase;
    position: relative;
}

.button.style1:after {
    content: "\f054";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    right: 20px;
    font-weight: normal;
    font-size: 14px;
}

.button.style1:hover {
    background: #ffffff;
    text-shadow: none;
    color: #00377c;
}

.flat-title-button {
    position: relative;
}

.flat-title-button .button {
    position: absolute;
    right: 0;
    top: -4px;
}

.flat-title-button .title {
    border-bottom: 1px solid rgba(54, 70, 115, 0.08);
    padding-bottom: 20px;
}

.flat-title-button .title i {
    font-size: 28px;
    color: #049ff9;
    margin-right: 20px;
}

.flat-title-button a.button {
background-color: #049ff9;}

.flat-title-button a.button:hover {
background-color: #00377c;}

.form-control {
    border-radius: 0rem!important;
}

.quick-form {
	position:relative;
    padding: 40px 40px 25px 40px;
    background-color: #00377c;
    color: #ffffff;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.quick-form h4 {
    color: #ffffff;
    margin-top: 0;
    position: relative;
    margin-bottom: 30px;
}

.quick-form h4:after {
    width: 50px;
    height: 3px;
    background-color: #049ff9;
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
}

.quick-form input[type="submit"]:hover,
.quick-form input[type="submit"].scheme2 {
background-color: #049ff9;
}

.quick-form input[type="text"], .quick-form input[type="password"] {
    color: rgba(21, 65, 110, 0.65);
	width: 100%;
}

.quick-form:hover{
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.26);
       -moz-transform: translateY(-10px);
transform: translateY(-10px);}

button {
	border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {		
    font-size: 15px;
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 700;   
    color: #fff;
    background: transparent;
    text-transform: uppercase;    
    padding: 24px 120px 21px 124px;
       -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

input, button, button:focus { outline: none !important; }

input:-ms-input-placeholder {
	color: #999999;
}

input[type="checkbox"] {
	display: inline;
}

input[type="reset"]{
background-color: #00377c!important;
}

input[type="reset"]:hover{
background-color: #18ba60!important;
}

input[type="submit"] {
	-webkit-appearance: none;
	text-shadow: none;
	        box-shadow: none;
	color: #ffffff;
}

input[type="submit"],
button[type="submit"],
button#agree,
button#later,
button[type="submit"]#later,
input[type="submit"].scheme2:hover,
button[type="submit"].scheme2:hover,
.button,
.button.scheme2:hover,
input[type="reset"] {
color: #ffffff;
    background-image: none;
    background-color: #18ba60;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    display: inline-block;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    		border-radius: 0;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="submit"].scheme2,
button[type="submit"].scheme2,
input[type="reset"]:hover,
.button:hover,
.button.scheme2 {
background-color: #00377c;
    color: #ffffff;
    box-shadow: 0px 3px 9px -4px rgba(0,0,0,0.75);
}

input[type="text"],
input[type="email"],
input[type="password"]
 {
    width: 100%;
}

select {
    height: 45px !important;
    padding: .375rem 2.25rem .375rem .75rem !important;
    max-width: 100%;
    outline: 0;
    cursor: pointer;
}

textarea {
	width: 99%;
	height: 150px;
	padding: 12px 17px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {	
	outline: none !important;
    position: relative;
    border: none;
    padding: 0;
    border: 1px solid #5d3cb5;
    _height: 45px;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: none;
	   -moz-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.dropdown-menu {
-webkit-appearance: none;
	text-shadow: none;
	        box-shadow: none;
	color: #100040;
	width:100%;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {		
	color: #999999;
	opacity: 1;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #999999;
	opacity: 1;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
_border: 1px solid #2f4862;
	background-color: #fff;
			box-shadow: none;
}

/* ── 4. HEADER, TOPBAR & NAVIGATION ───────────────────── */

#header.downscrolled {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;	
       opacity: 0;
    top: -60px;
    max-width: 1920px;  
	margin: 0 auto;	
    z-index: 999999;
       -moz-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}

#header.upscrolled {
    opacity: 1;
    top: 0;	  
    max-width: 1920px;     
	margin: 0 auto;	
	background: #fff;	
	z-index: 99999;
    	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

#header.upscrolled #mainnav > ul > li > a {
	color: #174c81;
}

#header.upscrolled #mainnav > ul > li > a.active {
	color: #18ba60;
}

#header.upscrolled #mainnav > ul > li > a:hover {
	color: #18ba60;
}

#mainnav {
	   -moz-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
			
}

#mainnav > ul > li {
    float: left;
    display: inline-block;
}

#mainnav > ul > li > a {
    position: relative;
    display: block;
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 400;
    color: #00377C;   
    font-size: 16px;
    text-decoration: none; 
	line-height:22px;
	width:140px;
	text-align: center;
	padding: 20px 10px 25px 10px;
    outline: none;
	border-right: 1px solid rgba(81,136,173,.2);
}

#mainnav > ul > li > a > .atitle{

	padding-top: 10px!important;
	
}

#mainnav > ul > li > a > i{
clear:both;
font-size: 34px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-align: center;
}

#mainnav > ul > li > a.active {
	color: #FFFFFF;
	background-color: #153570;
	box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.22);
}

#mainnav > ul > li > a.active > i{
	color: #FFFFFF;
	background-color: #153570;
}

#mainnav > ul > li > a:hover {
		color: #FFFFFF;
	background-color: #153570;
	box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.22);
}

#mainnav > ul > li > a:hover > i{
		color: #FFFFFF;
}

#mainnav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#mainnav ul li {
   position: relative;
}

#mainnav ul li ul li {
   margin-left: 0;
}

#mainnav-mobi {
   	display: none;
   	margin: 0 auto;
   	width: 100%;
   	position: absolute;
   	background-color: #ffffff;
   	z-index: 1000;
}

#mainnav-mobi > ul > li > ul > li > a {
	padding-left: 35px;
}

#mainnav-mobi > ul > li > ul > li > ul > li a {
   	padding-left: 70px !important
}

#mainnav-mobi > ul > li {
    position: relative;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
    position: relative;
    border-top: 1px solid rgba(54, 70, 115, 0.08);
}

#mainnav-mobi > ul > li > ul > li:first-child a {
	border-top: none;
}

#mainnav-mobi ul {
   	display: block;
   	list-style: none;
   	margin: 0;
   	padding: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#mainnav-mobi ul > li > a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 10px 55px 10px 15px;
    text-decoration: none;
    color: #15416e;
}

#mainnav-mobi ul > li > a > i {
    font-size: 22px;
    width: 26px;
    text-align: center;
    flex-shrink: 0;
    line-height: 1;
}

#mainnav-mobi ul > li > a > .atitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

#mainnav-mobi ul > li > a:hover {
	color: #FFFFFF
}

#mainnav-mobi ul li {
   	margin:0;
   	position: relative;
   	text-align: left;
   	border-top: 1px solid rgba(54, 70, 115, 0.08);
   	cursor: pointer;
	   	padding-left:15px;
}

#mainnav-mobi ul li:hover {
	color: #FFFFFF;
	background-color: #153570;
}

#mainnav-mobi > ul > li > ul > li.active > a {
color: #fff;
}

.header {
	background-color: #fff;
	   -moz-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

.header .header-wrap {
	margin: 0 auto;	
	position: relative;
	z-index: 3;
    		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.21);
}

.header .header-wrap .logo {	
		   -moz-transition: all 0.3s linear;
		        transition: all 0.3s linear;	
	margin:10px 0 10px -25px;
	float: left;
}

.nav-wrap {
	position: relative;
}

.topheader {
	background-color: #153570;
	color: rgba(255, 255, 255, 0.95);
    font-size: 14px;
    padding: 10px 0;
    height: auto !important;
    min-height: 50px;
}

.topheader .top-navigator {
   float: right;
}

.topheader .top-navigator > ul > li {
	display: inline-block;
	position: relative;

}

.topheader .top-navigator > ul > li > a {
	padding: 0 10px;
    display: block;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    font-weight: bold;
	
}

.topheader .top-navigator > ul > li > ul {
   position: absolute;
   left: 0;
   top: 149%;
   width: 150px;
   padding: 10px 0;
   background-color: #fff;
   
      opacity: 0;
   visibility: hidden;
   z-index: 9999999;
	  -moz-transform: translate(0px, -10px);
		   transform: translate(0px, -10px);
	   -moz-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.topheader .top-navigator > ul > li > ul li a {
   	display: block;
   	padding: 5px 18px;
   	line-height: 29px;
   	color: #15416e;
   	position: relative;
}

.topheader .top-navigator > ul > li > ul li a:before {
	display: inline-block;
}

.topheader .top-navigator > ul > li > ul li a:hover {
	background-color: #15416e;
}

.topheader .top-navigator > ul > li > ul li:first-child {
   	border-top: none;
}

.topheader .top-navigator > ul > li > ul li:hover a {
    background: #15416e;
    color: #ffffff;
}

.topheader .top-navigator > ul > li:hover > ul {
      opacity: 1;
    visibility: visible;
    		box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
	   -moz-transform: translate(0, 0);
	        transform: translate(0, 0); 
}

.topheader .top-navigator > ul > li:last-child > a {
	border-right: 0;
	padding-right: 0;
}

.topheader .top-navigator ul > li > a:hover {
	color: #fff;
}

.topheader i {
    width: 28px;
    height: 28px;
    color: #ffffff;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 26px;
    border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(0, 0, 0, 0.1);}

/* ── 5. LAYOUT (rows, grid, spacing, parallax, overlay) ── */

.background-f1f2f8 {
    background-color: #f6f9fc;
}

.boxed {
    overflow-x: hidden;
}

.flat-general .general {
    width: 75%;
}

.flat-general.sidebar-right .general {
    padding-right: 30px;
    float: left;
    border-right: 1px solid rgba(54, 70, 115, 0.08);
}

.flat-iconbox .item-three-column {
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.flat-iconbox .item-three-column {
    float: none !important;
    width: 33.333% !important;
    display: flex;
    align-items: stretch;
}

.flat-iconbox .item-three-column .iconbox {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.flat-iconbox .item-three-column .iconbox .box-content {
    flex: 1;
}

.flat-row {
    clear: both;
    display: block;
    position: relative;
    padding: 50px 0;    
}

.general-sidebar {
    width: 25%;
    position: relative;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu {
list-style: none;
    padding: 5px 0;
	background-color: #FFFFFF;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu > li {
    position: relative;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu > li > a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 17px 10px 14px 32px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    color: #00377c;
    position: relative;
    outline: none;
    transition: all 1ms ease-in-out;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu > li > a.active {
    background-color: #00377c;
    color: #FFFFFF;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu > li > a.active:before {
    color: #FFFFFF;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu > li > a:before {
    content: "\f053";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    color: rgba(0, 55, 124, 0.9);
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 10px;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu > li > a:hover {
	color: #FFFFFF;
    background:#00377c;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu > li > a:hover:before {
color: #FFFFFF;
}

.general-sidebar .widget.widget_nav_menu ul.nav_menu li a {
    display: block;
}

.item-three-column {
    width: 33.3333333%;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
      opacity: 0.5;
}

.overlay.bg-00316e  {
	background-image: -moz-linear-gradient(0deg, #112860 0%, #00377C 100%);
    background-image: -webkit-linear-gradient(0deg, #112860 0%, #00377C 100%);
    background-image: -ms-linear-gradient(0deg, #112860 0%, #00377C 100%);
opacity: 0.8;
}

.overlay.bg-049ff9 {
    background-color: #049ff9 ;
      opacity: 0.5;
}

.overlay.bg-f1f2f8  {
	background-color: #bbd8f6;
      opacity: 0.7;
}

.pad-bottom20px {
    padding-bottom: 20px;
}

.pad-bottom40px {
    padding-bottom: 40px;
}

.pad-bottom60px {
    padding-bottom: 60px;
}

.pad-bottom70px {
    padding-bottom: 70px;
}

.pad-top0px {
    padding-top: 0;
}

.parallax {
	width: 100%;
	background-position: left 43%!important;
	background-repeat: no-repeat;
    background-size: cover;
    min-height: 1080px;
}

.parallax3 { background-image: url(../images/parallax/33.jpg) ;}

.parallax8 { background-image: url(../images/parallax/squires.jpg);
background-position: left 8%!important;
}

.sidebar-right .general-sidebar {
    float: right;
    padding-left: 10px;
}

.sidebar-right .general-sidebar .widget.widget_nav_menu ul.nav_menu > li > a.active:after {
    width: 5px;
    height: 100%;
    left: -5px;
    top: 0;
    content: "";
    position: absolute;
    background-color: #049ff9;
}

/* ── 6. COMPONENTS (iconbox, tabs, lists, counters) ─────── */

.flat-iconbox {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.flat-tabs {
    margin: 0;
    overflow: visible;
}

.flat-tabs .content-tab .content-inner {
    background: #FFFFFF;
    padding: 25px 30px;
}

.flat-tabs ul.menu-tabs {
    background-color: #00377c;
    margin: 0;
    overflow: inherit;
    padding: 0 5px;
}

.flat-tabs ul.menu-tabs li {
    position: relative;
    display: inline-block;
}

.flat-tabs ul.menu-tabs li > a {
    padding: 14px 18px;
    display: block;
    position: relative;
}

.flat-tabs ul.menu-tabs li a {
    font-weight: 700;
    padding: 15px 25px;
    background: none;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
    position: relative;
    border-radius: 0;
}

.flat-tabs ul.menu-tabs li.active a {
    color: #00377c;
    background: #FFFFFF;
}

.flat-tabs ul.menu-tabs li.active a:before {
    background-color: #049ff9;
    width: 100%;
    left: 0;
    bottom: 100%;
    height: 5px;
    content: "";
    position: absolute;
    top: auto;
}

.iconbox {
    background: #ffffff;
    padding: 40px 40px 30px 40px;
    position: relative;
    border-radius:8px;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.iconbox .box-header {
    margin-bottom: 20px;
}

.iconbox .box-header .box-icon i {
    font-size: 28px;
    position: absolute;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    width: 60px;
    height: 60px;
    background-color: #00377c;
    text-align: center;
    line-height: 60px;
    top: 0;
    left: 40px;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.iconbox .box-header .box-title {
    margin: 45px 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.1;
	height: 2em;
}

.iconbox .box-readmore {
    margin-top: 20px;
}

.iconbox .box-readmore a {
    color: #049ff9;
    display: inline-block;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
}

.iconbox .box-readmore a:after {
    content: "\f054";
    font-family: "fontAwesome";
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    display: inline-block;
}

.iconbox .box-readmore a:before {
    content: "";
    position: absolute;
    height: 5px;
    left: 0;
    bottom: -30px;
    width: 0;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.iconbox .box-readmore a:hover:before {
    width: 100%;
    background-color: #049ff9;
}

.iconbox2 {
    background: #ffffff;
    padding: 30px 40px 30px 40px;
    position: relative;
	margin-bottom:15px;
		vertical-align:middle;
		position: relative;
}

.iconbox2 .box-content {
	    margin: 7px 0 0 0px;
}

.iconbox2 .box-icon {
	position: relative;
	vertical-align:middle;
}

.iconbox2 .box-icon i {
    font-size: 40px;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    width: 75px;
    height: 75px;
    background-color: #00377c;
    text-align: center;
    line-height: 75px;
	vertical-align:middle;

}

.iconbox2 .box-setup {
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 75px;

	vertical-align:middle;

}

.iconbox2 h4 {
    margin: 0px!important;
    text-transform: uppercase;
    font-weight: 700;
	font-size:18px;
}

.iconbox2:hover .box-icon i {
    background-color: #049ff9;
}

.iconbox3 {
    background: #ffffff;
    padding: 5px 20px 20px 30px;
    position: relative;
    border-radius: 8px;
    min-height: 100px;
    margin-bottom:30px;
}

.iconbox:hover {
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.26);
       -moz-transform: translateY(-10px);
            transform: translateY(-10px);
}

.iconbox:hover .box-header .box-icon i {
    background-color: #049ff9;
}

.iconbox:hover .box-header .box-icon i:after {
            transform: rotate(-45deg);
}

.scheme2 {
    color: #049ff9;
}

.widget {
    margin-bottom: 60px;
}

.widget ul {
    margin: 0;
    padding: 0;
}

.widget:last-child {
    margin-bottom: 0;
}

/* ── 7. TABLES ─────────────────────────────────────────── */

.table-warning {
    --bs-table-bg: #fcf8e3;
    border-color: #ff7950;}

table .alert {
    margin-bottom: 0px!important;}

table a {
color: #049ff9!important;}

table a:hover,
table a:focus {
	color: #23527c;
	text-decoration: underline;
	outline: 0;
	   -moz-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

table tr {vertical-align: middle;}

table.downloads th {
    color: #313f50;
    padding: 5px 10px;
    text-align: left;
    font-weight: 700;
}

table.downloads tr.head {
    background-color: #ecedf1;
	font-weight:700;
}

table.examples th {
    color: #313f50;
    background-color: #ecedf1;
    padding: 5px 10px;
    text-align: left;
    border: 1px solid #d0d4d8;
    font-weight: 700;
}

/* ── 8. UTILITIES & MISC ───────────────────────────────── */

.alert {
    --bs-alert-border-radius: 0rem;}

.alert-error {
    background-color: #360e10;
    box-shadow: 0 0 0 1px #551e21 inset, 0 2px 5px rgba(0,0,0,0.45);
}

.alert-ie {
	
border-left:none;
border-right:none;
margin:0;
color:#b51a1a;
background-color: #fcf8e3;
border-color: #ff7950;
	
}

.alert-warning {
    color: #660707;
    background-color: #fcf8e3;
    border-color: #ff7950;
}

.effect6 {
	
box-shadow: 0 2px 2px rgba(0,0,0,.24), 0 0 2px rgba(0,0,0,.12);
}

.go-top {
   	position: fixed !important;
   	right: -35px;
	bottom: 17px;   
   	width: 40px;
   	height: 40px;
   	cursor: pointer;   
    background-color: #00377c;
   	line-height: 40px;
   	text-align: center;   	
	   -moz-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	  	opacity: 0;
    z-index:99999;
}

.go-top i {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	padding-bottom: 3px;	
}

.go-top.show {
	right: 25px;
	opacity: 1;
	visibility: visible;
}

.go-top:hover {
    background-color: #18ba60;
}

.go-top:hover i {
	color: #fff;
}

.green {
	color:#18ba60;
}

/* ── 9. FOOTER ─────────────────────────────────────────── */

.footer {
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	 
}

.footer-content {
    text-align: center;
    background-color: #f0f6ff;
}

.footer-content .copyright {
   color: #767676!important;
	_font-size:16px;
}

/* ── 11. OTHER / SHORTCODES ────────────────────────────── */

.bg-themes {
    background-color: #049ff9;
}

.clients-image.style1 {
    padding: 50px 0;
}

.clients-image.style1 .clients-item {
    width: 16.66666667%;
    float: left;
    position: relative;
    text-align: center;
	display: inline-block;
    line-height: 90px;
    vertical-align: middle;
}

.clients-image.style1 .clients-item img{
	vertical-align: middle;
	padding-left:20px;
	padding-right:20px;
}

.flat-services .services-title .title {
    text-align: center;
    margin-bottom: 0;
}

.general {min-height: 980px;}

.general-text .title {
    font-weight: 700;
    line-height: 1.1;
    margin-top: 5px;
}

.list-about h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.list-about h4 span {
    color: #f7f7f7;
}

.list-about h4 span i {
    border: 1px solid;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    margin-right: 15px;
    color: #049ff9;
}

.list-about p span {
    color: rgba(216,231,239,0.9);
}

.login a{
	font-size:15px;
}

.login a:hover{
	color:#FFFFFF;
	
}

.login:hover {
       -moz-transform: translateY(0px)!important;
transform: translateY(0px)!important;}

.modal-content {
	border-radius: 0px!important;
}

.modal-content p {
	padding:20px;
	margin:0px
}

.orange {
	color:#ff9326;
}

.red {
	color:#c24304;
}

.title-section.style1 {
    overflow: hidden;
}

.title-section.style1 .title {
    position: relative;
    padding-bottom: 22px;
}

.title-section.style1 .title span {
    color: #fff;
}

.title-section.style1 .title:after {
    width: 50px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #049ff9;
}

.title-section.style1 .title:before {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    left: 65px;
    bottom: 1px;
    background: rgba(241, 242, 248, 0.1);
}

:active {
   outline:none !important;
}

div.report {
	margin: 0px;
	width: 100%;
	height: auto;
}

/* ── 12. KEYFRAMES ─────────────────────────────────────── */

@keyframes pop-scale { 0% { transform: scale(0.7) } 100% { transform: scale(1) } }

/* ── 13. MEDIA QUERIES ─────────────────────────────────── */
/*      desktop-first (min-width) → mobile (max-width small→large) */

/* @media (min-width: 768px) */
@media (min-width: 768px){.navbar-right {
    float: right !important;
margin-right: -80px!important;}

}

/* @media (min-width: 991px) */
@media (min-width: 991px){.navbar-right {
    float: right !important;
margin-right: -30px!important;}

.header .header-wrap .logo {
	margin: 10px 0 10px 0px;
}

#mainnav > ul > li > a {
text-align: center;
    width: 95px;
    padding: 15px 0px 15px 0px;
}

#mainnav > ul > li > a > i {
    clear: both;
    font-size: 34px;
}

}

/* @media (min-width: 992px) */
@media (min-width: 992px) {.col-md-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

}

/* @media(max-width:388px) */

/* @media only screen and (max-width: 991px) */
@media only screen and (max-width: 991px) {

#mainnav {
display: none;
}

.btn-menu
	{
		display: none;
	}

.btn-menu,
.flat-tabs ul.menu-tabs li {
		display: block ;
	}

.topheader .top-navigator,
.flat-general.sidebar-right .general,
.sidebar-right .general-sidebar {
position: relative;
}

.flat-tabs ul.menu-tabs li.active a:before {
top: 0;
}

.topheader .top-navigator, .clients-image.style1 .clients-item {
_margin-bottom: 20px;
}

.flat-general.sidebar-right .general {
margin-bottom: 30px;
}

.flat-general.sidebar-right .general {
padding-right: 0;
}

.sidebar-right .general-sidebar {
padding-left: 0;
}

.clients-image.style1 .clients-item {
		width: 33.33333%;
	}

.item-three-column {
		width: 50%;
	}

.flat-general .general,
.general-sidebar,
.flat-general.sidebar-right .general {
border-right: none;
}

.flat-tabs ul.menu-tabs li.active a:before {
height: 100%;
		width: 4px;
}

}

/* @media only screen and (max-width: 991px) */
@media only screen and (max-width: 991px) {.iconbox2 .box-icon {
    text-align: center;}

.iconbox2 h4 {
	line-height:60px;
    text-align: center;}

.iconbox2 .box-content {
	    text-align: center;}

}

/* @media (max-width: 991px) */
@media (max-width: 991px) {
    .flat-iconbox .item-three-column {
        width: 50% !important;
    }
    .flat-general.sidebar-right .general {
        border-right: none;
    }

}

@media (max-width: 575px) {
    .flat-iconbox .item-three-column {
        width: 100% !important;
    }
    .flat-general.sidebar-right .general {
        border-right: none;
    }

}

/* @media only screen and (max-width: 1199px) */

/* @media only screen and (max-width: 644px) and (min-width: 225px) */

/* @media only screen and (max-width: 770px) and (min-width: 225px) */
@media only screen and (max-width: 770px) and (min-width: 225px) {.container.login {
    width: 85%!important;
  }

}

/* @media only screen and (min-width: 225px) and (max-width: 991px) */
@media only screen and (min-width: 225px) and (max-width: 991px) {
.topheader {padding: 5px 0;}

.topheader .top-navigator > ul > li {
    line-height: 40px;
}

.topheader .top-navigator > ul > li > a {
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    padding: 0 8px;
}

.tablesorter-bootstrap {
	width: 100%
}

.flat-general .general,
.flat-general.sidebar-right .general {
width: auto !important;
    float: none !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.general-sidebar,
.sidebar-right .general-sidebar {
width: auto !important;
    float: none !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

}

@media only screen and (max-width: 767px) {.header .header-wrap .logo {	
	margin:10px 0 10px 0;
    margin-left: 0px;}

.nav-wrap {
	margin-top:0px;
}

.flat-title-button .button {
		position: relative;
	}

	.flat-row {
		padding-top: 30px;
	}

.pad-bottom40px,
	.pad-bottom60px,
	.pad-bottom70px,
	.flat-row {
		padding-bottom: 30px;
	}

.item-three-column {
		width: 100%;
	}

.flat-services .services-title .title {
		font-size: 24px;
	}

.go-top {
		width: 30px;
		height: 30px;
		line-height: 30px;
		bottom: 15px;
	}

.go-top.show {
		right: 15px;
	}

}

@media only screen and (max-width: 479px) {.item-three-column,
.clients-image.style1 .clients-item {
width: 100%;
}

.flat-title-button .title {
		font-size: 20px;
	}

.flat-list {
margin-bottom: 20px;
}

.topheader .top-navigator > ul > li > a {
		border-right: none;
	}

}

@media (max-width: 644px) {.register table, .register thead, .register tbody, .register th, .register td, .register tr {
width: 100%;}

}

@media only screen and (max-width: 991px) {.general-sidebar,
.sidebar-right .general-sidebar {
width: 100% !important;
}

}

/* @media only screen and (max-width: 992px) and (min-width: 768px) */
@media only screen and (max-width: 992px) and (min-width: 768px) {.col-md-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

}

/* @media only screen and (min-width: 768px) and (max-width: 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {.nav-wrap {
	margin-top:0px;
}

.header .header-wrap .logo {	
	margin: 10px 0 10px 0px;}

}

/* ── TOUCH DEVICE FIXES ─────────────────────────────────── */

/* Sidebar nav — make submenus work on touch (click/tap) via :focus-within */
.general-sidebar .widget.widget_nav_menu ul.nav_menu > li:focus-within > ul,
.general-sidebar .widget.widget_nav_menu ul.nav_menu > li > a:focus + ul {
    display: block !important;
    visibility: visible;
    opacity: 1;
}

/* Make sidebar nav items focusable so :focus-within fires on tap */

.iban-gen *{box-sizing:border-box;margin:0;padding:0}
.iban-gen{font-family:'Hind Siliguri',sans-serif;font-size:15px;color:#4e5969}
.iban-gen .card{background:#fff;box-shadow:0 2px 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.08);border:none;border-radius:0}
.iban-gen .card-body{padding:20px}
.iban-gen .field{margin-bottom:14px}
.iban-gen .field label{display:block;font-size:13px;font-weight:600;color:#153570;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}
.iban-gen .field input,.iban-gen .field select{width:100%;height:42px;border:1px solid #d0d4d8;padding:.375rem 2.25rem .375rem .75rem;_font-size:14px;font-family:'Hind Siliguri',sans-serif;color:#313f50;background-color:#fff;outline:none;transition:border-color .2s;border-radius:0}
.iban-gen .field input:focus,.iban-gen .field select:focus{border-color:#049ff9;box-shadow:0 0 0 3px rgba(4,159,249,.12)}
.iban-gen .field input.ok{border-color:#18ba60}
.iban-gen .field input.err{border-color:#ff7950}
.iban-gen .field input.ok,.iban-gen .field input.err{padding-right:34px}
.iban-gen .input-wrap{position:relative}
.iban-gen .input-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;display:none}
.iban-gen .input-icon.ok{display:block!important;color:#18ba60}
.iban-gen .input-icon.err{display:block!important;color:#ff7950}
.iban-gen .field input.auto-field{background:#f0f4f8;color:#788fa5;cursor:not-allowed}
.iban-gen .field-hint{font-size:11px;color:#888;margin-top:3px}
.iban-gen .field-hint b{color:#153570}
.iban-gen .auto-badge{display:inline-block;font-size:10px;font-weight:700;background:#e8f0fe;color:#1a56db;padding:1px 6px;margin-left:6px;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}
.iban-gen .fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.iban-gen .fields-grid .field.full{grid-column:1/-1}
.iban-gen .btn-row{display:flex;gap:10px;margin-top:20px}
.iban-gen .ig-btn{height:42px;padding:0 24px;font-family:'Hind Siliguri',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:none;transition:background .2s;flex:1;border-radius:0}
.iban-gen .ig-btn-gen{background:#18ba60;color:#fff}
.iban-gen .ig-btn-gen:hover{background:#14a354}
.iban-gen .ig-btn-clear{background:#e8edf3;color:#153570;flex:0 0 auto;padding:0 16px}
.iban-gen .ig-btn-clear:hover{background:#d0d8e4}
.iban-gen .ig-alert{padding:10px 14px;font-size:15px;margin-top:12px;display:none;border-left:4px solid}
.iban-gen .ig-alert.show{display:block}
.iban-gen .ig-alert-err{background:#fcf8e3;border-color:#ff7950;color:#7a2e0e}
.structure-info{background:#f0f6ff;border-left:4px solid #049ff9;padding:8px 12px;font-size:12px;color:#153570;margin-bottom:16px;display:none}
.structure-info.show{display:block}
.structure-info strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#788fa5;margin-bottom:3px}
.structure-info code{font-family:monospace;font-size:14px;color:#153570}
.iban-gen .ig-btn-gen.loading{background:#0e8a47;cursor:not-allowed;opacity:.85}
/* ── Result card ── */
.iban-gen .ig-result-card{border:0.5px solid #c8daf5;border-radius:0px;overflow:hidden;margin-top:18px;display:none}
.iban-gen .ig-result-card.show{display:block}
.iban-gen .ig-result-header{background:#f0f6ff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:0.5px solid #c8daf5}
.iban-gen .ig-result-iban{_font-size:14px;font-weight:600;color:#153570;letter-spacing:.05em;word-break:break-all}
.iban-gen .ig-result-actions{display:flex;gap:6px;flex-shrink:0;margin-left:10px}
.iban-gen .ig-result-btn{background:#fff;border:0.5px solid #c8daf5;color:#153570;border-radius:4px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:'Hind Siliguri',sans-serif}
.iban-gen .ig-result-btn:hover{background:#e4effe}
.iban-gen .ig-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#788fa5;padding:10px 14px 4px}
.iban-gen .ig-bank-grid{display:grid;grid-template-columns:1fr 1fr}
.iban-gen .ig-bank-field{padding:8px 14px;border-bottom:0.5px solid #e8edf3}
.iban-gen .ig-bank-field:nth-child(odd){border-right:0.5px solid #e8edf3}
.iban-gen .ig-bank-field.full{grid-column:1/-1;border-right:none}
.iban-gen .ig-field-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#788fa5;margin-bottom:2px}
.iban-gen .ig-field-val{_font-size:13px;font-weight:600;color:#153570}
.iban-gen .ig-sepa-wrap{padding:10px 14px 14px;border-top:0.5px solid #e8edf3}
.iban-gen .ig-sepa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:45px;margin-top:6px}
.iban-gen .ig-sepa-item{background:#f4f6f9;border-radius:4px;padding:7px 4px;text-align:center}
.iban-gen .ig-sepa-lbl{font-size:12px;text-transform:uppercase;letter-spacing:.04em;_color:#788fa5;margin-bottom:3px}
.iban-gen .ig-sepa-icon.ok{color:#18ba60;font-size:14px}
.iban-gen .ig-sepa-icon.no{color:#e24b4a;font-size:14px}
@media(max-width:480px){
  .iban-gen .fields-grid{grid-template-columns:1fr}
  .iban-gen .fields-grid .field.full{grid-column:1}
}

.form-select:focus {
    border-color: #049ff9;
    box-shadow: 0 0 0 3px rgba(4, 159, 249, .12);
}