img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} html,body {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;} body {font-family: 'Poppins', Arial, Helvetica, sans-serif;font-size: 20px;line-height: 1.5;min-width: 320px} body,nav a,.securitytools p,.subfoot {color: #403d39;} body,header ul,footer ul {padding: 0;margin: 0;} h1,h2,h3,h4,h5,h6,p,th,td,dd,dt,li,blockquote {text-align: left;} img,iframe {max-width: 100%;height: auto;} iframe {aspect-ratio: auto 16 / 9;width: 100%;margin: 1em auto;display: block} .fullwidth {width: 100%;} a img,iframe {border: none;} :hover {transition: ease-in-out .3s;} a,header a:hover,form input[type=submit]:hover,.btn:hover,.beginnings .grid a:hover,.about .grid.fourth a:hover,a.emphasis:hover {text-decoration: none;} a,header a:hover,.beginnings .grid a:hover h2 { color: #2a71af} a:hover {text-decoration: underline;} hr {border-width: 1px;border-color: rgba(0, 0, 0, .1);border-style: none none solid;margin: 40px 0;} .imgLeft,.imgRight {max-width: 45%;} .imgLeft {float: left;margin: 10px 4% 2% 0;} .imgCenter {display: block;margin: 0 auto;} .imgRight {float: right;margin: 10px 0 2% 4%;} .clear {clear: both;} .nowrap,a[href^=tel] {white-space: nowrap;} sup {line-height: 0} .hide {display: none !important;} .jQexpiring {display: none;} .center,.home .wrap,form,.about h2,.about .grid.fourth h3,.about .grid.fourth p,.contact .locations,.contact .locations li,.emphasis h2,.emphasis p,.emphasis h3 {text-align: center;} .wrap {display: block;max-width: 1080px;margin: 0 auto;position: relative;} .flex {display: flex;flex-wrap: wrap;} .flex>* {flex: 1} .mid {align-items: center;align-self: center;} .grid,.latest .blogs .posts {display: grid;grid-gap: 10px clamp(10px, 2.5vw, 40px);} .grid.half,.latest .blogs .posts {grid-template-columns: repeat(2, 1fr);} .grid.third {grid-template-columns: repeat(3, 1fr);} .grid.fourth {grid-template-columns: repeat(4, 1fr);} .grid.fifth {grid-template-columns: repeat(5, 1fr);} .grid.sixth {grid-template-columns: repeat(6, 1fr);} .grid.half>img {height: 100%;object-fit: cover} .bgimg {position: relative} .bgimg>img:first-of-type {position: absolute;width: 100%;height: 100%;inset: 0;object-fit: cover;z-index: 0} .bgimg>div {z-index: 2;position: relative} .nowrapbreak {display: block;} blockquote {font-style: italic;color: #767676;margin: 20px 0;} .pad {padding-left: 10px;padding-right: 10px;} .dis-acc {font-size: 14px;padding-top: 70px;} header img {display: block;width: 100%;max-width: 300px;margin: 0 auto} header,footer {font-size: 18px;} header .wrap {padding: 10px 0 5px;} header .grid {grid-template-columns: 220px 1fr;} header a {display: block;padding: 10px;} nav,.subfoot .grid>div:last-of-type {text-align: right;} nav li,footer .social li {display: inline-block;} nav ul ul {display: none;min-width: 230px; background-color: #2a71af;margin-left: -10px;border-radius: 5px;box-shadow: 0 5px 5px rgba(0, 0, 0, .1);position: absolute;z-index: 999;} nav ul ul li,nav ul ul a {display: block;} nav ul ul a,.hero,.hero a,footer,footer a,.solutions .grid.half:first-of-type,.solutions .grid.half:first-of-type h2,.innovation .intro,.about .grid.fourth a:hover h3,.contact .locations,.contact .locations a,.emphasis,.emphasis h2,.emphasis a,.locations h2 {color: #fff;} nav li:hover>ul,a.emphasis {display: block;} nav ul ul a {padding: 10px 20px;} nav ul ul a:hover {background-color: #006fbf;color: #fff;} nav ul ul li:first-of-type a {border-radius: 5px 5px 0 0;} nav ul ul li:last-of-type a {border-radius: 0 0 5px 5px;} nav ul li:last-of-type ul,nav ul>li:nth-last-child(2) ul {right: 0;} .hero,.innovation .intro,.latest .intro,.about .grid.fourth div {background-size: cover;background-position: center;} .hero {width: 100%;height: 600px;background-image: url(/images/hero-main.jpg);background-position: 30% 50%;position: relative;} .hero:before {content: "";width: 100%;height: 100%;background-image: linear-gradient(to right, transparent 10%, #2a71af 90%);position: absolute;top: 0;left: 0;z-index: 111;} .hero .wrap {top: 50%;transform: translateY(-50%);padding: 15px;z-index: 888;} .hero .grid {grid-template-columns: 500px 1fr;} .hero,.innovation .intro,.about .grid.fourth a:hover h3,.about .grid.fourth a:hover p {text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);} .hero p,.hero li {text-align: right;} .hero p {font-size: 20px;margin: 0 auto;position: relative;z-index: 999;} .hero strong {font-size: 36px;} .hero li {margin: 10px 0;padding-bottom: 10px;border-bottom: 1px solid #fff;} .hero li svg {vertical-align: middle;margin-left: 20px;} .hero .main p {max-width: 600px;text-align: center;} .hero .main h1 {font-size: 32px;max-width: 80%;margin: auto;text-align: center;} .hero p {display: block;line-height: 1.3;margin-bottom: 30px;} .hero .btn {margin-top: 30px;} .humble {font-size: 24px;font-weight: bold;} main>.wrap {text-align: left;padding: 40px 10px;} main h1,main h2,.innovation h3 {font-size: 24px;} main h1 {line-height: 1.3; background-color: #2a71af;color: #fff;padding: 10px clamp(10px, 4vw, 40px);margin-bottom: 40px;} h2,h3,h4,h5,h6 {color: #3f8bcb} main strong,h3,h4,h5,h6 {font-weight: 600;} main h3,main h4,footer .cta,.about .grid.fourth h3.about .grid.fourth h3 {font-size: 20px;} main ul,main ol {padding-left: 25px;} main li,footer li {margin: 5px 0;} .home h1 {background-color: unset;color: #403d39;} .nolist,.hero ul,.contact .locations ul,footer ul {list-style: none;padding-left: 0;} .beginnings p,.cta p,.innovation .intro p {max-width: 900px;margin: 20px auto;} .beginnings h2 span {display: block;text-transform: uppercase;font-size: .8em;font-weight: normal;color: #767676;} .beginnings ul {padding: 0;} .beginnings ul li {list-style: none;padding-left: 0;margin: 7px 0;position: relative;text-align: center;} .beginnings .grid {grid-gap: 30px 10px;padding: 60px 0 0;} .beginnings .grid h2 {text-align: center;color: #403d39;margin-top: -40px;} .beginnings .grid>div {background-color: #eee;color: #403d39;padding: 0 20px 10px;border-radius: 10px;} .beginnings .grid>div svg {padding: 10px;border-radius: 100%;position: relative;top: -50px;display: block;margin: 0 auto} .beginnings .grid>div:nth-of-type(odd) svg { background-color: #2a71af} .beginnings .grid>div:nth-of-type(even) svg {background-color: #575757;} .solutions {margin: 60px 0;position: relative;} .solutions img,.solutions h2,.solutions p {position: relative;z-index: 999;} .solutions:before {content: "";width: 100%;height: 350px;background-color: #403d39;position: absolute;top: 40px;left: 0;z-index: 111;} .solutions .grid.half {padding: 20px 0;} .solutions .grid.half:nth-of-type(odd)>img {order: 2;} .solutions img,.innovation,.latest .intro,.about .grid.fourth div,.about .grid.fourth a,.contact .locations,.emphasis {border-radius: 10px;} .innovation .intro h2,.latest .intro h2,.cta h2 {font-size: 30px;} .innovation .intro,.latest .intro {margin: 20px 0;} .innovation .intro {padding: 140px 20px;} .innovation .intro h2 {color: #fff} .innovation:after {content: "";position: absolute;inset: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3)} .innovation,.latest .intro {overflow: hidden} .latest .intro {padding: 80px 40px;border: 1px solid #efefef;background: linear-gradient(135deg, #2a71af 0%, #1a4d7a 100%);} .latest .intro h2 {color: #fff;margin-bottom: 10px;} .latest .intro p {color: #fff;margin: 0;} .carousel {height: 60px;margin-top: 50px;} .carousel img {max-width: 150px;max-height: 60px;vertical-align: middle;margin: 0 40px;width: auto} .about .grid.third {position: relative;} .about .grid.third div:nth-of-type(1) {grid-row: span 2;} .about .grid.third div:nth-of-type(4) {grid-column: span 2;} .about .grid.third:before {content: "";width: 100%;height: 1px;background-color: #ccc;position: absolute;top: 36px;left: 0;z-index: 111;} .about .grid svg {display: block;margin: 0 auto;position: relative;z-index: 999;} .about .grid.fourth {grid-gap: 10px;} .about .grid.fourth div {filter: grayscale(100%);} .about .grid.fourth div:nth-of-type(1) {background-image: url(/images/team1.jpg);} .about .grid.fourth div:nth-of-type(2) {background-image: url(/images/team2.jpg);} .about .grid.fourth div:nth-of-type(3) {background-image: url(/images/team3.jpg);} .about .grid.fourth div:nth-of-type(4) {background-image: url(/images/team4.jpg);} .about .grid.fourth a {color: transparent !important;} .about .grid.fourth h3 {margin-bottom: 0;color: transparent} .about .grid.fourth p {margin-top: 0;} .about .grid.fourth a {display: block;padding: 80px 0;} .about .grid.fourth a:hover {background-color: rgba(0, 0, 0, .3);color: #fff !important;} .about .grid.fourth div:hover {filter: grayscale(50%);} h2.big {font-size: 36px; color: #2a71af;margin-top: 40px;} .contact .locations,.emphasis {font-size: 20px; background-color: #2a71af;padding: 20px 40px 40px;margin: 50px 0 40px;} .contact .locations h2,footer h3 {text-transform: uppercase;} .contact .locations h2 {margin-bottom: 30px;} .contact .locations .grid>div:nth-of-type(2) {border-left: 1px solid rgba(255, 255, 255, .3);border-right: 1px solid rgba(255, 255, 255, .3);} .contact .locations ul {margin-top: 0;} .contact .locations h3 {color: #fff;text-align: center} .cases h2 {margin-top: 40px} .cases h3 {color: #403d39} cite {display: block;margin: 1em 0} .benefits {font-size: 18px;} .mt50 {margin-top: 50px;} .recycling img {object-fit: contain;display: block;min-height: 80px;margin: 40px auto 20px;} body svg {vertical-align: middle} .securitytools svg {margin: 0 auto;display: block} .securitytools h2,.securitytools p,.securitytools a {text-align: center} .securitytools a>span {display: inline-block;margin: 0 auto;position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px} .securitytools a {text-decoration: none;position: relative;padding: 10px 10px 80px;} .securitytools a:hover {outline: 2px solid #ccc;border-radius: 5px} .securitytools h2 span {display: block} .partners h2 {color: #000;padding: 10px;text-align: center;border-width: 4px;border-style: solid;border-radius: 10px;} .partners ul {padding: 10px 10px 10px 35px} .partners img {display: block;margin: 30px auto;max-width: 80%;padding: 0 5px;box-sizing: border-box} .partners img:first-of-type {margin: 20px auto;max-width: 100%} .partners div {text-align: center} .infoi,.infop,.infopr,.infoc {min-height: 580px;height: 645px;} .infoi ul,.infop ul,.infopr ul,.infoc ul {list-style: none;} .infoi a,.infop a,.infopr a,.infoc a {color: #000;padding: 5px 0;} .infoi li,.infop li,.infopr li,.infoc li {padding: 5px 0;} .infoi {border-color: #518dd1;background-color: #5fa4f1;} .infoc {border-color: #8eb4ce;background-color: #a4cfec;} .infop {border-color: #41adb0;background-color: #56e2e7;} .infopr {border-color: #2a4a6a;background-color: #5799db;} .pinfo h2 {border-color: #518dd1} .pcomm h2 {border-color: #8eb4ce} .pprint h2 {border-color: #41adb0} .pproc h2 {border-color: #2a4a6a} .pinfo .grid {grid-template-columns: 1fr 1fr;grid-gap: 30px 10px;align-items: center} .pinfo .grid img {max-height: 60px;margin: 0 auto;} img.mw70 {max-width: 70%} img.mw60 {max-width: 60%} .mh90 {max-height: 90px} .careers {padding-bottom: 60px;} .bgBlue {background-color: #006fbf;} .cybersec-partners img {height: auto !important;margin: auto;} form {margin: 20px 0;} form .grid {grid-gap: 0 10px;} form div {text-align: left} form label {display: block;text-align: left} form input[type=text],form input[type=email],form input[type=tel],form input[type=file],form input[type=submit],form select,form textarea,form input[type=password],.btn {font-family: 'Poppins', sans-serif;font-size: 18px;} form input[type=text],form input[type=email],form input[type=tel],form select,form textarea,form input[type=password] {background-color: #fff;margin-bottom: 10px;padding: 0 10px;border: none;border-bottom: 1px solid #eee;} form input[type=text],form input[type=email],form input[type=tel],form select,form input[type=password],form input[type=submit] {height: 50px;} form input[type=text],form input[type=email],form input[type=tel],form textarea,form input[type=password] {width: calc(100% - 20px);} form select {width: 100%;} form input[type=file] {margin-left: 10px;border-radius: 0;} form textarea {height: 100px;padding: 15px 10px;} form input[type=submit],.btn,.latest .post p a {display: inline-block;min-width: 110px;text-align: center;line-height: 1.5; background-color: #2a71af;color: #fff !important;padding: 10px 40px;margin: 10px 0;border: none;border-radius: 5px;transition: ease-out .3s;} form input[type=submit] {min-width: 250px;margin: 0;} form input[type=submit]:hover,.btn:hover,a.emphasis:hover,.securitytools a:hover>span {cursor: pointer;background-color: #006fbf;color: #fff !important;} #assessmentform div[data-step] {display: none;} #assessmentform fieldset {border: none;text-align: left;margin-bottom: 35px;padding: 10px;} #assessmentform fieldset legend {display: block;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #assessmentform fieldset .form-option {display: inline-block;} #assessmentform fieldset .form-option input {display: none;} #assessmentform fieldset .form-option label:hover {cursor: pointer;color: #000;} #assessmentform fieldset .form-option label {display: inline-block;vertical-align: middle;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;color: #ccc;border-radius: 5px;padding: 15px;} #assessmentform fieldset .form-option label:nth-child(2) {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;} #assessmentform fieldset .form-option input:checked+label {border: 1px solid #2a4a6a;background-color: #006fbf;color: #fff;} .saveforlater {display: none;} #assessmentform .btn {margin: 0 15px;} #assessmentform fieldset {width: 45%;display: inline-block;vertical-align: top;text-align: center;padding: 0 20px;} ul.assessmentToc {list-style-type: none;margin: 0 0 50px 0;padding: 0;display: grid;grid-template-columns: repeat(5, 1fr);} ul.assessmentToc li {background: #fff;border: 1px solid #767676;color: #ccc;padding: 15px;font-weight: normal;margin: 0;padding: 10px;} ul.assessmentToc li.active {font-weight: bold;background-color: #006fbf;color: #fff;} ul.assessmentToc li.active li {border: none;background: #006fbf;color: #fff;} ul.assessmentToc ul {margin: 0;padding: 0;} ul.assessmentToc ul li {list-style-type: none;border: none;font-weight: normal;padding: 0;font-size: 14px;} .mpsbenefits {display: grid;grid-template-columns: 1fr 1fr;} .mpsbenefits div {padding: 20px;} .mpsbenefits h3 {margin-bottom: 0;font-weight: bold;} .mpsbenefits p {margin: 0 0 50px 0;} .rating {display: inline-block;position: relative;height: fit-content;line-height: 50%;font-size: 25px;} .rating label {position: absolute;top: 0;left: 0;height: 100%;cursor: pointer;} .rating label:last-child {position: static;} .rating label:nth-child(1) {z-index: 5;} .rating label:nth-child(2) {z-index: 4;} .rating label:nth-child(3) {z-index: 3;} .rating label:nth-child(4) {z-index: 2;} .rating label:nth-child(5) {z-index: 1;} .rating label input {position: absolute;top: 0;left: 0;opacity: 0;} .rating label .icon {float: left;color: transparent;} .rating label:last-child .icon {color: #000;} .rating:not(:hover) label input:checked~.icon,.rating:hover label:hover input~.icon {color: gold;} .rating label input:focus:not(:checked)~.icon:last-child {color: #000;text-shadow: 0 0 5px #006fbf;} .reveal-if-active {opacity: 0;max-height: 0;overflow: hidden;margin: 10px 0} input[id="survey-choice-yes"]:checked~.reveal-if-active {opacity: 1;max-height: fit-content;overflow: visible;} .radiolabel {display: inline-block;margin-right: 20px} #survey p {margin: 0} .lp-hero {position: relative;width: 100%;min-height: 500px; background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(29, 85, 163, 0.9)), url('/images/hero-print.jpg');background-size: cover;background-position: center;display: flex;align-items: center;overflow: hidden;color: #ffffff;} .lp-hero .btn {display: inline-block;padding: 15px 30px;background-color: #007bff;color: white;text-decoration: none;border-radius: 5px;font-weight: 600;transition: all 0.3s ease;} .lp-hero .btn:hover {background-color: #0056b3;transform: translateY(-2px);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);} .lp-hero h1 {font-size: 3.5rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.2;background: none;padding: 0;} .core .grid div {background: #fff;backdrop-filter: blur(10px);border-radius: 10px;padding: clamp(10px, 2vw, 30px);border: 1px solid rgba(255, 255, 255, 0.2);} .core .grid div h3 {text-align: center;} .core .grid div .btn {margin: 5px auto;text-align: center;} .core {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);position: relative;padding: 60px 0 80px 0;} .core h2 {text-align: center;} .why {margin: 50px auto;} .check {list-style: none;padding: 0;} .check li {padding-left: 1.5em;position: relative;} .check li::before {content: '✔';position: absolute;left: 0;top: 0;width: 1em;height: 1em;color: #007bff;} .roundtable h1,.roundtable p {text-align: center;} .red {color: #EE0000;} .green {color: #06B254;} .roundtable h1 {font-size: 50px;} footer { background-color: #2a71af;margin-top: 20px;clear: both} footer h2,footer h3 {color: #fff} footer .wrap {padding: 0 10px;} footer .cta {background-color: #575757;padding: 50px 0 70px;} footer .cta form {margin: 40px 0;} footer .grid.fourth {padding: 10px 0 50px} footer .grid .industries {grid-column: span 2} footer .industries ul {display: grid;grid-template-columns: 1fr 1fr} footer h3 {font-size: 18px;margin-top: 50px;} footer .social {text-align: left;} footer .social li {margin: 0 5px 5px 0;} footer .policies {grid-column: 1 / -1} .policies :is(ul, h3) {text-align: center} .policies li {display: inline-block} .policies a {display: block;margin: 5px 10px;padding: 5px} .subfoot {background-color: #eee;padding: 10px 0;} .ccpaNotice {text-align: center !important;background-color: #fff !important;} .grid.event {grid-template-columns: 200px 1fr} .event h2 {color: #000;} .event h2,.event p {margin: 10px 0} .event ul {margin: 5px 0} .hero .wrap>div.event {max-width: 500px} .emphasis h3 {color: #fff;font-size: 1.4em;margin-bottom: 0;} .emphasis input[type=submit] {background-color: #403d39;} #survey-comments {min-height: 400px;position: relative} div.comments {display: block;background-color: #e9ecef;background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23bfbfbf' fill-opacity='0.1'/%3E%3C/svg%3E");margin: 20px 0;padding: 20px 0;} .comments h2,.comments h3 {text-align: center;} div.comments .comment {text-align: left;background: #fff;border: 1px solid #eee;padding: 30px clamp(10px, 2vw, 30px);border-radius: 5px;overflow: hidden} .comment-name {font-weight: bold;} .comment-date {display: block;color: #ccc;} .comments .comment {opacity: 0;position: absolute;inset: 0} .comments .comment.active {opacity: 1;} .comments .comment {transition: opacity 0.5s;} .nps-score {font-size: 36px;font-weight: bold;display: block;} #nps-section {background: url('/images/nsp-gauge.png') center center no-repeat;background-size: contain;background-repeat: no-repeat;text-align: center;display: block;padding-top: 80px;margin: 0 auto;} .nps-responses {font-weight: normal;color: #ccc;display: block;margin-top: 70px;} .marquee-container {width: 100%;overflow: hidden;position: relative;} .marquee {display: flex;width: 200%; animation: scroll 40s linear infinite;margin-top: 50px} .marquee-content {display: flex;align-items: center;width: 100%;flex-shrink: 0;height: 60px;} .marquee img {width: 100%;height: 100%;max-width: 150px;max-height: 60px;margin: 0 40px;object-fit: contain;outline: none;background-color: #fff;border-radius: 10px;display: inline-block} .playbook-cta {text-align: center;margin: 60px 0;background-color: #e9ecef;border-radius: 25px;padding: 30px 20px;} .latest .intro>div {position: relative;z-index: 2;} .latest .intro h2 {color: #fff;margin-bottom: 15px;font-size: 32px;font-weight: 700;letter-spacing: -0.5px;} .latest .intro p {color: rgba(255, 255, 255, 0.95);margin: 0;font-weight: bold;line-height: 1.6;} .latest .pad { border-radius: 0;padding: 0px;} .latest .blogs .posts {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;} .latest .post {background: white;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;border: 1px solid #f0f0f0;padding: 10px;} .latest .post:hover {transform: translateY(-8px);box-shadow: 0 12px 30px rgba(42, 113, 175, 0.15);border-color: #e0e0e0;} .latest .post h3 {color: #1a4d7a;font-size: 18px;line-height: 1.4;} .latest .post p {color: #666;font-size: 16px; line-height: 1.6;} .latest .post p a {background-color: #2a71af;color: #fff !important;padding: 8px 20px;border-radius: 5px;text-decoration: none;font-weight: 600;transition: background-color 0.3s ease;display: inline-block;margin-top: 5px;} .latest .post p a:hover {background-color: #1a4d7a;} .latest .intro {background-size: cover;background-position: center;} @keyframes scroll {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}} .marquee:hover {animation-play-state: paused;} @media(max-width:999px) {nav ul ul {display: none !important} .beginnings .grid.fourth,.grid.fourth.partners {grid-template-columns: 1fr 1fr} .solutions:before {top: 0} footer .grid {grid-gap: 10px 20px} .about .grid.third {grid-template-columns: 1fr} .about .grid.third div:nth-of-type(4) {grid-column: unset} .about .grid.third:before {display: none} .about .grid.third h2 {position: relative} .about .grid.third h2:before {content: "";width: 100%;height: 1px;background-color: #ccc;position: absolute;top: 18px;left: 0;z-index: 111;} .about .grid.fourth a {background-color: rgba(0, 0, 0, .3);color: #fff !important;height: calc(100% - 160px)} .about .grid.fourth h3 {color: #fff} .grid.event {grid-template-columns: 120px 1fr} .infoi,.infoc {min-height: 380px} .infop,.infopr {min-height: 310px}} @media(max-width:767px) { header .grid,footer .grid.fourth,.grid.third {grid-template-columns: 1fr} .about .grid.fourth {grid-template-columns: 1fr 1fr} nav ul,footer h3,footer .social {text-align: center} footer .grid.fourth {padding: 30px 0 50px} footer h3 {margin: 1em 0} footer .grid li {display: inline-block;} footer .grid li a {display: block;padding: 5px 20px;outline: 1px solid #ccc;margin: 5px;border-radius: 3px;text-align: center} footer .corp-addr li {display: block;text-align: center} footer .grid .corp-addr li a {display: inline-block} footer .industries ul {display: unset} footer .grid .industries {grid-column: unset} .contact .locations .grid>div:nth-of-type(2) {border: none;margin: 20px 0} .benefits>div {padding-left: 30px} .grid.event {grid-template-columns: 1fr;grid-gap: 0;} .grid.event h3 {margin: 20px 0 0} .hero .wrap>div.event {max-width: 395px} .imgRight,.imgLeft {float: none;max-width: 100%;margin: 10px auto;min-height: 250px;object-fit: cover} .lp-hero h1 {font-size: 2.5rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.2;background: none;padding: 0;}} @media(max-width:700px) { .grid.half,.beginnings .grid.fourth,.latest .blogs .posts {grid-template-columns: 1fr} .latest .pad {padding: 0;} .subfoot p,.subfoot .grid>div:last-of-type {text-align: center} .about .grid.third img {min-height: 300px;object-fit: cover;object-position: 70% 50%} .hero:before {background-image: linear-gradient(to right, rgba(42, 113, 175, .3), #2a71af 90%);} #assessmentform fieldset {width: auto;} ul.assessmentToc {grid-template-columns: 1fr;} .comments .comment {max-width: 100%;} #nps-section {padding-top: 85px;} .grid.half>img {min-height: 250px} .infoi,.infoc {min-height: 525px} .infop,.infopr {min-height: 365px} .cybersec-partners {display: none;} @media(max-width:600px) { .infoi,.infoc {min-height: 580px} .infop,.infopr {min-height: 485px} .hero .main h1 {max-width: 100%;}} @media(max-width:500px) {.innovation .intro {padding: 50px 10px} .about .grid.fourth,.grid.fourth.partners {grid-template-columns: 1fr} .hero {font-size: 18px} .grid.event span {display: block} .infoi,.infoc,.infop,.infopr {min-height: unset}} @media(max-width:400px) {nav ul {display: grid;grid-template-columns: 1fr 1fr} nav li {text-align: center} nav li:last-of-type:nth-of-type(odd) {grid-column: 1 / -1} .hero li svg {margin-left: 10px} .hero .main strong {font-size: 30px}}