/*header{display: none;}*/
/*.slide-list-cont{display: none;}*/

body{
    font-family: 'poppinsregular';
    background-color: white;
    font-size: .875rem;
 
}

.in-body .gen-para, .in-body .gen-list, .in-body table{color: #333}



.toplink-list li a, li.mega-list .sub1>li>a, .inside-list li a:after, .menu-ul li a, .q-icon, .q-icon-new, 
ul.side-ul li a:after, li.mega-list .inside-list li a, .enquire, .search-div, .search-div h2, .slide-list-cont
{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}






/*31-10-2022*/
/*internet banking*/
.side-ul li.swiper-slide{text-align: left;}
.s-icon{width: 36px;}
.top-swiper li a
{display: flex;
    flex-flow: column;
    align-items: center; min-height: 100px;
    height: 100%; width: 100%;
    justify-content: center; padding: 10px; border-radius: 3px; color: #333; 
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%); margin: 20px 0;}

.top-swiper li a img{margin-bottom: 5px;}
.top-swiper .swiper-wrapper{ margin-left: -54px;}
.top-swiper .swiper-slide.active a{background: #00a1ff;  box-shadow: 0px 0px 0px 1px #00a1ff; color: white;}
.top-swiper .swiper-slide.active a img{filter: invert(0) brightness(100) hue-rotate(34deg);;}

.side-next, .side-prev {
    background-color: white;

    color: white;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px;
    /*border: 1px solid #c0c4c7;*/
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    text-align: center;
    display: block !important;
    opacity: 1;
}

.side-prev:after, .side-next:after {
    font-size: 11px !important;
    color: #787878 !important;
}

.side-next
{border-radius: 20px 0px 0px 20px; right: 0px !important;}


.side-prev 
{border-radius: 0px 20px 20px 0px; left: 0px !important;}

.cd-dropdown li a img.s-icon,
.has-dropdown li a img.s-icon,
.sidemenu li a img.s-icon{display: none;}
.has-dropdown .swiper-slide{display: block !important;}
.cd-dropdown li.swiper-slide{display: block; height: auto; text-align: left;}






/*1-11-2022*/
/*new design for branch locator*/
.button-left .reset {
    margin-left: 10px;}

.nav-tabs.locate-tabs li a{    background-color: #eee; display: block;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 5px;
    color: #333;
    font-size: 14px;
    width: 100%;
    text-align: center;}

.nav-tabs.locate-tabs li {width: 50%;float: left; }
.nav-tabs.locate-tabs li a.active{background: #00a1ff; color: white;}
.nav-tabs.locate-tabs{margin-bottom: 25px; border-bottom: none;}
.nav-tabs.locate-tabs li a.active:after {
    content: '';
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background-color: #00a1ff;
    display: block;
    position: absolute;
    margin-top: -3px;
}

.b-loc-icon{color: #00a1ff;
    margin-right: 3px;
    font-size: 12px;
    width: 23px;
    height: 23px;
    line-height: 23px !important;
    border-radius: 100px;
    background: #dfeef8;
    text-align: center;}



/*2-11-2022*/
/*arrow for slider icons in mobile view*/
.icon-circle{position: absolute;
    z-index: 16;
    right: 116px;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    border-radius: 30px 0px 0px 30px;
    width: 30px;
    height: 30px;
    line-height: 32px !important;
    text-align: center;
    color: #00a1ff;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 7%);}

.slider{overflow: hidden;}
.slide-list-cont.goLeft {
    right: 10px;
}

.icon-circle.active{border-radius: 100px; right: 120px}
.icon-circle.active:before{content: "\f054";}



/***************************************************/
/*********************general************************/
/***************************************************/
.pd-2-35 {
    padding-left: 60px;
    padding-right: 60px;
}

ul{list-style-type: none; padding-left: 0px}

a{cursor: pointer}

a:hover{text-decoration: none;}

button, button:focus{outline: none !important; box-shadow: none !important;}


.mb-35{margin-bottom: 35px}

.wel-top-bottom {
    padding-top: 50px;
    padding-bottom: 50px;
}

h2 {font-size: 1.5rem; font-family: 'poppinssemibold';}

.bg-bg{background-size: cover; background-repeat: no-repeat; background-position: center center;}

.gen-para{line-height: 27px; margin-bottom: 20px; text-align: justify;}


.r-row{margin-left: 0px; margin-right: 0px}

.btn{padding: .375rem .75rem .3rem}




/*list*/
.gen-list {
    margin-bottom: 35px;
}

.gen-list li {
    padding-left: 26px;
    margin-bottom: 11px;
    line-height: 27px;
    position: relative;
}

.gen-list li:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    /* background-color: #dd1c63; */
    background-image: url(../img/icons/check-mark1.svg);
    /* filter: invert(1) brightness(15); */
    position: absolute;
    left: 0px;
    top: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sub-list{margin-bottom: 0px; margin-top: 10px}

.sub-list li {
    padding-left: 26px;
    margin-bottom: 11px;
    line-height: 25px;
    position: relative;
}

.sub-list li:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    /* background-color: #dd1c63; */
    background-image: url(../img/icons/point.svg);
    /* filter: invert(1) brightness(15); */
    position: absolute;
    left: 0px;
    top: 3px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/*accordion*/
.gen-acco .card-header{ background-color: #dfeef8;
    border-bottom: none;
    padding-right: 45px;
    font-family: 'poppinssemibold';
    color: #7b8aa2;
    text-transform: uppercase;}
    
.gen-acco .card-header .card-link{color:#333;}
.gen-acco .card-main{box-shadow: 0px 10px 60px -20px rgb(0 0 0 / 10%)}
.gen-acco .card-main.collapsed{box-shadow: none;}
.gen-acco .card{border:1px solid #e9eef7;}
.gen-acco .card-header .acc-more.active:before{
    content:"\f106";
}
.acc-more {
    position: absolute;
    right: 20px;
    top: 16px;}
.gen-acco .card-main .fa-plus:before {
    content: "\f068" !important;}

.gen-acco .card-main.collapsed .fa-plus:before {
    content: "\f067" !important;}
.card-link{display: block;}

.in-body .gen-acco .card-body h2 {
    font-size: .875rem;
    margin-bottom: 15px;}

.gen-acco .card-body .gen-list {margin-bottom: 25px;}


.date{
    color: #1c97d2;
    margin-right: 5px;
    border-right: 1px solid;
    padding-right: 5px;
    font-weight: 700;
    font-size: .8125rem;
}



/*table*/
.table{margin-bottom: 0px}
.table-responsive{margin-bottom: 35px}
.table-hover tbody tr:hover {
    color: #212529;
    background-color: #e5f5ff;
}

.table-hover th{font-family: 'poppinsmedium'; font-weight: normal;}
.table-hover td{line-height: 24px}
.v-middle{vertical-align: middle !important;}
.table .thead-dark th {
    color: rgb(255 255 255 / 81%);
    background-color: #00a1ff;
    border-color: #53befd;
}

.color-row{background: rgb(92 101 140 / 26%);
    color: #5a5f76;
    font-family: 'poppinssemibold';
    font-size: .9375rem;}

.color-row:hover{background: rgb(92 101 140 / 26%) !important; color: #5a5f76 !important;}




/**************************************************/
/*azadi*/
/**************************************************/


.topltlist{
    display:flex;
    flex-flow:column;
    position:absolute;
    z-index:2;
    bottom: 90px;
    left:10px;
}
.topltlist li{
    margin:5px 0;
}
.topltlist li .item{
    width: 100px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: .3rem;
}
.topltlist li .item a {
    display: block;
    padding: 6px;
}



/***************************************************/
/*top link*/
/***************************************************/
.toll-list{float: right; margin-bottom: 0px !important; padding-top: 2px; padding-bottom: 1px; width: 100%;}
.toll-list li{float:right; color: rgb(255 255 255 / 77%); display: inline-block;}
.toll-list li span{padding-left: 15px; border-left:1px solid rgb(253 195 6 / 80%); margin-left: 15px; 
    font-size: 13px;}
.toll-list li.float-left span{border-left: none;}

.header-top{background: rgb(0 0 0 / 16%);}
.bl-0{border-left: none !important;}








/***************************************************/
/********************* header **********************/
/***************************************************/

header {
    font-size: .875rem;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.home header{
    background-color: transparent;
}

.hd-shadow {
    box-shadow: 0px 26px 72px 98px rgb(11 11 11 / 45%);
    width: 100%;
    position: absolute;
    z-index: 4;
}

.home .hd-shadow{box-shadow: 0px 26px 72px 98px rgb(11 11 11 / 50%);}

.header-main {
    padding-top: 5px;
    padding-bottom: 5px;
}

.rel-cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    top: 36px;
    left: 0px;
    z-index: 5;
}


.home .header-top-cont{background: transparent;}
.logo{height: 80px}
.logo-div{display: block;}
.logo-cont{width: 353px;}
.s-btn-div{width: calc(100% - 353px)}




/*top link*/
.toplink-list li{float: left; color: rgb(255 255 255 / 77%); display: inline-block;}
.toplink-list li a{padding: 5px 15px; text-transform: uppercase; font-size: .8125rem;color: rgb(255 255 255 / 77%) !important;}
.toplink-list li a:hover{color: white !important}
.small-menu{ float: right; margin-top: 10px;}


/*fontsize*/
ul.fontsize {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 0.5rem;
    margin-left: 1rem;
}

ul.fontsize button {
    border: none;
    height: 30px;
    min-width: 2rem;
    outline: 0;
    background-color: transparent;
    color: rgb(255 255 255 / 77%);
    cursor: pointer;
    border-radius: 0.3rem;
    font-size: .875rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*theme*/
.theme {
    display: flex;
    align-items: center;
    margin: 0 5px;
}

.theme input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.theme input[type=checkbox]:checked + label {
    background: #0089cf;
}

.theme label {
    cursor: pointer;
    width: 30px;
    height: 16px;
    border: 1px solid rgb(255 255 255 / 77%);
    display: block;
    border-radius: 1rem;
    position: relative;
}

.theme input[type=checkbox]:checked + label::after {
    left: calc(100% - 4px);
    transform: translateX(-100%);
    background-color: #fff;
}

.theme label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: rgb(255 255 255 / 77%);
    border-radius: 16px;
    transition: 0.3s;
}

.custom-control-label::before{display: none;}



/*language*/
.language {
/*    display: flex;
    align-items: center;*/
     margin-left: 8px;
}

.dropdown-menu.show {
    display: flex !important;
}


.language .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 8rem;
    color: #ebf5ff;
    text-align: left;
    list-style: none;
    background-color: #e0f5ff;
    background-clip: padding-box;
    flex-flow: column;
    padding: 0;
    overflow: hidden;
    border: none;
    font-size: .875rem;
}


.btn-outline-secondary.dropdown-toggle{ color: rgb(255 255 255 / 77%) !important; 
    border-color: rgb(255 255 255 / 36%) !important; background-color: transparent !important;font-size: .75rem;}





/*search*/
header .search-ul li.dropdown{border-radius: 4px;/*border: 1px solid rgb(206 208 209)*/;}
header .search-drop {
    width: 320px;
    padding: 0px;
    /*background-color: rgb(255 255 255 / 23%);*/
    /* border: 1px solid rgb(255 255 255 / 26%); */
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 3px;
    left: auto !important;
    right: 0px !important;
    transform: none !important;
    /* top: 57px !important; */
}

header .search-ul{margin-bottom: 0px}

header .search-ul .enter-email {
    color: white !important;
    font-weight: normal;
    font-size: .9375rem;
    width: calc(100% - 42px) !important;
    margin-bottom: 0px !important;
    float: left;
    min-height: 35px !important;
    border: none;
    background: rgb(187 208 229 / 42%);
    border-radius: 4px 0px 0px 4px;
    padding: 6px 12px;
    outline: none;
}


header .search-ul input.enter-email::placeholder{
    color: white;
    font-size: .8125rem
}

.search-cont{ display: flex;
    align-items: center;
    justify-content: flex-end;}

.subscribe_button {
    position: relative;
    background-color: #58bfed;
    text-transform: uppercase;
    color: white;
    border: none;
    border-radius: 0px 0px 0px 0px;
    height: 35px;
    line-height: 12px;
    width: 42px;
    position: relative;
    top: 0px;
    float: right;
    text-align: center;
    border-radius: 0px 4px 4px 0px;
    outline:none !important;
}

.subscribe_button img{ width: 16px;
    filter: invert(0) brightness(15);}




/*menu*/
.menu-cont-desk {
    width: auto;
    margin-top: 0px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

header.active .menu-cont-desk{
    background-color: #00a1ff;
    padding: 5px 0;
}

header.active{
    transform: translateY(-90px);
    -webkit-transform: translateY(-90px);
}

.scroll-logo-div{display: none;}


/*.desk-menu{border-top: 1px solid #f0f1eb}*/

.has-dropdown.first {
    margin-right: 8px;
}

ul.main-menu-ul>li {
    list-style: none;
    display: inline-block;
    float: left;
    line-height: 1;
}

.has-dropdown .list-link {
    position: relative;
    line-height: 30px;
    display: flex;
    align-items: center;
    /* color: white; */
    font-size: .875rem;
    /* margin-bottom: 17px !important; */
    border-radius: 4px;
    letter-spacing: .1px;
    padding: 5px 15px;
    transition: 0.3s;
}
.has-dropdown a:hover{
    color: #333;
}
.main-menu-ul .list-link {
    cursor: pointer;
    position: relative;
    line-height: 35px;
    letter-spacing: 0px;
}
.home .main-menu-ul .list-link,
header.active .main-menu-ul .list-link{
    color: #fff;
}

.main-menu-ul{margin-bottom: 0px}

.list-link {
    color: white !important;
}


.list-link i{display: none;}

.list-link:before {
    position: absolute;
    left: 100%;
    top: -1px;
    /* right: 50%; */
    /* bottom: 0px; */
    height: 2px;
    width: 24px;
    border-radius: 20px;
    background-color: #f1e6de;
    opacity: 0;
    transition: opacity .4s,left .4s,right .4s;
    content: ' ';
}

.menu-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

.flex-cont {
    width: 100%;
    position: relative;
    padding: 15px 0px;
    float: left;
    /* padding-right: 10px; */
}

.flex-ul {
    flex: 1;
}

.menu-ul li {
    width: 100%;
    display: block;
}

.menu-ul li a {
    padding: 12px 15px; line-height: 18px;
    display: block; color: #607D8B !important;
}

.menu-ul li a:hover{ background: #d5f1ff;}

.menu-btn{float: right;}
header.active .menu-btn{margin-top: 0px}

.menu-btn img {
    width: 27px;
   
}


.menu-icon {
    width: 20px;
    margin-top: -3px;
    margin-right: 5px;
}
.menu-icon,
header.active .menu-icon{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

@media (min-width: 1200px){
.desk-menu {
    display: block !important;
    float: left;
    width: 100%; position: relative;}
}

@media screen and (min-width: 1101px){
.main-menu-ul li.has-dropdown {
    z-index: 200;}
.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont {
    /* visibility: visible; */
    display: block;
    opacity: 1;
    box-shadow: 0px 12px 20px 3px rgb(0 0 0 / 10%);
    border-radius: 4px !important;
    transform: transform: translate(0,0px) !important;
}

.menu-wrapper-cont {
    background-color: #eaf8ff;
    color: #607D8B;
    font-size: .875rem;
    justify-content: center;
    position: absolute;
    /* right: 0%; */
    /* transform: translateX(-50%); */
    width: 25% !important;
    z-index: 201;
    border-radius: 4px;
    opacity: 1;
    display: none;
    box-shadow: 0px 12px 20px 3px rgb(0 0 0 / 10%);
    /* visibility: hidden; */
    /* display: block; */
}

.flex-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
}

}






.b-menu-icon{width: 24px}


li.mega-list.has-dropdown:hover .menu-wrapper-cont {
    display: block;
    opacity: 1;
    box-shadow: 0px 12px 20px 3px rgb(0 0 0 / 10%);
    border-radius: 0px 0px 8px 0px;
}



li.mega-list .menu-wrapper-cont {
    justify-content: center;
    z-index: 201;
    opacity: 1;
    display: none;
    width: 670px !important; 
    min-height: auto !important;
    background: #fff;
    position: absolute;
    right: -20px;
    top:45px;
    border-radius: 0px 10px 10px 0px !important
   
}


li.mega-list .flex-cont {
    width: 100%;
    position: relative;
    float: left;
     padding: 0px 0px
}

li.mega-list .sub1 {
    position: relative;
    padding-right: calc(100% - 300px);
    height: 352px;
    padding-top: 30px;
    border-radius: 4px;
}

li.mega-list .sub1 > li {
    padding: 0px 20px;
    display: table;
    width: 100%;
    padding-bottom: 6px;
}


li.mega-list .sub1 > li.hvrmenu.active > a {
    color: white !important;
    background: #00a1ff;
}

li.mega-list .sub1 > li.hvrmenu.active > a > img
{filter: invert(1) brightness(15);}


li.mega-list  .sub1>li:hover>a {
    color: white !important;
    background: #00a1ff;
}

li.mega-list  .sub1>li:hover >a > img
{filter: invert(1) brightness(15);}

li.mega-list .sub1 > li > a.flex-a-img {
display: flex;
    align-items: center;
    /* flex: 1 100%; */
     /*background: #daeff9; */
    /*border: 1px solid #aeccdb;*/
    padding: 8px 8px;
    border-radius: 5px;

}


.main-text{padding-left: 10px}

li.mega-list .sub1 > li > a {
    vertical-align: middle;
    display: table-cell;
    position: relative;
    line-height: 16px;
    font-size: .9375rem !important;
    width: 100%;
    text-decoration: none !important;
    font-size: .875rem;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}


li.mega-list .fstshw .sub2 {
    display: block !important;
}


li.mega-list .sub1 li:hover .sub2 {
    display: block !important;
}

li.mega-list .sub2 {
    z-index: 5;
    border-radius: 0px 4px 4px 0px;
    position: absolute;
    /* border-left: 1px solid #dedede; */
    background-color: white !important;
    right: 0px;
    top: 0;
    width: calc(100% - 300px);
    bottom: 0;
    display: none;
    overflow: auto;
    padding: 28px 15px;
    text-align: left;
    min-height: 240px;
    /*box-shadow: inset 6px 1px 20px -20px rgb(0 0 0 / 76%);*/
    border-radius: 8px;
}


li.mega-list .menu-head {
    margin-left: 20px;
    text-transform: uppercase;
    font-size: .75rem;
    color: #00a1ff;
    display: none;
}

li.mega-list .inside-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

li.mega-list .inside-list li {
    width: calc(100% / 2 - 16px);
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 5px;
}

li.mega-list .inside-list li a {
    padding: 10px;
    line-height: 20px;
    color: #3c3c3c;
    border: 1px dashed #c0c0c06b;
    border-radius: 4px;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content:center;
    position: relative;
    text-align:center;
}

li.mega-list .inside-list li a:hover{border: 1px solid #44baff}

.inside-list li a:after {
    content: '';
    opacity: 0;
    position: absolute;
    right: 10px;
    bottom: -2px;
    width: 30px;
    height: 3px;
    background: #00a1ff;
    border-radius: 20px;
}

li.mega-list .inside-list li a .icon {
    display: flex;
    width: 30px;
    margin-bottom: 5px;
}
li.mega-list .inside-list li a .icon img {
    width: 100%;
}


/*.hover-bar .inside-list li a:hover:after{right:0px;}
.hover-bar .inside-list li a:after{content: '';
    opacity: 0;
    border: 1px solid #a5ddff;
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height: 117%;
    background: #cfedff;
    border-radius: 6px;
    z-index: -1;}*/


.inside-list li a:hover:after {
    right: calc(100% - 40px);
    opacity: 1;
}




li.mega-list.pro-list.single-list .inside-list li {width:100%;}
li.mega-list.pro-list.single-list .menu-wrapper-cont {width: 250px !important; height: auto}





.desk-menu-icon{ 
    width: 26px;
    height: 34px;
    margin-top: 1px;
}
.home .desk-menu-icon,
header.active .desk-menu-icon{
    filter: none;
    -webkit-filter: none;
}



.product-list .menu-wrapper-cont {left:50px;}


/*other menus*/
li.mega-list.other-list .menu-wrapper-cont {height: auto;max-height: calc(100vh - 180px);overflow-y: auto; border-radius:0 0 4px 4px !important}
li.mega-list.other-list .sub2{height: 352px; width: 100%; display: block;}
li.mega-list.other-list .inside-list li {width: calc(100% / 3 - 16px);}
li.mega-list.other-list .inside-list{ padding: 15px;}
li.mega-list.other-list .inside-list li a{color: #333}


/*digi list*/
/*li.mega-list.digi-list{position: relative;}*/
li.mega-list.pro-list.digi-list .inside-list li {width: calc(100% / 3 - 16px);}
li.mega-list.pro-list.digi-list .menu-wrapper-cont {width: 670px !important;}

/*pro-list*/
li.mega-list.pro-list {position: relative;}
li.mega-list.pro-list .menu-wrapper-cont {height: auto;max-height:calc(100vh - 180px); border-radius:0 0 4px 4px !important;overflow-y:auto;}
li.mega-list.pro-list .sub2{height: auto;max-height: calc(100vh - 180px); width: 100%; display: block;}
li.mega-list.pro-list .inside-list li {width: calc(100% / 2 - 16px);}
li.mega-list.pro-list .inside-list{ padding: 15px;}
li.mega-list.pro-list .inside-list li a{color: #333}
li.mega-list.pro-list .menu-wrapper-cont{width: 510px !important; left: 0px;}
li.mega-list.pro-list.loan-list-main .menu-wrapper-cont {width: 650px !important;}
li.mega-list.pro-list.loan-list-main .inside-list li {width: calc(100% / 3 - 16px);}

/*net list*/
 .net-list .list-link,
header.active .net-list .list-link{
    border-radius: .3rem;
    background-color: transparent;
    border: 1px solid;
    color: #fff;
}
.main-menu-ul .net-list .list-link{line-height: 33px;}
a.blue:hover{color: #169d45 !important}

/*about*/
.menu-wrapper-cont.about-cont{width: 300px !important}
.toplink-list li .about-cont .menu-ul li a{text-transform: capitalize; color: #333 !important; font-size: .875rem}
.about-a{line-height: inherit !important; font-size: .8125rem !important; padding: 4px 15px !important}

.applydrop{
    position: relative;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.applydrop,
header.active li.applydrop{
    margin-left: 15px;
}
li.applydrop .list-link{
    background-color: #eb870b;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}
.home li.applydrop .list-link,
header.active li.applydrop .list-link{
    border-radius: .3rem;
}
li.applydrop .list-link img{
    margin-right: 5px;
    width: 20px;
    height: auto;
    filter: none;
}
li.mega-list.applydrop .menu-wrapper-cont{
    border-radius: 0 0 4px 4px !important;
    width: 400px !important;
    padding: 5px;
}
li.applydrop .inside-list{
    justify-content: center;
}
li.applydrop .inside-list li{
    flex: 1 0 33.333%;
    max-width: 50%;
    margin: 0;
    padding: 5px;
}
li.applydrop .inside-list li a{
    flex-flow: column;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 0.3rem;
    font-size: .75rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
li.applydrop .inside-list li a:hover{
    border-color: #00a1ff;
}
li.applydrop .inside-list li a .icon{
    width: 32px;
    flex-flow: column;
    margin-bottom: 6px;
}



/*********************************************************************************************/
/****************************************** mobile menu **************************************/
/*********************************************************************************************/
#mob-menu{display: none; }
.cd-dropdown-wrapper, .cd-dropdown-wrapper a, .menu-btn{
    /*width: 40px;*/
    }


.menu-btn .bg-dark{width: 100%; height: 2px; display: block;}
.mob-menu-icon{width: 20px;
    margin-top: -7px;
    margin-right: 5px;}
.invert1{filter: invert(1);}   
.mob-online-ul li a img{ width: 24px;
    margin-top: -6px;
    margin-right: 8px;}



/***************************************************/
/*********************slider************************/
/***************************************************/

.slider {
    position: relative;
    height: 100vh;
    /*height: calc(100vh - 135px);*/
    max-height: 100vh;
    background-color: #1a1a1a;
    position: relative;
}
.slider:before{
/*    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: rgb(79,172,254);
    background: linear-gradient(0deg, rgba(79,172,254,0) 0%, rgba(0,0,0,0.5) 100%);*/
}

.slider .swiper-slide .slideimage, .slider .swiper-slide .mob-slider  {
    height: 100%;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    position: relative;
}


.swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.mainslider .swiper-pagination {
    display: flex;
    flex-flow: row;
    align-items: flex-end;
    left: 1rem;
    bottom:80px;
    width: auto;
}

.mainslider .swiper-pagination-bullet {
    margin: 5px 3px !important;
    background-color: #fff;
    opacity: 1;
    width: 8px;
    height: 8px;
    border-radius: 0.3rem;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.mainslider .swiper-pagination-bullet-active {
    background-color: #cf0101;
    width: 21px;
}



/***************************************************/
/******************** slide list *******************/
/***************************************************/

.slide-list-cont {
    position: absolute;
    z-index: 16;
    /*right: 10px;*/
    top: 60%;
    transform: translateY(-50%);
}
.slide-list{margin-bottom: 0px}

.slide-list-cont ul li{margin-bottom: 5px}

.slide-list-cont ul li a {
      /*  width: 94px;*/
display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    color:#364952;
    padding: 8px 13px;
    background-color: rgb(255 255 255 / 85%);
    font-size: .6875rem;
    line-height: 1.2;
    border-radius: 4px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-family: 'poppinsmedium';
   /* border-bottom: 0.5px solid rgb(255 255 255 / 10%);*/
}

.slide-list-cont ul li:last-child a{border-bottom: none;}
.slide-list-cont ul li a:hover{/*background: #037bb3*/
    background: #00334a;
    color: #00a1ff;
}

.slide-list-cont ul li a .icon {
    width: 32px;
    margin-bottom: 4px;
    padding: 7px;
   /* background: white;*/
    border-radius: 100%;
    border: 1px solid #00a1ff;
}
}

.slide-list-cont ul li{margin-bottom: 5px}

/*.slide-list{    background: rgb(11,50,116);border-radius: 8px 0px 0px 8px;
    background: linear-gradient(119deg, rgba(11,50,116,.8) 5%, rgba(26,102,159,.8) 43%,
     rgba(26,102,159,.8) 76%, rgba(6,33,78,.8) 99%);}*/


.topwarning {
    position: absolute;
    z-index: 1;
    bottom: 120px;
    left: 120px;

    padding: 0;

    font-weight: 600;
    font-size: 1rem;
}
.topwarning a{
	    background-color: rgb(255 249 59 / 90%);
    color: #FF5722;
	padding: 15px;
	display:flex;
	animation: blinker 1s infinite;
	    border-radius: 5px;
}
.topwarning a:hover{
	animation:none;
}
.closewarn {
    position: absolute;
	z-index:1;
    top: -10px;
    right: -10px;
    background: #fff;
    border: 1px solid;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

@media(max-width:575px){
.topwarning{
	left: auto;
    right: 20px;
	width: 200px;
}
}

.annex{
position: absolute;
    z-index: 1;
    bottom: 11.5rem;
    left: 120px;
    padding: 0;
    font-weight: 600;
    font-size: 1rem;
}
.annex .sec{
    background-color: rgb(255 249 59 / 90%);
    color: #FF5722;
    padding: 15px;
    display: flex;
    /* animation: blinker 1s infinite; */
    border-radius: 5px;
    flex-flow: column;
}
.annex .sec a{
    color: #FF5722;
	transition: .3s;
}
.annex .sec a:hover{
	color: white;
}

/***************************************************/
/************************ news *********************/
/***************************************************/

.news{
    position: absolute;
    bottom: 5px;
    left: 1rem;
    padding-right: 0px;
}
.news .slidernews{
    position: relative;
    z-index: 1;
    width: 730px;
    /*background-color: rgb(0 46 66 / 50%);*/
    background: rgb(11,50,116);
    background: linear-gradient(119deg, rgba(11,50,116,.8) 5%, rgba(26,102,159,.8) 43%, rgba(26,102,159,.8) 76%, rgba(6,33,78,.8) 99%);
    display: flex;
    flex-flow: column;
    border-radius: .5rem;
    box-shadow: 6px 5px 20px rgb(0 0 0 / 15%);
}
.news h4{
        margin: 0;
    color: #020202;
    font-size: .875rem;
    position: absolute;
    top: -18px;
    right: 0px;
    z-index: 15;
    border-radius: 12px 12px 0px 12px;
    background-color: #ffc506;
    padding: 7px 10px 5px;
    text-transform: uppercase;
    font-family: 'poppinssemibold';
    line-height: 16px;
}
.news-text {
    margin-bottom: 0px;
    padding-left: 10px;
    height: 21px;
    width: calc(100% - 110px);
    overflow: hidden;
    display: inline-block;
    text-align:left;
}
.slidernews{
    padding-bottom: 0 !important;
}
.slidernews .swiper-slide{
    background-color: transparent;
    padding: 10px 15px;
}
.slidernews a{
    display: flex;
    color: #fff;
    width: 100%;
}
.slidernews a span{
    display: block;
    color: #FFC107;
    margin-right: 15px;
    border-right: 1px solid #FFC107;
    padding-right: 15px;
}
.slider .newsbtn{
    display: flex;
    position: absolute;
    right: -65px;
    top: 0;
    height: 100%;
    border-radius: 0.3rem;
    overflow: hidden;
}
.newsnext, .newsprev{
        width: 30px;
    height: 100%;
    background-color: #00a1ff;
    color: #ffffff;
    margin: 0;
    top: 0;
    font-size: .625rem;
    position: relative;
    top: auto;
    left: auto;
    right: auto !important;
}

.newsnext:after, .newsprev:after{
     font-size: .75rem;
}





/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////******************** COUNTER *********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/
.pos-rel{position: relative;}
.counter-main ul{
    margin-top: -10px;
    margin-bottom: 0px;
}
.countlist li {
    border-radius: 4px;
    width: 25%;
    padding: 10px;
}

.counter-icon-div {
    display: flex;
    border-radius: .3rem;
    align-items: center;
    padding: 12px 20px;
    position: relative;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 7%);
}

.count-icon {
    width: 48px;
    margin-right: 15px;
}

.count-text {
    margin-bottom: 0px;
    font-size: 1rem;
    line-height: 21px;
    color: #333;

}

.c-value {
    line-height: 20px;margin-top: 5px;
}

.counter-value{ font-family: 'poppinssemibold'; font-size: 1.5rem; display: inline-block; color: #00a1ff;}
.counter-main .wel-top-bottom{padding-top: 42px; padding-bottom: 42px}

.plus{color: #00a1ff}



/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////********************CHAIRMAN*********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/
/*.chair-main {
    background-color: #e9eef7;
}*/
.chair-column{ padding: 0px 0px 0px; 
    background: rgb(255 255 255 / 71%);
    height: 100%;}
.chair-fig img {
    border-radius: 4px;
    border-bottom: 3px solid #00a1ff;
}

.chair-main .serv-dtl-cont {
    padding: 9px 10px 7px;
    margin-top: 7px;
    position: relative;
    z-index: 2;
    background: rgb(9 163 233 / 92%);
    margin-bottom: 10px;
    margin-top: -51px;
    margin-left: 17px;
    border-left: 3px solid #3578b9;
}

.chair-main .serv-dtl-cont h3 {
    color: white !important;
}

.serv-name {
    font-size: 1rem;
    color: #3189c9;
}

.chair-para {
    margin-top: 30px;
}

.chair-para p {
    font-style: italic;
    font-style: italic;
    text-align: left;
    max-height: 70px;
    line-height: 26px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;
}

p.greetings {
    font-size: 1rem !important;
    color: #00a1ff !important;
    font-family: 'poppinssemibold' !important;
    line-height: 24px !important;
    font-style: italic;
}

.chair-para p {
    font-style: italic;
    font-style: italic;
    text-align: left;
    max-height: 70px;
    line-height: 26px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;
}





/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////********************CHAIRMAN NEW *********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.chair-new-col{position: relative;}
.chair-new-col:before{    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;width: 100%;
    background: rgba(0,0,0,.2);    border-radius: 50px 8px;}

.chair-new-col:after{    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;width: 100%;
    background: linear-gradient(to right,rgba(15,117,188,.5),transparent,rgba(237,165,58,.5));    border-radius: 50px 8px;}

.chair-new-col img{ border-radius: 50px 8px;}

.chair-new-text{padding: 45px 50px;
    background: #00a1ff;
    color: white;
    position: relative;
    width: calc(100% + 100px);
    z-index: 1;
    top: 50px;border-radius: 8px 50px;}

.chair-new-text p{  font-family: 'poppinsmedium'; font-size: 1.375rem;
    text-align: left;text-indent: 40px; position: relative;border-radius: 8px 50px}

.chair-new-text p:after{content: '\f10d';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: -14px;
    left: -40px;
    /* width: 20px; */
    display: block;
    font-size: 36px;
    color: #ffc506;
}

.chair-new-name-cont{position: absolute;
    top: 60%;
    left: calc(100% + 35px);
    width: 300px;
    background: #ffffffd9;
    padding: 10px 15px;
    color: #0a0a0a;
    border-radius: 4px;}

.chair-new-name-cont:after{    content: '';
    width: 58px;
    height: 2px;
    background: #ffc506;
    position: absolute;
    left: -68px;
    top: 70%;}

.chair-new-name{font-family: 'poppinssemibold';
    font-size: 1.25rem;
}

.position{color: #697174;}







/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////*************** PERSONAL LOAN  *********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.personal{border-radius: 4px}

.personal-cont{ justify-content: flex-start;
    padding: 80px 64px 40px 40px;
    display: flex;
    flex-direction: row;}
.product-card{ background: rgb(255 255 255 / 96%);
    padding: 28px;
    width: 310px;
    border-radius: 8px;}
.personal-title{font-size: 1rem;
    line-height: 20px;
    font-weight: 600; font-family: 'poppinssemibold';}
.pro-rate{display: flex; align-items: flex-end;}
.rate1, .rate2{min-width: 120px; }
.rate-top{font-size: .8125rem; margin-bottom: 0px}
.rate-no{ display: flex; align-items: center;}

.rate-bold{font-family: 'poppinssemibold';font-size: 36px;}
.rate-light{line-height: 15px;
    padding-left: 6px;
    font-family: 'poppinssemibold';
    font-size: .9375rem;}
.rate-desc{font-size: .8125rem;
    margin-top: 7px;
    color: #6d6e6e; margin-bottom: 20px}
.personal-div{border-radius: 6px;}
.sub-para{text-transform: uppercase;
    background: #e9eef7;
    border-radius: 27px;
    display: inline-block;
    padding: 7px 20px 5px;
    line-height: 22px;
    color: #7787a5;
    font-family: 'poppinsmedium';
    font-size: .8125rem;}




/*loan enquiry*/
.c-red{color: red}
.star{font-size: 1rem}
small{font-size: .75rem; color: #575656;}
.consent input{width: 16px; height: 16px; position: relative; top:4px; margin-right: 2px}



/************************************************************************************/
/*gallery*/
#lightgallery{float:left; width:100%;}
.lightgallery{
    display: flex;
    flex-flow: wrap;
}
.galimg-col .galimg-detail
{
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.galimg-col{width: calc(100% / 3 - 10px) !important; float: left; margin-left: 5px; margin-right: 5px; margin-bottom: 10px}
.galimg-col a {
    display: block;
    color: #fff;
    overflow: hidden;
    border-radius: .3rem;
    box-shadow: 3px 5px 20px rgb(0 0 0 / 30%);
    position: relative;
}

.galimg-col .galimg-detail {
    position: absolute;
    bottom: 10px;
    left: auto;
    right: 0px;
    width: 97%;
    border-radius: 0px;
    padding: 7px 12px 6px;
    border-left: 2px solid transparent;
    max-height: 45px;
    font-size: .6875rem;
    text-transform: uppercase;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    color: #f0f0f0;
}


.galimg-col a:hover img {
    transform: scale(1.1);
}
.galimg-col .hovereffect {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media(min-width:1550px){
.galimg-col .hovereffect{
    height:220px;
}
}
@media(min-width:1920px){
.galimg-col .hovereffect{
    height:250px;
}
.inn-gal .galimg-col .hovereffect{
    height:280px;
}
}
@media(min-width:2300px){
.galimg-col .hovereffect{
    height:300px;
}
.inn-gal .galimg-col .hovereffect{
    height:380px;
}
}
@media(max-width:991px){
.galimg-col .hovereffect{
    height:150px;
}
}
.galimg-col a img {
    /*max-height: 198px;*/
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.galimg-col a:hover .galimg-detail {
    background-color: rgb(9 163 233 / 90%);
    border-left: 1px solid #ffffff;
    bottom: 5px;
}

.gal-overlay{ background-color: rgb(249 96 32 / 0%);
    background-image: linear-gradient( 
178.65deg, rgb(115 115 115 / 0%) 13%, rgb(0 0 0 / 46%) 100%);

    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
   
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;

}



/*customizing gallery*/
.lg-sub-html p { font-size: .6875rem !important;
    margin: 5px 0 0;
    text-transform: uppercase !important;}
.lg-sub-html{
    background: rgb(0 0 0 / 34%) !important;
    text-transform: capitalize !important;
    font-family: 'poppinsregular' !important;
    padding: 3px 15px 8px !important;
    line-height: 17px !important;}

.lg-thumb-outer.lg-grab{height: 70px !important}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #cbab54 !important;
}
.lg-outer .lg-thumb-item {
    border: 1px solid #00a1ff !important;}
#lg-counter, #lg-share, #lg-actual-size, .lg-fullscreen, .lg-autoplay-button, #lg-download{display: none !important;}

 #lg-zoom-in:after, #lg-zoom-out:after{
    border-radius: 100%;
    padding: 3px;}
.lg-toolbar .lg-close:after
    {padding: 3px;border-radius: 100%; }
.lg-toolbar .lg-icon{color: white !important; font-size:22px !important;}
.lg-toolbar{background: transparent !important;}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 70px !important;
}




/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////******************** BANKING *********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/
.loan-img figure{position: relative; margin-bottom: 0px}
.loan-img figure:after{content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
     background: rgb(0 0 0 / 56%) 5%; 
    background: linear-gradient(0deg, rgb(0 0 0 / 56%) 5%, rgb(0 0 0 / 9%) 43%, rgb(255 255 255 / 3%) 76%);
    z-index: 0;}


.bank-div{border-radius: 10px; color:#212529 !important;
    padding: 24px 30px;
    text-align: center;
    /* margin-bottom: 10px; */
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*box-shadow: 2px 2px 30px -25px #ab830f;
    border: 1px solid rgb(209 175 75 / 74%);*/
}
.bank-icon{ width: 50px;
    margin-bottom: 10px;
    filter: invert(1)brightness(0);
    opacity: .6;}

.mb-col{margin-bottom: 10px}
.bank-col{padding-left: 5px; padding-right: 5px}
.bank-text{ margin-bottom: 0px;
    font-size: .875rem;
    line-height: 21px;
    font-family: 'poppinsmedium';}


.vio{background: #ecf4fb}
.gre{background: #ecfbf3;}
.org{background: #fbf8ec;}
.pin{background: #fbecfa;}
.red{background: #fbeeec;}


.vio, .gre, .org, .pin, .red
{transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}


.vio:hover{box-shadow: 0px 0px 0px 2px #d3d8eb;}
.gre:hover{box-shadow: 0px 0px 0px 2px #ccefdc;}
.org:hover{box-shadow: 0px 0px 0px 2px #efe9d1;}
.pin:hover{box-shadow: 0px 0px 0px 2px #ebd1e9;}
.red:hover{box-shadow: 0px 0px 0px 2px #efd2ce;}








/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////******************** BANKING  NEW************************/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.loan-new{background: #f6f6f6}
.interest-rate{ display: flex; background: white; margin-bottom: 20px}
.int-img {
    object-fit: cover;
    width: 100%;
}

.int-body {
    padding: 20px;
    height: 100%;
    display: block;
    color: #333;
}

.int-image{object-fit: cover; width: 100%;}
.loan-name-new{font-size: 1.125rem;
    font-family: 'poppinslight';
    margin-bottom: 12px;}

.int-img{position: relative;}
.int-per{ font-family: 'Dosis', sans-serif;
    font-weight: 700;
    font-size: 1.1875rem;
    line-height: 65px;
    position: absolute;
    top: -5px;
    left: 15px;
    padding: 10px;
    background: rgb(9 163 233);
    /* border-radius: 6px; */
    width: 73px;
    height: 65px;
    text-align: center;
    color: #ffffff;
    letter-spacing: .5px;
    border-radius: 0px 0px 12px 0px;}

.yellow{color: }



/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////******************** loan *********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.ov-hidden{overflow: hidden;}
.r-row{margin-left: 0px; margin-right: 0px}
.loan-main{/*box-shadow: 0 0 10px rgb(0 0 0 / 20%);*/
    border-radius: 10px;
    border:1px solid #dce6ef;
    overflow: hidden;
    background: white;
    height: 100%;
    position: relative;
    padding-bottom: 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.loan-main:hover{
    border-color: #00a1ff;
}

.loan-img {
    position: relative;
    overflow: hidden;
}
.loan-img img {
    width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.loan-main:hover .loan-img img{
    transform: scale(1.1);
}


.loan-info {
    padding: 15px;
}

.loan-title {
    font-size: .9375rem;
    font-weight: 800;
    margin-bottom: 8px;
}

.loan-desc {
    /*font-size: .8125rem;*/
    margin-bottom: 0px;
}

.loan-name{ font-size: 1rem; font-family: 'poppinssemibold';}

h2{ font-size: 1.5rem; font-family: 'poppinssemibold';}
.small-para{font-size: 1rem; color: #6c6969; margin-bottom: 32px;}
.loan-details{padding: 28px 15px 15px}
.loan-details .view-all {
    /*background-color: rgb(171 171 171) !important;*/
    background-color: #eb870b !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    font-size: .6875rem !important;
    margin-top: 16px !important;
}

.loan-details .view-all:hover
{background-color: rgb(116 113 113) !important;}
.intr-div{
    margin-top: -35px;
    margin-left: -10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.loan-main:hover .intr-div{
    margin-left: 0;
}
.intr-rate {
    width: calc(100% - 90px);
    height: 44px;
    padding: 12px 12px 12px 12px;
    text-transform: uppercase;
    /*background-color: #f1f1f1;*/
    background-color: #00a1ff;
    color: white;
    font-family: 'poppinsmedium';
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -moz-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}

.intr-more {
    display: none;
    width: 60px;
    background-color: #ffffff;
    cursor: pointer;
    background-image: url(../img/icons/right-arrow.svg);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    padding: 22px 0em 22px 2.2em;
}

.intr-rate, .intr-more {
    float: left;
}








/***************************************************/
/*********************footer************************/
/***************************************************/
#corover-cb-widgetbox{
    bottom: 0!important;
    height: auto!important;
    width: auto!important;
    right: 0!important;
}
#corover-chatbox{
    max-height: 330px;
}
@media(max-width:640px){
#corover-cb-widgetbox{display:none!important;}
}

.logo-round{width:150px;}
footer {
    font-size: .875rem;
    background-color: #112b4e;
    color: rgb(255 255 255 / 74%);
}

.no-padding {
    padding-right: 0px;
    padding-left: 0px;
}

.first-container {
    padding-top: 1px;
}

.find-col {
    width: 85%;
    margin: 0 auto;
    float: none;
    background-color: white;
    border: 1px solid #e4e4e4;
    padding: 25px 32px;
    margin-top: -48px;
    webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 4px 7px 0px rgb(0 0 0 / 5%);
}


.find-box {
    width: 30%;
}

.find-para {
    text-transform: uppercase;
    font-size: 1.1875rem;
    margin-bottom: 0px;
    position: relative;
    bottom: -4px;
    line-height: 20px;
    color: #333;
}

.find-box, .find-form, .near, .find-btn {
    float: left;
}

.find-form {
    width: 70%;
}

.find-input-group {
    position: relative;
}

.find-input-group {
    width: 100%;
}
.find-img {
    position: absolute;
    left: 25px;
    top: 6px;
    z-index: 4;
}

.find-form input {
    width: 60% !important;
}

.form-control, .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}


.form-control:focus { border-color: #0a4b67 !important}


.findinp {
    height: 40px;
    padding-right: 15px;
    padding-left: 68px;
    display: inline-block !important;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

.form-control {
    color: #515151;
}

.find-form .input-group-btn {
    width: auto !important;
}


footer .btn:hover {
    background-color: #414141;
    color: white;
}

.find-form .input-group-btn button {
    width: 100%;
}

.findbtn {
    height: 40px;
    padding: 8px 42px 5px 42px;
    border-radius: 0px;
    border: none;
    background-color: #00a1ff;
    color: white;
    text-transform: uppercase;
    font-family: 'poppinsmedium';
}

.clear-fix {
    clear: both;
    float: none;
}

.top-container {
    border-bottom: 1px solid rgb(194 194 194 / 14%);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.bottom-container, .top-container {
    padding-top: 35px;
}

.foot-head {
    text-transform: uppercase;
    font-size: .9375rem;
    font-family: 'poppinsregular';
}

.link-col ul li {
    margin-bottom: 7px;
}

.add-para {
    color: rgb(255 255 255 / 74%);
    line-height: 28px;
}

.img-head {
    color: rgb(255 255 255 / 74%);
    font-family: 'poppinsmedium';
    font-size: 1.5rem;
    margin-top: 10px;
}

.f-right {
    float: right;
    text-align: center;
}

.foot-img-col {
    display: table;
}

.bt-list li {
    display: inline-block;
    margin-right: 17px;
}

.bt-list li a {
    color: rgb(255 255 255 / 74%);
    font-size: .8125rem;
}

.bottom-container {
    border-top: 1px solid rgb(194 194 194 / 14%);
    margin-top: 30px;
    padding-bottom: 12px;
}

.power-col {
    font-family: 'poppinsmedium';
    font-size: .75rem !important;
    text-align: right;
}


.power-col a {
    color: rgb(255 255 255 / 74%);
}

.bottom-footer {
    margin-top: 10px;
}

.bottom-footer p {
    font-size: .8125rem;
}

.foot-top-head {
    text-transform: uppercase;
    font-family: 'poppinsmedium';
    font-size: 1.0625rem;
    margin-bottom: 25px;
}
.boxmain{
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
}

.box {
    display: inline-flex;
    margin-right: 1rem;
}

.cn-col .sub-box {
    vertical-align: top;
    display: inline-flex;
    align-items: center;
}

.sub-box1 {
    padding-right: 15px;
}

.sub-box {
    display: table-cell;
}


.mail-box .sub-box {
    vertical-align: middle !important;
}

.mail-box img, .no-box img {
    filter: invert(1);
    opacity: .7;
}

.phone-number p {
    font-size: 1.375rem !important;
    margin-bottom: 0px;
    line-height: 32px;
}

.phone-number p {
    font-size: 1.375rem !important;
    margin-bottom: 0px;
    line-height: 32px;
    margin-right: 20px;
}

.pd-l-15 {
    padding-left: 15px;
}


.newsletter {
    width: 100%;
}

.newsletter .input-group {
    width: 90%;
}

.newsletter .form-control {
    border-radius: 0px;
    border: none;
}

.form-control, .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.form-control {
    color: #515151;
}

.subscribinp {
    height: 55px;
    padding-right: 42px;
    padding-left: 42px;
    margin-bottom: 15px !important;
    display: inline-block !important;
    border: 1px solid white !important;
}

.input-icon {
    position: absolute;
    right: 25px;
    top: 20px;
    z-index: 3;
    color: #a9a9a9;
}

.subscribbtn {
    height: 55px;
    padding: 8px 42px 5px 42px;
    border-radius: 0px;
    border: none;
    background-color: #ffae00;
    color: black;
    font-family: 'poppinsregular';
    text-transform: uppercase;
}


ul.footer-social {
    
}

ul.footer-social li {
    display: inline-block;
    margin-right: 7px;
}

ul.footer-social li a {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid;
    border-radius: 50%;
    color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
ul.footer-social li a:hover{
    color: #00a1ff;
    transform: translateY(-3px);
}


.link-col ul li a:hover, .bt-list li a:hover {
    color: #ffffff !important;
}





/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////********************mobileapp*********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.mobileapp{
    background-color: #00a1ff;
    background-position: center;
    background-size: cover;
    background-image: url(../img/images/appbg.jpg);
}
.mobileapp h2{
    font-size: 2rem;
    font-family: 'poppinsregular';
    color: #fff;
}
.mobileapp h2 span{
    font-family: 'poppinsbold';
    display: block;
    font-size: 2.5rem;
}
.mobileapp .imgcol{
    max-width: 400px;
    margin: auto;
}
.mobileapp .imgcol img{
    max-width: 100%;
}
.mobileapp .fvcenter{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.mobileapp p{
    color: #f7f7f7;
}
.featlist{
    display: flex;
    flex-flow: wrap;
    margin: 1rem -10px;
}
.featlist li{
    flex: 1 0 50%;
    padding: 10px;
}
.featlist li .iconbox{
    display: flex;
    flex-flow: wrap;
    align-items: center;
    color: #f7f7f7;
    border-radius: 0.3rem;
}
.featlist li .icon{
    width: 50px;
    margin-right: 15px;
    background-color: #00a1ff;
    padding: 8px;
    border-radius: 0.3rem;
}
.featlist li h5{
    margin-bottom: 0;
    font-size: 1rem;
}
.dwnbtn{
    background-color: #d7f0ff;
    display: flex;
    width: 150px;
    height: 50px;
    justify-content: center;
    border-radius: 0.3rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.dwnbtn:hover{
    background-color: #b6e5ff;
}





/********************* rate ***********************/
.rate{background-color: white; padding-top: 35px; padding-bottom: 95px}
.rate-h3{text-transform: uppercase;font-size: 1.375rem; margin-bottom: 30px}
.rate-h4{text-transform: uppercase;font-size: 1.1875rem; margin: 0px; padding: 22px 30px}
.depo-detail{border:1px solid #e8e8e8;}
.green{color: #197b30}
.percent{font-size: 63px; font-family: 'poppinsextralight'; height: 67px;
    display: inline-block; margin-right: 12px}
.fix-text{font-size: 1.25rem; margin-top: 6px}
.one{font-size: 31px}
.fixed-link{margin-bottom: 0px}
.fixed-link li a{color:#333; padding: 24px 30px; display: block;}
.fixed-link li:hover .green{color: #0c81c4}
.fixed-link li:hover{background-color: #f4f4f4}
.fixed-link li{border-top:1px solid #e8e8e8;}
.view-all{background-color:#00a1ff; color: white !important; text-transform: uppercase; border-radius: 4px;
 font-size: 1.0rem; padding: 10px 11px 4px !important}
.gen-para .view-all{ position: relative; top: -2px;}
.read-more{padding: 10px 20px;
    background: #18b4fb;
    display: inline-block;
    /* box-shadow: 0px 20px 20px -15px #00000059; */
    border-radius: 4px;
    position: relative;
    padding-right: 47px;
    color: white !important;
    font-size: .8125rem;}

.read-more-new {
   display: inline-block;
    /* box-shadow: 0px 20px 20px -15px #00000059; */
    position: relative;
    padding-right: 30px;
    color: #535156 !important;
    font-size: .6875rem;
    text-transform: uppercase;
    font-family: 'poppinsmedium';
}

.read-more-new:hover .q-icon-new{right:0px;}


.enquire {
    background-color: #00a1ff;
    color: white !important;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 13px;
    padding: 11px 18px 9px !important;
}


.enquire:hover{background: #eb870b;}

.q-icon-new {
    width: 18px !important;
    margin-left: 12px;
    position: absolute;
    right: 5px;
    top: -2px;
}


.q-icon {
    width: 19px !important;
    margin-left: 12px;
    filter: invert(0) brightness(15);
    position: absolute;
    right: 19px;
}

.yellow{color: #ffc506}

.read-more:hover .q-icon{right:14px;}
.rate .view-all{float: right;}
.gal-div{display: block; margin-bottom: 20px}
.width-100{width: 100%; height: auto;}
.video-col{padding-right: 5px;padding-left: 5px;}
.vid-overlay{background-color: rgba(255,255,255,0); position: absolute;width: 100%; height: 100%; top:0px; left: 0px}
.vid-div{position: relative; text-align: center;}
.vid-div iframe{border:none;}
.vid-overlay .box{width: 100%; height: 100%}
.vid-overlay .box .sub-box{vertical-align: middle;}
.vid-link i{font-size: 40px; color: transparent;}
.vid-div:hover .vid-overlay{background-color: rgba(255,255,255,.7); }
.vid-div:hover i{color:white}
.ad-col{display: block; cursor: pointer;box-shadow: 2px 2px 20px -10px rgb(0 0 0 / 34%);
    border: 9px solid white;
    border-radius: 10px;}
.ad-col img{ border-radius: 10px;}
.col1, .col3{width: 35%}
.col2{width: 30%}
.blue {color: #00a1ff !important;}

/*video*/
.videoWrapper {
  position: relative;
  padding-bottom: 55.25%; /* 16:9 */
  padding-top: 13px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.med {
    font-family: 'poppinsmedium';
}







/*************************************************************/
/*********************  innerpage general  *******************/
/*************************************************************/



.inner-page-slide {
    position: relative;
    background-size: cover;
    background-position: top center;
    /*height: 150px;
    margin-top: 135px;*/
    height: 274px;
}

.in-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgb(0 0 0 / 45%);
}


.slide-in {
    display: flex;
    align-items: flex-end;
    height: 100%;
}


.in-slide-head {
    font-size: 37px;
    margin-bottom: 5px;
    line-height: 47px;
    display: table;
  /*  margin: 0 auto;*/
    color: white;
    font-family: 'poppinssemibold';
}


.inner-slide-cont {
    height: 100%;
    position: relative;
    z-index: 5;
}




/*breadcrumb*/
.breadcrumb{}
.breadcrumb-div {
    width: 100%;
    bottom: 0px;
}

.breadcrumb {
    background: transparent;
    color: white;
    padding: 2px 0px;
    width: auto;
    align-items: center;
    border-radius: 0px;
    margin-top: 0px !important;
    position: relative;
    z-index: 4;
    margin-bottom: 20px;
    flex-wrap: nowrap !important;
}

.breadcrumb>li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.breadcrumb li a {
    color: #ffffff !important;
    font-size: .8125rem;
    padding: 7px 3px;
    display: inline-block;
}

.breadcrumb>li+li:before {
    content: "\f35a";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #00a1ff;
    font-size: .875rem;
    padding-left: 6px;
    padding-right: 6px;
}

.breadcrumb li.active a {
    color: #0aaaf3 !important;
}




/*form*/
.message input[type=text], .message input[type=number], .message input[type=tel], .message input[type=email],
 .message input[type=password], .message input[type=date], .message textarea, .message select {
    margin-bottom: 0px;
    border: 1px solid #dddddd;
    min-height: 38px;
    height: 38px;
    line-height: 19px;
    border-radius: 4px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #717171;
}
.message textarea {
    height: 100px;
    color: #717171
}

.radgroup
{color: #717171;}

input[type="radio"]{height: 16px; width: 16px}
.radgroup input[type="radio"]{position: relative; bottom: -3px}


.message input[type=text]:focus, .message input[type=number]:focus, .message input[type=tel]:focus, .message input[type=email]:focus,
 .message input[type=password]:focus, .message input[type=date]:focus, .message textarea:focus, .message select:focus

{   box-shadow: none !important;
    outline: none !important;
    border: 1px solid #0a4b67 !important;}



/*****************************************************************/
/*********************  search ************************/
/*****************************************************************/
.in-body h2.search-h2{border-bottom: none; text-transform: capitalize;}
.search-div {
    background: white;
    margin-bottom: 20px;
    border-radius: 12px;
    padding: 30px 20px;
    border: 1px dashed #c3bebe;
}
.search-div .gen-para{margin-bottom: 5px;}
.search-div:hover{border:1px solid #00a1ff; box-shadow: 1px 1px 50px -30px rgb(0 0 0 / 38%);}
.search-div:hover .search-h2{color: #00a1ff;}

/*****************************************************************/
/*********************  contact page ************************/
/*****************************************************************/


.contact-head{font-weight: 600;}

.contact-main .mail-box img, .contact-main .no-box img{filter: none; opacity: 1}

.contact-main .phone-number p{ font-size: 1.687rem !important; color: #00a1ff;    font-weight: 700;
font-family: 'Roboto', sans-serif;}

.contact-main .foot-top-head{ border-bottom: 1px dashed silver;}

.cnt-icon{height: 25px}

.icon-fig{width: 45px;
    height: 45px;
    border-radius: 100%;
    box-shadow: 7px 6px 20px -8px rgb(23 154 187 / 73%);
    text-align: center;
    line-height: 37px;
    border: 1px solid #00a1ff; margin-bottom: 0px}

.contact-main .address{line-height: 24px;}

.p-semi-bold{font-family: 'poppinssemibold';}

iframe {
    width: 100%;
    height: 330px;
    border: none;
    border-radius: 8px
}





/*****************************************************************/
/*************************  branch locator  **********************/
/*****************************************************************/
.intr-rate { font-size: 1rem;}
header .mynav .megamenu a.mainli{font-size: 1rem;}
header .menuitems .menunav a{font-size: 1rem;}

.branch-col{padding: 20px;
    box-shadow: 17px 18px 40px -30px rgb(23 154 187 / 38%);
    border-radius: 12px;
    height: 100%;
    padding-bottom: 50px;
    position: relative;
    border: 1px solid rgb(132 190 205 / 28%);}
.branch-col .view-all{ position: absolute; bottom: 20px;}
.branch-name{ font-family: 'poppinssemibold'; border-bottom: 1px dashed silver;}
.branch-details{margin-bottom: 0px}
.branch-details li{
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.info-name{width: 150px; position: relative;}
.info-name:after{
    position: absolute;
    content: ":";
    top: 5px;
    right: 20px;
    z-index: 99;
}
.info-text{width:calc(100% - 105px);}
.branch-main{margin-bottom: 30px}
.field-form{    font-size: .875rem;
    border: 1px solid #e0e7f3;
    height: 40px;
}

.submit, .reset{
    color: white !important;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: .75rem;
    display: inline-block;
    padding: 9px 15px; text-align: center; min-width: 100px; cursor: pointer}

.submit{background-color: #00a1ff;}
.submit:hover { background-color: #0e6d99;}
.reset:hover{background-color: #cf340b}
.reset{background-color: #e95709}

.button-right{    display: flex;
    align-items: center;
    justify-content: flex-end;}

.button-center{    display: flex;
    align-items: center;
    justify-content: center;}

.button-center.small .submit, .button-center.small .reset{ padding: 9px 15px 7px; min-width: 104px;font-size: .6875rem;}

.button-center .adm-btn{margin-left:2px; margin-right: 2px}

.button-right .reset{margin-left: 10px}

.big-search{background: #f0f3fa; padding-right: 35px;}

.pos-rel{position: relative;}
.search-img-cont{position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 34px; cursor: pointer;}
.search-img{ width: 20px;
    /*filter: saturate(0.2);*/
    /*opacity: .6;*/
    
}
label{font-family: 'poppinssemibold' !important;
    font-size: .75rem !important;
    margin-bottom: 5px !important;}
.or-div{text-align: center; position: relative;}
.or-span:after{content: '';
    width: 70%;
    height: 4px;
    /* background-color: #ddd; */
    border-top:1px solid #e0e7f3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    z-index: -1;}

.or-span{outline-color: #fff; background: white;
    outline-style: solid;
    outline-width: 12px;}

.branch-form{    padding: 20px;
    box-shadow: 17px 18px 40px -30px rgb(23 65 187 / 27%);
    border-radius: 12px;
    border: 1px solid #e0e7f3;margin-bottom: 35px}



/*unclaimed deposit*/
.rd-div{float: left;}
.rd-div.two {padding-left: 10px}
.rd-div input{margin-right: 3px}
.radgroup{margin-bottom: 10px}






/*branch locator map*/
.modal-header {
    padding: 0px;
    border-bottom: none;
}

.branch-md-head {
    color: #00a1ff;
    padding: 20px;
    margin-bottom: 0px;
    font-family: 'poppinssemibold';
    font-size: 1rem;
}

.modal .close {
    margin-bottom: -118px;
    margin-top: 10px;
    margin-right: 10px;
    z-index: 8;
}

.branch-modal .close {
    margin-top: 1px !important;
}

.branch-modal .modal-body {
    padding: 0px 15px;
}

.modal-iframe {
    /*border: 1px solid rgb(132 190 205 / 38%);*/
    border:1px solid #e0e7f3;
    border-radius: 8px;
    width: 100%;
    height: 400px;
    margin-bottom: -6px;
}

.branch-modal .modal-footer {
    border-top: none;
}

.branch-modal .btn-danger {
    border-radius: 4px;
    font-size: .8125rem;
}





.neumorphic {
  box-shadow: 12px 12px 24px 0 rgba(0, 0, 0, 0.2),
    -12px -12px 24px 0 rgba(255, 255, 255, 0.5);
  font-size: 5rem;
  width: 200px;
  height: 200px;
  border-radius: 40px;
  overflow: hidden;
  padding: 1.3rem;
  display: flex;
}

.neumorphic--pressed {
  box-shadow: inset 6px 6px 10px 0 rgba(0, 0, 0, 0.2),
    inset -6px -6px 10px 0 rgba(255, 255, 255, 0.5);
}

.variation2 {
  justify-content: space-around;
  align-items: center;
}






/*****************************************************************/
/****************************  innerpage  ************************/
/*****************************************************************/

.sidemenu{width: 300px}
.contentarea {
    min-width: calc(100% - 300px);
    width: calc(100% - 300px);
}

.side-ul li{display: block;}

.side-ul{box-shadow: 14px 13px 50px -30px rgb(0 0 0 / 38%);
    border-radius: 12px;
    padding: 10px; margin-bottom: 0px}

ul.side-ul li a {
    padding: 13px 0px;
    padding-right: 30px;
    padding-left: 10px;
    color:#333 !important;
    display: block;
    border-bottom: 1px dashed rgb(192 192 192 / 88%);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: relative;
}
ul.side-ul li a .icon {
    width: 24px;
    display: inline-flex;
    margin-right: 8px;
    position: relative;
    top: 5px;
}

ul.side-ul li:last-child a{border-bottom: none;}

ul.side-ul li a:after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    font-size: .625rem;
    color: #00a1ff;
    border: 1px solid transparent !important;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
ul.side-ul .dropright .dropdown-toggle::after{
    content: '\f054';
}
.dropright:hover>.dropdown-menu {
  display: block;
}
.dropright .dropdown-menu{
    margin: 0;
    position: absolute;
    transform: translate3d(250px, 0px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    font-size: .875rem;
    min-width: 250px;
}
.dropright .dropdown-menu li a{
    padding: 8px 0;
    padding-left: 10px;
    padding-right: 30px;
}
.dropright .dropdown-menu .dropright .dropdown-menu{
    margin-left: -2px;
}


ul.side-ul li a:hover:after, ul.side-ul li.active a:after {
    border-color: #00a1ff !important; content: '\f061';
}

.menu-title{ 
    font-family: 'poppinssemibold';
    text-transform: uppercase;
    background: #00a1ff;
    border-radius: 8px 8px 0px 0px;
    display: inline-block;
    padding: 10px 20px 8px;
    line-height: 22px;
    color: #ffffff;
    /* font-family: 'poppinsmedium'; */
    font-size: .8125rem;
    margin-bottom: 0px;
    display: flex;
    /* display: none;*/
}

.menu-side{ width: 19px;
    margin-right: 7px;
    margin-top: -3px; display: none;}



.in-body h2{    text-transform: uppercase;
    font-family: 'poppinssemibold';
    font-size: 1.0625rem;
    margin-bottom: 14px;padding-bottom: 2px;
    border-bottom: 1px dashed silver;


/*    background: #e9eef7;
    display: table;
    border-radius: 20px;
    padding: 7px 12px 4px;*/

}


.in-body h3{    font-size: .875rem;
    font-family: 'poppinsmedium';
    background: #e5f5ff;
    display: table;
    margin-bottom: 15px;
    border-radius: .3rem;
    padding: 7px 12px 4px;
}

.in-body h4{font-family: 'poppinsmedium';
    font-size: 16px;
    margin-bottom: 15px;}


/*****************************************************************/
/*financial inclusion innerpage*/
/*****************************************************************/
.tabsidebar .nav-tabs{box-shadow: 14px 13px 50px -30px rgb(0 0 0 / 38%);}
.tabsidebar .nav-tabs.financial-tabs .nav-item{width: 100%;margin: 0;float: none;}
.tabsidebar .nav-tabs.financial-tabs .nav-link span{ width: 100% !important;}
.tabsidebar .nav-tabs{flex-flow: column;}
.tabsidebar .nav-tabs .nav-link{text-align: left;border: none;font-size: 14px;flex-flow: wrap;}
.tabsidebar .nav-tabs .nav-link span{justify-content: flex-start;flex: 1;line-height: 18px;}

.btngorup{
    display: flex;
    flex-flow: wrap;
    margin: 0 -5px;
}
.btngorup a{
    padding: 8px 20px;
    display: flex;
    align-items: center;
    background: #F44336;
    font-size: .75rem;
    color: #fff;
    border-radius: .3rem;
    margin: 0 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.btngorup a:hover{
    background: #c33127;
}
.box-list .inlist{
    display: flex;
    flex-flow: column;
    color: #607d8b;
    margin-bottom: 10px;
}
.box-list .inlist li{
    padding: 0;
    position: relative;
    flex: auto;
    max-width: none;
    text-align: left;
    padding-left: 20px;
}
.box-list .inlist li:before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../img/icons/check-mark1.svg);
    position: absolute;
    left: 0px;
    top: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/*****************************************************************/
/*loan innerpage*/
/*****************************************************************/
.box-list{
    display: flex;
    flex-wrap: wrap;
}
.box-list li{
    flex: 1 0 25%;
    max-width: 25%;
    padding: 15px;
}
.box-item{
 
    border-radius: 5px;
    padding: 20px;
    transition: 0.3s;
    border: 1px solid #00a1ff6b;
    height: 100%;
    padding-bottom: 55px;
    position: relative;
}

.box-item .button-center {position: absolute; bottom: 20px; left: 50%; transform:  translateX(-50%);}

.box-item .loan-name{margin-top: 13px}

.box-p{line-height: 23px; color: #525252; margin-bottom: 10px;}
.box-item:hover{
    box-shadow: 4px 5px 20px 0px #0000001c;
}
.loan-icon{
    width: 50px;
    /* text-align: center; */
    margin: auto;
    display: flex;
}
.box-data{
    text-align: center;
    
}

.box-item a{
    display: flex;
    justify-content: center;
    color: #00a1ff;
}



.arrow1{
  color: #00a1ff;
position: relative;
margin-left: 10px;
top: 1px;
}

.box-item:hover .arrow1 {
  animation: slide1 1s ease-in-out infinite;
  margin-left: 10px;
}

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% { 
    transform: translate(10px, 0);
  }
}
.arr{
    transition: 0.3s;
}
.arr:hover, .arr:hover i{
color: #caab53;
}
.box-item1{
        width: 100%;
    margin: auto;
}


.new-card-body{box-shadow: 1px 1px 50px -30px rgb(0 0 0 / 38%)}


/*tab accordion*/
.tabmain{
    display: flex;
    flex-flow: wrap;
}
.tabsidebar{
    width: 300px;
    padding: 0 15px;
}
.tabcont{
    width: calc(100% - 300px);
    padding: 0 15px;
}
.nav-tabs .nav-item {
    display: inline-block;
    overflow: hidden;
    width: calc(100% / 6 - 6px);
    margin-left: 3px;
    margin-right: 3px; margin-bottom: 4px;
    float: left;
}

.ourwork-tab-wrap .nav-tabs{float: left; width: 100%}

.nav-tabs{overflow-x: auto;
    white-space: nowrap; display: block}

.ourwork-tab-wrap .nav-tabs {
    display: none;
    border-bottom: none;
}

.nav-item .nav-link{display: flex;flex-flow: column;align-items: center;height: 100%;justify-content: center;
    ;}
.tab-icon{    width: 32px;
    margin: 0 auto;
    margin-bottom: 8px;}
.nav-tabs .nav-link{ color: #7e8f97; border: 1px solid #ccc;
    border-radius: 4px; padding: 11px 15px;text-align: center;
    font-size: .75rem;}

 .nav-tabs .nav-link:hover
{color: #00a1ff;border-color: #00a1ff;}

.nav-tabs .nav-link.active{background: #00a1ff; color: white; border: 1px solid #00a1ff;}

.nav-tabs .nav-link.active img{
    filter: invert(1) brightness(0) invert(1);
    -webkit-filter: invert(1) brightness(0) invert(1);
}
.nav-tabs .nav-link .icon{
    width: 24px;
    margin-right: 10px;
}
.nav-tabs .nav-link span{display: flex; align-items: center; margin: 0 auto;
    white-space: normal;
    line-height: 15px;
}




/*scroll bar*/
/* width */
::-webkit-scrollbar {
  height: 6px;              /* height of horizontal scrollbar ← You're missing this */
  width: 8px;               /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}




/*****************************************************************/
/*********************** board of directors  *********************/
/*****************************************************************/
.team-col {
    margin-bottom: 10px;
}

.team .card {
    border: none !important;
    text-align: center;
}

.card {
    /*background: #e9eef7;*/
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    /* border: 1px solid #00a1ff; */
    margin-bottom: 15px;
    /*box-shadow: 0px 13px 35px -28px rgb(6 80 37);*/
    border-radius: 4px;
}

.team .card img {
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 15px;
    border-radius: 100%;
    width: 150px;
    max-width: 150px;
height:150px;
object-fit: cover;
    border: 1px solid rgb(9 163 233);
}

.team .card .card-body {
    /* background: #ebffe3; */
    /*border: 1px solid rgb(168 212 186);*/
    border-radius: 6px;
    padding: 10px;
    position: relative;
}

.team .card .card-body:after{content: '';
    width: 2px;
    height: 17px;
    background: #00a1ff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -11px;}

.team .card .card-title {
    color: #ffffff;
    margin-bottom: 10px;
    /* font-family: 'latobold'; */
    font-family: 'poppinssemibold';
    font-size: .9375rem;
    background: #00a1ff;
    padding: 6px 5px 4px;
    border-radius: 2px 14px;
}

.team .card .card-caption {
    font-size: .75rem;
    line-height: 19px;
}

.team{border-radius: 12px; padding: 20px; box-shadow: 1px 1px 50px -30px rgb(0 0 0 / 38%)}

.card-body{color: #333}
.card-body a{color:#333;}


/*****************************************************************/
/****************************  bank policy ************************/
/*****************************************************************/

.pdf{font-size: 34px; color: #e90e0e;}



/*****************************************************************/
/**************************  bancassurance **********************/
/*****************************************************************/

.insu-name{ font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: 'poppinssemibold';}
.insu-col{padding:30px 20px; border-radius: 12px; text-align: center; border: 1px dashed #c0c0c0c7; margin-bottom: 30px;
/*background:#f5f2f9;*/}
.insu-image{width: 227px;}
   


/*****************************************************************/
/****************************  responsive  ************************/
/*****************************************************************/

/*@media (min-width: 1600px){*/
/*.pd-2-35 {*/
/*    max-width: 1300px;*/
/*    margin-left: auto;*/
/*    margin-right: auto;}*/
/*}*/


@media (min-width: 1200px) and (max-width: 1300px){
.count-text{font-size:14px;}
}


@media (max-width: 1200px){
.desk-menu {display: block !important;}
}



@media (max-width: 1199px){
.countlist li:last-child{display: none;}
#mob-menu { display: block !important;}
.desk-menu, .small-menu, .search-col { display: none !important;}
.menu-btn{margin-top: -40px;}
.search-cont{margin-top: -25px;}
header.active .scroll-logo-div{display: block; }
.scroll-logo{height: 45px}
header.active .desk-menu-icon{margin-top: 5px}

}

@media (min-width: 992px) and (max-width: 1199px){
    .toll-list li span {
    padding-left: 5px;
    margin-left: 5px;
    font-size: 11px;}

.galimg-col { width: calc(100% / 3 - 10px) !important;}
.nav-tabs .nav-link span{width: auto}
.nav-tabs .nav-link{font-size: .625rem; padding: 11px 5px;}
.nav-tabs .nav-item{ width: calc(100% / 6 - 4px);
    margin-left: 2px;
    margin-right: 2px;}

.count-text{ font-size: 15px;}
.fixed-link li a{padding: 12px 30px;}
.box-list li {flex: 1 0 33.33%; max-width: 33.33%;}
}


@media (min-width: 992px){
  header.active {
    transform: translateY(-114px) !important;
    -webkit-transform: translateY(-114px) !important;}
}


@media (max-width: 991px){
.header-top{display: none;}

.foot-img-col.pd-l-15{padding-left: 0px}
.contentarea { min-width:100%;width: 100%;}
.sidemenu {width: 100%; margin-top: 25px}
.team {
    border-radius: 0px;
    padding: 0px;
    box-shadow: none;}
}

@media (min-width: 768px){
.ourwork-tab-wrap .nav-tabs {display: flex;}
.ourwork-tab-wrap .card .card-header {display: none;}
.ourwork-tab-wrap .card .collapse {display: block;}
.ourwork-tab-wrap .gen-acco .card {border:none !important;}
.slideimage{display: flex !important;}
.mob-slider { display: none !important;}
.icon-circle{display: none !important;}
.slide-list-cont{right: 10px;}
}

@media (max-width: 767px){
.slide-list-cont{right: -116px;}
.icon-circle{display: block !important;}
.slideimage{display: none !important;}
.mob-slider { display: block !important; height: calc(100vh - 50px);}
.find-img{ left: 10px; top: 9px;}
.find-box{ width: 100%; margin-bottom: 15px}
.findinp{ padding-left: 50px;}
.find-form { width: 100%;}
.follow-col .cn-col.pd-l-15, .link-col.pd-l-15{padding-left: 0px}
.power-col{text-align: center;}
.media-col{padding-left: 0px; padding-right: 0px}
.foot-logo-col{padding-left: 0px}
.foot-img-col.f-right{float: none; margin: 0 auto}
ul.footer-social li{margin-right: 3.5px; margin-left: 3.5px}
footer{text-align: center;}
footer .find-para{text-align: left;}
footer .boxmain .box{display: block; margin-bottom: 10px; margin-right: 0px; width: 100%}
footer .boxmain .box .sub-box{display: block;}
footer .boxmain .box .sub-box1{padding-right: 0px; margin-bottom: 10px}
.phone-number p{margin-right: 0px}
.ourwork-tab-wrap .tab-content > .tab-pane {
    display: block !important;
    opacity: 1;
    margin-bottom: 10px;
}
.branch-form .button-right { justify-content: center !important;}
.slide-list-cont ul li a .icon{width: 22px;
    padding: 0px; 
    border-radius: 0%;
    border: none;}
.slide-list-cont{top: 52%}
.slide-list-cont ul li { margin-bottom: 3px;}
 .news{
    left: 0;
    right: 0;
    bottom: 0;
 }   
 .news .slidernews{width: calc(100% - 60px);border-radius:0;}
 .slider .newsbtn{right:0;border-radius: 0;}
 .countlist {flex-wrap: wrap;}
 .countlist li{flex: 1 0 50%}
 .mainslider .swiper-pagination{left: 15px; right: auto;}
/* .swiper {*/
/*    margin-left: 0 !important;*/
/*}*/
}

@media (min-width: 768px) and (max-width: 991px){
.pd-2-35 {
    padding-left: 30px;
    padding-right: 30px;}
.galimg-col {width: calc(100% / 2 - 10px) !important;}
.news .slidernews{width:520px;}
.countlist li{padding: 10px 4px;}
.count-icon {
    width: 42px;
    margin-right: 8px;}
.count-text{font-size: 13px;line-height: 17px;}
.counter-icon-div{padding: 12px 18px;}
.mobileapp h2 {font-size: 1rem;}
.featlist li .icon{margin-right: 12px;}
.featlist li h5{width: calc(100% - 62px)}
.fixed-link li{width: 50%;float: left;}
.fixed-link { width: 100%; float: left;}
.fixed-link li:first-child a{border-right: 1px solid #e8e8e8;}
.box-list li {flex: 1 0 50%; max-width: 50%;}
}


@media (min-width: 576px) and (max-width: 767px){
.box-list li {flex: 1 0 50%; max-width: 50%;}
.pd-2-35 {
    padding-left: 15px;
    padding-right: 15px;}

.fixed-link li{width: 50%;float: left;}
.fixed-link { width: 100%; float: left;}
.fixed-link li:first-child a{border-right: 1px solid #e8e8e8;}
.banking-main .col{flex-basis: 30%; margin-bottom: 10px;}
.logo { height: 68px;}
header.active {
    transform: translateY(-78px);
    -webkit-transform: translateY(-78px);}
}



@media (max-width: 575px){
.top-swiper .swiper-wrapper{ margin-left: 0px;}
.search-div{padding: 25px 15px;}
.box-list li {flex: 1 0 100%; max-width: 100%;}
.cd-dropdown-content, .cd-dropdown-content ul{padding: 15px 20px !important;}
.center-image{ height: 53px !important;}
.logo { height: 53px;}
.logo-cont {width: 227px;}
.s-btn-div { width: calc(100% - 227px);}
.language .btn-outline-secondary.dropdown-toggle{padding: 3px; font-size: 11px;}
.menu-btn { margin-top: -35px;}
header.active {
    transform: translateY(-63px);
    -webkit-transform: translateY(-63px);}
ul.fontsize, .theme{display: none;}
.find-img {left: 2px;}
.findinp { padding-left: 26px; padding-right: 5px}
.find-col{width: 100%;padding: 25px 15px;}
.findbtn{padding: 5px 17px 5px 17px;}
.banking-main .col{flex-basis: 50%; margin-bottom: 10px;}
.prop-col, .upi-col{flex-basis: 49%;}
.prop-col.mb-col{margin-bottom: 0px}
.bank-text{font-size: 13px; line-height: 17px;}
.bank-div{ padding: 15px 30px;}
.bank-icon {width: 40px; margin-bottom: 5px;}
.mobileapp h2 {font-size: 1rem;}
.mobileapp h2 span { font-size: 2rem;}
.featlist li { flex: 1 0 100%; padding: 5px 10px;}
.featlist li .icon { width: 44px;}
.galimg-col { width: calc(100% / 2 - 6px) !important; margin-left: 3px;  margin-right: 3px;}
.galimg-col .hovereffect {
    height: 120px;
}
.pd-2-35 {
    padding-left: 15px;
    padding-right: 15px;}
body{font-size: .8125rem}
.gen-para{font-size: .8125rem; line-height: 22px;}
.gen-list li{ line-height: 22px; margin-bottom: 11px; padding-left: 24px;}
.gen-list li:before{ width: 13px; height: 13px;}
.wel-top-bottom {
    padding-top: 40px;
    padding-bottom: 40px;}
.breadcrumb li a{font-size: .75rem; padding: 4px 3px;}
.breadcrumb>li+li:before{ font-size: .6875rem;}
.breadcrumb li a{ padding: 5px 3px;}
.in-slide-head {font-size: 1.5rem; line-height: 32px;}
.table-hover td {line-height: 22px;}
#accordion2 .card-body{padding: 20px 15px;}
.ourwork-tab-wrap .gen-acco .card-body{padding: 20px 15px;}
.modal-iframe{height: 300px}
.branch-form {padding: 15px;}
.counter-icon-div{display: block; text-align: center;}
.count-icon{margin-right: 0px; margin-bottom: 10px}
.count-text{font-size: 13px;}

}





@media (max-width: 319px){
 .find-input-group{justify-content: center  !important;} 
 .findbtn { padding: 5px 32px 5px 32px; margin-top: 10px}  
 .find-form input{width: 100% !important}
 footer .find-para{text-align: center;}
}











.video-inn-icon {
    position: absolute;
    display: block;
    z-index: 7;
    cursor: pointer;
    width: 75px;
    height: 50px;
 /*   border-radius: 7px;*/
    padding: 6px;
    font-size: 8px;
    background-color: rgba(233, 4, 4, 0.9);
    border-radius: 14%;
    color: white;
    left: calc(50% - 75px/2);
    top: calc(50% - 95px/2);
    text-align: center;
    margin-bottom: 0px;
}

.video-inn-icon i {
    font-size: 28px;
    margin-top: 6px;
    margin-left: 3px;
}

.video{
  display: flex;
  justify-content: center;
}



#favemical div {
    margin-bottom: 5px;
    display: flex;
    width: 100%;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: baseline;
}
.rightval{
    margin-bottom: 0 !important;
}
#favemipaysum div{
    background: #dff1ff;
}
#favemipaysum div:nth-child(even){
    background: #bbd7ed;
}


.digislider img{
    width: 100%;
}
.playstore{
    padding: 15px 25px;
    background-color: black;
    color: white;
    font-size: 1rem;
    border-radius: 3px;
    transition:0.3s;
}
.playstore:hover {
    padding: 15px 25px;
    background-color: #00a1ff;
    color: white;
    font-size: 1rem;
    border-radius: 3px;
}
.vwidth{
    width:100%;
}
.video-desc{
   background-color: #678597;
    padding: 10px;
    color: white;
    margin: 0 6px;
}

@media (max-width: 1200px){
.video-desc{
    margin: 0 5px;
}
.video-inn-icon {
    top: calc(50% - 113px/2);
}
}
@media (max-width: 992px){
.video-desc{
    margin: 0 4px;
}
.video-inn-icon {
    top: calc(50% - 120px/2);
}
}
@media (max-width: 767px){
.video-desc{
    margin: 0 11px;
    margin-bottom: 30px;
}
}
@media (max-width: 576px){
.video-desc{
    margin: 0 8px;
    margin-bottom: 30px;
}
}
@media (max-width: 425px){
.video-desc{
    margin: 0 6px;
    margin-bottom: 30px;
}
}
@media (max-width: 767px){
.swiper{
   margin-left:0 !important;
}
.news h4{
    right:8px;
}
}
/*@media (max-width: 991px){*/
/*.news h4 {*/
/*    right: 4px;*/
/*}*/
/*.newsprev {*/
/*    right: 0;*/
/*    left: 99.2%;*/
/*}*/
/*.newsnext {*/
/*    left: 104%;*/
/*}*/
/*}*/
/*@media (max-width: 767px){*/
/*.newsprev {*/
/*    right: 0;*/
/*    left: 91.5%;*/
/*}*/
/*.newsnext {*/
/*    left: 95.5%;*/
/*}*/
/*}*/
/*@media (max-width: 743px){*/
/*.newsnext {*/
/*    left: 92.5%;*/
/*}*/
/*.newsprev {*/
/*    right: 0;*/
/*    left: 88.5%;*/
/*}*/
/*.news h4 {*/
/*    right: 25px;*/
/*}*/
/*}*/
/*@media (max-width: 575px){*/
/*.news h4 {*/
/*    right: 12px;*/
/*}*/
/*}*/
/*@media (max-width: 425px){*/
/*.news h4 {*/
/*    right: 5px;*/
/*}*/
/*.newsprev {*/
/*    right: 0;*/
/*    left: 84.5%;*/
/*}*/
/*.newsnext {*/
/*    left: 91.5%;*/
/*}*/
/*.swiper{*/
/*    margin-left:0 !important;*/
/*}*/
/*}*/

.vwidth1 {
    width: 100%;
    border-radius: 8px;

}
.video-inn-icon1 {
    position: absolute;
    display: block;
    z-index: 7;
    cursor: pointer;
    width: 70px;
    height: 48px;
    /* border-radius: 7px; */
    padding: 8px;
    font-size: 24px;
    background-color: red;
    border-radius: 28%;
    color: white;
    left: calc(50% - 75px/2);
    top: calc(50% - 20px/2);
    text-align: center;
    margin-bottom: 0px;
}
.video1 {
    display: flex;
    justify-content: center;

}
.videoWrapper1 {
    position: relative;
    padding-bottom: 53%;
    height: 0;
}

.newflash{
    font-family: 'poppinsregular';
    color: #fff;
    padding: 4px 3px 2px 3px;
    border-radius: 0.3rem;
    background: linear-gradient(90deg, #E91E63, #ffd400, #e91e72, #FFC107);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;
    font-size: .6rem;
    /*margin-top: -15px;*/
	position: relative;
    top: -8px;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


.dot-r{
	position:relative;
}
.dot{
	    position: absolute;
    background: red;
    height: 10px;
    width: 10px;
    top: -3px;
    right: 4px;
    border-radius: 50px;
}

#chatbot-root{
	position: fixed;
    top: 140px;
    right: 50px;
    padding: 3px;
    border-radius: 100%;
    /* background-color: rgb(0, 123, 255); 
    color: rgb(255, 255, 255);
    border: none;
    font-size: 25px;
    line-height: 25px;*/
    width: 60px;
    height: 60px;
    cursor: pointer;
	z-index: 9999;
}
#c-mainlogo{
	top: 160px !important;
}

#c-dialog {
    z-index: 999999;
    position: absolute;
    display: none;
    background: white;
    color: black;
    line-height: 16px !important;
    font-family: sans-serif;
    padding: 7px 17px 7px 17px;
    width: 250px;
    text-align: left;
    right: 0px;
    top: 60px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(95, 71, 71, 0.24);
    border-radius: 10px;
    font-size: 12px;
    transition: all 0.6s ease-in-out;
}

#c-container{
	max-height: 65vh !important ;
}

#corover-cb-widget{
	bottom : -50px !important;
}