/*
Theme Name: Atlas 2025
Author: Taufik
Version: 5.0
*/

:root {
  --orange: #FF5B05;
  --dark: #18191b;
  --fontsize: 16px;
  
}
html{
    
}
body{
	overflow-x: hidden;
	font-size: var(--fontsize); 
	font-weight: 400;
	background:#18191b;
	color:#fff;
	font-family: "Open Sans", sans-serif;
}
html, body {
			overflow-x:hidden;
		}
.container{
	max-width: 1140px;
}
b, strong {
    font-weight: 600;
}
a.no-underline{
	text-decoration: none;
}
[type=button], button {
    -webkit-appearance: none;
    background: none;
    border: 0;
}
h1 {
	font-size:62px;
	font-weight:700;
	/* color:orange; */
}

h2 {
	font-size:52px;
	font-weight:700;
}

h3,.h3 {
	font-size:32px;
	font-size: calc( var(--fontsize) * 1.6)
}

h4 {
	font-size:24px;
	font-weight:700;
}
h5,.h5 {
	font-size: calc(var(--fontsize)* 1.2);
	font-weight:700;
}

.fw400 {
	font-weight:400;
}

.fw500 {
	font-weight:500;
}

.fw600 {
	font-weight:600;
}

.fw700 {
	font-weight:700;
}

.fw900 {
	font-weight:900;
}

.text-orange {
	color:#FF5B05;
}

.text-white {
	color:#fff;
}

.text-lightgrey {
	color:#D9D9D9;
}
.text-lightgreyalt {
	color:#A1A8B2;
}


.text-darkgrey {
	color:#18191B;
}

.text-orangegradient {
	background: #FF8A00;
	background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.container,
.position-relative{
	position: relative;
}
.box-atlas{
	padding: 24px;
	border-radius: calc(var(--fontsize)* 1.2);
	position: relative;
	line-height: 1.4;
}
.box-atlas strong {
    font-weight: 700;
}
.box-atlas p:last-of-type{
	margin-bottom: 0;
}
.benefit p{
	margin-bottom: 10px;
}
.section{
	 font-family: "Open Sans", sans-serif;
	 /*font-family: "Poppins", sans-serif; */
	position: relative;
}
.section-padding{
	 padding-top: 60px;
	 padding-bottom: 60px;
}
.intro__faith{
	position: absolute;
	top: 0;
	width: 100%;
}
.wrapper-nav{
	position: absolute;
	bottom: 0;
	width: 100%;
}

.section-title{
	font-weight: 700;
}
.section-title.larger{
	font-size: 82px;
	font-size: calc( var(--fontsize) * 4.6);
	line-height: 110%;
}
.section h1 {
    font-size: 52px;
	 font-size: calc( var(--fontsize) * 2.6);
    font-weight: 700;
    line-height: 1.3;
}
.txt__welcome{
	
}
.section h2 {
    font-size: 3.25rem;
    font-size: calc( var(--fontsize) * 2.6);
    font-weight: 700;
}
.section .hero h1 {
	 font-size: calc( var(--fontsize) * 3.0);
	 line-height: 1.1;
}
.section h3 {
    font-size: calc( var(--fontsize) * 1.6);
}
.discovermore h3{
	 font-size: calc( var(--fontsize) * 2);
}
.div_welcome h3{
	line-height: 1.5;
}
.section h4 {
    font-size: 1.25rem;
    font-size:  calc( var(--fontsize) * 1.2);
    font-weight: 700;
}
.color-orange{
	color: #FF5B05 !important;
}
.color-white{
	color: #FFF !important;
}
.color-default{
	color: #000;
}
.color-secondary{
	color: #A1A8B2 !important;
}
.bg-white{
	background-color: #fff;
}
.section-subtitle{
	font-style: normal;
	font-weight: 400;
}
.button-atlas {	
	height: 56px;
	padding: 16px 24px;
	
	color: #FF5B05;
	text-align: center;
	font-size:  calc( var(--fontsize) * 1);
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	border-radius: 50px;
	border: 1px solid transparent;
}

.top-menu .dropdown-item {
	font-size:  calc( var(--fontsize) * 0.9);
	font-weight: 500;
	transition: all .3s;
}

.top-menu .dropdown-item:focus,
.top-menu  .dropdown-item:hover {
    color: #FF5B05;
	background: none;
}

.top-menu .dropdown-menu {
    padding: 8px 20px;
    border-radius: 16px;
	min-width: 100%;
	    background: #18191B;
    border-radius: 16px;
	border: 0;
}
.top-menu .dropdown-menu li {
    padding: 3px 0px;
}
.nav-link.dropdown-toggle{
	transition: all .3s;
	/* padding-right: 10px !Important; */
}
.nav-link.dropdown-toggle.show{
	color: #FF5B05;
}
.navbar .btn-orange {
    font-weight: 500;
}
/* Hide the default dropdown caret */
.dropdown-toggle::after {
  display: none; /* Hide default caret */
}

/* Rotate the icon when the dropdown is open */
.dropdown-toggle[aria-expanded="true"] .dropdown-icon {
  transform: rotateX(180deg); /* Rotate the icon */
}

/* Smooth transition for the icon rotation */
.dropdown-icon {
  transition: transform 0.3s ease; /* Smooth transition */
}
.toggle-container {
    display: flex;
    align-items: center;
}

.toggle-text {
    font-size: calc( var(--fontsize) * 0.8);
    margin-right: 10px;
    line-height: 1;
    transition: all .3s;
    height: calc( var(--fontsize) * 0.8);
    overflow: hidden;
}
.toggle-text-wrapper {
    height: calc( var(--fontsize) * 0.8);
    transition: all .3s;
    transform: translateY(0px);
}
.switched .toggle-text-wrapper {
    transform: translateY(calc( var(--fontsize) * -0.8 ));
}

#toggleSwitch {
    cursor: pointer;
    position: relative;
    z-index: 999;
    pointer-events: auto;
}

.toggle-switch {
    width: 50px;
    height: 31px;
    background-color: #545454;
	background-color: #7272728c;	
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.20) inset;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
}

