/*.uk-logo,
.uk-navbar {
    display: none;
}*/

.nv-btn>.uk-button>.uk-icon>svg{

    width:40px;
}
.btn-color-yellow>.uk-button>.uk-icon{
	color:#ff9e45;
}
.btn-color-blue>.uk-button:not(:hover)>.uk-icon{
	color:#004368;
}
.btn-color-blue .uk-icon{
    position:absolute;
    right:10px;
}
.btn-color-blue .uk-button{
     text-align:left;
    display:inline-block;
}

/*-------------- font------------------*/
.nv-font-dark-blue{
  color:#004368;
}
.nv-font-dark-yellow{
  color:#eebf32;
}
.nv-h2-white{
	color:#fff;
}

.nv-h2-blue{
    color:#004368;
}

/* AP */

/* Nav */

.tm-header .uk-navbar {
    padding: 20px 0px;   
}

.tm-header .uk-navbar-nav>li>a{
    color: #00446c;
    font-size: 14px;
    font-weight: bold;
    text-transform: unset;
    display: grid;
    text-align: center;
  	letter-spacing:1px!important;
}

.tm-header .uk-navbar-nav>li>a img{
    margin-top: 20px;
      margin-left: 5px;
}

.tm-header .uk-navbar-nav>li.uk-active>a,
.tm-header .uk-navbar-nav>li:not(.uk-active)>a:hover,
#tm-dialog-mobile li.uk-active>a,
#tm-dialog-mobile li:not(.uk-active)>a:hover{
    color: #ffc10e;
}

.tm-header .uk-navbar-nav>li:first-child.uk-active>a img,
.tm-header .uk-navbar-nav>li:first-child:not(.uk-active)>a:hover img,
#tm-dialog-mobile li:first-child.uk-active>a img,
#tm-dialog-mobile li:first-child:not(.uk-active)>a:hover img
{
    content: url("https://mopay.cimfinance.mu/images/Individual.png");
}

.tm-header .uk-navbar-nav>li:last-child.uk-active>a img,
.tm-header .uk-navbar-nav>li:last-child:not(.uk-active)>a:hover img,
#tm-dialog-mobile li:last-child.uk-active>a img,
#tm-dialog-mobile li:last-child:not(.uk-active)>a:hover img
{
    content: url("https://mopay.cimfinance.mu/images/Corporate.png");
}

.tm-header .uk-navbar-center:not(:only-child) {
    left: 90%;
}

/* Mobile */

.tm-header-mobile .uk-logo {
    transform: scale(0.8);
}

#tm-dialog-mobile li>a {
	color: #07456b;
	font-size: 18px !important;
	text-transform: capitalize;
    letter-spacing: 0;  
}

#tm-dialog-mobile .uk-offcanvas-bar{
  /* width:100%; */
  background-color:#fffffff0;

}

#tm-dialog-mobile .uk-offcanvas-close svg{
    color: #07456b;
    width: 20px;
}

.tm-header-mobile .uk-navbar-toggle{
    margin-top: -15px;
}

/* Mobile */

/* Nav */

/* Subnav */

.nv-subnav-menu .el-link{
    color: #159dde;
    font-size: 14px;
    position: relative;
    padding: 30px 50px;
    font-weight: bold;
}

.nv-subnav-menu .el-item {
    padding: unset;
}

.nv-subnav-menu .el-item:not(.uk-active)>a:hover,
.nv-subnav-menu .el-item.uk-active>a {
    color: #ffc10e;
}

.nv-subnav-menu .el-item.uk-active>a::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-bottom: 10px solid #ffc10e;
}

@media screen and (max-width: 959px){
    .nv-logo-img {
        padding-top: 25px;    
    }
    
    .nv-subnav-menu>ul {
        margin:unset;
    }

    .nv-subnav-menu .el-link{
        padding: 0px 25px 15px 25px;
    }
  
    .nv-logo-img img {
        transform: scale(0.8);
    }
}


@media screen and (max-width: 639px){
    .nv-subnav-menu .el-link{
        padding: 0px 15px 15px 15px;
    }
}

/* Subnav */

/* Accordion */

.nv-accordion .el-item {
    padding: 20px;
    border-radius: 25px;
    border: 2px solid #99d590;
    position: relative;
}

.nv-accordion .el-item.uk-open {
    background-color: #99d590;
}

.nv-accordion .el-title {
    font-size: 16px;
    color: #99d590;
}

