@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700;800;900&display=swap');
body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #f0f3fa;
    color: #11263C;
}
body {
    overflow-y: auto !important;
}
/*02-07-2022*/
.dflx{

    display:flex;
    align-items: center;
    justify-content:center;
}

ul.helpdeskCvr li:hover {
    background: #e8eaff;
}

.viewMore {
    color: #fec145 !important;
    text-decoration: underline !important;
}
.testHead {
    margin-bottom: 15px;
    cursor: pointer;
}
.testHead a {
    text-align: center;
    margin: 0px auto;
    font-weight: bold;
    display: none;
}
.testHead:hover a{

    display: block;
}
/* ul.empDisList li:last-child {
    border: 0;
    width: 100%;
} */

/*end 02-07-2022*/




section.mainSec {
    width: 100%;
    display: block;
    padding: 0px 20px 20px;
}

.mailLeftCls {
    width: 17.25%;
    height: 100%;
    padding: 0px;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 20px;
    margin-top: 20px;
}

.mailRightCls {
    width: 81.6%;
    margin-left: auto;
    padding: 0px;
    position: relative;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

ul,
li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.logo {
    width: 100%;
    display: inline-flex;
    height: 65px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
}

.logo img {
    /* max-width: 175px; */
    max-width: 98%;
}

.leftMenu {
    width: 100%;
    float: left;
    padding: 25px 18px;
    background: #fff;
    border-radius: 15px;
    height: 86vh;
    position: relative;
}

.topBarCvrBg {
    padding: 20px 0px;
    background: #f0f3fa;
    position: -webkit-sticky;
    position: sticky;
    z-index: 11;
    width: 100%;
    top: 0px;
}

p {
    font-size: 14px;
    line-height: 25px;
}

.leftMenu li {
    border-radius: 5px;
    margin-bottom: 2px;
}

.leftMenu li a {
    color: #11263C;
    padding: 5px 25px;
    display: block;
    font-size: 13px;
}

.leftMenu li:hover {
    background: #14abbe url(../images/menu-hadow.png) no-repeat right -20px center;
}

.leftMenu li.active {
    background: #14abbe url(../images/menu-hadow.png) no-repeat right -20px center;
}

.leftMenu li.active a,
.leftMenu li:hover a {
    color: #fff;
}


/*new*/

#user-name {
    border: 0;
}

.topTextarea #title {
    margin-bottom: 10px;
}

.openImg img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.wellwish {
    margin-bottom: 20px;
}


/*end new*/

.topBarSearch {
    padding: 10px 15px;
}

.annouImg img {
    width: 100%;
    height: 75px;
    object-fit: cover;
}

.hover-effect {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.hover-effect i {
    width: 50px;
    height: 50px;
    background-color: #981b1e;
    color: #fff;
    position: absolute;
    left: 50%;
    top: -100px;
    z-index: 1;
    line-height: 50px;
    text-align: center;
    margin: 0 0 0 -25px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.hover-effect:hover i {
    top: 50%;
    margin: -25px 0 0 -25px;
}

.hover-effect img {
    width: 100%;
    display: block;
    -moz-transition: all 0.99s ease;
    -o-transition: all 0.99s ease;
    -webkit-transition: all 0.99s ease;
    transition: all 0.99s ease;
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);
}

.hover-effect:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    /* filter: gray;*/
    /* IE5+ */
    /*-webkit-filter: grayscale(1);*/
    /* Webkit Nightlies & Chrome Canary */
    /* -webkit-transition: all .8s ease-in-out*/
    ;
}

a,
a:hover {
    color: inherit;
}

.topBarSearch form {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

input.searcBtn {
    width: 40px;
    height: 35px;
    border: none;
    border-radius: 5px 0px 0px 5px;
    background: #14abbe url(../images/search-icon.svg) no-repeat center;
    text-indent: -100px;
    overflow: hidden;
}

input.searchField {
    width: 100%;
    border-left: none !important;
    max-width: 400px;
    height: 35px;
    border: 1px solid #DCDEE0;
    padding-left: 5px;
    border-radius: 0px 5px 5px 0px;
}

.topBarCvr {
    background: #fff;
    border-radius: 10px;
}

input:focus {
    outline: none;
}

.topBarRight {
    display: flex;
    margin-left: auto;
    float: right;
    margin: 5px;
    min-width: 225px;
    height: 45px;
    background: url(../images/toprightbg.png) no-repeat right center;
    background-size: 100%;
    border-radius: 10px;
}

.envioLeft {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
}

.envioLeft span {
    font-size: 12px;
    font-weight: 400;
}

.envioLeft {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding-left: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px;
}

.sec01Left {
    position: relative;
}

.sec01Left h1 {
    position: absolute;
    z-index: 1;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
    left: 40px;
    top: 28px;
}

.digr {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    font-weight: 700;
}

.digr span {
    font-size: 17px;
    margin-top: -10px;
    position: relative;
}

.topBarSearch {
    padding: 10px 15px;
}

.sec01 {
    width: 100%;
    display: block;
}

.celender {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 25px 25px 0px;
    background: #fff;
    border-radius: 10px;
}

.announcement {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 25px;
    border-radius: 10px;
    background: #fff;
}

.announcement h2 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
}

