body {
	font-family: 'Comfortaa', sans-serif
}
.normal-desc{
	font-family: "Open Sans", sans-serif;
}

.nav-masthead .nav-link {
	font-weight: 700;
	color: rgba(255, 255, 255, .5);
	background-color: transparent;
	border-bottom: 3px solid transparent;
}

.nav-masthead .nav-link + .nav-link {
	margin-left: 1rem;
}
.nav-masthead  .active .nav-link{
	color: #fff;
	border-bottom-color: #fff;
}

.navbar.tr-bg {
	background:rgba(95, 53, 154, 0.95) !important;
}
.navbar-dark .navbar-toggler{
	color:#fff;
	border-color:#fff;
	border-width: 2px ;
}
.section-bg {
	background-image: radial-gradient(550px 350px at 7% 97%, #593193 50%, transparent 50%),
		radial-gradient(550px 350px at 25% 97%, rgba(64, 39, 106, 0.6) 50%, transparent 50%),
		radial-gradient(500px 460px at 48% 80%, #5b3396 30%, #9463d7 50%, transparent 50%),
		linear-gradient(to top right,rgb(140, 126, 237) ,rgb(152, 84, 203) , #5b3396 , #411c6a);
	background-position: bottom right, bottom right, bottom right,left;
	background-repeat: no-repeat,no-repeat,no-repeat, no-repeat;
}

.totalpaylogo{
	  justify-content: center;
	  align-items: center;
	  text-align: center;
		
}
.centered-image {
  width: 420px; /* Set the desired width of the image */
  height: auto; /* Let the height adjust automatically to maintain the aspect ratio */
  /* Or, you can set a specific height if needed, e.g. height: 150px; */
  
  margin-bottom: 20px;
}

.pdpa-button{
	margin-left:150px;
	margin-bottom: 40px;
}
.pdpaparagraph{
	   margin-top: 25px;
	   margin-bottom: 40px;
}

footer {
	height:400px;
	display: flex !important;
	position: relative;
}
.footer-content a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.footer-bg{
	background-image: linear-gradient(to top right,rgb(140, 126, 237) ,rgb(152, 84, 203) , #5b3396 , #411c6a);
}
.footer-content{
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
}
.header-pd{
	padding-left:50px;
	padding-top:50px;
}
@media only screen and (max-width: 991px) {
	.header-pd {
		padding-left:30px;
		padding-top:50px;
	}
	.footer-content {
		font-size:13px;
	}
.sc-btw{
	margin-top:48px;
}
}
.section-header{
	display: flex !important;
	position: relative;
	height: 100%;
	width:100%;
	padding-bottom:100px;

}
.one-row_bottom_divider{
	bottom: -1px;
}
.one-row_top_divider{
	bottom: 80px;
}
.one-row_top_divider, .one-row_bottom_divider {
	width: 100%;
	position: absolute;
	left: 0;
	z-index:1;
}

.product-list{
	text-align:center;
	z-index:4;
}
.product-desc {
	margin-top:20px;
	text-align: justify;
	text-justify: inter-word;
	font-family: "Open Sans", sans-serif;
}

.product-frame {
	margin-top:-100px;
	border:1px solid #cccccc;
	border-radius:25px;
	padding:20px;

	max-height:450px;
	height:450px;
	margin-bottom:50px;
}
.product-float{
	margin-top: -80px;
	z-index: 8;
}

.product-frame .product-header {
	margin-top:100px;
}
.support-header{
	font-size:34px;
}
.support-desc{
	font-size:24px;
}

.featurette-heading{
	font-size:24px;
}

.lead{
	font-size:18px;
	font-family: "Open Sans", sans-serif;
}
@media only screen and (max-width: 1200px) {
.product-frame {
	max-height:500px !important;
	height:500px !important;
}
}
@media only screen and (max-width: 991px) {
.product-frame .product-header {
	font-size:18px;
}
.product-float {
	margin-top: 0;
}
.product-frame {
	max-height:400px !important;
	height:400px !important;
}
.lead{
	font-size:15px;
}
.product-desc {
	font-size:15px;
}
.featurette-heading{
	font-size:18px !important;
}
.support-header{
	font-size:24px;
}
.support-desc{
	font-size:18px !important;
}
}
#scrollTop{
	display: none;
	position: fixed;
	bottom: 70px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background:rgba(95, 53, 154, 0.75) !important;
	color: white;
	cursor: pointer;
	padding: 10px 20px;
	border-radius: 4px;
}
#scrollTop:hover {
	background:rgba(131, 84, 196, 0.75) !important;
}

.fa-qs{
	content: '';
	background:url('../images/qs.png');
    background-size:cover;
    width:110px;
    height:112px;
}

.fa-teamviewer{
	content: '';
	background:url('../images/teamviewer.png');
    background-size:cover;
    width:110px;
    height:112px;
}
.nav-pills .nav-link.active {
	color: rgba(98, 61, 152);
	background-color:transparent;
}
.nav-pills .nav-link.active .nav-detail{
padding:5px;
	border-bottom:3px solid rgba(98, 61, 152);
}