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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

body{font-size: 15px; line-height:28px; font-family: 'Open Sans', sans-serif; color: #464646; font-weight: 400; background: #018030;}
a{ color: #083f88; text-decoration: none;}
a:hover{ text-decoration: none;transition: 0.3s; color:#0059D1;}

img{ width: 100%;}

.main-header{padding: 20px 0; background: #FFFFFF; position: relative;}
.main-header .main-logo{ max-width: 650px;}
.main-header .header-right{}
.main-header .header-right .header-info{ line-height: 18px; display: flex; justify-content: flex-end; float: right; margin-left: 25px;}
.main-header .header-right .header-info i{ font-size: 28px; margin-right: 12px; padding-right: 12px; color: #ed4611; border-right: 1px solid #CCC;}
.main-header .header-right .header-info span{font-size: 13px;}


.logo{ max-width: 60px; display: none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 3px; background: #FFFFFF;}
.navbar{ padding:10px 50px;}
.navbar-brand{ margin-right: 0;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.62rem;
    padding-left: 0.62rem;
	line-height: 1.2em;
	margin-left: 3px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color:#FFF;
	background: #ed4611;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#FFF;
	background: #ed4611;
	
}

.dropdown-menu {
    font-size: 13px;
    padding: 0;
	background: #002b71;
	overflow: hidden;
}


.dropdown-item {color: #FFFFFF!important;}

.dropdown-item:focus, .dropdown-item:hover {
    color: #FFF;
    background-color: #ed4611;
}


.nav-item{font-size: 13px;}

.navbar-dark .navbar-nav .nav-link {
    color:#000;
	background: linear-gradient(#FFF, #E4E4E4);
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	 text-transform: uppercase; font-weight: 600;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: #c4161c;
}

.nav-link img{ max-width: 16px; margin-right: 5px; padding-bottom: 4px;}

.bg-dark {
    background-color: #002b71 !important; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
}

.navbar-nav li:hover .dropdown-menu {display: block; margin: 0;}

.latest-news{background: #FFF; margin: 20px 0;border-radius: 5px; padding-right: 10px;}
.latest-news .news-tag{ float: left; background: #C11518; padding: 5px 10px; color: #FFF; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.latest-news .marquee{ padding: 3px;}
.latest-news a{ padding: 0 10px;}

.slider-banner{ margin-bottom: 50px;}

.slider-banner .carousel {border-radius: 10px; overflow: hidden; padding: 5px; background: #FFF;}
.slider-banner .carousel-caption h5 {
    background: rgba(0,0,0,0.7); display: inline-block; padding: 10px 20px; border-radius: 5px; 
}

.slider-banner .carousel-caption p{background: rgba(0,0,0,0.7); padding: 10px 20px; border-radius: 5px;}

.welcome{ padding: 50px 0; background: #E3E3E3; text-align: center;}
.welcome h1{ font-size: 40px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase; color: #ed4611;}
.welcome h1 span{ font-size: 30px; font-weight: 600; color: #018030;}
.welcome .head-p{ padding:0 200px;}

.line-wrap {
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
	margin: 0 200px;
  overflow: hidden;
}

.line-wrap::before {
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  left: 0;
  Content: "";
  Background-color: #ed4611;
  height: 1px;
}

.icon1 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 25px;
  color: #FFF;
  border-radius: 50%;
  padding: 10px;
  background: #ed4611;
}

.line-wrap2 {
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
	margin: 0 200px;
  overflow: hidden;
}

.line-wrap2::before {
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  left: 0;
  Content: "";
  Background-color: #FFF;
  height: 1px;
}

.line-wrap3 {
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  overflow: hidden;
}

.line-wrap3::before {
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  left: 0;
  Content: "";
  Background-color: #FFF;
  height: 1px;
}

.icon2 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 26px;
  color: #ed4611;
  border-radius: 50%;
  padding: 10px;
  background: #FFF;
}

.icon3 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 25px;
  color: #002b71;
  border-radius: 50%;
  padding: 10px;
  background: #FFF;
}


.line{ border: 1px dashed #999; width: 100%; margin: 15px 0;}

.btn-outline-primary {
    color: #ed4611;
    border-color: #ed4611;
}

.btn-outline-primary:hover{
	color: #FFF;
	background: #ed4611;
	border-color: #ed4611;
}

.btn-outline-secondary {
    color: #FFF;
    border-color: #FFF;
}

.btn-outline-secondary:hover{
	color: #ed4611;
	background: #FFF;
	border-color: #FFF;
}



.btn-outline-third {
    color: #ed4611;
    border-color: #ed4611;
}

.btn-outline-third:hover{
	color: #FFF;
	background: #ed4611;
	border-color: #ed4611;
}


.btn-full-bg {
    color: #FFF;
    border-color: #0042ae;
	background: #0042ae;
}

.btn-full-bg:hover{
	color: #FFF;
	background: #000;
	border-color: #000;
}


.vision-mission{ padding: 50px 0; text-align: center; background: #ed4611;}
.vision-mission .vision-mission-col{ padding: 30px; border-radius:20px; color: #FFF; border-top: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(255,255,255,0.2);
	box-shadow: 5px 5px 30px rgba(0,0,0,0.2); transition: all .5s ease;}
.vision-mission .vision-mission-col .icon{ color: #FFF; font-size: 55px; border-radius:10px ;border: 1px solid #FFF; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 15px; transition: all .5s ease;}
.vision-mission .vision-mission-col h1{ font-size: 40px; margin-bottom: 10px; font-weight: 300; text-transform: uppercase; color: #FFF;}

.vision-mission .vision-mission-col:hover .icon{ color: #ed4611; border-radius:50%; background: #FFF;}
.vision-mission .vision-mission-col:hover{ background: rgba(255,255,255,0.1);}

.vision-mission .vision-mission-col:hover .btn-outline-secondary{color: #ed4611; background: #FFF; border-color: #FFF;}


.services-home{ padding: 50px 0; text-align: center; background: url("../../images/banking.jpg") no-repeat center center fixed; background-size: cover;}
.services-home h1{ font-size: 40px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase; color: #FFF;}
.services-home .head-p{ padding:0 200px; color: #FFF;}
.services-home .services-col{ padding: 30px; border-radius:20px; background: #FFF; transition: all .5s ease; color: #002b71;}
.services-home .services-col .icon{ width: 70px; height: 70px; margin-bottom: 15px; transition: all .5s ease;}
.services-home .services-col h2{ font-size: 30px; margin-bottom: 10px; font-weight: 500; text-transform: uppercase; color: #002b71;}
.services-home .services-col:hover h2{ color: #ed4611;}
.services-home .services-col:hover .icon{}

.services-home .services-col:hover .btn-outline-third{color: #FFF; background: #ed4611; border-color: #ed4611;}


.news-events{ padding: 50px 0; background: #E3E3E3; text-align: center;}
.news-events h1{ font-size: 40px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase;}
.news-events .head-p{ padding:0 200px;}
.news-events .news-box{ padding: 20px; border-radius:10px; background: #FFF;}
.news-events .news-box h2{ font-size: 16px; margin-bottom: 0; padding-bottom: 0; color: #018030;}
.news-events .news-box .news-date{ font-size: 13px; color: #333333;}
.news-events .news-box .news-box-image{width: 100%; height: 155px; overflow: hidden; margin-bottom: 15px;}
.news-events .news-box .news-box-image img{ object-fit: cover; width: 100%; height: 100%; transition: transform .3s; margin: 0;}
.news-events .news-box:hover .news-box-image img{transform: scale(1.1);}


.banking-solution{ padding: 50px 0; background: #FFF; text-align: center;}
.banking-solution .banking-solution-box{}
.banking-solution .banking-solution-box img{ width: 300px;}

.banking-solution .play-store{ text-align: center; text-transform: uppercase; font-size: 13px;}
.banking-solution .play-store img{ max-width: 100px;}

.remit-partners{ padding: 50px 0; background: #ed4611; text-align: center;}
.remit-partners h1{ font-size: 40px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase; color: #FFFFFF;}
.remit-partners .head-p{ padding:0 200px;color: #FFFFFF; margin-bottom: 30px;}

    .slider {
        margin: 0 auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%; border-radius: 10px; padding: 10px; background: #FFFFFF;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }



.organization{ padding: 50px 0; background: #002b71;}
.organization .org-box{ color: #FFFFFF; box-shadow: 0 0 5px 0 rgba(255,255,255,0.5); padding: 50px; border-radius:10px; background: #002b71;}
.organization .org-box h1{ font-size: 30px; font-weight: 700;}
.organization .org-box .chairman-pic{ width: 120px; float: right; background: #FFF; padding: 5px;}


.contact-home{
	padding: 100px 0;
	background: url("../../images/bg3.jpg") no-repeat fixed; 
	/*Photo by bongkarn thanyakij from Pexels*/
	background-size: cover;
	text-align: center;
}

.contact-home h1{ font-size: 40px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase; color: #FFF;}

.contact-home .contact-home-txt{
	color: #FFF;
}

.contact-home .contact-home-txt li{
	list-style: none; color: #A8A8A8;
}

.contact-home .contact-home-txt li h4{
	list-style: none; color: #FFF; font-size: 20px; font-weight: 500; text-transform: uppercase;
}

.contact-home strong{
	color: #FFF;
}


.bottom-link{ background: #018030; padding: 50px 0; color: #FFF;}
.bottom-link h2{ font-size: 20px; font-weight: 600;}
.bottom-link li{ list-style: none; line-height: 35px;}
.bottom-link .title-head{ font-size: 20px; color:#FFFF00;}
.bottom-link a{ color: #FFF; margin-right: 5px;}
.bottom-link a:hover{ color: #FFFF00;}
.bottom-link i{ margin-right: 10px;}

.bottom-link img{ margin-bottom: 10px; padding: 5px; background: #FFF; max-width: 300px;}

.social-bottm{ color:#666; margin-top:10px; font-size: 18px;}
.social-bottm i{ margin:0;  display: inline-block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center; width:30px; height:30px; padding:6px;}
.social-bottm a i{color:#FFF;}
.social-bottm a:hover i{color:#FFF; background:#999;}

.social-bottm i.facebook{ background:#4e71a8;}
.social-bottm i.twitter{ background:#1cb7eb;}
.social-bottm i.linkedin{ background:#007eb3;}
.social-bottm i.insta{ background:#d6249f; background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}

.embed-map{ line-height: 0!important;}


.footer{ background: #000; padding: 10px 50px; color: #CCC; font-size: 14px;}
.copy-right{}
.developerID{ text-align: right;}
.footer a{ color: #FFF;}



.container-page{ padding: 50px 0 10px 0;}
.container-page .content-page{ background:#FFF; margin:15px 0 20px 0; padding: 50px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); border-radius: 15px;}
.container-page h1{ font-size: 28px; font-weight: 600; text-transform: uppercase; border-left: 5px solid #a6ce39; padding-left: 25px; color: #FFF;}

.container-page .content-page .team{ text-align: center; margin-top: 20px;}
.container-page .content-page .team h2{ font-size: 20px; font-weight: 600; color: #ed4611; text-transform: uppercase;}
.container-page .content-page .team .team-photo{width: 100%; height: 185px; position: relative; overflow: hidden; padding: 5px; border: 1px solid #CCC; border-radius:5px; margin-bottom: 10px;}
.container-page .content-page .team .team-photo img{object-fit: cover; width: 100%; height: 100%;}

.container-page .content-page .news-events-page{}
.container-page .content-page .news-events-page .news-box{ margin-bottom: 10px; background: #FFF; padding: 20px; border-radius: 10px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);}
.container-page .content-page .news-events-page .news-box h2{ font-size: 25px; font-weight: 600; color: #002b71;}
.container-page .content-page .news-events-page .news-box .date{ font-weight: 700; color: #018030;}
.container-page .content-page .news-events-page .news-box .date span{ font-style: italic; color: #999;}
.container-page .content-page .news-events-page .news-box .news-box-image{width: 100%; height: 175px; overflow: hidden;}
.container-page .content-page .news-events-page .news-box .news-box-image img{ object-fit: cover; width: 100%; height: 100%; transition: transform .2s; margin: 0;}
.container-page .content-page .news-events-page .news-box .news-box-image img:hover{transform: scale(1.1);}

.container-page .content-page .news-events-page .news-box .btn1{ background:#002b71; border: 1px solid #002b71; color: #FFF; transition: 0s ease-in-out;}
.container-page .content-page .news-events-page .news-box .btn1:hover{background:#5c5957; border: 1px solid #5c5957; transition: 0s ease-in-out;}


.container-page .content-page .news-events-page .news-box .btn1 i{ font-size: 15px; margin-right: 3px; color: #FFF;}
.container-page .content-page .news-events-page .news-box .btn1:hover i{ color: #FFF; transition: 0s;}



.container-page .content-page .news-details{}
.container-page .content-page .news-details .news-feature-img{ margin: 0 0 20px 20px; width: 50%; float: right; }

.container-page .content-page .news-details .btn-res{ background: #a6ce39;}
.container-page .content-page .news-details .btn-res:hover{ background: #FFF; border: #a6ce39 1px solid; color: #000;}

.container-page .content-page .contact-page{}
.container-page .content-page .contact-page .col-box{padding: 20px;}

.container-page .content-page .contact-page .col-box h2{ margin-bottom: 25px; border-bottom: 1px dashed #CCC; padding-bottom: 15px; font-size: 25px; font-weight: 700; color: #002b71;}
.container-page .content-page .contact-page .col-box i{font-size: 30px; color: #ed4611; margin-top: 5px;}
.container-page .content-page .contact-page .col-box h5{ font-size: 17px; text-transform: uppercase; color: #002b71; font-weight: 700; margin: 0; padding: 0;}
.container-page .content-page .contact-page .col-box p{ font-size: 13px;}

.container-page .content-page .contact-page .col-box .social-bottm{color:#666;}
.container-page .content-page .contact-page .col-box .social-bottm i{ font-size: 17px; margin:0; display:inline-block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:30px; height:30px; padding:6px;}
.container-page .content-page .contact-page .col-box .social-bottm a i{color:#fff;}
.container-page .content-page .contact-page .col-box .social-bottm a:hover i{color:#fff; background:#999;}
.container-page .content-page .contact-page .col-box .social-bottm i.facebook{background:#4e71a8;}
.container-page .content-page .contact-page .col-box .social-bottm i.insta{background:#d6249f; background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);}
.container-page .content-page .contact-page .col-box .social-bottm i.youtube{background:#bb0000;}

.container-page .content-page .news-events-page .news-box h2 {
    font-size: 25px;
    font-weight: 600;
    color: #002b71;
}

.container-page .content-page .career-page{}
.container-page .content-page .gallery-page{}

.container-page .content-page .gallery-page .photo-gallery-box{ padding:15px;  background:#FFF; box-shadow: 0px 0px 5px 0px #888888; border-radius:10px; }
.container-page .content-page .gallery-page .photo-gallery-box .imageDisplay { width:100%; height:170px; position: relative; overflow:hidden; display: inline-block;}
.container-page .content-page .gallery-page .photo-gallery-box .imageDisplay img { object-fit: cover; width: 100%; height: 100%;}

.container-page .content-page .gallery-page .photo-gallery-box h6{ font-weight: 600; text-align: center; line-height: 23px; color: #0042ae;}

.container-page .content-page .gallery-page .gallery-thumbnail { width:100%; height:200px; position: relative; overflow:hidden; display: inline-block; padding: 10px; background: #FFFFFF; margin-top: 20px; box-shadow: 0 0 10px 0 #666;}
.container-page .content-page .gallery-page .gallery-thumbnail img { object-fit: cover; width: 100%; height: 100%;}

.container-page .content-page .reports-page{}

#scroll {
    position:fixed;
    right:15px;
    bottom:15px;
    cursor:pointer;
    width:40px;
    height:40px;
    background-color:#083f88;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#c4161c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}



@media (max-width: 1399px) {
	.navbar {padding: 10px 20px;}
	.main-header{padding: 10px 20px;}
	.logo {max-width: 60px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	.nav-item {font-size: 11px;}
	.dropdown-menu {font-size: 11px;}
	.main-header .header-right .header-info span {font-size: 12px;}
	.main-header .header-right .header-info i {font-size: 20px; margin-right: 8px; padding-right: 8px;}
}

@media (max-width: 1199px) {
	.nav-item {font-size: 9.3px;}
	.navbar {padding: 10px 3px;}
	.dropdown-menu {font-size: 9.3px;}
	.main-header .header-right .header-info {
    display:inherit;}
	.container-page .content-page .contact-page .col-box i {font-size: 22px;}
}

@media (max-width: 991px) {
	.main-header{display: none;}
	.logo{display: inherit !important; max-width: 80px; text-align: center;}
	.nav-item { font-size: 14px; text-align: center;}
	.navbar-nav .dropdown-menu {position: static; float: none; text-align: center; font-size: 14px;}
	.line-wrap, .line-wrap2 { margin: 0;}
	.welcome .head-p, .services-home .head-p, .remit-partners .head-p, .news-events .head-p {padding: 0;}
	.footer .copy-right { text-align: center; line-height: 20px;}
	.footer .developerID { text-align: center;}
	.container-page .content-page {
    padding: 25px;
}
}

@media (max-width: 767px) {
	.container-page .content-page .team .team-photo { height: 320px;}
}

@media (max-width: 576px) {
	.welcome h1 span {
    font-size: 22px;}
	
	.news-events .news-box .news-box-image {
    height: 230px;
}
	.contact-home {
    padding: 100px 0;
    background: #002b71;
}
	.contact-home .contact-home-txt li {
    color: #FFF!important;
}
}