:root {
    --primary: #1fb25a;
    --secondary: #444444;
    --grey: #555555;
    --white: #ffffff;
    --txt-color: #333333;
    --railway: "poppins";
    --btn-color: linear-gradient(
        to right,
        #e90d01 0%,
        #e91e1d 51%,
        #f93137 100%
    );
    --btn-hover: linear-gradient(
        to right,
        #f82f24 0%,
        #ef2b2b 51%,
        #f02c33 100%
    );
    --txt-hover: #a1fcc7;
    --txt-red: #de0b00;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    color: var(--secondary);
    font-family: "poppins", sans-serif !important;
    line-height: 1.5rem;
    font-size: 1rem;
}
a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

.btn {
    border-radius: 1.5rem;
    border: none;
    padding: 0.7rem 1.3rem 0.7rem 1.3rem;
    transition: all 0.3s ease 0s;
    font-size: 0.81rem;
}

.btn:hover,
.btn:active,
.btn:focus {
    background: var(--btn-hover);
    transition: all 0.3s ease 0s;
}

.btn i {
    padding-left: 0.625rem;
}

.btn-primary {
    background-image: linear-gradient(
        to right,
        #de0b00 0%,
        #ea0c00 100%
    ) !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-image: linear-gradient(
        to right,
        #bd0900 0%,
        #b60006 100%
    ) !important;
    transition: all 0.3s ease 0s;
}

.secondary-btn{
    background-image: linear-gradient(
        to right,
        #1fb25a 100%,
        #33cc66 0%
    ) !important;
}

.secondary-btn{
    border-radius: 1.5rem;
    border: none;
    padding: 0.7rem 1.3rem 0.7rem 1.3rem;
    transition: all 0.3s ease 0s;
    font-size: 0.81rem;
    color: var(--white);
}

.secondary-btn a {
    color: var(--white);
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: 500;
}
.secondary-btn:hover,
.secondary-btn:active,
.secondary-btn:focus {
    background-image: linear-gradient(
        to right,
        #0a9441e4 100%,
        #1d813e 0%
    ) !important;
    transition: all 0.3s ease 0s;
}



.readmore-btn {
    text-align: center;
}

.readmore-btn a {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: 500;
}

.readmore-btn .btn {
    border: 1px solid var(--primary);
    margin-top: 2.187rem;
}

.readmore-btn .ncbl-readmore:hover {
    color: #12c05bac;
    transition: 0.3s;
}

.readmore-btn .btn:hover,
.btn:active,
.btn:focus {
    background: #009c3f;
    color: var(--white);
    border-color: #009c3f;
    transition: all 0.3s ease 0s;
}

.read-more i {
    padding-left: 6px;
}

h1 {
    font-size: 1.75rem;
    color: var(--white);
    line-height: 2.37rem;
}

h2 {
    font-size: 1.5rem;
    color: var(--secondary);
    font-weight: 500;
}

h3 {
    font-size: 1.375rem;
    color: var(--secondary);
    font-weight: 500;
    line-height: 1.875rem;
}

h5 {
    font-size: 1.125rem;
    color: var(--secondary);
    font-weight: 500;
    line-height: 1.625rem;
}
p {
    margin-bottom: 25px;
}

.section-padding {
    padding: 40px 0px;
    position: relative;
}

.paragraph-title div {
    color: var(--txt-red);
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 0.75rem;
    text-transform: uppercase;
}
.paragraph-title h2 {
    padding-bottom: 2.125rem;
}

#headerPopup {
    width: 75%;
    margin: 0 auto;
  }

  #headerPopup iframe {
    width: 100%;
    margin: 0 auto;
  }

/* TOP-HEADER----*/
#header-topbar {
    padding: 0.4rem 0;
    background-color: var(--primary);
    color: var(--white);
}

#header-topbar .top-leftmenu ul {
    margin: 0;
    padding: 0;
}

#header-topbar .top-leftmenu ul li {
    float: left;
    display: block;
    margin-right: 1.6rem;
}

.top-leftmenu ul li a:hover {
    color: var(--txt-hover);
    transition: all 0.3s ease 0s;
}

.top-rightmenu ul li a:hover {
    color: var(--txt-hover);
    transition: all 0.3s ease 0s;
}

/* .top-leftmenu{
    margin-top: 4px;

} */

.top-leftmenu li a {
    color: var(--white);
    font-size: 0.85rem;
}

.top-rightmenu li a {
    color: var(--white);
    font-size: 0.85rem;
}

#header-topbar .top-rightmenu ul li {
    display: inline-block;
    margin-left: 1.8rem;
    font-size: 0.85rem;
}

.top-rightmenu ul li i {
    font-size: 0.85rem;
    margin-right: 0.7rem;
    font-weight: 500;
}

.top-rightmenu {
    display: flex;
    justify-content: end;
}

.searchmenu-line {
    /* border-right:1px solid #d5d4d4;
    border-left:1px solid  #d5d4d4;
    font-size: 0.85rem;
    padding: 0rem 1.28rem;
    margin-left: 1.7rem;  */
}

.rightmenu-bar {
    position: relative;
}

.searchmenu-line a {
    color: var(--white);
    position: relative;
    font-size: 0.85rem;
    margin-right: 1.8rem;
}

.right-line:before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 16px;
    background: #d5d4d4;
    right: -21px;
    top: 5px;
}

.search-btn:after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 16px;
    background: #d5d4d4;
    right: -17px;
    top: 2px;
}

.usefulmenu-line:after {
    content: "";
    position: absolute;
    display: none;
    width: 1px;
    height: 16px;
    background: #d5d4d4;
    right: -16px;
    top: 6px;
}

.searchmenu-line i {
    margin-right: 0.2rem;
}

.searchmenu-line a:hover {
    color: var(--txt-hover);
}

/* Top-header--usefulmenu */
.usefulmenu-line {
    font-size: 0.8rem;
    position: relative;
}

.usefulmenu-line a {
    color: var(--white);
    position: relative;
    top: 0.07rem;
}

.usefulmenu-line .navik-menu ul li {
    margin-left: 0rem !important;
}

.usefulmenu-line .navik-menu {
    margin-bottom: -4.06rem;
}

.usefulmenu-line .navik-menu li > ul {
    top: 26px;
}

.usefulmenu-line .navik-menu > ul > li > a {
    top: -31px;
}

.usefulmenu-line .navik-menu li > ul {
    z-index: 999999;
}

.usefulmenu-line .navik-menu > ul > li > a {
    padding: 0 2px;
    color: var(--white);
    font-size: 0.85rem;
    font-weight: 400;
}

.usefulmenu-line .navik-menu ul li.dropdown_menu > a > span::before {
    border-color: var(--white) !important;
    margin-left: 5px;
}

.usefulmenu-line .navik-menu > ul > li > a:hover {
    color: var(--txt-hover);
}

/* Top-header--usefulmenu-- end */

#header-topbar .lan-switch-dropdown select {
    background: var(--primary);
}

.lan-switch-dropdown select {
    color: var(--white);
    border: 0;
    background: none;
}

.lan-switch-dropdown select:hover {
    color: var(--txt-hover);
}
.right-corner {
    display: flex;
    margin-left: 40px;
}

/* TOP-HEADER-END---*/

/* ---NAVIK-HEADER--*/
.navik-header.sticky {
    margin-top: -44px !important;
}

.navik-menu {
    display: flex;
}

.e-Banking-btn {
    margin: 1.4rem 0rem 0rem 1rem;
    float: right;
}