.nv-accordion .el-item.uk-open .el-title {
    color: #003555;
}

.nv-accordion .el-content {
    font-size: 14px;
    color: #023756;
}

.nv-accordion .uk-accordion-content {
    margin-top: 5px;
}


.nv-accordion .uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%222%22%20x%3D%220%22%20y%3D%225.5%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    position: absolute;
    right: 10px;
}

.nv-accordion .el-item:not(.uk-open) .uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2399d590%22%20width%3D%2213%22%20height%3D%222%22%20x%3D%220%22%20y%3D%225.5%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2399d590%22%20width%3D%222%22%20height%3D%2213%22%20x%3D%225.5%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/* Accordion */

/* Our Partner's Benefit - Slider */

#nv-partners-b-slider .uk-slider-items li img.nextImage{
    transform: scale(0.8);
}

/* Our Partner's Benefit - Slider */

/* How it works - Grid */

.nv-how-it-works-grid .el-title {
    color: #fff;
}
.nv-how-it-works-grid .el-image {
    padding-top:50px;
}
.nv-how-it-works-grid .el-content{
    color: #4d4d4d;
    font-size: 18px;
}

@media screen and (min-width: 1200px){
.nv-how-it-works-grid .el-content{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;

}
   
.nv-how-it-works-grid .el-title:hover {
    color: #4d4d4d;
    cursor: pointer;
}

.nv-how-it-works-grid .el-title:hover + .el-content{
    display: block;
    opacity: 1;
    visibility: visible;
}
}

/* How it works - Grid */

/* Our Partners - Custom Switcher Buttons */

.ap-swt-buttons>.uk-grid>.el-item .el-content {
    text-transform: unset;
}

/* Button 1*/

.ap-swt-buttons>.uk-grid>.el-item:first-child .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(5) .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(9) .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(13) .el-content{
    background-color: #8bb4c4;
    border-color: #8bb4c4;
}

/* Hover */

.ap-swt-buttons>.uk-grid>.el-item:first-child .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(5) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(9) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(13) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:first-child .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(5) .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(9) .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(13) .el-content:not(.ap-swt-active):hover{
    color: #8bb4c4;
}

/* Button 2 */

.ap-swt-buttons>.uk-grid>.el-item:nth-child(2) .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(6) .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(10) .el-content{
    background-color: #82e1fc;
    border-color: #82e1fc;
}

/* Hover */

.ap-swt-buttons>.uk-grid>.el-item:nth-child(2) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(6) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(10) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(2) .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(6) .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(10) .el-content:not(.ap-swt-active):hover{
    color: #82e1fc;
}

/* Button 3 */

.ap-swt-buttons>.uk-grid>.el-item:nth-child(3) .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(7) .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(11) .el-content{
    background-color: #ffdf72;
    border-color: #ffdf72;
}

/* Hover */

.ap-swt-buttons>.uk-grid>.el-item:nth-child(3) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(7) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(11) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(3) .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(7) .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(11) .el-content:not(.ap-swt-active):hover{
    color: #ffdf72;
}

/* Button 4 */
.ap-swt-buttons>.uk-grid>.el-item:nth-child(4) .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(8) .el-content,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(12) .el-content{
    background-color: #bbe3b5;
    border-color: #bbe3b5;
}

/* Hover */

.ap-swt-buttons>.uk-grid>.el-item:nth-child(4) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(8) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(12) .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(4) .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(8) .el-content:not(.ap-swt-active):hover,
.ap-swt-buttons>.uk-grid>.el-item:nth-child(12) .el-content:not(.ap-swt-active):hover {
    color: #bbe3b5;
}

.ap-swt-buttons>.uk-grid>.el-item .el-content.ap-swt-active,
.ap-swt-buttons>.uk-grid>.el-item .el-content:not(.ap-swt-active):hover {
    background-color: #fff;
}

/* Our Partners - Custom Switcher Buttons */

/* Banner */

.nv-banner {
	position: relative;
}