.toggle-handle {
    width: 24px;
    height: 24px;
    background-color: #D46D0E;
    background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%);
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 5px;
    transition: transform 0.3s;
	    box-shadow: 0px 0px 9px -2px #FF8A00
}
.toggle-switch.active {
    background-color: #545454; /* Change color when active */
}

.toggle-switch.active .toggle-handle {
    transform: translateX(16px); /* Move handle when active */
}

.second-section{
	background: linear-gradient(246deg, #FF8A00 -14.64%, #E14F02 95.99%);
	background: url(images/bg-seamless-full-cropped.jpg) no-repeat;
	/*min-height: 100vh;
	background-attachment: fixed;*/
    background-position: left bottom;
    background-size: cover;
}

.third-section{
/*background:#18191b ;*/	
}
.changecolor{
	/*background: linear-gradient(246deg, #FF8A00 -14.64%, #E14F02 95.99%); */
}

.black-text{
color:#18191B;	
}

.white-btn{
	background:#fff;
	color:#FF5B05;
	padding:10px 15px;
	border-radius:20px;
	text-decoration:none;
	font-size:16px;
	font-weight:700;

}
.col-seamless{
	flex: 0 0 auto;
	width: 640px;
}
.atb-slide-wrapper{
	/* padding-left: 58px; */
	/* margin: 0 -10px; */
}
.atb-slide-box{
	height: 100%  !important;
	width: 320px;
	padding: 20px;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, 0.00);
	background:  linear-gradient(133deg, rgba(255, 255, 255, 0.13) 7.67%, rgba(255, 255, 255, 0.32) 97.82%);
	/* min-height: 550px; */
}
.atb-slide .slick-list, .atb-slide .slick-track {
    overflow: visible;
    height: auto;
}
.atb-slide.slick-slider .slick-list{
	/* padding: 0 160px !Important; */
}
.atb-title{
	color: #18191B;
	font-weight: 700;
	line-height: 1.2;
	font-size:  calc( var(--fontsize) * 1.2);
	margin-bottom: 4px;
}

.atb-para{
	color:#18191B;	
	    font-size: calc(var(--fontsize)* 0.95);
		margin-bottom: 0;
		line-height: 1.4;
}
.atb-slide-box__top{
	/*height: 280px;*/
	/* height: 334px; */
	/* height: 180px; */
	height: 280px;
	padding-top: 0px;
	padding-bottom: 15px;
	
}
.atb-slide-box__top img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.atb-slide-box__bottom{
	padding-top: 15px;
}

.atb-slide .slick-track
{
    /* display: flex !important; */
	padding-right: 300px;
}
.atb-slide{
	overflow: hidden;
	/* padding-top: 50px; */
	padding-bottom: 40px;
	margin-bottom: 0 !important;
}
.atb-slide .slick-slide{
	height: inherit !important;
	margin: 0 10px;
	padding: 20px ;
	/* transition: all 2.3s ease; */
	/* transition: opacity 0.25s ease-out; */
	/* transform: scale(0.85) ; */
	/* opacity: .3; */
	/* transition: transform 0.3s, filter 0.3s; */
	/* transform: scale(0.85); */
	transform-origin: center center; /* Scale from the center */
	/* padding: 0 10px;  */
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center;   */
	 /* filter: blur(6px); */
}
.atb-slide .slick-slide.slick-active{
	/* margin: 0 10px; */
	/* padding: 0 ; */
	transform: scale(1.0) ;
	opacity: 1;
	filter: blur(0);
	transition: all 1.3s ease;
	
}

.atb-slide .slick-dots {
  display: flex;                
  justify-content: flex-start;  
  padding: 0 15px; 
  bottom: 0;
  /* margin: -30px 0;             */
}

.atb-slide .slick-dots li {
    margin: 0 0px;
    display: flex;
    justify-content: center;
    align-items: center;  
	width: 30px;
}

.atb-slide .slick-dots li button {
	width: 12px;                    /* Set default width */
	height: 12px;                   /* Set default height */
	border-radius: 50%;            /* Make dots circular */
	background: #B74712;               /* Default dot color */
	transition: all 0.3s;         /* Smooth transition for active state */
}
.atb-slide .slick-dots li:hover  button{
	background: #ffffff80;
}
.atb-slide .slick-dots li.slick-active button {
	width: 30px;
	background: #fff;
	border-radius: 30px; 
}

.atb-slide .slick-dots li.slick-active button:before{
	display:none;	
}

.atb-slide .slick-dots li button:before{
	display:none;		
}
.section-reward{
	background: #18191B;
}
.card-reward{
	border-radius: 15px;
	border-top: 0;
	width: 250px;
	height: 250px;
	    padding: 18px 24px 24px;
		    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%);
}
.card-reward h5{
	font-weight: 700;
}
.card-reward-top{
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 12px;
}
.card-reward-top img{
width: 100%;

}
.card-reward-bottom{
	padding: 15px 0;
	text-align: center;
}
.rewards-title{
	color:#FFF;	
	line-height: 1.2;
	
	font-weight: 500;
	margin-bottom: 0.5rem;
}
.rewards-para{
	color:#CCC;	
	font-size:14px;
	margin-bottom: 0.5rem;
}


.rewards-points{
    color: #FF5B05;
    font-weight: 700;
    margin-bottom: 0;
}


/* Slider container with padding to prevent overlap of larger center slide */
.rewards-slide {
  padding-top: 50px;               /* Adjust padding as needed */
  padding-bottom: 70px;            /* Extra space for dots at the bottom */
  overflow: hidden;  
}
.slick-dotted.slick-slider.rewards-slide{
	margin-bottom: 0; 
}

/* Adjust slick-list and slick-track to ensure full visibility */
.rewards-slide .slick-list,
.rewards-slide .slick-track {
	overflow: visible;              
	height: auto;                    
}

.rewards-slide .slick-list{
	//padding: 0 291px !important;
}
.slider-wrapper{
	max-width: 736px;
	margin-left: auto;
	margin-right: auto;
}
/* Styling for non-center slides */
.rewards-slide .slick-slide {
  transition: transform 0.3s, filter 0.3s;
  transform: scale(0.85);           /* Smaller size for non-center slides */
  filter: brightness(0.5);         /* Darken non-center slides */
  opacity: 0.7;                    /* Reduce opacity for non-center slides */
  transform-origin: center center; /* Scale from the center */
  margin: 0 5px; 
    display: flex;
    align-items: center;
    justify-content: center;  
}