.e-Banking-btn .bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    vertical-align: -0.23em;
}
.e-Banking-btn .btn i {
    background: #fff;
    padding: 0.15rem 0.45rem 0.4rem 0.45rem;
    border-radius: 50%;
    color: #ed1c24;
    margin-left: 0.5rem;
    font-size: 1rem;
    line-height: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.navik-header {
    box-shadow: 0px 6px 7px #00000008 !important;
}
.header-shadow-wrapper {
    display: none;
}

/* ---NAVIK-HEADER--End */

/* SIDE-CONTENT */
.sidecontent-wrapper {
    width: 30px;
    z-index: 99;
    position: fixed;
    left: -34px;
    top: 100px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.officers{
    margin-top:200px;
    z-index: 6;
}

.sidecontent-wrapper .officers .sidebtn {
    padding: 0.75rem;
    color: #fff;
    float: right;
    border-radius: 0 0 10px 10px;
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center;
}

.officers .sidebtn {
    background-color: #009c3f;
    width: 140px;
    right: -94px;
    top: 160px;
}

/* .officers:hover .sidebtn {
    top: 90px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}  */


.sidecontent-wrapper.officers:hover{
  z-index: 10;
}

.officers.officersnepali-class .sidecontent {
    width: 365px;
    height:  264px;
    overflow: scroll;
    overflow-x: hidden;
}

.sidecontent-wrapper.quicklinks:hover {
    width: 290px;
}

.sidecontent-wrapper:hover {
    width: 350px;
    height: 350px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sidecontent-wrapper .sidebtn {
    padding: 0.75rem;
    color: #fff;
    float: right;
    border-radius: 0 0 10px 10px;
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* top: 123px; */
    text-align: center;
}
.sidecontent-wrapper .sidebtn i {
    margin-left: 4px;
}

.sidecontent-wrapper .sidecontent {
    float: right;
    background: white;
    width: 320px;
    min-height: 260px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    margin-top: -5px;
    border-bottom-right-radius: 10px;
}

.sidecontent-wrapper .sidecontent ul {
    margin: 0;
    padding: 0;
}

.sidecontent-wrapper .sidecontent ul li {
    display: block;
    padding: 0.5rem 1.5rem;
    border-bottom: 1px solid #eee;
}

.sidecontent-wrapper .sidecontent ul li:last-child {
    border-bottom: none;
}

.sidecontent-wrapper .sidecontent ul li a {
    display: block;
    color: var(--txt-color);
    font-size: 0.87rem;
    padding-left: 4px;
}

.sidecontent-wrapper .sidecontent ul li a:hover {
    color: var(--primary);
    transition: all 0.3s ease 0s;
}

.sidecontent .higher-official {
    margin-bottom: 0;
}

.sidecontent-wrapper .sidecontent .higher-official ul li {
    padding-bottom: 0;
    margin-bottom: -8px;
    padding-right: 4px;
}


/* quicklinks-side-content-*/

/* .quicklinks  .sidecontent{

    width: 280px;
    min-height: 200px;
    margin-right: 37px;
 } */

.quicklinks {
    margin-top: 4px;
    z-index: 9;
}

.quicklinks .sidebtn {
    background-image: linear-gradient(
        to right,
        #e90d01 0%,
        #e91e1d 51%,
        #f93137 100%
    );
    width: 140px;
    right: -94px;
    top: 89px;
}

.quicklinks .sidecontent {
    width: 260px;
}

/* quicklinks-side-content-end */

/* notice-side-content-*/

.notice .sidebtn {
    background-color: var(--primary);
    width: 115px;
    right: -81px;
    top: 76px;
}
.notice {
    margin-top: 150px;
    z-index: 8;
}

.notice-list li i {
    color: #999999;
    font-size: 0.81rem;
    padding-right: 0.25rem;
}

.notice-list span {
    color: #999999;
    text-transform: uppercase;
    font-size: 0.84rem;
}

/* notice-side-content-end*/

/* officers-side-content-*/
/*
.officers .sidebtn {
    background-color: #009c3f;
    padding: 13px 10px 15px 10px;
    font-size: 15px;
    color: #fff;
    float: left;
    border-radius: 0px 0px 10px 10px;
    position: relative;
    left: -6px;
    width: 120px;
    transform: rotate(-90deg);
    top: 366px;
    text-align: center;
}
.officers {
    top: 60px;
    z-index: 6;
}

.officers.officersnepali-class .sidecontent {
    width: 365px;
    height:  264px;
    overflow: scroll;
    overflow-x: hidden;
} */


.sidecontent-wrapper.officers:hover {
    width: 380px;
    transition: all 0.3s ease 0s;
}

.sidecontent .higher-official {
    padding-left: 12px;
    padding-top: 5px;
    margin-bottom: -4px;
}

.sidecontent .higher-official .officalteam-list li {
    padding-left: 0;
    border-bottom: 0;
}

.sidecontent .higher-official-details {
    padding-left: 0;
    margin-top: 5px;
}

.sidecontent .higher-official-details ul li {
    padding: 0px;
    font-size: 0.75rem;
    display: flex;
}


.sidecontent .higher-official-details ul li a {
    font-size:0.75rem;
}

.sidecontent .higher-official-details .cooperative-team {
    font-size: 0.75rem;
    display: block;
}

.officalteam-list .team-designation {
    color: var(--secondary);
    font-weight: 500;
    display: block;
}

.higher-official ul li img {
    aspect-ratio: 1/1;
    width: 85%;
    object-fit: cover;
}

.sidecontent-wrapper.officers .sidecontent {
    margin-top: -56px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
}


/* officers-side-content-end */

/* ---BANNER--- */

#slideshow {
    margin-top: 1.25rem;
    overflow: hidden;
}
#slideshow .container {
    position: relative;
}

#slideshow .carousel-inner .carousel-item img {
    height: 360px;
    object-fit: cover;
}


  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}


#slideshow .carousel-control-next {
    border: 1px solid var(--primary);
    height: 2.3rem;
    width: 2.3rem;
    border-radius: 4px;
}
#slideshow .carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 2.3rem;
    width: 2.3rem;
    background-size: 55% 55%;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 4px;
}


/* #slideshow .carousel-control-prev{
    left:68.1rem;
} */

#slideshow .carousel-control-next {
    opacity: inherit !important;
    bottom: 2rem;
    right: 2.5rem;
}
#slideshow .carousel-control-prev {
    opacity: inherit !important;
    bottom: 2rem;
    right: 1rem;
}

#slideshow .carousel-control-prev-icon {
    border: 1px solid var(--primary);
    border-radius: 4px;
}

#slideshow .carousel-control-prev-icon:hover {
    background-color: var(--primary);
    border: none;
}
#slideshow .carousel-control-next:hover {
    background-color: var(--primary);
    border: none;
}

#slideshow .slidecaptionwrapper {
    position: absolute;
    background-color: #00150b8c;
    padding: 5rem 1.56rem 1.56rem;
    border-radius: 0.6rem 0 0 0.6rem;
    width: 500px;
    height: 100%;
}

#slideshow .slidecaptionwrapper .slidecaption {
    z-index: 3;
    position: absolute;
    bottom: 45px;
}

#slideshow .slidecaptionwrapper .slidecaption h1 {
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#slideshow .slidecaptionwrapper .slidecaption p {
    color: var(--white);
    margin-bottom: 0;
}

#slideshow .slidecaption .readmore-btn .btn {
    margin-top: 1.56rem;
    border: 0;
    color: var(--white);
}

.slidecaption .readmore-btn {
    text-align: left;
}

#slideshow .carousel-indicators [data-bs-target] {
    display: none;
}

