@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900&display=swap');
@import "https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.3.2/css/simple-line-icons.css";

@import url('../css/owl.carousel.min.css');
@import url('../css/font-awesome.min.css');
@import url('../css/fancybox.min.css');

@font{
font-family:Quick;
src:url(../fonts/QUICK.TTF);	
}


/*header css*/
.hidden_header{height:147px;}
header{position:fixed; z-index:91; top:0; left:0; right:0; background:#fff; box-shadow:#dcdcdc 0 0 10px 0;}
header .container{position:relative;}
.header_top{background:#12a0b1; transition:all 0.3s ease-in-out; position:relative;}
.header_top ul{margin:0px; padding:0; float:left;}
.header_top ul.pull-right{float:right;}
.header_top ul.pull-right li{padding-top:12px; padding-bottom:12px;}
.header_top ul li{margin:0 0 0 10px; padding:3px 0; display:inline-block; color:#fff; font-size:14px;}
.header_top ul li:first-child{margin-left:0;}
.header_top ul li a{color:#fff; transition: all 0.3s ease-out 0s;}
.header_top ul li a:hover{text-decoration:underline; color:#fff;}
.header_top ul li .fa{margin:0 10px;}
.header_top ul li .dropdown-menu{left:inherit; right:0;}
.header_top ul li .dropdown-menu li{display:block; margin:0; padding:0;}
.header_top ul li a.dropdown-item{border-color:#3e74a9;}
.header_top ul li .dropdown-item:hover{background:#12a0b1; color:#fff;}
.header_top ul li img{height:45px; border-radius:3px;}

.apply{background:#00e9d3; color:#fff; font-weight:500; border-radius:3px; padding:8px 20px; transition:all 0.3s ease-in-out; animation: blinkingText 2s infinite;}
@keyframes blinkingText{
0%{background: #00e9d3;}
25%{background: #ffc904;}
50%{background: #ef0a1a;}
75%{background: #e10068;}
100%{background: #00e9d3;}
}
.dropdown-item, .dropdown-item:hover, .dropdown-item:focus{color:#fff;} 
.dropdown-menu{right:0; left:inherit;}

.request_quote{margin:37px 1rem 0 .3rem; display:flex; align-items:center; height:40px; text-transform:uppercase; padding-left:23px; padding-right:23px; font-size:14px; border-radius:25px;}

.header-shrink{box-shadow:#c3c3c3 0 0 10px 0; transition:all 0.3s ease-in-out;}
.header-shrink .header_top{margin-top:-51px; transition:all 0.3s ease-in-out;}
.header-shrink .nav-link{padding:35px 0; transition:all 0.3s ease-in-out;}
.header-shrink .request_quote{margin-top:28px; transition:all 0.3s ease-in-out;}

/*menu dropdown*/
.navbar-expand-lg{width:75%; margin-left:auto;}
.dropdown:hover > .dropdown-menu{display:block;}
.dropdown > .dropdown-toggle:active{pointer-events:none;}
.dropdown-menu ul{margin:0px; padding:0;}
.dropdown-menu ul li{list-style:none; margin:0; padding:0;}


/*-- banner --*/
.banner{padding:0; position:relative;}
.banner .carousel-item:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(5, 5, 33, 0.30));}
.banner_heading{font-size:50px; color:#fff; font-weight:600; margin-bottom:1.5rem; line-height:1.2;}
.banner_heading span, .banner .toll{color:#fd522b;}
.carousel-caption p{line-height:normal;}
.banner .carousel-control-prev .icons{background:rgb(255, 255, 255, 30%); padding:15px 13px;}
.banner .carousel-control-next .icons{background:rgb(255, 255, 255, 30%); padding:15px 13px;}
.banner .carousel-control-prev:hover .icons, .banner .carousel-control-next:hover .icons{background:#fff;}
/*-- //banner --*/

/*-- footer --*/
footer{background:#212832; padding-top:4em; font-size:13px;}
.footer_logo{margin-bottom:1.4rem;}
.footer_logo img{height:50px;}
.f_heading{color:#fff; font-size:20px; font-weight:500; margin-bottom:35px; border-left:#12a0b1 solid 3px; padding-left:15px; line-height:1;}
.footer-grids p{ position:relative; padding-left:30px; margin-bottom:12px;}
.footer-grids p, .footer-grids p a{color:#fff;}
.footer-grids p .fa{font-size:17px; position:absolute; left:0; top:4px; color:#fff;}
.footer-grids ul{margin:0px; padding:0;}
.footer-grids ul li{list-style-type:none; margin-bottom:12px;}
.footer-grids ul li a{color:#fff; font-weight:normal; position:relative;}
.footer-grids ul li a:hover{color:#12a0b1;}
.footer-grids ul li a:before{content:"\f101"; font-family:FontAwesome; margin-right:10px;}
.footer-grids ul li:last-child{margin-bottom:0;}
.copyright{border-top:1px solid #2c3542; background:#1c222a; padding:1.2rem 0; margin-top:1rem; color:#fff; text-align:center; display:flex;}
.copyright a{color:#fff;}

.social-icon{margin-top:25px;}
.social-icon a{margin-right:5px; font-size:15px; width:36px; height:36px; line-height:36px; color:#fff; display:inline-block; text-align:center; border:#fff solid 1px;}
.social-icon a:hover{color:#0061a5; background:#fff; border-color:#fff;}
/*-- //footer --*/

/*-- move top --*/
#toTop{bottom:30px; right:15px; display:none; width:40px; height:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:9999; font-size:0; color:transparent; background:#b2b2b2; border-radius:4px; opacity:0.8;}
#toTop:hover{background:#12a0b1;}
#toTop:after{color:#fff; content:'\f106'; font-size:20px; line-height:38px; font-family:'FontAwesome'; text-align:center; display:block; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
/*-- //move top --*/

section{padding:5em 0;}
.heading_main{margin-bottom:3rem; text-align:center; font-family:Poppins; position:relative;}
.heading{font-family:Poppins; font-size:37px; color:#090808; font-weight:700; margin-bottom:1rem; position:relative; line-height:normal; letter-spacing:0px;}
.heading_main p{font-size:16px; font-family:Poppins; color:#1e1e1e; font-weight:300; letter-spacing:0; margin:0; padding:0 7%}
.sub_heading{font-size:15px; color:#ce2448; font-weight:400; letter-spacing:.5px; margin-bottom:.5rem; line-height:normal; position:relative;}

/*service css*/
.service_bg{padding-top:4rem; background:url(../images/pattern.svg) no-repeat center left;}
.service{background:#fff; box-shadow:0 0 25px 0 rgba(41,61,88,.06); padding-top:20px;}
.service figure{width:140px; height:150px; margin:auto; position:relative; display:flex; align-items:center; justify-content:center;}
.service figure img{position:relative; z-index:9; height:75px;}
.service figure:before{content:''; position:absolute; left:-3%; top:-4%; background:url(../images/icon-bg.png); width:140px;height:140px; opacity:1; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.service:hover figure:after{content:''; position:absolute; left:-3%; top:-4%; background:url(../images/icon-bg-hover.png); width:140px; height:140px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.service_text{padding:15px; text-align:center; font-size:13px;}
.service_text h2{font-size:18px; margin-bottom:1.5rem; color:#ce2448;}
.service_text .btn{padding:12px 35px; margin-bottom:1rem; border-radius:25px; font-size:14px;}
.service_text .btn .fa{margin-left:10px;}


/*about*/
.about_bg{background:#f6f6f6;}
.about{padding-left:35px; font-size:15px; position:relative;}
.about p{text-align:justify;}
.about .heading_main{text-align:left; }
.about .btn{padding:12px 35px; margin-bottom:1rem; border-radius:25px; font-size:14px;}
.about .btn .fa{margin-left:10px;}
.about .sub_heading{padding-left:60px;}
.about .sub_heading:before{content:''; position:absolute; left:0; top:11px; height:1px; width:30px; background:#ce2448;}
.about ul, .key_bg ul{margin:2rem 0 2rem; padding:0;}
.about ul li, .key_bg ul li{margin:15px 0 0; padding:0 0 0 45px; list-style:none; position:relative;}
.about ul li:before, .key_bg ul li:before{content:"\e080"; font-family:'simple-line-icons'; color:#fff; text-align:center; position:absolute; left:0; top:0; background:#12a0b1; width:27px; height:27px; border-radius:50%;}
.mssion{background:#ce2448; padding:20px 15px; position:absolute; bottom:10px; left:-300px; width:300px; text-align:center; color:#fff; font-size:14px; border:#fff solid 2px;}
.mssion h5{color:#fff; margin-top:1rem;}

/*product css*/
.partners_bg{background:#ce2448; position:relative;}
.partners_bg:before{background:url(../images/shap.png) no-repeat left top; position:absolute; left:0; top:0; bottom:0; right:0; content:''; -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; filter: invert(.9);}
.partners_bg .heading{color:#fff;}
.partners{color:#fff; position:relative; margin:15px 0; background:#fff; padding:15px; border-radius:5px; text-align:center; box-shadow:0 0 25px 0 rgba(41,61,88,.06);}
.partners h2{font-size:18px; margin:1.5rem 0 2rem; position:relative; position:relative;}
.partners h2:before{position:absolute; left:0; right:0;  bottom:-10px; background:#0061a5; height:3px; width:50px; content:""; margin:auto;}
.partners .btn{padding:12px 35px; margin-bottom:.5rem; border-radius:25px; font-size:14px;}
.partners img{border-radius:50%;}
@keyframes float-bob-x {
  0% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-30px);
  }
}

/*latest news css*/
.latest_news_bg{background: url(../images/news-bg.png) no-repeat 0px 0px; background-size:cover;}
.news{color:#818181; background:#fff; padding:15px; margin-bottom:30px; transition:all .3s; box-shadow:0 0 25px 0 rgba(41,61,88,.06); position:relative;}
.news:hover{-webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px);   -o-transform: translateY(-10px); transform: translateY(-10px); box-shadow:0 0 20px rgba(0,0,0,.14);}
.news figure{margin-bottom:30px; overflow:hidden;}
.news figure img{transition: all 300ms ease-in-out 0s;}
.news figure img:hover{transform: scale(1.07);}
.news h2{font-size:18px; color:#ce2448; font-weight:600; margin-bottom:.8rem;}
.date{margin-bottom:.5rem; color:#fff; position:absolute; top:10%; right:15px; background:#12a0b1; padding:10px 15px;}
.date .icons{margin-right:10px;}
.news a{color:#12a0b1; font-size:16px; font-weight:600;}
.news a .fa{margin-left:5px;}



.finance_service_bg .service{padding-top:3rem;}
.finance_service_bg .service figure{border:2px solid #12a0b1; width:120px; height:120px; margin-bottom:1.5rem; transition:all 11s ease-in-out}
.finance_service_bg .service figure:before{border:2px dashed #12a0b1; background:none; left:inherit; top:inherit;}
.finance_service_bg .service:hover figure:after{background:none;}
.finance_service_bg .service:hover figure:before{background:none; animation:rotation-anim 5s infinite linear;}
@keyframes rotation-anim {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.finance_service_bg .news ul{margin:0 0 0 20px; padding:0; min-height:202px;}
.finance_service_bg .news ul li{margin:5px 0; padding:0; font-size:13px;}

/*inner page css*/
.inner-banner{background:url(../images/inner-banner.jpg) no-repeat center; background-size:cover; padding:0;}
.inner-page-layer{background:rgb(0, 0, 0, 72%); min-height:300px; display:flex; align-items:center;}
.inner-banner .heading{color:#fff; font-weight:600; line-height:normal; text-align:center;}
.key_bg{background:#f6f6f6;}

.contact_form{position:relative; padding:30px 0; background:#fff;}
.contact_form:after{position:absolute; top:0; right:0; bottom:15px; width:20%; background:#d1e6f5; content:'';}
.address{position:absolute; top:3px; left:30px; right:0; z-index:1; background:#ce2448; padding:30px 30px; color:#fff;}
.contact_form .heading{font-size:25px; font-weight:600;}
.contact_form .heading:before{left:0; transform:translateX(0);}
.contact_form .heading:after{left:0;}
.address .heading{color:#fff;}
.address h5{color:#fff; font-size:17px; font-weight:500; margin-top:1.5rem; margin-bottom:1rem;}
.address .fa{font-size:17px; margin-top:5px; position:absolute; left:0;}
.address p{position:relative; padding-left:30px;}
.address p a{color:#fff;}
.address p:last-child{margin-bottom:5px;}
.contact_form form{margin-right:10px;}

.login_bg{background:#edf6fd;}
.login{box-shadow:#d4dce2 0 0 15px 0; padding:20px 25px; background:#fff; border-radius:15px;}
.login .heading{margin-bottom:2rem; font-size:30px; text-align:center;}
.login .btn{width:100%; margin:15px 0 10px; padding-left:0; padding-right:0;}
.sign_up{color:#697071; font-size:13px; text-align:center;}
.sign_up a{color:#0061a5; font-weight:600; text-decoration:underline;}


/*user dashboard css*/
.dashboard_bg{padding-top:1rem; background:url(../images/od-dashboard-bg.jpg) no-repeat; background-size:cover;}
.dashboard_bg .breadcrumb{text-align:left; margin-bottom:2.5rem;}
.dashboard_bg .breadcrumb-item, .dashboard_bg .breadcrumb-item a, .dashboard_bg .breadcrumb-item + .breadcrumb-item::before{color:#000;}
.left_menu{width:100%; margin:0px 0 0px 0px; padding:0px; background:#fff;}
.left_menu ul{margin:0px; padding:0px;}
.left_menu ul li{margin:0px; padding:0px; list-style:none; font-size:14px; font-weight:600; border-bottom:#eaeaea solid 1px; text-align:left;}
.left_menu ul li:last-child{border-bottom:none;}
.left_menu ul li a{color:#1f1f1f; padding:15px 15px; display:block; border-left:transparent solid 3px;}
.left_menu ul li a:hover, .left_menu .active a{background:#0061a5; text-decoration:none; border-left-color:#cecece; color:#fff;}
.left_menu ul li .icons{margin-right:10px;}
.left_menu ul li a:hover img, .left_menu .active a img{opacity:1;}

.dashboard_box{padding:20px 25px; background:#fff; width:100%; border:#f3f3f3 solid 1px;}
.dashboard_box .heading{margin-bottom:2rem; font-size:22px; font-weight:600;}
.dashboard_box .heading:before{left:0; right:0;}
.profile{display:flex; align-items:center; margin-bottom:2rem}
.profile img{margin-right:25px; border:#ececec solid 1px; width:130px;}
.profile + ul{margin:0px; padding:0; border-top:#f9d4d5 solid 1px;}
.profile + ul li{margin:15px 0px; padding:0; list-style:none; color:#636363;}
.profile + ul li strong{color:#1a1a1a; font-weight:600; min-width:120px; display:inline-block;}
.re_main{position:relative; padding-left:170px;}
.re_main img{position:absolute; left:0; width:130px;}
.re_main h5{color:#0061a5;}
.re_main ul{margin:0px; padding:0;}
.re_main ul li{margin:15px 0px 0; padding:15px 0 0; list-style:none; color:#000; font-weight:500; border-top:#ffeaeb solid 1px; display:flex;}
.re_main ul li span{color:#636363; font-size:13px; font-weight:400; min-width:190px; display:inline-block;}


.gov_main{margin-bottom:2rem; text-align:center; background:#f6f6f6; padding:15px 0 0;}
.gov_main h4{margin-bottom:.2rem; font-size:15px;}
.gov_logo{background:#0061a5; padding:15px; margin-top:10px; text-align:left; color:#fff; font-size:20px;}
.gov_logo img{height:65px; margin-right:50px;}
.bank_logo{padding:30px 15px 10px;}
.bank_logo img{margin-right:30px; width:185px; height:185px; float:left;}
.bank_logo .table-responsive{width:auto; font-size:13px;}
.bank_logo .table th{padding:0.5rem 1rem; font-weight:600;}


.counter_bg{background:#f6f6f6;}
.counter_box{color:#8d9297; text-align:center; line-height:normal;}
.counter_box img{margin-bottom:20px; height:50px;}
.counter_box span{font-size:25px; color:#1a1a1a; font-weight:600;}
.counter_box p{margin-bottom:0; margin-top:10px;}

.od_profile{display:flex; align-items:center; padding:15px; font-size:15px; color:#1a1a1a;}
.od_profile img{width:80px; height:80px; border-radius:50%; border:#cdcdcd solid 1px;} 
.upload-btn-wrapper{position:relative; width:80px; margin-right:15px;}
.upload-btn-wrapper .btn{border:#dcdada solid 1px; color:#1a1a1a; background:#fbffff; padding:0; border-radius:50%; font-size:12px; font-weight:400; margin-top:0; overflow:hidden;}
.upload-btn-wrapper .btn span{display:block; width:100%; line-height:normal;}
.upload-btn-wrapper .btn span img{width:100%;}
.upload-btn-wrapper input[type=file]{position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; cursor:pointer; width:100%;}
.dashboard_box .service{margin:0; box-shadow:none; /*border:#f1f1f1 solid 1px; background:#fbfbfb;*/}
.dashboard_box .service figure{margin:0 15px;}
.dashboard_box .service_text{text-align:left; padding-top:0;}
.dashboard_box .service_text h2{margin-bottom:.3rem; font-size:15px;}
.dashboard_box .service_text h4{font-size:20px;}
.dashboard_box .service figure img{height:55px;}
.dashboard_box .service:hover figure:after{display:none;}
.od_right{margin-left:auto;}
.od_right .service_text{padding-left:50px;}
.od_right .service figure{margin-left:40px;}
.od_logo{position:absolute; left:0; right:0; top:46%; border-radius:50%; z-index:9; background:#fff; box-shadow:#e0e0e0 0 0 10px 0; width:300px; height:300px; display:flex; align-items:center; justify-content:center; padding:40px; margin:auto;}
.od_logo img{height:85px;}

ul.account_ul{margin:0px; padding:0; }
ul.account_ul li{margin:15px 0px; padding:15px; list-style:none; color:#636363; background:#fff; border-radius:5px; box-shadow:#c7c7c7 0 0 10px 0;}
ul.account_ul li strong{color:#1a1a1a; font-weight:600; display:block;}
.not_found{color:#1a1a1a; margin-bottom:2rem;}
.od_bank_logo{background:#ecf6fd; padding:20px; display:flex; margin-bottom:2rem;}
.od_bank_logo img{margin-right:30px; width:155px; height:155px;}
.od_bank_logo ul{margin:0; padding:0;}
.od_bank_logo ul li{margin:10px 0; padding:0; list-style:none; color:#1a1a1a;}
.od_bank_logo ul li strong{font-weight:600; min-width:100px; display:inline-block;}

.db_box{background:#0061a5; padding:15px; border-radius:5px; color:#fff; line-height:normal; font-size:13px; position:relative;}
.db_box strong{font-size:40px; font-weight:500;}
.db_box i{position:absolute; right:15px; top:15px; font-size:40px;}

.db_row{margin-left:-3px; margin-right:-3px;}
.db_row .col-xl-3{flex:0 0 14.28%; max-width:14.28%; padding-left:3px; padding-right:3px;}
.db_tab{background:#0061a5; padding:10px 5px; border-radius:5px; color:#fff; line-height:normal; font-size:13px; text-align:center; margin-bottom:.5rem;}
.db_tab i{font-size:50px; margin-bottom:1rem; display:block;}
.db_tab img{height:35px; margin-bottom:1rem;}
.db_tab a{display:block; color:#fff;}
.head{text-transform:uppercase; font-size:12px; font-weight:500;}
.pd_head{display:block; margin:15px; color:#5c5c5c;}
.dashboard_box .form-inline .form-group{margin-bottom:1rem;}
.dashboard_box .form-inline label{width:38%; justify-content:left; padding-right:10px;}
.dashboard_box .form-inline .form-control{width:62%;}
.dashboard_box .form-inline .form-group .btn{margin-left:18.4%;}
.dashboard_box .form-inline .form-group h6{margin-top:1rem; font-weight:500; margin-bottom:0;}
.per_detail{display:flex; flex-wrap:wrap; margin:0; padding:0;}
.per_detail li{width:50%; list-style:none; color:#000; font-weight:500; margin-bottom:1rem; padding-top:15px; border-top:#f5f5f5 solid 1px;}
.per_detail li span{font-size:13px; color:#636363; font-weight:400; display:block;}
.mobile_ul{margin:0; padding:0;}
.mobile_ul li{margin:0 0 1.5rem; padding:0; list-style:none; color:#000; font-weight:500;}
.mobile_ul li .icons{width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; background:#8449e3; color:#fff; border-radius:50%; margin-right:15px;}

.apply_bg .heading{text-align:center;}
.apply_box{box-shadow:0px 0px 10px 0px rgb(0 0 0 / 50%); padding:25px; height:100%;}
ul.radio{margin:0; padding:0;}
ul.radio li{margin:0; padding:0 0 0 30px; list-style:none; position:relative;} 
ul.radio li label{font-weight:400; color:#424242;}
.apply_box label{font-weight:600; color:#000;}
input[type=radio]+label:before, input[type=radio]+.label label:before{background:#fff;}
input[type=radio]:checked+label:before{background:#ff662a; border-color:#ff662a;}
.ap_address .fa{position:absolute; left:0; top:6px; color:#0061a5;}
.ap_address p{position:relative; padding-left:25px;}
.form-control{border-color:#bfbfbf}
.apply_box .btn{width:100%;}
.ap_text{font-size:16px; color:#636668;}
.ap_text ul{margin:0 0 25px 25px; padding:0;}
.ap_text ul li{margin:10px 0; padding:0;}