@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/opensans-bold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold_italic";
  src: url("../fonts/opensans-bolditalic-webfont.woff2") format("woff2"),
    url("../fonts/opensans-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold_italic";
  src: url("../fonts/opensans-extrabolditalic-webfont.woff2") format("woff2"),
    url("../fonts/opensans-extrabolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansitalic";
  src: url("../fonts/opensans-italic-webfont.woff2") format("woff2"),
    url("../fonts/opensans-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight";
  src: url("../fonts/opensans-light-webfont.woff2") format("woff2"),
    url("../fonts/opensans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight_italic";
  src: url("../fonts/opensans-lightitalic-webfont.woff2") format("woff2"),
    url("../fonts/opensans-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/opensans-regular-webfont.woff2") format("woff2"),
    url("../fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold";
  src: url("../fonts/opensans-extrabold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanssemibold";
  src: url("../fonts/opensans-semibold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* ____________ */
/* ____________ */
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-BlackItalic.woff2') format('woff2'),
        url('../fonts/NotoSans-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Bold.woff2') format('woff2'),
        url('../fonts/NotoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Black.woff2') format('woff2'),
        url('../fonts/NotoSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/NotoSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/NotoSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/NotoSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/NotoSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/NotoSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Italic.woff2') format('woff2'),
        url('../fonts/NotoSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Light.woff2') format('woff2'),
        url('../fonts/NotoSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-LightItalic.woff2') format('woff2'),
        url('../fonts/NotoSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Medium.woff2') format('woff2'),
        url('../fonts/NotoSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/NotoSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Regular.woff2') format('woff2'),
        url('../fonts/NotoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-SemiBold.woff2') format('woff2'),
        url('../fonts/NotoSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/NotoSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Thin.woff2') format('woff2'),
        url('../fonts/NotoSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-ThinItalic.woff2') format('woff2'),
        url('../fonts/NotoSans-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
/* ____________ */

html{scroll-behavior:smooth}
body{font-family:"open_sansregular";font-weight:500;padding:0;margin:0;font-size:14px}
.login-heading, .login-wrap label, .login-wrap a, .whatsnew_sec .slider-controls h2, .whatsnew_sec .slideshow-container a, .newsbtn, .quick-btn, .title, .form-area label, .form-area .form_title{font-family:"Noto Sans"}
p{margin-bottom:15px;font-size:13px;line-height:24px}

.quick-btn{border: 1px solid #F4F4F4;border-radius: 5px;color: #fff;background: #1B1842;font-size: 14px;padding: 8px 22px;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;border-radius:4px;position:relative;overflow:hidden}
.quick-btn:before{left:-20px;-webkit-transform:translate(-1%, -50%);transform:translate(-1%, -50%)}
.quick-btn:after{right:-20px;-webkit-transform:translate(1%, -50%);transform:translate(1%, -50%)}
.quick-btn:before, .quick-btn:after{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#E67607;border-radius:50%}
.quick-btn:after, .quick-btn:before{z-index:-1;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s}
.quick-btn:hover{color:#fff; background:#E67607; z-index:1}
.quick-btn:hover:before{-webkit-animation:criss-cross-left 0.8s both;animation:criss-cross-left 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.quick-btn:hover:after{-webkit-animation:criss-cross-right 0.8s both;animation:criss-cross-right 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
/*@keyframes criss-cross-left {
    0%{left:-20px}
    50% {left:50%;width:20px;height:20px}
    100%{left:50%;width:375px;height:375px}
}
@keyframes criss-cross-right {
    0%{right:-20px}
    50%{right:50%;width:20px;height:20px}
    100%{right:50%;width:375px;height:375px}
}*/
a{color:#000; text-decoration: none!important;}
a:hover{text-decoration:none}
/* preloader css Start */
.loading * { display: none; }
.dots-loader:not(:required) { opacity: 1; overflow: hidden; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; text-indent: -9999px; display: inline-block; width: 8px; height: 8px; background: transparent; border-radius: 100%; box-shadow: #b15ac5 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px; animation: dots-loader 5s infinite ease-in-out; transform-origin: 50% 50%;transform: scale(1); transition: .3s all;}
@keyframes dots-loader {
0% { box-shadow: #E67607 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
8.33% { box-shadow: #E67607 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
16.67% { box-shadow: #E67607 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
25% { box-shadow: #E67607 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
33.33% { box-shadow: #E67607 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;}
41.67% { box-shadow: #E67607 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
50% { box-shadow: #E67607 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
58.33% { box-shadow: #E67607 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
66.67% { box-shadow: #E67607 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
75% { box-shadow: #E67607 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
83.33% { box-shadow: #E67607 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee 14px 14px 0 7px;}
91.67% { box-shadow: #E67607 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
100% { box-shadow: #E67607 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
}
.loaded .dots-loader { opacity: 0; z-index: -1; pointer-events: none; transform: scale(0); }
/* preloader css End */
.main-wraper{display:flex;flex-direction:column;height:100vh;justify-content:space-between}
.mid-wraper{display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1}
/* Top Header css Start */
.top-header{background:#F1f1f1;padding:0}
.top-header ul li:last-child{border:none;padding-right:0}
.top-header ul{display:flex;margin-bottom:0;padding-left:0;align-items:center;justify-content:end}
.top-header ul li{padding:0 12px;line-height:1;display:flex;border-right:1px solid #d7d7d7}
.top-header ul li.login-btn {padding: 0;}
.top-header ul li.lang-select{border-right: none;}
.top-header ul li a{color:#000;font-size:10px}
.custom-lang-select {font-size: 12px;padding: 0;border: none;background: transparent;height: fit-content !important}
.top-header ul li a:hover {color: #E67607;}
.top-left-nav ul{justify-content:flex-start}
li.text-size a{padding-right:9px}
li.text-size a:last-child{padding-right:0}
li.login-btn a{color:#fff!important;font-size:12px!important;padding:2px 4px;background: linear-gradient(180deg, #E67607 0%, #E95700 100%);}
.top-left-nav{display:flex}
.top-header ul li a.whitebg {background: #D9D9D9;color: #fff0;/* border: 1px solid #000; */padding: 1px 3px;}
.top-header ul li a.blackbg {background: #000;color: #000;padding: 0px 3px;margin-left: 5px;}
/* Top Header css End */
/* Logo Section Header css Start */
.logo-sec-wraper{padding:2px 0}
.logo-sec-wraper .row{align-items:center}
a.logo-align .brand-img img{width:auto}
.right-logo{margin-left:7px;text-align: center;}
.right-logo p{font-size: 14px; color: #189fd7; line-height: 19px;}
.right-logo p span{display: block;}

/* Logo Section Header css End */
/* Main Menu Section Header css Start */
.nav-wraper .custom-nav li a.active , .nav-wraper .custom-nav li a:hover{color: #E67607;}
.nav-wraper .custom-nav .sub-menu li:hover a {color: #E67607;}
nav.navbar{padding:0}
.custom-nav li{padding:0;position:relative}
.nav-wraper .custom-nav li a{font-size: 14px;color:#000;padding: 10px 7px!important;display:inline-block}
.main-menu-area{align-items:center;display:flex;justify-content:end}
.left-men{margin-left:7px}
/* Main Menu Section Header css End */
/* Mega Menu CSS Start  */
.mbox{position:absolute;background:#fff;right: 14px;width: 146%!important;top: 64px;box-shadow:0px 4px 6px rgb(116 116 116 / 62%);/* display:none; */height:0px;overflow:hidden;transition:all 450ms ease 0s;}
.mbox ul{list-style:none;padding:0;margin:0;/* height: 100%; */}
.mbox ul li a{color:#000;padding: 10px 0 5px;display: inline-block;}
.more-menu-area .big-mnu-lst {padding: 20px;}
.more-menu-area .big-mnu-lst .menu-l-title h6 {font-size: 18px;color: #606060;}
.more-menu-area .big-mnu-lst .menu-l-title {border-bottom: 1px solid #cccccc69;}
.more-menu-area .mbox ul li a:hover , .mbox ul li a:focus {color: #E67607;}
.more-menu-area .menu-opt-sec {padding: 5px 0 0;}
.mmenu-show{animation: display--reversed .4s;}
.more-btn i{font-size: 19px;padding: 9px 12px;color: #000000;/* border: 1px solid #F111421A; */background: #F1F1F1;border-radius: 0;/* box-shadow: 0px 0px 9px 0px #F111421A; */text-align: center;}
.mmenu-show{height:fit-content!important;transition:all 450ms ease 0s;/* display: block !important; */z-index:999;}
@keyframes display--reversed {
  0%{right: -20px;}
  100%{right: 14px;}
}
.mbox ul li:last-child{border:none;}
.close-bt i:before{content:"\f00d";}
.more-btn i:before{width:17px;display:block;}
.search-area .search-btn i{font-size: 19px;padding: 15px 15px;color: #000000;background: #fff;border-radius: 100px;}
.search-area{position:relative;}
.custom-nav .navbar-nav .nav-link:hover , .custom-nav .navbar-nav .nav-link.active{color:#b99b5f!important;}
.navbar-nav li a{margin-right: 18px;}
.togbx{position:absolute;right:15px;top:calc(55px);display:none;width:175px;z-index:999;}
.bg-sec input{border-radius:0;}
.bg-sec{display:block;}
.main-menu-sec .left-men .more-menu-area {margin: 0 15px;}
#superfish-main-menu li ul {top: 39px;z-index: 9999;width: 203px;background: #ffffff;list-style: none;padding: 0px 0px;}
.nav-wraper .custom-nav li .sub-menu a:after{display: none;}
.nav-wraper .custom-nav li:hover>.sub-menu {height: auto;opacity: 1;visibility: visible;transition: ease-in-out 1s;}
.sub-menu .item-list .sub-menu {left: 203px;top: 7px;}
#superfish-main-menu li ul li a {color: #000 !important;}
#superfish-main-menu li ul li {border-bottom:1px solid #ccc;}
#superfish-main-menu li ul li:last-child {border-bottom:none;}
#superfish-main-menu li ul li:hover {background:#E67607;}
.mbox ul .mega-sub{margin-left:20px;font-size:13px;display:none;}
.mega-sub-show > ul.mega-sub{display:block;}
.ss-sec {display:flex;}
.ss-sec .srh-btn {background:#ffffff;border-radius:0;border:1px solid #ccc;border-left:0;color:#000;}
.ss-sec input.form-control{border-radius:0;box-shadow:none;}
.ss-sec .srh-btn:hover , .ss-sec .srh-btn:focus{background:#E67607;color:#fff;}
li.mega-sub-show >  a.mega-item i:before{content:"\f068";}
.mbox ul li a{width:100%;display:flex;justify-content:space-between;}
.mega-sub-show > a{color:#E67607 !important;}
.big-mnu-lst a.mega-item i {font-size:12px!important;}
/* Mega Menu CSS End  */
/* Banner Section CSS Start  */
.banner-sec{/* background:url(../images/login-bg.png) no-repeat;background-size:cover; */position:relative;/* padding:50px 0 50px */}
.banner-sec .carousel-item img{width:100%;height:536px;object-fit:cover;object-position:top center}
.banner-sec .container{position:absolute;top:50px;left:0;right:0;margin:auto}
.carousel-indicators{background:#0000008f;width:fit-content;margin:auto;padding:7px;border-radius:.25rem}
.carousel-indicators .active{background-color:#E67607}
.carousel-indicators li{background-color:#fff;width:10px;height:10px;border-radius:100px}
.carousel-control-prev, .carousel-control-next{width:35px;height:35px;background:#0000006e;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;top:0;margin:auto;opacity:1;border-radius:.25rem}
.carousel-control-next-icon, .carousel-control-prev-icon{width:35px;height:35px;background-size:45% 100%}
.carousel-control-prev{left:15px}
.carousel-control-next{right:15px}

.login-wrap{padding:20px 30px 30px;background:#fff;border-radius:10px; z-index: 9; position: absolute;}
.login-heading{font-weight:600;font-size:24px;color:#150202;margin-bottom:15px}
.login-wrap span.underline{background:#E67607;width:17px;height:3px;display:inline-block;vertical-align:middle}
.login-wrap .capcha{display:flex}
.login-wrap .reset-pass{margin:20px 0;text-align:right}
.login-wrap .form-control{color:#000}
.refrace-sec{text-align:center}
.login-wrap .emember-pas img{width:auto;margin:auto;display:block}
.login-wrap .emember-pas span{display:block;background:#ecf2f4}
.emember-pas .row{align-items:end}
.full-w-blu-btn{width:100%}
.login-wrap .quick-btn{}
.login-wrap .create-account-sec{display:flex;align-items:center;justify-content:space-between}
.login-wrap .create-account-sec a:first-child{color:#999999}
.login-wrap .create-account-sec label{margin:0;color:#999999!important}
.login-wrap .create-account-sec a:last-child{color:#0B0468;text-decoration:underline;font-weight:600}
.login-wrap label{font-size:14px;font-weight:600;color:#150202;margin-bottom: 4px;}
.all-sec img{width:100%}
.captcha-sec input{text-decoration:line-through;color:#fff!important;background:#535353;border-color:#535353;pointer-events:none;text-align:center}
.captcha-sec ::placeholder{color:#fff!important}
.captchareload i{font-size:24px;color:#666666}
.captchareload.btn-refresh{text-align:center}
/* Banner Section CSS End  */
/* Latest Updates Area Start */
.whatsnew_sec{position:relative}
.whatsnew_sec:before{content:'';background:#f2dd20;width:100%;height:300px;position:absolute;left:0;z-index:-1}
.whatsnew_sec .whats-new-cont{background: #f2dd20;padding:25px 0 15px;position:relative;top:0px;opacity:1;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}
.whatsnew_sec #slide-number{visibility:hidden;opacity:0;width:0;height:0}
.whatsnew_sec .slider-controls{display:flex;padding: 0px 0px 0 0;z-index:9;width: 14%;align-items:center;justify-content:space-between}
.whatsnew_sec .slideshow-container{width: 75%;padding:0 15px;flex-grow: 1;}
.whatsnew_sec .slider-controls h2{font-size:18px;color:#150202; margin:0;font-weight: bold;}
.whatsnew_sec .slider-controls button{color:#000;font-size:14px;background:none;cursor:pointer;border:1px solid #5e5e5e;padding:4px 7px;outline:0}
.whatsnew_sec .slideshow-container a{font-size: 13px;color:#150202;opacity:1}
.whatsnew_sec .fade{opacity:1;animation-name:fade;animation-duration:1.5s}
.newsbtn{border:0;margin-right:15px}
/* Latest Updates Area End */
/* About CPCB Area Start */
.about-cpcb-sec{margin-bottom:0px}
.about-cpcb-sec .boxshadow{box-shadow:0px 0px 20px #00000029;background:#fff;margin:0px 0px;padding:0;position:relative}
.about-cpcb-sec .boxshadow:after{content:'';background:transparent linear-gradient(106deg, #E67607 0%, #F2DD20 100%) 0% 0% no-repeat padding-box;height:5px;width:100%}
.title{font-size:24px;color:#150202;margin-bottom:15px}
.about-sec .quick-btn{margin-top:15px}
.minister-sec .fisrt-box{flex-direction:column}
.minister-sec .fisrt-box img{width:100%;height:240px;object-fit:cover;object-position:top center;margin-bottom:15px}
.media-body h4{color:#000;font-size:20px;margin:0}
.media-body p{color:#000;font-size:16px;margin:0}
.borderLR{border:1px solid #EEEEEE}
.media img{width:100px;margin-right:15px}
.borderB{border-bottom:1px solid #EEEEEE}
.media-body{padding-right:35px}
.about-sec{padding:30px 15px}
.minister-sec{padding:30px 0px}
/* About CPCB Area End */
/* EPR Portal Area Start */
.eprPortal-sec{margin-bottom:30px}
.eprPortal-sec img{width:100%;height:auto}
.overflow-text{padding-right:195px;overflow-y:auto;height:400px}
.overflow-text::-webkit-scrollbar{width:6px}
.overflow-text::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #707070;border-radius:10px}
.overflow-text::-webkit-scrollbar-thumb{background:#1B1842;border-radius:10px}
.overflow-text::-webkit-scrollbar-thumb:hover{background:#E67607}
/* EPR Portal Area End */
/* Join Video Conference Area Start */
.join-conference-sec{border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;padding:30px 0;margin-bottom:30px}
.join-conference-sec p{font-size:12px;font-style:italic;line-height:20px;margin:0}
.joinBtn{padding:12px 22px}
.joinBtn img{margin-right:10px}
.joinBtn{padding:13px 22px;box-shadow:0px 2px 0px 0px #E67607, 0px 2px 0px 0px #F2DD20;border:0}
/* Join Video Conference Area End */
/* Footer Top Section css Start */
.footer-top-sec{background:#000000;padding:10px 0}
.footer-top-sec ul{padding:0;margin: 0;}
.footer-top-sec ul li:first-child {padding-left: 0;}
.footer-top-sec ul li{display:inline-block;margin-bottom:10px;padding:0 8px;border-right:1px solid #ffffff4a;line-height:1}
.footer-top-sec ul li a{color:#ffffff;font-size:13px;text-decoration:none}
.footer-top-sec ul li:last-child{border:0}
.visitor-sec p {font-size:13px;color: #fff;margin: 0;text-align: right;}
.copyright-sec p {margin-bottom: 0;color: #fff;}
.copyright-sec {padding-right: 0;}
/* Footer Top Section css End */

/* Inner Page CSS Start --------------------------------------- */
/* breadcrum area Start  */
.breadcrum-area{background: url(../images/login-bg.png) no-repeat;background-size:cover;position: relative;padding:0px 0 60px}
.breadcrum-area:before {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: linear-gradient(61deg, rgba(9,46,133,1) 14%, rgba(231,81,9,1) 32%, rgb(248 84 0 / 43%) 78%);opacity:0.9;}
.breadcrum-area .breadcrumb {background: none;margin: 0;padding-left: 0;}
.breadcrum-area .breadcrumb li.breadcrumb-item , .breadcrum-area .breadcrumb li.breadcrumb-item a {color: #fff;font-size: 14px; z-index: 9;}
.breadcrumb-item+.breadcrumb-item::before{z-index: 99; color: #fff!important;}
/* breadcrum area END  */
/* Main Content Area Start  */
.main-contnt-area .main-content-inner {padding:15px 20px}
.main-contnt-area .main-content-inner{background:#fff;margin-top:-60px;border-radius:10px;box-shadow:0px 0px 3px 0px rgb(207 207 207 / 77%);z-index:9;position:relative}
.main-contnt-area {background: #dff3f2;padding: 0 0 40px;}
.inner-title{margin-bottom:20px;border-bottom:1px solid lightgray;padding-bottom:5px}
.inner-title h4 {font-size: 24px;margin: 0;text-transform: capitalize;display: inline-block}
.yellow-txt{color: #E67607;}
#keyword_searcher{display:none}
.form-control{box-shadow:none;/* border:1px solid #ccc; *//* border-radius:4px; */font-size:14px;}
label {
    font-weight: 600;
}
.form-control:focus{box-shadow:none;border-color:#092e85}
.form-area .form_title {
    font-size: 16px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 600;
}
.form-area {
    border-left: 2px solid #53ac5a;
    padding-left: 30px;
    position: relative;
}
.form-area label {
    font-size: 14px;
    color: #150202;
	margin-bottom: 4px;
	font-weight: 500;
}
.form-area .form-group {
    margin-bottom: 5px;
}
.form-area .form_number {
    position: absolute;
    left: -12.5px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #53ac5a;
    font-weight: 600;
    border: 2px solid #53ac5a;
    border-radius: 100px;
}
.form-area .form-row {
    margin-bottom: 10px;
}
.registerpage-bgimg img {
    width: 100%;
    height: 100%;
}
label .red {
    color: red;
}

.modal-body {
    text-align: center;
    padding: 1rem;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  color: #fff;
  background: #7d46d3;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}


.modal-body p {
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 30px;
  font-weight: normal;
  line-height: 30px;
}
/* Main Content Area End  */

/* Inner Page CSS End --------------------------------------- */

/* 26-06-24 start  */
.main-txt-static{padding: 30px 0px;color: #fff;background: #1b1842;}
.main-txt-static h6 {font-size: 16px;line-height: 27px;margin: 0;}
.main-txt-static h6 a {font-weight: 600;cursor: pointer;animation:colorchange 1s infinite alternate;border: 1px solid #ccc;}
.main-txt-static h6 a:hover {color: #e67607 !important; background: #4a52a500;border: 1px solid #ccc;}
.main-txt-static h6 a:hover { background: #fff !important;color: #1b1842 !important;}

@keyframes colorchange {
   0% {
         color: red;
      }
    50% {
        color: #f2dd20;
      }
    100% {

        color: red;
      }
}
.static-txt-area {
    background: #1b1842;
}
/* 26-06-24 End  */

@media (max-width: 767px){
	/* Top Header CSS Start */
	.top-header{padding:5px 0 0}
	.top-header ul{justify-content:center;flex-wrap:wrap}
	.top-header ul li{margin-bottom:5px}
	/* Logo Header CSS Start */
	.logo-sec-wraper{padding:10px 0}
	.logo-sec{text-align:center}
	a.logo-align .brand-img img{width:100%}
	.main-menu-area{justify-content:flex-start;align-items:baseline}
	.nav-wraper{width:100%}
	.mbox{right:15px;width:92%!important}
	/* Banner Area CSS Start */
	.banner-sec{padding:30px 0 30px}
	.login-wrap{padding:10px 15px 15px}
	.refrace-sec{text-align:center}
	.login-wrap .mb-3{margin-bottom:5px!important}
	.login-wrap .mt-3{margin-top:5px!important}
	/* Latest Updates Area CSS Start */
	.whatsnew_sec:before{width:100%;height:230px}
	.whatsnew_sec .whats-new-cont{padding:15px 0 15px;justify-content:center}
	.whatsnew_sec .slider-controls{width:65%}
	.whatsnew_sec .slideshow-container{width:100%;padding:0 0px;margin:15px 0}
	/* About CPCB Area CSS Start */
	.about-sec{padding:15px 0px}
	.minister-sec{padding:15px 0px}
	.minister-sec .fisrt-box img{height:auto}
	.media-body{padding-right:0px}
	/* EPR Portal Area CSS Start */
	.overflow-text{padding-right:15px;margin-top:15px}
	.title{font-size:20px}
	/* Join Video Conference Area CSS Start */
	.join-conference-sec{padding:15px 0;margin-bottom:15px}
	.joinBtn{width:100%;margin-top:15px}
	/* Footer Area CSS Start */
	.footer-nav-sec{text-align:center}
	.visitor-sec{margin-top:15px}
	.visitor-sec p{text-align:center}
	/* Create Account Page CSS Start */
	.main-contnt-area .main-content-inner{padding:15px 15px}
	.form-area{padding-left:30px}

}
@media screen and (max-width: 991px) and (min-width: 768px){
	/* Logo Header CSS Start */
	.logo-sec-wraper{padding:10px 0}
	a.logo-align .brand-img img{width:100%}
	.nav-wraper{margin-right:15px}
	nav.navbar #navbarSupportedContent{position:absolute;right:0;background:#fff;top:44px;box-shadow:0 0 10px #bbbbbb;z-index:99;width:max-content}
	nav.navbar li a{width:100%;text-align:center}
	/* Banner Area CSS Start */
	.banner-sec{padding:30px 0 30px}
	.login-wrap{padding:10px 15px 15px}
	.login-wrap .emember-pas img{width:100%;height:100%}
	.login-wrap .mb-3{margin-bottom:10px!important}
	.login-wrap .mt-3{margin-top:10px!important}
	/* Latest Updates Area CSS Start */
	.whatsnew_sec .slider-controls{width:25%}
	.whatsnew_sec .slideshow-container{width:57%}
	/* About CPCB Area CSS Start */
	.about-sec{padding:15px 0px}
	.minister-sec{padding:15px 0px}
	/* EPR Portal Area CSS Start */
	.overflow-text{padding-right:15px;margin-top:15px}
	.eprPortal-sec img{height:auto}
	/* Create Account Page CSS Start */
	.main-contnt-area .main-content-inner{padding:15px 15px}
	.form-area{padding-left:30px}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	/* Logo Header CSS Start */
	a.logo-align .brand-img img{width:100%}
	.nav-wraper .custom-nav li a{padding:10px 4px!important}
	/* Latest Updates Area CSS Start */
	.whatsnew_sec .slider-controls{width:19%}
	.whatsnew_sec .slideshow-container{width:66%}
	/* About CPCB Area CSS Start */
	.about-sec{padding:15px 0px}
	.minister-sec{padding:15px 0px}
	.media-body{padding-right:0px}
	.media-body h4{font-size:16px}
	.media-body p{font-size:14px}
	/* EPR Portal Area CSS Start */
	.overflow-text{padding-right:15px;margin-top:15px}
	.eprPortal-sec img{height:auto}
	.joinBtn{padding:13px 10px}
	/* Create Account Page CSS Start */
	.form-area{padding-left:30px}
}

@media only screen and (min-width: 1300px){
    .container, .container-fluid{width:1280px;padding:0 15px;max-width:1430px;margin:0 auto}
}
/* .container, .container-fluid{width:100%;padding:0 15px;max-width:1430px;margin:0 auto} */



#doForm   { max-width:100%; margin:auto auto; text-align:left; padding:20px; background:#fff;}
#doForm h2, #tenderViewDetails h2{ border-bottom:1px solid #d1d1d1; position:relative; color:#513db8}
#doForm h2:before, #tenderViewDetails h2:before{ position:absolute; bottom:-2px; left:0; background:#7c46d3; height:4px; width:100px; content:" ";}
.doComment { border:1px solid #CCC; padding:30px; width:100%; background: #513db8; color:#fff;
background: -moz-linear-gradient(top, #513db8 48%, #7e46d4 100%);
background: -webkit-linear-gradient(top, #513db8 48%,#7e46d4 100%);
background: linear-gradient(to bottom, #513db8 48%,#7e46d4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#513db8', endColorstr='#7e46d4',GradientType=0 );}
.doCommentLeft { border:1px solid #ccc; padding:20px; background-color:#fff; color:#000;}
.doCommentLeft p{ margin:0px;}
.doCommentLeft h4{ margin:0px; font-size:16px; font-weight:800; text-transform:uppercase;  font-family: 'open_sansbold';}
.doComment input[type="submit"],
.doComment input[type="button"],
.doComment input[type="reset"],
.doComment button,
.doComment .button{ padding:10px 10px!important; margin:20px 0 0 0; }
.doComment  .row {margin:0 0 30px 0; padding:0 0 30px 0;}
.doComment  .row:not(:last-child) { border-bottom:1px solid #fff; }
.doCommentRgt {padding:20px; }
.doAddnewInfo { border-bottom:1px solid #ccc; padding:0 0 30px 0; margin:0 0 30px 0; background: #1e94f5; background: -moz-linear-gradient(left, #1e94f5 0%, #3cbffd 100%); background: -webkit-linear-gradient(left, #1e94f5 0%,#3cbffd 100%);background: linear-gradient(to right, #1e94f5 0%,#3cbffd 100%); color:#fff; padding:30px; clear:both; }
.doAddnewInfo .row {  padding:0 0 20px 0;}
.doAddnewInfo .row:not(:last-child){ border-bottom:1px solid #fff; }
.doAddnewInfo .cols3:not(:last-child) { border-right:1px solid #fff;}
.doAddnewInfo  label{ font-size:16px; font-weight:700;}
.doAddnewInfo .infoTitle { }
.doForm {}
.doForm  .showDetail2 a.active .fa-chevron-up{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);  transform: rotate(180deg);}
.doForm .hideDetail2 { float:right;}
.doForm .hideDetail2  a{ text-decoration:none;}
.tenderDtlBoxHide2 { border-top:1px solid #fff; padding-top:20px;}
.doAddnewTop { height:80px; overflow:hidden;}
.doForm  .textarea { height:148px;}
.doFormAccor {  margin:0 0 30px 0; background:#F5F5F5; color:#000; padding:20px; clear:both;}
.doFormAccor  .accordion .accTrigger { border-bottom:1px solid #CCC; padding:10px 0 10px 20px ;}
.doFormAccor  label { font-weight:bold;}
.doFormAccor  .row { margin:0px 0 10px; padding:0px;}
.doFormAccor p{ margin:0px;}
.doFormAccor .accordDetail { background-color:#fff; color:#000;}

.signOut{ font-size:24px; color:#fff; margin-top:-5px; display:inline-block}
.signOut:hover{color:#f7a041 }

.gridNameActive{ color:#f26522!important;}
.mrgNone{ margin:0!important}
.gridBtn{ padding:8px 10px; background:#7d46d3; color:#fff; text-decoration:none; border-radius:4px;}
.gridCancelBtn{ padding:8px 10px; background:#333; color:#fff; text-decoration:none; border-radius:4px;}
.gridBtn:hover, .gridCancelBtn:hover{ background:#222; color:#fff;}
.mrgBNone{ margin-bottom:0!important;}
.tableDataLine input[type="text"], .tableDataLine textarea{ background-color:#fff;}
.popup-with-form{ position:relative; z-index:2}
#viewGrid, #viewEmail, #tenderViewDetails{ padding:20px; background:#fff;}
.addSrManagerBlock{ padding:20px; background:#ececff; border:1px solid #f1f1f1;}
.addSrManagerBlock input[type="text"], .addSrManagerBlock textarea, .addSrManagerBlock select{ background-color:#fff;}
#viewEmail table td input[type="text"]{ height:30px;}
#viewEmail table td textarea{ height:200px;}
input[type="file"]{ background:#fff;}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.mtop-11{margin-top:25px;padding:6px 22px}
.second-btn{background:#1e94f5!important}

.logo-sec-wraper .logo-align{display:flex;align-items:center}
a.logo-align .brand-img img{width:50px}
.logo-sec-wraper .logo-align .logoSubtitle{font-size:18px;font-weight:bolder;margin-left:10px;color: #189fd7;}
.logo-sec-wraper .logo-align .logoSubtitle span{font-size:12px;display:block;font-weight:normal;color:#444444}



/*26 march r start here*/
.forgetPass  label {font-weight: normal;}
.invalid-feedback{background: none !important;}
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: end;
}







.entity_div .form-control {display: block!important; width: auto!important; margin-right: 8px;}
.entity_ul{display: flex; margin-top: 10px; padding: 0;}
.entity_ul li{display: flex; margin-right: 30px;}



/* Inner Page CSS Start --------------------------------------- */
/* breadcrum area Start  */
.breadcrum-area{background: url(../images/banner-2.jpg) no-repeat;background-size:cover;position: relative;padding: 40px 0 65px 0px;     background-position: bottom;}

.breadcrum-area:before {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;
    background: linear-gradient(61deg, rgba(9,46,133,1) 14%, rgba(231,81,9,1) 32%, rgb(248 84 0 / 43%) 78%);opacity:0.9;}
.breadcrum-area .breadcrumb {background: none;margin: 0 0 10px;padding-left: 0;}
.breadcrum-area .breadcrumb li.breadcrumb-item , .breadcrum-area .breadcrumb li.breadcrumb-item a {color: #fff;font-size: 14px;
    }
    .breadcrumb-item.active {
        text-decoration: underline;
    }
/* breadcrum area END  */
/* Main Content Area Start  */
.inner-title {margin-bottom: 15px;}
.main-content-inner p {text-align: justify;line-height: 24px;}
.list-sec ul{list-style:none;padding-left: 30px;}
.list-sec li{line-height: 24px;}
.list-sec li:before{content: "";border-color: transparent #008eef;border-style: solid;border-width: 0.35em 0 0.35em 0.45em;display: block;height: 0;width: 0;left: -20px;top: 1.1em;position: relative;}
.yellow-txt{color: #f27a0c;}
.inner-title h4 {font-size: 24px;  margin: 0;text-transform: capitalize;display: inline-block;position: relative;margin-left: 40px;}
.inner-title h4:before {content: '';position: absolute;top: 16px;left: -40px;height: 3px;width: 30px;background: #f27a0c;}
.main-contnt-area .main-content-inner {border-radius: 10px;padding: 30px 0;}
.main-contnt-area {background: #ffffff;padding: 0 0 40px;}
/* Main Content Area End  */
/* Left Menu CSS Start  */
.inner-right-menu {border: 1px solid #F111421A;margin-top: 30px;background: #FEF7F3;box-shadow: 0px 0px 9px 0px #F111421A;}
.inner-right-menu .ryt-menu {padding: 0;list-style: none;}
.inner-right-menu .ryt-menu li a {padding: 12px 15px;width: 100%;display: block;}
.inner-right-menu .ryt-menu li + li {border-top: 1px dashed #ccc;}
.inner-right-menu .ryt-menu li a.actve , .inner-right-menu .ryt-menu li a:hover{background: #f27a0c;color: #fff !important;padding-left: 30px;transition: 0.4s;}
/* Left Menu CSS End  */
/* Master Page CSS Start  */
.custom-table .thead-dark th{background: #092E85;border-color: #092E85;}
.custom-table th , .custom-table td {font-size: 14px;}
a.custm-anc {color: #000;position: relative;}
a.custm-anc:before {content: '';position: absolute;bottom: -3px;left: 0;height: 2px;width: 0%;background: #f27a0c;transition: 0.4s;}
a.custm-anc:hover {color: #f27a0c;}
a.custm-anc:hover::before {width: 100%;transition: 0.4s;}

.inner-title-des{padding-bottom: 30px;}
.inner-content{    background: #fff; margin-top: -60px; border-radius: 10px;  box-shadow: 0px 0px 3px 0px rgb(207 207 207 / 77%);
    z-index: 9;    position: relative; padding: 25px; }
/* Master Page CSS End  */
/* Inner Page CSS End --------------------------------------- */
/* by shakti 27march --------------------------------------- */
.more-menu-area {
    display: none;
}

.custom_nav{background: #f2dd20;}

.custom_nav .nav-link{font-size: 16px; color: #232425 !important ; font-weight: 600; }
.leader_section{padding: 40px 0 10px 0;}
.leader_div{width: 140px; }
.leader_div .leader_img img{width: 100%; height: auto;border-radius: 50%;width: 160px;height: 160px;}
.leader_div .leader_title{font-size: 12px; color: #000;  font-weight: 600;  text-align: center; padding: 8px 3px;}
.contact_div{padding: 20px 0!important;}
.right-logo1 {display: inline-block;margin-right: 15px;padding-top: 20px; display: flex;}
.right-logo1 img{width: 110px; height: fit-content;}
.right-logo2 {display: inline-block; text-align: center; margin-left: 50px;}
.right-logo2 img{width: 64px;}

.right-logo2 p{font-size: 12px; color: #189fd7; line-height: 16px;}
.right-logo2 p span{display: block;}


.title_contact {font-size: 24px;  color: #150202;  margin-bottom: 15px;  text-align: center;}
.right_log{display: flex; justify-content: center;}

.logo-sec-wraper .logo-align {display: block; align-items: center;  justify-content: center;  text-align: center;}
.sub_btn{display: flex; justify-content: center;}



.profile-st {-webkit-box-shadow: -2px 0px 17px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 17px -2px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 17px -2px rgba(0,0,0,0.75); margin-right: -15px;}
    .profile-st ul {
        margin: 0px;
        padding: 0px;
        list-style: none; display:table;
        padding-top: 41px; text-align: center;
    }
    .profile-st ul li { position:relative;}

    .profile-st ul li:first-child {
        width: 100%;margin-bottom: 33px;
    }

    .profile-st ul li:first-child p {
        text-transform: uppercase;
        margin-bottom: 0;
        color: #2c2928;
        font-weight: 600;
        margin-top: 11px;
    }
    .profile-st ul li:first-child span {
        color: #e74c3c;
        font-size: 13px;
    }
    .profile-st ul li {
        width: 50%;
        float: left;
        margin-bottom: 17px;
    }
    span.bottom-st {
        display: table;
        margin: 0 auto;
        text-transform: uppercase;
    }
    span.bottom-st i.fa.fa-angle-right {
        margin-right: 10px;
    }
    span.bottom-st a {
        color: #333;
        font-style: italic;font-weight: 600;
    }

    span.bottom-st a {
        display: inline-block !important;
    }
    .profile-st ul li a {
        display: table;
        margin: 0 auto;
        margin-top: 5px;
        color: #000;
    }
    .profile-st ul li img{z-index: 2;position: inherit;}

    .header_w {
        width: 100% !important;
        max-width: 100% !important;
    }

    .contact_popup label{text-align: left;}
    .contact_popup .modal-body{text-align: left; padding: 0px 30px 30px 30px;}
    .contact_popup .btn-close{background: #000; width: 30px; height: 30px; color: #fff; padding: 5px 0; border-radius: 50%; border: 0px; cursor: pointer;}
    .contact_popup .sub_btn {display: flex;  justify-content: start; width: 100%;}
    .contact_popup .sub_btn .newsbtn{ width: 100%; margin-right: 0px;}
    .popup_adress{display: flex; flex-direction: column; margin: 30px 0 0 0px;  padding: 0;}
    .popup_adress li{font-size: 14px; color: #000; border-bottom: 1px solid #f3f3f3; padding: 5px 0; display: flex;}
    .popup_adress li span{font-weight: 600;
        padding-right: 5px;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        border: 1px solid #796e10;
        background: #fff;
        text-align: center;
        padding: 2px 6px;
        margin-right: 10px;}


    .contact_popup .modal-title{font-weight: 600; font-size: 24px;  color: #150202; margin-bottom: 15px;}
    .contact_popup .modal-title span.underline {  background: #E67607;  width: 17px;  height: 3px;  display: inline-block;  vertical-align: middle; }

/* 22-04-24 by dpak  Start*/
.custom_nav .dropdown:hover>.dropdown-menu {display: block;margin-top: -1px;width: 400px;padding: 0;}
.custom_nav ul.dropdown-menu.show {margin-top: -2px;}
.custom_nav ul.dropdown-menu .dropdown-item {white-space: normal;font-size: 14px;padding: 5px 15px;}
.custom_nav ul.dropdown-menu li + li .dropdown-item{border-top: 1px solid #cccccc9e;}
.custom_nav ul.dropdown-menu .dropdown-item:hover {background: #f2dd20;color: #000;transition: background 0.4s;}
.custom_nav ul.dropdown-menu li:first-child .dropdown-item {border-top-left-radius: 5px;border-top-right-radius: 5px;}
.custom_nav ul.dropdown-menu li:last-child  .dropdown-item{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}


/* 22-04-24 by dpak  End*/

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    position: relative!important;
}

.form-group {
    margin-bottom: 1rem;
}
.error{
    color: red !important;
}


.carousel-indicators{margin-bottom: 10px;}
  .carousel-indicators li{margin-right: 5px;}
  .carousel-indicators li:last-child{margin-right: 0px;}
  .carousel-indicators li::marker{font-size: 0px!important;}

@media only screen and (min-width: 200px) and (max-width: 567px)  {
    .navbar-toggler{background: #000; padding: 3px 8px; margin: 10px 0 0 0;}
    .logo-sec{margin-bottom: 10px;}
    .login-wrap{margin-right: 15px;}
    .custom-lang-select{background: #fff!important; padding: 6px 10px;}
    }



    .form-check-input[type=checkbox] {
        border-radius: .25em;
        appearance: auto;
    }
    select.form-control{
        appearance: auto;
      }
/* Card Section CSS Start */
.minidash {
    display: flex;
    padding: 15px;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    min-height: 126px;
    border-radius: 4px;
    margin-bottom: 30px;
    box-shadow: 3px 3px 6px #00000063;
}
.gradiant1 {
    background-image:linear-gradient(to right, #f2dd20, #f2dd20)
}
.gradiant2 {
    background-image:linear-gradient(to right, #00b0f0, #00b0f0)
}
.gradiant3 {
    background-image:linear-gradient(to right, #00b050, #00b050)
}
.gradiant4 {
    background-image:linear-gradient(to right, #f24f0e, #f24f0e)
}
.part_div1 {
    display: flex;
    width: 100%;
}
.part_div2 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 100%;
}
.big-title h2 {
    font-size: 33px;
    color: #000;
    margin: 0;
    font-weight: 600;
}
.circlebx h6 {
    font-size: 16px;
    padding-top: 12px;
    color: #000;
    font-weight: 600;
}
.g_img {
    position: relative;
    display: flex;
    justify-content: end;
    align-items: end;
    right: 0px;
    opacity: .7;
}
.subheading {
    position: relative;
    font-size: 18px;
    margin: 0 0 15px;
    text-transform: capitalize;
    font-weight: 600;
    border-bottom: 1px dashed lightgray;
}
.subheading:after {
    content: '';
    height: 2px;
    width: 30px;
    background: #000000;
    display: block;
    margin-top: 4px;
    margin-bottom: -1px;
}

.modal-backdrop.show {
    background: transparent;
    display: none;
}
h4.modal-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
div#myModal {
    background: #000000e0;
}
div#myModal2 {
    background: #000000e0;
}

.nav-pills {
    border-bottom: 1px solid lightgrey;
    margin: 30px 0 15px;
}
.nav-pills .nav-link {
    background: transparent;
    color: gray;
    font-weight: 600;
    position: relative;
    padding: 10px 25px!important;
    border-radius: 0;
}
.nav-pills .nav-link:after {
    content: '';
    width: 0;
    height: 3px;
    background: #d3d3d3;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all .4s ease-in-out;
}
.nav-pills .nav-link:hover:after, .nav-pills .nav-link.active:after {
    width: 100%;
}
.nav-pills .nav-link.active {
    background: #eee;
    color: #000;
}
.nav-pills li+li {
    margin-left: 30px;
}
/* Card Section CSS End */