.homeslide-bg {
    width: 110%;
}

.bgimg-home {
    position: absolute;
    z-index: -1;
    top: 0px;
    width: 100%;
}

.topheader-link {
    display: none !important;
}

/* ---Banner-End */

/* service */

#service {
    padding-top: 45px;
}

#service .nav-tabs {
    display: flex;
    justify-content: space-around;
    margin: 0px 70px 30px 70px;
}
#service .nav-item img {
    width: 3.4375rem;
    margin-bottom: 2px;
}

#service .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0;
    background: 0;
}

#service .nav-tabs .nav-link {
    border: 0;
    border-bottom: 3px solid #ffffff00;
}
#service .nav-link {
    color: var(--secondary);
    border-bottom: 3px solid var(--white);
    margin-bottom: 0px;
}
#service .nav-link div {
    padding-bottom: 1.5rem;
}

#service .nav-link:hover {
    color: var(--primary);
    transition: all 0.3s ease 0s;
}

#service .nav-tabs .nav-link:hover {
    color: var(--primary);
    border-bottom: 3px solid var(--primary);
    transition: all 0.3s ease 0s;
}
#service .nav-tabs .nav-link.active {
    color: var(--primary);
    border-bottom: 3px solid var(--primary);
    transition: all 0.3s ease 0s;
}

#service .tab-pane {
    color: #555555;
    text-align: center;
    font-size: 16px !important;
    width: 85%;
    margin: auto;
}

.services-block {
    text-align: center;
}

.service-items div {
    color: var(--secondary);
    padding-bottom: 1.62rem;
    border-bottom: 3px solid var(--white);
}

.service-items div:hover {
    color: var(--primary);
    border-bottom: 3px solid var(--primary);
    transition: 0.3s;
}

/* .belowservice-line{
    border-bottom: 1px solid #D9D9D9;
    margin-bottom:30px;
}

.services-block p{
    color:#555555;
    text-align: center;
} */

/* service-End */

#cooperative .cooperative-text {
    text-align: center;
    margin: auto;
    width: 60%;
    margin-bottom: 1.876rem;
}
#cooperative .cooperative-text span {
    color: #de0b00;
    font-weight: 600;
    text-decoration: underline;
}

.award {
    display: flex;
}
.our-award img {
    display: block;
    margin-right: 0.75rem;
}

.award-yrs {
    font-size: 1.37rem;
    color: var(--secondary);
    font-weight: 700;
    padding-bottom: 0.5rem;
}
/*
.bank-award{
    margin-left:18px;
} */

.highest-award {
    font-size: 1rem;
    color: #555555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 1.875rem;
}
.cooperative-details {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    text-align: center;
    padding: 20px 0px 16px 0px;
}

.cooperative-details h5 {
    font-size: 1.25rem;
    color: var(--primary);
    font-weight: 500;
    padding-bottom: 8px;
}

.cooperative-details div {
    color: #555555;
}

.cooperative-block {
    /* margin: 0px 80px; */
    display: flex;
    justify-content: center;
}

/* promotion */
.partnerpromotion {
    background-color: #999999 !important;
}

#promotion .owl-carousel .owl-item img {
    filter: grayscale(100%);
}

#promotion .owl-carousel .owl-item img:hover {
    filter: none;
}

/* promotion--end */



/* newsandevents--- */
#newsandevents {
    background: #f7f8f9;
    padding: 60px 0;
    margin: 10px 0;
}

#newsandevents .vertical-tabs {
    border: 1px solid #d9d9d9;
    display: flex;
    border-radius: 10px;
    overflow: auto;
    background: #fff;
    min-height: 308px;
}

#newsandevents .vertical-tabs ul.list li {
    margin-bottom: 1rem;
}

#newsandevents .vertical-tabs ul.list li .title {
    max-height: 3.3rem;
    overflow: hidden;
}

#newsandevents .vertical-tabs ul.list li a {
    color: var(--txt-color);
    font-size: 1rem;
}

#newsandevents .vertical-tabs ul.list li a:hover {
    color: var(--primary);
    border-right: 0;
    transition: all 0.3s ease 0s;
}

#newsandevents .vertical-tabs ul.list li {
    color: #999;
}

#newsandevents .side-ad img {
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.list li i {
    color: #999999;
    font-size: 0.81rem;
    padding-right: 0.25rem;
}

.list span {
    color: #999999;
    text-transform: uppercase;
    font-size: 0.84rem;
}

/* newsandevents-end-- */

/* higher-official */

.higher-official {
    display: flex;
    margin-bottom: 1.25rem;
}

.higher-official-details .cooperative-team {
    color: var(--primary);
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.higher-official-details {
    padding-left: 25px;
}

.nationa-Cooperative {
    border: 1px solid #d9d9d9;
    border-radius: 0.625rem;
    padding: 1.625rem 1.625rem 0;
    background: #fff;
}

.officalteam-list li {
    padding-bottom: 0.312rem;
    font-size: 0.937rem;
}

.right-section {
    padding-left: 1.57rem;
}

/* higher-official---end */

/* training-- */

.updates-time span {
    color: #909297;
    font-size: 0.75rem;
    text-transform: uppercase;
}
.updates-time a.traning-category {
    color: #909297;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.updates-time .training-line {
    border-left: 1px solid #999999;
    margin: 0rem 0.7rem;
    font-size: 7px;
}

.training-updates {
    display: block;
}

.training-updates {
    margin-bottom: 8px;
}

.updates-time a:hover {
    color: var(--txtgreen-hover);
    transition: all 0.3s ease 0s;
}

.updates-time {
    border: 1px solid var(--white);
    background-color: var(--white);
    box-shadow: 0px 2px 15px #07070720;
    padding: 20px;
    margin: 10px;
    border-radius: 10px;
}

.updates-time .readmore-btn {
    text-align: left;
}

.training-title {
    padding-top: 0.5rem;
    font-size: 18px;
    font-weight: 500;
    color: var(--secondary);
    height: 60px;
    overflow: hidden;
    margin-bottom: 0.625rem;
}

.training-title a {
    color: var(--txt-color);
}

.officalteam-list li {
    color: var(--secondary);
}

.officalteam-list a {
    color: var(--secondary);
}

.training-title a:hover,
.training-title a:focus,
.training-title a:active {
    color: var(--primary);
    transition: all 0.3s ease 0s;
}

.owl-theme .owl-dots {
    display: none;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    display: none;
}

/* .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    display: none;
} */

/* .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color:var(--green)!important;
} */

/* .owl-theme .owl-dots .owl-dot span {
    width: 26px !important;
    height: 5px !important;
    border-radius: 0 !important;

} */

#training .owl-theme .owl-nav {
    position: absolute;
    display: block;
    right: 0px;
    top: -4.5rem;
    margin-top: 0px;
}
#training .owl-theme .owl-nav:hover .owl-next {
    background-color: none !important;
}

#training .owl-prev {
    height: 40px;
    width: 40px;
    opacity: 1;
    background-image: url(../images/arrow-left.svg);
    background-repeat: no-repeat;
    font-size: 0;
    background-size: 40px;
    cursor: pointer;
    opacity: 0.5;
}
#training .owl-next {
    height: 40px;
    width: 40px;
    opacity: 1;
    background-image: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    font-size: 0;
    background-size: 40px;
    cursor: pointer;
    opacity: 0.5;
}
#training .owl-prev:hover,
#training .owl-prev:focus,
#training .owl-prev:active,
#training .owl-next:hover,
#training .owl-next:focus,
#training .owl-next:active {
    opacity: 1;
    background-color: var(--white);
}

/* ---training-end--- */

