body {font-size:1em;
font-family: 'Mulish', sans-serif;}
     
  
     h1, h2, h3,h4,h5, .title {font-family: 'Mulish', sans-serif;   margin-bottom: .9rem;}
     
      h1 {font-size:2em; }  
       h5 {font-size:1.1em; }  
      
.no-bullets {list-style-type:none;}

.card-grey {background-color:#f8f9fa;}

.card-body {background-color: rgb(250 253 254 / 35%);}
.profile-details {font-size:.8em;}

.lead {
    font-size: 1.15rem;
    font-weight: 600;
}

.cf {color: #1152b3}
footer {margin-top:50px;
color:#fff;padding:30px 0px 10px 0px;font-size:.8em;
background: rgb(1,48,102);
background: -moz-linear-gradient(0deg, rgba(1,48,102,1) 7%, rgba(7,98,190,1) 44%, rgba(3,192,231,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(1,48,102,1) 7%, rgba(7,98,190,1) 44%, rgba(3,192,231,1) 100%);
background: linear-gradient(0deg, rgba(1,48,102,1) 7%, rgba(7,98,190,1) 44%, rgba(3,192,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#013066",endColorstr="#03c0e7",GradientType=1);}
footer a {color:#fff;font-family: 'Mulish', sans-serif;}
footer a:hover {color:#cebae1;}

.section {
    border-left: solid 2px #d6d6d6;
    margin-left: 8px;
    padding-left: 0px;
}
.copyright, .footer-link {font-size:0.8em};
.level-3 a {font-size:.95em;color:#333}

.news-image {background-color:#999;}

.breadcrumb {background-color:rgb(38 34 95);color:#fff;border-radius:0px;margin-bottom:0px;}
.breadcrumb a {color:#fff;}
.breadcrumb a:hover {text-decoration:none;
    color: rgb(251 251 251 / 80%);
}
.card-img-top {filter: grayscale(.4);opacity:.7;max-width:180px;margin:auto;}

.grey-bg {background-color:#fefefe;}
.card-header {background-color:#fff;}
.body-content {min-height:400px;}
.btn-primary {
    color: #fff;
    background-color: #0784cc;
    border-color: #029dd8;
}
.logo {
  font-family: "Grape Nuts", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:1.8em;
}

.list-unstyled ul li {
   padding-left: 0;
    list-style: none;
}
.list-unstyled ul {
   padding-left: 0;
  
}
.current  a.nav-link-top {color:#0562c2 !important;}
.current  .active a.nav-link {color:#0562c2 !important;}
 a.current {color:#0562c2 !important;}
 .btn-link {color:#0562c2}
.bg-banner-imgx {position: relative;background-size:cover;background-position: left center; 
background-image:url("/media/rkvbqmiq/xrp-banner.jpeg");min-height:280px;
         
  }
  .bullets ul {padding-left:15%;}
  .bullets li {padding-top:5px;font-size:.9em;opacity:.9;}
  
.bg-banner-img { 
background: rgb(2,0,36);
background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(26,9,121,1) 47%, rgba(184,0,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(26,9,121,1) 47%, rgba(184,0,255,1) 100%);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(26,9,121,1) 47%, rgba(184,0,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#b800ff",GradientType=1);

background: rgb(1,48,102);
background: -moz-linear-gradient(81deg, rgba(1,48,102,1) 7%, rgba(7,98,190,1) 60%, rgba(0,247,255,1) 100%);
background: -webkit-linear-gradient(81deg, rgba(1,48,102,1) 7%, rgba(7,98,190,1) 60%, rgba(0,247,255,1) 100%);
background: linear-gradient(81deg, rgba(1,48,102,1) 7%, rgba(7,98,190,1) 60%, rgba(0,247,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#013066",endColorstr="#00f7ff",GradientType=1);

min-height:180px;}
  button:focus {
    outline: none;}
    
.navbar-light .navbar-brand {
    color: rgb(5 85 168);
    font-weight: 600;
}
.navbar-light .navbar-toggler {
   
   border-color: rgba(0, 0, 0, 0);
}
  


.navbar-subnav {background-color: #b51819;}
.navbar-subnav .navbar-nav .nav-link {
    color: rgb(255 255 255 / 80%);
}
.navbar-subnav .current a {
    color: #fff !important;
}
.navbar-subnav .navbar-nav .nav-link:hover {
    color: rgb(255 255 255 / 100%);
} 
a {color:#0060be;}
        a:hover {color:#009be4;}
        
        a.card-link:hover {text-decoration:none;}
        
.started-bg {
    background-image: url(/media/5edjtbzp/ripple-blue.jpg);
   background-size:cover;
   background-position:bottom;
   color:#fff;
   background-color:#07090e;
}
.home-bg {
    background-image: url(/media/rsfja5vx/home-bg.jpg);
   background-size:cover;
   background-position:bottom;
   color:#fff;background-color:#07090e;
}
.portfolio-bg {
    background-image: url(/media/4qenqrym/graph-bg.jpg);
   background-size:cover;
   background-position:bottom;
   color:#fff;background-color:#07090e;
}

.manage-bg {
    background-image: url(/media/0ilkdfen/water-bg.jpg);
   background-size:cover;
   background-position:bottom;
   color:#fff;background-color:#07090e;
}
.contact-bg {
    background-image: url(/media/rxrlczzn/contact-bg.jpg);
   background-size:cover;
   background-position:bottom;
   color:#fff;background-color:#07090e;
}


.cta-bg {
    background-image: url(/media/5edjtbzp/ripple-blue.jpg);
   background-size:cover;
   background-position:center;
   color:#fff;
}
.large {font-size:4em;padding:5px;}
.medium {font-size:3em;padding:5px;}
.nav-pills .redpill {background-color:#d03535;color:#fff;} 

.nav-pills .nav-link.active {background-color:#f9fdff;color:#007bfe;} 
.nav-pills .redpill.active {background-color:#f7dcdc;color:#d03535;} 

.page-title {
    color: #fff;
padding: 70px 0px 30px;
width: 90%;
   
}
.homepage-title {
    color: #fff;
padding: 70px 0px 70px;
width: 100%;
   
}
.navbar-nav .dropdown-menu {white-space:nowrap;
    box-shadow: 0px 3px 3px 0px rgb(95 94 94 / 24%);
}

.page-title p {color:#fff;}

.intro-text {
    color: #fff;
    position: absolute;
    top: 20%;
    font-size: 22px;
    
}
.btn-outline-primary {
    color: #0f52b3;
    background-color: transparent;
    background-image: none;
    border-color: #1b1e79;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color:#0f52b3;
    border-color: #0f52b3;
}
  .url {white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
  a.side-link {border-bottom: soild 1px #ccc;}
 a.side-link:hover {background-color:#ccc;text-decoration:none;} 
 
.side-title {margin-top:20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

  .side-title:after {
    display: block;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    margin-top: 10px;
    content: '';
    background-color: #000;
    margin-bottom: 20px;
}
.card-header {
    color: #000;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
   
 
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.card-header-package { color: #fff;background-color:#254568;}

.contact-card {
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }
        .contact-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        .social-icon {
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .social-icon:hover {
            transform: scale(1.2);
        }



.hidebox {height:200px;overflow:hidden;margin-top:-30px;}

.wave {
  display: block;
  position: relative;
  height: 40px;
  width: 100%;
  background: rgb(57, 27, 112);
  transform: scale(1, 1);
}

.wave:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 100%;
  height: 300px;
  background-color: #ff0000;
  right: -25%;
  top: 20px;
}

.wave:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 100%;
  height: 300px;
  background-color: rgb(57, 27, 112);
  background-color: #ff0000;
  left: -25%;
  top: -240px;
  clip-path: ellipse(100% 15% at -15% 100%);
}

.pie-chart figcaption {
    
    background-color: rgb(255 255 255 / 65%);
    padding: 10px;
    border-radius: 3px;
}

.pie-chart {
	background:
		radial-gradient(
			circle closest-side,
			white 0,
			white 28.08%,
			transparent 28.08%,
			transparent 78%,
			white 0
		),
		conic-gradient(
			#4e79a7 0,
			#4e79a7 42.7%,
			#f28e2c 0,
			#f28e2c 59.6%,
			#e15759 0,
			#e15759 73.1%,
			#76b7b2 0,
			#76b7b2 82.1%,
			#59a14f 0,
			#59a14f 91.1%,
			#edc949 0,
			#edc949 100%
	);
	position: relative;
	width: 100%;
	min-height: 350px;
	margin: 0;
	outline: 0px solid #ccc;
}
.pie-chart h2 {
	position: absolute;
	margin: 1rem;
}
.pie-chart figcaption {
	position: absolute;
	bottom: 1em;
	right: 1em;
	font-size: smaller;
	text-align: right;
}
.pie-chart span:after {
	display: inline-block;
	content: "";
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.4em;
	height: 0.8em;
	border-radius: 0.2em;
	background: currentColor;
}

@media (max-width: 991px) {
 .hidebox {height:180px;overflow:hidden;margin-top:-30px;}
}
@media (max-width: 768px) {
    
.hidebox {height:90px;overflow:hidden;margin-top:-10px;}
}

@media (max-width: 445px) {
 .hidebox {height:70px;overflow:hidden;margin-top:0px;}
 }