@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family: 'Poppins', sans-serif;font-size: 16px;}
a,a:hover,a:focus{color:inherit;text-decoration:none;transition:all .3s; outline:none !important; box-shadow:none !important;}
p{font-size: 16px;}

h1{font-weight: 700;margin: 0;}
h2{font-weight: 400;color: #8c8c8c;}
h4{font-weight: 400;color: #21f7c2;}

/*===================================*START HEADER TOP*===================================*/
.header-top{padding: 10px;background:#0d5c6c;}
.select-lang{margin-right:10px;}
.header-top .top-header-font-resize {float: left;}
.top-header-font-resize .dropdown-toggle{background: #3b9f9f;border: none;width: 30px;height: 30px;outline: none;border-radius: 50%;}
.top-header-font-resize .dropdown-toggle:hover{background: #388fcc;background: -moz-linear-gradient(left, #388fcc 0%, #1db5a6 100%);background: -webkit-linear-gradient(left, #388fcc 0%, #1db5a6 100%);background: linear-gradient(to right, #388fcc 0%, #1db5a6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#388fcc', endColorstr='#1db5a6',GradientType=1 );color: #fff;}
.top-header-font-resize .dropdown-toggle::after{ display:none; }
.header-top .top-header-font-resize li { width: 26px;height: 26px;border-radius: 50%;background:rgba(147, 186, 255, 0.25);text-align: center;float: left;line-height: 23px;}
.header-top .top-header-font-resize li a { color: #fff;font-weight: 600; }
.dropdown:hover>.dropdown-menu {display: block;}
.top-header-font-resize .dropdown-menu{top: 98%;min-width: 42px;padding: 0;border-radius: 0;background: #388fcc; background: -moz-linear-gradient(left, #388fcc 0%, #1db5a6 100%);background: -webkit-linear-gradient(left, #388fcc 0%, #1db5a6 100%); background: linear-gradient(to right, #388fcc 0%, #1db5a6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#388fcc', endColorstr='#1db5a6',GradientType=1 );color: #fff;}
.top-header-font-resize .dropdown-item {padding: 3px 9px;border-top: 1px solid #fff;color: #fff;text-align: center;}
.top-header-font-resize .dropdown-item:first-child{ border:none; }
.top-header-font-resize .dropdown-item:focus, .top-header-font-resize .dropdown-item:hover {background-color: #2c498d;}
.dropdown>.dropdown-toggle:active {pointer-events: none;}
.screen_reader{padding: 1px 15px;border-radius: 6px;float: left;}
.screen_reader a{ font-size: 14px; font-weight: 600; color: #fff; }
.screen_reader a:hover{color:#f0e84b}
.application_btm{padding: 2px 15px;border-radius: 6px;background: #2b9ab0;}
.application_btm a{ font-size: 13px; font-weight: 600; color: #fff; }
.staff_btm{padding: 2px 15px;border-radius: 6px;background: #b3f2ff;}
.staff_btm a{ font-size: 13px; font-weight: 600; color: #000; }
.header-top .container-lg{position: relative;}
.wb-logo-home-desktop{position: absolute;z-index: 99;left: -140px;top: 0;}
.wb-logo-home-mobile{margin: 0 auto;width: 90px; display: none;} 

/*===================================*END HEADER TOP*===================================*/

/*===================================*START MENU*===================================*/
.menu{background: linear-gradient(to bottom, #ffffff 0%, #fdfdac 100%);}
.menu .navbar-nav{ margin: 0 auto;position: relative;}
.menu .navbar-nav .nav-link{font-size: 13px;font-weight: 600; padding:10px; text-transform: uppercase;color: #000;padding-right: 0.7rem;padding-left: 0.7rem;}
.menu .navbar-nav .nav-link:focus, .menu .navbar-nav .nav-link:hover {color: #00913d;}
.menu .dropdown-menu-dark {color: #000000;background-color: #fdfdb8;border: none;}
.menu .dropdown-menu-dark .dropdown-item {color: #000000;font-size: 14px; border-bottom: 1px solid #dbdb79;font-weight: 600;}
.menu .dropdown-menu-dark .dropdown-item:focus, .menu .dropdown-menu-dark .dropdown-item:hover {color: #198754;background-color: rgb(225 225 154);}
/*===================================*END MENU*===================================*/

/*===================================*START NEWS CSS*===================================*/
.what-news{ height: 30px;background:#ffc107;}
.what-news-text{font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: #fff; line-height: 30px; width: 100%;overflow: hidden; white-space: nowrap;}
.what-news-text .marquee{font-size: 14px; line-height: 30px;color: #000;display: inline-block;will-change: transform;animation: marquee 80s linear infinite;}
.what-news-text .marquee .seperator { margin: 0 1rem; }
.what-news-text .marquee:hover{ animation-play-state: paused; }
@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/*===================================*END NEWS CSS*===================================*/

/*===================================*START LOGIN PAGE*===================================*/
#myVideo{filter: grayscale(100%);}
#myVideo { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%;}
.login-content {position: fixed;bottom: 0;background: rgba(0, 0, 0, 0.3);color: #f1f1f1;width: 100%;min-height: 100%;}
.login{max-width:500px;position: absolute;right: 0;top: 50%;-webkit-transform: translate(-50%, -57%);transform: translate(-50%, -57%);}
.login form{background: #fff;padding: 50px;border-radius: 0.5em;color:#000;}
.login-logo h1{font-weight: 700;margin: 0;color: #fff;}
.login-logo h4{font-weight: 400;color: #21f7c2;font-size: 21px;}
.otp-timer{display: block;position: absolute;right: 10px;top: -14px;background: #fff;padding: 10px;color: #d8363b;}
.form-outline {position: relative;overflow: hidden;}
form .heading{font-size: 22px;font-weight: 600;}
.form-control {height: 60px;padding: 20px;font-size: 16px;color: #708290;border-radius: .25rem;background: #fff;}
.form-control:focus{border-color:#000;box-shadow: none;background: none;}
.floating-label {position: absolute;pointer-events: none;left: 20px;top: 20px;transition: 0.2s ease all;color:#000}
input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label{top: 5px;font-size: 13px;font-weight:600;opacity: 1;}
.login .btn{ height:40px; width:100%;}
.gradient-custom-2 {background: #fccb90;background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593); border:none;}
.gradient-custom-2:hover{color:#fff;background: linear-gradient(to left, #ed1919, #c91748);-webkit-linear-gradient(to left, #ed1919, #c91748);}
.create-btm{padding: .2rem 1rem;border-radius: .25rem;color: #f93154;border: 2px solid #f93154;font-size: 14px;transition: all 0.2s ease-in;}
.create-btm:hover{color: #0f78bf !important;border:2px solid #0f78bf; background: none;}
.text-link{color: #7d7d7d;}
.text-link:hover{color: #0f78bf;}
.link-success{border: none;background: none;font-weight: 500;text-decoration: underline;}
.link-success:disabled,.link-success[disabled]{ color:#b5b5b5 !important}
/*===================================*END LOGIN PAGE*===================================*/

#user-login label{position: absolute;pointer-events: none;left: 20px;top: 20px;transition: 0.2s ease all;color:#000;font-weight: normal;}
#user-login label span{display:none;}
input:focus ~ #user-login label, input:valid ~ #user-login label {top: 5px;font-size: 13px;font-weight:600;opacity: 1;}

.captcha img{float: left;width: 130px;height: 40px;}
.captcha .description, .captcha label{ display:none;}
.captcha input{float: right;padding: 8px;font-size: 16px;color: #708290;border-radius: .25rem;border: 1px solid #ced4da;width: 170px;outline: none;}
.captcha input:focus {border-color: #000;}
.form-item, .form-actions {margin-top: 0;margin-bottom: 0;}
#header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer {width: 100%;}
div.error, table tr.error {background-color: #ff7171;border-radius: 0.5em;color: #fff;}
label {font-weight: normal;}
.form-item-gender{display: inline-block;margin: 0 10px !important;}
.messages ul li {font-size: 12px;}
div.messages{margin:5px 0;padding: 5px 5px 5px 40px;color: #000;}
div.messages .placeholder {background-color: inherit;opacity: 1;color: #000;font-weight: 600;}

.register-bg{ background-image: url(../images/register-bg.jpg); background-size: cover; height: 100vh;overflow: hidden;}
.register{background: #fff;max-width: 500px;position: absolute;right: 0;top: 50%;-webkit-transform: translate(-50%, -57%);transform: translate(-50%, -57%);border-radius: 0.5em;overflow: hidden;}
.register h1{font-size: 26px;font-weight: 600;background: #1287a2;padding: 20px;color: #fff; text-align: center;}
.register form{padding: 20px;color:#000;}
.register .form-control {height: 42px;border-radius: 0;padding: 20px;font-size: 16px;color: #708290;border-radius: .25rem;}
.register .btn{ height:40px; width:100%;}
.register-left-panel{padding: 140px 0 0 140px;}
.register-left-panel p{color: #fff;font-weight: 800;font-size:40px;}
.register-left-panel p span{color: #fcff44;}

.instruction-bg .login-logo{background: #f2f2f2;}
.instruction-bg .login-logo h1{ color: #000;}
.instruction-bg .login-logo .logo-img{float: left;}
.instruction-bg .login-logo .logo-text{margin-top: 75px;float: left;}
.instruction-bg .login-logo h4 { color: #929292;}
.instruction-bg .login-logo a{display: inline-block;}
.instruction-bg .application_btm{padding: 10px 30px;float: right;margin-top: 70px;margin-right: 50px;}
.instruction-footer{background: #f2f2f2;display: flex;justify-content: space-between;padding: 10px 20px;position: absolute;left: 0;right: 0;top: -40px;}

/*===================================*START SERVICES CSS*===================================*/
.services{padding: 60px 0;}
.services h1{color: #0d5c6c;}
.services h3{margin: 0;padding: 0;font-weight: 600;color: #000;}
.icon_box {padding: 30px;z-index: 9;margin-top: 30px;transition: all 0.5s ease-in-out;}
.box_icon, .intro_desc {position: relative;}
.box_icon .bi {font-size: 40px;color: #FFC107;}
.icon_box img {max-width: 60px;}
.icon_box_style1.icon_box {background-color: #fff;padding: 15px;border: 2px solid #f6f6f6;-moz-transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);-webkit-transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-animation-fill-mode: none;animation-fill-mode: none;min-height: 155px;}
.icon_box_style1 .box_icon {float: left;margin-right: 20px;}
.icon_box_style1.icon_box:hover {background: #f6f6f6;-moz-transform: translate3d(0,-10px, 0);-webkit-transform: translate3d(0,-10px, 0);transform: translate3d(0,-10px, 0);}
.icon_box_style1.icon_box img {max-width: 40px;}
.icon_box_style1 .intro_desc {overflow: hidden;}
.intro_desc h5 {text-transform: capitalize;font-size: 18px;font-weight: 600;}
.intro_desc p:last-child {margin: 0;font-size: 15px;color: #888888;}
.icon_box_style2 .box_icon,
.icon_box_style3 .box_icon {border-radius: 100%;display: inline-block;padding: 20px;position: relative;height: 100px;width: 100px;text-align: center;}
.icon_box_style2 .box_icon i,
.icon_box_style3 .box_icon i {line-height: 60px;}
.icon_box_style2 .box_icon::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;border: 3px solid #fff;border-radius: 100%;margin: 0px;opacity: 0;transition: all 0.2s ease-in-out;}
.icon_box_style2 .box_icon img {padding: 5px;}
.icon_box_style2:hover .box_icon:before {margin: 5px;opacity: 1;}
.icon_box_style2:hover {margin-top: 20px;}
.icon_box_style3 .box_icon {overflow: hidden;}
.icon_box_style3:hover .box_icon i {-webkit-animation: toLeftFromRight 0.3s forwards;-moz-animation: toLeftFromRight 0.3s forwards;animation: toLeftFromRight 0.3s forwards;}
.portal_btm{border-radius: 6px;color: #fff; font-weight: 500;font-size: 13px;position: absolute;right: 55px;background: #dd0b93;top: -9px;padding: 1px 5px;}
.portal_btm:hover{background: #0d5c6c;}
.portal_btm svg{ margin-right: 10px;}
.click_btm{border-radius: 6px;color: #fff !important; font-weight: 500;font-size: 13px;background: #dd0b93;padding: 1px 5px;text-decoration: none !important;}
.click_btm:hover{background: #198754;}
.blink_me {animation: blinker 1s linear infinite;}

@keyframes blinker {
	50% {
	  opacity: 0;
	}
  }
@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
/*===================================*END SERVICES CSS*===================================*/

/*===================================*START IMP LINK*===================================*/
.imp-links{background: #F7F7F7;}
.related-link-text{border-right:2px solid #eeebeb; padding: 25px 0;}
.related-link-text h3{ color: #000;font-weight: 600; }
.related-link-text p{font-size: 14px;}
.related-link-text .btn-success{ background-color: #dd0b93;border-color: #b50c79; }
.related-link-text .btn-success:hover{ background-color: #0d5c6c;border-color: #0b3c46; }
.logos-slider{margin: 47px 0;}
.slick-slide {margin: 0px 15px;}
.slick-slide img {width: 100%; -webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: .4;transition: opacity .25s ease-in-out;}
.slick-slide:hover img{ -webkit-filter: grayscale(0);filter: grayscale(0);opacity: 1;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/*===================================*END IMP LINK*===================================*/


.blog{background: #d9e7ea;padding: 50px 0;}
.blog .img-thumb{position: relative;border-radius:15px;overflow: hidden;margin-bottom: 10px;}
.blog .img-thumb img{max-width: 100%;height: auto;vertical-align: bottom;}
.blog .carousel-indicators {left: 0;top: auto;bottom: -40px;}
.blog .carousel-indicators li {background: #9ac2ca;border-radius: 50%;width: 8px;height: 8px;margin: 0 4px;}
.blog .carousel-indicators .active {background: #707070;}

/*===================================*START FOOTER CSS*===================================*/
.footer{position: fixed;bottom: 0;width: 100%;padding: 15px;background: #000;}
.footer p{font: 400 12px/16px 'Poppins',sans-serif; color: #fff; margin: 0;padding:0 }
.footer-bottom .copyright{font: 400 12px 'Poppins',sans-serif; color: #b9b9b9; }
.footer-bottom a:hover{color: #ffc107;}
.copyright span{ color: #ffc107; }
.home-footer{background:#212121; padding: 30px 0 0;position: relative !important;}
.footer-bottom{background: #000; padding: 15px 0; margin-top: 15px;}
.text-right{ text-align: right; }
.login-footer .copyright{font:400 14px/42px 'Poppins',sans-serif}
.chat_btm{width: 80px;height: 80px;position: absolute;right: 30px;bottom: 157px;color: #22a80f;z-index: 9;}
/*===================================*END FOOTER CSS*===================================*/

.header {display: block; background: #003a83; } 
.heading1,.heading2{font-size: 22px;color: #003a83;font-weight: 600;}
.awards-list-img {list-style: none;overflow: hidden;margin: 30px 0 0 0;margin-left: 0px;padding: 0;}
.awards-list-img li {float: left;margin: 0 30px 30px 0;}
.awards-list-img li img {max-width: 248px;height: auto;}

.inner-banner{background:  url(../images/inner-banner.jpg);position: relative;padding: 15px 0;}
.inner-banner .overlay{position: absolute;left: 0; right: 0;top: 0; bottom: 0;background: rgba(0,0,0,.7);}
.login-logo{display:block;z-index: 1;position: relative;}
.inner-banner .login-logo{display:inline-block;}
.inner-banner .login-logo .logo-img{float: left;}
.inner-banner .login-logo .logo-img img{width: 120px;}
.inner-banner .login-logo .logo-text{margin-top: 60px;float: left;}
.inner-banner .login-logo h1 {font-size: 24px;color: #fff;}
.inner-banner .login-logo h4 {font-size: 22px;color: #ffe599;}

.inner-section {padding: 60px 0;}
.inner-section .panel-header{ padding: 0.5rem 1.25rem;margin-top: 1.25rem;margin-bottom: 1.25rem;border: 1px solid #e9e9e9;border-left-width: 0.3rem;border-radius: 0.25rem;border-left-color: #ffc107;margin-top: -0.25rem;font-weight: 600;font-size: 22px;}
.inner-section .panel-two{display:flex;border: 1px solid #e9e9e9;background: #3aa369;border-radius: 8px;}
.inner-section .panel-header-colored{border-left-width: 0.3rem;border-radius: 0.25rem;color: white;background: #30a1bb;padding: 0.5rem 1.25rem;margin: 1.25rem 0;border: 1px solid #e9e9e9;border-left-width: 0.3rem;
border-radius: 0.25rem;border-left-color: #207d93;margin-top: -0.25rem;font-weight: 600;font-size: 18px;}
.inner-section .panel-border-sky{font-size: 18px;background: aliceblue;border-left-color: #5bb2ff;}
.inner-section .panel-border-warning{font-size: 18px;background: #ffffea;border-left-color: #ffc107;}
.inner-section .panel-header-color-2{padding: 0.5rem 1.25rem;border: 1px solid #e9e9e9;border-radius: 0.25rem;background: #0c5476;color: #fff;font-weight: 600;font-size: 18px;}
.inner-section tbody, td, tfoot, th, thead, tr{border-width: initial;}
.inner-section .table.fixed-height-table {max-height: 400px; height:400px; overflow-y: scroll; display: block; }
.inner-section .table td{font-size: 15px; line-height: 30px;font-weight: 500;color: #1e0550 !important;}
.inner-section .table th{background: #00aab3;color: #fff!important;vertical-align: middle;font-weight: 600;}
.inner-section .table td img {display: block; margin: auto;}
.inner-section .panel-header.panel-border-primary{border-left-width: 0.3rem;border-radius: 0.25rem;border-left-color: #0781ff;}
.inner-section .region-content ul li{line-height: 35px;font-size: 16px;}
.inner-section .region-content ul li a {color: #003e97;font-weight: 600;}
.inner-section ul{list-style-type: circle;}
.inner-section .panel-button b span{vertical-align: -webkit-baseline-middle;}
.inner-section .region-content .rounded.panel-button  button{float: right;padding: 4px 10px;font-size: 15px;}
.inner-section .rounded.panel-button  span{vertical-align: -webkit-baseline-middle;}
.inner-section .form-control-sm{padding: 0.375rem 0.75rem; height: auto;width: 100%;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.inner-section .form-control{font-size: 15px;}
.inner-section .fs-14{font-size: 14px; line-height: 26px; font-weight: 500;}
.inner-section .bg-light-red{background: #fff5f5; padding: 20px;font-weight: 500;}
.inner-section .bg-light-sky{background: #f2fdff; padding: 20px; font-weight: 500;}
.inner-section .officer-info{    max-height: 400px;height: 400px;overflow-y: scroll;}
.inner-section .table.table-green th{background: #00b379;}

.inner-section .dataTables_filter{margin-bottom: 20px;}
.inner-section tr.odd {background-color: inherit;}
.inner-section tr.odd td.sorting_1{background-color: inherit;}
.inner-section .table > thead{ border-top: 2px solid #dee2e6;}
.inner-section tr.even td.sorting_1{background-color: inherit;}

.inner-section .form-control {height:inherit;padding: 0.375rem 0.75rem;font-size: 1rem;margin: 0;background: #fff;border-color: #ced4da;} 
.inner-section .form-control:focus{background: #fff;border-color: #ced4da;}

.inner-section p a, .inner-section .table a{text-decoration: underline;}


.query-side-btn {position: absolute;top: 80%;right: 0;transition: 0.2s ease-out;}
.query-side-btn a {transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);position: absolute;width: 175px;height: 50px;background: #0d5c6c;color: #fff;transition: 0.2s ease-out;font-weight: 600;border-top-right-radius: 15px;border-top-left-radius: 15px;right: -62px;padding: 12px;}



/*===================================*18.07.2022*===================================*/
.suggestion-box .rounded-circle{width: 40px;background: #ffc107;height: 40px;text-align: center;color: #fff;line-height: 40px;margin-right: 10px;}
.fixed-height-table thead{position: sticky;top: 0;}

.wizard_row{padding: 20px;display: flex;position: relative;border-bottom:2px dashed #ccc;}
.wizard_rowi:last-child {border: none;}
.wizard_row::after{content: "";position: absolute;width: 10px;height: 10px;background: #bdbdbd;border-radius: 50%;left: 0;top: 33px;}
.wizard_row label{display: inline-block;font-size: 16px;padding: 5px 0;font-weight: 600; width: 70%;}
.wizard_row .form-radios{display: inline-block;position: absolute;padding: 5px 10px;border-radius: 5px;padding: 0;right: 0;top:20px;bottom: 0;background: #14bd9d;height: 40px;}
.wizard_row .form-radios .form-item{background: #14bd9d;padding: 3px 15px;border-radius: 5px;margin: 0;color: #07483c;accent-color:#07483c;display: inline-block;}
.wizard_row .form-radios .form-item:nth-child(2){background: #f96262;padding: 3px 15px;border-radius: 5px;color: #8a1919;accent-color:#8a1919;}
.form-item-department-list input{margin-top: -5px;}
.wizard_row  label.option{ width: auto !important;}
.wizard_row  .form-select{display: inline-block;width: 30%;position: absolute;right: 0;}
.wizard_row .form-radio.error{ outline: 2px solid Red; box-shadow: 0px 0px 0px 2px red;} 

.wizard_row .pointers h1{font-size: 16px;color: #f96262;}

/*===================================*12.08.2022*===================================*/
.faq .accordion-item {border:none;padding-bottom: 17px;border-bottom: 1px dashed #d0d0d0;}
.faq{ position: relative;}
.faq::before {content: '';position: absolute;left: 0;top: 10px;bottom: 10px;height:98%;border-right: 1px dashed #d0d0d0;z-index: 1;}
.faq .accordion-button{background-color:transparent;color: #536886;border: 1px solid rgb(178 191 227);border: none;box-shadow:none;padding-left: 30px;padding-bottom: 0;}
.faq .accordion-button:not(.collapsed) {color: #003e97;background-color: transparent;font-weight: 600;border: none;box-shadow: none;padding-bottom: 0;}
.faq .accordion-button:focus {border-color: inherit;outline: 0;box-shadow:none;}
.faq .accordion-button::after {width: 2rem;height: 2rem;background-color: #e4ebed;border-radius: 50%;background-position: center;position: absolute;left: -15px;z-index: 2;transform: rotate(0);}
.faq .accordion-body {padding-left: 30px;}
.portfolio-categ .gl_category{display: inline-block;padding: 0px 13px;border: 1px solid #ccc;margin: 0 5px;background:#848484;border-radius: 5px;}
.portfolio-categ .gl_category.active{background:#003e97;} 
.portfolio-categ .gl_category a{color:#fff !important;}
.portfolio-item2{list-style: none;}
.ml-auto, .mx-auto {margin-left: auto !important;}
.site-map-box .title{display: none;}
.site-map-box ul li a{font-size: 15px;}
#site-map .site-map-box .site-map-menu li {line-height: 25px;} 
.swas-icon{position: absolute;right: 50px;} 
.app-icon {position: absolute;right:110px;} 

.font_setting_btn {background:#0b4551;border: none;font-family: 'Poppins', sans-serif;color: #fff;width: 25px;height: 25px;text-align: center;}
#btn-decrease {font-size:12px;}
#btn-orig {font-size:14px;}
#btn-increase {font-size:12px;}
.btn{text-decoration: none !important;}

.view-gallery tr, .view-gallery  tbody{border: none !important;}
.view-gallery td{border: none !important;padding: 10px 50px 10px 0;}
.view-gallery td.col-last{padding-right: 0!important;}
.views-field-field-gallery-photo img{border:5px solid #97978e!important;}


.count{padding: 22px 0;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);width: 100%;}
.count_box{padding: 5px 15px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center;justify-content: center;width: 220px;}
.count_no{font-weight: 400;font-size:17px;line-height: 1;}
.count_no strong{font-size:20px;font-weight: 700;}
.count_label{font-size:13px;display: block;text-transform: uppercase;white-space: nowrap;}



/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 100%;
  background-color: #052555;
  background-image: url(../images/register-bg.jpg);
	background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
padding: 20px;
}

.udyam{position: absolute;left: 0;right: 0;}
.udyam-form-panel{margin: 30px auto;padding: 35px;background: #ffffffd6;width: 75%;}
#particles-js .container{position: relative;}
.udyam h5{line-height: 30px;font-weight: 600;}
.form-item.form-type-radio, .form-item.form-type-checkbox {display: inline-block;margin-right: 15px;}
.or_register{position: absolute;background: #6f6f6f;width: 40px;height: 40px;border-radius: 50%;top: -31px;left: 0;right: 0;margin: 0 auto;color: #fff;text-align: center;line-height: 40px;font-weight: 600;}
.pass-icon {position: absolute;right: 15px;top: 22px;color: #708290;}

#block-visitors-visitors ul, #block-visitors-visitors li{margin: 0;padding: 1px;list-style: none;}
#block-visitors-visitors h2{ display: none;}

@media (min-width: 1200px) and (max-width: 1400px) { 
.login {
    max-width: 60%;
    position: absolute;
    right: 0;
    top: 45%;
    -webkit-transform: translate(-50%, -57%);
    transform: translate(-30%, -50%);
    display: flex;
}
.login .login-logo {
    display: block;
    z-index: 1;
    position: relative;
    justify-content: center;
    padding: 50px;
    background:#031e44;
}
.login form {
    background: #fff;
    padding: 20px;
    border-radius: 0;
    color: #000;
}
#messages{position: absolute;left: 20px;right: 20px;}

}
.service_count{background: #f00;padding: 2px 8px;border-radius: 14px;text-align: center;color: #fff;}

/*===============================*
#fixed-menu .nav-item:nth-child(8)::before{content: "New";position: absolute;
top:-6px;right: -3px;background: #fb0000;color: #fff;font-weight: 500;font-size: 14px;width: 40px;height: 20px;border-radius: 6px;padding: 1px 5px;animation: blinker 1s linear infinite;}
#fixed-menu .nav-item:nth-child(8){background:#eeee6e;border-radius: 50px;}
*===============================*/ 

.manufacturing strong{background:#757575;padding: 2px 15px;color: #fff;border-radius: 5px;}

.mobile-wizard .card-body{height: 395px; overflow-x: hidden;}
.mobile-wizard-header{background-color: #fff;background-image: url(../images/mobile-wizard-header.png);background-size: cover;background-position: bottom;background-repeat: no-repeat;height: 400px;text-align: center;color: #fff;padding-top: 116px;}
.mobile-wizard .wizard_row {padding:0;display: block;position: relative;border-bottom: none; overflow: hidden;}
.mobile-wizard .wizard_row .form-select {border-radius: 25px;height: 50px;padding: 10px 25px;}
.mobile-wizard .wizard_row::after{display: none;}
.mobile-wizard .wizard_row label {display:inline-block;width: 100%;font-size: 16px;padding: 0;font-weight: 400;}
.mobile-wizard .wizard_row .form-select {display: block;width: 100%;position: relative;right: inherit;border: 1px solid #757575;}
.mobile-wizard .alert-secondary {background-color: #e8e8e8;border-color: #e8e8e8;margin-top: -200px !important;padding: 20px;border-radius: 25px;}
.mobile-wizard .content{width: 90%;margin: 0 auto;}
.mobile-wizard .form-select {border-radius: 25px;height: 50px;padding: 10px 25px;}
.mobile-wizard .form-item{margin: 10px 0;}
.mobile-wizard .card {border-radius: 25px;}
.mobile-wizard .messages.error{margin-top: -203px;margin-left: 21px;margin-right: 21px;} 

.mobile-wizard .wizard_row .form-radios .form-item {background: inherit;padding: 0;display: inline-block;width: 50%;}
.mobile-wizard .wizard_row .form-radios .form-item, .mobile-wizard .wizard_row .form-radios .form-item:nth-child(2) {background: inherit;color: #757575;}
.mobile-wizard .wizard_row .form-radios .form-item:nth-child(2) {background:inherit !important;border-radius: 25px;} 

.mobile-wizard .form-radios{display: flex;overflow: hidden;position: relative;border-radius: 25px;background: #fff;height: 50px;border: 1px solid #757575;overflow: hidden;top: 0;}
.mobile-wizard .form-radios input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.mobile-wizard .form-radios label {background-color: inherit;color: rgb(42, 46, 50);font-size: 15px;text-align: center;padding: 14px 16px;transition: all 0.1s ease-in-out;width: 100% !important;}
.mobile-wizard .form-radios label:hover {cursor: pointer;}
.mobile-wizard .form-radios input:checked + label {background-color: #198754;box-shadow: none;border-radius: 50px;color: #fff;}
.mobile-wizard .form-radios label:first-of-type {border-radius: 4px 0 0 4px;}
.mobile-wizard .form-radios label:last-of-type {border-radius: 0 4px 4px 0;}


@media (max-width: 1399.98px) { 
	.intro_desc h5 {font-size: 17px;}
	.menu .navbar{ padding: 0;}
	.menu .navbar-nav .nav-link {font-size: 13px;padding: 10px 7px;}
	.wb-logo-home-desktop {left: -100px;top: 0;width: 115px;}
	.swas-icon {position: absolute;right: 15px;top: 25px;}
	.app-icon{position: absolute;right: 45px;top: 25px;}
}
@media (max-width: 1199.98px) { 
	.login form {padding: 20px;}
	.login-logo img{width: 100px;}
	.login-content {position: relative;padding: 15px 0 50px;}
	.instruction-bg .login-logo .logo-text {margin-top: 42px;}
	.instruction-bg .login-logo h1 {font-size: 28px;}
	.instruction-bg .login-logo h4{font-size: 22px;}
	.instruction-bg .application_btm {margin-top: 58px;}
	.register {-webkit-transform: translate(-5%, -57%);transform: translate(-5%, -57%);}
	.register-left-panel {padding: 100px 0 0 65px;}
	.register-left-panel p {display: none;}
	.register-left-panel .login-logo img {width: 140px;}
	.register-left-panel .login-logo h1 {font-size: 35px;}
	.register-left-panel .login-logo h4 {font-size: 23px;}
	.menu .navbar-nav .nav-link {font-size: 11px;padding: 5px 4px;}
	.icon_box_style1.icon_box {min-height: 220px;}
	.login {max-width: 430px;}
	.login-logo h1 {font-size: 26px;}
	.login-logo h4 {font-size: 17px;}
	form .heading {margin: 0;}
	.login {max-width: 420px;position: relative;transform: inherit;margin: 0 auto;}
	.login .form-control {height: 35px;}
	.login .mb-3 {margin-bottom: 6px!important;}
	.swas-icon {top: 66px;}
	.app-icon{top: 66px;right: 73px;}
	.wb-logo-home-desktop {left: -32px;top: 40px;width: 50px;}
	.count {padding: 0;}
	.count_no {font-size: 14px;}
	.count_no strong {font-size: 15px;}
	.count_label {font-size: 12px;white-space: inherit;}
	.count_box {width:16%;}
}
@media (max-width: 991.98px) { 
	.chat_btm{ display: none;}
	.login {max-width: 100%;position: relative;top: 0;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);left: 0;right: 0;margin: 0 auto;}
	.form-control {height: 40px;}
	.captcha input {width: 140px;height: 40px;}
	.me-2{font-size: 15px;}
	.login .pb-4{padding: 0 !important;}
	.login form {padding: 25px;}
	.login-footer .copyright {font: 400 12px/30px 'Poppins',sans-serif;}
	.copyright img{width: 276px;}
	.instruction-bg .login-logo h1 {font-size: 20px;}
	.instruction-bg .login-logo h4 {font-size: 15px;}
	.instruction-bg .login-logo img {width: 80px;}
	.instruction-bg .login-logo a {font-size: 16px;}
	.instruction-bg .login-logo a {font-size: 14px;}
	.instruction-bg .application_btm {padding: 5px 15px;margin-top: 43px;margin-right: 15px;}
	.instruction-footer {background: #000000;position: relative;top: 0;border-bottom: 1px solid #545151;color: #fff;padding: 0 0 10px;}
	.login-footer{position: relative;}
	.register-left-panel {padding: 20px;text-align: center;width: 100%;}
	.register {max-width: 90%;position: inherit;top: 0;-webkit-transform: inherit;transform: inherit;border-radius: 0;margin: 0 auto;}
	.swas-icon {right: 12px;top: 76px;}
	.app-icon{right: 75px;top: 76px;}
	.menu .navbar-nav .nav-link {padding: 5px 5px 5px 15px;border-top: 1px solid #bdbd75; font-size: 12px;}
	.menu .navbar{ padding: 0; }
	.icon_box_style1.icon_box {min-height: 150px;}
	.wb-logo-home-desktop{ display: none;}
	.wb-logo-home-mobile{ display: block;}
	.application_btm, .staff_btm {padding:0 3px;}
	.staff_btm a, .application_btm a {font-size: 11px;}
	.register-bg{height:auto;}
	.menu .dropdown-menu-dark .dropdown-item {font-size: 12px;}
	.udyam-form-panel{margin:15px auto;padding:20px;width: 100%;}
	.udyam h5{line-height: 25px;font-size: 18px;}
	.count_box {padding: 10px;width: 33%;border: 1px solid #ccc;}
}

@media (max-width: 767.98px) {
	.services {padding: 15px 0;}
	.services h1 {font-size: 25px;}
	.services h2 {font-size: 23px;}
	.icon_box {margin-top: 10px;}
	.home-footer {text-align: center;}
	.text-right {text-align: center;}
	.font_setting, .color_setting, .screen_reader{ display: none;}
	.swas-icon {position: relative;right: 0;top: 0;}
	.app-icon {position: relative;right: 0;top: 0;}
	.icon_box_style1.icon_box {min-height: auto}
	.application_btm {margin: 4px 0;}
	.inner-banner .login-logo .logo-img img {width: 50px;}
	.inner-banner .login-logo .logo-text {margin-top: 17px;}
	.inner-banner .login-logo h1 {font-size: 18px;}
	.inner-banner .login-logo h4 {font-size: 14px;}
}

@media (max-width: 575.98px) {
	.header-top {text-align: center;}
	.select-lang {margin-right: 5px;}	
	.screen_reader {padding: 1px 5px;}
	.home-slider{ display: none;}
	.services h1 {font-size: 24px;}
	.services h2 {font-size: 22px;}
	.services p{font-size: 13px;}
	.intro_desc h5 {font-size: 15px;}
	.intro_desc p:last-child {font-size: 13px;}
	.icon_box {margin-top: 10px; text-align: center;}
	.icon_box_style1 .box_icon {float: none;margin: 0 0 10px!important;}
	.login {max-width: 100%;position: relative;top: 0;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.login form {padding: 15px;}
	.login-logo img{width: 100px;}
	.login-logo h1 {font-size: 25px;}
	.login-logo h4 {font-size: 19px;}
	form .heading {font-size: 20px;}
	.form-control {height: 40px;}
	.captcha input {width: 140px;height: 40px;}
	.login .pb-4{padding: 0 !important;}
	.me-2{font-size: 15px;}
	.footer .text-right{text-align: center;}
	.copyright img{margin: 0 auto;}
	.login-footer .copyright {font: 400 12px/20px 'Poppins',sans-serif;text-align: center;}
	.instruction-bg .login-logo a {font-size: 16px;}
	.login-footer .float-end {float: none !important;}
	.instruction-footer {background: #000000;display: block;padding: 10px;position: relative;top: 0;text-align: center;color: #fff;}
	.instruction-footer .create-btm {width: 100%;}
	.instruction-bg .application_btm {padding: 15px 10px;float: none;margin-top: 0;margin-right: 0;text-align: center;border-radius: 0;}
	.navbar-toggler:focus { border: none; outline: none; box-shadow: none; }
	.header-top .ml-auto{    margin: 0 auto !important;}
	.register form {max-height: 224px;overflow-y: scroll;}
	.register .justify-content-center{background: #dfdfdf;padding-top: 10px;}
	.count_box {width: 50%;}
}