/* Styling for the center slide */
.rewards-slide .slick-center {
  transform: scale(1.15);           /* Make the center slide larger */
  filter: brightness(1);           /* Brighten center slide */
  opacity: 1;          

}

/* Position dots at the bottom */


/********************/

.rewards-slide .slick-dots,
.slick-dots
 {
    display: flex;
    justify-content: center;
    padding: 15px 15px;
    bottom: -18px;
    text-align: center;
}

.rewards-slide .slick-dots li,
.slick-dots li
 {
    margin: 0 0px;
    display: flex;
    justify-content: center;
    align-items: center;  
	width: 30px;
}

.rewards-slide .slick-dots li button ,
.slick-dots li button
{
	width: 12px;                 
	height: 12px; 
	border-radius: 50%;
	background: #404247;
	transition: all 0.3s;
}
.rewards-slide .slick-dots li:hover  button,
.slick-dots li:hover  button
{
	background: #ffffff80;
}
.rewards-slide .slick-dots li.slick-active button,
.slick-dots li.slick-active button
 {
	width: 30px;
	background: #FF5B05;
	border-radius: 30px; 
}

.rewards-slide .slick-dots li.slick-active button:before,
.slick-dots li.slick-active button:before
{
	display:none;	
}

.rewards-slide .slick-dots li button:before,
.slick-dots li button:before
{
	display:none;		
}

.container-fluid-right {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    
    padding-left: calc(var(--bs-gutter-x)* 0.5);
	margin-left: auto;
	padding-right: 0;

    
}

.container-fluid-right .row{
        margin-right: 0;
}
.container-fluid-right .row > [class*=' col-']:last-child,
.container-fluid-right .row > [class^='col-']:last-child{
	padding-right: 0;
}

@media (min-width: 576px) {
    .container-fluid-right {
        max-width: calc( 100% - (100% - 540px) / 2 );
    }
}

@media (min-width: 768px) {
    .container-fluid-right {
        max-width: calc( 100% - (100% - 720px) / 2 );
    }
}

@media (min-width: 992px) {
    .container-fluid-right {
        max-width: calc( 100% - (100% - 960px) / 2 );
    }
}

@media (min-width: 1200px) {
    .container-fluid-right {
        max-width: calc( 100% - (100% - 1200px) / 2 );
    }
}

@media (min-width: 1400px) {
    .container-fluid-right {
        max-width: calc( 100% - (100% - 1320px) / 2 );
    }
}














.section-faith{
	background: #000;
}
.slider_faith{
	height:  calc(100vh - 80px);
	height: 760px;
	width: 100%;
}
.slider_faith__item{
	height: calc(100vh - 80px);
	height: 760px;
	width: 100%;
	position: relative;
	overflow: hidden;
	
}
.slider_faith__itemxx::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.slider_faith__item .bg__faith {
  top: 0%;
  left: 0%;
  -webkit-animation: kenburnsEffect 70s infinite;
          animation: kenburnsEffect 70s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes kenburnsEffect {
  0% {
    transform:  scale(1);
	transform-origin: center;
  }
  100% {
    transform: scale(1.35);
	transform-origin: center;
  }
}
.slider_faith__content{
	/*padding-top: 16%;*/
	padding-top: 240px;
}
.bg__faith{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img__faith{
	margin: 0 auto;
	max-width: 360px;
	object-fit: contain;
	max-height: 392px;
	height: 392px
}
.button-faith {	
	/*height:75px;
	height:50px;*/
	height:auto;
	/*padding: 14px 24px;*/
	padding: calc( var(--fontsize) * 0.8) calc( var(--fontsize) * 1.2);
	
	color: #fff;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	border-radius: 50px;
	border: 1px solid #FFF;
	background: rgba(156, 157, 158, 0.42);
	margin: 0 12px;
	display: flex;
    align-items: center;
    column-gap: 10px;
	transition: all .35s ease;
	position: relative;
}
.button-faith img{
	/* position: absolute; */
	/* right: 12px; */
	/* top: 12px; */
	
}
.accordion-item.borderfx2:before {
    height: calc(100% - 72px);  
}
.accordion-item.borderfx2:after {
    height: calc(100% - 72px);  
}
.slider_faith-nav .slick-active.slick-current .button-faith,
.button-faith:hover{
	color: #FF5B05;
	border: 1px solid #FF5B05;
	background: rgba(255, 91, 5, 0.24);
}
.slider_faith-nav .slick-track{
	display: flex;
	justify-content: center;
}
.slider_faith-nav.slick-initialized .slick-slide {
    float: none;
	width: auto !Important;
}

.section-security{
	/*background: url(<?php echo get_template_directory_uri(); ?>/images/bg-security-full.png) no-repeat;*/
	background: linear-gradient(0deg, rgba(253,202,233,1) 0%, rgba(255,205,183,1) 100%);
	background-size: cover;
	height:  calc(100vh - 0px); 
	height: 636px; 
	width: 100%;
	/*padding-top: 130px;*/
	position: relative;
}

.img-bg-security {
    position: absolute;
    left: -15%;
    top: 15%;
    z-index: 0;
    width: 42vw;
    animation: movingrandom 9s infinite linear;
    opacity: .7;
}
.img-bg-security2 {
position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 0;
    width: 26vw;
    animation: movingrandom2 7s infinite linear;
    opacity: 1;
}
@keyframes movingrandom {

   50% {
      /* transform: rotate(0.04deg) translate(-55px, -35px); */
      transform: skew(3deg, -10deg);
     
  }

}
@keyframes movingrandom2 {

   50% {
      /* transform: rotate(0.04deg) translate(-55px, -35px); */
      transform: skew(2deg, 10deg) ;
     
  }

}

section.bg-gray {
  background: #111;
}

.our-work {
  display: flex;
  align-items: center;
  background-color: #14192d;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.our-work:before {
  width: 50vw;
  height: 50vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  background: #e93f8e;
  border-radius: 760px;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
  opacity: 0.4;
  filter: blur(270px);
  content: "";
  pointer-events: none;
  will-change: transform;
}
.our-work h1 {
  background-image: linear-gradient(269deg, #bc2789 1.26%, #f85956 98.74%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  font-size: 3.3rem;
  line-height: 1.1;
}

.slider {
  display: flex;
  gap: 55px;
  align-items: center;
  position: relative;
}
@media (max-width: 640px) {
  .slider {
    padding-top: 1rem;
    flex-direction: column;
    gap: 16px;
  }
}

.carousel__slider {
  position: relative;
  width: 100%;
  min-height: 160px;
  min-height: unset;
}

.carousel__item {
    width: 100%;
    min-height: 160px;
    min-height: unset;
    padding: 0;
    color: #000;
    /* background: rgba(255, 255, 255, 0.1); */
    /* border: 0px solid rgba(255, 255, 255, 0.2); */
    border-radius: 16px;
    position: relative;
    top: 0%;
    opacity: 1;
    margin-bottom: 32px;
}
.carousel__item h6{
	font-size:  calc( var(--fontsize) * 1);
	font-weight: 700;
}
.carousel__nav {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-direction: column;
  display: none;
}
@media (max-width: 640px) {
  .carousel__nav {
    flex-direction: row;
  }
}
.carousel__nav__item {
  background: #424b58;
  box-shadow: none;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
}
.carousel__nav__item--active {
  background: red;
}
.quote {
    margin-top: 0px;
    overflow: hidden;
}

.button_container{
    width: 176px;
    margin: 0 auto;
    margin-top: 30px;
    padding-top: 40px;
}

.button_su{
  overflow: hidden;
  position: relative;
  display: inline-block;
  border-radius: 50px;
}

.su_button_circle{
  background-color: red;
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
  /*animation-timing-function: ease-in-out; */
}

.button_su_inner{
    display: inline-block;
    transition: 400ms;
    text-decoration: none;
    z-index: 100000;
    height: 50px;
    padding: 15px 24px;
    color: #FF5B05;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    border-radius: 50px;
    border: 1px solid transparent;
    background: #fff;
}
.button_su a:hover{
	color: inherit;
}

.button_text_container{
   position:relative;
   z-index: 10000;
}

.explode-circle {
   animation: explode 0.7s forwards;

}

.desplode-circle{
   animation: desplode 0.7s forwards;
}

@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(42, 53, 80,0.2);
  }
  100% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
	    background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%);
		border: 1px solid #FF5B05;
  }
}