.over-npl {
    position: relative;
    border: 1px solid var(--white);
    background-color: var(--white);
    box-shadow: 0px 2px 15px #07070720;
    padding: 28px 20px 20px 20px;
    margin: 1rem 0.5rem;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
}

#statistic .over-npl:hover {
    transform:  translate(0, -10px);
    /* animation-fill-mode: none  !important; */
    box-shadow: 0px 2px 15px #20202020;
}

.statistic-bg {
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
}

.statistic-bg {
    float: right;
}

.member-details {
    font-size: 0.875rem;
    text-align: center;
    color: var(--secondary);

    line-height: 18px;
}

.over-npl .count {
    font-size: 36px;
    color: var(--primary);
    padding-bottom: 1rem;
    font-weight: 500;
    text-align: center;
}

#statistic .owl-theme .owl-nav {
    position: absolute;
    display: block;
    right: 0px;
    top: -4.5rem;
    margin-top: 0px;
}
#statistic .owl-theme .owl-nav:hover .owl-next {
    background-color: none !important;
}

#statistic .owl-prev {
    height: 40px;
    width: 40px;
    opacity: 1;
    background-image: url(../images/arrow-left.svg);
    background-repeat: no-repeat;
    font-size: 0;
    background-size: 40px;
    cursor: pointer;
    opacity: 0.5;
    background-color: #fff;
}
#statistic .owl-next {
    height: 40px;
    width: 40px;
    opacity: 1;
    background-image: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    font-size: 0;
    background-size: 40px;
    cursor: pointer;
    opacity: 0.5;
}
#statistic.owl-prev:hover,
#statistic .owl-prev:focus,
#statistic .owl-prev:active,
#statistic .owl-next:hover,
#statistic .owl-next:focus,
#statistic .owl-next:active {
    opacity: 1;
    background-color: var(--white);
}

#statistic {
    position: relative;
}

/* FOOTER */
#footer {
    padding-top: 10px;
    background-color: #f6f6f6;
}

#footer h5 {
    padding-bottom: 1.375rem;
}
#footer p {
    font-size: 0.875rem;
    color: #666666;
}

.our-footer h2 {
    font-size: 22px;
    font-weight: 600;
}

#footer .readmore-btn {
    text-align: left;
}

.footer-details h6 {
    font-size: 17px;
    color: var(--white);
    font-weight: 600;
    padding: 35px 0 15px;
}

.contact-details {
    display: flex;
    margin-bottom: 20px;
}
.contact-details a {
    color: #666666;
    font-size: 0.875rem;
}

.quick-links {
    list-style: disc;
    color: var(--primary);
    margin-left: 20px;
}
.quick-links li {
    padding-bottom: 10px;
}

.contact-info div {
    color: #666666;
    font-size: 0.875rem;
}
.contact-info span {
    font-weight: 500;
    font-size: 0.875rem;
}

.quick-links a {
    line-height: 28px;
    list-style: disc;
    color: #666666;
    font-size: 0.875rem;
}

.quick-links a:hover {
    color: var(--primary);
    transition: 0.3s;
}

.quick-link {
    font-size: 14px;
}

.social-network ul li a {
    font-size: 18px;
    display: block;
    margin: 30px 20px 0px 0px;
    color: #999999;
}

.social-icon li {
    display: inline-block;
}

.social-icon i:hover {
    color: var(--primary);
}

.contact-icon span i {
    border: 1px solid var(--primary);
    height: 35px;
    width: 35px;
    border-radius: 50%;
    color: var(--primary);
    text-align: center;
    line-height: 2;
    margin-right: 14px;
}

.contact-details a:hover {
    color: var(--primary);
}

#footer .readmore-btn .btn {
    margin-top: 0rem;
}

/* -----FOOTER---END */

/* below-footer---*/

.copyright span {
    color: #666666;
    font-size: 13px;
}

.link {
    text-align: right;
}

.link span {
    color: #666666;
    font-size: 13px;
}

.link span a {
    color: #666666;
}
.link span a {
    text-decoration: underline;
}

.link span a:hover {
    color: var(--primary);
}

.below-footer {
    padding-bottom: 28px;
}

.footerline {
    border-bottom: 1px solid #d9d9d9;
    margin: 30px 0px 28px 0px;
}
/* below-footer-- END-*/

/* waves */
.waveheader {
    position: relative;
    text-align: center;
    color: white;
}
.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

/* Animation */
.parallax > use {
    animation: move-forever 50s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    fill: #f6f6f6;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 14s;
    fill: #f1f1f1;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 20s;
    fill: #ebebeb;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
}

/* Waves end */



/* Search  */
.searchwrapper,
.search-data {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.searchwrapper {
    position: fixed;
    height: 0px;
    width: 0px;
    background: #001e0cbf;
    transition: all 0.4s linear;
    z-index: 999999;
}
.searchwrapper.active {
    height: 100vh;
    width: 100vw;
}

.search-data {
    position: absolute;
    height: 50px;
    width: 550px;
    display: flex;
    text-align: center;
    /* display: none;  */
}
.search-data input {
    height: 100%;
    width: 100%;
    background: none;
    border: none;
    outline: none;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}
.search-data .line {
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    bottom: 0;
    transform: scaleX(0);
    transition: transform 0.4s 0.3s linear;
}
.search-data .line.active {
    transform: scaleX(1);
}
.search-data label {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    color: rgba(255, 255, 255, 0.7);
}
.search-data input:valid ~ label {
    opacity: 0;
}
.search-data span {
    color: #fff;
    position: absolute;
    width: 50px;
    font-size: 25px;
    right: 0;
    top: 0;
    line-height: 45px;
    cursor: pointer;
}
.close-btn {
    position: fixed;
    z-index: 9999999;
    right: 25px;
    top: 25px;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
}
.search-data,
.search-data span,
.search-data label,
.close-btn {
    display: none;
}

/* Search  */

.ncbl-readmore i {
    margin-left: 3px;
}

.animate-y {
    -webkit-animation-name: animate-y;
    animation-name: animate-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes animate-y {
    0% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(-20px);
    }
}

.animate-y2 {
    -webkit-animation-name: animate-y2;
    animation-name: animate-y2;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes animate-y2 {
    0% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(-20px);
    }
}

.animate-y3 {
    -webkit-animation-name: animate-y3;
    animation-name: animate-y3;
    -webkit-animation-duration: 4s;
    animation-duration: 4.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes animate-y3 {
    0% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(-20px);
    }
}

.service-shape1 {
    position: absolute;
    right: 60px;
    transform: rotate(-40deg);
}
.service-shape2 {
    position: absolute;
    left: 60px;
    transform: rotate(-40deg);
}
.slideshow-shape2 {
    position: absolute;
    left: 60px;
    transform: rotate(-40deg);
    bottom: 60px;
}
.cooperative-shape1 {
    position: absolute;
    left: 0px;
    transform: rotate(-40deg);
    bottom: 60px;
}

.statistic-shape1 {
    position: absolute;
    right: 60px;
    transform: rotate(-40deg);
    bottom: 0;
}

.about-shape1 {
    position: absolute;
    left: 60px;
    transform: rotate(-40deg);
}

.footer-shape1 {
    position: absolute;
    left: 60px;
    transform: rotate(-40deg);
}

/* animation speed */
.s1 {
    --animate-duration: 0.5s;
}
.s2 {
    --animate-duration: 1s;
}
.s3 {
    --animate-duration: 1.5s;
}
.s4 {
    --animate-duration: 2s;
}
.s5 {
    --animate-duration: 2.5s;
}
/* animation speed */

.officers .sidecontent::-webkit-scrollbar {
    width: 0.4em;
}

.officers .sidecontent::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.officers .sidecontent::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

/* .navik-menu > ul> li> a {
    padding: 0 12px!important;
} */



/* Innerpage start */

/* About-us inner-page-- */
#pagetitle {
    background-color: #f6f6f6;
}

