/*Page Title Area CSS

=================================================*/

.company-page-title-area {	    

    position: relative;
	height: 350px;
	background-position: center right;
	background-repeat: no-repeat;
    overflow:hidden;

}

.company-page-title-area.vision-mission {
	background-image: url(../../images/company/company-vision-mission.png);
}
.company-page-title-area.culture {
	background-image: url(../../images/company/company-culture.png);
}
.company-page-title-area.dei {
	background-image: url(../../images/company/company-dei.png);
}
.company-page-title-area.csr {
	background-image: url(../../images/company/company-csr.png);
}
.company-page-title-area.difference {
	background-image: url(../../images/company/company-difference.png);
}
.company-page-title-area.contact {
	background-image: url(../../images/company/company-contact.png);
}

@media only screen and (max-width: 768px) {
    .company-page-title-content h2 {
        font-size: 30px;
    }

    .company-page-title-content p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 576px) {
    .company-page-title-content h2 {
        font-size: 24px;
    }

    .company-page-title-content p {
        font-size: 14px;
    }
}

.industry-page-title-area {	    
    position: relative;
	height: 350px;
	background-position: center right;
	background-repeat: no-repeat;
    overflow:hidden;
	
}

.industry-page-title-area.government {
	background-image: url(../../images/industry/government.png);
	
}

/* Media queries for responsiveness */