@keyframes desplode {
  0% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
	    background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%);
		border: 1px solid #FF5B05;
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(129, 80, 108,0.6);
  }
}

.card-faith{
	display: flex;
    flex-direction: column;
	justify-content: space-between;
    width: 310px;
    height: 392px;
    /*min-height: 360px;*/
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%);
	font-size: 14px;
	color: #fff;
	position:relative;
}
.borderleftright{
	position:relative;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.card-faith:before,
.borderleftright:before{
    content: "";
    width: 1px;
    position: absolute;
    left: -1px;
    height: calc(100% - 68px);
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(27,27,27,0) 100%);
    opacity: .7;
}
.card-faith:after,
.borderleftright:after{
    content: "";
    width: 1px;
    position: absolute;
    right: -1px;
    height: calc(100% - 68px);
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(27,27,27,0) 100%);
    opacity: .7;
}
.card-faith__header{
	padding: 15px 15px 0;
}
.card-faith__body{
	padding: 15px 15px;
}
.card-faith__footer{
	padding: 15px 15px;
    font-size: 14px;
    font-weight: 500;
}
.card-faith__footer a{
	position: relative;
}
.card-faith__footer a:hover{
	color: #FF5B05;
}
.card-faith__footer a:after{
	content: '';
    transition: all .25s ease;
    width: 0%;
    height: 1px;
    background: #FF5B05;
    position: absolute;
    bottom: -2px;
    left: 0%;
}
.card-faith__footer a:hover:after{
    width: 100%;
}
.card-faith h5{
    font-size: 17px;
    font-weight: 500;
	margin-bottom: 0;
}
.card-faith__header .border__bottom{
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 15px;
}
.list-events{
    list-style: none;
    padding-left: 0;
	margin-bottom: 0
}
.event-info{
	    color: rgb(158 178 182);
    font-size: 12px;
    font-weight: 400;
	margin-bottom: 0
}
.list-events h6{
    margin-bottom: 2px;
	    font-size: 14px;
}
.list-events-item{
position: relative;
    padding-left: 13px;
    margin-bottom: 15px;
    min-height: 36px;
    align-items: center;
}
.list-events li:last-child .list-events-item{
    margin-bottom: 0
}
.list-events-item:before{
	content: '';
    height: 95%;
    width: 2px;
    border-radius: 20px;
    background: #FF5B05;
    position: absolute;
    left: 0;
}
.section-pidm{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
}
.img-pidm {
    transform: translate(-7px, -2px);
}
section {
	display: block;
	align-items: center;
	justify-content: center;
	position: relative;
   
}
/********************************************/
.navbar {
    padding: 0 20px;
	/*font-family: "Poppins", sans-serif;*/
	
	 transition: height 0.3s ease;
}
.navbar-brand img {
	height: 45px;
	width: auto;
}
.navbar.scrolled {
	transition: height 0.3s ease;
	background: rgba(24, 25, 27, 0.62);
    backdrop-filter: blur(16px);
}
.navbarmain .navbar-nav .nav-link,
.navbarmain .navbar-nav .menu-item a {
    line-height: 1;    
    font-weight: 500;
	font-size: calc( var(--fontsize) * 0.9);
    padding: 30px 3px;
	margin: 0 15px;
	transition: all .3s;
	position: relative;
	color:#fff;
	text-decoration:none;
	display:inline-block;
}
.navbarmain .navbar-nav .menu-item a.dropdown-item{
	margin: 0 0px;
}
.navbarmain .navbar-nav .menu-item a.dropdown-item.active{
	color: #FF5B05;
	background: transparent;
}
.navbarmain .navbar-nav .dropdown-menu .menu-item a {
	padding: 8px 3px;
}
.navbarmain .navbar-nav .nav-link.dropdown-toggle{
	    margin-right: 3px;
	    padding-right: 3px;
}
.navbarmain .navbar-nav .nav-link.dropdown-toggle.show,
.navbarmain .navbar-nav .current-menu-parent .nav-link{
	color: #FF5B05;
}
.navbarmain .navbar-nav .current-menu-parent .nav-link.has-dropdown-arrow::before{
	    border-color: #FF5B05
}
.navbar-nav .has-dropdown-arrow {
position: relative;
padding-right: 2rem !important;
}