#pagetitle ul li {
    display: inline-block;
    padding: 18px 0px 18px;
}

#pagetitle ul {
    font-size: 15px;
}

#pagetitle ul li i {
    margin: 0 16px;
    font-size: 10px;
    color: var(--secondary);
}

#pagetitle ul li a {
    color: var(--primary);
}

#inner-contanier {
    margin-bottom: 60px;
    padding-top: 50px;
    text-align: justify;
}

#inner-contanier h1 {
    font-size: 28px;
    color: var(--primary);
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 25px;
}
#inner-contanier h2 {
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 18px;
    font-size: 22px;
}

#inner-contanier .rightsection {
    padding-right: 35px;
}

.ncbl-paragraph {
    line-height: 28px;
    color: var(--secondary);
    font-size: 15px;
}

.ncbl-paragraph img{
   border-radius:10px;
   margin-bottom: 25px;
}

ul.cont-list {
    margin-bottom: 22px;
}

.below-border {
    display: none;
}

.cont-list li {
    color: var(--secondary);
    line-height: 28px;
    font-weight: 400;
    list-style: none;
    position: relative;
    padding: 0px 0px 10px 18px;
    font-size: 16px;
}

ul.cont-list li::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    border: 2px solid var(--primary);
    width: 8px;
    height: 8px;
    border-radius: 50px;
}
#inner-contanier .list {
    border-bottom: 1px solid #dedede;
    /* padding-bottom: 15px; */
}
#inner-contanier .list li {
    padding-bottom: 0.8rem;
}

#inner-contanier .list li a {
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#inner-contanier .list li a:hover {
    color: var(--primary);
    transition: all 0.3s ease 0s;
}

.rightside-block {
    margin-bottom: 30px;
}

.usefulink-block {
    background-color: #f5f5f5;
    border-radius: 5px;
    display: block;
    padding: 14px 14px;
}
.usefulink-block:hover {
    background-color: #f1f0f0;
    border-radius: 5px;
    display: block;
    padding: 14px 14px;
}
.usefullink-circle li {
    position: relative;
}

ul.usefullink-circle li::after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    right: 16px;
    background-color: #c5c5c5;
    width: 8px;
    height: 8px;
    border-radius: 50px;
}
ul.usefullink-circle li:hover::after {
    background-color: var(--primary);
}
#inner-contanier .owl-theme .owl-dots {
    text-align: right;
}
#inner-contanier .owl-theme .owl-dots {
    display: block;
    position: absolute;
    right: 8px;
    bottom: 12px;
    z-index: 4;
}

#inner-contanier .owl-theme .owl-dots .owl-dot {
    display: block;
}

#inner-contanier .owl-theme .owl-nav {
    display: none;
}

#inner-contanier .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
}

#inner-contanier .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    display: block;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--white);
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #999999;
    margin-bottom: 4px;
}

.innertraining-block {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.national-training {
    position: absolute;
    display: block;
    bottom: 0;
    padding: 20px;
    z-index: 5;
    background: linear-gradient(to top, black, transparent);
}
.national-training:hover {
    text-decoration: underline;
}
.innertraining-block a {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

/* About-us inner-page- end- */

/* Contact-us inner-page- end- */
#inner-contanier .contact-icon span i {
    height: 50px;
    width: 50px;
    line-height: 2.5;
    font-size: 20px;
}

#inner-contanier .contactrightside-block p {
    padding-bottom: 25px;
    color: var(--secondary);
}

#inner-contanier .contact-details {
    margin-bottom: 24px;
}

#inner-contanier .contact-info span {
    font-size: 16px;
}
#inner-contanier .contact-info div {
    font-size: 16px;
}

#inner-contanier .contact-below {
    border: 1px solid #dedede;
    margin: 10px 0px 30px;
}

.contact-form {
    margin-top: 6px;
}

.form-floating > label {
    color: var(--secondary);
    font-size: 15px;
    padding: 1rem;
}
.form-control {
    color: var(--bs-body-color);
    background-color: #f1f1f1;
    border: 0;
}


#inner-contanier .readmore-btn .btn {
    margin-top: 0px;
    border: 0;
    color: var(--white);
    min-width: 110px;
}
#inner-contanier .readmore-btn {
    text-align: left;
}

.mb-4 {
    margin-bottom: 1.25rem !important;
}

.map iframe {
    width: 100% !important;
    height: 800px !important;
    border: 0;
}
.form-floating > .msg-txt.form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 8rem;
    resize: none;
}

/* Contact-us inner-page- end- */

/* Newslist inner-page- end- */
.newslist-block {
    border: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    display: block;
    color: var(--secondary);
    border-radius: 8px;
    /* box-shadow: 0px 4px 20px 0px #07070715; */
    margin-bottom: 20px;
    padding: 18px;
}
.newslist-block:hover {
    border: 1px solid #c1c1c1;
    background-color: #ededed;
}

#inner-contanier .news-listing .list {
    padding-bottom: 18px;
}

#inner-contanier .news-listing .list li {
    padding-bottom: 0px;
}

.pagination {
    margin-top: 35px;
}

.page-link {
    color: #333333;
    font-weight: 500;
    font-size: 16px;
    margin-right: 12px;
    border-radius: 5px;
    padding: 8px 15px;
}
.page-item.active .page-link {
    background-color: var(--primary);
    color: var(--white);
    border: 0;
}
.page-link:hover {
    color: var(--primary);
}

.page-item:first-child .page-link {
    border-radius: 5px;
}

.page-item:not(:first-child) .page-link {
    border-radius: 5px;
}

/* News-list inner-page- end- */

/* News-details inner-page- end- */

.news-details p {
    padding-bottom: 20px;
    line-height: 28px;
    color: var(--secondary);
    font-size: 16px;
}

.ncbl-paragraph .news-paragraph {
    padding: 0px 0px 25px;
}
.date-box {
    position: relative;
    color: var(--white);
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
}
.date-box span {
    background: var(--primary);
    content: "";
    display: block;
    position: absolute;
    bottom: 26px;
    left: 26px;
    padding: 14px 16px;
    border-radius: 5px;
}
.date-box span i {
    padding-right: 6px;
}
/* News-details inner-page- end- */

/* Board of directors--- */
.board-directors {
    margin-top: 38px;
}

.management-team img {
    width: 100%;
}
.management-team {
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    padding: 5px 5px 5px 5px;
    width: 170px;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 5px;
}
.card-body {
    text-align: center;
}
.card-body .mang-title {
    font-size: 19px;
    color: var(--primary);
    font-weight: 600;
}
.card-body .mang-designation {
    font-size: 17px;
    font-weight: 500;
}
.card-body li {
    padding-bottom: 5px;
    color: var(--secondary);
    font-size: 15px;
    margin: 0 35px;
}
/* Board of directors-End-- */