.prod-features {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.prod-features li {
    width: 50%; /* Display two items per row on mobile */
    box-sizing: border-box; /* Ensure padding and borders are included in the width */
    padding: 10px;
    font-size: medium;
}

@media only screen and (min-width: 768px) {
    .prod-features li {
        width: calc(50% - 20px); /* Adjust for spacing between items */
        margin-right: 20px; /* Add some horizontal spacing between items */
        margin-bottom: 20px; /* Add some vertical spacing between rows */
    }
}

@media only screen and (max-width: 768px) {
	.col-lg-8,
	.col-lg-4 {
		width: 100%; 
		margin-bottom: 20px; 
	}


.prod-features li i {
	margin-right: 5px;
}

.gems-btn,
.watch-demo-btn {
	display: block;
	margin: 10px auto; 
}
.hope-btn,.phase-btn,.prism-btn.boardhub-btn .synergy-btn ,
.watch-demo-btn {
	display: block;
	margin: 10px auto; 
}

	.text-center {
		text-align: center !important; 
	}
}

@media only screen and (max-width: 600px) {
    .industry-page-title-area {
        height: auto; /* Change height to auto for mobile devices */
        background-position: center; /* Adjust background position for mobile devices */
        background-size: cover; 
		    padding-bottom: 18px;
    padding-top: 18px;
    }

    .industry-page-title-area.government {
        background-image: url(../../images/industry/government.png);
    }
}

.industry-page-title-area.education {
	background-image: url(../../images/industry/education.png);
}
.industry-page-title-area.nonprofit {
	background-image: url(../../images/industry/nonprofit.png);
}
.industry-page-title-area.healthcare {
	background-image: url(../../images/industry/healthcare.png);
}
.industry-page-title-area.commercial {
	background-image: url(../../images/industry/commercial.png);
}
.industry-page-title-area.housing {
	background-image: url(../../images/industry/housing.png);
}

.watch-demo-btn {
	display: inline-block;
	background-color: #666666;
	padding: 12px 30px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.watch-demo-btn:hover {
	background-color: #000;
    color: #fff;
}

.watch-demo-btn i {
	margin-right: 5px;
	position: relative;
	top: 2px;
    color: #ffffff;
}


.gems-btn {
	display: inline-block;
	background-color: #ed8037;
	padding: 12px 30px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.gems-btn:hover {
	background-color: #C55A11;
    color: #ffffff;
}

.gems-btn i {
	margin-right: 5px;
	position: relative;
	top: 2px;
    color: #ffffff;
}

.hope-btn {
	display: inline-block;
	background-color: #5471c8;
	padding: 12px 30px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.hope-btn:hover {
	background-color: #274191;
    color: #ffffff;
}

.hope-btn i {
	margin-right: 5px;
	position: relative;
	top: 2px;
    color: #ffffff;
}

.phase-btn {
	display: inline-block;
	background-color: #5ab466;
	padding: 12px 30px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.phase-btn:hover {
	background-color: #3E8748;
    color: #ffffff;
}

.phase-btn i {
	margin-right: 5px;
	position: relative;
	top: 2px;
    color: #ffffff;
}

.prism-btn {
	display: inline-block;
	background-color: #d77f81;
	padding: 12px 30px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.prism-btn:hover {
	background-color: #DE5255;
    color: #ffffff;
}

.prism-btn i {
	margin-right: 5px;
	position: relative;
	top: 2px;
    color: #ffffff;
}

.boardhub-btn {
	display: inline-block;
	background-color: #9658ba;
	padding: 12px 30px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.boardhub-btn:hover {
	background-color: #6D10A3;
    color: #ffffff;
}

.boardhub-btn i {
	margin-right: 5px;
	position: relative;
	top: 2px;
    color: #ffffff;
}

.synergy-btn {
	display: inline-block;
	background-color: #cfbf30;
	padding: 12px 30px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.synergy-btn:hover {
	background-color: #BAA90B;
    color: #ffffff;
}

.synergy-btn i {
	margin-right: 5px;
	position: relative;
	top: 2px;
    color: #ffffff;
}

.resource-page-title-area {	    
    position: relative;
	height: 350px;
	background-position: center right;
	background-repeat: no-repeat;
    overflow:hidden;
}

.resource-page-title-area.bgimg {
	background-image: url(../../images/company/resources-banner.png);
}

.prudence-btn {
 display: inline-block;
 background-color: #28ABE3;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 18px;
 font-weight: 400;
 border-radius: 2px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.prudence-btn:hover {
 background-color: #198fc1;
    color: #ffffff;
}

.prudence-btn i {
 margin-right: 5px;
 position: relative;
 top: 2px;
    color: #ffffff;
}

.pulse-btn {
	display: inline-block;
	background-color: #5fafaf;
	padding: 12px 30px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
   }

.pulse-btn:hover {
    background-color: #408080;
    color: #ffffff;
}

.pulse-btn i {
    margin-right: 5px;
    position: relative;
    top: 2px;
    color: #ffffff;
}

/* Get in touch buttons */


.prudence-btn-touch {
 display: inline-block;
 background-color: #404040;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 border-radius: 10px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.prudence-btn-touch:hover {
 background-color: #28ABE3;
    color: #ffffff;
}


.gems-btn-touch {
 display: inline-block;
 background-color: #404040;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 border-radius: 10px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.gems-btn-touch:hover {
 background-color: #C55A11;
    color: #ffffff;
}


.hope-btn-touch {
 display: inline-block;
 background-color: #404040;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 border-radius: 10px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.hope-btn-touch:hover {
 background-color: #274191;
    color: #ffffff;
}


.phase-btn-touch {
 display: inline-block;
 background-color: #404040;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 border-radius: 10px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.phase-btn-touch:hover {
 background-color: #3E8748;
    color: #ffffff;
}


.prism-btn-touch {
 display: inline-block;
 background-color: #404040;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 border-radius: 10px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.prism-btn-touch:hover {
 background-color: #DE5255;
    color: #ffffff;
}


.boardhub-btn-touch {
 display: inline-block;
 background-color: #404040;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 border-radius: 10px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.boardhub-btn-touch:hover {
 background-color: #6D10A3;
    color: #ffffff;
}


.synergy-btn-touch {
 display: inline-block;
 background-color: #404040;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 border-radius: 10px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.synergy-btn-touch:hover {
 background-color: #BAA90B;
    color: #ffffff;
}

.pulse-btn-touch {
 display: inline-block;
 background-color: #404040;
 padding: 12px 30px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 border-radius: 10px;
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

.pulse-btn-touch:hover {
    background-color: #408080;
    color: #ffffff;
}