/* Hide Bootstrap default caret */
.navbar-nav .has-dropdown-arrow::after {
display: none;
}

/* Custom CSS Arrow */
.navbar-nav .has-dropdown-arrow::before {
content: "";
position: absolute;
right: 0.5rem;
top: 38%;
/* transform: translateY(-50%); */
/* width: 0; */
/* height: 0; */
/* border-left: 5px solid transparent; */
/* border-right: 5px solid transparent; */
/* border-top: 5px solid #6c757d; */
transition: all 0.3s ease;
border: solid #ffffff;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 4.5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.navbar-nav .has-dropdown-arrow.show::before {
border-color: #FF5B05;
}

/* Arrow color on hover */
.navbar-nav .has-dropdown-arrow:hover::before {
/* border-top-color: #0d6efd;  */
}

/* Arrow color when active/current page */
.navbar-nav .has-dropdown-arrow.active::before {
border-top-color: #0d6efd; 
}

/* Rotate arrow when dropdown is open */
.navbar-nav .dropdown.show .has-dropdown-arrow::before {
transform: translateY(-50%) rotate(180deg);
border-top-color: #0d6efd; /* Open dropdown arrow color */
}

/* Dark navbar variant */
.navbar-dark .navbar-nav .has-dropdown-arrow::before {
border-top-color: rgba(255, 255, 255, 0.7); /* Dark navbar arrow */
}

.navbar-dark .navbar-nav .has-dropdown-arrow:hover::before,
.navbar-dark .navbar-nav .dropdown.show .has-dropdown-arrow::before {
border-top-color: #ffffff; /* Dark navbar hover/open arrow */
}


.navbarmain .navbar-nav .nav-link:hover,
.navbarmain .navbar-nav .menu-item a:hover
{
	color: #FF5B05;
}
.navbar-nav .dropdown-item:active{
	background-color: transparent;
}
.navbarmain.navbar.scrolled .nav-link{
    padding: 25px 3px;
}
.navbarmain.navbar.scrolled .navbar-nav .nav-link.dropdown-toggle{
	    margin-right: 3px;
	    padding-right: 3px;
}
.navbarmain.navbar .nav-link:before{
	/* content: ''; */
	/* position: absolute; */
	/* width: 0%; */
	/* height: 1px; */
	/* bottom: 18%; */
	/* left: 0; */
	/* background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%); */
}
.nav-item.current-page a.nav-link:before{
	width: 100%;
}
.dropdown-icon {
    margin-left: 8px;
	    display: inline-block;
}
.dropdown-menu {
  animation: 0.5s slideup;
}

@keyframes slideup {
  from {
	  opacity: 0;
	 
    transform: scale(0) translateY(10%);
  }

  to {
	  opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.top-menu  .dropdown-menu[data-bs-popper] {
    top: 90%;
}

.borderfx2:before{
    content: "";
    width: 1px;
    position: absolute;
    left: -1px;
    height: calc(100% - 68px);
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(27,27,27,0) 100%);
    opacity: .7;
}

.borderfx2 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%);
}

.borderfx2:after{
    content: "";
    width: 1px;
    position: absolute;
    right: -1px;
    height: calc(100% - 68px);
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(27,27,27,0) 100%);
    opacity: .7;
}
		
.borderfx {
	border-radius: 24px;
	border: 1px solid var(--Glass---Card-Border, rgba(255, 255, 255, 0.18));
	background: var(--Glass---Cards, linear-gradient(111deg, rgba(105, 110, 117, 0.15) 16.9%, rgba(27, 29, 33, 0.15) 96.92%));
}
.lp-btn_cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 1.2rem;
    padding: 0 calc( var(--fontsize) * 1.2);
    height: 50px;
    height: calc( var(--fontsize) * 2.8);
    overflow: hidden;
    color: currentColor;
    border-radius: 10rem;
    background: currentColor;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    font-weight: 500;
    border: 0px solid #fff;
}
.lp-btn_cta-ripple {
    display: block;
    position: absolute;
    top: -.2px;
    left: -.2px;
    right: -.2px;
    bottom: -.2px;
    z-index: 1;
    border-radius: inherit;
}
.lp-btn_cta-ripple span {
	display: block;
    width: 100%;
    height: 100%;
    transform: translateY(101%);
    background: #171768;
    background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%);
    border-radius: 50% 50% 0 0;
    transition: transform .5s cubic-bezier(.4,0,0,1), border-radius .5s cubic-bezier(.4,0,0,1);
}
.lp-btn_cta-title {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.lp-btn_cta-title span {
    display: block;
    transition: transform .8s cubic-bezier(.16,1,.3,1);
}
.lp-btn_cta-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 120%;
    left: 0;
    color: #fff;
}
.lp-btn_cta:hover .lp-btn_cta-ripple span {
	border-radius: 0;
	transform: translateY(0);
	transition-duration: .5s, .9s;
}
.lp-btn_cta:hover .lp-btn_cta-title span {
        transform: translateY(-120%);
}
.lp-btn_cta.-tertiary {
    color: #FF5B05;
    background: #fff;
}
.lp-btn_cta.-orange {
    color: #fff;
	background: #FF8A00;
    background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%);
}
.lp-btn_cta.-orange .lp-btn_cta-ripple span {
    background: #e34e00;
}
.orangelight{
border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 91, 5, 0.32) 0%, rgba(244, 158, 124, 0.00) 100%);
    filter: blur(50px);
    position: absolute;
    z-index: -1;
    width: 80vw;
    height: 80vw;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
	
	
}

