/* General */

/* Header */

.logo img {
  max-width: 200px;
  padding-top: 20px;
}

/* Intro Section */

#particles-js {
	width: 100%;
	height: 100%;
}
#intro .intro-caption .intro-icon img {
	max-width: 150px;
}
.call-to-action-section .cta-right img {
	margin-top: -50px;
}

/* Interior Pages */

.header-gap-blk {
	height: 85px;
	width: 100%;
	background-color: black;
}
#article-detail {
	padding: 25px 0;
}

/* Services Page */

#services-pg {
	padding: 30px 0 0;
}
#services-pg .services-intro p, #services-out .services-outro h4, #services-out .services-outro p {
	padding: 0 20%;
}
#services-out .services-outro h4 {
	margin-bottom: 35px;
}
#services-out {
	padding: 35px 0;
}
#services-out .heading {
	text-align: right !important;
	float: right;
}
#services-acc {
	background-color: #000;
}

	/* Style the buttons that are used to open and close the accordion panel */
	.services-accordion .accordion {
	    background-color: #070F13 !important;
	    color: #ebebeb;
	    cursor: pointer;
	    padding: 30px;
	    margin-bottom: 20px;
	    width: 100%;
	    text-align: left;
		border: 0px;
	    border-bottom: 1px solid #ebebeb;
	    outline: none;
	    transition: 0.4s;
	    font-size: 30px;
	    font-weight: 400;
	}
	.services-accordion .accordion .fa {
	    font-size: 24px;
	    color: #fff;
	}		
	.accordion .icon {
	    font-size: 24px;
	    color: #fff;
	    font-weight: 900;
		float: right;
	}
	
	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
	.services-accordion .active, #faq .accordion:hover {
	  background-color: #ccc;
	}
	
	/* Style the accordion panel. Note: hidden by default */
	.services-accordion .panel {
	  padding: 20px 40px 5px;
	  background-color: #070F13;
	  color: #ebebeb;
	  border-radius: 0;
	  display: none;
	  overflow: hidden;
	}
	.services-accordion .panel h5 {
		font-size: 17px;
	}


/* M30 landing page */

#m30-pg.v1 {
	padding: 60px 0;
}
#m30-pg.v2 {
	padding: 60px 0 30px;
}
#m30-pg .logos img {
	width: 100%;
}	
#m30-pg.ww .logos img {
	width: 75%;
}	
#m30-pg.v1 .logos {
	border-bottom: 2px solid #63c1c5;
}
#m30-pg .row.intro {
	padding-top: 100px;
}
#m30-pg .row.intro h2.heading-title {
	padding-bottom: 40px;
}
.services-accordion .heading-title {
	color: #63c1c5;
}
.m30-acc-outro h4 {
    padding-top: 40px;
    color: #63c1c5;
    font-size: 24px;
    line-height: 46px;
}
#m30-contact.v1 {
	background-color: #fff;
}
#m30-contact.v2 .col-md-12.heading, #m30-contact.v1 .col-md-12.heading {
	border-bottom: 2px solid #63c1c5;
	padding-bottom: 80px;
}
	
/* Footer */
.grecaptcha-badge {
	margin-bottom: 65px;
}

@media (max-width: 992px) {
#services-pg .services-intro p, #services-out .services-outro h4, #services-out .services-outro p {
    padding: 0 10%;
}
.heading-lg .heading-title-ghost {
    font-size: 50px;
}
}

@media (max-width: 768px) {
.call-to-action-section .cta-right img {
    margin-top: 10px;
    width: 50%;
}
#services-pg .services-intro p, #services-out .services-outro h4, #services-out .services-outro p {
    padding: 0 5%;
}
.heading-lg .heading-title-ghost {
    font-size: 35px;
}
}