/* @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); */

body {
  font-size: 100%;
}

li {
  font-size: 1.1rem;
}

:root::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

:root::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

:root::-webkit-scrollbar-thumb
{

	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(217, 122, 217)),
									   color-stop(0.72, rgb(156, 73, 189)),
									   color-stop(0.86, rgb(148, 28, 148)));
}



.header {
  background-color: #4c0073;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='64' viewBox='0 0 32 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28h20V16h-4v8H4V4h28v28h-4V8H8v12h4v-8h12v20H0v-4zm12 8h20v4H16v24H0v-4h12V36zm16 12h-4v12h8v4H20V44h12v12h-4v-8zM0 36h8v20H0v-4h4V40H0v-4z' fill='%23390055' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.body_two {
  background-color: #f0f0f0;

}

.body_three {
  background-color: #4c0073;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='64' viewBox='0 0 32 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28h20V16h-4v8H4V4h28v28h-4V8H8v12h4v-8h12v20H0v-4zm12 8h20v4H16v24H0v-4h12V36zm16 12h-4v12h8v4H20V44h12v12h-4v-8zM0 36h8v20H0v-4h4V40H0v-4z' fill='%23390055' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}

.section_one {
    color: white;
    margin-bottom: 2rem;
}

.section_two {
    margin-bottom: 2rem;
}

.heading {
    font-size: 1.2rem;
    font-weight: 700;
}

.sub-heading {
    font-style: italic;
    font-size: 1rem;
}

.card-title {
    color: rgb(0, 0, 0);
    font-size: 1.4rem;
}

.card-body .title {
    font-size: 1rem;
    font-weight: 700;
}

.card-body .text-body {
    font-size: 0.8rem;
    font-style: italic;
}

.card-bg{
    background: linear-gradient(
      to right,
      rgb(255, 255, 255) 0%,
      #ffffff 50%,
      #f1f1f1 50%,
      #f1f1f1 100%
    );
  }

  .input-form-1{
    border-radius: 1rem;
  }

  .input-form-1::placeholder,
  .input-form-2::placeholder {
    color: #6c757d;
    opacity: 1;
    font-size: 0.8em;
    font-weight: 700;

  }

  .input-form-2{
    border-radius: 1rem;
    border:none;
  }

  .amount {
    font-size: 0.8rem;
    font-weight: 700;
  }

  .form-group ol {
      font-size: 0.8rem;
  }

  .card-bank {
      background-color: #d3d3d3;
      color: rgb(27, 27, 27);
      border: none;
      font-size: 1.1rem;
  }

  .purple-light {
      background-color: #BA8EFC;
  }


  .purple-dark {
    background-color: #A56BFC;
}

.body_title {
  font-size: 2rem;
  font-weight: 700;
}

.body_subtitle {
  display: block;
  color: #1f1f1f;
  font-size: 1rem;
  text-align: center;
}

.card-sq {
  border-radius: 0.5rem;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

/**********************
/***** Services *******
/*********************/
section.sec{
	padding: 2rem 0;
}
section .section-title{
	text-align:center;
	color:#007b5e;
	margin-bottom:50px;
	text-transform:uppercase;
}

#what-we-do .card{
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#what-we-do .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(210, 2, 238);
	-moz-box-shadow: 5px 7px 9px -4px rgb(210, 2, 238);
  box-shadow: 5px 7px 9px -4px rgb(210, 2, 238);
}
#what-we-do .card .card-block{
	padding-left: 50px;
    position: relative;
}
#what-we-do .card .card-block a{
	color: #007b5e !important;
	font-weight:700;
	text-decoration:none;
}
#what-we-do .card .card-block a i{
	display:none;

}
#what-we-do .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;

}
#what-we-do .card .card-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #83058f;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
#what-we-do .card .block-1:before{
    content: "\f155";
}
#what-we-do .card .block-2:before{
    content: "\f0e7";
}
#what-we-do .card .block-3:before{
    content: "\f00c";
}
#what-we-do .card .block-4:before{
    content: "\f209";
}
#what-we-do .card .block-5:before{
    content: "\f19d";
}
#what-we-do .card .block-6:before{
    content: "\f0ed";
}
#what-we-do .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

@media (max-width: 767.98px) {
  .card-bg{
    background: #ffffff;
  }
}