@media screen and (min-width: 768.5px) and (max-width: 3000px) {
/* body{ */
	/* font-size: 20px;	 */
/* } */
/* .section h1, */
/* .section h2 { */
    /* font-size: 52px; */
    /* font-size: 2.6em; */
/* } */
/* .section-title.larger{ */
	/* font-size: 92px; */
	/* font-size: 4.6em; */
/* } */
/* .section h3 { */
    /* font-size: 32px; */
    /* font-size: 1.6em; */
/* } */
/* .atb-title, */
/* .section-subtitle, */
/* .atb-para, */
/* .navbar-nav .nav-link, */
/* .top-menu .dropdown-item, */
/* .section h4, */
/* .carousel__item h6 { */
    /* font-size: 20px; */
	/* font-size: 1em;	 */
/* } */
/* .carousel__item{ */
	/* font-size: 18px; */
	/* font-size: 1em */
/* } */

}
@media screen and (max-width: 1365px) {
:root {
  --fontsize: 16px;
  
}
body{
	font-size: var(--fontsize); 
}
	/*
body{
	overflow-x: hidden;
	font-size: 20px;
	
}
.section h1,
.section h2 {
    font-size: 52px;
    font-size: 3.25em;
    font-weight: 700;
}
.section-title.larger{
	font-size: 90px;
	font-size: 5.625em;
}
.section h3 {
    font-size: 32px;
    font-size: 2em;
}
.atb-title,
.section-subtitle,
.atb-para,
.navbar-nav .nav-link,
.top-menu .dropdown-item,
.section h4,
.carousel__item h6 {
    font-size: 20px;
	font-size: 1.25em;	
}
.carousel__item{
	font-size: 18px;
	font-size: 1.125em
}
*/
}
@media screen and (min-width: 1601px) {
:root {
  --fontsize: 18px;
  
}
body{
	font-size: var(--fontsize); 
}

}


@media screen and (min-width: 769px) {
a.fancy,
.footermenu ul li a,
article a,
.menucopyright ul li a,
footer a:not(.notfancy) {
    position: relative;
    background-image: linear-gradient(transparent,transparent),linear-gradient(rgba(237,237,237,.7),rgba(237,237,237,.7));
    background-size: 100% .1rem,0 .1rem;
    background-position: 0 100%,100% 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    transition: color ease-out .55s,background-size ease-out .55s
}

a.fancy:hover,
.footermenu ul li a:hover,
article a:hover,
.menucopyright ul li a:hover,
footer a:not(.notfancy):hover
 {
    background-size: 0 .1rem,100% .1rem;
    background-position: 100% 100%,0 100%
}

article a{
	color: #FF5B05 !Important;
	font-weight: 500;
}
article a:hover{
	color: #fff !Important;
	font-weight: 500;
}
.atb-slide .slick-track {
    display: flex ;
}
}
/* END */



