body {
	color:#101828 !important;
	font-size:16px !important;
	font-family: inter !important;
}
.p-lr {
	padding-left:1rem !important;
	padding-right:1rem !important;
}
.pt-33 {
	padding-top: 45px;
}
.Heroimage {
	/*  background-image: url(https://briskbill.com/assets/hero.svg);*/
    background-size: cover;
	background-position: center center;
	height: 100vh;
	position:relative;
}
 .Heroimage::after {
 content: '';
 position: absolute;
 top: 0;
 bottom:0;
 right: 0;
 width: 100%;
 height: 100%;
 background-color: #e6e8ec;
 clip-path: polygon(88% 0%, 100% 0%, 100% 100%, 0% 115%);
 z-index:-1;
 transition: clip-path 0.3s ease, width 0.3s ease;
}
.Heroimage::before {
 content: '';
 position: absolute;
 bottom:0;
 right: 0;
 left:0;
 width: 100%;
 height:160px;
 background:#e6e8ec;
 z-index: -1;
}
.Heroimage .display-5 {
	font-size:32px;
	margin-bottom:40px;
	margin-top:0px;
}

.features-section {
	padding: 60px 0;
	color:#4a5565;
	
}


.pricing-section {
	padding: 60px 0;/*background-color: #f8f9fa;*/
}
.pricing-card {
	border: 1px solid #dee2e6;
	border-radius: 10px;
	padding: 25px;
	transition: 0.3s;
	text-align:center;
}
.pricing-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
}
.items-list {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 20px;/*font-size: 16px;*/
}
.text-1 {
	font-size: 26px;
	color: #000;
	margin: 0;
	font-weight: 600;
}
.text-2 {
	font-size: 26px;
	color: #000;
	margin: 0;
	font-weight: 600;
}
.svgicons path {
	stroke: #101828;
}
.h2, h2 {
	font-size: 30px;
	margin: 0;
	font-weight: 600;
	color:#101828 !important;
}
.h3, h3 {
	font-size: 20px;
	margin: 0;
	font-weight: 600;
	color:#101828;
}
.site-footer ul {
	margin: 0;
	margin-bottom: 10px;
}
.btn {
	padding:10px;
	justify-content: center;
	min-width:130px;
	font-size:16px;
}
.Heroimage .btn {
	display: flex;
	align-content: center;
	align-items: center;
	padding:11px 25px;
	justify-content: center;
	min-width:130px;
}

.margintop { margin-top:0px;
margin-bottom: 0px;
}

.myfooter { margin-top:0px; padding:50px 0;}

.myfooter .text-muted { color:#4a5565 !important; }

@media (max-width: 768px) {
.Heroimage {
 height: auto;
}
.btn {
 min-width:100%;
}
.navbar .btn {
 min-width:auto !important;
}
 .Heroimage .pt-5 {
 padding-top: 1rem !important;
}
 .Heroimage .navbar-brand img {
width:150px;
height:46px;
}
 .Heroimage .display-5 {
 font-size:24px;
 margin-bottom:20px;
 margin-top:20px;
}

 
.features-section {
	padding: 30px 0;
	
}
.pricing-section{
	padding: 30px 0;
	
}
.faq-section{
	padding: 30px 0;
	
}
.myfooter{
	padding: 30px 0;
	
}


}
/* switch button */
   .toggle-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 20px;
}
/* Small toggle switch */
    .toggle-btn {
	position: relative;
	display: inline-block;
	width: 40px;   /* smaller */
	height: 22px;  /* smaller */
	background: #8d8d8d;
	border-radius: 11px;
	cursor: pointer;
	transition: background 0.3s ease;
}
.toggle-btn .knob {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 18px;  /* smaller knob */
	height: 18px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
}
.toggle-btn.active {
	background: #2941ba;
}
.toggle-btn.active .knob {
	left: 20px; /* slide to right */
}
.toggle-label {
/*font-weight: 600;
      color: #444;*/
    }
/* Sections */
  .license-content {
	margin:20px auto;
}
.license-content .mt-3 {
	margin-top:0 !important;
}
.license-section {
	display: none;
}
.license-section.active {
	display: block;
}
.license-content .btn {
	padding:6px;
	font-size:16px;
}
.home .subpage-heroimage {
	display:none !important;
}
.subpage-heroimage {
	background: #F9F9F9;
	padding: 50px 0;
	text-align: center;
	margin-bottom: 20px;
}
.policy-section {
	background: #ffffff;
	margin-bottom: 40px;
}
.policy-section h4 {
	font-weight: 600;
	color: #2941ba;
	margin-top: 30px;
}
.policy-section h2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}
.policy-section ul> li {
	margin-bottom:30px;
}
.policy-section ul > li > ul > li {
	margin-bottom:0;
}
.terms-section {
	background: #ffffff;
	margin-bottom: 40px;
}
.terms-section h4 {
	font-weight: 600;
	color: #2941ba;
	margin-top: 30px;
}
.terms-section h2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}
.terms-section ul> li {
	margin-bottom:30px;
}
.terms-section ul > li > ul > li {
	margin-bottom:0;
}
.security-section {
	background: #ffffff;
	margin-bottom: 40px;
}
.security-section h4 {
	font-weight: 600;
	color: #2941ba;
	margin-top: 30px;
}
.security-section h2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}
.security-section ul> li {
	margin-bottom:30px;
}
.security-section ul > li > ul > li {
	margin-bottom:0;
}
/*faq-section*/

.faq-section {
	padding: 60px 0;
}
.faq-section h2 {
}
.accordion-button {
	background-color: #ffffff;
	font-weight: 500;
	border: none;
	border-radius: 0;
	box-shadow: none;
	position: relative;
	font-size: 18px;
	padding: 20px;
	justify-content: space-between;
	 color: #101828;
}
 .accordion-button::after {
 margin-left: 40px;
}
/*   .accordion-button::after {
      content: '+';
      font-size: 1.25rem;
      font-weight: bold;
      color: #0d6efd;
      position: absolute;
      right: 1.25rem;
      transition: transform 0.3s;
    }

    .accordion-button:not(.collapsed)::after {
      content: '-';
      transform: rotate(180deg);
    }*/

    .accordion-body {
	background-color: #ffffff;
	border-top: 1px solid #dee2e6;
}
.accordion-item {
	border: none;
	border-bottom: solid 1px #ccc;
	color:#4a5565 !important; 
}
/*.accordion-item {border: solid #f00 1px;  border-radius: 20px;}
.accordion-item:not(:first-of-type) {border-top: solid #f00 1px;}*/
.accordion-button:focus {
	box-shadow:none;
}

/*.accordion-item + .accordion-item {
	margin-top: 10px;
}*/
 

.accordion-button:not(.collapsed) {
 color: #101828;
 background-color: #f8f9fa;
 box-shadow:none;
}
 @media (max-width: 576px) {
 .accordion-button::after {
 right: 1rem;
}
}
.modal-backdrop.show {
	opacity: 0.8;
}
.modal .btn-primary {
	color:#fff;
	background-color:#2941ba;
	border:solid 1px #2941ba;
}
.modal .btn:hover {
	color:#fff;
	background-color:#2941ba;
	border:solid 1px #2941ba;
}
.form-control {
	background-color: #f3f4f6;
	border:solid 1px #d1d5dc;
}
.form-control:focus {
	box-shadow:0 0 0 2px rgb(19 19 19) !important;
	border:solid 1px #ffffff;
}