@import url(../fonts/kalpurush/stylesheet.css);

*{
    padding:0;
    margin:0;
    font-family: kalpurushregular!important;
}
.footer-wrapper {
	background-color:#EBEBEB;
	height: 100px;
	margin: 0 auto;
}
.footer-inner .block {
	margin-top: 30px;
}
.footer-inner .block p {
	font-size: 1.2em;
	margin: 0;
	text-align: right;
}

.horizontal-tabs ul{
	width: 100%;
	float: left;
	border-bottom: 1px solid #aaa;
}
.horizontal-tabs ul li{
	background-color: #FAFAFA;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    float: left;
    margin-bottom: 0;

}
.horizontal-tabs ul li.active{
	background-color: #aaa;
}
.horizontal-tabs ul li a{
	color: #000;
	padding: 10px;
	float: left;
}
.horizontal-tabs ul li.active a{
	color: #fff;
}
.horizontal-tabs ul li.active a:hover{
	color: #fff;
}

.vertical-tabs div{
	width: 70%;
	float: left;
}

.vertical-tabs ul{
	width: 30%;
	float: left;
}
.vertical-tabs ul li{
	width: 90%;
	background-color: #FAFAFA;
    border-right: 1px solid #aaa;
    float: left;
    margin-bottom: 0;
}
.vertical-tabs ul li.active{
	background-color: #aaa;
}
.vertical-tabs ul li a{
	float: left;
	color: #000;
	padding: 10px;
}
.vertical-tabs ul li.active a{
	color: #fff;
}
.vertical-tabs ul li.active a:hover{
	color: #fff;
}

.work_distribution li,
.work_distribution a{
	float: left;
	font-size: 1em;
	color: #666;
}
@media only screen and (min-width: 960px) {
	body{
		background: url("../images/bg_main.gif") repeat-y scroll center top rgba(0, 0, 0, 0);
	}
	.footer-artwork {
		background: url("../images/footer_top_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 84px;
		margin: 0 auto;
		width: 1020px;
		clear:both;
	}
	.footer-wrapper {
		width: 1020px;
	}
	#block-block-1 {
		float: right;
		text-align: right;
		margin-right: 20px;
	}
	.right-side-bar{
		width: 220px!important;
		margin-left: 20px!important;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.footer-artwork {
		height: 15px;
		margin: 0 auto;
		background-color: #666;
	}
	#notice-board{
				background: url("images/welcome_grad.html") repeat-x scroll center bottom #EBEBEB;
				border: 1px solid #DDDDDD;
				height: 172px;
				font-size: .8em;
				padding: 20px 0 0 120px;
			}
			#notice-board h2{
				font-size: 1.5em;
			}
}


.tab-buttons-pension {
	display: flex;
	flex-direction: column;
	width: 300px;
	box-shadow: 1px 9px 45px -5px rgba(133, 133, 133, 0.54);
	-webkit-box-shadow: 1px 9px 45px -5px rgba(133, 133, 133, 0.54);
	-moz-box-shadow: 1px 9px 45px -5px rgba(133, 133, 133, 0.54);
	margin-right: 10px;
	background: #f9f9f9;
}
.tab-content-pension {
	flex: 1;
	padding: 3px 0px 4px 20px;
	background: #fff;
}

/* --- vertical menu --- */

ul.vertical-menu {
    margin-bottom: 0px;
}
.vertical-menu li {
	margin-top: 10px;
	margin-bottom: 0px;
}
.vertical-menu li:first-child {
	margin-top: 0;
}
.vertical-menu li a {
	display: block;
	background: #FFFFFF;
	padding: 18px 18px 18px 19px;
	font-size: 17px;
	/* font-family: 'Open Sans', sans-serif; */
	font-family: 'SolaimanLipi';
	line-height: 21px;
	color: #444;
}

.vertical-menu li p {
	display: block;
	font-size: 12px;
	padding: 0px;
	line-height: 18px;
	color: #444;
}
.vertical-menu li.selected a,
.vertical-menu li:hover a {
	background: #0d4556;
}

.vertical-menu li.selected a,
.vertical-menu li:hover a,
.vertical-menu li.selected a span ,
.vertical-menu li:hover a span,
.vertical-menu li.selected a p ,
.vertical-menu li:hover a p  {
	color: #FFF;
}

.vertical-menu li a span {
	float: right;
	color: #AAA;
	font-size: 11px;
}