.announceCvr {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 8px;
    padding: 7px 7px 7px 115px;
    min-height: 90px;
    background: #fff;
    border: 1px solid #ccc;
}

.annouImg {
    position: absolute;
    left: 8px;
    width: 90px;
    height: 75px;
}

.annouhead {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
}

.annouheadin {
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 12px;
}

.annoudet {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 21px;
}

.annoudet p {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 21px;
    margin-bottom: 0px !important;
}

.bx-controls-direction {
    position: absolute;
    top: 17px;
    right: 30px;
    width: 20px;
}

.bx-controls-direction a {
    width: 22px;
    height: 15px;
    display: inline-block;
    background: url(../images/v-arrow.svg) no-repeat center;
    background-position: left -1px center;
    transform: rotate(90deg);
}
.bx-controls-direction a.bx-next {
    background-position: right -1px center;
}

.announceCvr:hover {
    border: 1px solid #73c5d1;
    background: #f0f3fa;
    /*background: url(../images/announcement-shade.svg) no-repeat right -5px top; background-size: 100%;*/
}


/*.announceCvr:hover .annouhead{color: #FF634D;}*/

.sec02 {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.empReco {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    text-align: center;
    overflow: hidden;
    padding: 30px 10px 40px 10px;
    border-radius: 10px;
    position: relative;
}

.empReco h2 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1B2559;
}

.empReco:after {
    display: none !important;
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    background: #FFC145 url(../images/star.svg) no-repeat right 6px bottom 30px;
    top: -44px;
    left: -43px;
    transform: rotateZ(42deg);
    background-size: 15px;
    box-shadow: 1px 3px 11px 2px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 1px 3px 11px 2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 1px 3px 11px 2px rgba(0, 0, 0, 0.14);
}

