@charset "utf-8";

/* CSS Document */

@font-face {
  font-family: "robotolight";
  src: url("../fonts/roboto-light-webfont.woff2") format("woff2"),
    url("../fonts/roboto-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotomedium";
  src: url("../fonts/roboto-medium-webfont.woff2") format("woff2"),
    url("../fonts/roboto-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotoregular";
  src: url("../fonts/roboto-regular-webfont.woff2") format("woff2"),
    url("../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotothin";
  src: url("../fonts/roboto-thin-webfont.woff2") format("woff2"),
    url("../fonts/roboto-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotobold";
  src: url("../fonts/roboto-bold-webfont.woff2") format("woff2"),
    url("../fonts/roboto-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotolight";
  src: url("../fonts/roboto-light-webfont.woff2") format("woff2"),
    url("../fonts/roboto-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotomedium";
  src: url("../fonts/roboto-medium-webfont.woff2") format("woff2"),
    url("../fonts/roboto-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotoregular";
  src: url("../fonts/roboto-regular-webfont.woff2") format("woff2"),
    url("../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotothin";
  src: url("../fonts/roboto-thin-webfont.woff2") format("woff2"),
    url("../fonts/roboto-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@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";
  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_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_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_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_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_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_sanssemibold";
  src: url("../fonts/opensans-semibold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "robotoregular";
}

body.active-preloader-ovh {
  overflow: hidden;
}

.preloader {background-color: #ff973b;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999999999;}
.preloader .spinner {width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;background-color: #fff;border-radius: 100%;-webkit-animation: sk-scaleout 1s infinite ease-in-out;animation: sk-scaleout 1s infinite ease-in-out;}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

/* preloader */

a.btn.search-btn:hover {background: #0f498b;transition: 0.4s;color: #fff;}
a.btn.play-btn:hover {transform: scale(1.1);transition: 0.4s;}
a.btn.play-btn {transition: 0.4s;}
a.carousel-control-next,a.carousel-control-prev {color: #000;opacity: 99;}

/*   Top bar start here   */
.top-header {background: #F8F8F8;}
.top-header .container {padding: 0;}
.top-header ul {display: flex;margin-bottom: 0;padding-left: 0;align-items: center;}
.top-header ul li {border-right: 1px solid #ededed;}
.top-header ul li {padding: 4px 12px;line-height: 16px;display: flex;}
.top-header ul li a {color: #000;font-size: 13px;}
.btn-login .btn {background: #E3584A;color: #fff;padding: 2px 20px;font-size: 14px;border-radius: 0;}
.btn-login{text-align: right;}

.btn-login2 .btn2 {background: #E3584A;color: #fff;padding: 2px 20px;font-size: 14px;border-radius: 0;}
.btn-login2{text-align: right;}

.btn-login {
  text-align: right;
  display: none;
}
.container {
  max-width: 1280px;
}
/*   logo Start here   */
a.logo-align {text-decoration: none;display: flex;align-items: center;}
.brand-text h4 {padding-left: 5px;font-size: 19px;color: #000;font-family: "robotobold";line-height: 24px;
  /* text-transform: uppercase; */
  margin: 0;}

/*Navbar start here*/
.logo-sec-wraper{width: 100%;height: 100%;}

.logo-sec-wraper22{width: 100%;height: 100%;background-image: linear-gradient(to right, #ab23bf00, #9d3ccf00, #8b4fdd00, #765eea63, #5b6bf4, #4c70f8, #3875fc, #187aff, #187aff, #187aff, #187aff, #187aff),url(../images/slider-bg.jpg);background-repeat: no-repeat;}
.logo-sec-wraper .new-container{background: #fff;}
.new-reg .btn{border: 1px solid #FF5E4D;border-radius: 0;font-size: 14px;color: #000;transition: .4s;-webkit-transition:.4s;-moz-transition:.4s;    font-family: 'open_sansregular';}
.new-reg a.btn:hover{background: #FF5E4D;color: #fff;transition: .4s;-webkit-transition:.4s;-moz-transition:.4s;}
.nav-wraper{background: #F8F8F8;border-bottom: 2px solid #F35545;}
ul li a:hover{text-decoration: none;}
.nav-wraper .custom-nav li.menuparent ul{display: none;position: absolute;top: 32px;left: 0;width: 150px;z-index: 9;background: #D43D2E;list-style: none;padding: 0;transition: 3s;}
nav.custom-nav li a{color: #000;padding: 11px 12px;font-size: 14px;font-family: "robotoregular";}
/*.nav-wraper .custom-nav li.menuparent.menu-item.menu-item--expanded ul.toolbar-menu li a {padding: 5px 6px;display: block;font-size: 14px;color: #fff;}
.nav-wraper .custom-nav li.menuparent:hover > ul li ul{left: 150px;top: 0;}
.nav-wraper .custom-nav li.menuparent:hover > ul li ul li ul{left: 150px;top: 0;}
.nav-wraper .custom-nav li.menuparent:hover > ul{display: block;transition: 3s;}
.nav-wraper .custom-nav li{position: relative;}
.nav-wraper .custom-nav li a.is-active{color: #fff;background: #D43D2E;}
.nav-wraper .custom-nav li a:hover{background: #d43d2e;color: #fff;}
.nav-wraper .custom-nav li.menuparent.menu-item.menu-item--expanded > a:after {content: "\f078";  padding-left: 5px;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 12px;}
*/.brand-text p{font-family: "robotomedium";font-size: 13px;padding-left: 5px;margin: 0;color: #000;}
.carousel-content{position: absolute;top: 0;padding-left: 10%;bottom: 0;display: flex;flex-flow: column;justify-content: center;background-image: linear-gradient(to right, #ab23bf00, #9349d5, #7562e6, #187aff, #187aff);right: 0;width: 55%;}
.slider-card{background: #fff;padding: 15px;text-align: center;}
.slider-card-data {padding: 10px 25px;border: 2px solid #FFA746;}
.slider-card-data h2{margin: 0;font-family: 'open_sanssemibold'}
.slider-card-data p{font-size: 16px;margin-top: 5px;}
.underline{width: 30px;height: 2px;background: #D2C9C9;margin: auto;}
.orange h2{color: #FFA746;}
.tint h2{color: #1D99B3;}
.blue h2{color: #1D5ED3;}
.red h2{color: #C21B77;}

/*   About section start here   */
.about-section{padding: 40px 0;}
.section-title{margin-bottom: 20px;}
.about-outer .section-title h3{font-size: 20px;font-family: 'open_sansbold';}
.circle-underline{background: #D43D2E;width: 30px;height: 3px;position: relative;}
.circle-underline:before{content: '';position: absolute;width: 11px;height: 11px;background: #D43D2E;border-radius: 18px;top: -4px;}
.about-outer p{font-size: 14px;text-align: justify;line-height: 24px;}
a.Read-more.btn {border: 1px solid #FF5E4D;border-radius: 0;font-size: 14px;color: #000;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;font-family: 'open_sansregular';transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}
a.Read-more.btn:hover {background: #D43D2E;color: #fff;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}

/* Tabs section start here   */
.tabination .nav-tabs .nav-item.show .nav-link, .tabination .nav-tabs .nav-link.active{background-color: #33A9AB;color: #fff;}
.tabination .nav-tabs .nav-link{border: 0;border-radius: 0;color: #000;padding: 0.7rem;font-size: 15px;}
.tabination .tab-content{background: #f4f4f4;padding: 15px;}
.tabination .nav-tabs{border: 0;}
.tabination .tab-content ul li > h6 {font-size: 14px;margin-bottom: 2px;}
#hearings ul li > p{font-size: 12px;color: #787878;font-family: 'open_sansitalic';}
#hearings ul li > p a{color: #787878;}
#hearings ul li > p a:hover{color: #187aff;}
#hearings ul li > p span{padding-right: 20px;font-size: 12px;}
#hearings ul{list-style: none;padding: 0;}
.tabination .tab-content ul li > span{color: #F5561A;font-size: 14px;font-family: 'open_sansitalic';}
.tabination .tab-content ul li{border-bottom: 1px solid #e4e4e4;}
.bottom-control{display: flex;align-items: center;justify-content: space-between;}
.bottom-control .btn{color: #000;font-size: 14px;padding: 0;}
.bottom-control .btn i{color: #F5561A;}
.vticker{height: 245px !important;}

/*   Application Bg Start here   */

.application-bg{background-image: linear-gradient(to right, #db3232, #de4f2b, #df6626, #de7b25, #dc8f29);padding: 25px 0;height: 200px;}
.application-bg .section-title h3{font-size: 20px;font-family: 'open_sansbold';color: #fff}
.application-bg .circle-underline:before,.application-bg .circle-underline{background: #fff;}
.application-bg .nav-tabs{border-bottom: 2px solid rgb(255 255 255 / 48%);}
.application-bg .nav-tabs .nav-item.show .nav-link, .application-bg .nav-tabs .nav-link.active{color: #ffffff;border-bottom: 3px solid;background-color: transparent;border-color: #dee2e6 #dee2e6 #fff;}
.application-bg .nav-tabs .nav-link{color: #fff;border-radius: 0;border: 0;font-family: 'open_sanssemibold';padding: 10px;}
.application-bg-content{background: #fff;  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 37%);margin: 0;margin-top: -110px;padding: 20px 0;}
.application-bg-content label {font-size: 14px;font-family: 'open_sanssemibold';padding: 8px 0;}
.application-bg-table .select-right{display: flex;justify-content: flex-end;}
.common-table thead{background: #21258F;color: #fff;}
.common-table thead th:nth-child(2) {width: 220px;}
.common-table thead th{font-family: 'open_sansbold';font-size: 14px;}
.common-table tbody td{font-size: 14px;text-transform: capitalize;}

/*  Footer Start Here    */

.gray-bg{padding: 30px 0;}
.footer-bottom-sec{padding: 15px 0;background: #000000;}
.footer-nav-sec ul{margin: 0;padding: 0;}
.footer-top-sec ul li{display: inline-block;margin: 0;line-height: 1;padding-right: 10px;border-right: 1px solid #ffffff47;}
.footer-top-sec ul li a{color: #fff;font-size: 0.875em;text-decoration: none;}
.copyright-sec p{color: #fff;margin-top: 5px;margin-bottom: 0;font-size: 0.875em;}
.visitor-sec p{color: #fff;margin: 0;font-size: 0.875em;}


/*   User Registration Page Start Here    */
.body_div_login{background: #fff; padding: 10px 0;}


.inner-logo-bg{ background: rgba(218,68,83,1);
  background: -moz-linear-gradient(left, rgba(218,68,83,1) 0%, rgba(137,33,107,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(218,68,83,1)), color-stop(100%, rgba(137,33,107,1)));
  background: -webkit-linear-gradient(left, rgba(218,68,83,1) 0%, rgba(137,33,107,1) 100%);
  background: -o-linear-gradient(left, rgba(218,68,83,1) 0%, rgba(137,33,107,1) 100%);
  background: -ms-linear-gradient(left, rgba(218,68,83,1) 0%, rgba(137,33,107,1) 100%);
  background: linear-gradient(to right, rgba(218,68,83,1) 0%, rgba(137,33,107,1) 100%); !important;height: 175px;position: relative;}



.user-title h6{margin: 0;font-size: 20px;color: #fff;font-family: 'open_sanssemibold'}
.breadcrumb{padding: 0;background-color: transparent;float: right;margin: 0;}
.breadcrumb-item+.breadcrumb-item::before{color: #fff;}
ol.breadcrumb li a, ol.breadcrumb li {color: #fff;font-size: 14px}
.breadcrumb-item.active{color: #ffffff;}

/* .form-bg{background: #eee;padding-bottom: 25px;}
.form-title h6{font-size: 16px;color: #DB3232;font-family: 'open_sanssemibold';font-style: italic;margin-bottom: 6px;}
.form-bg-upper{background: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 29%);padding: 15px;margin-top: -60px;z-index: 9999999;position: relative;}
a.btn.avail-btn{background: #2E2E2E;color: #fff;font-size: 14px;border-radius: 0;width: 100%;height: 35px;line-height: 35px;padding: 0 10px;}
.form-bg label{font-size: 14px;font-family: 'open_sanssemibold';}
.form-bg input, .form-bg select {height: 35px;border-radius: 0;font-size: 14px;} */

.disolve-margin {margin-top: 20px;}
.bottom-btn{text-align: right;}
a.btn.signtbtn,  a.btn.resetbtn {padding: 0 100px;height: 40px;border-radius: 0;line-height: 40px;font-family: 'open_sanssemibold';font-size: 14px;}
a.btn.signtbtn{background: #21258F;color: #fff;}
a.btn.resetbtn{background: #fff;color: #000;margin-right: 10px;border: 1px solid #db3531}
a.btn.signtbtn:hover, a.btn.resetbtn:hover {background: #db3830;color: #fff;}
.login_tophead{background: #fff; padding: 0px;}

.form-bg{background: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 29%);padding: 15px;margin-top: 35px;position: relative;}
a.btn.avail-btn{background: #2E2E2E;color: #fff;font-size: 14px;border-radius: 0;width: 100%;height: 35px;line-height: 35px;padding: 0 10px;}

.singn_btn2{}



/*     Login page Start Here    */

.login-image{padding: 0;}
.login-title h6{color: #000;font-size: 24px;font-family: 'open_sansbold';margin-bottom: 15px;}
.right-content label{font-size: 14px;font-family: 'open_sanssemibold';}
.right-content .form-check input{height: auto;}
.login-y:hover {background: #dc3830;color: #fff;}
a.reload {color: #000;padding-top: 25px;display: block;}
.login-y {    background: #21258F;
    color: #fff;
    border-radius: 0;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;}
.padding-left-0{padding-left: 0;}
.padding-right-0{padding-right: 0;}
.right-menu-title h6{font-size: 16px;font-family: 'open_sansbold';}
ul.side-menu {list-style: none;padding-left: 15px;border-left: 1px solid #dedede;}
ul.side-menu li a {padding-bottom: 10px;display: block;color: #767676;font-size: 14px;transition: .4s;-webkit-transition:.4s;}
ul.side-menu li {position: relative;}
ul.side-menu li.active a {color: #db3432;font-family: 'open_sanssemibold'}
ul.side-menu li a:before {content: '';width: 10px;height: 10px;border: 1px solid #db3830;position: absolute;border-radius: 50%;left: -21px;top: 5px;background: #fff;transition: .4s;-webkit-transition:.4s;}
ul.side-menu li.active a:before {background: #db3531;}
ul.side-menu li a:hover {color: #db3531;transition: .4s;-webkit-transition:.4s;padding-left: 4px;}
ul.side-menu li a:hover:before{background: #db3531;transition: .4s;-webkit-transition:.4s;}

.form-search {position: relative;}
i.fas.fa-search {position: absolute;right: 18px;font-size: 14px;color: #dc3a30;}
ol.breadcrumb.breadcrumb-inner {float: left;}
.custom-file-label::after{background-color: #515151;border-radius: 0;color: #ffffff;height: 35px;}
.custom-file-label{height: 35px;border-radius: 0;}
.custom-file{height: 35px;}
a.btn.add-member {font-size: 14px;background: #FF7F00;color: #fff;}
.otp-btn {width: 50% !important;}
.add-form {display: none;}
.show{display: block;}
.table-title h6 {margin: 0;font-size: 18px;color: #191919;font-family: 'open_sansbold';}
.table-bg {padding: 15px;background: #dc8e29;}
.custom-table thead th {vertical-align: bottom;border: 0;color: #fff;font-size: 16px;font-family: 'robotoregular';font-weight: 400;}
div#cke_editor1 {width: 100%;}
.custom-table td {border: 0;font-size: 14px;color: #fff;}
.custom-table tbody tr {background: #ffffff29;border-bottom: 10px solid #dc8e29}
i.fas.fa-eye {color: #fff;}
a.btn.add-by-law {
    background: #db3331;
    font-size: 12px;
    color: #fff;
    float: revert;
}
.pagination-dov .back a,.pagination-dov .next a {background: #ffffff29;color: #fff !important;border: 0 ;border-radius: 4px;}
.pagination-dov ul.pagination li {margin-left: 10px;}.pagination-dov ul.pagination li .page-link {border-radius: 4px;color: #4D4F5C;}
.pagination-dov ul.pagination li .active {color: #f02844 !important;}
.pagination-dov ul.pagination li .page-link:hover{color: #f02844;}
.certificate-table-bg {border: 1px solid #707070;padding: 55px;}
.declaration-bg h6,.declaration-bg label{font-family: 'open_sanssemibold';font-size: 14px;}
.declaration-bg input{height: inherit;}

.Profile-sec ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .Profile-sec ul li.user-profile {
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative;
    }
    .user-img {
        margin-right: 10px;
    }
    .user-name {
        color: #333;
        margin-right: 10px;
        padding-top: 7px;
        font-family: 'open_sansregular';
        font-size: 14px;
        line-height: 1.3;
    }
    .Profile-sec ul li .profille-arrow .fa {
        background: transparent;
        color: #333;
        padding: 0;
    }
    .Profile-sec ul .changepassword {
        flex-direction: column!important;
        padding: 10px 0;
        display: none;
    }
    .Profile-sec ul .changepassword li {
        margin: 0px 0;
        border-bottom: 1px solid #b1b1b154;
    }
    .Profile-sec ul .changepassword li:hover{background-image: linear-gradient(to right, #dc2929, #e74323, #f15a1b, #f96f11, #ff8400);
      }
        .Profile-sec ul .changepassword li:hover a{  color: #ffffff !important;}
    .Profile-sec ul .changepassword a {
        color: #000000;
        padding: 5px 15px;
        display: inline-block;
        width: 100%;
    }
    .Profile-sec ul li.user-profile:hover .changepassword {
        display: block;
    }

 .icon {
        background: url(../images/icon-sheet.png);
        display: block;
        width: 100px;
        height: 20px;
        z-index: 99999;
        background-size: 100%;
    }
   .nav-wraper .nav > li > a {
        color: #000;
        padding: 4px 12px;
        display: flex;
        font-size: 16px;
        display: flex;
    }
    .nav-wraper .nav > li > a .icon {
        background: url(../images/icon-sheet.png);
        display: block;
            width: 20px;
    height: 26px;
        background-repeat: no-repeat;
        transition: .4s;
    }
    .nav-wraper .nav > li > a .dashboard {
        background-position: 0 4px;
    }
    .nav-wraper .nav > li > a:hover .icon.dashboard, .nav-wraper .nav > li.actv > a .dashboard {
        background-position: -69px 4px;
    }
   .nav-wraper .nav > li > a .employee {
        background-position: 0 -61px;
    }
   .nav-wraper .nav > li > a:hover .employee, .nav > li.actv > a .employee {
        background-position: -72px -65px;
    }
   .nav-wraper .nav > li > a .training {
        background-position: 0 -130px;
    }
   .nav-wraper .nav > li > a:hover .training, .nav > li.actv > a .training {
        background-position: -69px -130px;
    }
   .nav-wraper .nav > li > a .bio {
        background-position: 0 -196px;
    }
   .nav-wraper .nav > li > a:hover .bio, .nav > li.actv > a .bio {
        background-position: -72px -196px;
    }
  .nav-wraper  .nav > li > a .update {
        background-position: 0 -261px;
    }
   .nav-wraper .nav > li > a:hover .update, .nav > li.actv > a .update {
        background-position: -69px -261px;
    }
    nav.custom-nav li a:hover {color: #dc3731;}
.nav-wraper .nav > li > a:hover .employee, .nav > li.actv > a{color: #db3631;}

.pb-table thead th {font-size: 14px;font-family: 'open_sanssemibold'width:25%;border-bottom: 1px solid #eeeeee;border-top: 0}
.pb-table thead th:nth-child(1) {color: #db3332;font-style: italic;}
.pb-table thead tr:nth-child(1) th {background: #eeeeee;}
.pb-table tbody td{font-size: 14px;}
.pb-table thead th:nth-child(2), .pb-table thead th:nth-child(3), .pb-table thead th:nth-child(4),
.pb-table tbody td:nth-child(2), .pb-table tbody td:nth-child(3), .pb-table tbody td:nth-child(4) {
    width: 24%;
}
.accordion .card-header:after {
   font-family: "Font Awesome 5 Free";
    content: "\f068";
    float: right; 
    font-weight: 600;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}
div#accordion h6 {
    color: #db3630;
    font-weight: 600;
}

div#accordion .card-header {
    background-color: transparent;
}
div#accordion .card{border:0;}
div#accordion .active {
    background: #db3531;
    color: #fff;
}
div#accordion .collapse.show {
    display: block;
    background: whitesmoke;
}
div#accordion .card input {
    height: inherit;
    margin-left: -17px;
}
div#accordion p {
    font-size: 14px;
    text-align: justify;
    line-height: 24px;
}
.editor-h div#cke_1_contents {
    height: 362px !important;
}
.limited {
    position: relative;
}
.limited span {
    position: absolute;
    right: 1px;
    top: 1px;
    background: #f3f3f3;
    bottom: 1px;
    padding: 5px 30px;
}
/*  Mobile Features Start Here   */

.container.mobile-show .carousel-content {position: inherit;width: 100%;padding: 15px 0;background: transparent;display: none;}
.banner-img {max-width: 100%;height: auto;}


/*new css start here*/


/*new css start here*/








@media only screen and (min-width: 1366px) and (max-width: 2800px){}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .top-header ul {display: block;}
   .top-header ul li {padding: 4px 10px;display: inline-block;}
  .top-right-nav {flex-direction: column;padding: 0;}
    a.btn.loginbtn-top {width: 100%;}
  .loginbtn{position: inherit;}
.carousel {position: relative;width: 100%;}   
.carousel-content{ width: 65%;}
.tabination .nav-tabs .nav-link{padding: 0.6rem;font-size: 13px;border: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container.mobile-hide, .carousel-content {display: none;}
  .container.mobile-show .carousel-content{display: block;}
  .logo-sec-wraper{}
  .tabination .nav-tabs .nav-link {padding: 0.4rem;font-size: 12px;}
  .application-bg-content .col-12.col-sm-12.col-md-12.col-lg-7 {padding: 0;}
  .application-bg-table .select-right {display: flex;justify-content: flex-start;}
  .navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(0,0,0,.1);}
   .nav-wraper {border-bottom: 0;background: #d43d2e !important;}
  .navbar-toggler{background: #fff;}
   .navbar-toggler-icon {height: 1em !important;}
   .slider-card{padding: 0}
   .nav-wraper .custom-nav li{padding: 6px 0;}
    nav.custom-nav li a {color: #fff;padding: 0 12px;display: block;padding: 10px;}   
    .nav-wraper .custom-nav li a.is-active {border-bottom: 1px solid;} 
    .inner-logo-bg{height: 100% !important;}
    .form-bg-upper{margin-top: 0;}
    .disolve-margin {margin-top: 20px !important;}
    .breadcrumb{float: left;padding: 10px 0;}
    .bottom-btn{text-align: center;}
    .user-title h6 {text-align: left;}
    /*add new css */
  .user-title h6 {  text-align: left;}
  .top-header .container {padding: 0px 15px;}
  .nav-wraper .nav > li > a:hover .employee, .nav > li.actv > a { color: #fff;  }
  nav.custom-nav li a:hover { color: #000; }
  .div_center {width: 100%;}

  }
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .top-header ul{justify-content: center;}
  .btn-login {text-align: center;padding: 10px;}
   a.logo-align{flex-direction: column;}
   .brand-text {text-align: center;}
   .otherlogo-sec {justify-content: center !important;padding-top: 15px;}
   .tabination {margin-top: 15px;}
    .container.mobile-hide, .carousel-content {display: none;}
  .container.mobile-show .carousel-content{display: block;}
  .logo-sec-wraper{}
  .tabination .nav-tabs .nav-link {padding: 0.4rem;font-size: 12px;}
  .application-bg-content .col-12.col-sm-12.col-md-12.col-lg-7 {padding: 0;}
  .application-bg-table .select-right {display: flex;justify-content: flex-start;}
  .navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(0,0,0,.1);}
  .nav-wraper {background: #d43d2e;border-bottom: 0;}
  .navbar-toggler{background: #fff;border: 0;}
   .navbar-toggler-icon {height: 1em !important;}
   .slider-card{padding: 0}
   .slider-card{padding: 0}
   .slider-card-mt {margin-top: 20px;}
    .nav-wraper .custom-nav li{padding: 6px 0; width:100%;}
  nav.custom-nav li a {color: #fff;padding: 0 12px;display: block;padding: 10px;}   
  .nav-wraper .custom-nav li a.is-active {border-bottom: 1px solid;}
  .application-bg-content{margin-top: -60px;}
  a.btn.signtbtn, a.btn.resetbtn{width: 100%;margin-bottom: 10px;}
   .inner-logo-bg{height: 100% !important;}
    .form-bg-upper{margin-top: 0;}
    .disolve-margin {margin-top: 20px !important;}
    .breadcrumb{float: left;padding: 10px 0;}
  .bottom-btn, .no-padding{padding: 0 15px !important;}
  .footer-nav-sec ul{text-align: center;}
  .copyright-sec p, .visitor-sec p{text-align: center;}

  /*add new css */
  .user-title h6 {  text-align: left;}
  .top-header .container {padding: 0px 15px;}
  .nav-wraper .nav > li > a:hover .employee, .nav > li.actv > a { color: #fff;  }
  nav.custom-nav li a:hover { color: #000; }
  .div_center {width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width:360px) {
  .tabination .nav-tabs {
    border: 0;
    display: flex;
    flex-direction: column;
}
}