/* Downloads-- */


  .download-table {
    width: 100%;
  }
  .download-table tr th {
    background: var(--red);
    padding: 10px 10px;
    color: #fff;
    text-align: center;
  }
  .download-table tr th:first-child {
    text-align: left;
    width: 60%;
    padding: 10px 10px 10px 15px;
  }
  .download-table tr td {
    background: #fbfbfb;
    padding: 10px 10px;
    color: var(--lightgray);
    text-align: center;
    line-height: 20px;
  }
  .download-table tr td a {
    color: var(--lightgray);
  }
  .download-table tr td a:hover {
    color: var(--red);
  }
  .download-table tr:nth-child(odd) td {
    background: #f5f5f5;
    line-height: 20px;
  }
  .download-table tr td:first-child {
    text-align: left;
    line-height: 20px;
    padding: 10px 10px 10px 15px;
  }
  .filetype {
    background: #eaeaea;
    padding: 3px;
    border-radius: 50px;
  }
.download-block {
    border: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    display: block;
    color: var(--secondary);
    border-radius: 8px;
    /* box-shadow: 0px 4px 20px 0px #07070715; */
    margin-bottom: 20px;
    padding: 18px;
}
.download-block:hover {
    border: 1px solid #c1c1c1;
    background-color: #ededed;
}
#inner-contanier .download-block .list li a {
    color: #333333;
    height: 50px;
    overflow: hidden;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}
#inner-contanier .download-block .list {
    border-bottom: 0;
    /* padding-bottom: 0px; */
}

#inner-contanier .download-block ul li {
    padding: 0px;
}
#inner-contanier .download-block .download-pdf {
    color: var(--txt-red);
    font-weight: 600;
    font-size: 14px;
}
#inner-contanier .download-block .download-pdf:hover {
    color: var(--txt-red);
    text-decoration: underline;
    transition: all 0.3s ease 0s;
}
#inner-contanier .download-block .download-word {
    color: #1c56b8;
    font-weight: 600;
    font-size: 14px;
}
/* #inner-contanier .download-block .download-word:hover {
    color: #1c56b8;
    text-decoration: underline;
    transition: all 0.3s ease 0s;
} */
#inner-contanier .download-block .download-file {
    padding-top: 8px;
    font-size: 14px;
    font-weight: 600;
}
#inner-contanier .download-block .download-file a {
    padding-right: 16px;

}

.download-image{
    color:var(--txt-red);
    font-weight: 600;
    font-size: 14px;
}

.download-image:hover{
   border-bottom: 1px solid var(--txt-red);
    transition: all 0.3s ease 0s;
}

.download-word{
    color:#1B5EBE;
}

.download-word:hover{
    border-bottom: 1px solid #1B5EBE;
    transition: all 0.3s ease 0s;
}

.download-excel{
    color:var(--primary);

}

.download-excel:hover{
    border-bottom: 1px solid var(--primary);
    transition: all 0.3s ease 0s;
}

.rightsection .download-block ul li::after {
   display:none;

}

.rightsection .pagination li::after {
    display:none;
    padding: 0px;

 }

 .rightsection .branch-blocks ul li::after {
    display:none;

 }


 .rightsection .job-applynow  li::after {
    display:none;

 }

 .rightsection .list-group  li::after {
    display:none;

 }

/* Downloads-End- */

/* Branch-- */
.branch-blocks {
    position: relative;
    color: var(--secondary);
    min-height: 155px;
    border: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    display: block;
    color: var(--secondary);
    border-radius: 8px;
    /* box-shadow: 0px 4px 20px 0px #07070715; */
    margin-bottom: 20px;
    padding: 18px;
}
.branch-blocks:hover {
    border: 1px solid #c1c1c1;
    background-color: #ededed;
    transition: all 0.3s ease 0s;
}
.rightsection ul .branch-place{
    font-size: 18px;
    line-height: 24px;
    color: var(--primary);
    font-weight: 600;
    width: 85%;
    margin-bottom: 10px;
}

.branch-map a {
    font-size: 18px;
    width: 35px;
    height: 35px;
    background: var(--primary);
    text-align: center;
    border-radius: 50px;
    line-height: 39px;
    color: #fff;
    display: block;
}
.branch-map {
    position: absolute;
    right: 30px;
    top: 25px;
}
.branch-blocks a {
    color: var(--secondary);
}
.branch-blocks a:hover {
    color: var(--primary);
}
.has-link i {
    color: var(--white);
}
.usefulink-block-active {
    color: var(--white);
}
#inner-contanier .list .usefulink-block-active a {
    color: var(--white);
    background-color: var(--primary);
}

#inner-contanier .usefullink-circle .usefulink-block-active:hover {
    color: var(--white);
}
#inner-contanier .list li .usefulink-block-active a {
    background-color: var(--primary);
}

ul .usefullink-circle li.usefulink-block-active::after {
    color: var(--white);
}
#inner-contanier .list .usefulink-block-active a:hover {
    color: #e4e1e1;
}
ul.usefullink-circle .usefulink-block-active::after {
    background-color: var(--white);
}

ul.usefullink-circle .usefulink-block-active:hover::after {
    background-color: #e4e1e1;
}
.branch-blocks ul li .branch-above {
    min-height: 0px;
}

.branch-blocks .branch-map a:hover {
    background: #03c24f;
    transition: all 0.3s ease 0s;
}

/* Branch-End- */
.ncbl-form {
    margin-bottom: 20px;
}

/* .card-box{
    padding: 25px;
    border: 1px solid #D9D9D9;
    background-color: #F5F5F5;
    display: block;
    margin-bottom: 20px;
    border-radius: 8px;
    margin-bottom: 2rem;
} */
.ncbl-form h5 {
    padding-bottom: 25px;
}
.form-paragraph {
    padding: 10px 0px 25px;
    font-size: 15px;
}
.asterisk {
    color: var(--txt-red);
}
.ncbl-form .form-floating > label {
    color: var(--secondary);
    font-size: 14px;
    padding: 1rem;
}
.ncbl-form .form-floating > .msg-txt.form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 0rem !important;
}
.form-floating > .form-select {
    padding-top: 0px;
    padding-bottom: 0px;
}
.form-select {
    border: 0;
    background-color: #f1f1f1;
    color: var(--secondary);
    font-size: 15px;
}

/* popup */
.modal {
    z-index: 999999 !important;
    background: #00000078;
}

.ncbl-form {
    margin-bottom: 15px;
}
.ncbl-form h5 {
    padding-bottom: 15px;
    font-size: 14px;
}
.form-paragraph {
    padding: 10px 0px 25px;
}
.asterisk {
    color: var(--txt-red);
}
.ncbl-form .form-floating > label {
    color: var(--secondary);
    padding: 1rem;
}
.ncbl-form .form-floating > .msg-txt.form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 0rem !important;
}
.form-floating > .form-select {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 15px;
    background-color:#f1f1f1;
    color:var(--secondary);
}
.form-select {
    border: 0;
    background-color: #f1f1f1;
    color: var(--secondary);
}
.needs-validation input,
.needs-validation select,
#formFile {
    background-color: #f9f9f9;
}
.org-txt {
    font-size: 14px;
}

.org-txt .senior-tilte {
    font-weight: 500;
    font-size: 16px;
}
.gov-details {
    padding-bottom: 6px;
    font-size: 13px;
}

.amt-recovered {
    padding-bottom: 15px;
    font-size: 14px;
}
.file-chosen .form-control {
    line-height: 2.4;
}
.file-chosen #formFile {
    background-color: #f1f1f1;
    font-size: 15px;
    border: 1px solid #f3ebeb;
}
.file-chosen {
    margin-bottom: 30px;
}
.form-label {
    font-size: 13px;
}
.self-dec {
    font-weight: 500;
}
.self-dec-txt {
    line-height: 26px;
    font-size: 14px;
}
.ncbl-form .cont-list li {
    line-height: 22px;
    font-size: 14px;
}
#inner-contanier ul.cont-list {
    margin-bottom: 8px;
}
.amt-dpt {
    padding-top: 5px;
    font-size: 13px;
}
.upload-doc {
    margin-top: 25px;
}

