/******************** changes in 575 *************************/
/*@media (max-width: 575px){
.pd-lr0-575{padding-right: 0px; padding-left: 0px}
.col-576{padding-left: 0px; padding-right: 0px}
.pd-2-35 {padding-left: 0px; padding-right: 0px;}
.pd-2-35 .row{margin-left: 0px; margin-right: 0px}
.mrg-top-18{margin-top: 18px}
.mrg-btm-18{margin-bottom: 18px}
}*/


/******************** fonts used *************************/
/*font-family: 'ubuntumedium'; ubuntu, font-family: 'uni_neuelight';*/

/*html{scroll-behavior: smooth;} for smooth scrolling but not working in safari*/




/*body*/
body
{background-color:white !important;color:#3c3c3c !important; font-family: 'latoregular'; font-size: 14px; }

.cd-dropdown-trigger {color: #050505 !important;}




/**************************************************************************************************/
/*******************************************  select dropdown box style (select.css)   *******************************************/
/**************************************************************************************************/

 select{width:100%}
 .ui-select-trigger{box-sizing:border-box;display:inline-block;vertical-align:middle;cursor:pointer;background-color:#00000036;
    position:relative;border-radius:3px;width:100%!important;padding:0 15px;border:1px solid #a8d4ba !important;background:#fff;height: 42px !important;}
 .ui-select-trigger span{font-size:.8rem;color:#2a2828;display:block;height:42px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    line-height: 40px !important}
 .ui-select-trigger.active{border-color:#ccc;border-radius:3px 3px 0 0}.ui-select-trigger.active i,.ui-select-trigger:hover i{border-top-color:#ccc}.ui-select{position:absolute;z-index:7;display:none;border-top:none!important;border:1px solid #a8d4ba;min-height:10px;background-color:#ffffe3;width:100%!important}
 .ui-select-trigger i{position:absolute;right:15px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #e7500f;top:14px !important}.ui-select-content{list-style:none;padding:0;margin:0;color:#666}.ui-select-content li{padding:0 15px;overflow:hidden;word-break:break-all;line-height:1.3;cursor:pointer;    background-color: #ebfff3; border-bottom: 1px dashed #a8d4ba;height:44px!important;line-height:44px!important}.ui-select-content li:last-child{border-bottom:none}.ui-select-content li:not(.ui-select-item-disabled):hover{background-color:#ffeb7670;color:#666}.ui-select-content li.ui-select-item-disabled{color:#ccc;cursor:not-allowed}.ui-select-content li.ui-select-item-selected,.ui-select-content li.ui-select-item-selected:hover{background-color: #c8f5da;color: #057233;}.ui-select-disabled{background-color:#ddd;cursor:not-allowed}.ui-select-disabled span{color:#999}.ui-select-disabled i{border-top-color:#ccc}/*!*}*!*/



.branch-tabcol .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #057f38;
    border-color: #057f38 #057f38 #057f38;
}


.branch-tabcol .nav-tabs .nav-link.active .nav-img{filter: invert(1) brightness(14); opacity: .8;}

.branch-tabcol .nav-link
{border: 1px solid #a8d4ba;
border-radius: 4px !important;
background: #ebfff3;}

.branch-tabcol .nav-tabs{
    border-bottom: none;}

.branch-tabcol .nav-tabs li{margin-right: 4px}

.branch-tabcol .nav-tabs .nav-item{margin-bottom: 10px;}


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






/************* header divs *************/ 
.hd-shadow{box-shadow: 0px 26px 72px 98px rgb(11 11 11 / 32%);
    width: 100%;
    position: absolute;
    z-index: 4;}
header{font-size: 13px; z-index: 5;}
.rel-cont{ padding-top: 4px; min-height: 86px; position: relative;}
.header-top {padding: 11px 0px; margin-bottom: 5px; }
.hd-main{/*border-top: 2px solid #e7500f;*/transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.hd-main{position: absolute;width: 100%; top:0px; left:0px;z-index: 56}
.logo-col{display: block;/* z-index: 18;*/  position: relative;float: left;margin-top: 7px;}
.no-cont{float: right;}
.other-col{float: right; padding-left: 10px; width: calc(100% - 412px);margin-top: -5px; /*margin-top:10px;*/} 
header .logo{margin-top: -10px;/* height: 86px*/ /*width: 370px; */   margin-top: -29px;
    height: 95px;}
.logo{ /*max-height: 83px;  */  position: relative;
    z-index: 17;display: block; width: auto; }
/*.logo-div{background-color: white;
    position: absolute;
    left: 0px;
    top: -40px;
    padding: 40px 10px 10px 10px;
    border-radius: 0px 0px 8px 8px;}*/
.hd-main .cal-para,
.hd-main .navbar-nav>li>a,
.hd-main ul.header-social li a .fa
{color: white !important; opacity: 1 !important}

.detail-col{float: right; color: white;}


.in-other-cont{float: right;}
.bars-link{padding: 2px 11px 1px 12px !important;
   /* border: 2px solid white;
    margin-top: 3px !important;*/
    margin-top: 10px !important;
    margin-right: 10px;}

.desk-menu{margin-right: 0px;}

.desk-menu .effect.effect-1{padding-left: 46px;}
.desk-menu .extra-list .effect.effect-1{padding-left: 15px;}
.desk-menu .extra-list .effect.effect-1:before{display: none;}
.desk-menu .effect.effect-1:before{left:0px; width: 40px}

/*for large contents*/
.extra-list .sub2{ height: 430px;}
.extra-list .sub1{height: 435px}



.apply{ background-color: #e7500f;
    padding: 4px 9px 2px !important;
    margin-top: -5px !important;
    margin-right: 12px !important;margin-bottom: 0px !important;}




/**************************************** toll free *************************************************/
.phone img{filter: invert(1) brightness(14); margin-right: 3px; margin-top: -5px;}
.phone {color: white !important; font-family: 'poppinssemibold';float: right; margin-right: 10px; margin-top: 2px}



/**************************************** top link *************************************************/
.toplink-list li a{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.toplink-list {float: right;}
.toplink-list li {
    display: inline-block;
}
.toplink-list a:hover{color:#f68401 !important;}
.toplink-list a {
    cursor: pointer;
    color: rgb(255 255 255 / 71%) !important;
    font-size: 14px;
    text-decoration: none;
    padding: 1px 5px 0px;
    transition: color 0s;
    -webkit-transition: color 0s;
    line-height: 12px;
    display: block;
    text-transform: capitalize;}

.toplink-list li:first-child a {
    padding-left: 0 !important;
}

.toplink-list a:hover{color: white}

header .phone{font-size: 16px;}

/******************************************* search ********************************************/
.no-div, .cnt-btn{transition: all .5s ease; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;}




/*mob menu fixed icons*/
.quickbtnmob {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    /*display: none;*/
}

.quickbtnmob ul.slide-list {
    display: flex;
    flex-flow: nowrap;
    padding: 0;
    position: relative;
    background: #fcf7d9; padding-top: 5px !important; padding-bottom: 5px !important
}


.quickbtnmob ul.slide-list li {
    width: calc(100% / 5); float: left;text-align: center; margin-bottom: 0px !important
}

.quickbtnmob ul.slide-list li a {
    width: 100%; margin-left: 0px !important;
    height: 80px;
    line-height: 50px;
    line-height: normal;
    background-color: #fcf7d9;
    color: #efefef;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border: none;
    padding: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.quickbtnmob .slide-list img {
    margin: 0;
    width: 24px;
    margin-bottom: 3px;
    filter: none !important;
    margin: 0 auto; margin-bottom: 3px;
}

.quickbtnmob .slide-list p{color: #333; font-size: 13px; text-transform: capitalize;font-family: 'latoregular';}

.quickbtnmob ul.slide-list li a:hover img{filter: invert(1) brightness(14) !important;}
.quickbtnmob ul.slide-list li a:hover p{color: white}


/*for showing quickbtnmob*/
.cd-dropdown-content{padding-bottom: 50px}

.cd-dropdown{
	max-width:400px;
	right:0;
	left:auto;
}

/*mob menu*/
.mob-menu .has-children figure{display: none;}
.mob-menu .has-children a.effect.effect-1:before{display: none;}
.mob-menu .has-children a.effect.effect-1{padding: 0px 15px;}


/*search in header*/
.f-search {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: rgb(208 202 197 / 40%);
    border-radius: 100%;
    display: block;
    line-height: 33px;
    font-size: 18px;
    margin-top: 10px;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}

header .icon-search{color: white}

header .search-ul .dropright .dropdown-toggle::after
{display: none;}

header .search-ul .dropleft .dropdown-toggle::before
{display: none;}

header .search-ul .enter-email{    color: white !important;
    font-weight: normal;
    font-size: 15px;}

header .search-ul{ float: left; margin-right: 0px; margin-top: -6px;}

/**/

header .search-ul li.dropdown {
    float: left;
    /* border: 1px solid rgb(11 11 11 / 15%); */
    box-shadow: 0px 1px 15px -10px rgb(62 62 62 / 70%);
    border-radius: 4px;
    /*background-color: rgb(255 255 255 / 23%);*/
}

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;*/
    
}

/*if visible without click*/
header .search-drop {top:0px; margin-top: 0px;
    position: static;}

header .search-ul .dropdown .dropdown-toggle::after{display: none;}

header.header-dark .search-ul .enter-email {
    color: #ffffff !important;
}


.search-ul .subscribe_button {
   /* background-color: #e7500f;*/border-radius: 0px 4px 4px 0px;
}
.search-ul li.dropdown {
    float: left;
    /*border-bottom: 1px solid rgb(254 255 254 / 35%);*/
}


.search-drop {
    width: 300px;
    padding: 0px;
    background-color: transparent;
    /* border: 1px solid rgb(255 255 255 / 26%); */
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 3px;
    left: -15px !important;
}



footer .search-drop{width: auto;}
footer .search-ul, footer .search-ul li.dropdown{width: 100%}

#old .enter-email, .search-ul .enter-email{
    background-color: transparent;
    border-radius: 0px !important;
    color: rgb(255 255 255) !important;
}

.enter-email .subscribe_button {
    background-color: transparent;
    text-transform: uppercase;
    color: #424543;
    border: none;
    /* border-radius: 0px 20px 20px 0px; */
    height: 34px;
    line-height: 35px;
    width: 42px;
    position: relative;
    top: 0px;
    float: right;
    text-align: center;
}

.subscribe_button {
    position: relative;
    background-color: transparent;
    text-transform: uppercase;
    color: white;
    border: none;
    border-radius: 0px 0px 0px 0px;
    height: 34px;
    line-height: 35px;
    width: 42px;
    position: relative;
    top: 0px;
    float: right;
    text-align: center;
}

.subscribe_button:before{content: '';
    width: 1px;
    height: 13px;
    background-color: rgb(192 192 192 / 65%);
    position: absolute;
    left: 1px;
    top: 11px;}

.search-ul i.icon-search {
    font-size: 17px;
}


.enter-email {
    width: calc(100% - 42px) !important;
    padding: 15px 15px;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border: 1px solid #d3d3d3;
    background-color: rgb(16 16 16 / 73%);
    color: white !important;
    margin-bottom: 0px !important;
    float: left;
    min-height: 34px !important;
    height: 34px;
}




#old input[type=text]:focus {
    border-bottom: none !important;
}



.cnt-btn{
    border-radius: 20px;
    background: linear-gradient(178.65deg, #e84f0d 13%, #f78700 100%);
    background-color: #f78700; letter-spacing: 1px;
    color: white;
    padding: 10px 30px;
    /* border-radius: 4px !important; */
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
    margin-top: 3px;
    font-family: 'poppinssemibold';
    display: inline-block;position: relative; overflow: hidden;
}

.cnt-btn.white-bg{background-color: white; color: #e7500f; border-radius: 4px;}

.cnt-btn.black-bg{background-color: rgb(37 37 37 / 78%); color: white; border-radius: 4px;}
.cnt-btn.black-bg:hover{ background-color: #e7500f; color: white}

.cnt-btn:after{    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    content: '';
    width: 40px;
    height: 40px;
    background-color: rgb(255 157 39);
    position: absolute;
    left: -13px;
    top: 30px;
    z-index: 0;}

.cnt-btn:before{border-radius: 100%;
    content: '';
    width: 40px;
    height: 40px;
    background-color:rgb(255 157 39);
    position: absolute;
    right: 10px;
    top: -30px;
    z-index: 0;}


.cnt-btn img{width: 30px;
    margin-right: 1px;
    filter: brightness(0)invert(1);
    -webkit-filter: brightness(0)invert(1);
    -moz-filter: brightness(0)invert(1);
    position: relative;
    top: -2px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cnt-btn i{font-size: 14px;}

.cnt-btn img:nth-child(2),
.cnt-btn i:nth-child(2)
{-webkit-transform: translate(28px, 44px);
    transform: translate(28px, 44px);
    position: absolute;
    opacity: 1;
    left: 0;}


.cnt-btn:hover{background: linear-gradient(178.65deg, #f78700 13%, #e84f0d 100%);
    background-color: #f78700; color: white}
/*.cnt-btn:hover:after{background-color:rgb(37 37 37 / 100%) }
.cnt-btn:hover:before{background-color:rgb(37 37 37 / 100%) }
*/

.cnt-btn:hover img:nth-child(1),
{-webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    opacity: 0;}

.cnt-btn:hover img:nth-child(2),
.cnt-btn:hover i:nth-child(2)
{-webkit-transform: translate(30px, 15px);
    transform: translate(30px, 15px);
    opacity: 1;}










/*2nd style menu design*/

/*nav*/
.main-mnu {
    display: inline-block;
    margin-top: 0px !important;
}
.main-mnu:hover {
    background-color: #0000004d !important;/*background-color: rgb(0 139 195 / 84%) !important;*/
    color: #333 !important;
}
.navgreenish .nav > ul > li:hover > a, .navgreenish .nav > ul > li:hover > a > i{color: #333 !important;}
.navwhite {
    background-color: transparent !important;
    border-bottom: 1px solid #ebebeb !important;
}
.navbar {
    height: 39px !important;
    background-color: #efefef;
}
.navbar-inverse {
    z-index: 9999;
    /*position: relative;*/
    position: static;
    border-bottom: 1px solid #DFDFDF;
    border-bottom: 2px solid #005a23;
    background: #fff;
}
.navbar {
    min-height: 0px;
    margin-bottom: 0px;
    border-bottom: 0px !important;
}
.scrllogo {
    position: absolute;
    top: 82px;
    left: 45px;
    display: none;
    width: 29px;
    z-index: 99999999;
}
#navbar {
    text-align: center;
}
.nv3 {
    height: 39px !important;
    line-height: 39px !important;
}
.nav li a i {
    padding-right: 5px;
    font-size: 18px;
    color: #414141;
}
.main-mnu {
    display: inline-block;
    margin-top: 0px !important;
}
.navwhite .nav > ul > li > a {
    color: #000 !important;
}
.navgreen .nav > ul > li > a {
    color: white !important; font-size: 14px;
    font-weight: 400;
    padding: 0px 13px !important;
    text-decoration: none;
    margin-left: -4px !important;
    display: inline-block;
    
}

.main-mnu a {
    padding: 6px 20px !important;
}
.in-nav3 {
    background-color: #fff !important;
    position: absolute;
    top: 96%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    display: none;
    width: 100% !important;
    height: 350px !important;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(92,90,92,1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(92,90,92,1);
    box-shadow: 0px 3px 6px 0px rgba(92,90,92,1);
}
.main-mnu:hover .in-nav3 {
    display: block !important;
}
.dumb {
    background-color: #fff;
    height: 13px;
    margin-top: 0px;
}
.menuboxed {
    display: inline-block;
}
.nv3 li ul {
    padding: 10px;
    padding-right: 0 !important;
    width: 243px;
    padding-top: 0 !important;
}
.partbox {
    height: 360px !important;
    border-left: 1px solid #ebebeb;    display: inline-block;
    float: left;
}

.partbox li a:hover {color: #0fa3de !important;}

.nv3 li ul .head-li {
    font-size: 17px;
    text-transform: uppercase;
}
.nv3 li ul li {
    text-align: left;
    padding: 0 !important;
    line-height: 30px;
}
.partbox .head-li a {
    color: #000 !important;
    font-size: 14px;
    line-height: 20px;
    display: block;
    cursor: default;
    font-family: 'poppinssemibold';
}
.partbox a{
    -webkit-transition: color 0s;
    padding-left: 0 !important;
    color: #000 !important;
  /*  font-size: 12px;*/
    transition: color 0s;
    -webkit-transition: color 0s;
    padding-left: 0 !important;
}

.navgreenish {
    background-color: transparent !important;
    border-bottom: none;
  /*  border-bottom: 1px solid #005a53 !important*/;
}
.navgreenish .nav > ul > li > a {
    color: #fff !important;
}
.navgreenish .nav > ul > li > a > i {
    color: #fff !important;
}




/*****************************************************/
.dot{display: none;}
.menuboxed{padding-left: 180px; padding-right: 180px}
.nv3 figure{float: left; display: inline-block;
    margin-top: 6px;
    margin-right: 4px;
    }

.nv3 figure img{/*filter: invert(1);*/width: 25px;}
.with-bg{background-color: #0000004d}

.menu-cont .has-dropdown.with-bg:hover {
    background-color: #0000004d;
}

/********************************************** btn container **********************************************/

.btn-container {
    float: right; color: white; margin-top: -5px; margin-left: 10px
}


/*.hd-btn.first {
    border-right: 1px solid rgba(255,255,255,.2);
}*/

.hd-btn{color: rgb(255 255 255 / 71%) !important}






.hd-btn img {
width: 8px;
    position: absolute;
    right: 11%;
    bottom: 8px;
    filter: invert(1) brightness(14);
}

.dropdown-toggle.hd-btn::after{display: none;}
button:focus{outline:none !important; box-shadow: none !important;}

.no-div {float: right;
    margin-left: 18px;
    padding: 8px 10px;
    border: 1px solid #c0c0c0ed;
    border-radius: 4px;
    margin-right: 0px;}


header .no-div{border:none; background-color: transparent; margin-top: -3px }
header .no-div:hover{background-color:#017f60; }

.language .btn{ /*padding-right: 20px;*/ background-color: #8b4513; border-radius: 4px; }
.language .btn.first{    background: #000000e6;
    margin-right: 0px;
    padding: 6px 7px;
}


.dark-theme.no-div figure
{ background-color: #267d36; border: 4px solid rgb(52 168 73);}

.dark-theme .no-big{color: #34a849}


.no-div img{width: 30px;
    filter: invert(1) brightness(15);
    /* margin-right: 7px; */
    position: relative;
    top: -1px;
}


.no-div .sub-box1 {
    padding-right: 10px;
}

.no-small {
    font-size: 12px;
    letter-spacing: .5px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: 'latoblack';}



.no-big{   
    font-size: 27px;
    color:#282727;
    /* letter-spacing: -.2px; */
    line-height: 28px;
    font-family: 'poppinsbold';}

.bell{color: #424543;
    font-size: 18px;
    float: right;
    margin-left: 25px;
    margin-top: 2px;
    padding: 8px;
    border-radius: 100%;
    background-color: #eef4ee;}

.mnu-bg{margin-top: -13px; /*background: rgb(2,0,36);
background: linear-gradient(270deg, rgba(2,0,36,0.5662640056022409) 0%, rgba(4,2,58,0) 14%, rgba(9,9,121,0.42620798319327735) 30%,
 rgba(5,106,185,0.00043767507002800965) 43%, rgba(0,212,255,0) 100%);*/ float: right;}









/************* high ul *************/ 

/*social media*/
.social-cont{
     /*top: calc(50% - 192px / 2);*/
    position: absolute;
    bottom: 50%;
    transform: translateY(-50%);
    left: 85px;
    height: 30px;
    z-index: 9;
    /* background-color: rgba(35, 35, 36, 0.65); */
    border-radius: 8px;
    border-left: none;
    /* border-top: 5px solid #e7500f;*/
}

/*.social-cont:after,
.social-cont:before
{    content: '';
    width: 30px;
    height: 1px;
    background-color: white;
    position: absolute;
    border-radius: 20px;
}

.social-cont:after {
    left: -30px;
    bottom: 14px;}

.social-cont:before {
    right: -30px;
    bottom: 14px;}*/


ul.social{
display: inline-block;
  margin-bottom: 0;
}
ul.social li{
  float: left;display: block;
}
ul.social li a{
  display: block;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  font-size: 17px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 100%;
}

/*.social-cont ul.social li{margin-bottom: 10px}*/
.social-cont ul.social li a{/*background-color: rgba(0, 0, 0, 0.4) !important;*/ color: white;
    border-radius: 4px;}


.social-cont ul.social li a:hover{ border: 1px solid #ffffff8c; line-height: 28px; color: white;}

ul.social li a i{
    line-height: 28px;
    font-size: 22px;
    display: block;
    text-align: center;
    /*background-color: rgb(255 255 255);*/
    
}






.footer-social-cont{ margin-top: 20px; text-align: center;}

/*footer ul.social li a{border: 1px solid grey;}*/

ul.social li a:hover{
    transform: scale(.8);
    border-radius: 4px;

}

ul.social li a:hover i{
  border-radius: 4px;
  color: #fff !important;
  animation-name: zoomIn;
  animation-duration: .5s;
  animation-iteration-count: 1;
}
/*ul.social li a:hover .fa-facebook{
  background-color: #3a5797 !important;
}

ul.social li a:hover .fa-twitter{
  background-color: #1d9dec;
}
ul.social li a:hover .fa-instagram{
  background-color: #c4007e !important;
}
ul.social li a:hover .fa-linkedin{
  background-color: #0271ae;
}
ul.social li a:hover .fa-pinterest{
  background-color: #ce252c;
}
ul.social li a:hover .fa-youtube-play{
  background-color: #f4000f !important;
}
ul.social li a:hover .fa-whatsapp
{background-color: #31be32}*/



.yel .fa{    background-color: transparent !important;
    color: white !important; }
.fb .fa-facebook{ background-color: transparent !important; color:white !important;}
.ins .fa-instagram { background-color: transparent !important; color: white !important}


header .social{margin-right: 15px; margin-top: -2px;}
/*header .social li a{border-left: 1px solid rgba(255,255,255,.2)}
header .social li:first-child a{border-left: none;}*/


ul.social.vertical li{float: none !important;}

.logo-div{display: block; }





/*********************************************************************************************/
/****************************************** mobile menu **************************************/
/*********************************************************************************************/

/*menu btn*/
.menu-btn{-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 32px; 
    padding: 6px; line-height: 30px; height: 30px;float: right;
}
.bg-dark{background-color:white !important}
.menu-btn span {
    height: 2px;
    width: 100%;
    display: block;
    float: left;
}
.menu-btn>span:nth-child(2) {
    margin: 4px 0 4px auto;
    width: 75%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.menu-btn>span:nth-child(3) {
    margin-left: auto;
    width: 45%;
    -webkit-transition: 0.6s all;
    -moz-transition: 0.6s all;
    -o-transition: 0.6s all;
    transition: 0.6s all;
}

.menu-btn:hover>span:nth-child(2), .menu-btn:hover>span:nth-child(3) {
    width: 100%;
}

.cd-dropdown-wrapper{margin-bottom: 0px; z-index: 20;}

.cd-dropdown-content li a{font-size: 15px; color: #333 !important;cursor: pointer;}

.cd-dropdown li a:hover {
    color: #e7500f !important;
}


.center-image{width: 274px;}

.cd-dropdown-content form
{ margin-top: 3px; border-radius: 0px}

.cd-dropdown .cd-close {
    top: 5px;
    right: 5px;
    background-color: #56ba1b;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 2px solid rgb(217 255 195 / 51%);
    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 15%);
}


.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before{height: 12px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.cd-dropdown .cd-close:hover::after,
.cd-dropdown .cd-close:hover::before
{height: 8px !important}

.mob-logo-close{background-color: #e7500f}

.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
    border-bottom: none;
}

.go-back {
    background-color:#fcf7d9;
}

.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
    height: 11px !important;}

/*********************************************************************************************/
/**************************************** desktop menu ***************************************/
/*********************************************************************************************/
.home {
    text-align: center;
    border: 1px solid rgb(255 255 255 / 32%);
    /* box-shadow: inset 2px 2px 20px 1px #e7500f; */
    padding: 0px 10px !important;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
    /* background-color: rgb(17 17 17 / 66%); */
}




.home i{color: white}
.home:hover{background-color: #e7500f }
.list-link.home:hover:before{opacity: 0;}
.angle-down{margin-left: 5px}
.has-dropdown .angle-down{padding-left: 0px}
.menu-cont .has-dropdown:hover{background-color: #e7500f}
.nav>li>a:focus, .nav>li>a:hover{background-color: transparent;}

.border-ul li a
{
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;

display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    padding: 5px 15px;
    width: auto;
    height: 62px;
    margin: 0px;
    margin-right: 5px;
    line-height: 20px !important;
    border: 1px solid #dedede;
    border-radius: 4px;
    color: #333;
    letter-spacing: .5px


}

.border-ul li{margin-bottom: 4px;
    padding-right: 5px !important;
    padding: 0px 5px;
    display: block;
    border-right: 3px solid rgba(255,255,255,.2);
    width: calc(100% / 3 - 0px);
    float: left;
    text-align: center;}

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




.border-ul li:hover>a {
border: 1px solid #e7500f;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.3);}

.neg-mrg-15{margin-left: -15px; margin-right: -15px}

.menu-image{border-radius: 6px}

.sub1>li img.dpt-img {
    margin-bottom: 17px !important;
    margin: 0 auto;
    width: 100%
}





/*topbar*/
.top-bar{float: none;}

ul.top-bar-dropdown {
    min-width: 250px;
    position: absolute;
    z-index: 200;
    left: : 0px;
    padding: 12px 12px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
        transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    background-color: white;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
    transform: translate(0,20px);
}

.top-bar-dropdown li:last-child{margin-bottom: 0px}

.has-dropdown:hover .top-bar-dropdown{
    opacity: 1;
    visibility: visible;
    transform: translate(0,0);
}

.top-bar ul li {
    list-style: none;
    display: inline-block;
    margin-left: 12px;
    line-height: 1;
    position: relative;
    z-index: 201;

    margin-bottom: 5px;
    padding-right: 5px !important;
    padding: 0px 5px;
    display: block;
}

.top-bar-dropdown a {

  
    border-radius: 4px;
    display: block;
    color: #333 !important;
    position: relative;
    line-height: 36px;
    text-decoration: none !important;
    font-size: 13px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.top-bar-dropdown li{margin-left: 0px !important; text-align: left; display: block !important;}
.top-bar-dropdown li:hover a {
    color: #e7500f !important;
}
.top-bar-dropdown li:hover {background-color: white;}



/*new menu*/
.menu-fig, .menu-icon{transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in; }

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

}

.menu-wrapper-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, .99);
    min-height: 240px;


}

 .has-dropdown .list-link .angle-down {
    width: 8px;
    fill: pink;
    margin: 0 0 0 4px;
    margin-top: -5px;
    line-height: inherit;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.has-dropdown{padding: 0px 12px 0px;}
/*.has-dropdown:last-child{padding-right: 0px}*/

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


.main-menu-ul .list-link {
    cursor: pointer;
    position: relative;
    line-height: 24px;
    letter-spacing: 0px;
  
}


.has-dropdown .list-link {
    position: relative;
    padding-right: 2px;
    line-height: 30px;
    display: block;
    color: white;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: 'poppinsregular';
    font-size: 13px;
}

.list-link
{color: #333}

.list-link:hover{color:#ffffff  !important}

.list-link:before{
    position: absolute;
    right: 50%;
    bottom: 1px;
    height: 27px;
    width: 27px;
    border-radius: 20px;
    background-color: rgb(245 225 225 / 29%);
    opacity: 0;
    transition: opacity .4s,left .4s,right .4s;
    left: 50%;
    content: ' ';}

.menu-cont .list-link:hover:before
    {left: -4px;
    right: 0;
    opacity: 1;}

.flex-ul {
    flex: 1;
}

.btn_ripple {
    position: relative;
    display: inline-block;
     overflow: hidden;
         transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in; 
}


.effect {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  overflow: hidden;
}

/* effect-1 styles */

.effect.effect-1 {
transition: all 0.2s linear 0s;
    padding: 10px 15px;
    text-align: left;
    /* text-indent: 10px; */
    color: #333;}
  
.effect.effect-1:before {
    /* display: none !important; */
    /*background: #f3f3f3;*/
    color: #e7500f;
    content: '';
    font-size: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    opacity: 1;
    height: 100%;
    width: 43px;
    height: 100%;
    margin-right: 0px;
    padding-right: 11px;
    transition: all 0.2s linear 0s;
  }
  
.effect.effect-1:hover {
    text-indent: 0px;}
    
.effect.effect-1:hover:before {
      opacity: 1;
      text-indent: 0px;
    }
 

.ho-ul li a.effect.effect-1:hover:before{background:#e6500f}


/*.menu-cont-desk{position: relative;}*/
.menu-cont-desk{float: right;width: auto; margin-top: 5px;}
.menu-cont{float:left;  margin-top: 0px; 
    /* position: relative;*/ margin-left: 0px;  max-height: 1000px;
    width: auto;
    padding-left: 0px; padding-right: 0px;
     }

.main-menu-ul{display: table;display: table;
    margin: 0 auto; /*margin-top: 20px !important;
        float: right;*/}


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

.pos-rel{position: relative;}
.has-dropdown.pos-rel{position: relative;}

.has-dropdown.pos-rel .menu-wrapper-cont
{right: 0% !important; left: auto;transform: translate(0,20px) !important; visibility: hidden;

    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    }

@media screen and (min-width: 1101px){
.menu-wrapper-cont {
    background-color: white;
    justify-content: center;
    position: absolute;
    right: 0%;
    /*transform: translateX(-50%);*/
    width: 80%;
    z-index: 201;
    width: 75%;
    border-radius: 4px;
    opacity: 0;
    display: none;
    /*visibility: hidden;*/
    /**/
    /*display: block;*/
}

.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 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    transform: transform: translate(0,0px) !important;
}


.main-menu-ul li.has-dropdown.pos-rel:hover .menu-wrapper-cont
{transform: translate(0,0px) !important; visibility: visible;}

.main-menu-ul li.has-dropdown:hover .angle-down , .top-bar ul li.has-dropdown:hover .angle-down{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hex__home_menu_solutions_wrapper li.drop-list {
    padding: 0 20px 0 0;
    margin-bottom: 5px;
    position: relative;
}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont .drop-list {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

a.drop-list-link:hover {
    text-decoration: none;
    /*-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;*/
}

a.drop-list-link:hover .menu-icon{
    filter: unset;
    opacity: 1;
    /* border-radius: 100%;*/}

a.drop-list-link {
    cursor: pointer;
    line-height: 1;
    padding: 10px 10px 10px;
 /*   display: block;*/
     display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;

        -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative;
    height: 100%;
    color: #333;
}

.menu-title {
    color: #333;
    line-height: 18px;
    display: block;
    margin: 0 0 0px 0;
    -webkit-transition: none;
    transition: none;
}


.menu-desc{    line-height: 21px;
    color: #444;
    max-height: 53px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;}

.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;
}

/*.drop-list-link::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 78%;
    top: 11%;
    left: 0;
    z-index: 1;
    opacity: .15;
    -webkit-transition: none;
    transition: none;
}
*/

.drop-list-link:hover::before {
    width: 3px;
    height: 100%;
    top: 0;
    right: 25px;
    opacity: .8;}


}

.explore-ul{padding-left: 6px}

.explore-ul li {
width: calc(100% / 2 - 12px);
    margin-left: 6px;
    margin-right: 0px;
    float: left;
    position: relative;
}
.explore-ul li figure{
    position: absolute;
    left: 9px;
    top: 10px;
    filter: invert(1);}

.vrt-mid .sub-box{vertical-align: middle !important;}
.vrt-top .sub-box{vertical-align: top;}
.vrt-bottom .sub-box{vertical-align: bottom;}

.sub1 > li.hvrmenu.active > a {
    background-color: #e7500f !important;
    border: 1px solid #e7500f !important;
    color: #ffffff !important;}


.fstshw{background-color: white !important}
.sub1 > li > a.fstli-a {
    color: #e7500f !important;
}
.fstli-a{    background-color: #fcf7d9 !important;
    border: 1px solid #e7500f30 !important;}
.othrli-a{    background-color: #fcf7d9 !important;
    border: 1px solid #e7500f30 !important;}
.sub1 > li > a.othrli-a{color: #e7500f !important;}
.fstli-a img{filter:invert(1) brightness(14); display: none;}
.othrli-a img{display: none;}
.sub1{position: relative; padding-right: calc(735px - 130px); height: 350px; padding-top: 15px;padding-left: 6px;border:2px solid #fcbc34;
border-radius: 4px}
.sub1 > li {
    
    padding-right: 10px !important;
    padding: 0px 5px;
    display: table;
    width: 100%;
    /*border-right: 3px solid rgba(255,255,255,.2);*/
    padding-bottom: 6px;
   
}
.sub1 > li:last-child a.bor-link{border-bottom: none !important;}
.sub1 > li > a {
font-family: 'poppinssemibold';
border-radius: 4px;
    border-left: 2px solid transparent;
    vertical-align: middle;
    display: table-cell;
    color: white !important;
    padding-left: 15px !important;
    padding-right: 15px;
    position: relative;
    line-height: 16px;
    height: 44px;
    width: 100%;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: uppercase;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.sub1 li a >i {
    position: absolute;
    right: 10px;
    top: 15px;
    display: none;
}

.sub1>li:hover>a{
    background-color: #e7500f !important;
    /* padding-left: 25px !important; */
    border: 1px solid #cff1fb;
    /* border-left: 3px solid #e7500f; */
    border-radius: 5px 4px 4px 5px;
    color: #ffffff !important;
   }

.sub1> li:hover img.side-img{filter: brightness(1) invert(1);}
.sub1>li img{margin-right: 3px;
 /*   float: left;
    margin-right: 12px;
    margin-top: 9px;*/
/*    filter: brightness(1) invert(0.5);
    -webkit-filter: brightness(1) invert(0.5);
    -moz-filter: brightness(1) invert(0.5);*/
    }

.sub1 li:hover i {
    display: none !important;
}
.sub1 li:hover .sub2 {
    display: block !important;
}
.sub2 li:hover{border-left:none;}
.fstshw .sub2 { display: block !important;}
.sub2 {
    border-radius: 0px 4px 4px 0px;
    position: absolute;
    /*border-left: 1px solid #dedede;*/
    background-color: white !important;
    right: 0px;
    top: 0;
    width: calc(735px - 130px);
    bottom: 0;
    display: none ;
    overflow: auto;
    padding:15px 0px 15px 0px;
    text-align: left;
    min-height: 240px;
    box-shadow: inset 6px 1px 20px -20px rgb(0 0 0 / 76%);
}
.sub2 ul > li > a {
    text-decoration: none;
    line-height:23px;
    text-transform: capitalize !important;;
    display: block;
}



.trnn{-webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;}

figure{overflow: hidden;}


.bars{font-size: 18px; position: relative;top:2px;}

.cd-dropdown-trigger{ 
    margin-top: -60px;
    margin-bottom: 0px;
    /* float: left; */
    border:none !important;
    padding: 3px 3px 0px 9px;
    border-radius: 0px !important;
    background-color: none !important
    height: 37px;
    position: relative;
    z-index: 19;
}


.cd-dropdown-trigger .mnu{padding-top: 3px; font-size: 14px}







.menuevt {
    width: 300px;
    float: right;
    position: relative;
}

.infobox {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: rgb(255 255 255 / 88%);
    padding: 8px 12px;
    background-color: rgb(0 0 0 / 63%);
    border-radius: 0px 0px 4px 0px;
}


.imgbox img{border-radius: 0px 4px 4px 0px}

.inf-head{border-radius: 4px;
    background-color: rgb(16 121 22 / 52%);
    color: white;
    border-bottom: 2px solid #052c05;
    display: block;
    padding: 8px 20px 6px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    margin-top: 5px;}

.menu-para{line-height: 20px;
    margin-bottom: 5px;}


.menu-wrapper-cont.info-cont{padding: 0px 0px 0px 0px !important;  width: 380px; min-height: auto !important }
/*.main-menu-ul li.has-dropdown.pos-rel .menu-wrapper-cont {
    transform: translate(0,0px) !important; opacity: 1; display: block !important;
    visibility: visible !important;
}*/

.menu-wrapper-cont.info-cont .e-banking .bank-ul{padding: 5px}
.menu-wrapper-cont.info-cont .e-banking .bank-ul li{/*float: left;border:1px solid #d7d8ce; padding: 8px*/
float: left;
    border: 1px solid #5ec2f47a;
    padding: 8px;
    background-color: #effaff;

}
.menu-wrapper-cont.info-cont .e-banking .bank-ul li a.drop-list-link{padding: 0px}
.menu-wrapper-cont.info-cont .e-banking .bank-ul figure {    width: 60px;
    height: 60px;
    padding: 12px;
    background-color: rgb(94 194 244);}


.menu-wrapper-cont.info-cont .e-banking .bank-ul figure img {
    opacity: .9;
    width: 34px;
}
.menu-wrapper-cont.info-cont .e-banking .bank-ul li:hover figure {
    box-shadow:0px 6px 12px -8px rgb(50 151 107);
}

/*if using icon in menu*/
/*.menu-icon {
    opacity: .8;
    height: 50px;
    width: 50px;
    float: left;
    padding: 6px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
*/

.menu-icon{width: 24px; filter:invert(1) brightness(14);}
.menu-fig{    width: 50px;
    height: 50px;
    float: left;
    border-radius: 100%;
    background-color: #eaf8fd;}

.menu-body{/*   float: left; width: calc(100% - 50px); padding-left: 10px*/ width: 100%}

/*.has-dropdown{border-right: 1px solid rgb(16 121 22 / 15%);}*/

/*.has-dropdown .list-link:after{content: '';
    width: 1px;
    height: 21px;
    background-color: rgb(16 121 22 / 17%);
    position: absolute;
    right: -12px;
    top: 5px;}*/


.has-dropdown.last .list-link:after{display: none;}

.has-dropdown.first{padding-left: 0px}


/*.has-dropdown .list-link:hover .menu-icon{animation-name: flipInY; animation-duration: 1s}*/


.ho-ul li {margin-bottom: 6px}
.ho-ul li:last-child{margin-bottom: 0px}

.ho-ul li a{ transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
border: 1px solid #d4d4d4;
    border-radius: 4px;}

.ho-ul li:hover a{box-shadow: 1px 4px 20px -10px rgb(0 0 0 / 24%); color: #333 !important;
border: 1px solid #e6500f; color: #e7500f !important;}

.ho-ul li:hover figure img{    filter: invert(0) brightness(15) !important;
    -webkit-filter: invert(0) brightness(15) !important;
    -moz-filter: invert(0) brightness(15) !important;
    opacity: 1 !important;}
.ho-ul li:hover a:before {
    background: #e6500f;
}

/*a.drop-list-link:hover .menu-fig{     background: #e7500f;
    background: linear-gradient(75deg, rgb(38 125 54) 5%, rgb(92 200 27)) !important; border-radius: 20px 0px 20px 0px}*/
/*a.drop-list-link:hover .menu-icon{padding: 9px}*/


/*sticky*/
.sticky {
  position: fixed; 
  top: 0; left:0px;
  width: 100%;
  background-color: #e8f0ff;
  -moz-animation: dropStickyNav 0.5s ease-in 1;
  -webkit-animation: dropStickyNav 0.5s ease-in 1;
  animation: dropStickyNav 0.5s ease-in 1;
  z-index: 70;
  /*box-shadow: 0px 6px 19px -11px rgba(0, 0, 0, 0.47);*/
}


.sticky.hd-main .cal-para, .sticky.hd-main .navbar-nav>li>a, .sticky.hd-main ul.header-social li a .fa,
.sticky .call-nav span, .sticky .square-ul.main-menu-ul li.has-dropdown .list-link
{color: rgba(0,0,0,.5) !important}

.sticky .rel-cont {
    padding-top: 0px;
}
.sticky .header-bottom{background-color: #5a5a5c}

.sticky .rel-cont{min-height: 66px;}

.sticky .logo-col{ padding-bottom: 6px;}

.sticky .main-menu-ul {
    margin-top: 8px !important;}

.sticky .call-nav-cont {
    margin-top: 10px;}


.sticky .header-bottom{display: none;}
header:hover .sticky .header-bottom{display: block;}

.sticky .ico-menu {filter: invert(1);}


.sticky .cd-dropdown-trigger {margin-top: 18px}

.sticky .cd-dropdown-wrapper{ margin-top: 17px;}

@-moz-keyframes dropStickyNav {
  0% {
    -moz-transform: translateY(-40px); }
  100% {
    -moz-transform: translateY(0); } }
@-webkit-keyframes dropStickyNav {
  0% {
    -webkit-transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(0); } }
@keyframes dropStickyNav {
  0% {
    transform: translateY(-40px); }
  100% {
    transform: translateY(0); } }




.sticky .logo{height: 44px; margin-top: 10px;}





/**********************************************************************************************/
/*mob menu*/
/**********************************************************************************************/
.cd-dropdown li i {color: #e7500f; margin-right: 5px; border-right:1px solid #e7500f; padding-right: 8px; display: none;}













/************** floating cont ***************/


.floating-cont{position: absolute;right: 0;
    bottom: 140px;
    left: 50%;
    transform: translateX(-50%); z-index: 1;
    width: 850px;
    z-index: 15;
}

.floatingIcons .col{position: static;}

.fl-hr{border-top: 2px solid rgba(255,255,255,.4); margin-left: -15px; margin-right: -15px;
margin-bottom: 0px;}
.icon-para{text-transform: uppercase;
    font-size: 13px; margin-top: 5px;
    font-family:'poppinsmedium';
    color: white;
    line-height: 19px;}

.flIcon.active .fl-hr{border-top:4px solid #39adff;}

/*.floatingIcons .flIcon.active img{ filter: brightness(1.4) invert(0);margin: 0 auto;}*/

/*.flIcon.active .icon-para{color: #39adff}*/

.floatingIcons{
    display: flex;
    flex-direction: row;
    z-index: 1;
}

.floatingIcons-main-cont
{position: relative;}

.floatingIcons:before{    content: '';
    width: 4%;
    height: 2px;
    background-color: rgba(255,255,255,.4);
    position: absolute;
    left: -4%;
    top: 66%;
}

.floatingIcons:after{    content: '';
    width: 4%;
    height: 2px;
    background-color: rgba(255,255,255,.4);
    position: absolute;
    right: -4%;
    top: 66%;
}

.floatingIcons .flIcon{
    display: block;
    cursor: pointer;
    height: 82px;
    line-height: 2.5rem;
    /*background-color: #0089cf;*/
    text-align: center;
    border-radius: .3rem;
    margin: .25rem 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.floatingIcons .flIcon img{
    filter: brightness(0) invert(1);
    width: 40px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    margin: 0 auto;
}
.floatingIcons .flIcon:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.floatingIcons .flIcon:hover img{
    animation-name: jello;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
.floatingIcons .flContent{
    display: none;
    position: absolute;
    right: 50%;
    bottom: -91px;
    transform: translatex(50%);
    padding: .8rem;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    background-color: rgba(0, 0, 0, 0.42);
    /*height: 8rem;*/
    width: 600px;
    border-radius: .3rem;
}

.account-flContent{width: 845px !important}
.interest-content{width: 845px !important}
.emi-content{width: 740px !important}
.emi-content img{width: 24px !important}
.floatingIcons .flContent:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -4px;
    transform: translateY(-50%);
    /*border-bottom: 8px solid rgba(255, 255, 255, 0.9);*/
    border-bottom:8px solid rgba(0, 0, 0, 0.42);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.intlist .col{
    /*text-align: center;*/
    height: 48px;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;

    border-right: 1px solid rgba(247, 238, 238, 0.24);
}
.intlist .col:last-child{
    border-right: none;
}
.intlist .content, .slide-up{
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.intlist img{
    width: 30px;
    display:block;
    margin: auto;
    margin-top: 8px;
    margin-right: 7px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;

    filter: brightness(0) invert(1);
}
.intlist h4{
    font-size: 13px;font-family: 'latobold';
    margin-bottom: 4px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    color: white;
}
.intlist a.btn{
    margin: auto;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.intlist span.rate{
    
    font-size: 1.5rem;
    color: #0089cf;
    line-height: 1;
    margin-bottom: .5rem;
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;

    color: #5ec3f7;
}
.intlist span.rate span{
    font-size: 1rem;
    /*color: #666;*/
    color: white;
    margin-left: 5px;
}
.intlist .content:hover .slide-up{
    margin-top: -43px;
}

.slide-up .btn{padding: .18rem .5rem .3rem}

.slide-up .btn.btn-outline-secondary {
    padding: 3px 7px;
    margin-top: -3px;
    border-color:rgba(247, 238, 238, 0.44);
    color: rgba(247, 238, 238, 0.84)
}

.slide-up .btn.btn-outline-secondary:hover
{background-color: rgb(14 140 70);
    border-color: rgb(14 140 70);}

.slide-up a{font-size: 14px}

.interest-content .slide-up .btn.btn-outline-secondary {
    padding: 4px 7px;
    margin-top: -1px;}

.onlineacc.box, .content.box, .netbank.box, .help.box{margin: 0 auto}

.intlist a img{
    width: 16px;
    margin-top: -3px;
    margin-right: 1px;
    display: inline-block;
}

.netbanking{
    width: 450px !important;
}
.helpline{
    /*height: 6rem !important;*/
    width: 543px !important;
}
.helpline .col{
    height: auto;
}
.helpline .col .help img{
    width: 43px;
}
.helpline a.helpcon{
    font-size: .9rem;
    /*color: #0089cf;*/
    color: #c7cfd4;
    font-family: 'bom_websemibold';
    display: block;
    line-height: 18px;
}

.btn-primary {font-size: 14px;padding: 3px 15px;}
.btn-primary:hover {
    color: #fff;
    background-color: #e7500f;
    border-color: #e7500f;
}

.more{color: #007bff !important}
.more:hover 
{color: black !important}




.interest-content .onlineacc:hover .slide-up {
    margin-top: -43px;
}

.onlineacc .sub-box1{padding-right: 3px}

.onlineacc .search-drop {background-color: #ffffff47; }

.onlineacc .search-ul {padding-left: 10px}

.pos-stat{position: static !important;}

.branch-p{text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 4px;
    margin-top: 5px;
    color: #ffffff9e;}

.onlineacc input[type="text"].enter-email::-webkit-input-placeholder {
 color:rgba(255,255,255,1)
}

.onlineacc input[type="text"].enter-email::-moz-placeholder {
 color:rgba(255,255,255,1)
}

.onlineacc input[type="text"].enter-email:-ms-input-placeholder {
  color:rgba(255,255,255,1)
}

.onlineacc input[type="text"].enter-email:-moz-placeholder {
  color:rgba(255,255,255,1)
}











/**********************************************************************************************/
/*slider*/
/**********************************************************************************************/
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }



.slide-div{height: 100vh}



/*slider animation*/
/*@keyframes slide {
  0% {
    transform: scale(1) rotate(0);
  }
  100% {
    transform: scale(1.15) rotate(3deg);
  }
}

@-moz-keyframes slide{
  0% {
    -moz-transform: scale(1) rotate(0);
  }
  100% {
    -moz-transform: scale(1.15) rotate(3deg);
  }    
}


@-webkit-keyframes slide{
    0% {
    -webkit-transform: scale(1) rotate(0);
  }
  100% {
    -webkit-transform: scale(1.15) rotate(3deg);
  }  
}
*/

.slide-div{
animation-iteration-count: infinite;
webkit-animation: slide 10s infinite ease-in-out;
animation: slide 10s infinite ease-in-out;
-webkit-transform-origin: center center;
transform-origin: center center;
}



/*carousel indicators*/
.carousel-indicators.round li
{width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: 10px;
    background-clip:inherit;
}



/*carousel indicators*/
.carousel-indicators{bottom: 134px; 
    margin-right: 5%;}
.carousel-indicators .active{
    background-color: #e7500f;
    border: 1px solid #e7500f;
}

.carousel-indicators.float
 {

    bottom: 10px;
    left: 20.5px;
    width: auto;
    margin-left: 0px;}


.carousel-indicators.float li {
    display: block; margin: 8px 0px}

.carousel-indicators.float .active {
    width: 10px;
    height: 34px;
    margin: 0;
    background-color: #e7500f;
    border:1px solid #e7500f;}

.carousel-indicators li
{background-color: rgb(0 0 0 / 82%); border:1px solid rgb(0 0 0 / 82%); width: 13px;
    height: 5px;}



.carousel-indicators.float-down
 {
bottom: 10px;
    right: 20.5px;
    left: auto;
    width: auto;
    margin-right: 0px;}


.carousel-indicators.float-down li {
    margin: 0px 4px; border-radius: 40px;}

.carousel-indicators.float-down .active {
    height: 7px; margin-top: -2px !important;
    width: 14px; border-radius: 40px;
    margin: 0;
    background-color: #e7500f;
    border:none;}




/*vertical carousel indicator*/
.carousel-indicators.vertical{display: inline-block;}
.carousel-indicators.vertical li
{display: block; float: none; margin-top: 11px;
    margin-bottom: 11px;margin-right: 30px !important; margin-left: 4px !important;
width: 7px; height:7px; background-color:rgb(255 255 255 / 66%); border: none; opacity: .8}
.carousel-indicators.vertical .active{height: 14px;margin-top: 11px !important;
    margin-bottom: 11px;margin-right: 0px !important; margin-left: 1px !important;}

.carousel-indicators.vertical{top: 50%; transform: translateY(-50%); bottom: auto}




/*with border*/
.carousel-indicators.vertical.with-border li{
display: block;
    height:18px;
    width: 18px;
    margin: 8px 0;
    border: 2px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    position: relative;
    z-index: 1;
margin-left: 0px !important; margin-right: 0px !important; opacity: .4}

.carousel-indicators.vertical.with-border li:after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    height: 5px;
    width: 5px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}


.carousel-indicators.vertical.with-border li.active{margin-top: 8px !important;
    margin-left: 0px !important; margin-right: 0px !important;opacity: 1 }




/*small round indicator for phone*/
.carousel-indicators.small-round li {
    width: 5px;
    height: 5px;
    border-radius: 100%;
}

.carousel-indicators.small-round{margin-right: 0%; margin-left: 0%}



/*slider caption*/
.caption{padding-top: 80px}


.lt-green{color:#e7500f }

.cap-head{ font-size: 52px;
    color: #ffffff;
    /*font-family: 'nunito_sanslight';*/
    font-family: 'nunitobold';
 
    line-height: 60px;
    margin-bottom: 25px;}

.b-blue{color: #e7500f}

.bar{color: #e7500f; font-family: 'rubiklight'}
.cap-text{font-size: 27px;
    line-height: 39px;
    letter-spacing: .2px;
    text-transform: none;
    color: white;
    margin-top: 20px;
    margin-bottom: 50px !important;
    max-width: 620px;
    margin: 0 auto; font-family: 'nunito_sanslight';}
.cap-text-first{margin-top: 19%}
.cap-text-second{margin-top: 8px}
.carousel-caption .line{margin: 0 auto}


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

.ht100vh{height: 100vh}

.s-small{font-size: 18px;}

.slide-overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgb(12 40 89 / 44%)*/}



.home-slide-overlay{position: absolute;left: 0px; top:0px; width: 100%; height: 100%; 
    background-color: rgba(18, 23, 35, 0.22)}


.cap-big{font-size: 70px}







/*hero*/
/*vertical align middle slide*/
.hero {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 3;
    color:black;
    text-align: left;
    padding-left: 100px;
    padding-right: 100px
}

.hero1{ left: 90px;}

.hero2{width: 650px}

.hgroup {
    height: 100%;
}

.hero .box{width: 100%; height: 100%; text-align:left;}
.hero .sub-box, .carousel-caption{
    vertical-align: middle !important; 
}

.cap-head{animation-name: fadeInUp; animation-duration: 1s; -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: .5s ; }

.cap-text{animation-name: fadeInDown; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s }



.hero .read, .hero .boxes-btn{animation-name: fadeInLeft; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s   }

.hero .boxes-btn{margin-top: 20px; color: white}

.hero .boxes-btn:before{background-color: white;}

.hero .boxes-btn:hover{color: white}


.slide-image{position: absolute; left:60px; bottom: 0px; width: auto !important; height:80% !important;
 animation-name: slideInLeft; animation-duration: 2s;}

.slide-image.banana{left:0px;}

.slide-image-small{position: absolute; right:80px; bottom: 0px; width: auto !important; height:auto !important;
 animation-name: fadeInDownBig; animation-duration: 2.8s;  }

 .white{color: white !important}


.s-cap-head{font-size: 58px;
    font-family: 'rubikregular'; letter-spacing: -1px; display: block;}


@media (min-width: 992px) and (max-width: 1199px) {
.cap-head{ font-size: 54px;}  
.hr-box-2{padding-left: 14%;}
.hr-box-3{padding-left: 18%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.cap-head{ font-size: 44px; line-height: 46px} 
.cap-text{font-size: 22px; line-height: 26px}

}

@media (min-width: 576px) and (max-width: 767px) {
.cap-head{ font-size: 34px; line-height: 36px} 
.cap-text{font-size: 18px; line-height: 20px}
.slider-wrapper {
    font-size: 41px;
    line-height: 52px;}
.slider div{line-height: 55px;}
.hero{padding-left: 65px}
}

@media (max-width: 575px) {
.slider-wrapper {
    font-size: 26px;
    line-height: 34px;}
.slider div{line-height: 36px;}
.slider {top: 26px;}
.cap-head{ font-size: 23px; line-height: 30px; margin-bottom: 5px} 
.cap-text{font-size: 16px; line-height: 20px}
.hero{padding-left: 30px; padding-right: 30px}
.cap-big {
    font-size: 50px;
}
.caption{padding-top: 70px}
}

@media (max-width: 767px) {
.slide-list li a { padding: 10px 12px 10px; font-size: 14px}

.video-box .sub-box .slide-list { width: 166px !important;}

}








.down-cont{ 
  /*  background: #e84f0d;*/
    border-radius: 100%;
  /*  height: 51px;
    width: 50px;*/
    height: 44px;
    width: 44px;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 55;
    bottom: 30%;
    right: 10px;
    padding-top: 6px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    /*border: 4px solid rgb(255 255 255 / 22%);*/
     animation-iteration-count: infinite;
    webkit-animation: ani_sttb 1.5s infinite ease-in-out;
    animation: ani_sttb 1.5s infinite ease-in-out;

}


.down-cont:hover{background: #e84f0d;}

@-webkit-keyframes ani_sttb{0%{-webkit-transform:translate(0,-10px)}50%{-webkit-transform:translate(0,10px)}100%{-webkit-transform:translate(0,-10px)}}@keyframes ani_sttb{0%{transform:translate(0,-10px)}50%{transform:translate(0,10px)}100%{transform:translate(0,-10px)}}

.down-cont a{ -webkit-filter: brightness(14) invert(1); 
    filter: brightness(14) invert(1); 
    display: block;
    /* background-color: rgba(0, 0, 0, 0.52); */
    /* padding: 10px; */
    background-size: 100%;
    background-repeat: no-repeat;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin: 0 auto;
    background-image: url(../img/icons/m-mouse2.svg);
    background-position: center;
    cursor: pointer;
    /* margin-top: 4px; */
    /* padding-top: 23px;*/

}
.down{width: 46px; height: 46px; margin: 0 auto}

.down-cont:hover {
    animation-name: none; 
}




/*transition*/
.down-cont a, .carousel-indicators li, .welcome-ul li, .blog-overlay-title, .m-more, .online-btn, .b-big,
.menu-brand-fig, .sh-overlay, .sh-overlay .ad-div{
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
}



/*swiper slide*/
.swiper-slide{background: transparent !important;}

/*slider icon*/
.slider-icon-cont{width: 500px;position: absolute; bottom: 20px; right:50px;z-index: 4}
.adm {
    display: block;
    line-height: 13px;
    z-index: 20;
    cursor: pointer;
    color: #fff;
    width: 100%;
    font-size: 14px;
    margin: auto;
    background-color: rgba(0,0,0,.75);
    border-radius: 5px;
    padding: 7px 7px 10px;
    border: 1px solid #ea571e !important;
    /*border: 1px solid black;*/
    /* box-shadow: 0 0 0 1px #e61c1c; */
    text-align: center;
}

.adm.box {display: table;}
.adm img {
    /*filter: brightness(0.5) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0.5) invert(1);*/
    
    width: 42px;
    margin: 0 auto;
    margin-bottom: 0px;
}

.adm .sub-box{display: block;}
.adm .sub-box1{padding-right: 0px; padding-bottom: 0px}

.adm figure{    display: table; border-radius: 100%;
    margin: 0 auto;
    padding: 4px;
    margin-bottom: 5px;
    border-radius: 4px;}

/*.adm figure.fig1    {
    background: rgb(217 21 21 / 86%);}

.adm figure.fig2    {
    background: rgb(255 131 2 / 86%);}

.adm figure.fig3    {
    background: rgb(217 21 21 / 86%);}

.adm figure.fig4    {
    background: rgb(255 131 2 / 86%);}*/


.slider-icon .swiper-button-next:after,
.slider-icon .swiper-button-prev:after
{font-size: .8em}

.slider-icon .swiper-button-next,
.slider-icon .swiper-button-prev{border-radius: 4px;
    line-height: 30px;
    padding: 10px;
    height: 24px;
    width: 24px;
    background-color:rgba(0,0,0,.75);
    color: wheat;}


.slider-icon .swiper-button-next,
.slider-icon .swiper-button-prev
{top:27px;}
.slider-icon .swiper-container{padding-top: 40px}

.slider-icon .swiper-button-prev{right: 36px !important; left: auto;}



/**********************************************************************************************/
/****************************************** general ******************************************/
/**********************************************************************************************/
b.high{font-size: 15px}
.bor-img{ border-radius: 40px 0px 0px 0px;}
.bor-bt-img{ border-radius: 0px 0px 40px 0px;}
.margin-top{float: none; clear: both;margin-top: 50px}
figure{margin-bottom: 0px}
.loadimg{display: block;}
.mrg-top-18{margin-top: 18px; width: 100%}
.mrg-btm-18{height: 18px; width: 100%; clear: both; float: none;}
.mrg-btm-20{height: 20px; width: 100%; clear: both; float: none;}
.mrg-top-30{height: 36px; width: 100%; clear: both; float: none;}
.mrg-btm-30{height: 36px; width: 100%; clear: both; float: none;}
.mrg-btm-60{height: 60px; width: 100%; clear: both; float: none;}
.wel-top-bottom{padding-top: 60px;
    padding-bottom: 60px; }
.in-body .wel-top-bottom.first{
    padding-top: 0px;
    padding-bottom: 60px;
}
.pd-2-15{padding-left: 15px; padding-right: 15px}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: none ;
    outline-offset: 0px;
}
button{border:none;}
.no-padding
{padding-right: 0px !important;padding-left: 0px !important}

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

a, a:hover
{text-decoration: none !important;}

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

.box
{display: table;}

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

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



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


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

span.clear-fix 
{ display: block;}


.img-auto
{margin: 0 auto; float: none; margin-bottom: 30px; }

.img-gen{margin-bottom: 15px}
.img-border{border-radius: 5px;}

.gen-para{line-height: 28px; text-align: justify; margin-bottom: 18px}
.gen-para.text-left{text-align: left;}
.gen-para.text-center{text-align: center !important;}

.trn{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.form-control{box-shadow: none; border-radius:0px;}
.btn{border-radius:0px;}


.com{max-height: 70px;
    line-height: 23px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;}


h1.home-h{ 

    color: #15203d;
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 28px;
    margin-top: 0px;
    line-height: 45px !important;
    font-size: 40px;
    letter-spacing: -1px
}

h1{
    color: #1d1d1d;
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 0px;
    line-height: 38px !important;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'poppinsbold';

}


.orange{ color: #e8530e;}
.blue{color: #e7500f}

h2.home-h {
    color: #15203d;
    font-size: 35px;
    line-height: 45px;
    padding-bottom: 5px;
    margin-bottom: 32px;
    margin-top: 0px;
    letter-spacing: -1px;
}

h2 {
    color: #2f2f2f;
    font-size: 32px;
    line-height: 36px;
    padding-bottom: 5px;
    margin-bottom: 26px;
    margin-top: 0px;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'poppinsbold';
    font-weight: normal;
}

.in-body h2{font-size: 21px}

h3{ font-size: 20px;
    line-height: 23px;
    margin-bottom: 15px;
    color: #424242;
    text-transform: capitalize;
    font-family: 'poppinssemibold';
    font-weight: normal;
    }

.ser-h3{ font-size: 22px;
    margin-bottom: 20px;
    color:#15203d;
    font-family: 'ubuntubold';font-weight: normal;
    text-transform: capitalize;}

h4{ font-size: 15px;
    margin-bottom: 16px;
    color:#2f2f2f;
    text-transform: capitalize;
    font-family: 'latobold';
    font-weight: normal;
}

h5{
    font-size: 16px;
    margin-bottom: 16px;
    color:#2f2f2f;
    text-transform: capitalize;
    font-family: 'nunitosemibold';
    font-weight: normal;
}

h2.cap{text-transform: capitalize !important;}
.r-row{margin-left: 0px; margin-right: 0px}
.lb{font-family: 'latobold';}
.black{ color: black}

.sub-para{font-size: 12px; text-transform: uppercase;letter-spacing: 2px;
    line-height: 26px;
    color: #827979;
    margin-bottom: 12px;}


.bg-red{background-color: #e7500f}

.light{font-family: 'poppinslight'}




.high-div {
    padding: 1rem;
    background: #f7f7f7;
    border-radius: 0.35rem;
    border: 1px solid #f1f1f1;
    border-left: 2px
    solid #fad400;
}




/********* divider *********/
.divider{width: 46px; height: 46px; border-radius: 100%; border:1px solid #e7500f; position: relative; padding: 3px;}
.divider:after, .divider:before{position: absolute; width: 30px; height: 1px; background-color: #e7500f; content: ''}
.divider:after{left:46px; top:50%;}
.divider:before{right:46px; top:50%;}
.divider img{border-radius: 100%; padding: 7px; background-color: white}
.text-white .divider img{background-color: rgba(0,0,0,.6)}

.b-line {
    position: relative;
    margin-top: 10px;
}

/*.b-line:before {
content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fdfdfd;
    border: 2px solid #e7500f;
    display: inline-flex;
    position: absolute;
    left: 10px;
    bottom: -4px;
}*/

.b-line:after {
content: '';
    width: 35px;
    height: 2px;
    background-color: #e7500f;
    display: block;
}


.b-line.white:before {
    background: #e7500f;
    border: 2px solid #e7500f;}

.b-line.white:after {
    background-color: #ffffff;}

.text-center .b-line{margin: 0 auto; display: table;  margin-top: 10px; margin-bottom: 3px;}



.partition{background-image: url(../img/images/new-line1.png); 
    background-size: auto; background-position: center; margin-top: 45px; margin-bottom: 45px}




.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}


.flex-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.align-items-end{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}



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







/*owl dots*/
.owl-dots{text-align: center;}
.owl-nav{display: none;}
.owl-dot{    width: 11px;
    height: 8px;
    border-radius: 40px;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #e7500f !important;}
.owl-dot.active{background-color: #756b6b !important;
    width: 26px;}






/**********************************************************************************************/
/********************* button style ************************/
/**********************************************************************************************/
.viewall, .submit, .learn, .read
{     transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}


.viewall {
    display: inline-block;
    color: #e7500f;
    position: relative;
    z-index: 8;
    line-height: 22px;
}

table .viewall{line-height: 17px;width: 90px;}

.viewall:hover{color: white;}

.viewall i{padding-left: 2px; position: relative;top:1px;}

.submit{ padding: 11px 25px;
    text-align: center;
    color: white;
    background-color:#e7500f;
    border-radius: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .05em;
}

.submit:hover{box-shadow: 0px 17px 20px -16px rgb(0 0 0 / 57%); transform: translateY(-8px); 
    background-color: #756b6b}




.read{color: #ea571e; min-width: 93px;
    /* font-family: 'latobold'; */
    display: inline-block;
    padding: 1px 8px;
    font-size: 13px;
    background-color: #feffef;
    border: 1px solid #f9dcc2;
    color: #e7500f;
    border-radius: 3px;
    /* text-transform: uppercase; */
    letter-spacing: .5px;}


.read:hover{color: white; background-color: #e7500f; border: 1px solid #e7500f; }


.read-small{color: #ea571e}
.read-small i{padding-left: 1px}
.read-small:hover{color: #ea571e}
.read-small:hover i{transform: translateX(5px);}



/* change icon*/
.change-icon:after, .change-icon:before
{    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;}



.change-icon {
    overflow: hidden;
        /* background-color: #e7500f; */
        color: #000000;
        transition: color 0.25s 0.0833333333s;
        position: relative;
        padding: 14px 40px 5px 0px;
        /* text-transform: uppercase; */
        font-family: 'poppinssemibold';
}

.btn{font-size: 13px}

.sc_button_text:after{position: absolute;
    content: '';
    height: 100px;
    width: 1px;
    top: 0;
    right: 4.4em;
    background: rgba(255,255,255,0.3);}

.change-icon:before{    right: 20px; opacity: 0;
background-image: url(../img/icons/right-arrow.svg);
    background-size: 18px;
    filter: invert(1) brightness(0);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    padding:22px 0em 22px 2.2em;
}

.change-icon:after{
    background-image: url(../img/icons/right-arrow.svg);
    background-size: 18px;
    filter: invert(1) brightness(0);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    padding: 22px 0em 22px 2.2em;
}



.change-icon:hover:after
{right: -20px; opacity: 0}

.change-icon:hover:before
{right: 0px; opacity: 1}

/*.change-icon:hover{background-color:#3a3132; color: white}*/


.btn-no{ padding: 14px 30px 14px 30px; background-color: #e7500f;}


/************************* Download button ******************************/
.dwn-btn{ padding: 5px 25px;
    text-align: center;
    color: white;
    background-color:#e7500f;
    border-radius: 4px;
    float: left;
    margin-right: 0px;
    margin-bottom: 5px;
    text-transform: uppercase;
/*    font-size: 13px;
    font-family: 'robotomedium';
    letter-spacing: 1px;*/

    font-size: 12px;
    letter-spacing: .05em;
}

.dwn-btn i{margin-left:3px; position: relative; top: 3px;}

.dwn-btn span{ top: -2px;}

.dwn-btn:hover, .dwn-btn:visited{color:white; }
.dwn-btn:hover{background-color: rgba(27, 26, 26, 0.67);}
.dwn-btn.last{margin-bottom:30px;}










/**********************************************************************************************/
/*tab design*/
/**********************************************************************************************/

/*  bhoechie tab */
div.bhoechie-tab-container, div.bhoechie-tab-container2, div.bhoechie-tab-container3{
  padding: 0px !important;
  z-index: 10;
  border-radius: 4px;
  -moz-border-radius: 4px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu, div.bhoechie-tab-menu2, div.bhoechie-tab-menu3{
 padding-bottom: 0;}

div.bhoechie-tab-menu div.list-group, div.bhoechie-tab-menu2 div.list-group2
{margin-bottom: 0;display: inline-block;float: right;}
div.bhoechie-tab-menu div.list-group>a, div.bhoechie-tab-menu2 div.list-group2>a
{margin-bottom: 0;text-transform: uppercase;
letter-spacing: 1px;}
div.bhoechie-tab-menu3 div.list-group3>a
{margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa, 
div.bhoechie-tab-menu2 div.list-group2>a .glyphicon,
div.bhoechie-tab-menu2 div.list-group2>a .fa,
div.bhoechie-tab-menu3 div.list-group3>a .glyphicon,
div.bhoechie-tab-menu3 div.list-group3>a .fa
{color: #000;}
div.bhoechie-tab-menu div.list-group>a:first-child,
 div.bhoechie-tab-menu2 div.list-group2>a:first-child,
  div.bhoechie-tab-menu3 div.list-group3>a:first-child
{border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a:last-child, 
div.bhoechie-tab-menu2 div.list-group2>a:last-child,
div.bhoechie-tab-menu3 div.list-group3>a:last-child
{border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;
 }
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa, 
div.bhoechie-tab-menu2 div.list-group2>a.active,
div.bhoechie-tab-menu2 div.list-group2>a.active .glyphicon,
div.bhoechie-tab-menu2 div.list-group2>a.active .fa
{color: black !important;font-weight: bold;border-right:2px solid black;
}
div.bhoechie-tab-menu div.list-group>a.active:after,
 div.bhoechie-tab-menu2 div.list-group2>a.active:after,
  div.bhoechie-tab-menu3 div.list-group3>a.active:after{
  content: '';
  position: absolute;
  left: 99%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 13px solid #e7500f;

}


div.bhoechie-tab-menu div.list-group>a.active,
 div.bhoechie-tab-menu2 div.list-group2>a.active,
  div.bhoechie-tab-menu3 div.list-group3>a.active
{position: relative;
}




div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}



/*different*/
div.bhoechie-tab-content{
  background-color: #ffffff;
  margin-top: 30px;
  padding-bottom: 30px;}

div.bhoechie-tab-content h3, div.bhoechie-tab-content2 h3{color: #000 !important;font-weight: 400;margin-top: 10px !important;margin-bottom: 20px;font-size: 19px !important;}
div.bhoechie-tab-content h3 span, div.bhoechie-tab-content2 h3 span{border-bottom: 1px solid #c4d9cc;padding-bottom: 5px;}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){display: none;}
.list-group-item.active, .list-group-item.active:focus{   /* border-color: #c3d8cb !important;*/}
.list-group-item, .list-group-item2{color:#282828;}
.listpara > li, .listpara > li {padding-left: 10px;margin-bottom: 5px;color: #666;}
.bhoechie-tab-content .listpara li,
.bhoechie-tab-content2 .listpara li,
.bhoechie-tab-content3 .listpara li
{border:none;padding: 10px;font-weight: 100;background-color:#fff !important;line-height: 24px;letter-spacing: 0.2px;color: #000;  padding-top: 0 !important}
.list-group-item i, .list-group-item2 i{width: 24px !important;}
.list-group-item, .list-group-item2{text-align: left;padding: 0px 20px;border-radius:0 !important;
 border-right:1px solid #282828;font-size: 16px;
 }
 .list-group-item3
  {border-radius:0 !important;
  color:#3B3C42; /*font-size:18px;*/ display: block; width: 100%; float: left; text-align: center;}




/*second*/
div.bhoechie-tab2 div.bhoechie-tab-content2:not(.active){display: none;}
.list-group-item2.active, .list-group-item2.active:focus{   /* border-color: #c3d8cb !important;*/}

/*third*/
div.bhoechie-tab3 div.bhoechie-tab-content3:not(.active){display: none;}
.list-group-item3.active, .list-group-item3.active:focus{   /* border-color: #c3d8cb !important;*/}


div.bhoechie-tab-container3{min-height: 600px}

/*different*/
div.bhoechie-tab-content2{
  margin-top: 10px;
  padding-bottom: 10px;}
/**/




.list-group-item3{text-align: left;
    margin-bottom: 4px !important;
    border: 1px solid #e9e1db;
    border-radius: 6px !important;
    background-color: white;
    padding: 11px 15px;
    display: table;
    width: 100%;
    /* margin: 0 -8px; */
    border-radius: 0px;
    color: #3c3c3c;
    position: relative;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
    cursor: pointer
}

.list-group-item3:hover{border:1px solid #e7500f; color: #3c3c3c}

.list-group-item3.active{    border: 1px solid #e7500f;
    background-color: #e7500f;
    color: #ffffff;
    border-left: 3px solid #e7500f;
    border-radius: 5px 4px 4px 5px;
    padding-left: 25px !important;}





/**********************************************************************************************/
/*slide list*/
/**********************************************************************************************/
.side-list-cont {
    padding-top: 30px;
    position: absolute;
    z-index: 16;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
/*    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);*/
}
.slide-list li a .learn, .slide-close{    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}
/*.slide-list{position: absolute; left:86px; bottom: 20px; z-index: 23}*/
.slide-list li{display: block; /*float: left;*/margin-bottom: 8px;  margin-left: 3px; margin-right: 3px}
.slide-list li a{position: relative;
    padding: 10px 10px 10px;
    display:inline-block;
    width: 118px;
    border-radius: 4px;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    letter-spacing: .2px;
    /* font-family: 'rubikmedium'; */
    background: rgb(49 48 48 / 72%);
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    cursor: pointer;
}






.slide-icon{ margin: 0 auto;opacity: .8; width:24px;
/*    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);*/

    filter: invert(1) brightness(14);
    -webkit-filter: invert(1) brightness(14);
    -moz-filter:  invert(1) brightness(14);
}


.mod-icon{margin-right: 7px;
    margin-top: -3px;
    opacity: .6; float: left;}


.slide-list li a:hover{background: linear-gradient(178.65deg, #e84f0d 13%, #f78700 100%); /*background:#e7500f;*/
color: rgba(255, 255, 255, 1); }

.slide-list li a:hover img{opacity: 1}
.slide-list li a:hover figure{animation-name: headShake; animation-duration: .8s}

.online-btn{border-radius: 6px; padding: 3px 15px 2px; font-size: 18px; letter-spacing: 1px; margin-bottom: 25px;
    border: 2px solid white;
    background-color: transparent;
    color: white;
    line-height: 37px; display: inline-block;}

.online-btn:hover{background-color: #e7500f; color: white}

/*.slide-list .sub-box{display: block;}*/
.slide-list p{ color: white;line-height: 16px;font-size: 13px; margin-top: 0px; margin-bottom: 0px}

.slide-list .learn{ margin-top: 0px;
    color: white;opacity: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;}

.slide-list .box{margin: 0 auto}
.slide-list .sub-box1{padding-right: 10px}

.slide-list .learn.small-i i {
    font-size: 13px;top: 2px;color: #1bce25; background-color: transparent;}

.cap-para{font-size: 13px !important}

.cap-para{max-height: 60px;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;}

.slide-list li a:hover .learn{display: block; opacity: 1}

.slide-list .learn{position: absolute;left: 25px; bottom: 16px}
/*.slide-list li a:hover .box{margin-top: -30px}*/



.st p{margin-bottom: 0px}






/*slide list dropdown toggle*/
.slide-list .dropright .dropdown-toggle::after{display: none;}
.slide-list .dropdown-toggle {
    white-space: unset !important;
}

.slide-dropdown{background: rgb(49 48 48 / 82%); color: rgba(255, 255, 255, 1) !important; padding:20px 15px; border-radius: 12px; border:1px solid #e7500f;
 box-shadow: 20px 10px 20px -5px #0000002b;  width: 200px; text-align: center; margin-left: 10px !important}

.sms-text{font-family: 'poppinssemibold'; font-size: 16px; color: rgba(255, 255, 255, 1) !important;}
.sms-no{font-family: 'poppinssemibold'; color: #e7500f; font-size: 18px;top: 2px; position: relative;}
.s-para{margin-bottom: 10px !important; font-size: 12px !important; color: rgba(255, 255, 255, 1) !important;}
.s-para1{margin-bottom: 10px !important; font-size: 12px !important; color: rgba(255, 255, 255, 1) !important;}
.s-para2{font-size: 12px !important; color: rgba(255, 255, 255, 1) !important;}
.s-para.mb-0{margin-bottom: 0px !important}

.slide-close{position: absolute;
    right: -5px;
    top: -5px;
    color: #e7500f;
    opacity: 1;
    text-shadow: none;
    font-size: 15px;
    background: black;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 100%;}

.slide-close:hover{background: #e7500f; color: white}
.mob-bank-header{background: #ececec}






/**********************************************************************************************/
/*loans innerpage*/
/**********************************************************************************************/
.bor-h3{border-bottom:1px dashed #a8d4ba;    margin-top: 20px;
    padding-bottom: 3px; margin-bottom: 12px;
    font-size: 16px;}
.loan-h2{color: #65ae46; margin-bottom: 0px; padding-bottom: 0px}



/**********************************************************************************************/
/*app*/
/**********************************************************************************************/


.app {
    background-color: #e7500f;
    min-height: 450px;
    /*background-image: url(../img/images/app-bg.jpg);*/
    background-size: cover;
    background-position: center;
}

.app-hd {
    color: #fff;
    font-size: 45px;
    font-family: 'poppinsbold';
    line-height: 45px;
}

.app-head{font-size: 65px; color: #ffcf0d}

.app-desc {
color: #ffcf0d;
    font-size: 21px;
    padding-bottom: 20px;
    font-family: 'poppinsmedium';
}

.app-d2 {
    color: #fff;
    font-size: 13px;
    padding-top: 30px;
}

.app2 {
    float: right;
}


.mobile{position: absolute;bottom: -138px}
.app-cont{overflow: hidden;}
.bg-bg.app-cont{background-position: bottom center;}



/*slide app*/
.slide-app {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 260px;
}

.slide-app:before {
    content: '';
    background-image: url(../img/images/mobile-bg.png);
    height: 396px;
    width: 260px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 4;
}

.slide-app .carousel {
    width: 174px;
    padding-top: 9px;
    margin: auto;
    border-radius: 13px;
    overflow: hidden;
}




/**********************************************************************************************/
/*scrolling news*/
/**********************************************************************************************/
.scrolling-news .date{    /*padding: 0px 15px;*/ width: 75px;
    /* border-radius: 20px; */
    /* background-color: #0e8c46; */
        color: #f9ed22;
    border-right: 1px solid #f9ed22;
    font-size: 13px;}
.news-para{margin-bottom: 0px; padding-left: 10px; height: 21px;width: calc(100% - 75px);
    overflow: hidden;}
.news-title{padding: 3px 15px;display: none !important;
    background-color: #e84f0d;
    color: white;
    text-transform: uppercase;
    font-family: 'poppinssemibold';
    font-size: 16px;
    /* font-style: italic; */
    display: table;}
.scrolling-news .swiper-slide{padding:8px 15px; text-align: left; padding-right: 32px; 
  /*  background-color: rgb(29 28 28 / 74%) !important;*/ color: white;
    -ms-flex-pack: left;
      -webkit-justify-content: left;
      justify-content: left;
      -webkit-box-align: left;
      -ms-flex-align: left;
      -webkit-align-items: left;
      align-items: left;}
.scrolling-news{padding-left: 90px; position: relative; padding-right: 0px; box-shadow: 20px 10px 20px -5px #0000002b;
width: 77%; float: left; margin-top: -45px; z-index: 6; border: 1px solid #e7500f;
    border-radius: 40px; background: rgb(29 28 28 / 74%) !important; }
.news-head{border-radius: 40px;
    background: #e7500f;
    font-family: 'poppinsbold';
    /* font-family: 'poppinsregular'; */
    /* border: 2px solid #ffffff; */
    text-align: center;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 86px;
    height: 80%;
    padding: 0px 5px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;}




/*arrows*/
.scrolling-news .swiper-button-next, .scrolling-news .swiper-button-prev{background-color: rgb(29 28 28 / 74%) !important;
    border-radius: 0px;
    border: none;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #e7500f;
    border-radius: 35px;}
.scrolling-news .swiper-button-next:after, .scrolling-news .swiper-button-prev:after
{color: #e7500f !important;
    font-size: 12px !important;
    font-weight: bold;}

.scrolling-news .swiper-button-prev{     left: auto !important;
    right: -33px;
    top: 25px !important;}
.scrolling-news .swiper-button-next{    left: auto !important;right: -64px;
    top: 25px !important;}
.scrolling-news .swiper-container{padding-top: 32px;margin-top: -32px; }


/**********************************************************************************************/
/*bank icons*/
/**********************************************************************************************/
.bank-ul li{    width: 100%;
    float: left;
    margin-bottom: 8px;
    margin-right: 10px;
}
.bank-ul figure{background-color:#ffffff;    margin-top: -8px;
    border-radius: 100%;
    padding: 7px 15px;
    margin-right: 15px;}
/*.bank-ul img{width: 32px}*/
.bank-p{margin-bottom: 20px;      font-family: 'poppinsbold';
    font-size: 45px;
    line-height: 45px;}

.bank-p .light{ font-size: 27px;
    line-height: 30px;
    margin-bottom: 5px;}

.wel-img {
    margin-top: -50px;
    position: absolute;
    bottom: 0px;
    z-index: 7;
    width: 90%
}



/**********************************************************************************************/
/*E banking*/
/**********************************************************************************************/
.e-banking .bank-ul figure, .play-btn{  transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.e-banking .bank-ul figure{width: 68px; height: 68px; margin: 0 auto; margin-bottom: 5px; 
    background-color:rgb(252 247 217);}
.e-banking .bank-ul li{    width: calc(100% / 3 - 6px);
    margin: 3px;
    text-align: center;
    border: 1px solid #e8500d33;
    border-radius: 4px;
    padding: 10px; }
.e-banking .bank-ul li .box{width: 100%}
.e-banking .bank-ul li p{margin-bottom: 0px;font-size: 13px; font-family: 'latoregular';}
.e-banking .bank-ul figure img{opacity: .9}
.e-banking .bank-ul li:hover figure{box-shadow: 0px 6px 12px -8px rgb(0 0 0 / 74%)}

.icon-main .e-banking .bank-ul figure img {
    margin-top: 4px;
}



/**********************************************************************************************/
/*Mobile Banking */
/**********************************************************************************************/

.mobile-banking .bank-icons .bank-ul li {
    width: calc(100% / 2 - 0px); float: left; margin-right: 0px}

.mobile-banking .bank-icons .bank-p {
    margin-bottom: 20px;
    font-family: 'poppinsbold';
    font-size: 14px;
    line-height: 19px; margin-bottom: 0px
}
.mobile-banking .bank-icons .bank-ul li img{width: 34px; filter:invert(1) brightness(14);}

.mobile-banking .bank-icons .bank-ul li figure{margin-top: 0px; position: relative;
    z-index: 6;   /* background-color: #4371ce;*/    background-color: #e84f0d;
    border-radius: 18px;
    border: 2px solid #fd9021;}

.dark-theme .bank-p{/*color: #f55916;*/ /*text-transform: uppercase;*/ color: white}
.dark-theme .bank-p .light{color: white}
.dark-theme .bank-para{    margin-bottom: 0px;
    margin-bottom: 0px;
    color:rgb(255 255 255 / 89%);
    /* border: 1px solid rgb(255 255 255 / 25%); */
    padding: 5px 15px 5px 10px;
    border-radius: 0px 20px 20px 0px;
    font-size: 16px;
    background-color: #0c0c0c29;
    margin-left: -17px;
    padding-left: 17px;}

.play-btn{display: inline-block;    filter: invert(1);
    opacity: .7;}
.play-btn:hover {
    box-shadow: 6px 6px 20px -10px rgb(255 255 255);}







.light-theme .bank-p {
    color: #e84f0d;}
.light-theme .bank-p span.text-white
{color: #e84f0d  !important}
.light-theme .bank-para {
    margin-bottom: 0px;
    margin-bottom: 0px;
    color: rgb(255 255 255 / 89%);
    /* border: 1px solid rgb(255 255 255 / 25%); */
    padding: 5px 15px 5px 10px;
    border-radius: 0px 20px 20px 0px;
    font-size: 16px;
    background-color: #3895d8 ;
    margin-left: -18px;
    padding-left: 17px;
}


.light-theme .play-btn{border-radius: 4px}

/**********************************************************************************************/
/*swiper slider general*/
/**********************************************************************************************/

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      background: #fff;

      /* Center slide text vertically */
      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;
    }






.swiper-button-next, .swiper-button-prev
{background-color: #ea571e; color: white; width: 26px !important; height: 26px !important; border:2px solid white;
    border-radius: 100%; text-align: center;}

.swiper-button-prev:after, 
.swiper-button-next:after
{font-size: 8px !important; color: white !important}



/**********************************************************************************************/
/*about*/
/**********************************************************************************************/
.dct-img{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.help{font-family: 'poppinssemibold'; font-size: 17px; margin-bottom: 15px}
.first-para{margin-bottom: 25px}
.helpline{font-family: 'nunitobold'; font-size: 17px; color: #e7500f}
.about-img{border-radius: 150px 0px 150px 0px; box-shadow: 11px 11px #f3d1d4}





/**********************************************************************************************/
/*our products*/
/**********************************************************************************************/
.serv-icon .figcaption a, .serv-icon figure, .serv-img img{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.serv-dtl-cont{padding: 20px 20px 10px; }
/*.grey-bg{background-color: #f1f1f1}*/
.dark-bg{background-color: #1b1e28}
.serv-img{position: relative;}
.serv-img img{    border-radius: 6px 6px 6px 6px;
    margin: 0 auto;
    }
.serv-swiper{box-shadow: 2px 2px 30px -12px rgb(160 160 160 / 96%); border-radius: 6px;
 /*border-bottom: 2px solid #f8a4ac*/}
.product-cont{padding-left: 120px; padding-right: 120px}
/*.serv-icon {
    text-align: center;
    margin-top: -20px;
    position: relative;
    z-index: 5;
}*/
.serv-swiper{margin: 0 auto}
.serv-swiper:hover img{filter: none}

.serv-icon .figcaption a {
    font-size: 17px;
    color: #fff;
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 34px;
    background: rgb(242 7 33 / 88%);
    border-radius: 50%;
    /* margin-bottom: -10px; */
    box-shadow: 0px 0px 0px 6px #f7919bd4;
    cursor: pointer;
}


.serv-icon .figcaption a img{padding: 11px;
    filter: brightness(0)invert(1);
    -webkit-filter: brightness(0)invert(1);
    -moz-filter: brightness(0)invert(1);
}


.serv-icon .figcaption a:hover{background: white;
    box-shadow: 0px 0px 0px 6px rgb(242 7 33 / 88%);}


.serv-swiper-cont{height: 100%}


.serv-dtl-cont .gen-para{max-height: 72px; height: 72px;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 15px;}

.serv-swiper-cont:hover .serv-icon figure{background-color: #267d36}
.serv-swiper-cont:hover .serv-icon .figcaption a{background-color: #e7500f}
.service-overlay{background-color: rgb(38 125 54 / 82%); padding-bottom: 100px !important}

.pro-col{margin-bottom: 30px;}





/**********************************************************************************************/
/*products innerpage*/
/**********************************************************************************************/

.white-box{padding: 20px 18px;
    background-color: white;
    margin-bottom: 25px;
    border-radius: 6px;}








/**********************************************************************************************/
/*what makes us unique*/
/**********************************************************************************************/
.icon-col,.icon-col img, .view-map
{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}
.icon-col {padding: 20px 20px; position: relative; z-index: 2;
    background-color: white;
    /* text-align: center; */
    height: 100%;
  /*  box-shadow: 1px 5px 30px -25px #99a09e;*/
    border-radius: 5px;
    border:1px solid rgb(62 59 58 / 18%);}
.icon-col p.icon-head{
    margin-bottom: 0px;
    color: black;
    line-height: 20px;
    font-size: 16px;
    font-family: 'poppinssemibold';
    margin-top: 20px;
    margin-bottom: 20px;}

.icon-col p.gen-para {
    text-align: center;
    margin-bottom: 0px;
    color: inherit; 
    line-height: 28px; 
    font-size: 15px; 
    font-family: 'latoregular'; 
}




.icon-row{padding-top: 20px}


/*.icon-overlay{background-color: rgb(245 245 245 / 78%)}*/
.icon-col img{margin-bottom: 12px !important; width: 55px; filter: invert(0) brightness(0);
    opacity: 0.9;
}/*margin: 0 auto;*/}
.icon-col:hover img{animation-name: zoomIn; animation-duration: .5s;}
 .icon-col:hover{box-shadow: 7px 8px 20px -10px rgb(0 0 0 / 25%)}


.icon-main-col{ padding: 0px 3px; margin-bottom: 6px;}


.round {
    display: none;
border-radius: 100%;
    width: 40px;
    height: 40px;
    background-color:rgb(255 129 8 / 16%);
    position: absolute;
    left: 40px;
    top: 27px;
    z-index: -1;
}



.no-cnt .icon-col {padding: 14px 12px;}
.no-cnt .icon-col p.icon-head {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: 'latoregular';}
.no-cnt .icon-col .com{display: none;}


.icon-main .e-banking .bank-ul li {
    padding: 13px 6px}


/**********************************************************************************************/
/*services*/
/**********************************************************************************************/
.big-text{font-size: 51px; line-height: 49px;}





/**********************************************************************************************/
/*counter*/
/**********************************************************************************************/
.co-con{position: relative; z-index: 1}
.co-con .round {
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: rgb(243 104 43 / 16%);
    position: absolute;
    left: -6px;
    top: 21px;
    z-index: -1;}
.countlist li {
    width: 100%;
    float: left;
}

.counter-value {
    font-size: 30px;
    display: inline-block;
    font-family: 'poppinslight';
    letter-spacing: -2px;
    color: #fd5a0d;
}

.plus {
    font-size: 25px;
    color: #fd5a0d;
    padding-left: 8px;
}

.countlist li .count-text {
    font-size: 15px;
    font-family: 'latobold';
    line-height: 20px;
}

.count-text {
    margin-bottom: 0px;}

.countlist li .box{padding-top: 10px; padding-bottom: 10px; }
.countlist li .box.two{  border-bottom: 2px dotted rgb(192 192 192 / 36%);}
.countlist li .sub-box-a{width: 50px; padding-right: 10px}
.countlist li .sub-box2{width: 150px}

.countlist li .sub-box1{width: calc(100% - (60px + 180px ))}
.countlist li{position: relative; padding-left: 20px}

.countlist li :after{content: ''; width: 2px;height: 35px; background-color: rgb(192 192 192 / 3%);
position: absolute; left: 0px; top:50%; transform: translateY(-50%);}

.branch-icon{width: 85px; margin-bottom: 10px}

.count-overlay{ padding-left: 100px;  padding-right: 100px;}

.branch-col figure{ margin-top: -13px;}

/*.countlist li .box {
    margin: 0 auto;
}*/

/*.counting-div{background-image: url(../img/images/count-bg.jpg); background-attachment: fixed; }
.count-overlay{background-color: rgb(255 207 13 / 92%);padding-top: 50px; padding-bottom: 50px}
*/


.branch-new-acco .tol-fig {
    background: #79cd56;
    padding: 7px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 15px;
}

.branch-new-acco .tol-fig i {
    font-size: 13px !important;
    color: #ffffff;
}

.no-s-small{
    font-size: 13px;
    letter-spacing: .5px;
    margin-bottom: 0px;
    font-family: 'latobold';
    color: #449920;}

.branch-new-acco .box{margin-bottom: 6px}
.b-cont{margin-bottom: 10px}
.branch-new-acco .address{margin-bottom: 0px !important}
.tick-list li{position: relative; padding-left: 32px; margin-bottom: 5px;}
.tick-list li:after{content: '\e020';
    font-family: "dripicons";
    position: absolute;
    left: 0px;
    top: 1px;
    color: #79cd56;
    border: 1px solid #a8d4ba;
    display: block;
    height: 19px;
    width: 19px;
    line-height: 16px;
    padding: 1px;
    text-align: center;}




.view-map {
    min-width: 98px;
    line-height: 30px;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
    /* background-color: #057f38; */
    color: white;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient(88deg, #e84f0d 13%, #f78700 100%);
}


.view-map:hover{background:linear-gradient(88deg, #057f38 13%, #79cd56 100%); color: white}
.branch-md-head{color: #449920; padding: 20px; margin-bottom: 0px}
.branch-modal .modal-footer{border-top: none;}
.branch-modal .close {margin-top: 1px !important;}
.modal-iframe{    border:1px solid #86e35f; border-radius: 20px;
    width: 100%;
    height: 400px; margin-bottom: -6px}

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

.branch-modal .btn-danger{border-radius: 20px;}


/**********************************************************************************************/
/*emi calculator*/
/**********************************************************************************************/


.dct-ap {
    padding: 30px 20px;
    box-shadow: 2px 2px 30px -10px #d8d8d8;
    border-radius: 4px;
    width: 100%; height: 314px;
    float: left !important;
    background-color: white;
} 

.dct-ap .side-list-inn li a{padding-left: 0px}

.help {
    font-family: 'poppinslight'; text-align: center;
    font-size: 22px; line-height: 26px;
    margin-bottom: 15px;
}

.loan-type{background-color:#ea571e; color: white; border-radius: 20px; padding: 5px 20px}


.calculator .iim-text:before {
    color: #e7500f;
    content: '';
    font-size: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    opacity: 1;
    height: 100%;
    width: 43px;
    margin-right: 0px;
    padding-right: 11px;
    transition: all 0.2s linear 0s;
    background-image: url(../img/icons/right-arrow.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1) brightness(0);
    background-color: none;
    background: none;
}






/**********************************************************************************************/
/*offers*/
/**********************************************************************************************/
.offer-cont{padding-top: 30px !important; margin-top: -27px !important;}

.offer-cont .swiper-button-next, .offer-cont .swiper-button-prev
{top:20px !important;}

.offer-cont .swiper-button-prev
{right: 35px !important; left: auto !important;}

.offer-cont .swiper-pagination{display: none;}


/**********************************************************************************************/
/*modal*/
/**********************************************************************************************/

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

.modal-title{display: none;}
.modal-body{padding: 0px}
.modal-header{padding: 0px; border-bottom: none;}







/**********************************************************************************************/
/*deposit schemes*/
/**********************************************************************************************/
.dep-main{padding-left: 6px; padding-right: 6px}
.deposit-col, .deposit-col img, .intr-more{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.deposit-details{padding: 15px 20px 15px 20px; text-align: center;
    background-color: white;
    border-radius: 0px;}
.deposit-head{font-size: 19px; margin-bottom: 5px;
    font-family: 'poppinsregular';}
.deposit-col{box-shadow: 8px 11px 30px -5px #00000021;
    border-radius: 0px;}
.deposit-col .gen-para{display: none;}

.deposit-col img{transform: translate3d(-30px,0,0) scale(1.11);
 -webkit-transform: translate3d(-30px,0,0) scale(1.11);
 max-width: none;
  width: calc(100% + 30px); 
  width: -webkit-calc(100% + 30px);
   -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
.deposit-col:hover img{    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);}
.in-scale{text-transform: uppercase; margin-bottom: 0px;
    text-align: center;
    font-size: 12px;
    color: #929292;}

.intr-div{background-color: white}
.intr-rate{width:calc(100% - 60px); height:44px;padding:12px 12px 12px 12px;
    text-transform: uppercase;background-color: #f1f1f1; 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{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-more:hover{background-size: 24px;}
.intr-rate,.intr-more{float: left;}


/**********************************************************************************************/
/*chairman*/
/**********************************************************************************************/
 p.greetings{ font-size: 16px !important;
    color: #00b050 !important;
    font-family: 'poppinssemibold' !important;
    line-height: 24px !important;
    font-style: normal !important;}

.clientlist li {
    flex: 50% 0 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clientlist li a {
    border-right: 1px solid #ccc;
    border-left: none;
    border-bottom: 1px solid #ccc;
    border-top: none;


    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 15px 10px;
    margin-right: 1px;
    border: 1px solid #fff0f1;
    border-right: none;
    border-bottom: none;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.clientlist li:nth-child(2) a, .clientlist li:first-child a{border-top: none;}

.clientlist li:first-child a, .clientlist li:nth-child(3) a{border-left: none;}

.chair-main{background-color: #fcf7d9}


.new-logo-col{ border-left: 1px solid #fbcacb; }



/**********************************************************************************************/
/*chairman*/
/**********************************************************************************************/
.serv-name{font-size: 16px;
    color: #3189c9;}
.filter-none{filter: none !important; -webkit-filter: none !important;
-moz-filter: none !important;}

.line{width: 50px; height: 2px; background-color: #e7500f; margin-bottom: 20px}
.b-line {
    position: relative;
    margin-top: 10px;
    width: 130px;
}
.b-line:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fdfdfd;
    border: 2px solid #e7500f;
    display: inline-flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
}
.b-line:after {
    content: '';
    width:100%;
    height: 2px;
    background-color: #756b6b;
    display: block;
}
.text-center .line{margin: 0 auto}
.small-text{letter-spacing: 0px;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 24px;}
.shadow-none{box-shadow: none !important;}
.chair-main .serv-dtl-cont {    padding: 9px 10px 7px;
    /* background: #fbf1f0; */
    /* box-shadow: 2px 2px 30px -12px rgb(230 108 108 / 58%); */
    margin-top: 7px;
    position: relative;
    z-index: 2;
    background: rgb(232 83 14 / 93%);
    /* transform: translateX(9px); */
    /* text-align: center; */
    margin-bottom: 10px;
    margin-top: 0;
    /*margin-left: 17px;*/
    border-left: 3px solid #f68401;
}

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

.chair-para{    margin-top: 15px;
    text-align: justify;}

.chair-para p{font-style: italic; font-style: italic;
    font-family: 'latobold';
    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;}
.chair-fig img{border-radius: 4px;border-bottom: 3px solid #f57e03;}

.chair-head{    border-left: 3px solid #e8530e;
    padding-left: 8px !important;
    padding-bottom: 0px;
    line-height: 23px;
    margin-bottom: 15px !important;}




/*chairman*/
.chair-col .icon-col {padding: 2.5em 1em 1em 1em;}
.icon-col p.icon-head{margin-top: 3px; margin-bottom: 15px}
.chair-column{ padding: 20px 20px 15px; 
    background: rgb(255 255 255 / 71%);
    height: 100%;}
.chair-column-in{width: 500px}
.chair-main.inn {
    background-color: white;
}

.chair-sh{border: 2px solid #86e35f;
    border-radius: 12px; padding: 30px !important}

.chair-inn-name{  font-family: 'latobold'; font-size: 20px; color: black}
.chair-inn-pos{ font-family: 'latobold'; font-size: 15px;}



/*style for scroll bar*/
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #39adff #e7500f;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
  background-color:  #e7500f;
  border-radius: 0px;
  border: 3px solid  #e7500f;
}








/*footer*/
.bt-list li a, .link-col ul li a{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
footer{font-size: 14px; background-color: #fcf7d9}
.foot-head{text-transform: uppercase;font-size: 15px;font-family: 'poppinssemibold'; margin-bottom: 20px }
.link-col ul li{margin-bottom: 7px}
.link-col ul li a:hover{color: #e84f0d !important}
.add-para{line-height: 25px; font-size: 16px; }
.add-para span{text-transform: uppercase;}
.pd-2-10{padding-left: 10px; padding-right: 10px}
.pd-l-15{padding-left: 15px}
.pd-2-45{padding-right: 45px; padding-left: 45px}
.pd-2-30{padding-left: 30px; padding-right: 30px}
.bg-blue{background-color: #0e2433; color: rgba(255,255,255,.7)}
.bg-blue a{color: rgba(255,255,255,.7) }
.bg-blue a:hover{color: white}
.bg-blue .foot-head{color: white}
.mid-footer{padding-top: 40px; padding-bottom: 20px}
.logo-footer{background-color: #0c1d29; padding-top: 10px; padding-bottom: 10px}
.logo-footer .bottom-footer1{border-top: none; border-bottom: none;}
.logo-ul li{float: left; display: inline-block; margin-left: 30px}
.logo-ul img{filter: grayscale(1) invert(1);}
.bt-list.logo-list{margin-top: 23px;}
.bt-list li a:hover, .sp-list li a:hover{color: #e84f0d !important}

/*.bt-list.logo-list a{color: #333}*/
/*.logo-list{padding-left: 30px}*/


/*bottom-footer1*/
.bottom-footer1{border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2);}
.footer-social{margin-top: 20px;}
.footer-social li{ margin-right: 5px;
    display:inline-block; 
    width: 32px;
    height: 32px;
    line-height: 28px;}

.footer-social a
{
display: block;
    text-align: center;
    color: white !important;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    font-size: 15px !important;
    /* background-color: rgb(255 255 255 / 30%); */
    border-radius: 100%;
    border: 2px solid white;}

.footer-social li:hover > a {
    transform: translateY(-5px);border: 2px solid #ff6218;color: #ff6218 !important;
}
.footer-social a img {
    width: 16px;
    filter: brightness(0) invert(1);
}
.footer-social li:hover > a img{
	filter:none;	
}

.bt-list{margin-top: 60px;}
.bt-list li {
    display: inline-block;
    margin-right: 25px;
}

.footer-logo{/*float: right;*/height: 84px}
.ft-figure{ margin-top: 19px;}
.ft-logo-col{padding-top: 12px; padding-bottom: 12px}
.ft-logo-col, .ft-social-col, .sp-link-col{height: 140px}
.ft-social-col{/*border-left:1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(255,255,255,.2);*/ padding-left: 14px; padding-right: 14px}


/*bottom-footer2*/
.bottom-footer2{padding-top: 40px; padding-bottom: 30px}
.sp-list{text-align: center;}
.sp-list li{display: inline-block;margin-left: 1px; margin-right: 1px}
.srv{color: #328fce !important}
.srv:hover{color: white !important}
.power-col{text-align: left;}



/**********************************************************************************************/
/*apply now*/
/**********************************************************************************************/

.apply-div{    box-shadow: 0px 13px 35px -28px rgb(31 31 31 / 63%);/*position: relative;*/
    z-index: 6;
    padding: 30px 0px;
    border: 1px solid #a8d4ba;
    border-radius: 12px;
    background: rgb(255 255 255 / 89%);width: 450px;margin: 0 auto;}


.apply-div .message input[type=text], .apply-div .message input[type=number], .apply-div .message input[type=tel], 
.apply-div .message input[type=email], .apply-div .message input[type=password], 
.apply-div .message input[type=date], .apply-div .message textarea, .apply-div .message select {
    border: 1px solid #a8d4ba !important; background: white}

.apply-div .form-p {color: #464646}

.apply-div .ui-select-trigger{height: 42px; min-height: 42px; line-height: 42px !important}

.no-slide-div{padding-top: 116px; position: relative;}

.header-apply .hd-main{padding-top: 25px}
.header-apply .cnt-btn{margin-top: 15px;}

.apply-div .ui-select-trigger span {
    height: 42px !important;
    line-height: 42px !important;
}

.ui-select-trigger i {top: 17px !important;}

.apply-div .message input[type=text]:focus, .apply-div .message input[type=number]:focus, .apply-div .message textarea:focus, .apply-div .message input[type=date]:focus, .apply-now .message select:focus {
    border: 1px solid #f8d6b1 !important;
    background-color: #fffbf7 !important;
}






/**********************************************************************************************/
/*footer*/
/**********************************************************************************************/
footer .no-div, .cnt-main .no-div{border:none; padding: 0px}
footer .no-div figure, .cnt-main .no-div figure
{border: none; padding: 0px; border-radius: 0px; background-color:transparent;}

footer .no-div img, .cnt-main .no-div img {
    width: 20px;
    filter: invert(0) brightness(18);
    margin-right: 0px;
    margin:3px;
    position: relative;
    top: -1px;
}


.top-footer-cont{    background: rgb(0 0 0 / 95%);
    background: linear-gradient(29deg, rgb(19 18 19 / 97%) 65%, rgb(60 54 55 / 98%)) !important;
    padding-top: 60px;
    padding-bottom: 60px;}


footer{color: rgb(255 255 255 / 64%)}
.srv{color: rgb(255 255 255 / 60%) !important}
.srv:hover{color: white}

.foot-head{font-size: 16px;
    color: white;
    font-family: 'poppinssemibold';
    margin-bottom: 11px;
    position: relative;
    padding-bottom: 10px;}
/*.foot-head:after{content: '';
    width: 27px;
    height: 4px;
    background-color:#e7500f;
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-radius: 20px;}*/

.quick-links li{margin-bottom: 5px; position: relative; padding-left: 28px}
.quick-links li:before{content: '';
    width: 2px;
    height: 3px;
    border-radius: 100%;
    background-color: rgb(255 255 255 / 60%);
    position: absolute;
    left: 6px;
    top: 9px;}
.quick-links li:after{content: '';
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid rgb(255 255 255 / 64%);
    position: absolute;
    left: 0px;
    top: 4.3px;}
.quick-links li a{transition: all .3s ease; color: rgb(255 255 255 / 60%)}
.quick-links li a:hover{color: #e7500f !important}

.quick-links.text-dark li a{color: #333}
.quick-links.text-dark li:before {
    background-color: #e7500f;}

.quick-links.text-dark li:after {
    border: 1px solid #e7500f;}


footer .social li a{color: white !important; font-size: 24px; width: 42px}
footer .social li:first-child a{/*background-color: #3a5797*/ /*background-color: #696969*/}
footer .social li:nth-child(2) a{/*background-color: #1d9dec*//*background-color: #696969*/}
footer .social li:nth-child(3) a{/*background-color: #c4007e*//*background-color: #696969*/}
footer .social li:nth-child(4) a{background-color: #ce252c}
footer .social li:nth-child(5) a{background-color: #f4000f}
footer .social li:nth-child(6) a{background-color: #31be32}


.bottom-footer-cont{    background-color:#000000;
    padding-top: 15px;
    /*margin-top: 30px;*/ }


footer .logo{margin-bottom: 20px}

footer ul.social li a:hover {color: #e7500f !important}




/************************************************************************************/
/************************************ innerpage ************************************/
/************************************************************************************/
.mrg-tp-0{margin-top: 0px !important}
.mrg-btm-0{margin-bottom: 0px !important}
.pd-top-0{padding-top: 0px !important}
.inn-cont{padding-top: 80px; padding-bottom: 80px}
.img-right{ margin-bottom: 30px; margin-left: 30px}
.img-left{margin-bottom: 20px; margin-right: 20px}
.wel-top-bottom-inn-first{ padding-top: 50px; padding-bottom: 60px;}
@media (max-width: 991px){
.img-right{float: none !important; margin: 0 auto; margin-bottom: 18px}
.img-left{float: none !important; margin: 0 auto; margin-bottom: 18px}
}



/*innerpage slider*/
.inner-page-slide {
    position: relative;
    background-size: cover;
    background-position: top center;
    height: 360px;
}

.in-bg1{background-image: url(../img/images/in-bg1.jpg);}


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

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


.inner-slide-cont .box.in-slide-box, .inner-slide-cont .box.in-slide-box .sub-box {
    height: 100%;
}

.inner-slide-cont .box.in-slide-box
{width: 100%;}

.inner-slide-cont .box.in-slide-box .sub-box {
    vertical-align: bottom;
}

.inner-slide-cont .box.in-slide-box.vert-middle .sub-box{vertical-align: middle;}

.in-slide-box .button-ul li{margin-bottom: 35px; margin-right: 0px}

.in-slide-box .button-ul{display: table;float: right;}


.in-slide-head{font-size: 38px;
    margin-bottom: 20px;
    line-height: 54px;
    font-family: 'poppinssemibold';text-transform: unset;
    display: table;
    background: #00000054;
    padding: 10px 20px;
    border-radius: 40px;
}


.in-slide-head .orange {color: #86e35f;}

/*.in-slide-head span.light{display: inline-block;
    background-color: #e7500f; border:1px solid #e7500f; border-left: none;
    padding: 8px 20px;
    }


.in-slide-head span.frs{padding: 8px 20px; border:1px solid rgb(255 255 255 / 25%); border-right: none;}

.in-slide-head span.light, .in-slide-head span.frs{float: left;}*/


/*.slide-in-sub{text-align: center;}*/


  

/*breadcrumb*/
.breadcrumb-div{
    background-color: #86e35f;
    padding-left: 15px;
    padding-right: 15px;
    /*margin-top: -25px !important;*/
   

    /*border-bottom: 1px solid #d1d1d1;*/
  /*  border-top: 1px solid #e7500f;*/
}

.text-center .breadcrumb-div
{    /*text-align: center !important;
    display: table !important;
    margin: 0 auto !important;*/
 margin-bottom: 10px !important;}

.breadcrumb {
background: transparent;
    display: table;
    /* border-radius: 20px; */
    padding-right: 0px;
    padding-bottom: 8px;
    padding-top: 8px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 0px;
    position: relative;
    /* left: -10px; */
    z-index: 4;
    border-radius: 0px;
}

.breadcrumb>li {
    display: inline-block; float: left;
}

.breadcrumb li.b-home a i{color: white !important}
.breadcrumb li a {
    color: #057f38 !important;
    font-size: 14px;
   padding: 2px 3px;
    display: inline-block;
}

.breadcrumb>li+li:before {  
    color: #e7500f;}
.breadcrumb li.active a{color: #057f38 !important; }
.breadcrumb>li+li:before{     content: '\f054';
    font-family: 'FontAwesome';color: #e7500f;
    font-size: 9px;
    position: relative;
    bottom: 0px;padding-left: 2px;
    padding-right: 2px;}
/*.breadcrumb li.active:before{color: black !important;}*/


.b-home i{
    display: none;
    background: linear-gradient(178.65deg, #e84f0d 13%, #f78700 100%);
    background-color: #f78700;
    padding: 8px 12px 8px 12px;margin-right: 12px;}

.b-home a{float: left;}

.b-home:hover i{background: linear-gradient(178.65deg, #f78700 13%, #e84f0d 100%);
    background-color: #f78700;}

.r-dot{    /*background-color: #0c0c0c;*/
    border: 2px solid rgb(217 255 195 / 51%);
    border-radius: 100%;
    padding: 4px;
    display: inline-block; float: left;
    position: relative;
    z-index: 5;
    margin-top: 2px;
}

.r-dot img{width: 24px;
    filter: invert(1) brightness(14);
    padding: 4px;}





/*gen list*/
.gen-list{margin-bottom: 18px}
.gen-list li{padding-left: 17px; margin-bottom: 6px; line-height: 27px; position: relative;}
.gen-list.small-list li{line-height: 24px;}
.gen-list li:before{content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #86e35f;
    /* border-radius: 40px; */
    /* background-image: url(../img/icons/security.svg); */
    position: absolute;
    left: 0px;
    top: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.nav-link{color: #0a0a0a; padding: .6rem 1rem}
.nav-link:hover{color: #333}
.nav-img{     width: 24px;
    float: left;
    margin-top: -3px;
    margin-right: 5px;filter: invert(0) brightness(0);
    opacity: .6;}

.ft-list li{padding-left: 50px; margin-bottom: 25px; line-height: 28px; position: relative;width: 50%;
    float: left; padding-right: 15px}
.ft-list.small-list li{line-height: 24px;}
.ft-list li:before{ content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    /* background-color: #e7500f; */
    /* border-radius: 40px; */
    background-image: url(../img/icons/security.svg);
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}





/*.gen-list li:after{ content: "";
    width: 13px;
    position: absolute;
    left: -3px;
    top: 8px;
    height: 13px;
    border-radius: 100%;
    display: inline-block;}*/



.gen-sub-list{ margin-top: 5px; margin-bottom: 15px;}
.gen-sub-list li:before{color: #192f59;}
.gen-list-just li{text-align: justify;}


.gen-list li ul.gen-sub-list li:before{
    font-family: 'FontAwesome';
    width: 0px;
    height: 0px;
    top: 1px;
    width: 8px;
    height: 8px;
    background-color: #e7500f;
    position: absolute;
    left: 0px;
    top: 10px;}

.gen-list li ul.gen-sub-list li:after{display: none;}




.gen-list li ul.gen-sub-list li ul.gen-sub-sub-list li:before{
    font-family: 'FontAwesome';
    width: 0px;
    height: 0px;
    top: 1px;
    width: 8px;
    height: 8px;
    background-color: #39adff;
    position: absolute;
    left: 0px;
    top: 10px;}

.gen-list li ul.gen-sub-list li ul.gen-sub-sub-list li:after{display: none;}

ul.gen-sub-sub-list{margin-top: 5px}

.green{color:#057f38;}
a.green{cursor: pointer;}
a.green:hover{color: #11b2ff}


/*pagination*/
.pagination {
  display: inline-block; margin-bottom: 15px;
}

.pagination a {
    color: #e7500f;
    float: left;
    padding: 5px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #d6d6d68f;
    margin: 0 4px;
    box-shadow: 2px 3px 10px -2px rgb(0 0 0 / 15%)
}

.pagination a.active {
  background-color: #e7500f;
  color: white;
  border: 1px solid #e7500f;
  box-shadow: none;
}

.pagination a:hover:not(.active) {background-color: #f3f3f3;}



/*form*/
input[type=text], input[type=number], input[type=tel], input[type=email], input[type=password], input[type=date], textarea, select {
    margin-bottom: 13px;
    border:none;
    min-height: 36px;
    line-height: 24px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}
textarea {
    height: 95px;
}

/*input[type=text]:focus, textarea:focus{border-bottom:1px solid #5EB007 !important;}*/




input[type="text"]::-webkit-input-placeholder {
 font-size: 13px;
}

input[type="text"]::-moz-placeholder {
 font-size: 13px;
}

input[type="text"]:-ms-input-placeholder {
  font-size: 13px;
}

input[type="text"]:-moz-placeholder {
  font-size: 13px;
}


.cd-search input[type="search"]::-webkit-input-placeholder {
 color: #333 !important
}

.cd-search input[type="search"]::-moz-placeholder {
 color: #333 !important
}

.cd-search input[type="search"]:-ms-input-placeholder {
  color: #333 !important
}

.cd-search input[type="search"]:-moz-placeholder {
  color: #333 !important
}


header input[type="text"].enter-email::-webkit-input-placeholder {
 color:rgba(255,255,255,1)
}

header input[type="text"].enter-email::-moz-placeholder {
 color:rgba(255,255,255,1)
}

header input[type="text"].enter-email:-ms-input-placeholder {
  color:rgba(255,255,255,1)
}

header input[type="text"].enter-email:-moz-placeholder {
  color:rgba(255,255,255,1)
}




footer input[type="text"].enter-email::-webkit-input-placeholder {
 color:#333;
}

footer input[type="text"].enter-email::-moz-placeholder {
 color:#333;
}

footer input[type="text"].enter-email:-ms-input-placeholder {
  color:#333;
}

footer input[type="text"].enter-email:-moz-placeholder {
  color:#333;
}





input[type="number"]::-webkit-input-placeholder {
 font-size: 13px;
}

input[type="number"]::-moz-placeholder {
 font-size: 13px;
}

input[type="number"]:-ms-input-placeholder {
  font-size: 13px;
}

input[type="number"]:-moz-placeholder {
  font-size: 13px;
}


textarea::-webkit-input-placeholder {
 font-size: 13px;
}

textarea::-moz-placeholder {
 font-size: 13px;
}

textarea:-ms-input-placeholder {
  font-size: 13px;
}

textarea:-moz-placeholder {
  font-size: 13px;
}




.message input[type="text"]::-webkit-input-placeholder {
 opacity: 1;
}

.message input[type="text"]::-moz-placeholder {
 opacity: 1;
}

.message input[type="text"]:-ms-input-placeholder {
opacity: 1; 
}

.message input[type="text"]:-moz-placeholder {
 opacity: 1;
}


textarea::-webkit-input-placeholder {
 opacity: 1;
}

textarea::-moz-placeholder {
 opacity: 1;
}

textarea:-ms-input-placeholder {
opacity: 1; 
}

textarea:-moz-placeholder {
 opacity: 1;
}




.cnt-form input[type="text"]::-webkit-input-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form input[type="text"]::-moz-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form input[type="text"]:-ms-input-placeholder {
  color:rgba(255,255,255,.9);
}

.cnt-form input[type="text"]:-moz-placeholder {
  color:rgba(255,255,255,.9);
}



.cnt-form select::-webkit-input-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form select::-moz-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form select:-ms-input-placeholder {
  color:rgba(255,255,255,.9);
}

.cnt-form select:-moz-placeholder {
  color:rgba(255,255,255,.9);
}



.cnt-form textarea::-webkit-input-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form textarea::-moz-placeholder {
 color:rgba(255,255,255,.9);
}

.cnt-form textarea:-ms-input-placeholder {
  color:rgba(255,255,255,.9);
}

.cnt-form textarea:-moz-placeholder {
  color:rgba(255,255,255,.9);
}




.form-p{    margin-bottom: 1px;
    font-size: 10px;
    font-family: 'latobold';
    color: #9c9c9c;
    text-transform: uppercase;}


.send{    background-color: #e90404;
    color: white !important;
    margin-bottom: 18px;
    border-radius: 6px;
    line-height: 32px;
    padding: 6px 18px;
    border: 2px solid #e90404;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}

.send i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}

.send:hover{background-color:#e7500f; border: 2px solid #e7500f; color:white;padding: 6px 25px;}

.message{ padding: 0px 15px; /*box-shadow: 0 5px 20px -10px rgb(0 0 0 / 14%); */
    border-radius: 6px; margin-bottom: 25px; /*border:1px solid rgb(192 192 192 / 50%);*/
}

.height100{height:100%;}






/*if form message*/
.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: 2px solid #eeeff0 !important;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    background-color: #f4f6f6;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #707070;
   /* box-shadow: 2px 3px 10px -2px rgb(0 0 0 / 10%);*/
}

.message select {font-size: 13px}

.message input[type=text]:focus, .message input[type=number]:focus,
.message textarea:focus, .message input[type=date]:focus, .message select:focus {

    border: 2px solid rgb(242 250 255) !important;
    background-color: #fafdff; }



/*if icon form*/
.icon-form input, .icon-form textarea{padding-left: 25px !important;}
.icon-form .send-btn{width: 100%}
.icon-form .form-group{position: relative;}
.frm-icon{    position: absolute; display: none;
    left: 15px;
    top: 14px;
    width: 15px;
    height: 15px;}


/*floating label*/
.form-group input, .form-group textarea, .form-group select{margin-bottom: 0px}

.form-group{margin-bottom: 12px !important}

.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}

.floating-label {
  display: none;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  pointer-events: none;
  left: 34px;
  top: 13px !important;
  transition: 0.2s ease all; text-transform: capitalize; color:#756b6b !important ; font-size: 13px; font-size: 13px
}

.inputText-cont{position: relative;}


label{font-weight:normal; font-family: 'latobold'; margin-bottom: 12px;}
label, input, textarea{
  transition: all 0.2s;
  touch-action: manipulation;
}

/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
::-webkit-input-placeholder {
  opacity: 1;
  transition: inherit;
}

/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
input:not(:placeholder-shown) + label.floating-label,
input:focus + label.floating-label,
textarea:not(:placeholder-shown) + label.floating-label,
textarea:focus + label.floating-label
 {
  cursor: pointer;
  font-size: 11px;
  top:-8px !important;
  color: #e7500f !important;
  background-color: white;
}

input:focus~.frm-icon,
textarea:focus~.frm-icon
{color: #e7500f !important}


/*file upload button*/
.fileWrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100% !important;
    margin-bottom: 15px;
}

input[type=text].fileInputText {
    float: left;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0 5px;
    height: 42px !important;
    width: calc(100% - 115px) !important;
}

input[type=button].fileInputButton {
   float: right;
    color: white;
    border: solid 1px #ea571e;
    background: #ebfff3;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    margin: 0;
    padding: 0;
    height: 39px !important;font-size: 13px;
    border-radius: 4px;}






/*table responsive*/
/*table*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{border-top: 1px solid #d0f4c9;}
.color-table th{font-weight: normal;   font-size: 17px; color: #1E7D47;}
tr.first-row>td, tr.first-row>th{border-top:none !important;}



.table-responsive {
    /* border: none; */
    color: black;
    border-radius: 6px;
    /*border: 1px solid #d0f4c9;*/
    margin-bottom: 30px;
    padding: 0px;
    
}
.table-responsive.shadow-table{box-shadow: 0px 1px 15px 0px rgb(50 151 107 / 11%)}

.table-responsive.border-table{border:1px solid #a8d4ba;}

.table-responsive.last{margin-bottom:0px !important;}


.table-responsive .table{margin-bottom: 0px; }
.table>tbody>tr>th{padding: 8px 16px !important;}
.first-row {
    background-color: #5EB007 !important;
}

.first-row th{color: white !important}

.table>tbody>tr>th {
    /*color: #057b4c !important;*/
    font-weight: 700;
    font-size: 15px; 
   
}

.table>tbody>tr>td{ line-height: 21px !important; font-size: 13px;}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td, .table>tbody>tr>th {
    border-top: 1px solid #a8d4ba;
    border-right:1px solid #a8d4ba;
    padding: 8px 16px;
    color: #383636;
}

.table>tbody>tr:first-child>td, .table>tbody>tr:first-child>th
{border-top: none !important;}

.table>tbody>tr>td:last-child, .table>tbody>tr>th:last-child{border-right: none !important;}

.table>tbody>tr:nth-child(even) {
   /* background-color: #effeed;*/
    /*box-shadow: 2px 5px 15px -4px rgb(0 0 0 / 72%);*/
}


.dual-color .table>tbody>tr:nth-child(odd) {background-color: #f2fdf8;}


.dual-color .table>tbody>tr:nth-child(even) {
       background-color:rgb(254 255 239);}

.table thead th, .table th{border-right:1px solid #a8d4ba;
    font-weight: normal;
    font-size: 14px;
    border-bottom: none;
    color: #252525;
    font-weight: normal;
    font-family: 'latobold';
    border-top: none !important;}
.table thead th:last-child{border-right: none !important;}
.table thead th{ padding: 16px 16px;}
thead tr{ background-color:#ebfff3;}


.table-hover tbody tr:hover {
    box-shadow: 14px 14px 30px 6px #ea0404;
    color: #ea0404;
    background-color: rgb(0 0 0 / 0%);
}

.table-hover tbody tr
{
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}


.table>tbody>tr.color-row>th{
    padding: 10px 16px!important;  background-color: #fcf7d9;}



/*rewriting default settings*/
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 0px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}
.navbar-toggle{ background-color: #414241; border-radius: 0px; cursor: pointer !important}





/*accordion*/
/*rewriting default style*/
#accordion{width: 100%}
#accordion .card-body{}
.card-link, .card-header{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}
.card-header {
    background-color: white;
    border-bottom: none;
    padding: .8rem 1.25rem;
}



.card{     border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border: 1px solid rgb(168 212 186);
    margin-bottom: 15px;
    box-shadow: 0px 13px 35px -28px rgb(6 80 37);}


/*open*/
.card-link{display: block;font-family: 'latobold';  background: #ebfff3; color: #171818 !important}

/*closed*/
.card-link.collapsed{color:#333 !important;background: #ebfff3; color: #333 !important }
.card-link.collapsed:hover{ background: #fcf7d9}

.card-link, .card-link:hover{color: #333;}

.card-body h3{margin-bottom: 12px; font-size: 16px}

/*gen-acco*/
.gen-acco  .card-header .card-link {
    padding: .8rem 20px;
    width: 100%;
    text-align: left;}

.gen-acco  .card-header{padding: 0px 0px;position: relative;}

.gen-acco .loan-h2 span{display: block;}
.scaccordion .loan-h2 i{
    position: absolute;
    right: 10px;
    top: 20px;
}
.scaccordion .loan-h2 i.anglerotate{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.scaccordion h2{
    font-size: 1rem;
    text-transform: none;
    font-family: 'poppinssemibold'
}
.scaccordion .card-header .card-link{
    padding: .35rem 20px;
}
.scaccordion table th{
    vertical-align: middle;
}


/*date acco*/
.date-acco .card-header{ padding: 0px 0px; display: block;}
.date-acco .card-header .card-link{padding: .8rem 30px; display: block; width: 100%;
    position: relative;padding-right:130px }
.acc-date-cont{width: 150px;position: absolute;right: 10px; top:0px; }
.date-acco .card-header .card-link, .acc-date-cont{float:left;}
.acc-date-cont{padding: .8rem 1.25rem; text-align: right;}
.acc-date{    padding: 7px 10px;
    background-color: white;
    box-shadow: 0px 0px 1px 0px #0f0f0f;
    border-radius: 4px;
    color: #333333;
    font-size: 13px;}
.date-acco .hovereffect{height: 150px;
    border-radius: 40px 6px 40px 6px;
    box-shadow: 7px 8px 20px -2px rgba(0,0,0,.2)}
.date-acco .hovereffect .wel-img{border-radius: 0px; box-shadow: none;}






/*side list innerpage*/
.side-list-inn{width: 100%; padding-left: 10px;}
.in-q-link{background-color: #244175;
    color: white;
    padding: 12px 36px;
    border-radius: 20px 20px 0px 0px;
    /* border-bottom: 6px solid #e7500f; */
    margin-bottom: 0px;
    font-family: 'ubuntumedium';
    font-size: 17px;
}

/*.in-side-col{padding-left: 30px}*/

.in-side-menu {
    border: 1px solid #a8d4ba;
    border-radius: 12px;
    padding: 12px 0px;
    box-shadow: 0px 13px 35px -28px rgb(31 31 31);
    
}

.side-list-inn li a, .icon-list li a{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.brain-main{background-color: #f9f9f9}
.side-list-inn li a{
    border-left: 2px solid transparent;
    padding-left: 15px;
    text-align: left;
    /* margin-bottom: 10px !important; */
    /*border-bottom:1px solid rgb(240 245 247);*/
    border-bottom: 1px solid rgb(168 212 186 / 30%);
    /* border-radius: 6px !important; */
   /* background-color: #fff0f0;*/
    /* padding: 5px 15px; */
    display: table;
    width: 100%;
    /* margin: 0 -8px; */
    border-radius: 0px;
    color: #3c3c3c;
    position: relative;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
    cursor: pointer;

}


/*.side-list-inn li:hover a .iim{background-color: #ffffff;}
.side-list-inn li.active a .iim{background-color: #e7500f}*/

.side-list-inn li a:before{content: '\f0a9'; font-family: 'FontAwesome';position: absolute; left:18px; top:14px;
font-size: 14px; display: none;

}



.side-list-inn li
{    width: 100%;
    flex: 100%;
    max-width: 100%;
    /*background: #fff0f0;*/
   /* margin-bottom: 7px;*/
}

.side-list-inn li img {
/*    height: 40px;
    width: 27px;*/
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: 0px;
    filter: invert(1);
    width: 18px;
  /*  filter: invert(1);
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    opacity: .6;*/
/*    filter: brightness(0) invert(0.6);
    -webkit-filter: brightness(0) invert(0.6);
    -moz-filter: brightness(0) invert(0.6);*/
}

.iim {
    display: none;
    padding-right: 0px;
    border: none;
    border-radius: 0px;
    text-align: center;
    vertical-align: middle;
/*    border: 1px solid rgba(161, 230, 211, 0.68);*/
    border-radius: 100px;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin-top: 6px;
}


.side-list-inn li a:before
{   content: '';
font-family: 'fontAwesome';
 padding-right: 0px;
    border: none;
    border-radius: 0px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    line-height: 19px;
    margin-top: 12px;
    color: white;
    padding-left: 1px;
    font-size: 16px;}



.side-list-inn .iim{display: block;
    background-color: #e7500f;
    float: left;
/*    background-color: #f0f6ed;
    border-radius: 100%;*/}
.side-list-inn .iim-text{/*display: table-cell; */
    /* width: calc(100% - 40px); */
    position: relative;
    /* top: 1px; */
    text-align: left;
    /* text-indent: 12px; */
    padding: 11px 10px 11px 4px;
    padding-left: 10px;}
.side-list-inn .iim, .side-list-inn .iim-text{vertical-align: middle; }

.side-list-inn .iim-text.effect.effect-1:hover {
    text-indent: -5px;
}

b{font-family: 'poppinssemibold'; font-size: 16px}

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


.side-list-inn .effect.effect-1:after{    content: "\f105";
    font-family: 'FontAwesome';
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    background: #e7500f;
    border-radius: 100%;
    color: white;
    text-align: center;
    padding: 0px;
    padding-left: 1px;
    position: absolute;
    right: 15px;
    top: 18px;}
.side-list-inn .effect.effect-1{padding-right: 45px !important; padding: 15px 45px 15px 15px !important}

.side-list-inn .effect.effect-1:before, .side-list-inn li figure{display: none !important;}

.side-list-inn li.active a{background: #86e35f !important;
    color:#057f38 !important;
    border-radius: 7px 0px 0px 7px !important;}







/*side menu with dark theme*/
.in-side-menu.dark-theme {
    box-shadow:0px 13px 35px -20px rgb(10 10 10);
    background-color: #2d404b !important;
}

.dark-theme .side-list-inn li a {
    border: 1px solid rgb(255 255 255 / 11%) !important;
    background-color: #2d404b !important;}

.dark-theme .effect.effect-1:before {
    background: #3a505d !important;}


.dark-theme .side-list-inn li.active a .effect.effect-1:before {
    text-indent: 10px !important;
    background: #e7500f !important;
    color: white !important;}

.dark-theme .side-list-inn li a, .dark-theme .side-list-inn li a:hover{color: white}


.dark-theme .quick{color: white !important}
/*with background color*/
/*.side-list-inn li.active a{position: relative;
    border-right: 3px solid #e7500f;
    color: white;
    background: #e7500f;}


.side-list-inn li.active a:after
{    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-right: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 13px solid #e7500f;}


.side-list-inn li.active a img{filter: brightness(0) invert(1.5);
    -webkit-filter: brightness(0) invert(1.5);
    -moz-filter: brightness(0) invert(1.5); opacity: 1}


.side-list-inn li.active:hover a {
    color: white !important;
    background: #e7500f;
    border: 1px solid #e7500f;
}


.side-list-inn li:hover a:before{animation-name: zoomIn; animation-duration: .5s}


    */



.side-list-inn li.active a{box-shadow: 0px 14px 10px -18px #008c3d;
    /* color: #e7500f; */
    background-color: #fcf7d9;
    border-left: 2px solid #86e35f;
    /*color: #e7500f;*/
}

/*.side-list-inn li.active a .effect.effect-1:before {
opacity: 1;
    text-indent: 15px;
    background: #f1f9fd;
    color: #e7500f;
    border: 1px solid #e7500f;
    border-radius: 4px;}*/


/*.side-list-inn li.active a:hover
{background-color: #e7500f; color: white !important; box-shadow:  2px 3px 10px -2px rgba(0,0,0,.1);
    border: 1px solid rgb(117 107 107 / 17%);}*/



.side-list-inn li:hover a{color:black;box-shadow:2px 2px 30px -20px #007f38;/*color: #4c8e24 !important;
    box-shadow: none;
    background-color: #9ce47045;
    border: 1px solid rgb(228 248 216)*/;}




.side-list-inn li{width: 100%; flex: 100%; max-width: 100%}

.quick{    font-family: 'poppinssemibold';
    font-size: 14px;
    line-height: 18px;
    padding-left: 8px;
    /* margin-left: 12px; */
    margin-bottom: 0px;
    text-transform: uppercase;
    padding: 6px 18px;
    /*background-color: #eaeaea;*/
    display: table;
     /*   background: #1386e8;
    color: white;*/}











/************************************************************************************/
/*gallery*/
.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;
    height: 157px;
}

.galimg-col .galimg-detail {
    /*display: none; */
    position: absolute;
    bottom: 10px;
    left: auto;
    right: 0px;
    width: 97%;
    border-radius: 0px;
    padding: 4px 12px;
  /*  background-color: rgb(49 137 201 / 90%);*/
    border-left: 2px solid transparent;
    max-height: 45px;
    font-size: 13px;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


.galimg-col a:hover img {
    transform: scale(1.1);
}

.galimg-col a img {
    max-height: 198px;
    margin: auto;
    width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.galimg-col a:hover .galimg-detail {
    /*background-color: rgb(5 127 56 / 90%); */
    background-color: rgb(49 137 201 / 90%);
    border-left:2px solid #ff8506;
    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: 16px;}
.lg-sub-html{display: table !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: rgb(232 83 14 / 93%) !important;
    border-left: 3px solid #f68401 !important;
    text-transform: capitalize !important;
    font-family: 'poppinssemibold' !important;
    padding: 2px 15px 4px !important;
    line-height: 17px !important;
    border-radius: 20px !important;}

.lg-thumb-outer.lg-grab{height: 70px !important}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #e84f0d !important;
}
.lg-outer .lg-thumb-item {
    border: 2px solid #3895d8 !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{    background: #e7500f;
    border-radius: 100%;
    padding: 3px;}
.lg-toolbar .lg-close:after
    {background:#3895d8;padding: 3px;border-radius: 100%; }
.lg-toolbar .lg-icon{color: white !important; font-size:20px !important;}
.lg-toolbar{background: transparent !important;}


/*video testimonials*/
.vid-vid {margin-bottom: 30px; border-radius: 6px; border: 2px solid white; /*box-shadow: 0px 5px 9px 0 rgba(15, 17, 15, 0.36)*/}
.inn-video-div{border-radius: 6px}
.vid-vid:hover .play-button{animation-name: zoomIn; animation-duration: .5s}

/*light gallery videos*/
.overlayg span, .video-name:before{
 transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}

.gal-img{position: relative;}
.overlayg{    background-color: rgb(249 96 32 / 68%);
    background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    background-size: 200% auto;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 52px;
    text-align: center;
    border: 2px solid white;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;

}

.overlayg span{font-size: 22px; color: white; padding-left: 4px;}
.video-gal li{padding: 4px}
.video-gal li a{display: block;}
.video-gal li a:hover .overlayg span{transform: rotate(60deg);}
.video-name{ padding: 9px 8px;color: #333; position: relative; z-index: 5}
/*.video-name:before{content: ''; width: 2px ; height: 100%; background-color:#f96020;
 position: absolute;left: -2px; top:0px; z-index: -1}*/
.video-gal li a:hover .video-name:before{width: 100%; left: 0px; border-radius: 0px 0px 6px 6px;  }
.video-gal li a:hover .video-name{color: white;}
.video-gal li a img{border-radius: 6px 6px 0px 0px}




.cd-search input[type="search"], .cd-search input[type="search"]:focus{background-color: #fcf7d9 !important; color: #333 !important}
.cd-dropdown .cd-close{background-color: #ff753b !important}



/********************************************************************************/
/*about*/

.shadow-div{box-shadow: 0px 13px 35px -28px rgb(31 31 31 / 63%);
    padding: 15px;}




/************************************************************************************/
/*contact*/

/*.message{background-color: rgb(255 255 255)}*/

.cnt-main .co-col .ft-col
{   float: left;
    padding: 25px 20px;
    background-color: #e6eef3;
    height: 100%;}

iframe{width: 100%}

/*.big-bg{    background-image: url(../img/images/choose-bg2.svg);
    background-position: 1000px 300px;
    background-attachment: fixed;
    background-size: 300px 300px;
    background-repeat: no-repeat;}

.small-bg{background-image: url(../img/images/choose-bg2.svg);
    background-position: 0px 0px;
    background-size: 200px 200px;
    background-repeat: no-repeat;}*/



.contact-main .address-col .foot-head {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
  /*  background: #ebfff3;*/
    color: #323431;
    text-transform: capitalize; font-family: 'nunitobold'; font-size: 17px;
    border-radius: 4px 4px 0px 0px;
    position: relative;
}


.contact-main .address-col .foot-head:after{
    content: '';
    width: 20px;
    height: 2px;
    background: #e7500f;
    position: absolute;
    left: 10px;
    bottom: 0px;
    border-radius: 40px;
}


.contact-main .address{margin-bottom: 5px}

.contact-main .address-col {
    border: 1px solid #a8d4ba;
    border-radius: 6px;
    width: 100%;
    float: left;
    height: 100%;
    box-shadow: 8px 11px 30px -5px #00000021;
}

.address-col .sub-box1 {
    display: none;
}

.contact-main .address-col .no-div {
    border: none;
}

.tol-fig{background: #79cd56;
    padding: 7px;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 25px;}

.tol-fig i{font-size: 19px !important;
    color: #ffffff;}


.ft-col .no-div{width: calc(100% / 3 - 10px);
    float: right;
    margin-left: 18px;
    padding: 8px 10px;
    border: 1px solid #a8d4ba;
    border-radius: 4px;
    margin-right: 5px;
    margin-left: 5px !important;
    box-shadow: 8px 11px 30px -5px #00000021;}


/*interest inn calculator*/
.interest-inn{background-color: #fcf7d9}
.interest-inn .ui-select-trigger{width: 100% !important; max-width: 100% !important}
.interest-inn #about-select .ui-select{width: 373px !important; max-width:373px !important; min-width: 373px !important}
.interest-inn .int-div{ color: #e7500f;}
#about-select{overflow: hidden;}
.interest-inn .interest-value {
    font-family: 'poppinsmedium';
    font-size: 27px;
}

.interest-inn .interest-per {
    font-size: 26px;
    padding-left: 7px;
}

.interest-inn .int-div {
    margin-top: 14px; margin-bottom: 10px !important
}

.interest-inn .ui-select-trigger {
    background-color: white;height: 40px !important; line-height: 40px !important;}

.interest-inn .ui-select-trigger span {
    color: rgb(105 105 105 / 90%);}


/**********************************************************************************************/
/*testimonial*/
/**********************************************************************************************/
.tes-img-col{ padding: 30px 20px}
.tes-img-main-col{padding-bottom: 25px; padding-top: 10px}
/*.test-dt-main{padding-left: 0px; padding-right: 15px}*/


.testi-main{}
.testimonial{
    
    /*border-radius: 0px 40px 0px 40px;*/
   
}

.tes-dtl-cont{position: relative;}

.testimonial a{
    color: #3c3c3c;
    display: block;
    border-radius: 6px;
    position: relative;
    text-align: center;
 /*   padding-top: 40px;
    padding-bottom: 40px*/
}

.author-dtl {
margin-top: 52px
}

.testimonial-img {
    width: 100px !important;
    height: 100px;
    margin:0 auto;
    box-shadow: 17px -4px 0px -3px rgb(92 200 27);
    border-radius: 100%;
    margin-bottom: -33px;
}

.testimonial-img img{border-radius: 100%; border:3px solid white; box-shadow: -14px 13px 0px -3px rgb(236 255 224)}

.author-name {
    font-size: 17px;
    margin-bottom: 3px;
    line-height: 18px;
    font-family: 'nunitobold';
}

.author-batch {
    margin-bottom: 2px;
}

.author-desti {
    font-size: 13px; margin-bottom: 0px

}

.orange-bg{position: absolute;left: 50%; transform:translateX(-50%); width:300px; height: 100%; background-color: #ea571e}

.tes-dtl-cont{border-radius: 0px 0px 0px 40px; margin-top: -1px; 
    padding: 0px 30px 40px; 
}


.test-shadow{ box-shadow:0px 15px 20px 0px rgb(233 233 233 / 73%); border-radius: 0px 0px 0px 40px; 
    background-color: rgb(255 255 255 / 70%); height: calc(100% - 110px);}

.chat{position: fixed;bottom: 10px; right: 10px; width: 100px; z-index: 6}


.chat-top{left: 23px;
    top: -45px;}

.chat-btm{ right: 23px;bottom: 0px; transform: rotate(180deg);}


.testi-main .swiper-button-next,
.testi-main .swiper-button-prev
{background-color: #e7500f; color: white; width: 20px; height: 20px; border-radius: 100%; text-align: center; top:59%;}

.testi-main .swiper-button-next{right: 4px}
.testi-main .swiper-button-prev{left: 4px}

.testi-main .swiper-button-prev:after, 
.testi-main .swiper-button-next:after
{font-size: 8px}


.testimonial .swiper-container-horizontal>.swiper-pagination-bullets, .testimonial .swiper-pagination-custom, .testimonial .swiper-pagination-fraction {
    bottom: 108px !important;}



.swiper-button-next, .swiper-button-prev
{background-color: #e84f0d; color: white; width: 26px !important; height: 26px !important; border:2px solid white;
    border-radius: 100%; text-align: center;}

.swiper-button-prev:after, 
.swiper-button-next:after
{font-size: 8px !important; color: white !important}


.swiper-pagination-bullet.swiper-pagination-bullet-active
{background-color: #267d36; transform: scale(1.5, 1.5);}




/*chat*/
#corover-cb-widgetbox{bottom: -20px !important; z-index: 9 !important}



/*interest rate calculator*/
.interest-value{    font-family: 'poppinslight';font-size: 46px}
.interest-per {font-size: 31px; padding-left: 15px;}
.int-div{margin-top: 20px}
#interest-demo .carousel-inner img{width: auto; height: auto;}
#interest-demo{width: 370px; margin:0 auto; }
.interest-main .gen-para{color: rgba(255,255,255,.7);}
.int-col{padding-left: 100px}
.int-head{font-size: 42px}



/*inn gallery*/
.inn-gallery .galimg-col {
    width: calc(100% / 4 - 10px) !important;}



/*annual report*/
.pdf-link{cursor: pointer;}





/************************************************************************************/
/*Board of directors*/
.card-body{ transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.team .card{border:none !important; text-align: center;}
.team .card img{width: fit-content;
    margin: 0 auto; margin-top: 20px; margin-bottom: 15px;
    border-radius: 100%;
    border: 1px solid rgb(168 212 186);}

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

.team .card .card-title {color: #057f38; margin-bottom: 3px;font-family: 'latobold';
    font-size: 15px;}

.team .card .card-caption{font-size: 12px}

.team .card:hover .card-body{background: #ebffe3; border-radius: 0px; border:1px solid #ebffe3;}

.team-col{margin-bottom: 10px}



/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/


/*media quries*/
/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 1199px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
       
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 13px 20px 13px 20px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            clear: both;
            white-space: nowrap;   
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 12px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }




@media (min-width: 1200px) and (max-width: 1300px) {
.desk-menu {
    margin-right: 0px;}

.no-div {margin-left: 15px;}
.has-dropdown {padding: 0px 6px 0px;}
}



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

}

@media (max-width: 1299px){


}


@media (min-width: 1200px){
.mob-menu{display: none !important;}
.desk-menu{display: block !important; float: left;}
}


@media (max-width: 1199px){
    .quickbtnmob ul.slide-list{overflow: unset;}
    .down-cont{bottom: 55px}
    .in-other-cont{margin-top: 13px}
    .cd-dropdown-wrapper{margin-top: 0px}
    .scrolling-news{width: calc(100% - 60px);}
    .floating-cont {
    position: static;
    right: 0;
    bottom: 0px;
    left: auto;
    transform: none;
    z-index: 1;
    width: 100%;
    z-index: 15;
    margin: 0 auto;
    height: 218px;
    background:#0a7737;
    padding-top: 15px;
}


.slide-list p.s-para2, .slide-list p.s-para1{line-height: 16px}


.dropdown-menu.slide-dropdown{ 
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0px !important;}


.dropdown-menu.slide-dropdown.sms-b{top: -183px !important;}
.dropdown-menu.slide-dropdown.cust-c{top: -83px !important;}


.floatingIcons-main-cont{width: 850px; margin: 0 auto}
.floatingIcons .flContent{ background-color: rgb(0 0 0 / 68%);}
.floatingIcons .flContent:after{border-bottom: 8px solid rgb(0 0 0 / 68%);}
/*.icon-para{color: #1d1d1d}
.floatingIcons .flIcon img{filter: none}*/
.fl-hr {border-top: 1px solid rgb(213 213 213);}
.floatingIcons:before{background-color: rgb(213 213 213); height: 1px;top: 67%;}
.floatingIcons:after{background-color:rgb(213 213 213); height: 1px;top: 67%;}

header .logo{margin-top: 0px}
.logo-col{margin-top: 0px}
.footer-social li {margin-right: 2px;}
.cd-dropdown-trigger{    top: -4px;
    margin-bottom: 0px !important;margin-top: 0px !important}
.desk-menu{display: none;}
.mob-menu{display: block !important;}
.btn-container{ padding-right: 0px;}
.bell { margin-left: 14px;}
.other-col { padding-left: 10px;}
.search-drop {width: 287px;}
.mob-menu{float: right;z-index: 1111111;}
.bk-overlay{width: 390px; height: 390px}
.bk-overlay-green{height: 450px;
    width: 450px;
    top: -36px;
    right: -17px;}
header .search-ul, .header-top{display: none;}
.rel-cont {margin-top: 20px}
.side-list-cont{display: none;}
}


@media (min-width: 992px) and (max-width: 1199px) {
.other-col {
    width: calc(100% - 389px);}
header .logo{height: 90px}
header .search-drop {
    width: 244px;}
.our-service {
    padding-left: 0px;
    padding-right: 0px;}



}



@media (max-width: 991px){
    .apply-img{width: 500px}
    .inn-gallery .galimg-col {
    width: calc(100% / 3 - 10px) !important;}
    .floatingIcons {flex-direction: column;}
    .intlist .col {
    display: block;
    width: 100%;
    flex: 100%; border-right: none; /*border-bottom: 1px solid rgba(247, 238, 238, 0.24);*/
    margin-top: 24px;
    margin-bottom: 24px;}
    .floating-cont{height: auto;padding:20px 40px;}
    .floatingIcons .flContent{ transform: none; left:200px; right: auto; bottom: 0px; top:0px; margin: 0 auto;}
    .interest-content, .account-flContent{width: 300px !important;}
    .floatingIcons .flContent{width: 300px}
    .emi-content{width: 300px !important}
    .floatingIcons-main-cont {  width: 500px;}

    .col-material .onlineacc .sub-box1 { width: 40px !important;}
    .col-material .onlineacc .sub-box { width: 140px;}
    .col-material .onlineacc.box{width: 180px;}

    .col-builders .onlineacc .sub-box1 { width: 40px !important;}
    .col-builders .onlineacc .sub-box { width: 180px;}
    .col-builders .onlineacc.box{width: 220px;}

    .floatingIcons .flContent:after,
    .floatingIcons:after,
    .floatingIcons:before
    {display: none;}



    .floatingIcons .flIcon{ margin: .3rem 0;
    width: 172px; height: auto;
    border: 1px solid rgb(2 41 18 / 39%);
    padding: 10px;}

    /*.emi-content .row{height: 100%}*/
    .col-branch .intlist .col{height: 100%}

    .icon-para{margin-bottom: 0px}
    .fl-hr{border-top: none;}

    .interest-content .row{height: 100%}

    .col-branch .sub-box{display: block; width: 100%}
    .col-branch .sub-box .branch-p.float-left{float: none !important;}
    .col-branch .onlineacc.box{display: block;
    width: 100%; float: left;}
     .col-branch .onlineacc.box .sub-box{float: left;}
    .onlineacc .search-ul{padding-left: 0px; margin-top: 7px !important;width: 100%}
    .onlineacc .search-drop, .onlineacc .search-ul li.dropdown{ width: 100%;}
    .flIcon.active{background: #06622c; border:1px solid #06622c;}
    .flIcon.active .fl-hr{border-top:none;}



    .icon-col p {
    line-height: 17px;
    font-size: 14px;}
    .img-auto-991{margin: 0 auto !important}
    .about-cont img{margin-top: 30px}
    .dct-ap{width: 100%}
    .book-new {margin-top: 0px; height: 425px;}
    .bk-overlay{left: 50%;transform: translateX(-50%); right: auto;}
    .bk-overlay-green{left: 50%;transform: translateX(-50%); right: auto;}
    .consultant-list{margin-top: 20px}
    .ft-link-col{margin-bottom: 50px}
    .galimg-col {width: calc(100% / 3 - 10px) !important;}
    .testimonial.h-100, .testimonial a.h-100, .testimonial a.h-100 .r-row.h-100, .test-shadow{height: auto !important}
    .testimonial .swiper-container-horizontal>.swiper-pagination-bullets,
     .testimonial .swiper-pagination-custom, .testimonial .swiper-pagination-fraction
     {bottom: 0px !important}
     .sp-link-col{height: auto}
     .bt-list {margin-top: 0px; margin-bottom: 15px}

     .ft-col .no-div{width:calc(100% / 2 - 10px);}
}



@media (min-width: 768px) and (max-width: 991px) {

header .search-drop {
    width: 240px;}
.other-col {
    width: calc(100% - 389px);}
header .logo{height: 90px}
.home-gallery .galimg-col {
    width: calc(100% / 2 - 10px) !important;}
.e-banking .bank-ul li {width: calc(100% / 2 - 6px);}
.pd-2-35 {padding-left: 30px;padding-right: 30px;}
h1.home-h{ font-size: 35px;}
h2.home-h{ font-size: 30px; line-height: 40px !important;}
.our-service {padding-left: 50px; padding-right: 50px;}
.message {padding: 30px 0px;}
.apply-div .message {
    padding: 0px 0px;
}
.apply-div{margin-top: -400px}

}


@media (min-width: 768px){


.desk-info{display: block;}
.mob-info{display: none;}

.mob-dept{display: none;}
.desk-dept{display: flex;}
.desk-logo{display: block;}
.mob-logo{display: none;}



.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before
{height: 14px;}

}



@media (max-width: 767px){
    .contact-main .address-col .foot-head:after{left: 20px;}
    .slide-list p.s-para2, .slide-list p.s-para1, .slide-list p.s-para{line-height: 16px !important}

    .slide-div-mob {
    display: block;
    height: calc(100vh - 50px);
}
.slide-div {
    display: none;
}
.cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a {
    height: 46px;
    line-height: 44px;
}
.cd-dropdown-content {padding-bottom: 65px;}
.slide-list .sub-box1 { padding-right: 0px;}

.quickbtnmob ul.slide-list li a{ height: 55px;}
.quickbtnmob .slide-list p{font-size: 11px; line-height: 12px}
.header-apply .header-top, .in-other-cont{display: block !important;}
.quickbtnmob .slide-list p span.up{display: block;}
.quickbtnmob .slide-list p span.up2{display: block;}
.header-apply .hd-main {
    padding-top: 10px;
}
.header-top,.in-other-cont{display: none;}
header .logo{height: 78px}
.other-col {width: calc(100% - 337px);}
header .phone {font-size: 14px; margin-right: 3px;}
.logo-col{margin-top: 0px}
.down-cont{right: 0px}
.slide-list li{margin-bottom: 0px}
.link-col{margin-bottom: 30px}
.slide-app{margin-top: 20px}
.m-auto-767{margin:0 auto;}
.icon-main-col{margin-bottom: 15px}
.carousel-indicators.float-down{right: 10px}
.doctors-main, .doctor-overlay {
    border-radius: 100px 0px 0px 0px;}

.career-main {
    background-position: 38px 16px;}
.wel-top-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
}
.slide-list li a {padding: 7px 10px 8px;width: 100px;}
.slide-div {height: 400px;}
.slide-list p { font-size: .78em;line-height: 15px;}

footer .logo{margin: 0 auto; margin-bottom: 20px}
.letter-para, footer .address{margin-bottom: 15px}
.co-col{border-left: none;}
.link-box.first{border-right: none;}
.ft-link-col, .cap-para{display: none;}
.video-col{margin-top: 25px;}
.desk-info{display: none;}
.mob-info{display: block;}
.no-div {margin-left: 8px;}
.bhoechie-tab3{margin-top: 30px}


.auto-767{margin:0 auto; margin-bottom: 18px}
.desk-logo{display: none;}
.mob-logo{display: block;}
.logo{margin: 0px;}

.dis-none-767{display: none;}

footer{text-align: center;}

header .no-cont, .mnu-bg{display: none;}


.our-service {padding-left: 0px; padding-right: 0px;}
.foot-head:after{left: 50%; transform: translateX(-50%);}
footer .no-div{ float: none !important; text-align: center; margin-bottom: 30px}
footer .no-div .box{margin: 0 auto; text-align: left; }
footer .otr-no{margin:0 auto; margin-bottom: 30px; float: none !important; text-align: center;}
footer .otr-no .box{margin: 0 auto}

.about-doctor.float-left{width: 279px; margin: 0 auto; float: none !important; margin-bottom: 35px}

}



@media (min-width: 992px){
.d-none-991{display: block;}
.mob-depo{display: none;}
}

@media (max-width: 991px){
.d-none-991{display: none;}
.mob-depo{display: block;}
.doctor-col {padding-right: 15px;}
.slide-list {left: 30px;}


.rights-col, .power-col{width: 100%; float: none; flex: 100%; max-width: 100%; text-align: center;}
.rights.text-left, .powered-by.text-right, .credits-col {text-align: center !important;}

.rights{margin-bottom: 8px}


.dis-none-991{display: none;}


.office-address{padding: 0 1.1rem;}

.in-side-menu {padding-right: 0px; box-shadow: 0px -30px 30px -48px rgb(0 0 0 / 27%);
margin-top: 20px}


.chair-column-in {margin: 0 auto !important}
.chair-head-inn{display: table; margin: 0 auto}
.chair-column-in.chair-column{padding-right: 0px !important}

}







@media (min-width: 576px) and (max-width: 767px) {
header.header-apply .logo {height: 90px !important;}
.header-apply .cnt-btn {
    margin-top: 23px;
}
h1.home-h{ font-size: 35px;}
h2.home-h{ font-size: 30px; line-height: 40px !important;}
.pd-2-35{padding-left: 15px; padding-right: 15px}
.apply-div{margin-top: -400px}
}



@media (min-width: 601px){

}

@media (max-width: 600px){

}


@media (min-width: 576px){
.bk-mob-app{display: none;}


}



@media (min-width: 426px) and (max-width: 575px) {

}





@media (max-width: 575px){
    .sms-text{font-size: 14px;}
    .sms-no{font-size: 16px}
    .slide-dropdown.cust-c{width: 160px;}
    .shadow-div{padding: 10px}

    .slide-up a {
    font-size: 12px;}

    .nav-link {
    padding: 0.6rem 8px;}
    .chair-sh{padding: 20px 12px !important}
    .chair-column-in{width: 100% !important}

    .rel-cont {
    margin-top: 10px;}
    .in-other-cont {margin-top: 0px;}

    .language .btn.first {padding: 3px 7px;}
    .btn-container { margin-top: 14px;}
    header .phone{display: none;}
    .news-head{display: none;}
    .scrolling-news{padding-left: 10px}
    .scrolling-news .swiper-slide{padding: 8px 3px}
    .fl-hr{ margin-top: .5rem;}
    .floatingIcons-main-cont {
    width: 100%;}
    .floatingIcons .col {padding-left: 0px; padding-right: 0px}
    .col-branch .intlist .col, .intlist .col{padding-left: 10px; padding-right: 10px}
    .floatingIcons .flIcon {width: 85px;}
    .floatingIcons .flContent { left: 95px;}
    .interest-content, .account-flContent,.emi-content, .floatingIcons .flContent {
    width: calc(100% - 95px) !important;}
    .floatingIcons .flIcon { margin: .15rem 0;}
    .onlineacc .search-drop {width: 100%;}



    .floating-cont {padding: 20px 15px;}
    .intlist .col{ margin-top: 15px; margin-bottom: 15px;}
    .icon-para {
    font-size: 10px;
    line-height: 11px;}
    .floatingIcons .flIcon img{width: 30px}
    .card-body{padding: 20px 12px;}
    .gen-acco .card-header .card-link {
    padding: .7rem 12px;}
    .in-body h2 {
    font-size: 19px; line-height: 26px;}
    .in-body .scaccordion h2{font-size: 1rem;}
    .header-apply .other-col{display: none !important}
    .apply-div .message {
    padding: 0px 0px;
}
    .header-apply .rel-cont {
     padding-top: 0px; }
    .apply-div{margin-top: 0px; width: 100%}
    .apply-img{width: 100%; display: none;}
    .inn-gallery .galimg-col {
    width: calc(100% / 2 - 10px) !important;
}
    .bt-list li {
    margin-right: 12px;
}
    .galimg-col .galimg-detail {
    padding: 4px 7px;
    font-size: 12px;
    line-height: 14px;}
    .chair-column {
    padding: 20px 6px 15px;}
    .bank-p .light {
    font-size: 24px;
    line-height: 26px;}
    .bank-p {
    font-size: 37px;
    line-height: 38px;
}
    body,.no-cnt .icon-col p.icon-head,  footer, .add-para{font-size: 13px}
    .light-theme .bank-para{font-size: 14px}
    .mobile-banking .bank-icons .bank-ul li img {
    width: 29px;}
    .mobile-banking .bank-icons .bank-ul li {width: 100%;}
    .tes-dtl-cont{
    padding: 0px 15px 30px; 
}

    .hero{display: none;}
    .bk-mob-app{display: block; position: absolute; bottom: 70px; left:30px; width: calc(100% - 30px)}
    .message {padding: 10px 0px;}

    .galimg-col {width: calc(100% / 2 - 10px) !important;}

    .in-slide-head {
    font-size: 27px; line-height: 30px !important;}
    .slide-div {
    height: 400px;}

    .our-service {
    padding-left: 30px;
    padding-right: 30px;}

    .bk-overlay {
    width: 270px;
    height: 270px;    padding: 30px 30px;}

    .book-new{height: 290px}

    

    .bk-overlay .round-border{left: 1px;
    top: -14px;}

    .bk-overlay-green{ width: 290px;
    height: 290px;    top: -10px;}

    header .other-col .fence{display: none !important;}

    .logo {
    height: 70px;}

    .cd-dropdown-wrapper{margin-top: 5px}

    .sticky .logo {
    height: 38px;}

    .sticky .rel-cont {
    min-height: 58px;}

    .sticky .cd-dropdown-wrapper {
    margin-top: 14px;}

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

    h1{font-size: 29px}
    h2{font-size: 27px}
    h3 {font-size: 18px;}
    h4 {font-size: 17px;}
   
.bottom-footer{font-size: 13px}
.pd-0-575{padding-left: 0px;padding-right: 0px}

.pd-2-35 {padding-left: 15px; padding-right: 15px;}

footer, .rights.text-left {text-align: center;}
footer .phone-icon-box{margin: 0 auto;margin-bottom: 5px}

.gen-list li {
    line-height: 24px;}



.inner-page-slide{height: 220px}




.gen-para { line-height: 24px; font-size: 13px;}
.navbar-nav>li>a{font-size: 14px; padding: 10px 18px;}
.ft-list li{line-height: 24px; width: 100%; padding-right: 0px;}


    .ft-col .no-div{width: calc(100% - 10px);}

}




@media (min-width: 426px) and (max-width: 575px) {

}


@media (max-width: 425px){
.countlist li{padding-left: 10px;}
.countlist li .count-text {
    font-size: 12px;
    line-height: 17px;
}
.counter-value {font-size: 27px;}
.countlist li .sub-box2 {
    width: 122px;}
header .logo {height: 56px;}
.other-col { width: calc(100% - 242px);}
.language .btn.first{font-size: 11px}
.cd-dropdown-wrapper {
    margin-top: -1px;}
.btn-container {
    margin-top: 9px;}
.our-service {
    padding-left: 15px;
    padding-right: 15px;
}
.e-banking .bank-ul li {width: calc(100% / 2 - 6px);}
}


@media (max-width: 375px){
.floating-cont { padding: 20px 10px;}
.icon-para {font-size: 9px;}
.floatingIcons .flIcon {width: 72px; padding: 10px 3px;}
.floatingIcons .flContent { left: 82px;}
.interest-content, .account-flContent,.emi-content, .floatingIcons .flContent {
    width: calc(100% - 82px) !important;}
.intlist h4 {font-size: 12px;}
}

.posreltiv {
    position: relative;
}
#captchbox {
    padding-left: 65px;
    padding-right: 30px;
}
#mycaptcha {
    position: absolute;
    top: 0;
    left: 16px;
    font-weight: 600;
    font-family: open sans,sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    background: #2645712e;
    height: 38px;
    line-height: 40px;
    padding: 0 7px;
    text-align: center;
    width: 55px;
}
#refreshcaptcha {
    position: absolute;
    top: 0;
    right: 18px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 5px;
}


/*POPUP*/
.popupmodal{
    border-radius: .3rem;
}
.popupmodal .modal-body {
    padding: 0;
    border-radius: 0.3rem;
    overflow: hidden;
}
.popupmodal .close{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #077f39;
    border-radius: 50%;
    color: #fff;
}







.cardlist{
    display: flex;
    flex-flow: wrap;
    margin: -10px;
}
.cardlist li {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 10px;
}
.cardlist li .cardcol{
    height: 100%;
    min-height: 100px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
    border-radius: 0.3rem;
    position: relative;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.cardlist li .cardcol:hover{
    box-shadow: 0 0 0 5px rgb(0 0 0 / 15%);
}
.cardlist li .cardcol h5{
    margin-bottom: 0;
    color: #fff;
}
.cardlist li:nth-child(6n + 1) .cardcol{
    background-color: #ff5722;
}
.cardlist li:nth-child(6n + 2) .cardcol{
    background-color: #03a9f4;
}
.cardlist li:nth-child(6n + 3) .cardcol{
    background-color: #8bc34a;
}
.cardlist li:nth-child(6n + 4) .cardcol{
    background-color: #ff9800;
}
.cardlist li:nth-child(6n + 5) .cardcol{
    background-color: #9C27B0;
}
.cardlist li:nth-child(6n + 6) .cardcol{
    background-color: #ff4b88;
}

@media(max-width: 991px){
.cardlist li {
    flex: 1 0 33.333%;
    max-width: 33.333%;
}
}

@media(max-width: 575px){
.cardlist li {
    flex: 1 0 50%;
    max-width: 50%;
}
}

@media(max-width: 360px){
.cardlist li {
    flex: 1 0 100%;
    max-width: 100%;
}
}

@media (max-width: 1200px){
.slide-list .sub-box {
    display: block;
}
}


.modal-con{
   background: none !important;
    border-color: transparent !important;
}




/*NETBANKING*/

.netbankbtn{
    padding: 0 15px;
    height: 32px;
    float: right;
    display: flex;
    align-items: center;
    color: #fff;
    background: #E91E63;
    background: linear-gradient(90deg, #e6500f 0%, #E91E63 100%);
    border-radius: 3px;
    margin-top: -8px;
    margin-bottom: -8px;
}
.netbankbtn:hover{color:#fff;}
@media(max-width:1200px){
	.netbankbtn{margin:0}
}
@media(max-width:575px){
	.netbankbtn{position:absolute;top:95px;right:15px}
}
@media(max-width:425px){
	.netbankbtn{top:80px;}
}

.fullbanner{
	width:100%;
	height:100vh;
	min-height:600px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	background-color:#f5b900;
	position:relative;
}
.fullbanner:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgb(0 0 0 / 20%);
}
.fullover{
	position:relative;
	z-index:1;
}
.sloverbox{
    background-color: rgb(255 255 255 / 85%);
    padding: 20px;
    border-radius: 10px;
    width: 330px;
	max-width:100%;
    margin-left: auto;
    position: relative;
    top: 150px;
    box-shadow: 5px 4px 20px rgb(0 0 0 / 15%);
	backdrop-filter: blur(3px);
}
.sloverbox ul{
	display:flex;
	flex-flow:column;
	gap:10px;
}
.sloverbox ul li a{
	display:flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    color: #5a5a5a;
    background-color: white;
    border-radius: 5px;
    font-weight: 600;
	transition:all .3s ease;
}
.sloverbox ul li a:hover{
	color:#e7500f;
}
.sloverbox ul li a i {
    font-size: 1.25rem;
	color:#e7500f;
}
.sloverbox ul li:first-child a{
    background-color: #e7500f;
    color: #fff;
    padding: 20px;
}
.sloverbox ul li:first-child a:hover{
	background-color: #ff4d00;
}
.sloverbox ul li:first-child a i{
	color:#fff;
}
.sloverbox .certi{
	width:100px;
	}
.sloverbox .secure{
	font-size:.75rem;
	margin-top:1rem;
	margin-bottom:5px;
}
	
@media(max-width:575px){
.fullbanner{background-image:none!important;min-height: 650px;}	
.sloverbox{margin-left:auto;margin-right:auto;}
}
@media(orientation:landscape) and (max-height:630px){
.fullbanner{
	min-height:650px;
}
}



/* MERCHANT UPI */
.innertab .nav-tabs {
    display:none;
}
.innertab .nav{
	max-width:100%;	
}
.innertab .newtabs{
	gap: 10px;
    border: none;
	margin-bottom:1rem;
}
.innertab .newtabs a{
    border: 1px solid;
    border-radius: .3rem;
    font-family: 'poppinssemibold';
    padding: 15px;
	transition:all .3s ease;
}
.innertab .newtabs a:hover{
	color: #e7500f;
	border-color: #e7500f;
}
.innertab .newtabs a.active{
    border: 1px solid #e7500f;
    background-color: #e7500f;
    color: #fff;
    box-shadow: 1px 25px 20px -20px rgb(231 80 15 / 75%);
}

.mobap-btn{
    z-index: 11;
    background: #3895d8;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-top: 9px;
    bottom: 0;
    left: 0;
}
.mobap-btn:hover{
    color: #3895d8;
    background:#fff;
}
@media(min-width:768px) {
    .innertab .nav-tabs {
        display: flex;
    }

    .innertab .card .card-header {
        display:none;
    }  

    .innertab .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    .innertab .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
}



.amlgmtion-full{
    display:none;
}
.menu-wrapper-cont.amalgamation{
    width: 160px;
}

.main-menu-ul li.has-dropdown.pos-rel:hover .amalgamation
{transform: translate(0,0px) !important; visibility: visible;}

@media(max-width:1199px){
    .amlgmtion-full{
    display:block;
    float:right;
}
   .moblemnu{
       display: inline-block;
        margin-right: -33px;
        float: left;
        margin-top: 6px;
   } 
}
@media(max-width:575px){
    .amlgmtion-full{
        display:none;
    }
    .alagmntbtn-mob{
    position: absolute;
    right:15px;
    list-style-type: none;
}
.alagmntbtn-mob .apply{
    margin-right: 0px!important;
}
.alagmntbtn-mob .has-dropdown{
    padding:0px!important;
}

}