.topHeaderPadding{
	padding-top:34px;
}
.jumboShare_btn .jumboShare_btn_text{display:none;}
	.slider-block{
		
		background:#333;
		padding:30px;
		color:#fff;
		margin-bottom:10px;
	}
	.slider-block-2{
		
		background:#5DA8E2;

	}
	.slider-homepage{
		margin-top:36px;
		min-height:200px;
	}
	.slider-block p{
		font-size:20px;
		font-weight:bold;
		font-style:italic;
		
	}
	.slider-block h3{
		font-size:20px;
		font-weight:normal;
			
	}



	
	:root {
		--primary-gradient: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
		--secondary-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
		--accent-color: #2a5298;
	}

	body {
		overflow-x: hidden;
	}
	.top-pad{
		padding-top:76px;
	}
	.breadcrumbs {
        padding: 1rem 0;
    }

    .breadcrumbs ol {
        display: flex;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.875rem;
    }

    .breadcrumbs li:not(:last-child)::after {
        content: "/";
        margin: 0 0.5rem;
        color: #6b7280;
    }

    .breadcrumbs a {
        color: #2563eb;
        text-decoration: none;
    }

    .breadcrumbs a:hover {
        color: #1e40af;
        text-decoration: underline;
    }

    .breadcrumbs [aria-current="page"] {
        color: #374151;
    }
	.navbar {
		background: rgba(30, 60, 114, 0.1);
		backdrop-filter: blur(10px);
		position: fixed;
		width: 100%;
		z-index: 1000;
		padding: 1rem;
		transition: all 0.3s ease;
		top:0;
	}

	.navbar.scrolled {
		padding: 0.5rem 1rem;
	}

	.navbar-brand, .nav-link {
		color: #333 !important;
		font-weight: 500;
	}

	.nav-link {
		position: relative;
	}

	.nav-link::after {
		content: '';
		position: absolute;
		width: 0;
		height: 2px;
		bottom: 0;
		left: 0;
		background-color: #333;
		transition: width 0.3s ease;
	}

	.nav-link:hover::after {
		width: 100%;
	}

	.hero-section {
		padding-top: 76px;
		background: var(--secondary-gradient);
		position: relative;
		overflow: hidden;
		z-index:1;
	}

	.hero-section::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background:url("../images/front/login_bg.jpg");
		background-size:100%;
		/* background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%232a5298' fill-opacity='0.04' fill-rule='evenodd'/%3E</svg>"); */
		opacity: 0.5;
		z-index:-1;
	}

	.feature-section {
		padding: 6rem 2rem;
		position: relative;
	}

	.feature-section:nth-child(even) {
		background: var(--secondary-gradient);
	}

	.feature-image {
		border-radius: 20px;
		box-shadow: 0 20px 40px rgba(0,0,0,0.1);
		transition: transform 0.5s ease;
	}

	.feature-image:hover {
		transform: translateY(-10px);
	}

	.feature-content {
		padding: 2rem;
	}

	.section-title {
		font-size: 2.5rem;
		font-weight: 700;
		margin-bottom: 1.5rem;
		background: var(--primary-gradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.section-title-sml {
		font-size: 1.9rem;
		font-weight: 700;
		margin-bottom: 1.2rem;
		background: var(--primary-gradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.btn-outline-custom {
		border-color: var(--primary-gradient);
		color: var(--primary-gradient);
		border-width: 3px ;
		padding: calc(0.8rem - 3px) calc(2rem - 3px);
		border-radius: 50px;
		font-weight: 500;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(42, 82, 152, 0.2);
	}

	.btn-outline-custom:hover {
		border-color: var(--primary-gradient);
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(42, 82, 152, 0.3);
		color: #333;
	}

	.btn-custom {
		background: var(--primary-gradient);
		color: white;
		border: none;
		padding: 0.8rem 2rem;
		border-radius: 50px;
		font-weight: 500;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(42, 82, 152, 0.2);
	}

	.btn-custom:hover {
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(42, 82, 152, 0.3);
		color: white;
	}

	.auth-buttons .btn {
		margin-left: 10px;
		border-radius: 50px;
		padding: 0.5rem 1.5rem 0.7rem 1.5rem;
		transition: all 0.3s ease;
	}

	.floating-element {
		animation: float 6s ease-in-out infinite;
	}
	.giant-text{
		font-size:5rem;
	}
	@keyframes float {
		0% { transform: translateY(0px); }
		50% { transform: translateY(-20px); }
		100% { transform: translateY(0px); }
	}

	@media (max-width: 991.98px) {
		.feature-content {
			text-align: center;
			padding: 2rem 1rem;
		}
		
		.feature-section .row {
			flex-direction: column-reverse;
		}
		
		.feature-section:nth-child(even) .row {
			flex-direction: column;
		}
		
		.feature-image {
			margin: 2rem 0;
		}
	}
	.footer {
		background-color: #f8f9fa;
		border-top: 1px solid #dee2e6;
	}
	.social-icon {
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		color: #fff;
		display: inline-block;
		margin: 0 5px;
	}
	.social-icon.facebook { background-color: #3b5998; }
	.social-icon.youtube { background-color: #FF0000; }
	.social-icon.linkedin { background-color: #0077b5; }
	.social-icon.github { background-color: #333; }
	.image-container {
		width: 500px; /* Set the desired width */
		height: 300px; /* Set the desired height */
		overflow: hidden; /* Crop larger images */
		position: relative;
	}

	.dynamic-image {
		width: 100%; /* Make the image fit the container width */
		height: 100%; /* Make the image fit the container height */
		object-fit: cover; /* Crop larger images to fit */
		object-position: center; /* Keep the focus centered */
	}
	
	
	.image-scroll-container {
		overflow: hidden;
		white-space: nowrap;
		position: relative;
		width: 100%;
	}

	.image-scroll {
		display: inline-block;
		animation: scroll-infinite 100s linear infinite;
	}

	.image-scroll img {
		margin-right: 20px;
		display: inline-block;
	}

	@keyframes scroll-infinite {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-100%);
		}
	}

	/* Optional: Pause animation on hover */
	.image-scroll-container:hover .image-scroll {
		animation-play-state: paused;
	}
	

	/* General modal styling */
	.modal-content {
		max-width: 960px;
		margin: auto;
		background: linear-gradient(to bottom right, #f8f9fa, #e9ecef);
	}

	.pricing-card {
		background: #fff;
		border-radius: 1rem;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.pricing-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
	}

	/* Table styling */
	.table {
		margin-bottom: 0;
		font-size: 1rem;
		color: #495057;
	}

	.table td {
		border: none;
		padding: 0.75rem;
	}

	/* Button styling */
	.btn-lg {
		border-radius: 50px;
		padding: 0.75rem 2rem;
		font-weight: bold;
	}

	.btn-outline-primary {
		border: 2px solid #007bff;
		color: #007bff;
		transition: all 0.3s ease;
	}

	.btn-outline-primary:hover {
		background: #007bff;
		color: #fff;
	}

	.btn-primary {
		background: #007bff;
		border: none;
		transition: background 0.3s ease;
	}

	.btn-primary:hover {
		background: #0056b3;
	}

	/* Responsive spacing */
	@media (max-width: 768px) {
		.modal-content {
			padding: 1rem;
		}

		.pricing-card {
			margin-bottom: 1.5rem;
		}
	}
	.form-control-xl {
		height: calc(3.5rem + 2px); /* Height larger than .form-control-lg */
		font-size: 1.5rem;          /* Increase font size */
		padding: 0.75rem 1.25rem;  /* Adjust padding */
		border-radius: 0.5rem;     /* Optional: Slightly larger border radius */
	}



	.heading-area{
		width:70%;
		padding:40px 15%;
		background: rgb(41,110,152);
		background: linear-gradient(111deg, rgba(41,110,152,1) 0%, rgba(109,203,255,1) 33%, rgba(1,84,128,1) 84%);
		margin-top:56px;
		min-height:450px;
		color:#fff;
		
	}
        .heading-area-container{
            width:100%;
            top:0;
            height:100%;
            background:rgba(255,255,255,0.85);
                background: rgba(41,110,152,0.3);
		background: linear-gradient(111deg, rgba(13,110,253,0.7) 0%, rgba(0,13,25,0.7) 33%, rgba(13,110,253,0.7) 84%);
		background: rgb(179,221,255);
		background: linear-gradient(107deg, rgba(179,221,255,0.6) 0%, rgba(13,110,253,1) 37%, rgba(179,221,255,0.8) 100%);
            text-align:center;
        }
	.heading-area h1, .heading-background h1{
		color:#fff;
		font-size:4.3rem;
		font-weight:800;
	}
	.heading-area p, .heading-background p{
		font-weight:100;
		line-height:2rem;
		font-size:1.2rem;
		color:#dfdfdf;
	}
	.heading-panel{
		width:55%;
		margin-right:5%;
		display:inline-block;
		vertical-align:top;
	}
	.trial-panel{
		margin:0% 0% 0% 3%;
		padding:0px 2% 20px 2%;
		background:rgba(255,255,255,1);
		min-height:400px;
		border-radius:3px;
		vertical-align:top;
		color:#6f6f6f;
	}
	.demo-vid{
		display:none;
	}
	.trial-panel li{
		color:#6f6f6f;
	}

	.trial-panel h2{
		font-size:2.2rem;
	}
	input.trial-submit{
		background:#60A8E3;
		color:#fff;
		height:40px;
		line-height:40px;
		font-weight:bold;
		font-size:1.0rem;
		border:none;
		cursor:pointer;
		cursor:hand;
	}
	.pre-input{
		width:15%;
		display:inline-block;
		background:#fff;
		height:40px;
		float:left;
		text-align:center;
		border:2px solid #666;
		line-height:40px;
		color:#666;
		vertical-align:top;
		border-radius:4px 0px 0px 4px;
	}
	.post-input{
		width:82%;
		display:inline-block;
		height:40px;
		margin-left:-4px;
	}
	.post-input input{
		border:2px solid #666;
		border-left:0px;
		height:40px;
		background:#fff;
		padding:0 2%;
		font-size:1.2rem;
		font-weight:bold;
		font-family:"Raleway";	
		box-sizing:content-box;
		vertical-align:top;
		border-radius:0px 4px 4px 0px;
	}
	.post-input select{
		border:2px solid #666;
		border-left:0px;
		height:40px;
		background:#fff;
		padding:0 2%;
		font-size:1.2rem;
		font-weight:bold;
		font-family:"Raleway";	
		box-sizing:content-box;
		vertical-align:top;
		border-radius:0px 4px 4px 0px;
	}
	.post-input  input[type="text"]:focus{
		background:#fff;	
	}

	.smalltext{
		font-size:0.8rem;
		color:#454545;
	}
	.cntr-img{
		text-align:center;
		    width: 70%;
			padding: 0 15%;
		
	}
	.center-grey{
		text-align:center;
		color:#999;
		font-size:1rem;
		line-height:3rem;
	}
	h2.large-centered{
		font-size:32px;
		font-weight:200;
		text-align:center;
		color: #454545;
	}
	.feature-img{
		display:inline-block;
		vertical-align:top;
		width:40%;
		padding:5%;
	}
	.feature-desc{
		display:inline-block;
		vertical-align:top;
		width:40%;
		padding:5%;
		line-height:1.6rem;
		font-size:1.1rem;
		color:#454545;
	}
	
	.feature-img img{
		box-shadow:-2px -1px 10px #333;
		display:block;
		margin:0 auto;
	}
	#solar-chart-container{
		width: 70%;
		min-height: 140px;
		margin: 60px auto;
		padding: 40px 15%;;
		background: #cfcfcf;
	}
	.width-70{
		
		
		background-color:#fff;
		width:70%;
		margin:20px 15%;
		left:0%;
		top:56px;
		position:relative!important;
		padding-bottom:100px;

		}
		.reg-button{
			display:inline-block;
			margin:10px 0px;
			width:auto;
			padding:6px 8px;
			font-size:1.1rem;
			line-height:1.6rem;
			font-family:'Raleway', sans-serif;
			background:#2387d6;
			border-radius:3px;
			text-align:center;
			color:#fff;
			cursor:pointer;
			cursor:hand;
		}
		a.reg-button:hover{
			background:#6CB8F4;
			color:#fff;

		}
		.reg-button-cntr{
			display:block;
			margin:10px 40%;
			width:auto;
			padding:6px 8px;
			font-size:1.1rem;
			line-height:1.6rem;
			font-family:'Raleway', sans-serif;
			background:#2387d6;
			border-radius:3px;
			text-align:center;
			color:#fff;
			cursor:pointer;
			cursor:hand;
		}
		a.reg-button-cntr:hover{
			background:#6CB8F4;
			color:#fff;

		}
		.reg-button-alt-cntr{
			display:block;
			margin:10px 40%;
			width:auto;
			padding:6px 8px;
			font-size:1.1rem;
			line-height:1.6rem;
			font-family:'Raleway', sans-serif;
			border:1px solid #2387d6;
			border-radius:3px;
			text-align:center;
			color:#2387d6;
			cursor:pointer;
			cursor:hand;
		}
		a.reg-button-alt-cntr:hover{
			border-color:#6CB8F4;
			color:#6CB8F4;
			color:#6CB8F4;

		}
		.screenshot-img{
			width:90%;
			margin:5%;
			box-shadow:-2px -2px 10px #333;
			
		}
		.sub-p{
			font-size:1.4rem;
			line-height:2.4rem;
			text-align:center;
			color:#454545;
			font-weight:100;
		}
		.underline-text{
			text-decoration:underline;
		}
		.hide-content{
			display:none;
		}


.social-share{
	display:inline-block;
	list-style: none;
	margin-left:10px;
	margin-right:10px;
	padding:0;
	border-radius:100px;
	height:40px;
	width:40px;
	text-align:center;
	vertical-align: middle;
	line-height:40px;
}
.social-share:hover{
	color:#6495ED;
}
.socials-list{
	width:100%;
	margin-left:0;
	padding-left: 0;
	display:block;
	height:50px;
}
.socials-list li{
	line-height: 52px;
	float:right;
}
.share-the-love{
	margin:10px;
	color:indianred;
	background:#fff;
	border-radius:3px;
	padding:3px 6px;
	max-width:110px;
	text-align:center;
	float:right;
	width:100%;
	display:block;
}
a#open-account{
	color:#fff;
}
.socials-box{
	width:100%;
	box-sizing: border-box;
	margin-right:3%;
	display: inline-block;
	vertical-align: top;
	padding-top:20px;
}

.huge-number{
	font-size:4rem;
	font-weight:bold;
}
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
	box-sizing: border-box;
	display:inline-block;
	background-color: transparent;
	min-height: 300px;
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
	box-sizing: border-box;
	position: absolute;
	padding:10%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
	background-color: #212529;
	color: white;
}

/* Style the back side */
.flip-box-back {
	background-color: dodgerblue;
	color: white;
	transform: rotateY(180deg);
}
#book-demo-message{
	display:none;
}
.feature-img img{
	width:350px;
	max-width: 100%;
}
.book-demo-table{
	width:40%;
}
@media only screen and (max-width: 800px) {

	.w-25{
		display:none;
	}
	.book-demo-table{
		width:100%;
	}
	.loading-screen-2{
		padding-top:40px;
	}

	.w-75{
		width:100%;
		display:inline-block;
		box-sizing: border-box;
		padding:10px;
		vertical-align: top;
	}
	#main-content-area-gen{
		margin: 20px 15%;
	}
	.feature-img{
		display:inline-block;
		vertical-align:top;
		width:90%;
		padding:5%;
	}
	.feature-img img{
		width:350px;
		max-width: 100%;
	}
	.feature-desc{
		display:inline-block;
		vertical-align:top;
		width:90%;
		padding:5%;
		line-height:1.6rem;
		font-size:1.1rem;
		color:#454545;
	}
	.flip-box {
		box-sizing: border-box;
		display:inline-block;
		margin:1%;
		background-color: transparent;
		width: 98%;
		height: 300px;
		border: 1px solid #f1f1f1;
		perspective: 1000px; /* Remove this if you don't want the 3D effect */
	}
	.socials-box{
		display:none;
	}
	.heading-area {
		margin: 0;
		width: 70%;
		padding: 40px 15%;
	}
	.heading-area h1{
		font-size:2rem;
		text-align: center;
	}
	.heading-area p{
		text-align: center;
	}

	.heading-panel{
		width:100%;
		margin-right:0;
		display:block;
		vertical-align:top;
	}

	.trial-panel{
		width:96%;
		margin:0;
		margin-top:20px;
		margin-bottom:20px;
		padding:20px 2%;
		background:rgba(255,255,255,1);
		min-height:400px;
		display:inline-block;
		border-radius:3px;
		vertical-align:top;
		color:#6f6f6f;
	}
	.cntr-img, .center-grey, .thirds-feature, .screenshot-img, #footer-container{
		display:none;
	}
	.w-60{
		width:100%;
	}

	.reg-button-cntr{
		display:block;
		margin:10px 20%;
		width:auto;
		padding:6px 8px;
		font-size:1.1rem;
		line-height:1.6rem;
		font-family:'Raleway', sans-serif;
		background:#2387d6;
		border-radius:3px;
		text-align:center;
		color:#fff;
		cursor:pointer;
		cursor:hand;
		margin-top:-80px;
	}

	.reg-button-alt-cntr{
		display:block;
		margin:10px 20%;
		width:auto;
		padding:6px 8px;
		font-size:1.1rem;
		line-height:1.6rem;
		font-family:'Raleway', sans-serif;
		border:1px solid #2387d6;
		border-radius:3px;
		text-align:center;
		color:#2387d6;
		cursor:pointer;
		cursor:hand;
	}
	#solar-chart-container{
		width: 70%;
		min-height: 140px;
		margin: 60px auto;
		padding: 5px 15%;;
		background: #cfcfcf;
	}
	.width-70{


		padding-bottom:100px;
		margin-bottom:100px;
	}
}