.download-button{
	height: 30px;
    width: 60px;
    float: right;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: -2px;
    border: none;
    color: white;
    text-align: center;
    font-size: 14px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.download-button-long{
	height: 30px;
    width: 60px;
    float: right;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: -14px;
    border: none;
    color: white;
    text-align: center;
    font-size: 14px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.download-btn{
 	background-color: #93dcd9;
    color: #0064b3;
    border: 2px solid #008CBA;
    border-radius: 6px;
	}


.download-btn:hover {
  background-color: #008CBA;
  color: white;
}





.filesdownload-image{
	    display: inline;
    height: 34px;
    width: 34px;
    float: right;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: -4px;
}

.filesdownload-image-long{
	  display: inline;
    height: 34px;
    width: 34px;
    float: right;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: -14px;
}

.gallery-date{
	float: left;
	padding: 8px 8px 0 0;
    color: #0064b3;
    font-size: 16px;
}



/* --- vertical menu --- */
.subvertical-menu li {
	margin-top: 10px;
	margin-left: 28px;
}

.subvertical-menu li:first-child {
	margin-top: 0;
}

.subvertical-menu li a {

	    display: block;
    background: #FFFFFF;
    /* padding: 18px 18px 18px 19px; */
    font-size: 14px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'SolaimanLipi';
    line-height: 20px;
    color: #444;
}

.subvertical-menu li p {
	display: block;
	font-size: 12px;
	/*font-family: 'Open Sans', sans-serif;*/
	padding: 0px;
	font-family: 'SolaimanLipi';
	line-height: 24px;
	color: #444;
}

.subvertical-menu li.selected a,
.subvertical-menu li:hover a {
	background: #0076ec;
}

.subvertical-menu li.selected a,
.subvertical-menu li:hover a,
.subvertical-menu li.selected a span ,
.subvertical-menu li:hover a span,
.subvertical-menu li.selected a p ,
.subvertical-menu li:hover a p  {
	color: #FFF;
}

.subvertical-menu li a span {
	float: right;
	color: #AAA;
	font-size: 11px;
}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


	#div-lang-sel {
    float: left !important;
    margin-left: 0% !important;
}
.slide-panel-button{
	display: none !important;
}

.verification-card {
    margin: 0 -2px 0px 2px;
}
.bgboss_version_two {
    box-shadow: 1px 9px 15px -5px rgba(133, 133, 133, 0.54) !important;
     -webkit-box-shadow: 1px 9px 15px -5px rgba(133, 133, 133, 0.54) !important;
    -moz-box-shadow: 1px 9px 15px -5px rgba(133, 133, 133, 0.54) !important;
}

.amader-sub-card {
    background: #fff;
    padding: 2% 2%;
    border-radius: 0 25px 0 25px;
    box-shadow: 1px 9px 15px -5px rgba(133, 133, 133, 0.54) !important;
     -webkit-box-shadow: 1px 9px 15px -5px rgba(133, 133, 133, 0.54) !important;
    -moz-box-shadow: 1px 9px 15px -5px rgba(133, 133, 133, 0.54) !important;
}

.verification-card {
    display: grid !important;
/*    padding: 2px;*/
}
.four.columns.bgboss_version_two {
	height: auto !important;
	margin-bottom: 10px;
}

.amader-sub-card-wrapper {
    display: grid !important;
    gap: 15px !important;
}
#left-content ul li {
    margin-left: 5px !important;
}
.rslides img {
	height: auto !important;
}
#logo img {
	width: 25px !important;
	display: none !important;
}
#notice-board-ticker li {
	background: url("../images/bullet_tick.png") no-repeat top left !important;
}
#notice-board ul a {
	margin-left: 11px !important;
}

#news-ticker>ul>li{
	max-width: 190px;
}



.tab-container {
	flex-wrap: wrap;
}
.tab-buttons {
	flex-direction: row !important;
	width: 100% !important;
	margin-bottom: 10px;
}
.tab-content {
	padding: 0px !important;
}
.accordion {
	height: auto !important;
}
.ad-gallery .ad-image-wrapper {
	height: 150px !important;
}
.slide-panel-btns {
	width: 5% !important;
}