.radio-label {
    font-size: 15px;
    padding: 2px 30px 2px 0px;
    /* position: relative; */
}
/* }
.radio-label:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: -15px;
    top: 5px;
    border-radius: 50%;
}
.radio-input:checked + .radio-label:after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: var(--primary);
} */

/* .membermsg-txt{
    height:8rem;
} */

.ncbl-form .form-floating > .membermsg-txt {
    height: 10rem !important;
    resize: none;
}
.formblock-below {
    border-bottom: 1px solid #d9d9d9;
    margin: 18px 0px 24px;
}
input[type="file"]::file-selector-button {
    background: #e4e4e4;
}

.form-floating>.form-control, .form-floating>.form-control-plaintext {
    background-color:#f1f1f1;
}

.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
    background-color:#f1f1f1 !important;
}

.form-control:hover,.form-control:focus,.form-control:active {
    background-color:#f1f1f1;
}

.form-grp .form-control {
    font-size: 0.875rem;
    display: block;
    width: 100%;
    height: 60px;
    padding: 12px 15px;
    background-color: #f1f1f1;
}




.grievance-form{
    margin-bottom: 25px;
}

.captcha img {
    width: 200px;
}






/* Ncbl--form--end */

/* Career--form */
/* .careerform {
    margin-bottom: 20px;
} */

.careerform h5 {
    margin-bottom: 25px;
    font-size: 22px;
}
.careerform label span {
    margin-bottom: 3px;
    font-size: 13px;
    color: red;
}
.careerform #formFile {
    background-color: #f1f1f1;
    font-size: 14px;
    border: 1px solid #f3ebeb;
}
.careerform .form-control {
    line-height: 2.9;
}
.note-msg {
    font-size: 14px;
}
.note-msg span {
    font-weight: 500;
}
.careerform h4 {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 500;
}

.list-group-item {
    border: 0;
    background-color: #f5f5f5;
    border-radius: 5px;
    display: block;
    padding: 14px 14px;
    margin-bottom: 12px;
}
.list-group-item:hover {
    background-color: #ededed;
}
.list-group-item a {
    color: var(--secondary);
}

.list-group li i {
    padding-right: 6px;
}

.list-group li a:hover {
    color: var(--primary);
}

#inner-contanier .list li a:hover {
    color: var(--primary);
}

.captcha-enter{
    display: flex;
    column-gap: 40px;
    margin: 15px 0px 25px;
}



/* Career--form end*/

/* calculator */

.input-group-prepend {
    margin-right: 1px;
}
.input-group-prepend {
    border-right: 1px solid #e1dbdb;
}

.input-group:not(.has-validation)
    > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
        .form-floating
    ) {
    border-radius: 0 !important;
}

.input-group-text {
    line-height: 2.5;
    border: 0;
    background-color: #f1f1f1;
}

.emi-calc .form-control {
    line-height: 2.5;
}
.emi-calc .input-group {
    margin-bottom: 25px;
}

/* .emi-calc{
    background-color:#f1f1f1 ;
    border-radius:10px;
} */

.calculate-block {
    display: flex;
    justify-content: center;
}

.calculate-block label {
    padding-bottom: 10px;
}
.pay-result h3 {
    padding-top: 8px;
    padding-bottom: 22px;
}

.calblock-below {
    border-bottom: 1px solid #d9d9d9;
}

.emi-cal-results {
    background-color: #f1f1f1;
    border-radius: 10px;
}

.pay-result {
    padding: 25px 0px 0px 25px;
}

/* calculator--end */

/* GALLERY */
.card {
    border:none;
    margin-bottom: 18px;
}
.gallery-block{
    position: relative;
}

.card-title{
    font-weight:500;
    line-height:22px;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    z-index: 4;
    background: linear-gradient(2deg, black, transparent);
    color: #fff;
    padding:20px;
}


.gallery-block a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border-radius: 0px 0px 10px 10px;
 }

 .card-title span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.card-title:hover{
  text-decoration: underline;
}


.card .view .img-fluid {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.gallery-list{ }
.gallery-list img{ aspect-ratio: 3/2; object-fit: cover;}

/* GALLERY--END */



/* GALLERY-DETAILS */

.gallerylisting-block {
    margin-bottom: 14px;
}

#lightgallery .img-fluid {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
/* GALLERY-DETAILS---END */

/* Form-side-- plus */

.another-row {
    position: relative;
    z-index: 1;
}

.anotherrow-plus {
    content: "";
    display: block;
    position: absolute;
    bottom: 18px;
    right: 55px;
}

.executive-fields .anotherrow-plus {
    content: "";
    display: block;
    position: absolute;
    bottom: 18px;
    right: 40px;
}

.another-row i {
    font-size: 21px;
    color: var(--secondary);
}
.anotherrow-minus {
    content: "";
    display: block;
    position: absolute;
    bottom: 8px;
    right: 55px;
}

.executive-fields .anotherrow-minus {
    content: "";
    display: block;
    position: absolute;
    bottom: 8px;
    right: 40px;
}

/* Form-side-- plus--end */

/* Grievance--- */

.grievance-form textarea.form-control {
    height: 100px;
    resize: none;
    margin-bottom: 20px;
}


.grievanceofficer-details .gri-offi{
    color:var(--primary);
    font-weight: 500;
    font-size: 18px;
}

.ncbl-grivance ul li a:hover {
    color: var(--primary);
    transition: all 0.3s ease 0s;
}

.ncbl-grivance ul li a{
    color:var(--secondary);
}

.grievanceofficer-details li img{
    margin-top:18px;
}
.grievanceofficer-details li{
    padding-bottom: 2px;
}
/* Grievance--End- */





/*Search --*/
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 90%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: none;
    z-index: 99999;
  }

  #search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 999999;
    display: block;
  }

  #search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    font-size: 26px;
    font-family: Roboto;
    font-weight: 300;
    text-align: center;
    outline: none;
    padding: 20px 10px;
    box-shadow: 0 0 0 #000;
    outline: none;
    height: 70px;
  }

  #search .close{
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    font-size: 0px;
    color: #fff;
    width: 50px;
    height: 50px;
    background: none;
    border: 0;

  }
  #search .close i{
    position: absolute;
    z-index: -1;
    font-size: 27px;
    right: 15px;

  }

  #search .close:hover {
    color: #fff;
    cursor: pointer;

  }



  .searchform {
    border-radius: 10px;
    width: 70%;
    margin: auto;
    min-height: 500px;
    padding: 25px;
    margin-top: 10vh;
  }
  .most-popular{
    margin-bottom: 25px;
  }

  .most-popular a {
    background: #ffffff3b;
    padding: 5px 15px;
    color: #ffffffcf;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 20px;

  }

  .most-popular a:hover {
    background: #ffffff55;
    color: #fff;
  }

  .search-block {
    margin-bottom: 15px;
    position: relative;
  }
  .search-block input {
    width: 100%;
    background: #ffffff36;
    padding: 10px 50px 10px 15px;
    border: 0;
    border-radius: 5px;
    color: #fff;
  }
  .search-block input::placeholder {
    color: #d4d4d4;
  }
  .search-block button {
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
    border: 0;
    color: #d4d4d4;
  }
  .search-block button:hover,
  .search-block button:focus,
  .search-block button:active {
    color: #fff;
    border: 0;
    outline: none;
    box-shadow: 0;
    cursor: pointer;
  }
  #search-section h2 {
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 7px;
  }
  .searchform .search-block input {
    width: 100%;
    background: #efeded3b;
    padding: 10px 50px 10px 15px;
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    height: 60px;
    box-shadow: 0 0 0 #eee;
    margin-bottom: 35px;
  }
  .searchform button {
    position: absolute;
    right: 15px;
    top: 24px;
    background: none;
    border: 0;
    color: #d4d4d4;
  }

