/******************** 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: "SFPROTEXT-MEDIUM", Sans-serif;
    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: 63px;
    position: relative;
    border-bottom: 1px solid #ffffff80;
}

.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: 400px;
    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: #600e1d !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: #600e1d;
}

.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 .list-link{
    /* background-color: #e7500f */
        color: rgb(255 255 255 / 71%) !important;
}

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

.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: capitalize;
    font-family: "SFPROTEXT-MEDIUM", Sans-serif;
    font-size: 16px;
}

.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: 190px;
        z-index: 201;
        width: 190px;
        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: 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: #85152b !important;
    border: 1px solid #85152b !important;
    color: #ffffff !important;
}

.fstshw {
    background-color: white;
}

.sub1>li>a.fstli-a {
    color: #333333 !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: auto;
    padding-top: 0px;
    /* 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);*/
    border-bottom: 1px solid;
}

.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: 14px;
    text-transform: capitalize;
    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: #811429 !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: inherit;
    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: capitalize;
    /* 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: capitalize;
    /*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: "SFPROTEXT-MEDIUM", Sans-serif;
    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: inherit;
    font-weight: normal;
}

h5 {
    font-size: 16px;
    margin-bottom: 16px;
    color: #2f2f2f;
    text-transform: capitalize;
    font-family: "SFPROTEXT-MEDIUM", Sans-serif;
    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: 18px
}

.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: "SFPROTEXT-MEDIUM", Sans-serif;
    /* font-family: 'poppinsregular'; */
    /* border: 2px solid #ffffff; */
    text-align: center;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 136px;
    height: 80%;
    padding: 0px 5px;
    text-transform: capitalize;
    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;
}

*::-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: 16px;
    background-color: #fcf7d9
}

.foot-head {
    text-transform: capitalize;
    font-size: 15px;
    /* font-family: 'poppinssemibold'; */
    margin-bottom: 20px
}

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

.link-col ul li a:hover {
color: #84142a;
}

.add-para {
    line-height: 25px;
    font-size: 16px;
    color: #000;
        font-weight: 400;
}

.add-para span {
    text-transform: capitalize;
}

.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: #000;
}

.bg-blue a:hover {
    color: white
}

.bg-blue .foot-head {
    color: #121f71;
}

.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); */
    background-color: #84142a;
    border: 2px solid #84142a;
    color: #fff !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: 25px;
    padding-bottom: 20px
}

.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: 20px;
    color: white;
    /* font-family: 'poppinssemibold'; */
    margin-bottom: 11px;
    position: relative;
    padding-bottom: 10px;
    font-weight: 700;
    letter-spacing: -.04em;
}


/*.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: 15px;
    font-weight: 600;
}

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: #600e1d !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;*/
    }
    
    .toplink-list {
    text-align: center;
}
.slider-image-text{
    order: 2!important;
}

.lodge-a-complaint{
    font-size: 15px !important;
}
    .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: auto;
        width: 280px;
    }
    .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: 270px
    }
    .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% - 315px);
    }
    .language .btn.first {
        font-size: 11px
    }
    .cd-dropdown-wrapper {
          margin-top: 12px!important;
    }
    .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;
    }
}