.orangelighthome{
	border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 91, 5, 0.32) 0%, rgba(244, 158, 124, 0.00) 100%);
    filter: blur(50px);
    position: fixed;
    z-index: -1;
    width: 80vw;
    height: 80vw;
    /* top: -8%; */
    /* top: -80%; */
    top: -60%;
	
    left: 50%;
    transform: translateX(-50%);
	
	
}
#box1, #box2, #box3 {
	opacity: 1;
	transform: translateY(50px);
	transform: translateY(0px);
	width: 100%;
	    position: relative;
}

.section-choose{

}
.row-choose{
	/*margin-bottom: 32px;*/
	margin-bottom: 0px;
}
.whychooseuscontainer {
	height:calc(100vh - 210px);
}
.left-column {
	height: 100%;
	border-radius:20px;
}
.right-column {
	border-radius:20px;
}
.row-half {
	height: 50%;
}
	
.boxanimation{
	padding: calc( var(--fontsize) * 2.1);
	padding: calc( var(--fontsize) * 1.8);
	border-radius: calc( var(--fontsize) * 1.2);
}
#box1 img{
	width: 390px;
	width: 290px;
}
.row-half img{
	width: 200px;
	width: 180px;
	height : auto;
    margin-top: -32px;
}
	.section-main{

	}
.div_welcome{
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 15vw 0 0vw;
    height: 100vh;
    height: 636px; */
    align-items: center;
	padding-top: 167px
}
.cardcontainer {
    margin-top: -322px;
    margin-top: -160px;
    margin-top: 0px;
	    padding-bottom: 80px;
	    padding-top: 60px;
}
.card-atlas__wrapper{
	/*width: 331px;
	height: 525px;*/
	/* width: 668px; */
	/* height: 442px; */
	/* border-radius: 32px; */
	width: 503px;
	height: 318px;
	border-radius: 22px;
	overflow: hidden;
	margin: auto;
	text-align: center;
	position: relative;
	opacity: 0;
	/*transform: rotate(9.83deg);*/
	box-shadow: 0px 4px 60px 0px rgba(255, 91, 5, 0.50);
}
.card-atlas{
    height: 70vh;
	/*width: 331px;
	height: 525px;*/
	/* width: 668px; */
    /* height: 442px; */
	/*box-shadow: 0px 0px 10px 10px rgb(255 91 5 / 45%);
    border-radius: 2.5vw;*/
	width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Shine */
.card-atlas__wrapper:after {
	content:'';
	top:0;
	transform: translateX(100%);
	width:100%;
	height:100%;
	position: absolute;
	z-index:1;
	opacity: .7;

	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
.card-atlas__wrapper.active {
	/*box-shadow: 0 0 16px -10px #ffffff;
	box-shadow: 0px 4px 60px 0px rgba(255, 91, 5, 0.50);*/
}
.card-atlas__wrapper.active:after {
	animation: shine 2s ;
	box-shadow: 0 0 16px -10px #ffffff;
}
/* animation */

@keyframes shine {
	0% {transform:translateX(-200%);}
	100% {transform:translateX(200%);}
}

.bg-cards{
	position: fixed;
    left: 0%;
    top: 0%;
    z-index: 0;
    width: 100vw;
	height: auto;
    animation: movingrcards 90s infinite linear;
    opacity: .7;
}
.bg-cards-mobile{
	display: none;
	position: fixed;
    left: 0%;
    top: 0%;
    z-index: 0;
    width: 100vw;
	height: auto;
    animation: movingrcards 150s infinite linear;
    opacity: .7;
}
@keyframes movingrcards {

   50% {
      transform: translate(0, -1005px); 
     
  }

}
.section .icon-b1 {
    width: auto;
    margin-bottom: 15px;
}
.section .icon-b2 {
    width: 150px;
    margin: auto;
    position: absolute;
    right: 76px;
    bottom: 100px;
}
.section  .icon-b3 {
    width: 156px;
    margin: auto;
    position: absolute;
    right: 67px;
    bottom: 99px;
}

/* Simplified Banking */


.simplifiedbanking {
	background:#18191b;
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
    background-image: url('images/chverondown.svg');
	background-position: center;
}

.qrbox {
	max-width:580px;
	margin:auto;
	border-radius: 16px;
	border: 1px solid rgb(255 255 255 / 20%);
    border-top: 0;
    background: linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%);
	margin-top:30px;
	margin-bottom:100px;
}

.bg-simplifiedbanking {
	position:absolute;
	top:300px;
	left:0;
}

.simplifiedbanking h2 {
}

#accordionFAQ {
	color:#fff;
}

#accordionFAQ .accordion-item {
	border-radius: 16px;
    border: 1px solid var(--Glass---Card-Border, rgba(255, 255, 255, 0.18));
    background: var(--Glass---Cards, linear-gradient(111deg, rgba(105, 110, 117, 0.15) 16.9%, rgba(27, 29, 33, 0.15) 96.92%));
    margin-bottom: 17px;
    color: #fff;
    border: 1px solid rgb(255 255 255 / 20%);
    border-top: 0;
    background: linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%);
}

#accordionFAQ .accordion-button, #accordionFAQ .accordion-button:not(.collapsed) {
	background-color:transparent;
}

#accordionFAQ .accordion-button {
	font-size: calc( var(--fontsize) * 1);
	font-weight: 600;
	padding: 24px;
	color:#fff;
	box-shadow:none;
    column-gap: 10px;
}

#accordionFAQ .accordion-body {
	font-size: calc( var(--fontsize) * 0.9);
	padding-top:0;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 5px;
}
#accordionFAQ .accordion-body a{
	color: #FF5B05;
}
#accordionFAQ .accordion-body  strong ,
#accordionFAQ .accordion-body  b 
{
    font-weight: 700;
}
#accordionFAQ .accordion-body ol,
#accordionFAQ .accordion-body ul{
	padding-left: 17px;
}
#accordionFAQ .accordion-body ol ul {
    list-style: disc;
	padding-top: 5px;
    padding-bottom: 5px;
}
#accordionFAQ .accordion-body ol ol {
	padding-top: 5px;
    padding-bottom: 5px;
}
#accordionFAQ .accordion-body ol {
    counter-reset: item;
}

#accordionFAQ .accordion-body ol > li {
    counter-increment: item;
}

#accordionFAQ .accordion-body ol ol > li {
    display: block;
}