.employee {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.empName {
    font-size: 16px;
    min-height: 85px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #11263C;
}

.empName span {
    font-size: 15px;
    font-weight: 400;
    color: #11263C;
    text-transform: capitalize;
}

.empRecoCvr {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f7fe+4,f4f7fe+100&0.02+0,1+100 */
    background: -moz-linear-gradient(top, rgba(244, 247, 254, 0.02) 0%, rgba(244, 247, 254, 0.06) 4%, rgba(244, 247, 254, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(244, 247, 254, 0.02) 0%, rgba(244, 247, 254, 0.06) 4%, rgba(244, 247, 254, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(244, 247, 254, 0.02) 0%, rgba(244, 247, 254, 0.06) 4%, rgba(244, 247, 254, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05f4f7fe', endColorstr='#f4f7fe', GradientType=0);
    /* IE6-9 */
    ;
    border-radius: 10px;
    padding-bottom: 50px;
    margin-bottom: -19px;
}

.emplHeil {
    
    background: #1bafc1;
    color: #fff;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    border-radius: 7px;
    text-transform: capitalize;
    font-weight: 700;
}

.emplHeil:hover {
    background: #cdd5eb;
    color: #1b255e;
}

.owl-carousel.dotstyle.owl-theme.owl-loaded.owl-drag .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 2px;
    background: transparent;
    border: 1px solid #1bafc2;
    position: relative;
}

.owl-carousel.dotstyle.owl-theme.owl-loaded.owl-drag .owl-dots .owl-dot span:after {
    width: 4px;
    height: 4px;
    position: absolute;
    content: '';
    left: 3px;
    top: 3px;
    background: #1bafc2;
    border-radius: 100%;
}

.owl-carousel.dotstyle.owl-theme.owl-loaded.owl-drag .owl-dots .owl-dot.active span:after,
.owl-carousel.employee_month.owl-theme.owl-loaded.owl-drag .owl-dots .owl-dot:hover span:after {
    width: 7px;
    height: 7px;
    position: absolute;
    content: '';
    left: 1.4px;
    top: 1.6px;
    background: #1bafc2;
    border-radius: 100%;
}

.owl-carousel.dotstyle.owl-theme.owl-loaded.owl-drag .owl-nav.disabled+.owl-dots {
    margin-top: -28px;
}

.sec02Right .row {
    height: 100%;
    position: relative;
}

.quote {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 30px 38px;
    border-radius: 10px;
}

.quote h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
}

.quote img {
    margin-bottom: 10px;
}

.owl-carousel.employee_month.owl-theme.owl-loaded.owl-drag {
    height: 100%;
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.owl-carousel.quoate_month.owl-theme.dotstyle.owl-loaded.owl-drag .owl-nav.disabled+.owl-dots {
    bottom: -20px;
    position: absolute;
    width: 100%;
}

.achivImg {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

.achivList a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 65px;
}

.achivList {
    width: 100%;
    position: relative;
    background: url(../images/achivement-bg.jpg) no-repeat right center;
    background-size: 100%;
    padding: 10px 10px 10px 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.achivDet {
    padding-left: 75px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testiBottom .achivDet {
    font-size: 17px;
    line-height: 17px;
}

.achivDet span {
    font-size: 12px;
}

.bx-controls.bx-has-pager {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
}

.bx-pager.bx-default-pager {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bx-pager.bx-default-pager a {
    text-indent: -70px !important;
    width: 12px;
    height: 12px;
    margin: 2px;
    background: transparent;
    border: 1px solid #FFC145;
    position: relative;
    display: inline-flex;
    overflow: hidden;
    border-radius: 100px;
}

.bx-pager.bx-default-pager a:after {
    width: 4px;
    height: 4px;
    position: absolute;
    content: '';
    left: 3px;
    top: 3px;
    background: #fec450;
    border-radius: 100%;
}

.bx-pager.bx-default-pager a.bx-pager-link.active:after {
    width: 7px;
    height: 7px;
    position: absolute;
    content: '';
    left: 1.4px;
    top: 1.6px;
    background: #fec450;
    border-radius: 100%;
}

.sec03 {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.education {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 30px 18px 30px 38px;
    border-radius: 10px;
}

.education h4 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
}

.list,
.newjouneeIn ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.list li,
.newjouneeIn ul li {
    background: url(../images/list-icon.svg) no-repeat left top 5px;
    padding-left: 20px;
    color: #11263C;
    font-weight: 500;
    margin-bottom: 15px;
}


/* .education ul{columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;} */

.list li a,
.newjouneeIn ul li a {
    color: #11263C;
    text-decoration: none;
}

.list li a:hover,
.newjouneeIn ul li a:hover {
    color: #1bafc2;
}

.newjouneeIn ul li a:hover {
    color: #1bafc2;
}

.education ul li {
    font-size: 14px;
}

ul.list.newsList {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

ul.list.newsList li {
    font-size: 12px;
    background: url(../images/news-list.svg) no-repeat left top 2px;
    padding-left: 25px;
}

.verticalscroll {
    max-height: 300px;
    width: 100%;
    overflow: auto;
    padding-right: 20px;
}

.nicescroll-rails.nicescroll-rails-vr {
    border-radius: 30px;
}

.nicescroll-cursors {}

.helpdesk {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 30px 18px 30px 38px;
    border-radius: 10px;
}

.helpdesk h4 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
    text-align: center;
}

.helpDeskHead {
    font-size: 14px;
    font-weight: 700;
    color: #1B2559;
    margin-bottom: 10px;
}

.helpList {
    width: 100%;
    margin-bottom: 6px;
}

.helListCvr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
}

.helpList:last-child {
    width: 100%;
}

.helListCvr a {
    color: #1B2559;
    font-weight: 500;
}

ul.helpdeskCvr li {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.helpdeskCvr .col-lg-4 li {
    height: 100%;
}

.sec04 {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.sec04Left {
    width: 100%;
    height: 100%;
    position: relative;
}

ul.sec04Leftlist li a {
    width: 100%;
    background: #fff;
    padding: 25px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #1B2559;
}

ul.sec04Leftlist li .sec4icon {
    width: 40px;
    height: 40px;
    background: #1bafc2;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

ul.sec04Leftlist li:hover a {
    background: #1bafc2;
    color: #fff;
}

ul.sec04Leftlist li:hover .sec4icon {
    background: #cdd5eb;
}

.happBir {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 15px;
}

.birthEmployee {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.empReco.birthdayCvr h2 {
    margin-top: 15px;
    color: #fff;
}

.empReco.birthdayCvr .happBir {
    margin-bottom: 30px;
}

.empReco.birthdayCvr .empName {
    text-transform: inherit;
    color: #fff;
    min-height: 80px;
}

.empReco.birthdayCvr .empName span {
    color: #fff;
}

.empReco.birthdayCvr {
    background-color: #1bafc1;
    color: #fff;
}

.currentOffersCvr {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 30px 18px 30px 38px;
    border-radius: 10px;
}

ul.currentOffers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}

ul.currentOffers li {
    margin-bottom: 15px;
    width: 49%;
    color: #11263C;
    border: 1px solid #ccc;
    border-radius: 7px;
    overflow: hidden;
}

ul.currentOffers li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #11263C;
    padding: 10px;
}

ul.currentOffers li img {
    margin-right: 10px
}

.currentOffersCvr h5 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
}

ul.currentOffers li a:hover {
    background: #1bafc2;
    color: #fff;
}

ul.currentOffers li a:hover img {
    filter: brightness(0.5) invert(1);
}

.sec01Right h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
}
.announceCvrRead {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    border-radius: 8px;
    background: #fff;
    align-items: center;
    color: #ffc145;
    font-weight: bold;
    text-decoration: underline;
}


.sec05 {
    width: 100%;
    display: block;
    margin-top: 20px;
}

ul.sec04Leftlist li:last-child {
    margin-bottom: 0px;
}

.quickLinks {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 30px 20px 30px 20px;
    border-radius: 10px;
}

.testmonials {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 30px 20px 30px 20px;
    border-radius: 10px;
}

.quickLinks h6 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
}

.testmonials h6 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
    text-align: center;
}

.quickLinks .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}

.quickLinks .list li {
    width: 100%;
}

.testiBottom {
    width: 100%;
    position: relative;
    min-height: 87px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.testmonials .owl-dots {
    position: absolute;
    width: 100%;
    margin-top: -18px !important;
}

.embDisImg {
    width: 30%;
}

.quickLinks .verticalscroll {
    max-height: 270px;
}

.testmonials .verticalscroll {
    max-height: 215px;
}

.emDisCont {
    width: 65%;
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

ul.currentOffers.empDisList li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px;
}

.disimgLogo {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 0px !important;
}

.disimgLogo img {
    margin-right: 0px !important;
}

.disco {
    background: #0F95C8;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 11px;
    border-radius: 7px;
    margin-top: 5px;
    font-weight: 700;
    display: inline-block;
}

.disco span {
    font-weight: 500;
    font-size: 12px;
}

.emDisCont span {
    font-weight: 700;
    display: block;
    color: #11263C;
}

.empDisListBxed {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 30px 20px 30px 20px;
    border-radius: 10px;
}

.empDisListBxed .verticalscroll {
    padding-right: 0px !important;
}

.empDisListBxed h6 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
    text-align: left;
}

.breakNews ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.breakNews ul li {
    margin-right: 25px;
    background: url(../images/marque-icon.svg) no-repeat left top 3px;
    padding-left: 25px;
}

.breakingCvr {
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0px;
    z-index: 122;
    width: 79.5%;
}

.breakHead {
    height: 45px;
    display: flex;
    margin-right: auto;
    background: url(../images/news-arrow.svg) #e8eaff no-repeat right 15px center;
    padding-right: 20px;
    font-size: 16px;
    color: #263238;
    font-weight: 500;
    width: 215px;
    align-items: center;
    padding: 2px 43px 2px 15px;
    border-radius: 10px;
}

marquee {
    display: block;
}

.breakNews {
    padding: 2px 10px 0px 10px;
    width: 100%;
}

.sec06 {
    margin-top: 40px;
}

.leftMenu li.active a,
.leftMenu li:hover a {
    position: relative;
}

.leftMenu li.active a:after,
.leftMenu li:hover a:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 10px;
    background: url(../images/menu-dot.svg) no-repeat center;
    right: 0px;
    top: 10px;
}

ul.empDisList li {
    margin-bottom: 15px;
    width: 49%;
    color: #11263C;
    border: 1px solid #ccc;
    border-radius: 7px;
    overflow: hidden;
}

ul.empDisList li a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px;
    min-height: 76px;
}

ul.empDisList li small {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px;
}
ul.empDisList li small a {
    padding: 0;min-height: 10px;
}

ul.empDisList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}

