/* Overflow hidden was causing AOS animations to not fire on scroll. Need to find another way to fix extra monile padding isuue. */
/*html, body {*/
    /*overflow-x: hidden;*/ /* Removes extra space on right side on mobile */
/*}*/
.portfolioWrapper .col-lg-6 {
    border-bottom: 2px solid #ccc;
    margin-top: 100px;
    padding-bottom: 100px;
}

.section-header {
    text-align: center;
    margin-bottom: 20px;
}
.centerImage {
    margin: auto;
}
.card-body {
    padding: 10px;
    text-align: center;
}
.skills legend-wrapper h2 {
    font-size: 1.25rem;
    margin-top: 30px;
}
.skills legend-wrapper h3 {
    font-size: 1rem;
}
.portfolio-bullets i {
    font-size: 1.5rem;
}

/* Styles for Mega Menu */
.navbar .megamenu{ padding: 1rem; }
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
	
}	
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
	    max-height: 90vh;
	    margin-top:10px;
	}
}
/* ============ mobile view .end// ============ */

#btn-canvas {
    margin-top:20px;
}

.recommendations {
    text-align: center;
}
.recommendations .card {
    margin-bottom: 50px;
}

/*----- Start Hero Banner Section -----*/
#hero-banner {
    background: url('https://storage.googleapis.com/ibuildwebs-public/binary-code-numbers-in-blue-abstract-speed-motion-2024-10-18-09-15-15-utc-2000x1125-opacity-50.webp');
    text-align: center;
}
/*----- End Hero Banner Section -----*/

/*----- Start Featured Projects Section -----*/
.featured-project {
    border-bottom: 2px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*----- End Featured Projects Section -----*/

/*----- Start Portfolio View -----*/
.node {
    margin-bottom: 100px;
}
/*----- End Portfolio View -----*/