@media screen and (max-width: 1023.5px) {
:root {
  --fontsize: 16px;
  
}
body{
	font-size: var(--fontsize); 
}

.container,
.container-fluid,
.container-fluid-right {
    padding-left: 25px;
    padding-right: 25px;
	width: 100%;
	max-width: 100%;
}
.mobilefullwidth{
	margin-left: -25px;
	margin-right: -25px;
}
.topintro {
    padding: 0 40px;
}
.section h1,h1 {
    font-size: 32px;
}
.section h2,h2 {
    font-size: 32px;
}
.section h3 {
    font-size: 18px;
}
.simplepagewrapper h3{
	 font-size: 28px;
}
.topgap {
    height: 80px;
    width: 100%;
}
.section-title.larger {
    font-size: 42px;
}
.section-subtitle {
    font-size: 16px;
}
.section-padding{
		padding-top: 42px;
		padding-bottom: 42px;
}
.second-section{
	background: linear-gradient(246deg, #FF8A00 -14.64%, #E14F02 95.99%);
}
.navbar {
    height: 80px;
    backdrop-filter: blur(16px);
	padding: 0 0;
}
.navbar.scrolled {
    height: 60px;
}
.navbar-brand img{
    height: 40px;
    width: auto;
}
.navbar-collapse.mobile-menu {
	position: fixed;
	top: 0;
	background: #18191B;
	width: 100%;
	left: 0px;	
	z-index: 1029;
	background: #18191B url(../images/bg-menu.png) no-repeat;
	
	background-position: center top;
	
}


.navbar-collapse-wrapper{
	height: 100vh;
	transition: all .5s ease-in;
	position: relative;
}
.navbar-collapse-wrapper:before{
	content: '';
	background: #18191B url(../images/bg-menu2.png) no-repeat;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	bottom: 0;
	background-position: left bottom 20px;
	opacity: 1;
	
}
.bg-menu-bottom{
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
}
.navbar-collapse-wrapper{
	padding-top: 80px;
	padding-bottom: 60px;
}
.navbar-nav .nav-link {
    padding: 20px 20px;
}
.accordion-collapse{
	position: relative;
}
.menu-item{
}
/*
.menu-item{
	padding: 0px 0;
	line-height: 1;
	border-bottom: 0px solid transparent;
	position: relative;
}


.menu-item:after{
	content: '';
	position: absolute;
	width: calc(100% - 48px);
	left: 24px;
	bottom: 0;
	height: 1px;
	border-bottom: 1px solid #7E848C;
}
.menu-item.opened:after{
	border-bottom: 0px solid #7E848C;
}
*/
.menu-button i{
	transition: all .25s;
	display: inline-block;
	margin-right: 10px;
	transform: translateY(1px);
}
.menu-button[aria-expanded="true"] i{
	transform: translateY(1px) rotateX(180deg);
}
.menu-button[aria-expanded="true"]{
	font-weight: 700;
}
.mobile li,
.menu-button{
	color: #fff;
	text-decoration: none;
	padding: 0;
	text-align: left;
	display: block;
	justify-content: space-between;
	width: 100%;
	/* padding: 10px 24px 18px; */
	padding: 0px 0px 0px;
	position: relative;
}
.navbar-nav .has-dropdown-arrow::before {
    right: 1.5rem;
}
.mobile li.dropdown {
	display: block;
}
.mobile.navbar-nav .dropdown-menu {
	position: relative !important;
	width: 100%;
	position: relative !important;
	transform: none !important;
	/* background: #18191B; */
	background: #121213;
	max-height: 0;
	transition: max-height 0.15s ease-out !important;
	overflow: hidden;
	padding: 0;
	border: 0;
	display: block;	
	border-radius: 0;
   
}
.mobile.navbar-nav .dropdown-menu.show{
	position: relative !important;
	transform: none !important;
	max-height: 500px;
	transition: max-height 0.25s ease-in !important;
	overflow: hidden;
	padding: 0;
	border: 0;
}

.mobile.navbar-nav .menu-item a.dropdown-item{
}
.mobile.navbar-nav .menu-item a.dropdown-item.active{
	color: #FF5B05;
	background: transparent;
}
.mobile li a{
	text-decoration: none;
	color: #fff;
	        padding: 20px 19px;

}
.menu-body{
	padding: 0px 90px 0 24px;
	background: linear-gradient(180deg, #FF8A00 12.5%, #FF5B05 100%);
}
.accordion-header {
    margin-bottom: 0;
   
}
.collapse-menu{
		list-style: none;
		padding: 0;
		margin-bottom: 0;
}
.collapse-menu li{
	padding: 15px 0;
        line-height: normal;
        border-bottom: 1px solid rgb(255 255 255 / 50%);
}
.collapse-menu li:last-child{

        border-bottom: 0px solid #fff;
}

.menutoggler{
	border-radius: 30px;
	background: rgba(0, 0, 0, 0.60);
	padding-left: 10px;
	padding-right: 2px;
	display: flex;
	width: 134px;
	height: 35px;
	justify-content: space-between;
	align-items: center;
	gap: 0px;
	/* flex-shrink: 0; */
}
/*
.toggle-switch {
    width: 45px;
    height: 26px;
}
.toggle-handle {
    width: 18px;
    height: 18px;
    top: 4px;
    left: 6px;
}
*/
.toggle-img img{
	width: 24px;
}
.toggle-text {
    margin-right: 5px;
	margin-top: 2px;
}
.menutoggler button {
-webkit-appearance: none;
        border: 0;
        background: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
        width: 24px;
        height: 24px;
        overflow: hidden;
	
}
.toggle-img{
	display: flex;
	column-gap: 1px;
	transition: all .3s;
}

.button-toggler[aria-expanded="false"] .toggle-img{
	transform: translateX(0px);
}
.button-toggler[aria-expanded="true"] .toggle-img{
	transform: translateX(-24px);
}


  /* Menu Button 5 */
.togglemenu {
	/* height: 18px; */
	/* width: 40px; */
	/* width: 22px; */
	/* cursor: pointer; */
	/* position: fixed; */
	/* right: 35px; */
	/* top: 61px; */
	/* z-index: 100; */
	height: 45px;
	width: 40px;
	width: 45px;
	cursor: pointer;
	/* transform: scale(0.6); */
	position: absolute;
	right: 22px;
	top: 17px;
	z-index: 100;
	transition: all .35s;
	padding: 14px 11px;
	border-radius: 50%;
	
}
.navbar.scrolled .togglemenu{
	top: 8px;
}
.togglemenu.scrolled{
	top: 18px;
}
.togglemenu:hover{
	background: rgb(255 255 255 / 20%);
}
.togglemenu span:nth-child(1),
.togglemenu span:nth-child(1)::before,
.togglemenu span:nth-child(1)::after {
	background: #fff;
	content: '';
	position: absolute;
	width: 22px;
	height: 2px;
	margin-top: 8px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.togglemenu span:nth-child(1)::before {
	margin-top: -8px;
	-webkit-transition: .3s ease-in-out .3s;
	-moz-transition: .3s ease-in-out .3s;
	-o-transition: .3s ease-in-out .3s;
	transition: .3s ease-in-out .3s;
}

.togglemenu span:nth-child(1)::after {
	margin-top: 8px;
	-webkit-transition: .3s ease-in-out .3s;
	-moz-transition: .3s ease-in-out .3s;
	-o-transition: .3s ease-in-out .3s;
	transition: .3s ease-in-out .3s;
}

.togglemenu span:nth-child(2) {
	background: #fff;
	content: '';
	position: absolute;
	width: 0px;
	height: 2px;
	margin-top: 8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.togglemenu.active span:nth-child(1)::before,
.togglemenu.active span:nth-child(1)::after {
	margin-top:0;
}

.togglemenu.active span:nth-child(1) {
	-webkit-transition: .5s ease-in-out .6s;
	-moz-transition: .5s ease-in-out .6s;
	-o-transition: .5s ease-in-out .6s;
	transition: .5s ease-in-out .6s;

	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

.togglemenu.active span:nth-child(2) {
	width: 22px;
	-webkit-transition: .3s ease-in-out .6s;
	-moz-transition: .3s ease-in-out .6s;
	-o-transition: .3s ease-in-out .6s;
	transition: .3s ease-in-out .6s;
}    

.togglemenu span:nth-child(1){
	/* width: 14px; */
}
.togglemenu.active span:nth-child(1){
	width: 22px;
}
.orangelighthome {
    /*
	width: 100vw;
    height: 100vw;
    top: -17%;
	*/
	
	width: 150vw;
	height: 150vw;
	top: 31vh;
}
.div_welcome {
    height: 540px;
    height: auto;
}
.cardcontainer {
    margin-top: 0px;
    /* margin-top: 160px; */
    padding-top: 35px;
    padding-bottom: 35px;
}
.card-atlas,
.card-atlas__wrapper {
    width: 280px;
    height: 180px;
}
.card-atlas__wrapper {
    border-radius: 11px;
}
#box1, #box2, #box3 {
	opacity: 1; 
	transform: translateY(0px);
	width: 100%;
	    position: relative;
}
.rewards-slide {
    padding-top: 45px;
    padding-bottom: 0;
}
.rewards-slide .slick-dots, .slick-dots {
    display: flex;
    justify-content: center;
    padding: 0;
    bottom: 0;
    text-align: center;
    position: relative;
    padding-top: 32px;
}
.rewards-slide .slick-list {
    padding-left: 29vw !Important ;
    padding-right: 29vw !Important ;
	padding: 0 !important;
}
.rewards-slide .slick-slide {
    transition: transform 0.3s, filter 0.3s;
    transform: scale(0.9);
    filter: brightness(0.5);
    opacity: 0.7;
    transform-origin: center center;
    margin: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-reward {
    width: 160px;
    height: 160px;
    padding: 9px 12px 15px;
    border-radius: 13px;
}
.card-reward-top {
    padding: 8px 12px 11px;
}
.card-reward-bottom {
    padding: 7px 0;
    text-align: center;
}
.card-reward h5 {
    font-weight: 600;
    font-size: 14px;
}
.rewards-slide .slick-center {
    transform: scale(1.2);
    filter: brightness(1);
    opacity: 1;
}
.slider_faith__content {
    padding-top: 270px;
    padding-top: 235px;
}
.slider_faith,
.slider_faith__item {
    height: 820px;
    height: 735px;
}
.wrapper-nav {
	padding-bottom: 32px !Important;
}
.slider_faith-nav.slick-initialized .slick-slide {
	float: none;
	width: inherit ! Important;
	text-align: center;
	display: flex;
	justify-content: center;
}

.slider_faith-nav.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.slider_faith-nav .slick-dots {
            bottom: 0;
        padding-top: 12px;
}
.slider_faith-nav .slick-prev {
    left: -10px;
}
.slider_faith-nav .slick-next {
    right: -10px;
}
.button-faith {
    font-size: 16px;
}
.bg-simplifiedbanking {
    top: 414px;
    width: 100%;
}

.section .milestoneslider .slick-dots {
    bottom: 0;
    padding: 0;
}
.section-security {
        height: auto;
        padding-top: 60px;
        padding-bottom: 40px;
        min-height: 552px;
        align-items: flex-start;
    }
.carousel__item {
	min-height: unset;
    font-size: 16px;
  margin-bottom: 20px
}
.carousel__item  p{
	margin-bottom: 0;
}
.carousel__item h6 {
    font-size: 18px;
}

.img-pidm {
    transform: translate(-10px, -8px);
}
.section.simplifiedbanking h2 {
    font-size: 32px;
}
#accordionFAQ .accordion-button {
	font-size: 16px;
    font-weight: 600;
    padding: 16px;
    color: #fff;
    box-shadow: none;
    align-items: flex-start;
    column-gap: 16px;
}
#accordionFAQ .accordion-body {
    font-size: 14px;
    padding-left: 16px;
    padding-right: 16px;
}
.container-fluid-right {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 0;
    width: 100%;
}
.atb-slide-wrapper{
	padding-left: 0px;
	overflow: hidden;
}
.atb-slide .slick-list {
	padding: 0 8vw;
}
.atb-slide .slick-track {
	display: flex;
}

.atb-slide .slick-slide{
	padding: 20px;
	margin: 0 10px !important;
}
.atb-slide-box__bottom {
    padding-top: 15px;
    text-align: center;
}

.atb-title {
    font-size: calc(var(--fontsize)* 1.2);
}
.atb-slide-box{
	min-height: unset;
}
.section-banking .section-title{
	text-align: center;
}
.atb-slide-box__top {
    height: 200px;
    padding-top: 0;
    padding-bottom: 0px;
}
.atb-slide,
.slidermobile
{
	padding-left: 0px;
}
.atb-slide .slick-list,
.slidermobile .slick-list
{
	/* padding-left: 15px; */
	padding: 0 8vw;
}
.boxanimation{
	position: relative;
}
.atb-slide .slick-dots,
.slidermobile .slick-dots{
    justify-content: center;
    margin: 0px 0;
	bottom: -35px;
	padding: 0;
	position: absolute;
}
.atb-slide .slick-dots{
	bottom : 0;
}
.slider-choose .slick-dots li button,
.slider_faith-nav .slick-dots li button,
.dotsinvert .slick-dots li button
{

    background: #B74712;
}
.slider-choose .slick-dots li.slick-active button,
.slider_faith-nav .slick-dots li.slick-active button,
.dotsinvert .slick-dots li.slick-active button
 {
    background: #fff;
}
.downloadappwrapper img{
	height: 42px;
	width: auto;
}
.slider-choose img{
	min-height: 200px;
}
.atb-slide .slick-slide,
.slidermobile .slick-slide
 {
    height: inherit !important;
    margin: 0 10px;
}
.slider-choose .slick-slide {
	margin: 0 10px;
}
.slider-choose .slick-slide .h-100{
	max-width: 320px;
}
.slider-choose  .slick-track{
	display: flex;
}
.boxanimation {
    padding: 20px;
}
footer {
    color: #fff;
    font-size: calc(var(--fontsize)* 1);
    background: #222428;
	overflow: hidden;
}
footer.section-padding {
    padding-top: 30px;
    padding-bottom: 23px;
}
footer .quicklinks ul,
ul.listhelp {
    margin-bottom: 25px;
	padding-left: 0;
    list-style-type: none;
}
ul.listhelp a {
    color: #A1A8B2;
    text-decoration: none;
    line-height: 160%;
    display: inline-block;
}
.text-small {
    font-size: calc(var(--fontsize)* 0.8);
}
.copyright {
    font-size: calc(var(--fontsize)* 0.7);	
}
.footermenu {
    background: #393939;
    border-radius: 0;
    padding: 12px 0 14px;
}
.footermenu ul ,
.menucopyright ul
{
    padding-left: 0;
    font-size: calc(var(--fontsize)* 0.7);
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 24px;
}
.footermenu ul li,
.menucopyright ul li
 {
    padding: 0;
	position: relative;
	border: 0px;
}
.footermenu ul li:not(:last-child):after,
.menucopyright ul li:not(:last-child):after
{
	content: '';
	width: 1px;
	height: 12px;
	position: absolute;
	top: 3px;
	right: -12.5px;
	border-right: 1px solid #c4cdd98c;
}
.menucopyright ul li:nth-child(2):after{
	display: none;
}
.bg-cards{
	display: none;
}
.bg-cards-mobile{
	display: block;
}

@keyframes movingrcards {

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

}

.section-main-inside{
	background: #18191B url(../images/bg-menu.png) no-repeat;
	background-position: center top;
	background-size: auto;
}
.bg-about .section-main-inside{
	background: none;
}
.section-main-features {
    height: auto;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 100px;
}
.hero{
	width: 100%;
}
.productcta {
	/* margin-bottom: 23px; */
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.productcta i {
    margin-left: 7px;
    -webkit-text-stroke: 0.3px;
    font-size: 21px;
}
.page-banking .section-main-features {
        background-image: url(../images/bg-banking-m.jpg) !important;
        background-size: cover;
        background-position: center bottom;
}
.verticalslidecontainer img {
    max-width: 250px;
    max-height: 250px;
    object-fit: contain;
}
.img-banner-wrapper {
	position: relative;
	right: 0;
	width: calc(100% + 32px);
	bottom: 0;
	top: auto;
	text-align: center;
	height: 100%;
	/* padding-top: 24px; */
	padding-top: 44px;
	margin: 0px -16px;
}
.imgbannerwrapper{
	position: relative;
	right: 0;
	width: calc(100% + 32px);
	bottom: 0;
	top: auto;
	text-align: center;
	height: 100%;
	/* padding-top: 24px; */
	padding-top: 44px;
	margin: 0px -16px;
}
.page-banking .img-banner-wrapper {
    justify-content: center;
    /* margin-left: -25px; */
    margin-left: -16px;
	bottom: 25px;
}
.img-banner,
.page-banking .img-banner ,
.page-lifestyle-rewards .img-banner 
 {
    width: 100%;
    transform: translateY(0vw);
}
.page-islamic .img-banner{
	width: 60%;
}
.page-lifestyle-rewards .section-main-features {
	background-position: right -76vw bottom;
}
.title-features{
	font-size: 18px;
}
.features-content{
	font-size: 16px;
}
.sliderfeaturesmobile .slick-dots {
	bottom: 0;
	padding-top: 0;
}
.section.discovermore .card {
    border-radius: 24px;
    padding: 24px;
	margin: 0 5px;
	
}
.section.discovermore .card .card-body {
    font-size: 16px;
    padding: 0;
}
.discovermorerow .slick-dots{
	bottom: 0 !important;
	padding-top: 15px;
}
.section.discovermore {
	padding-bottom: 60px;
}
.discovermore .card-title {
    font-weight: 600;
    font-size: 18px;
}

.timeline-top,
.timeline-center,
.timeline-bottom{
	display: none;
}
.milestoneslider .milestone-card {
    margin-bottom: 25px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
.img-brushstroke {
    position: absolute;
    width: 400vw;
    top: 0;
    z-index: 0;
    left: -18vw;
}
.wrapper-reward {
    width: 100%;
}
.imgbannerwrapper img {
    max-height: 100%;
    object-fit: contain;
    height: unset;
    object-position: bottom;
    width: calc(100% + 6px);
    margin: 0 auto;
}

}/* END Mobile */

@media screen and (min-width: 768px) and (max-width: 1023px) {
	:root {
	--fontsize: 16px;
}
.slider-wrapper {
    max-width: 700px;
}
.card-reward {
    width: 210px;
    height: 210px;
}
.card-reward h5 {
    font-size: 18px;
}
.card-reward-top {
    display: flex;
    padding: 12px 17px;
}
.section-security {

 
}
.section-title.larger {
    font-size: calc(var(--fontsize)* 2.6);
}
    .slider_faith__content {
        padding-top: 170px;
    }   
	.slider_faith, .slider_faith__item {
        height: 670px;
    }
	.section-security {
  
        min-height: unset;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
[class^="col-lg-"], [class*=" col-lg-"] {
        flex: 0 0 auto;
        width: 100%;
    }
	    .atb-slide .slick-slide, .slidermobile .slick-slide {
        height: inherit !important;
        margin: 0 10px;
    }
	    .card-reward {
        width: 250px;
        height: 250px;
        padding: 9px 12px 15px;
        border-radius: 13px;
    }
}