/* ------------------------------------------------
  Project:   Crpf Official Website
------------------------------------------------ */
@import url(bootstrap.min.css);
/* @import url(megamenu.css); */
@import url(slick.css);
/* fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&amp;display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(font-awesome.min.css);
@font-face {
    font-family: 'Alexandria';
    src: url(../fonts/Alexandria-VariableFont_wght.ttf);
}
/* root */
:root {
  --white: #ffffff;
  /* --theme-color-1: #8f271c;
  --theme-color-2: #ee9c45; */
  --theme-color-1: #104e8d;
  /* --theme-color-2: #ef8515; */
  --theme-color-2: #0655a5;
  --theme-color-light: #fdc487;
  --menu-hover:#fdc487;
  --dark-theme-heading: #ffd868;
  /* --dark-blue:#0f2f50; */
  --dark-blue:#1489ff;
  --orange: #104e8d;
  --level-4: #aed9ff;
  /* --border-dark-theme:#b96105; */
  --border-dark-theme:#002a53;
  --black: #000000;
  --black-2: #101010;
  --dull-color: #a5a5a5;
  --light-grey: #f4f6f9;
  --font-heading: 'Alexandria';
  --sub-heading: 'Roboto Slab', sans-serif;
  --font-default: 'Roboto', sans-serif;
  --font-thin: 'Roboto Condensed', sans-serif;
}
/* ------------------------------------------------
Basic Style
------------------------------------------------ */
html {
  scroll-behavior: smooth;
}
*{box-sizing: border-box;}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-moz-selection,::selection {
  background: var(--theme-color-2);
  color: var(--white);
  text-shadow: none
}
body{font-family: var(--font-default);font-weight: 400;font-size: 16px;line-height: 26px;letter-spacing: 0; color: #313131;overflow-x: hidden;}
a,a:active,a:focus,a:hover{text-decoration: none;outline: 0;color: inherit;}
h1, h2, h3, h4, h5, h6{  font-family: 'Roboto', sans-serif; margin-bottom: 15px; font-weight: 700;  color: var(--theme-color-1);}
/* a:focus-within{border: 1px dotted red;}
.nav-item.dropdown:focus-within ul.dropdown-menu,   .nav-item.dropdown:focus-within ul.dropdown-menu   li.dropend:focus-within> ul.dropdown-menu{
   -webkit-animation: fadeIn 0.3s alternate;
  animation: fadeIn 0.3s alternate;
  display: block;
  position: absolute;}
  .nav-item.dropdown:focus-within ul.dropdown-menu   li.dropend{display: none;} */
/* ------------------------------------------------
common style
------------------------------------------------ */
.text-color-1{color: var(--theme-color-1) !important;}
.text-color-2{color: var(--theme-color-2) !important;}
.font-2{font-family: var(--sub-heading) !important;}
ul,ol{list-style: none;list-style-type: none;padding-left: 0;margin-left: 0;}
.border-1{border: 2px solid var(--theme-color-2) !important;}
.border-2{border: 2px solid var(--theme-color-1) !important;}
.border-1-light{border: 2px solid var(--theme-color-light) !important;}
.b-bottom-light{border-bottom: 1px solid #0000001f !important;}
.border-bottom-dotted{border-bottom: 1px dotted #0000001f !important;}
.border-left-2{border-left: 2px solid var(--theme-color-2) !important;}
.border-top-bottom{border-top: 1px solid var(--theme-color-1); border-bottom: 1px solid var(--theme-color-1);;}
.font-thin{font-family: var(--font-thin) !important;}
.text-color-2{color: var(--theme-color-2)   !important;}
.text-color-light{color: var(--theme-color-light) !important;}
.text-justify{text-align: justify;}
.p-relative{position: relative !important;}
.text-dull{color: var(--dull-color)!important;}
.font-normal{font-weight: normal !important;}
.font-bold{font-weight: bold !important;}
.font-bolder{font-weight: bolder !important;}
.bg-theme-1{background-color: var(--theme-color-1)!important;}
.bg-theme-light{background-color: var(--theme-color-light)!important;}
.bg-dark-blue{background-color: var(--dark-blue);}
.bg-theme-2{background-color: var(--theme-color-2)!important;}
.bg-grey{background-color: var(--light-grey)!important;}
.bg-black{background-color: var(--black)!important;}
.bg-black-2{background-color: var(--black-2)!important;}
.bg-image{background-size: cover;background-position: center;background-repeat: no-repeat;}
.section-title{position: relative;margin-bottom: 5px;}
.section-title .separator{width: 70px;display: inline-block;}
.section-title .separator span::before{content: ""; left: 0; position: absolute; bottom: 10px; width: 31px; height: 4px; background-color: #a1a1a1;}
.section-title .separator span::after {content: ""; left: 35px; position: absolute; bottom: 10px; width: 31px; height: 4px; background-color: var(--theme-color-2);}
.main-title{font-family: var(--font-heading);font-weight: bold;font-size: 36px; line-height: 1.2;margin-bottom: 5px;color: var(--theme-color-1);}
.heading,.heading-2,.heading-3,.heading-4,.heading-5,.heading-6{position: relative;text-align: left;line-height: 1.2;margin-bottom: 15px;color: var(--theme-color-1);font-family: var(--sub-heading);padding-bottom: 5px;}
.heading::before,.heading-2::before,.heading-3::before,.heading-4::before,.heading-5::before,.heading-6::before{content: '';left: 0;position: absolute;bottom: 0px;width: 31px;height: 1px; background-color: var(--theme-color-2);}
.heading::after,.heading-2::after,.heading-3::after,.heading-4::after,.heading-5::after,.heading-6::after{content: "";right: 0;position: absolute;bottom: 0px;width: calc(100% - 32px);height: 1px; background-color: #e0e1e3;}
.heading-1{font-size: 32px;}
.heading-2{font-size: 28px;}
.heading-3{font-size: 26px;}
.heading-4{font-size: 24px;}
.heading-5{font-size: 22px;}
.heading-6{font-size: 20px;}
.sub-title-2{font-size: 24px;list-style: 30;}
.site-main{position: relative;}
.default-section{position: relative;padding: 30px 0;}
.section-l{position: relative;padding: 60px 0;}
.img-round-border {margin-left: 10px;margin-bottom: 10px;height: 150px;width: 150px;padding: 2px;}
.border-radius-2{ border-radius: 5px;}
.border-radius-20{border-radius: 20%;}
/* list */
.list-style-1 li,.list-style-2 li{position: relative;margin-bottom: 10px;padding-left: 20px;line-height: 1.4;}
.list-style-1 li::before{position: absolute;content: '';width: 8px;height: 8px;background:linear-gradient(var(--theme-color-1), var(--white), var(--theme-color-2));left: 0px;top: 8px;transform: rotate(45deg);}
.list-style-2 li::before{position: absolute;content: '';width: 8px;height: 8px;background: var(--theme-color-2);left: 5px;top: 7px;transform: rotate(45deg);}
.numbered-list{list-style-type: decimal;padding-left: 20px; margin-left: 5px;}
.numbered-list li{padding-left: 5px;}
ol.numbered-list ol { list-style-type: lower-roman;}
/* btns */
.view-more-btn:hover {color: var(--black-2);transition: all 0.3s;}
.view-more-btn {line-height: 1;font-size: 16px;display: inline-block;width: 95px;color: var(--orange);transition: all 0.3s;margin-bottom: 10px;}
.view-more-btn i { font-size: 12px;margin-left: 5px;color: var(--orange);transition: all 0.3s;}
.view-more-btn:hover i {margin-left: 8px;transition: all 0.3s;color: var(--black-2);}
.btn-submit {background-color: var(--theme-color-2);border: none;border-radius: 10px;color: var(--white);position: relative;overflow: hidden;padding: 6px 40px;display: inline-block;transition: transform 500ms ease;}
.btn-submit::before {content: ""; background-color: var(--theme-color-1); width: 0%;height: 100%;position: absolute; top: 0;left: 0; transition: width 500ms ease;}
.btn-submit::after { content: "";background-image: url("../images/icon/2767192.png");background-repeat: no-repeat;background-position: center;height: 100%;width: 0%;position: absolute;left: 0;top: 0;transition: width 500ms ease;}
.btn-submit:hover:before,
.btn-submit:hover:after {width: 100%;}
.btn-submit:active {transform: scale(0.9) !important;}
.theme-btn-small-1{padding: 3px 5px;font-size: 14px;background-color: var(--theme-color-2);color: var(--white);transition: all 0.3s;}
.theme-btn-small-1:hover{transition: all 0.3s;background-color: var(--theme-color-1);color: var(--white);}
.custom-btn{min-width: 130px;height: 40px;color: var(--white);border-radius: 5px;padding: 10px 25px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;position: relative;display: inline-block;box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),7px 7px 20px 0px rgba(0,0,0,.1),4px 4px 5px 0px rgba(0,0,0,.1);outline: none;line-height: 42px;padding: 0;border: none;}
.custom-btn:before,
.custom-btn:after {position: absolute;content: ""; right: 0;bottom: 0; box-shadow:-7px -7px 20px 0px rgba(255,255,255,.9),-4px -4px 5px 0px rgba(255,255,255,.9), 7px 7px 20px 0px rgba(0,0,0,.2),4px 4px 5px 0px rgba(0,0,0,.3);transition: all 0.3s ease;}
.custom-btn:before{height: 0%;width: 2px;}
.custom-btn:after {width: 0%;height: 2px;}
.custom-btn:hover{background: transparent;}
.custom-btn:hover:before{height: 100%;}
.custom-btn:hover:after{width: 100%;}
.custom-btn span:before,
.custom-btn span:after {position: absolute;content: "";left: 0;top: 0; transition: all 0.3s ease;}
.custom-btn span:before {width: 2px;height: 0%;}
.custom-btn span:after {height: 2px;width: 0%;}
.custom-btn span:hover:before {height: 100%;}
.custom-btn span:hover:after {width: 100%;}
.btn-style-1 {background: var(--theme-color-2);}.btn-style-1:before,.btn-style-1:after{background: var(--theme-color-2);}.btn-style-1:hover {color: var(--theme-color-2)} .btn-style-1 span:before,.btn-style-1 span:after{background: var(--theme-color-1);}
.btn-style-2 {background: var(--theme-color-1);}.btn-style-2:before,.btn-style-2:after{background: var(--theme-color-1);}.btn-style-2:hover{ color: var(--theme-color-1);} .btn-style-2 span:before,.btn-style-2 span:after{background: var(--theme-color-2);}
.view-pdf-btn{display: inline-block; padding: 3px 10px;border: 1px solid #00000018;border-radius: 5px;font-family: 'Alexandria';font-size: 16px;background: var(--white);color: var(--theme-color-1);line-height: 20px;margin-right: 3px;transition: all 0.3s ease-in;}
.view-pdf-btn:hover{background: var(--theme-color-1);  color: var(--white);transition: all 0.3s ease-in;}
.view-pdf-btn i{color: var(--theme-color-1);transition: all 0.3s ease-in;}
.view-pdf-btn:hover i{color: var(--white);transition: all 0.3s ease-in;}
.pdf-size{font-size: 12px; color: var(--black-2);}
.fas.fa-file-pdf{color: red  ;}
/* ------------------------------------------------
Header
------------------------------------------------ */
.top-bar .top-welcome-font{font-size: 14px;}
.top-bar .top-row-right{flex-wrap: wrap;list-style: none;list-style-type: none;}
.top-bar .top-row-right li{display: inline-block;width: auto;padding: 1px 5px;position: relative;}
/* language-button */
.top-bar .top-row-right .dropbtn {border: none;}
.top-bar .top-row-right .langdropdown {position: relative;display: inline-block;}
.top-bar .top-row-right .langdropdown-content {display: none;position: absolute;background-color: var(--white);min-width: 90px;margin-left: -10px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);z-index: 1;}
.top-bar .top-row-right .langdropdown-content a {color: var(--black);padding: 5px 16px; line-height: 22px; text-decoration: none; display: block;}
.top-bar .top-row-right .langdropdown-content a:hover{background-color: var(--light-grey);}
.top-bar .top-row-right .langdropdown:hover .langdropdown-content {display: block;}
.header-middle{position: relative;}
.logo_header .logo_img img, .header-middle .national-symbol {width: 100%; height: 90px;}
.header-middle .logo_header .logo_title {padding-top: 8px;}
.header-middle .logo_header .logo_title h2{font-size: 35px;margin-bottom: 10px;line-height: 1;text-transform: uppercase;font-family: var(--font-heading);font-weight: bold;color: var(--theme-color-1);}
.header-middle .logo_header .logo_title h3{ font-size: 30px;margin-bottom: 5px;color:#bb9867;line-height: 1;font-weight: bold;}
.header-btn {line-height: 30px;margin-bottom: 0;color: var(--black-2);background-color: transparent;border: none;padding: 2px 4px 5px 4px;font-family: var(--sub-heading);font-weight: 500;}
.header-btn.dropdown-toggle::after{ top: 5px;}
.header-btn:hover  {color: var(--theme-color-1);background-color: transparent;box-shadow: none;border: none;}
.header-btn img,.header-btn svg {height: 30px;margin-right: 5px;}
.dropdown-menu{min-width: 170px;}
.widget_info .dropdown .dropdown-menu .dropdown-item{padding: 3px 5px;line-height: 18px;font-size: 14px;}
.widget_info .dropdown .dropdown-menu.show{width: 100%;}
a#ToggleTheme {background-color: var(--black);color: var(--white);display: inline-block;height: 23px;width: 23px;text-align: center;line-height: 23px;border-radius: 3px;margin-top: -3px;}
a#ToggleTheme i {font-weight: 600;}
.dropend .dropdown-menu[data-bs-popper]{margin-left: 0;}
.dropdown-menu{padding: 0;border-radius: 0;border-top: 3px solid var(--theme-color-2)}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{background-color: var(--theme-color-2);color: var(--white);transition: all 0.3s;}
.top-bar .top-row-right li a{color: var(--white);font-size: 14px; }
.sticky-top{z-index: 100;}
.navbar{padding-top: 0;padding-bottom: 0;}
.navbar-expand-lg .navbar-nav{flex-wrap: wrap;}
.navbar-nav .nav-item{position: relative;display: inline-block;margin-right: 2px;}
.navbar-nav .nav-item .nav-link{color: var(--white);padding: 16px 16px 16px 10px; position: relative; font-weight: 400; text-transform: capitalize;  line-height: 1.1;white-space: nowrap;}
/* .navbar-nav .nav-item:first-child .nav-link{padding: 16px 5px 16px 0px} */
.navbar-nav .nav-item:last-child .nav-link{padding: 16px 5px 16px 10px}
.navbar-nav .nav-item .nav-link:hover,.navbar-nav .nav-item .nav-link:focus{color: var(--menu-hover);}
.dropdown-toggle::after{position: absolute; content: "\f0d7"; border: none !important; font-family: 'Font Awesome 5 Pro';  font-size: 13px; margin-left: 4px;font-weight: 900;top: 19px;}
.dropend .dropdown-toggle::after{top: auto; bottom: auto;}
.dropend .dropdown-toggle::after{position: absolute; content: "\f0da"; border: none !important; font-family: 'Font Awesome 5 Pro';  font-size: 13px; margin-left: 4px;font-weight: 900;right: 5px;}
.top-bar .top-row-right li:before, .footer-h-nav li a:before{content: "";position: absolute;height: 20px;width: 1px;right: -6px;top: 50%;-khtml-transform: translateX(0) translateY(-50%);-moz-transform: translateX(0) translateY(-50%);-ms-transform: translateX(0) translateY(-50%);-o-transform: translateX(0) translateY(-50%);transform: translateX(0) translateY(-50%);background-color: rgb(255 255 255 / 50%);display: inline-block;}
.top-bar .top-row-right li:before{right: 0;}
/* .nav-item{font-family: var(--font-thin);} */
.dropdown-menu li{border-bottom: 1px dotted #0000003b;}
.dropdown-menu.show {-webkit-animation: fadeIn 0.3s alternate; animation: fadeIn 0.3s alternate;}
.navbar-light .navbar-toggler {color: transparent;border-color: transparent;}
.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {background-image: url(../images/icon/open-menu.png);}
.navbar-light .navbar-toggler  .navbar-toggler-icon {background-image: url(../images/icon/close-menu.png);}
/* .navbar-toggler {border: none;padding: 0;outline: none;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler .hamburger-toggle {position: relative;display: inline-block;width: 50px;height: 50px;z-index: 11;float: right;}
.navbar-toggler .hamburger-toggle .hamburger {position: absolute;transform: translate(-50%, -50%) rotate(0deg);left: 50%;top: 50%;width: 50%;height: 50%;pointer-events: none;}
.navbar-toggler .hamburger-toggle .hamburger span {width: 100%;height: 4px;position: absolute;background: #333;border-radius: 2px;z-index: 1;transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;left: 0px;}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {top: 10%;transform-origin: 50% 50%;transform: translate(0% -50%) !important;}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {top: 50%;transform: translate(0, -50%);}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {left: 0px;top: auto;bottom: 10%;transform-origin: 50% 50%;}
.navbar-toggler .hamburger-toggle .hamburger.active span {position: absolute;margin: 0;}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {top: 45%;transform: rotate(45deg);}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {left: 50%;width: 0px;}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {top: 45%;transform: rotate(-45deg);} */
/* ------------------------------------------------
Footer
------------------------------------------------ */
.footer .footer-title{font-weight: 400;font-size: 24px;line-height: 1.3;}
.widget_nav_menu .footer-contact li .icon {width: 25px;display: inline-block;padding-top: 5px;}
.widget_nav_menu .footer-contact li .icon i {font-size: 20px;}
.widget_nav_menu .footer-contact li .footerText {width: calc(100% - 25px);display: inline-block;padding-left: 10px;font-size: 14px;color: var(--dull-color);}
.social-media-footer {display: flex;margin-top: 5px;}
.social-media-footer li {display: inline-block; margin-right: 6px; border-radius: 50%; text-align: center;line-height: 25px;}
.social-media-footer li a  {display: block;height: 25px;width: 25px;line-height: 25px; font-size: 13px;color: var(--white);background-color: white; border-radius: 5px; transition : all 0.3s}
.social-media-footer li a:hover  {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); transition : all 0.3s}
.social-media-footer li a .fa-facebook-f{color: #3b5998;}
.social-media-footer li a .fa-twitter{color: #1DA1F2;}
.social-media-footer li a .fa-instagram{color: #4e0566}
.social-media-footer li a .fa-youtube {color: #FF0000}
.footer-list li{padding: 0;position: relative;margin-bottom: 5px;}
.list-2-column li{display: inline-block !important;padding: 0 0 7px 0;position: relative;width: calc(50% - 5px) !important;}
.footer-list{list-style: none;list-style-type: none;}
.footer-list li,.footer-list li a {position: relative;display: block;}
/* .footer-list li a:before {position: absolute;content: "";top: 12px;left: 0;width: 9px;height: 1px;background-color: var(--white);} */
.footer-list li a {font-size: 14px;color: var(--white);padding: 2px 8px;width: calc(100% - 10px); border: 1px dashed white;}
.footer-list li a:hover {border: 1px dotted white; background-color: white;}
.footer-list li:hover a,.footer-h-nav li:hover a {color: var(--black);transition: all 0.3s;}
.footer-list li:hover a:before{background-color:var(--theme-color-2);}
.footer-h-nav li{position: relative;}
.footer-h-nav li a{display: block;padding: 5px 8px;color: var(--white);font-size: 14px;position: relative;}
.footer-h-nav li a:before{right: 0;}
.footer-slider .single-hll{border-bottom: 2px solid var(--white);background-color: var(--theme-color-1);}
.footer hr{background-color: #ffffff62;}
.footer-slider .single-hll a{color: var(--white) !important;padding: 0px;}
.footer-slider .single-hll:hover{background-color: var(--theme-color-1);}
.bottom-footer-text p{font-size: 14px;line-height: 18px;}
.bottom-footer-text .visitor-counter{max-height: 20px;}
.govt-links{display:block;padding-top: 25px; padding-bottom: 20px; margin: 0 auto;width: 90%;}
.govt-links img{text-align: center;display: block;margin: 0 auto;width: 100%;max-height: 80px;border: 1px solid #0000002b;}
#totop {font-weight: 900;color: var(--white);display: none;position: fixed;right: 34px;bottom: 50px;z-index: 999;height: 0;width: 0;font-size: 0; padding-top: 3px;line-height: 34px;border-radius: 3px;transition: .3s ease-in-out;}
#totop.top-visible {height: 40px;width: 40px;font-size: 22px;display: inline;background-color:  var(--theme-color-2);opacity: 0.7;}
#totop.top-visible {animation: jump 4s infinite;}
#totop.top-visible:hover {background-color: var(--theme-color-1);opacity: 1;  animation-play-state: paused;}
.footer .h_l_slider .slider-controls{top: 6px;}
.footer .slider-controls .slider-bnt{border: 1px solid white;border-radius: 50%;height: 30px;width: 30px;text-align: center;line-height: 30px;padding: 0;}
.footer .slider-controls .slider-bnt:active{background-color: var(--black);}
/* home page */
.homePageSlider,.homePageSlider .slick-slider,.homePageSlider .slick-list.draggable,.homePageSlider .slick-track,.homePageSlider .single-slider,.homePageSlider .single-slider img{height: 100%;min-height: 200px; max-height: 380px; }
.slider-controls{position: absolute;top: 50%;width: 100%}
.slider-controls .slider-bnt{position: absolute;padding: 7px 8px; font-size: 20px; background-color: var(--theme-color-2);  color: var(--white);opacity: 0.5; transition: all 0.3s;}
.slider-controls .slider-bnt:hover{opacity: 1;transition: all 0.3s;}
.slider-controls .slider-bnt:active{background-color: var(--theme-color-1);transition: all 0.3s;}
.slider-previous{ left: 0px; }
.slider-next{ right: 0px; }
/* Start Slider Caption */
.MainSliderCaption { z-index: 1;bottom: 10px;left: 0;right: 0;text-shadow:2px 2px 3px #000;padding: 0 20px;}
/* End Slider Caption */
.five-item-slider{width: 100%; margin: 5px auto;}
.h_l_slider .slider-controls{top: 18px;}
.single-hll { width: 95%; margin: 10px 5px; background-color: var(--white);-webkit-box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 12%);-moz-box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 12%);box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 12%);transition: all 0.3s;}
.single-hll .icon-side {display: inline-block;width: 60px;padding: 5px 6px;}
.single-hll .icon-side::after {position: absolute;content: " ";height: 45px;right: -2px;top: 5px;width: 1px;background: var(--black-2);opacity: 0.2;}
.single-hll .icon-side img {height: 45px;}
.single-hll .hll_title {padding: 5px 5px 5px 10px;width: calc(100% - 70px);}
.single-hll .hll_title  a {font-weight: normal;font-size: 18px;align-self: center;margin-bottom: 0;line-height: 1.2;color: var(--border-dark-theme);transition: all 0.3s;}
.single-hll:hover, .sector-slider .single-hll:hover{background-color: var(--theme-color-1); transition: all 0.3s;}
.single-hll:hover .hll_title a{color: var(--white);transition: all 0.3s;}
.footer-slider .single-hll{margin: 3px 5px;}
.sector-slider .single-hll{background-color: #aed9ff;border-left: 2px solid #104e8d;}
.sector-slider .single-hll .hll_title a{color: var(--black);}
.sector-slider .single-hll:hover .hll_title a{color: var(--white);}
.slick_slider .slick-arrow {position: absolute;width: 41px;height: 41px;z-index: 1;border: 0;color: inherit;background-color: rgba(255, 255, 255, .07);box-shadow: 0 0 10px 0 rgb(0 43 92 / 8%);border: 0;top: 30px;}
.slick_slider .slick-next:before, .slick_slider .slick-prev:before {font-family: 'Font Awesome 5 Pro';font-size: 14px;line-height: 31px;opacity: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick_slider .slick-next{right: 10px;}
.slick_slider .slick-next:before {content: "\f054";}
.slick_slider .slick-prev:before {content: "\f053";}
.slick_slider .slick-prev {left: 10px;}
.sector-slider .single-hll .icon-side a{padding: 2px; border: 1px solid white; border-radius: 2px; overflow: hidden;}
.sector-slider .single-hll .icon-side a img{height: 40px !important; width: 40px !important;background-color: var(--white);}
.sector-slider .single-hll .hll_title{ padding-top: 8px;}
.sector-slider .single-hll .hll_title a{ font-size: 16px; line-height: 24px;}
.sector-slider .single-hll .icon-side::after{top: 8px;}
.slider-controls-on-hover .slider-controls{opacity: 0;transition: all 0.3s;}
.slider-controls-on-hover:hover .slider-controls{opacity: 1;transition: all 0.3s;}
.home-important-link{height: 220px; overflow-y: hidden;}
.home-important-link .slick-list{height: 220px !important;padding-top: 0px;}
.home-important-link li {background-color: var(--white);margin-top: 10px; margin-bottom: 0;}
ul.nav.nav-tabs{border-radius: 5px  5px  0 0; background-color: #f2f2f299;}
/*  list  with link*/
.list-with-link-1 li{ width: 100%;border: 1px dotted rgba(3, 3, 3, 0.288) !important;margin-bottom: 10px;padding: 0 0 0 0;display: block;position: relative;}
.list-with-link-1 li a{display: block; padding: 5px 30px 5px 10px;font-size: 15px;position: relative;}
.list-with-link-1 li::before{content: "\f061";top: 5px;right: 10px;position: absolute;font-family: 'Font Awesome 5 Pro';font-size: 16px;margin-left: 4px;color: var(--theme-color-2);font-weight: 900;transition: all 0.4s;}
.list-with-link-1 li a:hover{color: var(--theme-color-1);}
.list-with-link-1 li:hover::before{color: var(--theme-color-1);right: 5px;transition: all 0.4s;}
/* director section */
.directors-side { padding: 60px 10px 20px 10px ; position: relative;}
.directors-side::before {position: absolute;content: '';height: 100%; width: 100%;background-image: url(../images/bg-image/tiranga-bg.jpg);left: 0;top: 0;background-size: cover;background-position: center;}
.directors-side .pm-box {width: 100%;background-color: rgb(255 243 231 / 33%);position: relative;margin-bottom: 60px;border: 2px solid var(--border-dark-theme);}
.directors-side .pm-box:last-child {margin-bottom: 5px;}
.directors-side .pm-box .dirc-dt {width: 70%;align-items: flex-end;padding: 25px 10px 15px 10px;}
.directors-side .pm-box .dirc-dt h4 {color: var(--theme-color-1);font-size: 16px;line-height: 1;margin-bottom: 5px;}
.directors-side .pm-box .dirc-dt h5 {font-size: 12px;line-height: 1;margin-bottom: 0;color: var(--black-2);}
.directors-side .pm-box .dirc-dt a{font-size: 12px;color: var(--black-2);font-weight: 600;}
.directors-side .pm-box .dirc-img {width: 40%;position: absolute;right: 0;bottom: 0;}
.directors-side .pm-box .dirc-img img {max-width: 100%;height: 133px;display: block;margin-left: auto;}
/* new-layout */
.directors-side .crpf_dg .crpf_dg_img img{height: 230px;}
.directors-side .crpf_dg p{ font-size: 14px;line-height: 1;}
.directors-side .crpf_dg .view-more-btn{ font-size: 14px;}
.directors-side .crpf_dg_name h4{ font-size: 14px;}
/* Spotlight*/
.marque_block {background: var(--dark-blue);overflow: hidden;}
.marquee_title {white-space: nowrap;position: relative;width: auto;font-size: 18px;padding: 0 15px;text-align: center;background: var(--theme-color-1);color: var(--white);font-weight: 400;line-height: 43px;height: 41px;border-right: 5px solid white;}
.marquee_title:after {content: "";border-top: 21px solid transparent;border-left: 21px solid var(--theme-color-1);border-right: 21px solid transparent;border-bottom: 21px solid transparent;top: 0;margin: auto;position: absolute;left: 100%;z-index: 1;}
.marquee_title:before {content: "";border-top: 21px solid transparent;border-left: 21px solid var(--white);border-right: 21px solid transparent;border-bottom: 21px solid transparent;top: 0;margin: auto;position: absolute;left: calc(100% + 5px);z-index: 1;}
.marquee_content {background: var(--dark-blue);width: 90%;}
.marquee_content marquee {height: 100%;padding-top: 7px;}
.marquee_content a {font-size: 16px;color: var(--white);line-height: 26px;height: 26px;margin-right: 30px;font-family: var(--font-heading);}
/* news-slider */
.notices-box {display: inline-block;width: 100%;margin-bottom: 15px;}
.notices-box .notice-header {border-radius: 5px 5px 0 0;}
.notices-box .notice-header h4 {line-height: 1;font-size: 22px;}
.notices-box .notice-body {height: 280px !important;overflow: hidden !important;padding: 10px 5px 30px 5px;border: 1px solid rgb(221, 221, 221);}
.newsBox {height: 230px;margin-bottom: 5px;overflow: hidden;}
.news-list {list-style: none;list-style-type: none;padding-left: 0;margin: 0;height: auto !important;}
.news-list marquee {display: block;height: 220px;}
.news-list li {list-style: none;list-style-type: none;padding-left: 0;margin-left: 0;border-bottom: 1px dotted rgb(204, 204, 204) !important;margin-bottom: 8px;padding-bottom: 5px;}
.news-list li:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.news-list .news-single .date {width: 20%;}
.news-list .news-single .date h5 {padding: 10px 2px;background-color: var(--light-grey);color: #018f8f;text-align: center;line-height: 1;margin-bottom: 0;}
.news-list .news-single .date h6 {padding: 5px 2px;background-color: #aed9ff;color: var(--black);text-align: center;line-height: 1;margin-bottom: 0;font-size: 12px;font-weight: normal;}
.news-list .news-single .news-text {width: 80%;font-size: 15px;line-height: 20px;margin-bottom: 0;padding-left: 10px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.ticker-controls {position: absolute;right: 30px;width: auto;}
.SliderRecruitment.news-list .news-single .news-text{width: 100%;padding-left: 5px;font-size: 16px;}
/* tender */
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {color: var(--white);background-color: var(--theme-color-2);border-color: var(--orange) var(--orange) var(--theme-color-2);font-family: var(--font-heading);}
.nav-tabs {border-bottom: 1px solid var(--theme-color-2);}
.tab-content {height: 275px;background-color: var(--light-grey);border: 1px solid var(--theme-color-2);padding: 15px 20px;border-top: none;}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link {font-size: 18px;font-family: var(--font-heading);color: var(--black-2);}
.nav-tabs .nav-link {border-color: #e9ecef #e9ecef var(--theme-color-2)}
.tender-box {display: inline-block;width: 100%;position: relative;height: 215px;overflow: hidden;}
.tender-box .tender-body {display: inline-block;position: relative;width: 100%;background-color: var(--white);padding: 10px 5px 30px 5px;border: 1px solid rgb(221, 221, 221);}
.tender-list li {border-bottom: 1px dotted rgb(204, 204, 204);margin-bottom: 8px;padding-bottom: 5px;}
.tender-list li:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.tender-list .tender-single {display: block;width: 100%;background-color: var(--white);padding: 5px;border-left: 2px solid var(--black);}
.tender-list .tender-single .date {width: 80%;padding-left: 10px;color: var(--orange);font-size: 14px;}
.tender-list .tender-single .tender-text {width: 90%;font-size: 15px;line-height: 20px;margin-bottom: 0;padding-left: 10px;color: var(--black);display: -webkit-box;min-height: 60px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.tender-list .tender-single .tender-text i,.tender-list .tender-single .tender-text small {color: red;}
.tender-list .tender-single:hover .tender-text{color: var(--theme-color-2);}
.ticker-controls {position: absolute;right: 5px;width: auto;}
.ticker-controls .ctrl-btns {margin-right: 5px;color: var(--theme-color);transition: all 0.3s;}
.ticker-controls .ctrl-btns:hover {color: var(--theme-color-2);transition: all 0.3s;}
/* image-box-layouts */
.img-box-1{border-bottom: 3px solid var(--theme-color-1);}
.img-box-1 .img-text{position: absolute;left: 0;bottom: 0px;width: 80%;padding: 5px 10px 5px 15px;background-color: var(--theme-color-1);transition:all 0.3s;}
.img-box-1:hover a img{filter: brightness(0.4);transition:all 0.3s;}
.img-box-1 a img{filter: brightness(1);transition:all 0.6s;}
.img-box-1:hover .img-text{background-color: var(--theme-color-2);transition:all 0.3s;}
.overlay-title .o-title{display: inline-block;width: 55%;padding: 12px 1rem;}
.overlay-title .o-title::after{ content: '';position: absolute;right: -45px;top: 0;width: 0;height: 0;border-bottom: 46px solid var(--theme-color-2);border-right: 46px solid transparent;}
.overlay-title .o-title h4{font-size: 18px; }
.overlay-title .o-controls{width: 55%;text-align: right;border : 4px solid var(--theme-color-2);}
.content-with-sidebar .overlay-title .o-controls{width: 50%;text-align: right;border : 4px solid var(--theme-color-2);}
.gallery-text h6 a{ display: -webkit-box; height: 54px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  }
.photo-album.photo-gallery-thumb img{height: 195px;filter: brightness(100%);transition: all 0.4s;}
.photo-album.photo-gallery-thumb:hover img{filter: brightness(30%);transition: all 0.4s;}
.photo-album::before{content: '';position: absolute;top: -15px;left: 0;right: 0;width: 90%;margin: auto;height: 10px;background: var(--theme-color-2);opacity: 0.5;z-index: -1;transition: all 0.4s;}
.photo-album::after{content: ''; position: absolute;top: -7px;left: 0;right: 0;width: 96%;margin: auto;height: 7px;background-color:  var(--theme-color-2);z-index: 1;transition: all 0.4s;}
.photo-album a.img-thumb{z-index: 5;}
.photo-album .counter{position: absolute;bottom: 0;z-index: 10;background: var(--theme-color-1);color: var(--white);right: 0;padding:  5px;display: inline-block;transition: all 0.4s;}
.photo-album:hover .counter{background: var(--theme-color-2);transition: all 0.4s;}
.photo-album .counter p{font-size: 14px;line-height: 1;}
.photo-album .gallery-text h6 a{height: 45px;font-size: 15px;font-weight: bold;font-family: var(--sub-heading);}
.photo-gallery-thumb img{height: 210px;object-fit: fill;object-position: top;}
.photo-gallery-thumb .gallery-text h6{color: var(--black-1);font-size: 18px;line-height: 1.4;}
.photo-gallery-thumb:hover .gallery-text h6{color: var(--theme-color-1);}
/* medal */
.medal-style-1{min-height: 100px;}
.medal-style-1 .medal-img{width: 100px;height: 100px; position: absolute;left: 0; z-index: 1;}
.medal-style-1 .medal-name-box{background-color: var(--theme-color-2); -webkit-clip-path: polygon(100% 0, 85% 55%, 100% 100%, 0 100%, 0 0);clip-path: polygon(100% 0, 85% 55%, 100% 100%, 0 100%, 0 0);margin-left: 30px; height: 80px;padding-left: 75px; padding-right: 40px;}
.medal-style-2 .medal-name-box{background-color: var(--theme-color-1);padding: 5px 10px;transition: all 0.4s;}
.medal-style-2:hover .medal-name-box{background-color: var(--theme-color-2);transition: all 0.4s;}
.medal-style-2 .medal-name-box p{line-height: 26px; overflow: hidden;}
/* inner pages */
.inner-page-header{background-color: var(--theme-color-2);background-image: url('../images/bg-image/16.jpg');}
.inner-page-header::after{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.541);top: 0;left: 0;}
.page-header{z-index: 1;position: relative;}
.page-header .page-header-title {font-size: 28px;}
.page-header .breadcrumb .breadcrumb-item {color: var(--white);}
.page-header .breadcrumb .breadcrumb-item.active{opacity: 0.5;}
.content-with-sidebar{padding-left: 30px;padding-right: 10px;}
.content-with-sidebar p{text-align: justify;}
.image_role{object-fit: cover;object-position: center;}
.column-count-3 {column-count: 3;column-gap: 0px;}
/* collapsible sidebar */
.right-collapsible-panel {position: fixed;display: none;top: 15vh;height: 70vh;background-color: var(--light-grey);width: 300px;right: -300px;z-index: 80;transition: all 1s ease;}
.right-collapsible-panel.panel-visible {display: block;}
.right-collapsible-panel.panel-open {padding: 15px 10px 10px 15px;transition: all 0.7s ease;right: 0px;z-index: 100;-webkit-box-shadow: -7px 7px 26px -6px rgb(0 0 0 / 75%);-moz-box-shadow: -7px 7px 26px -6px rgba(0, 0, 0, 0.75);box-shadow: -11px 11px 26px -6px rgb(0 0 0 / 28%);}
.right-collapsible-panel .panel-loader {transform: rotate(270deg);opacity: 1;position: absolute;top: 45%;left: -27%;background: var(--theme-color-1);padding: 10px 15px 12px 15px;transition: all 0.8s ease;}
.right-collapsible-panel .panel-loader:hover,.right-collapsible-panel.panel-open .panel-loader:hover {cursor: pointer;}
.panel-loader.active{left: 0;transition: all 0.6s ease;}
.panel-close{  font-size: 18px;color: var(--white);padding: 5px;top: -20px;opacity: 0;border-radius: 50%;width: 30px;height: 30px;text-align: center;position: absolute;left: -15px;background: var(--theme-color-1);line-height: 22px;transition: all 2.6s ease; }
.panel-close.active{display: block;opacity: 1;top: -25px;  animation-name: panel-anm;animation-duration: 0.6s;animation-fill-mode: forwards;}
.panel-close:hover{cursor: pointer;}
.sidebar{background-color: var(--light-grey);}
/* collapsible div */
.accordion-item{border: none;}
.accordion-header {margin-bottom: 0; border-bottom: 1px solid #01010133; }
.accordion-style-1 .accordion-button:not(.collapsed)::after{  content: "\f068";  font-family: 'Font Awesome 5 Pro'; background-image: none; transform: rotate(0deg); }
.accordion-button::after{content: "\f067"; font-family: 'Font Awesome 5 Pro';background-image: none;transform: rotate(0deg);}
.accordion-button,.accordion-button:not(.collapsed) {background-color: transparent;border: none;padding: 10px;color: var(--theme-color-1);font-size: 16px;font-weight: 500;font-family: var(--sub-heading);}
.accordion-button:focus{box-shadow:none}
.accordion-body {padding: 10px 5px;}
/* svg css */
.cls-1 {fill: transparent;}
.cls-2 {fill: var(--theme-color-1);}
.cls-3 {fill: var(--theme-color-1);}
.cls-1 {fill: #fefdfd;}
.cls-2 {fill: var(--theme-color-1);}
.cls-3 {fill: var(--theme-color-1);}
.cls-4 {fill: var(--theme-color-1);}
.cls-5 {fill: var(--theme-color-1);}
.cls-6 {fill: var(--theme-color-1);}
.cls-7 {fill: #922e23;}
.cls-8 {fill: #fbf8f7;}
.cls-9 {fill: #fcfbfb;}
.cls-10 {fill: #fdfdfd;}
/* modal */
#exampleModal .btn-close{position: absolute;right: 10px;top: 10px;opacity: 1;z-index: 100;}
.carousel-item img{max-height: 500px;}
.modal {backdrop-filter: blur(5px);}
.modal-slider .list-with-link-1 li{background: var(--theme-color-1); transition: all 0.3s;}
.modal-slider .list-with-link-1 li::before{color: var(--white);}
.modal-slider .list-with-link-1 li:hover{background-color: var(--white); transition: all 0.3s;}
.modal-slider .list-with-link-1 li:hover a,.modal-slider .list-with-link-1 li:hover::before{color: var(--theme-color-1);}
/* side-fix */
.side-fix{height: calc(100vh - 8rem);overflow-y: auto;direction: rtl;text-align: left;padding-right:15px;}
.side-fix::-webkit-scrollbar-thumb {background: var(--theme-color-2);}
.side-fix a{border-top: 1px dotted var(--dull-color);position: relative;display: block;padding:8px 15px;background:var(--light-grey);}
.side-fix a.active{background: var(--theme-color-1);color: var(--white);}
.side-fix a:first-child {border-top: none;}
.side-fix a:before  { content: '';position: absolute;border: 12px solid transparent;border-left-color:var(--white);right: -24px;top: 10px; }
.side-fix a.active:before{border-left-color:var(--theme-color-1);}
/* Sticky-sidebar */
.sticky-sidebar{position: sticky;height:85vh;top: 80px;border-top: 5px solid var(--theme-color-1) !important;z-index: 1;}
.sticky-sidebar .sidebar ul{height: 90%;}
.right-collapsible-panel.panel-open .panel-loader h4,.right-collapsible-panel.panel-open .panel-loader h4 a {font-size: 18px;font-weight: normal;}
.right-collapsible-panel .panel-loader h4 {color: var(--white);margin-bottom: 0;font-size: 18px;font-weight: normal;line-height: 1; }
.right-collapsible-panel.panel-loader h4 a {color: var(--white);font-size: 22px;font-weight: normal;}
.sidebar ul {height: 85%;padding-left: 10px !important;overflow: hidden;display: block;}
.sidebar:hover ul {overflow: auto;}
.sidebar ul>li:first-child{padding-top: 0;border-top: none;}
.sidebar ul li {list-style: none;border-top: 1px dotted var(--dull-color);position: relative;padding-left: 5px !important;padding-bottom: 0 !important; display: block;margin-bottom: 5px;padding-top: 5px;}
.sidebar ul li:hover a,.sidebar ul li.active a,.sidebar .sb-drop-down-content li.active a,.sidebar .sb-drop-down-content li:hover{cursor: pointer;color: var(--theme-color-2);}
.sidebar ul li a{display: block;}
.sidebar ul li.sb-drop-down{padding-right: 30px;position: relative;}
.sidebar ul li.sb-drop-down::before{ content:"\f067";line-height: 24px;color: var(--theme-color-1); font-family: 'Font Awesome 5 Pro';position: absolute;right: 5px; transition:  content 0.3s linear !important;font-weight: 900;cursor: pointer;transition: all 0.3s;}
.sidebar ul li.sb-drop-down.active::before{ content:"\f068";transition:  content 0.3s linear !important; }
.sidebar ul li.sb-drop-down.active a{color: var(--theme-color-2);}
.sidebar ul li.sb-drop-down.active ul li a{color: var(--black-2);}
.sidebar ul li.sb-drop-down.active ul li:hover a, .sidebar ul li.sb-drop-down.active ul li.active a{color: var(--theme-color-2);}
.sidebar ul li i.fa-angle-right {position: absolute;left: -10px;line-height: 24px;color: var(--theme-color-1);font-weight: bold;font-size: 16px;transition: all 0.3s;}
.sidebar ul li.sb-drop-down .sb-drop-down-content li {position: relative;}
.sidebar ul li.sb-drop-down .sb-drop-down-content { opacity: 0;height: 0;transition: opacity 0.5s linear;}
.sidebar ul li.sb-drop-down.active .sb-drop-down-content{opacity: 1 !important;height: auto !important;transition: opacity 0.5s linear !important;}
/* pagination */
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{background-color: var(--light-grey);}
.pagination .page-item .page-link{color: var(--black-2);font-weight: bold;}
.pagination .page-item:hover .page-link{color: var(--theme-color-1);}
/* timeline */
.timeline .timeline-date {min-width: 131px;width: 131px;padding-left: 8px;margin-right: 24px;position: relative;vertical-align: top;}
.timeline .timeline-year, .timeline  .timeline-year::before {border-radius: 20%;}
.timeline .timeline-year{width: 80px;height: 80px;line-height: 80px;margin-top: 8px; font-size: 19px;}
.timeline .timeline-year:before {position: absolute;width: 92px;content: "";height: 92px;background: 0 0;display: block;border: 1px solid var(--theme-color-2);top: 2px;left: 2px;}
.timeline .timeline-panel .timeline-body {padding-left: 15px;}
.timeline .timeline-body, .timeline .timeline-date {display: table-cell;}
.timeline .timeline-body .title {position: relative;text-align: left;font-size: 24px;line-height: 24px;margin-bottom: 15px;font-weight: 400;}
.timeline .timeline-panel:not(:last-child) .timeline-body p {margin-bottom: 60px;}
.timeline .timeline-panel .timeline-body p:before {content: "";position: absolute;left: -19px;top: 11px;width: 2px;height: 100%;background: var(--theme-color-2);}
.timeline .timeline-body h3:after {content: "";position: absolute;border-radius: 50%;left: -38px;top: 10px;width: 10px;height: 10px;background: var(--theme-color-2);}
/* tables */
.table  th {vertical-align: top; line-height: 1.2;}
.table tbody tr td{padding: 4px 5px;}
.table-style-1 thead th{font-family: var(--heading);background-color: var(--theme-color-1);color: var(--white);}
.table-style-2 thead th{font-family: var(--heading);background-color: var(--theme-color-2);color: var(--white);}
.table-style-3 thead th{font-family: var(--heading);background-color: var(--light-grey);color: var(--black);}
.table .sr-col{width: 65px;}
.table .action-col{width: 150px;}
.table.first-bold tbody tr td:first-child{font-weight: bold;}
.table.first-bold tbody tr td:last-child{font-weight: normal !important;}
.table.first-bold tbody tr td:last-child { font-weight: normal !important; }
/* counter */
.serial-bold{counter-reset: Serial;}
.serial-bold tr td:first-child:before{counter-increment: Serial;content: counter(Serial);}
/* organization chart */
.rectangle a {display: block;padding: 15px;}
.rectangle strong { color: var(--theme-color-1);}
.level-2-wrapper {position: relative;}
.level-2-wrapper li {position: relative;}
.level-2-wrapper>li::after {content: "";position: absolute;top: 60px;left: 0px;width: 4px;height: 98%;background: var(--black);}
.level-2-wrapper>li::before {content: "";position: absolute;top: 60px;left: 0;width: 50%;height: 4.4px;background: var(--black);}
.level-2 {width: 70%;margin: 0 auto 40px;background: var(--white);border: 10px double var(--theme-color-1);}
.level-2::after {display: none;content: "";position: absolute;top: 50%;left: 0%;transform: translate(-100%, -50%);width: 20px;height: 2px;background: var(--theme-color-2);}
/* organization chart version-2 */
.org-style-2 { border-radius: 20px 5px 5px 20px; margin-bottom: 30px; }
.org-style-2 .img-side {padding: 2px;background-color: white;border: 2px solid #045cb5;border-radius: 50%;position: absolute;top: -5px;left: -8px;z-index: 1; }
.org-style-2 .img-side a { display: inline-block; padding: 0; }
.org-style-2 .img-side .officer-photo {height: 65px;width: 65px;overflow: hidden;border-radius: 50%;object-fit: cover;border: 2px solid #0000005c;object-position: top;}
.org-style-2 .content-side {width: 100%;padding-left: 70px;padding-top: 10px;padding-bottom: 10px;padding-right: 5px;}
.org-style-2 .content-side h4 {color: white;margin-bottom: 5px;margin-top: 0;font-size: 16px;font-family: 'Roboto Slab';display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.org-style-2 .content-side h5 { color: #fff7bb;margin-bottom: 0;margin-top: 0;font-size: 14px;font-weight: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.org-style-2.level-3 { background: #0057af;background: linear-gradient(to right, #208fff, #017193);box-shadow: 2px 2px 1px 1px #017193;border-bottom: 2px solid white; border-right: 2px solid white; transition: all 0.3s;}
.org-style-2.level-2{background: linear-gradient(to right, #409fff, #0057af);border: none;max-width: 550px; border-radius: 10px;}
.org-style-2.level-2 .img-side{position: relative;display: block; margin: auto;left: auto; right: auto;top: auto; margin-top: -70px;}
.org-style-2.level-2 .img-side img{height: 100px;width: 100px;}
.org-style-2.level-2 .content-side{padding:5px 5px 15px 5px; text-align: center;}
.org-style-2.level-2 .content-side h4{font-size: 28px;line-height: 1;}
.org-style-2.level-2 .content-side h5{font-size: 24px;color: #ffe000;font-weight: bold;line-height: 1;}
.org-style-2.level-3 .img-side {border: 2px solid #1a89ea; }
.org-style-2.level-4 { background: #3e6a70;  background: linear-gradient(to right, #79975c, #3e6a70); box-shadow: 2px 2px 1px 1px #3e6a70; border-bottom: 2px solid white; border-right: 2px solid white; transition: all 0.3s; }
.org-style-2.level-3:hover, .level-4:hover{box-shadow: 2px 2px 1px 1px #000000;transition: all 0.3s;}
.org-style-2.level-4 .img-side { border: 2px solid #688a62; }
.level-2-wrapper li>ol.level-3-wrapper:last-child{position:relative;}
.level-2-wrapper li>ol.level-3-wrapper:last-child:before {content: "";position: absolute;top: 36px;left: -6%;width: 14px;height: 100%;background: #fff;z-index: 1;}
/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-3-wrapper {position: relative;display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 20px;width: 90%;margin: 0 auto;}
.level-3-wrapper>li:nth-child(1):after {z-index: 1;content: "";position: absolute;top: 27px;left: -24.5%; width: 10px;height: 10px;background: var(--theme-color-1);border-radius: 100px;}
.level-3-wrapper>li::before { content: "";position: absolute;top: 32px;left: -23%; width: 100%;height: 2px;background: var(--black);z-index: -1;}
.level-3 {margin-bottom: 20px;background: var(--theme-color-1);}
/* LEVEL-4 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-4-wrapper {position: relative;width: 80%;margin-left: auto;}
.level-4-wrapper::before {content: "";position: absolute;top: -25px;left: -20px;width: 2px;height: calc(100% + -6px);background: var(--black);}
.level-4-wrapper li+li {margin-top: 20px;}
.level-4 {font-weight: normal;background: var(--level-4);}
.level-4::before {content: "";position: absolute;top: 50%;left: 0%;transform: translate(-100%, -50%);width: 20px;height: 2px;background: var(--black);}
/* organization chart end */
/* Start Sitemap area */
.tree ul{padding-left: 40px;}
.tree li {list-style-type:none;margin:0;padding:10px 5px 0 5px; position:relative}
.tree li::before, .tree li::after {content:'';left:-20px;position:absolute;right:auto}
.tree li::before {border-left:1px solid #104e8d;bottom:50px;height:100%;top:0;width:1px}
.tree li::after {border-top:1px solid #104e8d;height:20px;top:25px;width:25px}
.tree li span {-moz-border-radius:5px;-webkit-border-radius:5px;background:#c5e4ff;border:1px solid #104e8d;border-radius:3px;display:inline-block;padding:3px 8px;text-decoration:none;cursor:pointer;color:#000; }
.tree div.collapse>ul>li>span{background: #104e8d;color: #fff;border-color: #104e8d;}
.tree div.collapse ul li ul li ul li span{background: #e9f5ff;}
.tree>ul>li::before,.tree>ul>li::after {border:0}
.tree li:last-child::before {height:27px}
.tree li span:hover {background: var(--yellow_color);border:1px solid #94a0b4;}
/* End Sitemap area */
/* photo-gallery */
.photo-gallery a.gallery {display: block; height: 180px;cursor: zoom-in;}
.photo-gallery a.gallery img{object-fit: fill; object-position: top;height: 100%;}
.photo-gallery a.gallery:hover img{filter: blur(2px);transition: all 0.3s;}
.photo-gallery a.gallery:hover::before{content: '';position: absolute;width: 100%;height: 100%;background-color: #0000008e;left: 0;top: 0;animation: fadeIn ease 0.3s; z-index: 1;}
.photo-gallery a.gallery:hover::after{content: "\f002"; font-family: 'Font Awesome 5 Pro';color: var(--white);position: absolute;width: 40px;height: 40px;left: 40%;top: 40%;line-height: 40px;text-align: center;font-size: 24px;border-radius: 50%;opacity: 0;z-index: 10;animation: fadeIn ease 0.8s;-webkit-animation: fadeIn ease 0.8s;-moz-animation: fadeIn ease 0.8s;-o-animation: fadeIn ease 0.8s;-ms-animation: fadeIn ease 0.8s;animation-delay: 0.2s;animation-fill-mode: forwards; }
.video-gallery  a.gallery:hover::after{content: "\f144";}
.gallery-caption{display:  block;background: var(--light-grey);padding: 8px 5px;height: 52px;}
.gallery-caption p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 14px;line-height: 18px;font-family: var(--sub-heading);font-weight: 500;}
/* director-message-page */
.dg-image{ width: 230px; background-image: url('../images/bg-image/Flag-BG.jpg');background-size: cover;background-position: center;-webkit-box-shadow: inset 0px -1px 0px 5px rgb(255 255);
-moz-box-shadow: inset 0px -1px 0px 5px rgb(255 255);
box-shadow: inset 0px -1px 0px 5px rgb(255 255 255)}
.dg-image img{ width: 100%; }
.dg-detail{width: calc(100% - 230px);}
.dg-data{overflow: hidden;-webkit-clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);}
.dg-data::before{content: "\f10e"; position: absolute; top: 70px; right: 12%;color: var(--theme-color-light); font-size: 70px; font-family: 'Font Awesome 5 Pro';font-weight: 900;}
.no-line::after,.no-line::before{content: none !important;}
.min-h-200{max-height: 192px;overflow:hidden;}
.no-shape {clip-path: none !important;-webkit-clip-path:none !important; }
.no-shape.dg-data::before{top: 50px;font-size: 55px; }
 /* team style-1 */
.team-style-1{border: 1px solid #0000001f;}
.team-style-1 .team-img{width: 200px;}
.team-style-1 .team-data{width: calc(100% - 200px);}
.team-style-1 .team-data .team-body p{font-size: 15px;}
.team-style-1::before{content: '';position: absolute;width: 100%;height: 80px; background-color: var(--theme-color-light);top: 0;left: 0;}
.team-style-1 .team-head h4{line-height: 1;}
 /* hospitals-providing-page */
 .top-60px{top: 60px;z-index: 10;}
/*  martyr-frame*/
.martyr-frame{border: 12px solid #222;height: 360px; box-shadow: inset 0px 2px 5px 5px rgb(0 0 0 / 23%);transition : all 0.3s;}
.martyr-frame:hover{ box-shadow: inset 0px 2px 5px 5px var(--theme-color-2); transition : all 0.3s}
.martyr-frame img{height: 200px;border: 2px solid #9a9a9a;object-fit: cover;object-position: top;}
.martyr-detail h4{font-size: 18px;}
.martyr-detail h6{font-size: 16px; letter-spacing: 2px;color: var(--theme-color-2);}
.team-style-1 .team-img.martyr_data{box-shadow: inset 0px 5px 2px 5px rgb(0 0 0 / 23%);border: 15px solid #222; }
/* form */
.form-select,.form-control{border-radius: 1px; height: 40px;}
.form-select:focus,.form-control:focus{outline: 0;box-shadow: none;border-color:var(--theme-color-2);}
/* former-dg */
.crpf_dg{box-shadow: 3px 3px 14px rgb(0 0 0 / 14%);}
.crpf_dg_img img{height: 240px;object-fit: cover;object-position: top;}
.crpf_dg_name{bottom: 8px;}
.crpf_dg_name h4 span{font-size: 14px;}
/* card-style-1 */
.card-style-1 {border-left: 2px solid var(--theme-color-2);}
.card-style-1 h4 {font-size: 16px;padding-bottom: 5px;  font-family: var(--sub-heading);border-bottom: 1px solid #00000026;font-weight: 500;}
.card-style-1 h4,.card-style-1 p{position: relative;z-index: 1;}
/* card-style-2 */
.card-style-2 .date{font-size: 14px;}
.card-style-2 p:hover a:first-child {color: var(--theme-color-1);transition: all 0.3s;}
/* news-card */
.news-card .news-title{padding-right: 110px;}
.absolute-btn{ position: absolute;right: 20px;top: 35px;}
/* CONTACT US PAGE */
.clip-path-block span:nth-child(1) strong {
  background: var(--theme-color-light);
  padding: 10px 35px 10px 10px;
  clip-path: polygon(0% 0%, 95% 0%, 85% 100%, 0% 100%);
}
/* SITEMAP PAGE */
.tree ul{padding-left:40px}
.tree li{list-style-type:none;margin:0;padding:10px 5px 0 5px;position:relative}
.tree li::before, .tree li::after{content:'';left:-20px;position:absolute;right:auto}
.tree li::before{border-left:1px solid #104e8d;bottom:50px;height:100%;top:0;width:1px}
.tree li::after{border-top:1px solid #104e8d;height:20px;top:25px;width:25px}
.tree li a{-moz-border-radius:5px;-webkit-border-radius:5px;background:#c5e4ff;border:1px solid #104e8d;border-radius:3px;display:inline-block;padding:3px 8px;text-decoration:none;cursor:pointer;color:#000}
.tree>ul>li>ul>li>a{background:#104e8d;color:#fff;border-color:#104e8d}
.tree ul li ul li ul li ul li a{background:#e9f5ff}
.tree>ul>li::before, .tree>ul>li::after{border:0}
.tree li:last-child::before{height:27px}
.tree li a:hover{background:var(--yellow_color);border:1px solid #94a0b4}
.tree>ul>li>ul>li>a:hover {
  color: #000;
}
.min-max-h {
  max-height: 100%;
  min-height: 100%;
}
.light-blue{background: #defaff;}
.light-red{background: #ffd9dc;}
.light-green{background: #daffee;}
/* animations */
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes panelLoaderAnm {
  from {transform: rotate(270deg);top: 45%;opacity: 1; left: -27%;}
  0%   {opacity: 1;}
  1%   {left:0;transform: rotate(360deg);opacity: 0;}
  10%   {left:0;top:0px;transform: rotate(360deg);opacity: 0;}
  50%   {left:0;top:5px;opacity: 0;}
  60%  {left:0;top:-21px;opacity: 0.1;}
  70%  {left:0;top:-22px;opacity: 0.3;}
  80%  {left:0;top:-23px;opacity: 0.4;}
  90%  {left:0;top:-24px;opacity: 0.6;}
  to  {transform: rotate(360deg);top: -25px;opacity: 1;left:0}
}
@keyframes panel-anm {from {top: -20px; ;opacity: 0;} 50%  {top: -20px; ;opacity: 0;}   to  { top: -25px;  opacity: 1;}}
/* fade-in */
@keyframes fadeIn{0% {opacity:0;}100% { opacity:1;}}
@-moz-keyframes fadeIn {0% {opacity:0;}100%{opacity:1;}}
@-webkit-keyframes fadeIn {0% {opacity:0;}100%{opacity:1;}}
@-o-keyframes fadeIn {0% {opacity:0;}100%{opacity:1;}}
@-ms-keyframes fadeIn {0% {opacity:0;}100%{opacity:1;}}
/* jump */
@keyframes jump {0% {bottom: 20px}50% {bottom: 40px}100% {bottom: 20px}}
/* **************
Dark Mode CSS
  *************** */
body.darkTheme, body.darkTheme .bg-white,  body.darkTheme .home-important-link li, body.darkTheme .bg-dark-blue, body.darkTheme .tab-content, body.darkTheme .tender-list .tender-single, body.darkTheme .sidebar{background-color: var(--black) !important;color: var(--light-grey);}
body.darkTheme img{filter: grayscale(100) !important;}
body.darkTheme .directors-side .pm-box{ background-color: rgb(0 0 0 / 75%);}
body.darkTheme .header-middle .logo_header .logo_title h2,body.darkTheme .header-btn,body.darkTheme .main-title{color: var(--dark-theme-heading);}
body.darkTheme .bg-grey, body.darkTheme .bg-light, body.darkTheme  .news-list .news-single .date h5{background-color: var(--black-2) !important;}
body.darkTheme .single-hll .hll_title a, body.darkTheme .list-with-link-1 li a:hover, body.darkTheme .tender-list .tender-single .date,body.darkTheme h1, body.darkTheme  h2, body.darkTheme  h3, body.darkTheme  h4, body.darkTheme  h5, body.darkTheme  h6,body.darkTheme .text-color-1,body.darkTheme .sidebar ul li:hover a,  body.darkTheme .sidebar ul li.active a, body.darkTheme .sidebar .sb-drop-down-content li.active a, body.darkTheme .sidebar .sb-drop-down-content li:hover, body.darkTheme .view-more-btn, body.darkTheme .view-more-btn i, body.darkTheme .list-with-link-1 li::before{color: var(--dark-theme-heading) !important;}
body.darkTheme .sector-slider .single-hll .hll_title{border-left : 2px solid var(--white)}
body.darkTheme .border-bottom-dotted { border-bottom: 1px dotted #ffffff99 !important;}
body.darkTheme .list-with-link-1 li{border: 1px dotted rgba(255, 255, 255, 0.288) !important;}
body.darkTheme .single-hll, body.darkTheme .bg-theme-light, body.darkTheme .news-list .news-single .date h6{background-color: var(--theme-color-1) !important;}
body.darkTheme .tender-list .tender-single .tender-text, body.darkTheme .text-dark, body.darkTheme .nav-tabs .nav-item.show .nav-link,body.darkTheme .nav-tabs .nav-link, body.darkTheme .directors-side .pm-box .dirc-dt h5{color: var(--white) !important;}
body.darkTheme .directors-side::before {filter: grayscale(50%);}
body.darkTheme .header-btn img {filter: brightness(100) !important}
body.darkTheme  .light-red {background: #481418;}
body.darkTheme .light-green {background: #006a3a;}body.darkTheme  .clip-path-block span:nth-child(1) strong{background-color: var(--theme-color-1);}
body.darkTheme .header .top-bar .bg-dark-blue.pt-1{border-bottom: 1px solid rgb(126, 126, 126);}


/* **************
tab base navigation CSS
*************** */
a:focus-within {
  border: 1px dotted red;
}
@media only screen and (min-width:765px) and (max-width:2200px) {
  .nav-item.dropdown:focus-within ul.dropdown-menu {
    -webkit-animation: fadeIn 0.3s alternate;
    animation: fadeIn 0.3s alternate;
    display: block;
    position: absolute;
  }
  .nav-item.dropdown:focus-within>ul.dropdown-menu>li.dropend>ul, .nav-item.dropdown:focus-within>ul.dropdown-menu>li.dropend>ul>li>.dropdown-menu.dropdown-submenu {
    display: none;
  }
  .nav-item.dropdown:focus-within>ul.dropdown-menu>li.dropend:focus-within>ul,
  .nav-item.dropdown:focus-within>ul.dropdown-menu>li.dropend:focus-within>ul>li:focus-within>.dropdown-menu.dropdown-submenu {
    display: block;
    top: 0;
    position: absolute;
    left: 100%;
  }
  .widget_info .dropdown:focus-within>ul.dropdown-menu {
    width: 100%;
    display: block;
    -webkit-animation: fadeIn 0.3s alternate;
    animation: fadeIn 0.3s alternate;
  }
}
@media print {
  * {
    transition: none !important;
    -webkit-print-color-adjust: exact;
  }
  .header-middle .col-lg-7, .header-middle .col-md-7 {
    flex: 0 0 auto;
    width: 58%;
  }
  .header-middle .col-lg-5, .header-middle .col-md-5 {
    flex: 0 0 auto;
    width: 41%;
  }
  .col-xl-3, .col-lg-3, .col-md-3, .col-sm-3, .col-sm-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-6, .col-lg-6, .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}