#gallery {
	padding: 5px !important;
}
.important-links {
	padding: 15px;
}
figure.snip0016 {
	flex: 1 1 calc(50% - 10px);
	display: flex;
}
.important-links {
	margin-top: 0px;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {



}




/**********Pension**********/

.verification-card {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}
.bgboss_version_two {
	background: #fff;
	/* min-height: 420px; */
	/* height: 415px; */
	/* padding: 2% 1%; */
	border-radius: 0 25px 0 25px;
	box-shadow: 1px 9px 45px -5px rgba(133, 133, 133, 0.54);
	-webkit-box-shadow: 1px 9px 45px -5px rgba(133, 133, 133, 0.54);
	-moz-box-shadow: 1px 9px 45px -5px rgba(133, 133, 133, 0.54);
	flex: 1 1 calc(33.333% - 10px);
	display: flex;
}

.verification-card::after {
  content: "";
  flex: 1 1 calc(33.333% - 20px);
}


.sl-large-eco {
	margin-left: 0px !important;
}

.features-list li {
	float: left;
	width: 100%;
	margin-top: 50px;
}
.features-list.big {
	list-style: none !important;
	text-align: center;
	padding: 10px;
}
.features-list.big li {
	text-align: center;
}

.features-list li:first-child {
	margin-top: 0;
	margin-left: 0px;
}

.features-list li:before {
	float: left;
	font-size: 48px;
	margin-right: 30px;
	color: #2361ae;
	border: 1px solid #1D4F91;
	padding: 19px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.features-list.big li:before {
	clear: both;
	float: none;
	display: block;
	width: 60px;
	font-size: 60px;
	margin-left: auto;
	margin-right: auto;
	padding: 39px;
}

.features-list li h4 {
	padding-bottom: 5px;
}

.features-list li p {
	font-size: 14px;
	line-height: 24px;
	padding: 0;
	margin-top: 19px;
	/* margin-left: 118px; */
}
.box-header.page-margin-top {
	margin-top: 0px;
	color: #0064b3;
	font-weight: normal;
	/* letter-spacing: 1px; */
	line-height: 22px;
	padding: 14px 0px;
	height: 35px;
	/* border: 1px solid; */
}
.verificationList {
	text-align: left !important;
}
/*.verificationList li {
	list-style: disc;
	margin-bottom: 0px;
	text-align: left !important;
	margin-top: 0px !important;
	padding: 4px 0;
}*/
.verificationList ul li {
	background: url("../images/bg_block_list.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 120%;
	/* height: auto; */
	list-style-type: none;
	margin-bottom: 5px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	/* background-position: left; */
	text-align: left !important;
	margin-top: 0px !important;
	margin-left: 4px !important;
	white-space: normal;
	word-wrap: break-word;
	/* overflow-wrap: break-word; */
	width: auto;
	float: none;
}

.verificationList li a {
	font-size: 14px;
	line-height: 18px;
	color: #222;
	/* padding-left: 10px; */
	color: #666;
}
.verificationList li a:hover {
	color: #098346;
	text-decoration: underline;
}

h4.box-header {
	font-size: 1.4rem;
}

.features-list.big li h4:after {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.features-list.big li p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.features-list.big .ornament {
	position: relative;
	width: 1px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 13px;
	background: #E2E6E7;
}
.features-list.big .ornament::after {
	position: absolute;
	content: "";
	border: 1px solid #E2E6E7;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 11px;
	height: 11px;
	left: -6px;
	bottom: -13px;
}

.bgboss_version_two .more {
	margin-right: 0px;
}
.more:hover {
	color: #000;
	background: transparent;
	opacity: 1;
}

.more, .more[type="submit"] {
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	background: #2361ae;
	padding: 16px 23px 15px;
	text-align: center;
	cursor: pointer;
	line-height: normal;
	letter-spacing: 1px;
	border-radius: 999px;
	-moz-border-radius: 999px;
	-webkit-border-radius: 999px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	border: 2px solid #2361ae;
	min-width:150px !important;
/*	margin-right: 50px;*/
}

.total-visit {
	text-align: center;
	padding: 5px;
	display: block;
	margin-top: 100px;
	color: #0064b3;
}

.total-visit {
	text-align: center;
	color: #0064b3;
}

small.small {
	font-size: 10px;
	color: black;
}

small, .small {
	font-size: 80%;
	font-weight: 400;
}

.ornament-card{}
.ornament-card img{
	width: 100px;
	height: auto;
}



/************Faq Accordation**********/
.accordion {
                max-width: 100%;
                margin: auto;
                /* border: 1px solid #ddd; */
                border-radius: 0px;
                /* overflow: hidden; */
                height: 405px;
                /*  overflow-y: scroll;*/
              }

              .accordion-item {
                border: 1px solid #ddd;
                margin-bottom: 10px;
              }

              /* hide checkbox */
              .accordion-item input {
                display: none;
              }

              .accordion-header {
                display: block;
                padding: 8px 15px;
                font-weight: normal;
                cursor: pointer;
                position: relative;
                background: #f5f5f5;
                transition: background 0.3s;
                font-size: 17px;
              }

              .accordion-header:hover {
                background: #fff;
              }

              .accordion-header span {
                position: absolute;
                right: 20px;
                font-size: 20px;
                color: #1B5062;
              }

              .accordion-body {
                max-height: 0;
                overflow: hidden;
                background: #fff;
                transition: max-height 0.4s ease;
                padding: 0 15px;
              }

              .accordion-body p {
                /*      margin: 5px 0;*/
                font-size: 15px;
              }

              /* when checked → expand */
              .accordion-item input:checked~.accordion-body {
                max-height: 200px;
                /* adjust based on content */
                padding: 15px;
              }

              /* toggle + / — icons */
              .accordion-item input:checked+label span::after {
                content: "—";
              }

              .accordion-item label span::after {
                content: "+";
              }



              .faq-title {
                padding: 10px 0;
              }

              .faq-title h3 {
                font-size: 1.5em;
                text-align: center;
              }

              .tab-container {
                display: flex;
                margin-bottom: 20px;
              }

              /* Left side nav */
              .tab-buttons {
                display: flex;
                flex-direction: column;
                width: 200px;
                border-right: 1px solid #ddd;
                background: #f5f5f5;
              }

              .tab-buttons button {
                padding: 12px;
                border: none;
                border-bottom: 1px solid #ddd;
                background: none;
                text-align: left;
                cursor: pointer;
                font-size: 18px;
                transition: background 0.3s;
                margin-bottom: 0px;
              }

              .tab-buttons button:hover {
                background: #e9e9e9;
              }

              .tab-buttons button.active {
                background: #0d4556;
                font-weight: normal;
                border-left: 4px solid #007bff;
                color: #fff;
              }

              .tab-link {
                background: #222;
                color: #222;
              }

              /* Right side content */
              .tab-content {
                flex: 1;
                padding: 3px 0px 4px 20px;
                background: #fff;
              }

              .tab-pane {
                display: none;
              }

              .tab-pane.active {
                display: block;
              }

              .accordion.accordion-height-auto {
						    height: auto !important;
						}

/***************Table Css*************/


/* ✅ Table wrapper for responsive scroll */
.table-container {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* ✅ Modern table style */
.table-modern {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
  font-family: Arial, sans-serif;
  font-size: 15px;   /* larger font size */
  text-align: center; /* center all content */
}

/* ✅ Table header - compact */
.table-modern thead th {
  background: #0d4556;
  color: #fff;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.3;
  border: 1px solid #ddd;
  text-align: center;
}

/* ✅ Table body */
.table-modern tbody td {
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
}
/* ✅ Striped rows */
.table-modern tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* ✅ Hover effect (highlight + bold text) */
.table-modern tbody tr:hover {
  background-color: #e9f7ef;
  transition: 0.3s;
}

/* ✅ Image styling */
.table-modern img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* ✅ Link styling */
.table-modern a {
  color: #007a3d;
  text-decoration: none;
  font-weight: 500;
}
.table-modern a:hover {
  text-decoration: underline;
}

.view-pdf{
		display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 12px;
    background:#0d4556;
    color:#fff !important;
    font-size:14px;
    border-radius:5px;
    text-decoration:none;
	}

.docs-vertical-menu li {
	margin-top: 10px;
	display: block;
	/* width: 700px; */
	background: #f1f9f8;
	padding: 18px 18px 18px 19px;
	font-size: 15px;
	line-height: 24px;
}
.docs-vertical-menu li>a {
	color: #222;
	transition: 0.5s;
}
.docs-vertical-menu li>a:hover {
	font-weight: 600;
}
.download-btn {
	background-color: #93dcd9;
	color: #0064b3;
	border: 2px solid #008CBA;
	border-radius: 6px;
}
.download-button {
	height: 30px;
	width: 60px;
	float: right;
	margin-left: 4px;
	margin-right: 4px;
	/* margin-top: -2px; */
	border: none;
	color: #fff;
	margin-bottom: 0px;
	text-align: center;
	font-size: 14px;
	transition-duration: 0.4s;
	cursor: pointer;
	background: #0d4556;
	line-height: 13px;
}
.download-btn:hover {
	background-color: #008CBA;
	color: white;
}


.download-button.download-btn-doc {
	border: 2px solid #0d4556;
	background: #fff;
	color: #0d4556;
	border-radius: 4px;
}

.download-button.download-btn-doc:hover {
	background-color: #0d4556;
	color: #fff;
}


/* Section */
    .pension-form {
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    min-height: 100vh;
		    background: #f1f1f1;
		    padding: 11px 15px;
		}

    /* Card */
    .pf-card {
      background: #fff;
      width: 400px;
      max-width: 100%;
      padding: 25px 30px;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      position: relative;
    }

    .pf-card h2 {
      text-align: center;
      font-size: 22px;
      margin-bottom: 15px;
      font-weight: bold;
    }

    .pf-card p {
      text-align: center;
      font-size: 14px;
      color: #555;
      margin-bottom: 20px;
      line-height: 1.5;
    }

    .pf-close-btn {
      position: absolute;
      top: 12px;
      right: 18px;
      font-size: 24px;
      font-weight: bold;
      color: red;
      border: none;
      background: none;
      cursor: pointer;
    }

    .pf-label {
      font-size: 14px;
      font-weight: bold;
      display: block;
      margin-bottom: 6px;
    }

    .pf-input, .pf-select {
	    width: 100% !important;
	    padding: 10px 12px !important;
	    margin-bottom: 18px !important;
	    border: 1px solid #ccc !important;
	    border-radius: 6px !important;
	    font-size: 14px !important;
	    background: #fff;
	    box-sizing: border-box;
	}

    .pf-submit-btn {
			width: 100%;
			padding: 12px;
			background: #0d4556;
			color: #fff;
			border: none;
			border-radius: 6px;
			font-size: 16px;
			font-weight: bold;
			cursor: pointer;
			transition: background 0.3s;
		}

    .pf-submit-btn:hover {
			background: #0056b3;
			color: #fff;
		}


		#accessibilityBar button#universalAccessBtn {
        border-radius: 0px !important;
      }

      #accessibilityBar {
        top: 360px !important;
      }

      .btn-for-accessibility {
        font-size: 13px;
        background: local;
      }

      .custom-icon-menu {
        position: fixed;
        top: 35vh;
        margin: 10px;
        z-index: 1020;
        border-radius: 8px;
      }

      .custom-icon-menu img {
        max-height: 40px;
        border-radius: 10px;
        border: 2px solid #110e71b2;
        border-radius: 60%;
        border: 2px solid #fff;
        box-shadow: 0 0 3px #000;
      }

      .unit-carousel .item img {
        max-height: 100px;
        max-width: 100px;
      }

      .owl-carousel .owl-stage {
        transition-timing-function: linear !important;
      }

      .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1050;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
      }

      .sidenav a {
        text-decoration: none;
        display: block;
        padding: 10px 10px 10px 20px;
        width: 300px;
        background: linear-gradient(-45deg, #234567 10%, #bbbbff 70%, #aaaaee 10%, #aaaaee 10%, #234567);
        margin-bottom: 1px;
        color: #000;
        transition: all 0.3s !important;
        position: relative;
      }

      .sidenav a:hover {
        color: #f1f1f1;
      }

      .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
      }

      .closebtnCustom {
        color: white;
      }

      #main {
        transition: margin-left .5s;
        padding: 16px;
      }

      .sidenav a {
        font-size: 18px;
      }

      @media screen and (max-height: 450px) {
        .sidenav {
          padding-top: 15px;
        }

        .sidenav a {
          font-size: 18px;
        }
      }

      .sidenav a:hover {
        text-decoration: none;
        color: #fff;
        transform: translate3d(6px, 0, -10px);
        box-shadow: 0 0 2px #000;
        background: linear-gradient(45deg, #502 10%, #090909 70%, #000 10%, #000 10%, #502);
      }

      .heading-1 {
        width: 100%;
        text-align: center;
      }

      .size-20 {
        font-size: 20px !important;
      }

      .margin_bottom_10 {
        margin-bottom: 10px !important;
      }

      .white {
        color: #fff !important;
      }

      .rslides img {
          height: 280px
        }

        .cabinet-portal-gov-bd .meganizr>li>a {
          font-size: 18px !important
        }

        .callbacks_container {
          position: relative;
          /* dots ঠিকভাবে বসানোর জন্য */
          max-width: 960px;
          margin: auto;
          box-shadow: 0 1px 5px #999999;
        }

        /* pager container */
        .callbacks_tabs {
          position: absolute;
          bottom: 15px;
          /* image bottom থেকে কিছুটা উপরে */
          left: 50%;
          transform: translateX(-50%);
          display: flex !important;
          gap: 8px;
          list-style: none;
          margin: 0;
          padding: 0;
          z-index: 999;
        }

        /* প্রতিটি dot (inactive) */
        .callbacks_tabs li a {
          display: block;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: #ccc;
          /* inactive color */
          text-indent: -9999px;
          cursor: pointer;
          transition: background 0.3s;
        }

        /* active dot = black */
        .callbacks_tabs li.callbacks_here a {
          background: #0d4556;
        }

        .right-side-bar .block ul li a {
          font-size: 14px;
        }

        #notice-board ul a {
          font-size: 14px;
        }

        @media screen and (min-width: 1400px) {
          .mainwrapper .box {
            margin-right: 13px
          }
        }


         #notice-board-ticker ul li {
                list-style: none;
              }


              #right-content .block {
                display: block !important
              }

              /* Slideshow container */
              .slideshow-container {
                max-width: 1000px;
                position: relative;
                margin: auto;
              }

              /* Fading animation */
              .fade {
                -webkit-animation-name: fade;
                -webkit-animation-duration: 1.5s;
                animation-name: fade;
                animation-duration: 1.5s;
              }

              @-webkit-keyframes fade {
                from {
                  opacity: .4
                }

                to {
                  opacity: 1
                }
              }

              @keyframes fade {
                from {
                  opacity: .4
                }

                to {
                  opacity: 1
                }
              }

          .eservice-title {
              background-color: #0d4556 !important;
              color: #fff;
              font-size: 12px;
              padding: 5px;
            }

            .block ul li {
              background: rgba(0, 0, 0, 0) url("themes/responsive_npf/images/bg_block_list.png") no-repeat scroll center bottom;
              font-size: 120%;
              height: auto;
              list-style-type: none;
              margin-bottom: 5px;
              padding-bottom: 8px;
              padding-left: 32px;
              padding-top: 0;
            }

            body.bpsc-portal-gov-bd .wsis_prize {
              display: none
            }
             .ad-description-title {
                background-color: #f5f5f5;
                padding: 3px;
                opacity: .8
              }

            .ad-gallery .ad-info {
                width: 200px
              }

              .ad-thumb-list {
                list-style: none !important
              }

              .ad-gallery {
                width: 100% !important
              }

              .ad-image {
                width: 100% !important;
                top: 0px !important;
                height: 432px !important
              }

              .ad-image img {
                width: 100% !important;
                height: 432px !important
              }

              .ad-image .ad-image-description {
                width: 100% !important
              }

              .ad-gallery .ad-image-wrapper {
                height: 432px;
              }

              .ad-thumbs {
                height: 70px
              }

              .bitac-portal-gov-bd .ad-gallery .ad-image-wrapper {
                height: 300px;
              }

              .bitac-portal-gov-bd .ad-image {
                height: 100% !important
              }

              .bitac-portal-gov-bd .ad-image img {
                height: 100% !important
              }

              .ad-image-description p span {
                display: none
              }

              .ad-preloads {
                /* position: absolute; */
                /* left: -9000px; */
                /* top: -9000px; */
              }

              .ad-image>p>span {
                display: none
              }

              @media only screen and (min-width:320px) and (max-width:959px) {
                .ad-image img {
                  height: unset;
                }

                .ad-gallery .ad-image-wrapper {
                  /*height: 240px;*/
                }
              }

              .important-links {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 15px;
                margin-top: 15px;
                margin-bottom: 15px;
              }

              figure.snip0016 {
                /* color: #f00; */
                position: relative;
                overflow: hidden;
                /* margin: 10px; */
                /* min-width: 203px; */
                /* max-width: 207px; */
                /* max-height: 160px; */
                /* width: 100%; */
                background: #fff;
                text-align: left;
                /* border: 1px solid; */
                box-shadow: 1px 9px 45px -5px rgba(133, 133, 133, 0.54);
                -webkit-box-shadow: 1px 9px 45px -5px rgba(133, 133, 133, 0.54);
                width: 23%;
              }

              figure.snip0016 * {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
              }

              figure.snip0016 img {
                max-width: 100%;
                opacity: 1;
                width: 100%;
                -webkit-transition: opacity 0.35s;
                transition: opacity 0.35s;
              }

              figure.snip0016 figcaption {
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 27px 1em;
                width: 100%;
                height: 100%;
                /* font-size: 18px; */
              }

              figure.snip0016 figcaption::before {
                position: absolute;
                top: 21px;
                right: 30px;
                bottom: 25px;
                left: 100%;
                border-left: 4px solid rgba(51, 39, 39, 0.8);
                content: '';
                opacity: 0;
                background-color: rgba(255, 255, 255, 0.5);
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
                -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
              }

              figure.snip0016 h2,
              figure.snip0016 p {
                margin: 0 0 5px;
                opacity: 0;
                font-size: 17px;
                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
                transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
              }

              figure.snip0016 h2 {
                /*  word-spacing: -0.15em;*/
                font-weight: 300;
                /*  text-transform: uppercase;*/
                -webkit-transform: translate3d(30%, 0%, 0);
                transform: translate3d(30%, 0%, 0);
                -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s;
              }

              figure.snip0016 h2 span {
                font-weight: 800;
              }

              figure.snip0016 p {
                font-weight: 200;
                -webkit-transform: translate3d(0%, 30%, 0);
                transform: translate3d(0%, 30%, 0);
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
              }

              figure.snip0016 a {
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                position: absolute;
                color: #ffffff;
              }

              figure.snip0016:hover img {
                opacity: 0.3;
              }

              figure.snip0016:hover figcaption h2 {
                opacity: 1;
                -webkit-transform: translate3d(0%, 0%, 0);
                transform: translate3d(0%, 0%, 0);
                -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
                font-size: 17px;
                line-height: 25px;
              }

              figure.snip0016:hover figcaption p {
                opacity: 0.9;
                -webkit-transform: translate3d(0%, 0%, 0);
                transform: translate3d(0%, 0%, 0);
                -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
              }

              figure.snip0016:hover figcaption::before {
                background: rgba(101, 17, 17, 0);
                left: 5px;
                opacity: 1;
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
              }


      #back-to-top {
        position: fixed;
        bottom: -100px;
        right: 20px;
        z-index: 9999;
        transition: bottom 0.3s ease-in-out;
      }

      #back-to-top.show {
        bottom: 20px;
      }

      .custom-btn-style {
        padding: 3px 13px;
        background: #d2d2d2;
        color: #403535;
        font-size: 20px;
        border-radius: 8px;
      }


      /* Overlay */
    .modal-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 999;
      display: flex;
      justify-content: center;
      align-items: center;

      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
    }

    .modal-overlay.active {
      opacity: 1;
      visibility: visible;
    }

    /* Modal Box */
    .modal-box {
      background: #fff;
      padding: 20px;
      max-width: 400px;
      width: 90%;
      border-radius: 10px;
      text-align: center;
      position: relative;

      transform: translateY(-30px);
      opacity: 0;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .modal-overlay.active .modal-box {
      transform: translateY(0);
      opacity: 1;
    }

    /* Stylish Close Button */
    .modal-close {
      position: absolute;
      top: -15px;
      right: -15px;
      width: 40px;
      height: 40px;
      background: #0d4556;
      color: white;
      font-size: 24px;
      font-weight: bold;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      box-shadow: 0 3px 6px rgba(0,0,0,0.2);
      transition: 0.3s;
    }

    .modal-close:hover {
      background: #cc0000;
      transform: scale(1.1) rotate(10deg);
    }

    .modal-box h2 {
      margin-bottom: 15px;
    }

    .modal-box a {
      display: inline-block;
      margin: 10px;
      padding: 10px 15px;
      background: #007bff;
      color: white;
      text-decoration: none;
      border-radius: 5px;
      transition: 0.3s;
    }

    .modal-box a:hover {
      background: #0056b3;
    }