/*COMMON FOR ALL SECTIONS*/



.section{
    padding-top: 100px;
    padding-bottom:100px;
}
.section:nth-child(odd){
    background-color: var(--color-greys-5)
}

.section.empty{
	padding-top:0px;
	padding-bottom: 0px;
	max-height:0px;
}

.content-wrapper{
    justify-content: center;
}

.title-colored{
    color: var(--color-primary-1)
}
.title-white{
    color: var(--color-whites-1)
}

.btn-outline-primary-invert{
    background-color: var(--color-primary-transparent);
    border:2px solid var(--color-whites-1);
	color: var(--color-whites-1)
}

.btn-outline-primary-invert:hover, .btn-outline-primary-invert:focus, .btn-outline-primary-invert:active{
    background-color: var(--color-primary-3);
    border:2px solid var(--color-greys-5);
	color: var(--color-greys-5)
}

.link-white{
	color: var(--color-whites-1);
	text-decoration: none;
	box-shadow: none!important;
	border:none;
}
.link-white:hover, .link-white:focus, .link-white:active{
	color: var(--color-greys-5);
	
}

.btn-sm{
	height: 30px;
	padding: 0rem .50rem;
	line-height: unset;
	font-size: var(--text-md);
}

.btn-md{
	height: 50px;
	padding: 0rem .75rem;
	line-height: unset;
	font-size: var(--text-md);
}

.keys-icon-wrapper{
    min-height: 400px
}

.keys-icon{
	width: 170px;
	box-shadow: 0px 45px 26px -39px var(--color-blacks-alpha-075);
}
@media (max-width: 767px){
	.keys-icon-wrapper{
		min-height: 250px;
	}
	.keys-icon{
		max-width:150px
	}
	
}


.ms-10{
	margin-left: 8em
}
.me-10{
	margin-right: 8em
}

.container:not(.footer-ribbon) img:not(.cyberessentials){
	max-width:100%
}

/*HERO*/

#hero-section{
	min-height: 70vh;
	background: var(--color-gradients-1);
	background-size: cover;
}

#hero-section *{
	color: var(--color-whites-1);
}

#hero-section>div{
	padding-top:30vh
}

@media (max-width: 767px){
    #hero-section>div{
        padding-top:15vh
    }
    
}

.quote{
	padding-left: 80px;
	border-left: 10px solid var(--color-primary-7);
	color: var(--color-blacks-2)
}
.quote .quote-message{
	font-size: var(--text-lg)!important;
	font-style: italic;
	
}
.quote .quote-name{
	font-weight: bold;
	color: var(--color-primary-1)
}

.question{
	margin-bottom: 50px;
}
.question h4{
	margin-bottom: 14px;
}

.answer, .answer *{
	color: var(--color-blacks-2)
}


#hero-section .meterian-logo img{
	max-height:180px;
	max-width: 300px;
}

.paperwork{
	margin-top: 0px!important;
	padding: 35px;
}

.chrome{
	box-shadow: 0px 0px 9px 2px var(--color-blacks-2);
}