/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 13 2026 | 22:17:12 */
/* some general styles */

.page-id-8091 #main .row { max-width: 100%; }

.page-id-8091 .col { padding-left: 0; padding-right: 0; }

.page-id-8091 .container { padding: 0 15px; }

.d-flex { display: flex; }

.align-items-center { align-items: center; }

.text-uppercase { text-transform: uppercase; }

/* end some general styles */



/* CROC landing page styles */

.page-id-8091 .header .header-main { background: #18043C; }

.page-id-8091 #content { padding-top: 0; }

.transform-compliance-section { background: #18043C; padding: 100px 0 !important; }

.transform-compliance-section .custom-row { column-gap: 50px; }

.transform-compliance-section .custom-row .first-custom-column { width: 70%; }

.transform-compliance-section .custom-row .second-custom-column { width: 30%; }

.transform-compliance-section .custom-row .first-custom-column h1 { font-size: 62px; font-style: italic; font-weight: 300; margin-bottom: 0; }

.transform-compliance-section .custom-row .first-custom-column h1 span { color: #B859FF; }

.transform-compliance-section .custom-row .first-custom-column h4 { font-family: 'Roboto'; font-size: 22px; margin-top: 20px; line-height: 1.5; }

.transform-compliance-section .custom-row .first-custom-column .buttons-row { margin-top: 30px; gap: 20px; }

.transform-compliance-section .custom-row .first-custom-column .buttons-row a { border-radius: 50px; border: 2px solid transparent; padding: 8px 20px; color: #fff; font-weight: 400; }

.transform-compliance-section .custom-row .first-custom-column .buttons-row a:first-child { background: #7A3B8F; border-color: #7A3B8F; }

.transform-compliance-section .custom-row .first-custom-column .buttons-row a:last-child { background: transparent; border-color: #7A3B8F; }

.transform-compliance-section .custom-row .second-custom-column img { width: 100%; }

.problem-is-not-compliance-section { padding: 70px 0 !important; }

.problem-is-not-compliance-section .first-custom-row { max-width: 710px; margin: auto; }

.problem-is-not-compliance-section .first-custom-row h2 { font-size: 39px; color: #04C3D5; font-family: 'Roboto'; font-weight: bold; margin-bottom: 0; }

.problem-is-not-compliance-section .first-custom-row h4 { font-size: 20px; font-family: 'Roboto'; font-weight: 400; margin-top: 20px; }

.problem-is-not-compliance-section .second-custom-row { margin-top: 50px; flex-wrap: wrap; gap: 40px; }

.problem-is-not-compliance-section .second-custom-row .custom-column { width: calc(25% - 30px); border: 4px solid #7A3B8F; border-radius: 20px; padding: 50px; box-sizing: border-box; }

.problem-is-not-compliance-section .second-custom-row .custom-column img { display: block; margin: auto; }

.problem-is-not-compliance-section .second-custom-row .custom-column p { font-weight: 400; margin-top: 20px; margin-bottom: 0; }

.compliance-processes-section { background-image: url(/wp-content/uploads/2026/05/compliance-processes-background.jpg); background-size: cover; padding: 100px 0 !important; }

.compliance-processes-section .custom-row { justify-content: flex-end; }

.compliance-processes-section .custom-row .custom-column { width: 50%; }

.compliance-processes-section .custom-row .custom-column h2 { font-size: 39px; color: #04C3D5; font-family: 'Roboto'; font-weight: bold; margin-bottom: 20px; }

.compliance-processes-section .custom-row .custom-column p { margin-bottom: 0; font-size: 18px; font-family: 'Roboto'; font-weight: 400; }

.compliance-processes-section .custom-row .custom-column a { border-radius: 50px; background: #7A3B8F; border: 2px solid #7A3B8F; padding: 8px 20px; color: #fff; font-weight: 400; display: table; margin-top: 30px; }

.how-it-works-section { padding: 100px 0 !important; background: #18043C; }

.how-it-works-section h2 { font-size: 39px; color: #04C3D5; font-family: 'Roboto'; font-weight: bold; margin-bottom: 0; }

.how-it-works-section .custom-row { margin-top: 50px; column-gap: 50px; }

.how-it-works-section .custom-row .custom-column { width: 16.66%; gap: 10px; justify-content: center; }

.how-it-works-section .custom-row .custom-column h3 { width: fit-content; font-size: 30px; font-family: 'Roboto'; font-weight: bold; color: #9660A4; }

.how-it-works-section .custom-row .custom-column h4 { font-size: 18px; font-style: italic; margin-bottom: 0; }

.benefits-for-your-organization-section { padding: 0 !important; }

.benefits-for-your-organization-section .custom-row .custom-column { width: 50%; }

.benefits-for-your-organization-section .custom-row .first-custom-column .custom-column-content { margin-left: calc((100vw - min(1220px, 80vw)) / 2); margin-right: 50px; }

.benefits-for-your-organization-section .custom-row .first-custom-column h2 { font-size: 39px; color: #04C3D5; font-family: 'Roboto'; font-weight: bold; margin-bottom: 20px; max-width: 390px; }

.benefits-for-your-organization-section .custom-row .first-custom-column p { margin: 0; font-size: 18px; font-family: 'Roboto'; font-weight: 400; }

.benefits-for-your-organization-section .custom-row .second-custom-column img { width: 100%; min-height: 450px; object-fit: cover; display: block; }

.is-not-only-software-section { padding: 100px 0 !important; background: #210368; }

.is-not-only-software-section h2 { font-size: 39px; color: #04C3D5; font-family: 'Roboto'; font-weight: bold; max-width: 600px; margin: auto; margin-bottom: 0; }

.is-not-only-software-section .responsive-table { margin-top: 40px; }

.is-not-only-software-section table { border: 1px solid #4FDFFF; max-width: 700px !important; margin: auto; border-collapse: collapse; }

.is-not-only-software-section table .first-tr { background: #12305B; }

.is-not-only-software-section table .first-tr td:last-child { color: #00E38D; font-weight: bold; }

.is-not-only-software-section table .circle { border-radius: 100px !important; padding: 3px 20px; column-gap: 5px; justify-content: center; width: 100px; margin: auto; }

.is-not-only-software-section table .circle.blue-circle { background: #091E9C; }

.is-not-only-software-section table .circle.green-circle { background: #00E38D; color: #000; font-weight: bold; }

.is-not-only-software-section table .circle.violet-circle { background: #7A3B8F; }

.is-not-only-software-section table .main-td { font-style: italic; font-weight: bold; font-family: 'Merriweather'; }

.is-not-only-software-section table .main-span { color: #00E38D; }

.is-not-only-software-section table td { color: #fff; font-size: 18px; padding: 10px 20px; box-sizing: border-box; }

.designed-for-leaders-section { padding: 100px 0 !important; background-image: linear-gradient(rgba(2, 2, 48, 0.87), rgba(2, 2, 48, 0.87)), url(/wp-content/uploads/2026/05/designed-for-leaders-background.jpg); }

.designed-for-leaders-section h2 { font-size: 39px; color: #04C3D5; font-family: 'Roboto'; font-weight: bold; max-width: 600px; margin: auto; margin-bottom: 0; }

.designed-for-leaders-section .custom-row { margin-top: 50px; column-gap: 30px; justify-content: center; }

.designed-for-leaders-section .custom-row .custom-column { width: 15%; }

.designed-for-leaders-section .custom-row .custom-column img { display: block; margin: auto; }

.designed-for-leaders-section .custom-row .custom-column h4 { font-family: 'Roboto'; font-weight: 400; font-size: 20px; margin-top: 20px; margin-bottom: 0; }

.operate-compliance-section { padding: 100px 0 !important; }

.operate-compliance-section .custom-row h2 { font-size: 39px; color: #04C3D5; font-family: 'Roboto'; font-weight: bold; margin-bottom: 20px; }

.operate-compliance-section .custom-row h4 { font-size: 20px; font-family: 'Roboto'; font-weight: 400; }

.operate-compliance-section .custom-row a { border-radius: 50px; background: #7A3B8F; border: 2px solid #7A3B8F; padding: 8px 20px; color: #fff; font-weight: 400; display: table; margin: auto; margin-top: 30px; }

@media (max-width: 1380px) {
	.transform-compliance-section .custom-row .first-custom-column h1 { font-size: 50px; }
	
	.transform-compliance-section .custom-row .first-custom-column h4 { font-size: 18px; }
	
	.problem-is-not-compliance-section .first-custom-row { max-width: 570px; }
	
	.problem-is-not-compliance-section .first-custom-row h2 { font-size: 31px; }
	
	.problem-is-not-compliance-section .first-custom-row h4 { font-size: 16px; }
	
	.compliance-processes-section .custom-row .custom-column h2 { font-size: 31px; max-width: 370px; }
	
	.compliance-processes-section .custom-row .custom-column p { font-size: 16px; }
	
	.how-it-works-section h2 { font-size: 31px; }
	
	.how-it-works-section .custom-row .custom-column h3 { font-size: 24px; }
	
	.how-it-works-section .custom-row .custom-column h4 { font-size: 16px; }
	
	.benefits-for-your-organization-section .custom-row .first-custom-column h2 { font-size: 31px; }
	
	.benefits-for-your-organization-section .custom-row .first-custom-column p { font-size: 16px; }
	
	.is-not-only-software-section h2 { font-size: 31px; }
	
	.is-not-only-software-section table td { font-size: 16px; }
	
	.designed-for-leaders-section h2 { font-size: 31px; max-width: 480px; }
	
	.designed-for-leaders-section .custom-row .custom-column h4 { font-size: 16px; }
	
	.operate-compliance-section .custom-row h2 { font-size: 31px; }
	
	.operate-compliance-section .custom-row h4 { font-size: 16px; }
}

@media (max-width: 1200px) {
	.how-it-works-section .custom-row { flex-wrap: wrap; justify-content: center; }
	
	.how-it-works-section .custom-row .custom-column { width: calc(25% - 30px); }
}

@media (max-width: 992px) {
	.transform-compliance-section .custom-row { flex-wrap: wrap; }
	
	.transform-compliance-section .custom-row .custom-column { width: 100%; text-align: center; }
	
	.transform-compliance-section .custom-row .first-custom-column .buttons-row { justify-content: center; }
	
	.transform-compliance-section .custom-row .first-custom-column h4 { max-width: 570px; margin: auto; margin-top: 20px; }
	
	.transform-compliance-section .custom-row .second-custom-column { margin-top: 40px; }
	
	.transform-compliance-section .custom-row .second-custom-column img { max-width: 500px; margin: auto; }
	
	.problem-is-not-compliance-section .second-custom-row { justify-content: center; }
	
	.problem-is-not-compliance-section .second-custom-row .custom-column { width: calc(33.33% - 27px); }
	
	.compliance-processes-section { padding: 70px 0 !important; }
	
	.compliance-processes-section .custom-row .custom-column { width: 100%; text-align: center; padding: 0 15px; }
	
	.compliance-processes-section .custom-row .custom-column h2 { margin: auto; margin-bottom: 20px; }
	
	.compliance-processes-section .custom-row .custom-column a { margin: auto; margin-top: 30px; }
	
	.how-it-works-section { padding: 70px 0 !important; }
	
	.how-it-works-section .custom-row { margin-top: 20px; }
	
	.how-it-works-section .custom-row .custom-column { width: 100%; text-align: center; }
	
	.how-it-works-section .custom-row .custom-column h4 { width: auto; }
	
	.benefits-for-your-organization-section .custom-row { flex-wrap: wrap; }
	
	.benefits-for-your-organization-section .custom-row .custom-column { width: 100%; text-align: center; }
	
	.benefits-for-your-organization-section .custom-row .first-custom-column { padding: 70px 0; }
	
	.benefits-for-your-organization-section .custom-row .first-custom-column h2 { margin: auto; margin-bottom: 20px; }
	
	.benefits-for-your-organization-section .custom-row .second-custom-column img { min-height: auto; }
	
	.is-not-only-software-section { padding: 70px 0 !important; }
	
	.designed-for-leaders-section { padding: 70px 0 !important; }
	
	.operate-compliance-section { padding: 70px 0 !important; }
	
	.designed-for-leaders-section .custom-row { flex-wrap: wrap; row-gap: 40px; }
	
	.designed-for-leaders-section .custom-row .custom-column { width: 33%; }
}

@media (max-width: 768px) {
	.problem-is-not-compliance-section .second-custom-row .custom-column { width: calc(50% - 20px); }
	
	.is-not-only-software-section .responsive-table { max-width: 768px; width: 100%; overflow-x: auto; }
	
	.is-not-only-software-section .responsive-table table { max-width: 100% !important; width: 992px; }
}

@media (max-width: 575px) {
	.problem-is-not-compliance-section .second-custom-row .custom-column { width: 100%; }
	
	.designed-for-leaders-section .custom-row .custom-column { width: 100%; }
}

/* end CROC landing page styles */