body {
 background-color: #ffffff;
}

h1 h2 h3 h4 h5 h6 p li{
  color: #444444;
}

footer a {text-decoration: none;}

a {color: #276ff3;}

p {font-size: 16px;}

hr {border-top: 1px solid #ccc;}

.text-info { color: #276ff3 !important; }
.badge-info { background-color: #276ff3 !important; }

#top {
	padding-top: 80px;
}

.list-items {
	margin: 0;
	padding: 0;
}

.list-items li {
	padding: 0;
	list-style-type: none;
}

.navigation-bar a {border-bottom:3px solid transparent;}
.navigation-bar a:hover {border-bottom-color: #276ff3;}

/* Menu */
.logo {
	position: relative;
	display: inline-block;
	right: -8px;
}

.menu a {
	text-decoration: none;
	color: #212529;
	font-weight: 700;
	padding: 10px 10px;
	display: inline-block;
}
.header-navigation {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 10px;
	z-index:1;
}
.navigation-bar .sub-menu {
	display: none;
}

.navigation-bar .menu {
	padding:0;
	margin: 0;
}
.navigation-bar .menu li {
	list-style-type: none;
	padding: 0;
	display: inline-block;
}
.navigation-bar .menu li {
position: relative;
display: block;
}
.navigation-bar .menu > li {
display: inline-block;
}
.navigation-bar .menu a {
padding: 10px 20px;
cursor: pointer;
}
.navigation-bar .sub-menu a:hover,
.navigation-bar .sub-menu a:focus {
color: #276ff3;
}
.navigation-bar .menu > .menu-item-has-children > .sub-menu {
display: none;
background-color: #fff;
box-shadow: 0 10px 10px rgba(0,0,0,0.05);
border-radius: 5px;
position: absolute;
top: 100%;
left: 0;
padding: 10px;
width: 320px;
}
.navigation-bar .menu > .menu-item-has-children:hover > .sub-menu {
display: block;
}
.menu-item-has-children .sub-menu {
display: block;
}
.menu-item-has-children > .sub-menu li,
.menu-item-has-children > .sub-menu li a {
display: block;
}
.menu-item-has-children > .sub-menu li a {
border: 0;
font-size: 15px;
font-weight: 700;
padding-top: 7px;
padding-bottom: 7px;
}
.menu-item-has-children > .sub-menu .sub-menu a {
	font-weight: 400;
	padding-left: 10px;
}
.menu-icon > a {
position: relative;
padding-left: 40px !important;
}
.menu-icon > a:before {
position: absolute;
top: 10px;
left: 10px;
content: "";
display: block;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.menu-icon > a:hover:before {
-webkit-filter: initial;
filter: initial;
}
.menu-icon-fintech > a:before {
background-image: url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/06/settings.png);
}
.menu-icon-banking > a:before {
background-image: url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/06/mobile-payment.png);
}
.menu-icon-edlx > a:before {
background-image: url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/06/bar-graph.png);
}
.menu-icon-cbdc > a:before {
background-image: url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/06/money.png);
}
/* End Menu */

/* Off Canvas Menu */
.menuicon {
float: right;
width: 50px;
height: 50px;
padding: 10px;
position:relative;
display: block;
cursor: pointer;
}
.menu-burger-icon:before,
.menu-burger-icon:after {
content: "";
}
.menu-burger-icon:before,
.menu-burger-icon:after,
.menu-burger-icon span {
display: block;
width: 100%;
height: 3px;
background-color: #000;
border-radius: 3px;
}
.menu-burger-icon span {
margin: 5px 0;
}
.menu-burger-icon:after {
width: 15px;
}
.offcanvas-body {
padding: 0;
}
.off-canvas-menu-icon {
padding: 0;
appearance: none;
background: transparent;
border: 0;
float: right;
}
.off-canvas-menu .btn-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
}
.off-canvas-menu {
max-width: 80vw;
padding: 20px;
}
.off-canvas-menu .menu li,
.off-canvas-menu .menu li a,
.off-canvas-menu .sub-menu {
display: block;
}
.off-canvas-menu .sub-menu {
margin:0;
padding: 0;
padding-left: 20px;
}
.menu-category-title a {
font-size: 10px;
font-weight: 400 !important;
color: #aaa !important;
text-transform: uppercase;
border-top: 1px solid #eee;
margin-top: 20px;
padding-top: 20px !important;
}
/* End Off Canvas Menu */

