/*** cash-logistics ***/
body.currency-management-solutions{background-image:url("hero-currency-management-solutions.webp");}
body.cash2home{background-image:url("hero-cash2home.webp");} 

body.cash-logistics{background-image:url("hero-cash-logistics.webp");}
body.atm-cash-management{background-image:url("hero-atm-cash-management.webp");}
body.retail-cash-management{background-image:url("hero-retail-cash-management.webp");}
body.cash-in-transit{background-image:url("hero-cash-in-transit.webp");}

body.atm-complete-line-maintenance-solutions{background-image:url("hero-atm-complete-line-maintenance-solutions.webp");}
   
/*** managed-services ***/
body.managed-services{background-image:url("hero-managed-services.webp");}
body.banking-automation{background-image:url("hero-banking-automation.webp");}
body.atm-management-solutions{background-image:url("hero-atm-management-solutions.webp");}
body.brown-label-atm{background-image:url("hero-brown-label-atm.webp");}
body.multi-vendor-software{background-image:url("hero-multi-vendor-software.webp");}
body.atm-software-solutions{background-image:url("hero-atm-software-solutions.webp");}

body.remote-monitoring-solution{background-image:url("hero-remote-monitoring-solution.webp");} 
body.card-personalisation{background-image:url("hero-card-personalisation.webp");}


body.hawkai{background-image:url("hero-hawkai.webp");}
body.retail-360{background-image:url("hero-retail-360.webp");}
body.algo{background-image:url("hero-algo.webp");}


.bg-gradient-01{background: linear-gradient(180deg, rgb(14 6 40 / 0%) 0%, rgb(14 6 40 / 97%) 5%,rgb(14 6 40 / 100%) 15%);}
.bg-gradient-02{background: linear-gradient(180deg, rgba(14, 6, 40, 0.8) 7%, rgba(14, 6, 40, 1) 100%);}

section.business-01{padding-top:30px;padding-bottom:30px;}
section.business-01 p a{color:var(--color-11);font-weight:600;text-decoration:none;}
section.business-01 h4{font-size: var(--rfs-30);margin-top:30px;margin-bottom:20px;}
section.business-01 ul#pills-tab {gap: 30px;margin: 60px 0px 0px 0px;width: 100%;display: flex;flex-wrap: nowrap;}
section.business-01 ul#pills-tab li{width:100%;max-width:350px;}
section.business-01 ul#pills-tab li button {color: var(--color-11);font-size: var(--rfs-21);text-transform: uppercase;text-align: left;padding:0px;width: 100%;background: var(--color-12);border-radius: 100px;overflow:hidden;position:relative;transition:all 500ms ease-in-out;}
section.business-01 ul#pills-tab li button:before {content:"";width: 100%;height:0%;background: var(--color-11);border-radius:100px;position: absolute;bottom:0px;left:1px;z-index:1;transition:all 500ms ease-in-out;}
section.business-01 ul#pills-tab li button span{display:block;padding: 10px 50px 10px 30px;min-height: 52px;border: 1px solid var(--color-11);border-radius: 100px;position:relative;z-index:9;}
section.business-01 ul#pills-tab li button span:before {content:"";width: 18px;height: 2px;background: var(--color-11);top: 22px;right: 19px;position: absolute;transform: rotate(90deg);z-index:1;transition:all 500ms ease-in-out;}
section.business-01 ul#pills-tab li button span:after {content:"";width: 18px;height: 2px;background: var(--color-11);top: 22px;right: 19px;position: absolute;transition:all 500ms ease-in-out;}

section.business-01 ul#pills-tab li button.active:before{height:100%;transition:all 500ms ease-in-out;}
section.business-01 ul#pills-tab li button.active span{color: var(--color-01);transition:all 500ms ease-in-out;}
section.business-01 ul#pills-tab li button.active span:before{background:var(--color-01);height:2px;transform: rotate(0deg);transition:all 500ms ease-in-out;}