.inner h1 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1B2559;
}

.bredCrumb {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    height: 41px;
}

.bredCrumb ul {
    position: fixed;
    z-index: 99;
    background: #f0f3fa;
    padding: 11px 19px;
    left: 19.25%;
    top: 94px;
    right: 0;
}

.bredCrumb ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bredCrumb ul li {
    padding-right: 15px;
    font-weight: 500;
}

.bredCrumb ul li a {
    position: relative;
    padding-right: 25px;
    font-weight: 400;
}

.bredCrumb ul li a:after {
    width: 10px;
    height: 17px;
    background: url(../images/bredcrumb-arrow.svg) no-repeat center;
    content: '';
    position: absolute;
    right: 0px;
    top: 2px;
}

.bredCrumb ul li a:hover {
    color: #fec145;
}

.inner {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    /*min-height: 450px;*/
}
.canvasLoader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(247, 247, 247, .5);
}

body > .canvasLoader {
    position: fixed;
}

.canvasLoader div {
    position: absolute;
    left: 50%;
    top: 50%;
}

.preloader {
    width: 100%;
    height: 100vh;
    /* background: #f0f3fa url(../images/taiba_logo.svg) no-repeat center; */
    /* background: #f0f3fa url(../images/taiba-preloader.gif) no-repeat center; */
    background: #f0f3fa url(../images/taiba-preloader.gif) no-repeat center;    
    z-index: 1233;
    position: fixed;
    /* background-size: 170px; */
    background-size: 210px;
    /* background-size: 240px; */
}