/* checkboxes alignment */
label {
	position:relative;
}

.wpcf7-list-item [type="checkbox"] {
	position:absolute;
	top:6px;
}

.wpcf7-list-item-label {
	padding-left:20px;
	display:inline-block;
}

/* checkboxes alignment */

.card {background-color: #ffffff;}

.hero-section {
  background-image: url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/04/home-bg.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.product-bg{
  background-image: url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/06/product-bg-scaled.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.demo-bg{
  background-image: url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/05/demo-bg.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.gradient-bg-1 {
	background: rgb(190,230,255);
	background: -moz-linear-gradient(26deg, rgba(190,230,255,1) 0%, rgb(243 255 245) 50%, rgb(239 240 255) 100%);
	background: -webkit-linear-gradient(26deg, rgba(190,230,255,1) 0%, rgb(243 255 245) 50%, rgb(239 240 255) 100%);
	background: linear-gradient(26deg, rgba(190,230,255,1) 0%, rgb(243 255 245) 50%, rgb(239 240 255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bee6ff",endColorstr="#def2ff",GradientType=1);
}

.gradient-bg-2 {
	background: rgb(201,255,255);
	background: -moz-linear-gradient(159deg, rgba(201,255,255,1) 0%, rgba(209,226,255,1) 100%);
	background: -webkit-linear-gradient(159deg, rgba(201,255,255,1) 0%, rgba(209,226,255,1) 100%);
	background: linear-gradient(159deg, rgba(201,255,255,1) 0%, rgba(209,226,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9ffff",endColorstr="#d1e2ff",GradientType=1);
}

.bg-color-1 {
	background-color: #f7faff;
}

.boxed-item {
    background-color: #fff;
    box-shadow: 0 10px 10px rgb(0 0 0 / 5%);
    padding: 7px 15px;
    border-radius: 5px;
    border: 1px solid #eee;
    height: 100%;
    font-size: 14px;
	line-height: 1.2em;
    font-weight: 600;
	margin: 0;
}

.image-fit img {
    width: 100%;
    height: auto;
    margin: 0;
}

.max-width{
  width: 100%;
}

.max-width-280px {
	max-width: 280px;
}
.max-width-180px {
	max-width: 180px;
}

.colourful-btn{
	background: rgb(39,111,243);
background: -moz-linear-gradient(43deg, rgba(39,111,243,1) 0%, rgba(38,183,248,1) 100%);
background: -webkit-linear-gradient(43deg, rgba(39,111,243,1) 0%, rgba(38,183,248,1) 100%);
background: linear-gradient(43deg, rgba(39,111,243,1) 0%, rgba(38,183,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#276ff3",endColorstr="#26b7f8",GradientType=1);
  	text-decoration: none;
}

.btn-link {
	border: 0;
}

.colourful-btn, 
.colourful-btn:hover, 
.colourful-btn:focus {
	border: 1px solid #276ff3 !important;
}

a.colourful-btn.text-white {
	color:#ffffff!important;
}

.btn-get-in-touch { 
	background-color: transparent !important;
    border: 1px solid #296ff3;
    font-size: 16px;
    color: #296ff3 !important;
}

.shadow-light {
	box-shadow: 0 1rem 3rem rgb(0 0 0 / 5%);
}

/* Start Check Circle New */
.circle-check {
	background: linear-gradient(45deg, rgba(159,67,245,1) 0%, rgba(16,178,255,1) 50%, rgba(0,255,210,1) 100%);
	width:30px;
	height:30px;
	border-radius: 50%;
	display:inline-block;
	position: absolute;
}
.circle-check:before {
	content:"";
	position: absolute;
	top: 5px;
	left: 10px;
	display: inline-block;
	transform: rotate(45deg);
	height: 17px;
	width: 10px;
	border-bottom: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
}
.icon-boxed {
	position: relative;
}
.p-has-icon {
	padding-left: 45px;
}
/* End Check Circle New */

.number-square{
  font-size: 40px;
  font-weight: bold;
  top: -25px;
  left: -10px;
}

.square-number{
  display: block;
  background: rgb(159,67,245);
  background: linear-gradient(70deg, rgba(159,67,245,1) 0%, rgba(16,178,255,1) 50%, rgba(0,255,210,1) 100%);
  width: 60px;
  height: 60px;
}

.chevron-arrow-down {
	display: inline-block;
	vertical-align: super;
	border-right: 1px solid;
	border-bottom: 1px solid;
	width: 7px; 
	height: 7px;
	transform: rotate(-315deg);
	position: relative;
	bottom: -3px;
	left: 5px;
}

.triangle-right{
  width: 0px;
	height: 0px;
	border-top: 5px solid transparent;
	border-left: 10px solid;
	border-bottom: 5px solid transparent;
}

.colurful-rectangle{
  display: block;
  background: rgb(159,67,245);
  background: linear-gradient(80deg, rgba(159,67,245,1) 0%, rgba(16,178,255,1) 50%, rgba(0,255,210,1) 100%);
  width: 60px;
  height: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.rectangle{
  display: block;
  background-color: #212529;
  width: 40px;
  height: 5px;
  top: -25px;
  left: -10px;
}

.check-circle1{
  display: block;
  background: rgb(159,67,245);
  background: linear-gradient(70deg, rgba(159,67,245,1) 0%, rgba(16,178,255,1) 50%, rgba(0,255,210,1) 100%);
  width: 35px;
  height: 35px;
}

.check-circle{
  width: 35px;
}

.demo-container{
  background-color: #ffffff;
}

.sfa-logo-sm{
  width: 300px;
}

.logo-sm{
  width: 120px;
}

.input-textbox{
  border: none;
  background-color: #f7f7f7;
}

.input-checkbox{
  border-color: #707070;
  background-color: #f7f7f7;
}

.semi-transparent-bg{
  background-color: #ffffff;
  border-radius: 10px;
}

/* Footer */
footer a {
	color: inherit;
}
footer a:hover,
footer a:focus {
	color: #0dcaf0;
	text-decoration: underline;
}
footer li {
	margin-top: 7px;
    font-size: 15px;
}
.footer-action {
	position: relative;
	z-index: 2;
}
.footer-action .container {
	position: relative;
    margin-top: -50px;
	border-radius: 10px;
}

/* Contact Form 7 */
.wpcf7 {
	position: relative;
}
.wpcf7-response-output {
	position: absolute;
	z-index: 1;
    top: 0;
    width: 100%;
    margin: 0 auto !important;
    background-color: #ffffff !important;
    text-align: center;
    padding: 30px !important;
    border-radius: 10px;
	box-shadow: 0 20px 20px rgb(0 0 0 / 10%);
}
.wpcf7 form.sent .wpcf7-response-output {
	background-color: #f0fff1 !important;
}

@media (min-width: 768px) {
	.logo {
		right: initial;
	}
	.max-width-280px {
		max-width: initial;
	}
}
@media (max-width: 991px) {
  .semi-transparent-bg-left{
    background-color: rgba(32,32,32,0.5);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .semi-transparent-bg-right{
    background-color: rgba(32,32,32,0.5);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .hero-section-half {
    background-image: linear-gradient(to bottom, transparent 50%, #000000 50%), url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/04/home-bg.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

@media (min-width: 992px) {
  h1 {font-size: 50px}

  .hero-section-half {
    background-image: linear-gradient(to right, transparent 50%, #000000 50%), url(http://dfintech.proximaxtest.com/wp-content/uploads/2022/04/home-bg.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .max-viewport{
    width: 100vw;
    height: 100vh;
  }

  .semi-transparent-bg-left{
    background-color: rgba(32,32,32,0.5);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .semi-transparent-bg-right{
    background-color: rgba(32,32,32,0.5);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .box-right-adjust {
      position: relative;
      bottom: -250px;
  }
  .img-mwallet-phone {
      max-width: 420px;
      position: relative;
  }
}

@media (min-width: 1400px) {
    .img-mwallet-phone {
        max-width: 500px;
        position: relative;
        right: -100px;
    }
}