#accordionFAQ .accordion-body ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
}
#accordionFAQ .accordion-body li{
	margin-bottom: .5rem;
}
#accordionFAQ .accordion-body li:last-child{
	margin-bottom: 0;
}
.downloadappwrapper{
	display: flex;
	justify-content: center;
	column-gap: 15px;
	row-gap: 15px;
	flex-wrap: wrap;
}

.table-normal td {
    padding: 18px 22px;
    border-right-width: 1px;
    background: #18191B ;
	background: #00000030;
    border-color: #444;
    color: #fff;
}
#accordionFAQ  .table-normal td {
    padding: 10px 10px;
}
#accordionFAQ  .table-normal td ul{
	margin-top: -10px;
	margin-bottom: 0px;
}
.table-normal thead > tr > td {
	background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%) !important;
    color: #fff;
    text-align: center;
	font-weight: 600;
	border-color: #ffffff66;
	border-bottom-color: #444;
}
.table-normal.nothead thead > tr > td {
    background: linear-gradient(to bottom, #FF8A00 0%, #FF5B05 100%);
    color: #313131;
    text-align: left;
	vertical-align: top !important;
}
/*.table-normal thead > tr > td:first-child,
.table-normal thead > tr > th:first-child,
.table-normal tr > th:first-child
 {
    border-top-left-radius: 25px;
	    vertical-align: middle;
}*/
.table-normal thead > tr:first-child > td:first-child,
.table-normal thead > tr:first-child > th:first-child,
.table-normal tr:first-child > th:first-child
 {
    border-top-left-radius: 15px;
	    vertical-align: middle;
}
.table-normal  thead > tr:first-child > td:last-child,
.table-normal  thead > tr:first-child > th:last-child,
.table-normal  tr:first-child > th:last-child
 {
    border-top-right-radius: 15px;
	    vertical-align: middle;
		border-right: 0;

}
.table-normal thead:first-child td{
	vertical-align: middle;
}
.table-normal tbody tr > td:last-child{
	border-right: 0;
}
.table-normal tbody tr:last-child > td{
	border-bottom: 0;
}
.table-normal tbody tr:last-child > td:first-child{
	border-bottom-left-radius: 15px;
}
.table-normal tbody tr:last-child > td:last-child{
	border-bottom-right-radius: 15px;
}
.td-borderradius-bottom-left,
.border-bottom-left-radius
{
	border-bottom-left-radius: 15px !important;
}
.td-borderradius-bottom-right,
.border-bottom-right-radius
{
	border-bottom-right-radius: 15px !important;
}
.td-borderradius-none,
.border-radius-none
{
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.text-small {
	font-size: calc( var(--fontsize) * 0.6);
}
/* START footer */

footer {
	color:#fff;
	font-size: calc( var(--fontsize) * 0.9);
	background:#222428;
}

footer a {
	color:#A1A8B2;
	text-decoration:none;
	line-height: 160%;
	    display: inline-block;
}
.text-orange a,
.menu-help a{
	color: #FF5B05;
}
.post-edit-link{
    position: absolute !Important;
    top: -36px;
    font-size: 10px;
}

footer a:hover {
	color:#fff;
	text-decoration:none;
}

footer .quicklinks ul {
	padding-left:0;
	list-style-type:none;
}

footer .quicklinks ul li {
margin-bottom:10px;
}

footer .line, .line{
	border-bottom:1px solid #7E848C;
}
.footermenu {
	background:#393939;
	border-radius:50px;
	padding:12px;
	
}

.footermenu ul,
.menucopyright ul
 {
	padding-left:0;
	font-size: calc( var(--fontsize) * 0.7);
	margin-bottom:0;
}

.footermenu ul li ,
.menucopyright ul li 
{
	display:inline-block;
	padding: 0 10px;
	border-right: 1px solid #C4CDD9;
}
.menucopyright ul li:first-child{
	padding-left: 0;
}
.footermenu ul li a,
.menucopyright ul li a {
	display:block;
	color:#C4CDD9;
	line-height:inherit;
	transition: all .25s;
}
.footermenu ul li a:hover{
	color: #fff;
}
.footermenu ul li:last-child, 
.menucopyright ul li:last-child, 
.footermenu ul li:last-child a 
{
	border-right:0
}
.copyright{	
	font-size: 14px;
	font-size: calc( var(--fontsize) * 0.6);
}
.btn-whatsapp {
	background: #25D366;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 8px;
    display: inline-flex !important;
    color: white;
    align-items: center;
    column-gap: 5px;
    font-size: 16px;
	transition: all .2s;
}
.btn-whatsapp:hover {
    background: #199c4a;
	
}
.socialicon {
margin-right:5px;
}
#aboutatlas.wrapper {
	background-image: url('/images/milestonebg1.png'), url('/images/milestonebg2.png'), url('/images/milestonebg3.png');
	background-position: left 100px, top right, right -600px top 900px;
	background-size: auto, auto, auto;
	background-repeat: no-repeat, no-repeat;
}
#milestones {
	/* background: -webkit-linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%); */
	/* background: -moz-linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%); */
	/* background: -o-linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%); */
	/* background: -ms-linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%); */
	/* background: linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%); */
}
.milestone-card {
	padding:20px;
	border:1px solid rgb(219 219 219 / 50%);
	border-radius:16px;
	background:#151617;
	position:relative;
	line-height: normal;
	/* font-size: calc( var(--fontsize) * 0.9); */
	font-size: 14px;
	    border: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%);
}
.advancinggrowthcontent{
	border-radius:24px;
}
.advancinggrowthimg {
	aspect-ratio: 1 / 1;
	position:relative
}
.advancinggrowthimg img {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	object-fit:cover;
	object-position:top center;
	border-radius:16px;
}
.milestone-icon img {
	height: 40px;
	width:auto;
}
.milestonerow hr {
	position:absolute;top:50%;left:30px;transform:translateY(-50%);z-index:-1;width:calc(100% - 60px);
	border-top: 1.5px dashed;
	color:#FF8A00;
	opacity: 1;
}
#ourcommitment {
	background:url('/images/orangeradial.png');
	background-repeat:no-repeat;
	background-position:top center
}