.nv-banner .el-nav{
	z-index: 99999;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

/* Banner */

/* AP */

/* explore section */
.nv-explore-bg{
background-color:#ffd263;
	border-radius:60px;
	padding:40px 100px 0px 100px;
  margin: unset !important;
}
.nv-explore-sub-title{
	color:#fff;
	padding-top:50px;
	margin-left:30px;
	margin-bottom:-15px;
}
.nv-explore-title{
	color:#fff;
}
.nv-explore-dow-img{
	padding-bottom:80px;
}

@media (max-width: 960px) {
    .nv-explore-bg {
      	border-radius: 0px 0px 60px 0px;
	padding:40px 100px 0px 0px;
    }
}
@media (max-width: 960px) {
    .nv-explore-title {
font-size:42px!important;
}
}
/* explore section */
  
/* How it works Grid */
  
  .how-it-works-grid .el-title,
  .how-it-works-grid-mob .el-title{
     color: #00aeef !important;   
}

.how-it-works-grid .el-meta,
.how-it-works-grid-mob .el-meta{
     color: #004167 !important;   
}

.how-it-works-grid .el-content,
.how-it-works-grid-mob .el-content {
     color: #231f20 !important; 
 	 font-size: 18px!important;
  	 line-height: 1.5;
}

.how-it-works-grid>div {
    margin: 0 auto;
}

.how-it-works-grid .el-item,
.how-it-works-grid-mob .el-item{
     border: 3px solid #fff;
     border-radius: 40px;
     padding: 110px 0;
}

.how-it-works-grid-mob .el-item {
	padding: 90px 0;
}

.how-it-works-grid .uk-slider-items li {
    margin-left: 30px;
	padding-right: 90px;
    width: 45%;
}

.how-it-works-grid .uk-slider-items li::before,
.how-it-works-grid-mob .uk-slider-items li::before{
     content: url("/images/Tick--2.png");
	 top: 0;
	 right: 0;
	 position: absolute;
	 z-index: 99999;
}

.how-it-works-grid .uk-slider-items li::before {
	 right: -5px;
	 padding-right: 90px;
}

.how-it-works-grid .uk-slider-items li:not(:last-child)::after {
     content: url("/images/Arrow-2.png");
	 top: 90px;
	 right: -155px;
	 position: absolute;
	 z-index: 99999;
     padding-right: 90px;
}

.how-it-works-grid .uk-slider-items {
    pointer-events: none !important;
}

.how-it-works-grid .uk-slider-nav li:last-child {
    display: none;
}

.how-it-works-col {
	position: relative;
}

@media screen and (min-width: 1600px){
.how-it-works-col::before {
     content: url("/images/Arrow-1.png");
     left: -200px;
     position: absolute;
     z-index: 99999;
     top: -280px;
}
}

@media screen and (max-width: 1599px){
.how-it-works-col::before {
     content: url("/images/Arrow-2.png");
     top: 90px;
	 left: -50px;
	 position: absolute;
	 z-index: 99999;
}
}

@media screen and (max-width: 960px){
.how-it-works-col::before {
     content: unset;
}
}

.how-it-works-grid .uk-dotnav {
    margin-left: -135px;
}
/* How it works Grid */

.discover-slider .el-item > .uk-grid {
    height: 100%;
    position: relative;
}

.discover-slider .el-item > .uk-grid > div:last-child {
    background-color: #cccccc;
    height: 100%;
    border-radius: 60px 0px 0px 60px;
    padding: 50px;
    margin-left: 30px;
    /* height: calc(100% - 50px); */
}

/* Modal */

@media only screen and (max-width:1199px){

  .uk-modal-dialog {
  padding-top: 56.25%;
  height: 0px;
  position: relative;
  width: 100%;
}

.ap-responsive-iframe {
  position: absolute;
  top: 0 ;
  left: 0;
  width: 100%;
  height: 100%;
}
}

@media only screen and (min-width:1200px){
  
.uk-modal-dialog video {
    width: 1200px;
    height: 674px;
}

.uk-modal-dialog, iframe {
  max-width: 1200px !important;
  width: 100%;
}
}

.uk-modal-dialog{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

/* Modal */

.nv-banner .el-image {
  object-fit: none !important;
}

/*Slider Dotnav*/

.slider-dotnav {
    position: relative;
    padding-bottom: 20px;
}

.slider-dotnav div.uk-dark{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

/*Slider Dotnav*/

.nv-modal-link .el-item,
.tiktok-video {
  transition: transform 0.5s ease;
}

.nv-modal-link .el-item:hover,
.tiktok-video:hover{
  transform: scale(0.98);
  opacity: 0.9;
}

.nv-modal-link, .nv-modal-link>div,
.nv-modal-link ul,
.nv-modal-link .el-image{
    height: 100%;
}

.nv-modal-link .el-image {
    object-fit: cover;
}

@media screen and (min-width:640px){
.nv-modal-link .el-image {
    border-radius: 56px;
}
}  

.partners-mob-sec {
    position: relative;
}

.our-partners-mod .uk-navbar-toggle-icon {
    position: absolute;
    top: -79px;
    right: 0;
	background-color:#00aeef;
	padding:10px;
      border-radius: 10px;
}

.our-partners-mod .uk-navbar-toggle-icon svg{
    width: 30px;
    height: 30px;
	border-radius: 8px;
	color: #fff;

}

/* Our Partners - Custom Nav Buttons - Mob */
.ap-swt-buttons-mob {
    padding: unset !important;
}

.ap-swt-buttons-mob>li{
    padding: 5px 10px;
    margin: 10px 0;
    border: 2px solid;
    border-radius: 10px;
}

.ap-swt-buttons-mob>li a{
    text-transform: lowercase;
    color: #fff !important;
    font-size: 14px;
}

/* Button 1*/

.ap-swt-buttons-mob>li:first-child,
.ap-swt-buttons-mob>li:nth-child(5),
.ap-swt-buttons-mob>li:nth-child(9),
.ap-swt-buttons-mob>li:nth-child(13){
    background-color: #8bb4c4;
    border-color: #8bb4c4;
}

/* Hover */

.ap-swt-buttons-mob>li:first-child.ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(5).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(9).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(13).ap-swt-active-mob a, 
.ap-swt-buttons-mob>li:first-child:not(.ap-swt-active-mob) a:hover,
.ap-swt-buttons-mob>li:nth-child(5):not(.ap-swt-active-mob) a:hover,
.ap-swt-buttons-mob>li:nth-child(9):not(.ap-swt-active-mob) a:hover,
.ap-swt-buttons-mob>li:nth-child(13):not(.ap-swt-active-mob) a:hover{
    color: #8bb4c4 !important;
}

/* Button 2 */

.ap-swt-buttons-mob>li:nth-child(2),
.ap-swt-buttons-mob>li:nth-child(6),
.ap-swt-buttons-mob>li:nth-child(10){
    background-color: #82e1fc;
    border-color: #82e1fc;
}

/* Hover */

.ap-swt-buttons-mob>li:nth-child(2).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(6).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(10).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(2):not(.ap-swt-active-mob):hover a,
.ap-swt-buttons-mob>li:nth-child(6):not(.ap-swt-active-mob):hover a,
.ap-swt-buttons-mob>li:nth-child(10):not(.ap-swt-active-mob):hover a{
    color: #82e1fc !important;
}

/* Button 3 */

.ap-swt-buttons-mob>li:nth-child(3),
.ap-swt-buttons-mob>li:nth-child(7),
.ap-swt-buttons-mob>li:nth-child(11){
    background-color: #ffdf72;
    border-color: #ffdf72;
}

/* Hover */

.ap-swt-buttons-mob>li:nth-child(3).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(7).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(11).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(3):not(.ap-swt-active-mob):hover a,
.ap-swt-buttons-mob>li:nth-child(7):not(.ap-swt-active-mob):hover a,
.ap-swt-buttons-mob>li:nth-child(11):not(.ap-swt-active-mob):hover a{
    color: #ffdf72 !important;
}

/* Button 4 */
.ap-swt-buttons-mob>li:nth-child(4),
.ap-swt-buttons-mob>li:nth-child(8),
.ap-swt-buttons-mob>li:nth-child(12){
    background-color: #bbe3b5;
    border-color: #bbe3b5;
}

/* Hover */

.ap-swt-buttons-mob>li:nth-child(4).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(8).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(12).ap-swt-active-mob a,
.ap-swt-buttons-mob>li:nth-child(4):not(.ap-swt-active-mob):hover a,
.ap-swt-buttons-mob>li:nth-child(8):not(.ap-swt-active-mob):hover a,
.ap-swt-buttons-mob>li:nth-child(12):not(.ap-swt-active-mob):hover a {
    color: #bbe3b5 !important;
}

.ap-swt-buttons-mob>li.ap-swt-active-mob,
.ap-swt-buttons-mob>li:not(.ap-swt-active-mob):hover {
    background-color: #fff;
}

/* Our Partners - Custom Nav Buttons - Mob */

.uk-logo{
margin-left:-22px	
}