section.business-01 a.html5lightbox{display: flex;margin-top: 50px;position: relative;overflow: hidden;border-radius: 13px;box-shadow:0px 0px 0px rgb(0,0,0);transition:all 300ms ease-in-out;}
section.business-01 a.html5lightbox:before{content:"";position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background: linear-gradient(45deg, #163071, #d01c4c);opacity: .6;z-index: 1;transition:all 300ms ease-in-out;}
section.business-01 a.html5lightbox .icon-play{position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;background: rgb(19 7 58);border-radius: 100px;transform: translate(-50%,-50%);z-index: 19;transition:all 300ms ease-in-out;}
section.business-01 a.html5lightbox .icon-play:after{content:"";position: absolute;top: 50%;left:65%;border: 12px solid transparent;border-left: 20px solid #fff;transform: translate(-50%,-50%);z-index: 9;transition:all 300ms ease-in-out;}
section.business-01 a.html5lightbox video{max-width:100%;border-radius: 15px;}
section.business-01 a.html5lightbox h3{color:var(--color-01);text-align:center;position:absolute;top:70%;left:0px;width:100%;z-index: 19;}


section.business-01 a.html5lightbox:hover{box-shadow:0px 0px 0px rgb(0,0,0);transition:all 300ms ease-in-out;}
section.business-01 a.html5lightbox:hover:before{opacity:.8;transition:all 300ms ease-in-out;}
section.business-01 a.html5lightbox:hover .icon-play{transform:translate(-50%,-50%) scale(1.5) ;transition:all 300ms ease-in-out;}
section.business-01 a.html5lightbox:hover .icon-play:after{transform:translate(-55%,-50%) scale(.7) ;transition:all 300ms ease-in-out;}


section.business-02{padding-top:30px;padding-bottom:30px;}
section.business-03{padding-top:30px;padding-bottom:30px;}

section.business-offering{padding-top:30px;padding-bottom:60px;}

section.business-offering a.csb-box.active{display:none;}

section.business-01 .col-md-12.text-center.pt-3{padding-top:0px !important;}


/*** points ***/
ul.points{}
ul.points li{font-weight: 100;line-height:1.3;padding: 5px 0px 10px 0px;}
/*** points ***/


/*** stats-box ***/
.stats-box{padding-top: 20px;}
.stats-box h3{color: var(--color-11);font-family: 'Century Schoolbook Italic';font-style: italic;font-size: var(--rfs-48);}
.stats-box p{}


.stats-rms-box{padding:30px;background:var(--color-12);border-radius: 15px;}
.stats-rms-box h3{color: var(--color-11);font-family: 'Century Schoolbook Italic';font-style: italic;font-size: var(--rfs-48);}
.stats-rms-box p{}

/*** stats-box ***/

/*** csb-box ***/

.csb-box{color:var(--color-01);text-decoration:none;padding-top: 25px;padding-bottom: 25px;display: block;border-bottom: 1px solid #1f0f52;position: relative;z-index: 9;}
.csb-box:before {content: "";width:0%;height: 100%;position: absolute;top: 0;right: 0;z-index: -1;background: linear-gradient(270deg, #080318, transparent);border-top: 1px solid var(--color-11);border-bottom: 1px solid var(--color-11);opacity:.5;transition:all 500ms ease-in-out;}
.csb-box .row{/* align-items: center; */}
.csb-box .row .col-md-4{position:relative;overflow:hidden;}
.csb-box .thumb-csb{display: block;width: 100%;height: 100%;min-height: 340px;overflow:hidden;border-radius:15px;margin:1px;position:relative;}
.csb-box .thumb-csb:before{content:"";width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);background: url("../icons/icon-link.webp") var(--color-01) no-repeat center center;background-size:40px;border-radius:100px;border: 3px solid #060116d4;box-shadow: 0px 0px 0px 1px var(--color-01);z-index:9;;transition:all 500ms ease-in-out;}
.csb-box .thumb-csb:after{content:"";width:100%;height:100%;position:absolute;bottom: 0%;left:0%;background:#060116d4;opacity:0;z-index: 1;transition:all 500ms ease-in-out;}
.csb-box .thumb-csb img{max-width: inherit;min-width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;z-index:0;transform: translate(-50%,-50%);}
.csb-box .details-csb{padding: 0% 8% 0% 4%;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.csb-box .details-csb .icon{margin-bottom: 20px;}
.csb-box .details-csb h4{color:var(--color-11);font-family: 'Century Schoolbook Italic';font-style: italic;margin-bottom: 20px;}
.csb-box .details-csb h3{font-weight: 500;margin-bottom: 20px;}
.csb-box .details-csb p{}

.csb-box:hover{transition:all 500ms ease-in-out;}
.csb-box:hover:before{width:100%;transition:all 500ms ease-in-out;}
.csb-box:hover .thumb-csb:before{transform:translate(-50%, -50%) scale(1);transition:all 500ms ease-in-out;}
.csb-box:hover .thumb-csb:after{/*height:100%;*/opacity:.5;transition:all 500ms ease-in-out;}
.csb-box:hover h3{color:var(--color-11);transition:all 300ms ease-in-out;}
 
/*** csb-box ***/

/*** baking-automation ***/
.ba-cash-recyclers{max-width: 350px;}
.ba-cash-recyclers.bacr-01{margin-top: -50px;}
/*** baking-automation ***/

/*** atm-cash-management ***/
.stat-acm-box{display: block;position: relative;overflow: hidden;}
.stat-acm-box .sab-white{padding:30px;min-height:170px;background:var(--color-01);border-radius:15px;margin: 1px 1px 30px 1px;}
.stat-acm-box .sab-white h3{color:var(--color-11);font-size: var(--rfs-54);font-family: 'Century Schoolbook';font-weight: 400;font-style: italic;}
.stat-acm-box .sab-white p{color:var(--color-12);font-weight: 400;}
.stat-acm-box p{padding-right:10px;}
/*** atm-cash-management ***/


section.rcm-sec-03{padding-bottom:60px;}

/*** retail-cash-management ***/
.rcms-360{margin:40px 0px;}
.rcmc-box{padding: 20px;min-height: 110px;gap: 15px;display: flex;align-items: center;}
.rcmc-box .rb-icon{width: 70px;}
.rcmc-box .rb-icon img{}
.rcmc-box .rb-txt{width: calc(100% - 70px);}
.rcmc-box .rb-txt p{margin-bottom: 0px;}


.scl-box{padding: 30px;max-width: 350px;height: 100%;border-radius: 15px;gap: 15px;display: flex;align-items: flex-start;flex-direction: column;}
.scl-box .sb-icon{height:50px;display: flex;flex-direction: column;justify-content: flex-end;}
.scl-box .sb-icon img{}
.scl-box .sb-txt{}
.scl-box .sb-txt p{margin-bottom: 0px;}

.we-serve-box{margin-top: 30px;gap: 5px;display: flex;align-items: flex-start;flex-direction: column;padding-bottom: 15px;}
.we-serve-box .wsb-icon{}
.we-serve-box .wsb-icon img{}
.we-serve-box .wsb-txt{}
.we-serve-box .wsb-txt p{font-size: 15px;line-height: 1.2;margin-bottom: 0px;}


.use-case-box{background: var(--color-12);padding: 30px;height: 100%;border-radius: 15px;overflow: hidden;}
.use-case-box .ucb-thumb{overflow: hidden;border-radius: 15px;}
.use-case-box .ucb-thumb img{
}
.use-case-box .ucb-txt{}
.use-case-box .ucb-txt h3{}
.use-case-box .ucb-txt p{}


/*** retail-cash-management ***/

.formaloo--root-container{background: #F2F2F2 !important;margin-top: 20px;padding: 10px !important;border-radius: 15px;display: inline-block;}
.MuiBox-root {display:inline-block !important;border-radius:15px;background: transparent !important;}
.MuiContainer-root {margin-left: 0px !important;padding: 0px !important;}
.MuiScopedCssBaseline-root.mui-style-vg0pgj {background: transparent !important;}
.formaloo__field {padding-bottom: 30px;}
.MuiBox-root.mui-style-2wtxbi{margin-top:0px;}

.formaloo__button{height: auto !important;background: #ffffff !important;border-bottom: 1px solid var(--color-11) !important;padding: 5px 31px 0px 0px !important;}
.formaloo__button span{color: var(--color-11) !important;}

.formaloo__button:after{content:"";width:20px;height:20px;position:absolute;right:0px;bottom: 9px;background:url("../icons/download-the-guide.webp") no-repeat center center;background-size: cover;}


/*** retail-management-solutions ***/ 
.rms-box{padding: 0px;min-height: 110px;gap: 15px;display: flex;align-items: center;}
.rms-box .rb-icon{width: 70px;}
.rms-box .rb-icon img{}
.rms-box .rb-txt{width: calc(100% - 70px);}
.rms-box .rb-txt p{margin-bottom: 0px;}


.thumb-handling-cash{border-radius: 15px;overflow:hidden;}


/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px)
{ 
	
	body.currency-management-solutions section.hero-banner{background-image:url("hero-currency-management-solutions.webp");}
	body.cash2home section.hero-banner{background-image:url("hero-cash2home.webp");} 

	body.cash-logisticsv{background-image:url("hero-cash-logistics.webp");}
	body.atm-cash-management section.hero-banner{background-image:url("hero-atm-cash-management.webp");}
	body.retail-cash-management section.hero-banner{background-image:url("hero-retail-cash-management.webp");}
	body.cash-in-transit section.hero-banner{background-image:url("hero-cash-in-transit.webp");}

	body.atm-complete-line-maintenance-solutions section.hero-banner{background-image:url("hero-atm-complete-line-maintenance-solutions.webp");}

	/*** managed-services ***/
	body.managed-services section.hero-banner{background-image:url("hero-managed-services.webp");}
	body.banking-automation section.hero-banner{background-image:url("hero-banking-automation.webp");}
	body.atm-management-solutions section.hero-banner{background-image:url("hero-atm-management-solutions.webp");}
	body.brown-label-atm section.hero-banner{background-image:url("hero-brown-label-atm.webp");}
	body.multi-vendor-software section.hero-banner{background-image:url("hero-multi-vendor-software.webp");}
	body.atm-software-solutions section.hero-banner{background-image:url("hero-atm-software-solutions.webp");}

	body.remote-monitoring-solution section.hero-banner{background-image:url("hero-remote-monitoring-solution.webp");} 
	body.card-personalisation section.hero-banner{background-image:url("hero-card-personalisation.webp");}


	body.hawkai section.hero-banner{background-image:url("hero-hawkai.webp");}
	body.retail-360 section.hero-banner{background-image:url("hero-retail-360.webp");}
	body.algo section.hero-banner{background-image:url("hero-algo.webp");}

	

	section.business-01{padding-top:0px;padding-bottom:0px;}
	section.business-01 .row.mt-5{margin-top:0px !important;}
	section.business-01 br{display:none;}
	section.business-01 h4{color:var(--color-11);font-size: 21px;text-align: left;margin-top: 10px;margin-bottom: 15px !important;}
	
	.csb-box .thumb-csb{min-height: 210px;}
	.csb-box .details-csb{padding:8% 4% 0% 4%;}
 
	.stat-acm-box .sab-white{padding:15px 15px 18px 15px;min-height:0px;margin: 10px 0px 20px 0px;}
	.stat-acm-box .sab-white p{margin-bottom:0px;}
	
	
	.rcmc-box{padding: 15px 5px;min-height: auto;border-top: 1px solid #201055;}

	
	.scl-box {margin-top: 15px;padding: 20px;max-width: 100%;height: auto;gap: 15px;display: flex;flex-direction: row;align-items: center;}
	.scl-box .sb-icon{width: 70px;height: auto;display: flex;align-items: flex-start;}

	.use-case-box{height:auto;padding: 0px 15px 20px 15px;border-radius: 0px;/* border-bottom: 1px solid #0f0235; */border-bottom: 1px solid #23077b;margin-bottom: 30px;}

	.mui-style-pe3kxy{min-height:auto !important;}
	.MuiBox-root.mui-style-mvwult{padding:0px !important;}
	
	.stats-rms-box{padding:20px;;margin-bottom:30px;height:auto;}
	.stats-rms-box p{margin-bottom:0px;}
		
	.csb-box .details-csb .icon{width:45px;margin-bottom: 10px;}
	
	.col-md-3:nth-last-child(1) .stats-rms-box{margin-bottom:0px;}
	
	
	body.managed-services section.business-01.home_sec_01,	
	body.managed-services section.business-01.home_sec_01 .container-fluid{padding-bottom:0px !important;}
	body.managed-services section.business-offering{padding-top:0px !important;padding-bottom: 0px;}
	
	body.atm-cash-management section.business-offering{padding-top:0px !important;padding-bottom: 0px;}

	.MuiBox-root.mui-style-l5b33a{padding-bottom:50px;}
	
	.stats-rms-box h3{font-size:36px;}
	.rms-box{padding: 15px 0px;min-height: auto;border-top: 1px solid #1f0d59;}
	.rms-box .rb-icon{width: 40px;}
	.rms-box .rb-icon img{width: 40px;}

	.we-serve-box{margin-top: 0px;padding-right: 10px;gap: 15px;display: flex;flex-direction: row;align-items: center;}
	.we-serve-box .wsb-icon{}
	.we-serve-box .wsb-icon img{width: 40px;}

	section.rcm-sec-03{padding-bottom:0px;}
	 
	.rcmc-box{padding: 15px 0px;min-height: auto;border-top: 1px solid #1f0d59;}
	.rcmc-box .rb-icon{width: 40px;}
	.rcmc-box .rb-icon img{width: 40px;}
	 
	.col-md-12.pt-5{padding-top:10px !important;}
	
	.ba-cash-recyclers.bacr-01{margin-top:0px;}
	
	.ba-cash-recyclers{max-width:100%;}
	
	body.press-releases section.business-01,
	body.media-coverage section.business-01{padding-bottom: 0px;}
	
	
	
	
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px)
{ 

}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px)
{ 

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px)
{ 
	.csb-box .details-csb h3{font-size:21px;}


}