.row.announcementinCvr .announceCvr {
    margin-bottom: 15px;
}

.inner ul.helpdeskCvr li {
    max-width: 400px;
}

.inner .achivList {
    margin-bottom: 15px;
}

.empRecoin .empReco {
    padding: 30px 10px 20px 10px;
    background: rgb(248, 248, 248);
    background: -moz-linear-gradient(180deg, rgba(248, 248, 248, 1) 0%, rgba(240, 244, 254, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(248, 248, 248, 1) 0%, rgba(240, 244, 254, 1) 100%);
    background: linear-gradient(180deg, rgba(248, 248, 248, 1) 0%, rgba(240, 244, 254, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8", endColorstr="#f0f4fe", GradientType=1);
}

.empRecoin .emplHeil {
    flex-direction: column;
    height: 60px;
    font-weight: 500;
    margin-top: 10px;
    min-width: 240px;
}

.empRecoin .empRecoCvr {
    padding-bottom: 0px;
}

.empRecoin .emplHeil strong {
    font-weight: 700;
}

.empRecoin {
    margin-bottom: 20px;
}

ul.events {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
}

ul.events li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 19%;
    border: 1px solid #ccc;
    padding: 11px;
    border-radius: 10px;
    margin-right: 1%;
    margin-bottom: 15px;
}

.date {
    background: #14abbe;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    width: 50px;
    height: 47px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 13px;
}

.evetDis {
    font-weight: 600;
    line-height: 17px;
}

.inner ul.empDisList {
    justify-content: flex-start;
    flex-flow: row wrap;
}

.inner ul.empDisList li {
    width: 32.5%;
    margin-right: 1%;
}

ul.empDisList.offerin li .emDisCont {
    width: 100%;
}

ul.empDisList.offerin .embDisImg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.inner ul.empDisList li:nth-child(3n) {
    margin-right: 0px;
}

.wellwish .empReco {
    border: 1px solid #1bafc1;
    padding-bottom: 20px;
    position: relative;
}

.empReco:hover .empRecoHvr {
    top: 0px;
}

.empRecoHvr {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    color:#fff;
    top: 100%;
    left: 0px;
    background: #1bafc1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    text-align: left;
}

.empRecoHvr ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.empRecoHvr ul li {
    color: #fff;
    border-bottom: 1px solid #1bafc2;
    padding: 5px 0px;
    width: 100%;
}

.empRecoHvr ul li span {
    font-weight: 700;
    ;
    /* display: block; */
    width: 100%;
}

.wellwish .empName {
    text-transform: initial;
    min-height: 105px;
}

.wellwish .emplHeil {
    width: 100%;
    color: #fff;
    font-weight: 400;
    position: initial;
    margin-top: 10px;
}

.docuHead {
    font-weight: 700;
    display: block;
    margin-bottom: 11px;
}

.docucent a {
    background: #1bafc1;
    padding: 10px 15px;
    display: inline-flex;
    border-radius: 30px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 135px;
}

.docucent a:hover {
    background: #cdd5eb;
    color: #11263C;
}

.docucent a:hover img {
    filter: invert(1) brightness(0);
}

.docucent a img {
    margin-right: 10px;
}

.docucent {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 13px;
    height: 100%
}

.docucentCvr {
    margin-bottom: 15px;
}

.docucent .verticalscroll {
    padding-right: 0px;
    max-height: 136px;
    margin-bottom: 10px;
}

.topTextarea textarea {
    width: 100%;
    padding-left: 10px;
    padding-top: 5px;
    float: left;
    border: 1px solid #ccc;
    min-height: 130px;
    border-radius: 7px 7px 0px 0px;
}

.topTextarea textarea:focus {
    border: 1px solid #ccc !important;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

 ::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

 :-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}

 :-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

.topTextarea textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #666666 !important;
}

.topTextarea textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #666666 !important;
}