/*Search -End-*/



/*Search -page-*/
.ncbl-search{
    margin-top:20px;
}

.ncbl-search .form-floating > label {
    color: var(--white);
    font-size: 15px;
    padding: 1rem;
}

.ncbl-search input{
    background-color: #efeded3b !important;
}

.ncbl-search input .form-floating > label {
    color:var(--white);
    font-size: 15px;
    padding: 1rem;
}


.search-wrapper {
    background: var(--white);
    padding: 25px 30px 25px 30px;
    box-shadow: 0 0px 15px #514d4d30;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-bottom: 35px;
    min-height: 118px;
}

.search-area input {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    margin-bottom: 10px;
    border-radius: 5px;
}

.search-btn .btn{
    min-width: 150px;
}
/*Search page -End-*/

/* FAQ */

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--primary);
}

.accordion-body {
    border-bottom: 1px solid #dee2e6;
}
.accordion-item:first-of-type .accordion-button {
    border-bottom: 1px solid #dee2e6;
}

.accordion-item{
    margin-right:35px;
}

#accordionExample .accordion-item h2{
    padding-bottom: 0px;
}
.accordion-style {margin-bottom: 15px; }
.accordion-style h2{ border-top: 1px solid #dee2e6;}

.accordion-body p{
    margin-bottom: 0px;
}
/* FAQ--end */

#inner-contanier .about-shape1 {
    Display:none;
}

#promotion .owl-nav{
    display: none;
}


/* career-another-added */

.another-plus i{
    font-size: 19px;
    color: var(--secondary);
    margin-left: 6px;
}

.form-check-input:checked {
    background-color: var(--primary)!important;;
    border-color:var(--primary) !important;
}


/* career-another-added--end */

.table th {
    background: var(--primary);
    color: #fff;
}

table, th, td {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
  }

.table td, .table th {
    padding: 0.5rem 1rem;
}

.table-bordered>:not(caption)>*>* {
    border-width: 1px var(--bs-border-width);
}




/* career-tack-app--*/
.table th {
    background: var(--primary)!important;
    color: var(--white) !important;

}
.table td, .table th {
    padding: 0.5rem 1rem;
}

.table td, .table th {
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    font-size: 15px;
}
.tracking-code{
    float: none;
    margin: auto;
}
.track{
    background: #fff;
    padding: 25px 30px 25px 30px;
    box-shadow: 0 0px 15px #00000030;
    display: block;
    border-radius: 10px;
    margin-bottom:40px;
}

.track h5{
    font-size:16px;
    padding-bottom:10px;
}

#careerForm .form-floating>label {
    z-index: 1;
}

.actionbtn-box{
    text-align: center;
}

.actionbtn-box a{
    margin-right:2px;
}

#inner-contanier .belowline-useful .list {
    border-bottom: 0;

}

/* career-tack-app-end-*/
.additional-doc{
    margin: 15px 0px 30px;
        cursor: pointer;
}
.additional-doc .btn{
   background-color:#009c3f;
}

.additional-doc .btn:hover{
    background-color:#009c3f;
 }

 .remove-document i{
    font-size: 18px;
    color: var(--secondary);
    float: right;

 }

 .document-field .form-label {
    font-size: 14px;
}

#upload_documents .form-label {
    font-size: 14px;
}

.success-card{
    background: #fff;
    padding: 25px;
    box-shadow: 0 0px 15px #00000030;
    display: block;
    border-radius: 10px;
}

.success-msg li{
    padding-bottom: 15px;
    font-size: 15px;
}
.ncbl-success{
    font-weight: 500;
}

.job-applynow{
    padding: 0;
    margin: 0;
    list-style: none;
}

.job-applynow li{
    padding: 10px 0;
    display: flex;
    border-bottom: 1px solid #DEDEDE;
}
.job-applynow li span{
  display: block;
  width: 25%;
  font-weight: 600;
}
.job-applynow li div{
    width: 75%;
}

.applyposition{
    margin-top:40px;
}



.was-validated .form-control:valid {
    background-image: none;
}
.was-validated .form-select:valid:not([multiple]):not([size]){
    background-image: none;
}
.was-validated .form-check-input:valid~.form-check-label {

color:var(--secondary);
}

#workExperienceBlock .btn {
    min-width: 110px;
}

#workReference .btn {
    min-width: 110px;
}

.submit-btn .btn{
    min-width: 110px;
    margin-top:15px;
}

.rightsection ol {
    list-style: decimal;
}

.rightsection ol{
    padding-left: 18px;
}
.rightsection ol li{
    padding-left: 3px;
}
.rightsection ul{
position: relative;
margin-bottom: 14px;

}
.rightsection ul li {
    color: var(--secondary);
    line-height: 28px;
    font-weight: 400;
    list-style: none;
    position: relative;
    /* padding: 0px 0px 10px 18px; */
    font-size: 15px;
}



.rightsection ul li::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    border: 2px solid var(--primary);
    width: 8px;
    height: 8px;
    border-radius: 50px;
}

.click-here{
    margin-left: 10px;
    font-weight: 500;
    font-size: 15px;
}

.doc-info li{
    margin-left:35px;
    font-weight: 500;
}

/* Rounded switch */

/* .switch {
    display: inline-block;
    margin-left:32px;
}

.btn-right{
    background-color: #ccc;
}

.switch .btn{
    padding: 2px 6px;
} */

.switch{
    margin-left:36px;
}

.pill-button {
    display: inline-block;
    position: relative;
    padding: 0px 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: linear-gradient( to right, #de0b00 0%, #ea0c00 100% ) !important;
    border-radius: 14px;
    color: #fff;
    z-index: 0;
  }
  .pill-button-input {
    display: none;
    visibility: hidden;
  }
  .pill-button-highlight {
    transform: translate(0, -50%);
    transition: all 0.2s;
    position: absolute;
    top: 50%;
    left: 4px;
    height: 22px;
    width: 70px;
    background: #fff;
    border-radius: 22px;
    z-index: 1;
  }
  .pill-button-selection {
    transition: all 0.2s;
    display: inline-block;
    position: relative;
    cursor: pointer;
    z-index: 2;
    padding:2px 6px;
  }
  .pill-button-selection_active {
    color: var(--secondary);
  }

/* Rounded switch--end */

.quicklinks.nepali-class .sidebtn {
    background-image: linear-gradient( to right, #e90d01 0%, #e91e1d 51%, #f93137 100% );
    width: 180px;
    right: -113px;
    top: 109px;
}

/* .sidecontent-wrapper.officers{
    left: -33px;
} */

.quicklinks.nepali-class  {
    margin-top: -2px;
}

.notice.noticenepali-class {
    margin-top: 186px;
}

.officers.officersnepali-class {
    top: 138px;
}

/* .pill-button-selection{
    color: var(--secondary);
} */

.eng .pill-button-highlight{ left: 3px;}
.nep .pill-button-highlight{ right: 3px !important; left: auto;}

.sidecontent-wrapper.officers  .sidecontent{
    width: 365px;
}

.download-icon{
    margin-top:15px;
}


#inner-contanier .service-shape1 {
    display: none;
}

.form-label {
    margin-bottom: .0rem;
}
.branch-blocks ul li {
    text-align: left;
}