.timeline{
	position:relative;
	padding: 0 20px;
}
.timeline-top{
	    position: absolute;
    border-top: 2px dashed #FF8A00;
    border-right: 2px dashed #FF8A00;
    border-bottom: 2px dashed #FF8A00;
    width: 32px;
    height: 115px;
    z-index: 0;
    top: 25%;
    right: 0;
    border-radius: 0 18px 18px 0;
}
.timeline-center{
	position: absolute;
	border-top: 2px dashed #FF8A00;
	width: calc(100% - 64px);
	height: 2px;
	z-index: 0;
	top: calc(50% - 5px);
	right: 32px;
}
.timeline-bottom{
    position: absolute;
    border-left: 2px dashed #FF8A00;
    border-bottom: 2px dashed #FF8A00;
    border-top: 2px dashed #FF8A00;
    width: 36px;
    height: 123px;
    z-index: 0;
    top: calc(50% + -5px);
    left: 0;
    border-radius: 18px 0 0 18px;
}
.milestoneslider .milestone-card {
	margin-bottom:18px;
}
.milestoneslider .slick-dots {
	bottom:-50px;
}
.milestone-card:after {
content: "";
    position: absolute;
    width: 48px;
    height: 1px;
    border-top: 2px dashed #FF8A00;
    right: -49px;
    top: 50%;
}
.col-xxl-3:nth-child(4) .milestone-card:after, 
.col-xxl-3:last-child .milestone-card:after,
.col-lg-3:nth-child(4) .milestone-card:after,
.col-lg-3:last-child .milestone-card:after
 {
    display:none;
}
@media (max-width:21399.98px) {
.col-xxl-3:nth-child(3) .milestone-card:after, .col-xxl-3:nth-child(6) .milestone-card:after  {
    display:none;
}
.col-xxl-3:nth-child(4) .milestone-card:after {
    display:block;
}
}
@media (max-width:1199.98px) {
	.col-xxl-3 .milestone-card:after {
	display:none!important;
	}
}
@media (max-width:767.98px) {
	.milestone-card:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 25px;
        border-left: 2px dashed #FF8A00;
		border-top:0;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        bottom: -25px;
        top: auto;
    }

.milestone-card:nth-child(4n):after {
	display:none!important;
}
#faq .dropdown-item.active {
    color: #FF5B05;
	background: none;
}

}


.section-ourcommitment{
	background: linear-gradient(246deg, #FF8A00 -14.64%, #E14F02 95.99%);
}
.img-pictures{
	width: 100%;
}
.section-main-inside{
	min-height: calc( 448px + 80px);
}
.topgap{
	height: 107px;
	width: 100%;
}
.section-main-inside{
	/*background: url(/images/bg-main-inside.jpg) no-repeat;
	    background-position: center center;
	    background-size: 1366px;*/
}

/* END footer */

.section-main-features{
	/* height: 39.531vw; */
	height: 42vw;
	height: 640px;
	padding-left: 6.223vw;
	padding-right: 6.223vw;
	padding-top: 107px;
	background: url(/images/islamic-bg2.jpg) no-repeat;
	    background-size: cover;
}
.section-main-features{
		background-position-y: bottom;
}
.hero{
	width: 42.753vw;
	width: 36.753vw;
	width: 450px;
	max-width: 584px;
}
.img-banner-wrapper {
	position: absolute;
    right: 0;
    width: 44vw;
    width: 300px;
    /* width: 22vw; */
    bottom: 0;
    top: auto;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: flex-end;
	align-items: flex-end;
	 /* bottom: 50px; */
	 bottom: 0;
}
.imgbannerwrapper{
	justify-content: flex-end;
}
.imgbannerwrapper img{
    max-height: 100%;
    object-fit: contain;
    height: 520px;
    object-position: bottom;
    width: auto;
}

.img-banner{
        /* width: 22vw; */
    transform: translateY(0);
	  /* width: 36.5vw; */
    transform: translateY(0);
    max-height: 90%;
    object-fit: contain;
}
.wrapper-reward{
	width: 790px;
	margin: 0 auto;
}
.row-reward{
	padding: 20px 0 60px;
	max-width: 750px;
	margin: 0 auto;
}
.verticalslidecontainer {
    background: rgb(255, 138, 0);
    background: -moz-linear-gradient(180deg, rgba(255, 138, 0, 1) 13%, rgba(255, 91, 5, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 138, 0, 1) 13%, rgba(255, 91, 5, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 138, 0, 1) 13%, rgba(255, 91, 5, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8a00",endColorstr="#ff5b05",GradientType=1);
    padding: 40px 0;
}
.verticalslidecontainer img{
	max-width: 360px;
	height: auto;
    animation: movingicons 9s infinite linear;
}

@keyframes movingicons {

   50% {
      transform: translate(0, -20px); 
     
  }

}
.page-lifestyle-rewards .img-banner {
    /* width: 43vw; */
    transform: translateY(0);
	max-height: 90%;
    object-fit: contain;
}
.page-banking .img-banner {
    /* width: 36.5vw; */
    transform: translateY(0);
    max-height: 90%;
    object-fit: contain;
}
.page-banking .img-banner-wrapper {
	 justify-content: center;
	 bottom: 50px;
}
.page-banking .section-main-features{
	background: url(images/bg-banking.jpg) no-repeat;
	    background-size: cover;
}
.productcta {
	background:#FF5B05;
	display:block;
	border-radius:16px;
	padding:20px;
	text-decoration:none;
	text-align:center;
	color:#000;
	font-weight:600;
	transition:0.3s ease-in-out;
	/* margin-bottom:23px; */
	font-size: 16px;
}
.productcta i {
	margin-left:7px;
	-webkit-text-stroke: 0.3px;
}
.productcta:hover {
	background:white;
	color:#FF5B05;
	transition:0.3s ease-in-out;
}
.simplepagewrapper h3, .h3{
	font-weight: 700;
}
.img-brushstroke{
	position: absolute;
	width: 100%;
	top: 0;
}
.bg-about .img-brushstroke{
	opacity: 0.3;
}
.bg-about{
	background: url(images/vector4.svg) repeat;
	background-size: contain;
}
   .section-vision{
	   background: #232323;
   }