.topTextarea textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #666666 !important;
}

.topTextarea textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #666666 !important;
}

.topTextarea .box input.inputfile.inputfile-3 {
    display: none;
}

.topTextarea .box {
    width: 100%;
    padding: 5px 15px;
    color: #666666;
    float: left;
    border: 1px solid #ccc;
    border-top: 0px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topTextarea input[type="submit"] {
    background: #1bafc1;
    border: none;
    width: 80px;
    height: 36px;
    border-radius: 5px;
    color:#fff;
}

.topTextarea input[type="submit"]:hover {
    background: #FFC145;
}

.box label {
    display: flex;
}

.box label img {
    margin-right: 6px;
}

.openspacCvr {
    width: 60%;
    float: left;
    margin-top: 30px;
}

.openspacBox {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 80px;
    margin-bottom: 25px;
}

.openProfPic {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover !important;
}

.openProfPic img {
    height: 60px;
    object-fit: cover;
}

.opeSpHead {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 7px;
}

.opRHead {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 25px;
}

.openImg {
    width: 100%;
    display: inline-block;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 7px;
}

.openspacCvrRIght {
    width: 100%;
    float: left;
    padding-left: 50px;
}

.newsHed {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 13px;
    min-height: 45px;
    display: inline-block;
}

.newsCvr ul.list.newsList li {
    margin-bottom: 30px;
}

.newjounee {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 7px;
}

.newjounee:hover {
    background: #e8eaff;
}

.joineeImg {
    width: 75px;
    height: 75px;
    position: absolute;
    border-radius: 100%;
    overflow: hidden;
    left: 13px;
    top: 50%;
    margin-top: -37.5px;
}

.annouheadjoun {
    font-size: 14px;
    font-weight: 700;
    line-height: 5px;
    margin-bottom: 8px;
}

.newjounee a {
    padding-left: 92px;
    width: 100%;
    display: inline-flex;
    min-height: 75px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.nav-tabs {
    margin-bottom: 30px;
}

.nav-tabs .nav-link {
    color: #11263C;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #11263C;
    font-weight: 700;
}

.joineeImgIn {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.newjouneeIn.row .annouheadjoun {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.newjouneeIn.row .desG {
    font-weight: 600;
    margin-bottom: 10px;
}

.serviceHed {
    text-align: center;
    background: #ff725e;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    line-height: 20px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servCvr {
    margin-bottom: 20px;
}

.servBtc {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0px;
    border-radius: 0px 0px 7px 7px;
    padding: 10px 15px;
}

.serviceHed2 {
    text-transform: uppercase;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 17px;
    width: 100%;
    line-height: 20px;
    padding: 10px;
}

.servBtc p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.servBtc .cntPdv {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 15px;
}

.emDisCont .verticalscroll {
    max-height: 77px;
}

.newsImg {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border-radius: 10px;
    max-height: 280px;
    overflow: hidden;
}

.newsImg.newsDetimg {
    max-height: initial !important;
}

ul.newsList.row p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

ul.newsList.row .col-lg-6 {
    margin-bottom: 25px;
}

.sec04 .owl-carousel.dotstyle.owl-theme.owl-loaded.owl-drag .owl-dots .owl-dot span {
    border: 1px solid #fff;
}

.sec04 .owl-carousel.dotstyle.owl-theme.owl-loaded.owl-drag .owl-dots .owl-dot span:after {
    background: #fff
}

.sec04 .owl-carousel.quoate_month.owl-theme.dotstyle.owl-loaded.owl-drag .owl-nav.disabled+.owl-dots {
    bottom: 8px;
    display: none !important;
}

.fc-view-harness.fc-view-harness-active {
    height: auto !important;
}

.announceImp {
    border: 1px solid #FF634D;
    background: url(../images/announcement-shade.svg) no-repeat right -5px top;
    background-size: 100%;
}

.announceImp .annouhead {
    color: #FF634D;
}

div#announcements-container {
    min-height: 460px;
}

.empDesig {
    padding-bottom: 20px;
}

.achiveDet video {
    margin-top: 30px;
}

.sec05 .col-lg-8 .row {
    height: 100%;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 999999;
    /* makes sure it stays on top */
}

#status {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(../images/taiba_logo.svg);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin: -125px 0 0 -125px;
    /* is width and height divided by two */
}
.ui-widget.ui-widget-content {
     max-height: 300px;
     overflow: auto;}
.pdfNoDwldSc, .pdfDwldSc{
    position: relative;
}
.pdfNoDwldSc:before{
    content: "";
    position: absolute;
    left: 0;
    right: 18px;
    bottom: 0;
    top: 0;
}

.msgRpbx p{margin-bottom: 5px;}
.rplymsg {
    background: url(../images/reply.png) no-repeat left center;
    padding-left: 17px;
    background-size: 13px;
    color: #787676;
    font-size: 12px;
    cursor: pointer;
}
span.rtMsg span {
    font-size: 12px;
}
.rtMsg{width: 100%; word-break: break-all;}
.rtMsg {
    width: 100%;
    display: inline-block;
    padding-left: 20px;
}
.cmdHidmsg{
    display: none;
}
.cmdHidmsg.active {
    display: block !important;
}
@media screen and (max-width: 1281px) {
    .breakHead {
        width: 225px;
    }
	.empRecoin .emplHeil{min-width:130px;font-size: 12px; width:100%}
	.empRecoHvr ul li span{font-size:11px}
	.empName span{font-size:13px}
}

@media screen and (max-width: 1181px) {
    .breakHead {
        width: 240px;
    }
    ul.currentOffers.empDisList li {
        width: 100%;
    }
    .emDisCont {
        width: 90%;
    }
    .testmonials p {
        max-height: 200px;
        overflow: auto;
    }
	
}
@media screen and (max-width: 1024px) {
   .col-lg-3 {
    flex: 0 0 auto;
    width: 50%;
}
.mailLeftCls{width:25%}
.mailRightCls {
    width: 71.6%;
}
.bredCrumb ul{left:28%}
.col-lg-9.sec02Right {
    width: 100%;
}
.sec05 .col-lg-4 {
    width: 50%;
}
.sec05 .col-lg-8 {
    width: 50%;
}
.sec05 .col-lg-5 {
    width: 100%;
}
.sec05 .col-lg-7 {
    width: 100%;
}
.sec02 .col-lg-3 {
    width: 100%; margin-bottom:30px
}
.sec04 .col-lg-4 {
    width: 100%;margin-bottom: 20px;
}
.sec04 .col-lg-8 {
    width: 100%;
}
.sec04 .col-lg-8 .col-lg-5 {
    width: 50%;
}
.sec04 .col-lg-8 .col-lg-7 {
    width: 50%;
}
ul.empDisList li{width:100%;
}
.col-lg-4 {
    width: 50%;
}
ul.events li {
    width: 49%;
}
.inner .col-lg-7,.inner .col-lg-5 {
    width: 100%;
}
.openspacCvr{width:100%}
}
@media screen and (max-width: 980px) {
    .vieMore {
        position: inherit;
        bottom: 0;
        left: 0;
        margin-left: 0;
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }
    .bredCrumb ul {
        left: 33.25%;
    }
    .mailLeftCls {
        width: 30.25%;
    }
    .mailRightCls {
        width: 67.5%;
    }
    .celender {
        padding-bottom: 20px;
    }
    .celender {
        padding-bottom: 50px;
    }
    .sec01Left {
        position: relative;
    }
    .quote {
        margin-top: 20px;
    }
    .col-lg-6.sec01Right {
        margin-bottom: 20px;
    }
    .announcement {
        margin-top: 20px;
    }
    .education {
        margin-top: 20px;
    }
    .sec02 .col-lg-6.sec01Right {
        margin-top: 20px;
    }
    .sec03 .education {
        margin-top: 0px;
    }
    .sec03 .col-lg-4,
    .sec04 .col-lg-4,
    .sec04 .col-lg-5 {
        margin-bottom: 20px;
    }
    .sec04 {
        margin-top: 0px;
    }
    .quickLinks {
        margin-bottom: 20px;
    }
    .sec05 .testmonials {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        float: left;
    }
    .empDisListBxed {
        margin-top: 40px;
        width: 100%;
        float: left;
    }
    .sec06 {
        margin-top: 60px;
        width: 100%;
        float: left;
    }
    .breakHead {
        width: 520px;
        float: left;
    }
}
@media screen and (max-width: 874px) {
.col-lg-3 {
    flex: 0 0 auto;
    width: 100%;}
	.topBarCvr .col-lg-6 {
    width: 50%;
}
.col-lg-4 {
    width: 100%;
}
	}
@media screen and (max-width: 767px) {
    .bredCrumb ul {
        left: 0;
        top: 64px;
        padding-left: 30px;
    }
    .education ul li {
        width: 100%;
    }
    .mailLeftCls {
        width: 100%;
        top: 10px;
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        z-index: 100;
        border-radius: 10px;
        background: #f0f3fa;
    }
    section.mainSec {
        padding: 0px 10px 10px;
    }
    .leftMenu {
        position: fixed;
        z-index: 1000;
        left: -285px;
        height: 98vh;
        max-height: 98vh;
        overflow: auto;
        top: 10px;
        max-width: 280px;
        -moz-transition: all 0.99s ease;
        -o-transition: all 0.99s ease;
        -webkit-transition: all 0.99s ease;
        transition: all 0.99s ease;
    }
    .leftMenu.active {
        left: 0px;
    }
    .mailRightCls {
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .topBarSearch {
        padding: 10px 5px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding-bottom: 5px;
    }
    .topBarSearch form {
        width: 100%;
        min-width: 100%;
        display: block;
    }
    .bredCrumb {
        margin-bottom: 0;
        padding: 0;
        border-radius: 10px;
        height: auto;
    }
    .topBarCvr .col-lg-6 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .topBarRight {
        margin-bottom: 10px;
    }
    .logo {
        margin-bottom: 0px;
    }
    .celender {
        padding-bottom: 20px;
    }
    .sec01Left h1 {
        position: initial;
    }
    .col-lg-6.sec01Right {
        margin-top: 40px;
    }
    .breakingCvr {
        display: flex;
        flex-direction: column;
    }
    .breakHead {
        width: 100%;
    }
    .breakNews {
        padding: 10px;
        width: 100%;
        float: left;
    }
    .topBarCvrBg {
        padding: 50px 0px 20px 0px;
        background: #f0f3fa;
        position: -webkit-relative;
        position: relative;
        z-index: 11;
        width: 100%;
        top: 0px;
    }
    span.menuBtn {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 13px;
        top: 15px;
        background: url(../images/menu.svg) no-repeat center;
        background-size: 30px;
    }
    ul.currentOffers li {
        width: 100%;
    }
    ul.empDisList li {
        width: 100%;
    }
    /* .annouImg{width: 65px; height: 65px;}
.announceCvr{padding: 7px 7px 7px 80px;}
.annouhead{margin-bottom: 5px;} */
    .inner {
        padding: 10px;
    }
    .announceCvr:hover {
        background-size: initial;
    }
    .inner ul.empDisList li {
        width: 100%;
        margin-right: 0% !important;
    }
    .openspacCvrRIght {
        padding-left: 0px;
    }
	ul.events li {
    width: 100%;
}
.topBarCvr .col-lg-6{width:100%}
input.searchField {
    width: 85%;}
}

.quote-img{
    width: 100%;
}

#announcements-container .coming-soon , #currentOffer .coming-soon {
    max-width: 60%;
}
#quote-container .coming-soon , #helpDeskSystemContainer .coming-soon{
    max-width: 75%;
}
#news-container .coming-soon{
    max-width: 35%;
}
#discountContainer .coming-soon {
    max-width: 55%;
}
#quick-links-container .coming-soon{
    max-width: 65%;
}
#testimonialContainer .coming-soon{
    max-width: 84%;
}
.verticalscroll {
    position: relative !important;
    width: 100% !important;
}
.pdf-download .icon{
    color: #525659;
    font-size: 25px;
}