body {
overflow-x: hidden
}
body a {
text-decoration: inherit
}
body .btn-standard {
color: #5063f9;
background-color: #e9ebf4;
border: 1px solid #707070
}
body.contracts .contracts-content h3 {
font-weight: 500;
color: #41267c
}
body.contracts .contracts-content ol,
body.contracts .contracts-content p,
body.contracts .contracts-content ul {
margin-bottom: 10px;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #0e152b;
letter-spacing: -.02em;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body.contracts .contracts-content table {
border: 1px solid #e6e8e6;
margin-bottom: 20px;
width: 100%
}
body.contracts .contracts-content table td {
border: 1px solid #e6e8e6;
padding: 10px;
vertical-align: top
}
body.contracts .sub-sections {
padding: 0 30px 20px 20px
}
body.brand .mobile-header,
body.brandPrimary .mobile-header,
body.contracts .mobile-header,
body.contractsNoNav .mobile-header {
height: 6rem
}
body.brand #navbar,
body.brandPrimary #navbar,
body.contracts #navbar,
body.contractsNoNav #navbar {
padding-top: 0
}
body.brand #navbar .main-menu.active,
body.brandPrimary #navbar .main-menu.active,
body.contracts #navbar .main-menu.active,
body.contractsNoNav #navbar .main-menu.active {
margin-top: 6rem;
padding-top: 2rem
}
body.brand #navbar .main-menu.active ul,
body.brandPrimary #navbar .main-menu.active ul,
body.contracts #navbar .main-menu.active ul,
body.contractsNoNav #navbar .main-menu.active ul {
margin-left: 1rem
}
body.brand #navbar .main-menu.active ul a,
body.brandPrimary #navbar .main-menu.active ul a,
body.contracts #navbar .main-menu.active ul a,
body.contractsNoNav #navbar .main-menu.active ul a {
font-size: 1.8rem;
line-height: 2rem
}
body.brand #navbar .main-menu.active ul li.parent:last-child,
body.brandPrimary #navbar .main-menu.active ul li.parent:last-child,
body.contracts #navbar .main-menu.active ul li.parent:last-child,
body.contractsNoNav #navbar .main-menu.active ul li.parent:last-child {
margin-bottom: 4rem
}
@media (min-width:992px) {
body.brand .offset-lg-3,
body.brandPrimary .offset-lg-3,
body.contracts .offset-lg-3,
body.contractsNoNav .offset-lg-3 {
margin-left: 25%
}
}
body.brand .contracts-content .container,
body.brandPrimary .contracts-content .container,
body.contracts .contracts-content .container,
body.contractsNoNav .contracts-content .container {
max-width: 100%
}
body.brand #contracts-nav .dropdown-row,
body.brandPrimary #contracts-nav .dropdown-row,
body.contracts #contracts-nav .dropdown-row,
body.contractsNoNav #contracts-nav .dropdown-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.ContractsHero {
background: #f5fcfd
}
.ContractsHero__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1240px;
padding: 75px 48px
}
.ContractsHero__Content h1 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 65px;
margin: 0
}
.ContractsHero__Right {
-webkit-box-flex: 0;
-ms-flex: 0 0 250px;
flex: 0 0 250px
}
.ContractsHero .FilterDropdown {
position: relative;
display: inline-block;
width: 250px
}
.ContractsHero .FilterDropdown:hover .FilterDropdown__DropdownContent {
display: block
}
.ContractsHero .FilterDropdown:hover .dropbtn {
background-color: hsla(0, 0%, 100%, .6)
}
.ContractsHero .FilterDropdown .dropbtn {
width: 100%;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 16px;
color: #000;
border: 1px solid #e2e2e2;
background-color: #fff;
text-align: left;
padding: 12px 50px 12px 12px
}
.ContractsHero .FilterDropdown .dropbtn:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.ContractsHero .FilterDropdown__DropdownContent {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
z-index: 1;
width: 100%
}
.ContractsHero .FilterDropdown__DropdownContent a {
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
color: #263c91
}
.ContractsHero .FilterDropdown__DropdownContent a:hover {
background-color: rgba(64, 195, 217, .1)
}
.LegalHeading {
background: #f5fcfd
}
.LegalHeading__Content {
max-width: 1260px;
margin: 0 auto;
padding: 150px 48px 100px;
z-index: -1
}
.LegalHeading__Breadcrumb {
color: #19234d;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
font-weight: 600
}
.LegalHeading__Title {
font-weight: 900;
font-size: 72px;
line-height: 76px;
font-family: effra, sans-serif;
margin-top: 30px;
color: #263c91;
margin-bottom: 0
}
.LegalBody {
max-width: 1260px;
width: 100%;
font-weight: 400;
font-size: 24px;
line-height: 30px;
color: #19234d;
letter-spacing: 0;
margin: 0 auto 50px;
padding: 100px 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.LegalBody h2 {
font-size: 48px;
line-height: 50px;
color: #7d8abd;
letter-spacing: 0;
font-weight: 700;
margin-top: 80px;
margin-bottom: 30px;
scroll-margin-top: 200px
}
.LegalBody h2 :first-of-type {
margin-top: 30px
}
.LegalBody h2.subheading {
margin-top: 0
}
.LegalBody h5 {
color: #a8b1d3;
letter-spacing: 3px;
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
margin-top: 80px;
margin-bottom: 20px
}
.LegalBody .LegalDate {
font-size: 14px;
line-height: 16px
}
.LegalBody .LegalAddress {
padding: 48px;
background: #ecf9fb;
border-radius: 1px;
max-width: 330px;
margin-top: 60px
}
.LegalBody a {
font-weight: 700;
color: #5063f9;
text-decoration: underline
}
.LegalBody ul {
margin-top: 40px;
margin-bottom: 40px
}
.LegalBody__Container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.LegalBody__Content {
position: relative;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3
}
.LegalBody__Content .checkmark-list {
list-style-type: none;
padding: 0;
margin: 0
}
.LegalBody__Content .checkmark-list li {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/checkmark-list-icon.svg);
background-repeat: no-repeat;
padding-left: 50px;
margin-bottom: 45px;
line-height: 36px
}
.LegalBody__Content .checkmark-list li :last-of-type {
margin-bottom: 0
}
.LegalBody__Content .arrow-list {
list-style-type: none;
padding: 0;
margin: 0
}
.LegalBody__Content .arrow-list li {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/arrow-list-icon.svg);
background-repeat: no-repeat;
padding-left: 50px;
margin-bottom: 45px;
line-height: 36px
}
.LegalBody__Content .arrow-list li :last-of-type {
margin-bottom: 0
}
.LegalBody__JumpTo {
position: -webkit-sticky;
position: sticky;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 30px;
top: 140px
}
.LegalBody__JumpTo h5 {
color: #19234d;
font-size: 16px;
line-height: 20px;
font-weight: 700;
letter-spacing: 2.4px;
margin-top: 0;
margin-bottom: 42px
}
.LegalBody__JumpTo ul {
margin-top: 0;
z-index: 1;
position: relative;
margin-bottom: 0
}
.LegalBody__JumpTo ul li {
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: #a8b1d3;
margin-bottom: 30px;
list-style: none;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.LegalBody__JumpTo ul li:before {
content: "";
width: 7px;
height: 7px;
background: #a8b1d3;
border-radius: 50%;
display: block;
left: -19.5px;
top: 50%;
margin-top: -2px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.LegalBody__JumpTo ul li:hover {
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
color: #696de3
}
.LegalBody__JumpTo ul li:hover:before {
content: "";
width: 10px;
height: 10px;
background: #696de3;
border-radius: 50%;
display: block;
left: -21px;
top: 50%;
margin-top: -4px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.LegalBody__JumpTo ul li:active {
color: #696de3;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.LegalBody__JumpTo ul li:active:before {
content: "";
width: 10px;
height: 10px;
background: #696de3;
border-radius: 50%;
display: block;
left: -21px;
top: 50%;
margin-top: -4px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.LegalBody__JumpTo .JumpTo__ListContainer {
position: relative
}
.LegalBody__JumpTo .JumpTo__Line {
position: absolute;
height: 97%;
border-left: 1px solid #e3e3e3;
top: 10px;
left: 23.9px
}
@media screen and (max-width:768px) {
.ContractsHero__Right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 25px;
-ms-flex-item-align: start;
align-self: flex-start
}
.ContractsHero__Content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px 15px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.ContractsHero__Content h1 {
font-size: 55px;
line-height: 125%
}
.LegalHeading {
background: #f5fcfd
}
.LegalBody,
.LegalHeading__Content {
padding: 50px 15px
}
.LegalBody__JumpTo {
display: none
}
.LegalBody__Container {
display: block
}
}
.ContractsBody__Content {
max-width: 1240px;
margin: 0 auto;
padding: 75px 48px
}
.ContractsBody__Links {
display: none
}
.ContractsBody__Links.active {
display: block
}
.ContractsBody__DrawerTrigger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.ContractsBody__DrawerTrigger svg {
width: 34px;
cursor: pointer;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.ContractsBody__DrawerTrigger svg:hover circle,
.ContractsBody__DrawerTrigger svg:hover path {
stroke: #6d3caf;
-webkit-transform: scale(1.02);
transform: scale(1.02);
stroke-width: 2px
}
.ContractsBody__DrawerTrigger.active svg:first-child,
.ContractsBody__DrawerTrigger svg:nth-child(2) {
display: none
}
.ContractsBody__DrawerTrigger.active svg:nth-child(2) {
display: block
}
.ContractsBody__DrawerTriggerContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-self: flex-end
}
.ContractsBody__DrawerTriggerContainer a {
margin-right: 12px
}
.ContractsBody__DrawerTriggerContainer a svg {
width: 100%;
max-width: 25px
}
.ContractsBody__Box {
padding: 45px 0
}
.ContractsBody__Box:last-child {
margin-bottom: 0
}
.ContractsBody__Box h3 {
color: #7d8abd;
font-size: 32px;
line-height: 40px;
margin: 0 0 20px
}
.ContractsBody__Box ul {
font-size: 22px;
font-weight: 700;
line-height: 120%;
list-style: none;
margin: 0;
padding: 0
}
.ContractsBody__Box ul li {
margin-bottom: 12px;
color: #263c91;
padding: 15px 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #f4f5f9;
display: grid;
grid-template-columns: 2fr 1fr
}
.ContractsBody__Box ul li:last-child {
margin-bottom: 0
}
.ContractsBody__Box ul li ul {
font-weight: 400;
grid-column: span 2/span 2;
margin-top: 10px;
padding: 0 0 13px
}
.ContractsBody__Box ul li ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
background: #fff;
border-radius: 0;
margin: 0 0 10px;
padding: 7px 18px
}
.ContractsBody__Box ul li ul li:last-child {
padding-bottom: 15px;
margin-bottom: 0
}
.ContractsBody__Box ul li a {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.ContractsBody__Box ul li a svg {
width: 100%;
max-width: 25px
}
.ContractsBody__Box ul li a:hover {
-webkit-transform: scale(1.01);
transform: scale(1.01);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.ContractsBody__BoxSingle li {
grid-template-columns: 1fr !important
}
@media screen and (max-width:768px) {
.ContractsBody__Box h3 {
margin: 0 15px 25px
}
.ContractsBody__Box ul {
padding: 0 15px
}
}
.btn-scale,
.esentireInAction__BorderedBox-CTABox a,
.IndustryCyanCopy__CTAResourcePanel,
.NotableThreat__Card ul li,
.PartnerTruCallout__Card ul li {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-scale:hover,
.esentireInAction__BorderedBox-CTABox a:hover,
.IndustryCyanCopy__CTAResourcePanel:hover,
.NotableThreat__Card ul li:hover,
.PartnerTruCallout__Card ul li:hover {
-webkit-transform: scale(1.03);
transform: scale(1.03)
}
.btn-arrow,
.IndustryCyanCopy__CTA a {
position: relative;
overflow: hidden;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow:after,
.IndustryCyanCopy__CTA a:after {
content: "→";
position: absolute;
right: -50px;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow:hover,
.IndustryCyanCopy__CTA a:hover {
padding-right: 50px;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow:hover:after,
.IndustryCyanCopy__CTA a:hover:after {
right: 50px;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-2,
.TechnologyPartnerSingle__CopyCta p a {
position: relative;
overflow: hidden;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-2:after,
.TechnologyPartnerSingle__CopyCta p a:after {
content: "→";
position: absolute;
right: -50px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
opacity: 0
}
.btn-arrow-2:hover,
.TechnologyPartnerSingle__CopyCta p a:hover {
padding-left: 17px;
padding-right: 47px;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-2:hover:after,
.TechnologyPartnerSingle__CopyCta p a:hover:after {
right: 15px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
opacity: 1
}
.btn-arrow-3 {
position: relative;
overflow: hidden
}
.btn-arrow-3,
.btn-arrow-3:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-3:after {
content: "→";
position: absolute;
right: -50px
}
.btn-arrow-3:hover {
padding-left: 17px;
padding-right: 47px !important
}
.btn-arrow-3:hover,
.btn-arrow-3:hover:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-3:hover:after {
right: 15px;
top: 9px
}
.btn-arrow-4 {
position: relative;
overflow: hidden
}
.btn-arrow-4,
.btn-arrow-4:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-4:after {
content: "→";
position: absolute;
right: -50px
}
.btn-arrow-4:hover,
.btn-arrow-4:hover:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-4:hover:after {
right: 15px
}
.btn-arrow-5 {
position: relative;
overflow: hidden
}
.btn-arrow-5,
.btn-arrow-5:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-5:after {
content: "→";
position: absolute;
right: -50px
}
.btn-arrow-5:hover,
.btn-arrow-5:hover:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-5:hover:after {
right: 9px
}
.btn-arrow-6 {
position: relative;
overflow: hidden
}
.btn-arrow-6,
.btn-arrow-6:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-6:after {
content: "→";
position: absolute;
right: -50px
}
.btn-arrow-6:hover {
padding-right: 30px
}
.btn-arrow-6:hover,
.btn-arrow-6:hover:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-6:hover:after {
right: 22px
}
.btn-arrow-7 {
position: relative;
overflow: hidden
}
.btn-arrow-7,
.btn-arrow-7:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-7:after {
content: "→";
position: absolute;
right: -50px
}
.btn-arrow-7:hover {
padding-left: 17px;
padding-right: 36px !important
}
.btn-arrow-7:hover,
.btn-arrow-7:hover:after {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.btn-arrow-7:hover:after {
right: 15px;
top: 6px
}
.BlogBody-MainBody .BlogBody__Content a,
.BlueInfo__Resource__Copy a,
.btn-underline-animation {
display: inline-block;
position: relative;
color: #5a81bc
}
.BlogBody-MainBody .BlogBody__Content a:after,
.BlueInfo__Resource__Copy a:after,
.btn-underline-animation:after {
content: "";
position: absolute;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: #5a81bc;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: -webkit-transform .25s ease-out;
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out, -webkit-transform .25s ease-out
}
.BlogBody-MainBody .BlogBody__Content a:hover:after,
.BlueInfo__Resource__Copy a:hover:after,
.btn-underline-animation:hover:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: bottom left;
transform-origin: bottom left
}
body {
margin: 0;
padding: 0
}
.Assessment-Report-Container {
--MaxWidth: 1040px;
--Padding: 0;
max-width: var(--MaxWidth);
padding: var(--Padding);
margin: 0 auto;
display: grid
}
.Assessment-Report {
position: relative
}
.Assessment-Report.Web {
display: block
}
.Assessment-Report.Web .Bottom {
--Color: #fff
}
.Assessment-Report.Download {
display: block;
width: 1275px;
height: 1650px;
pointer-events: none;
webkit-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.Assessment-Report.Download__Category .Categories .Assessment-Report-Container {
--MaxWidth: auto;
--Padding: 40px
}
.Assessment-Report.Download__Category .Category {
--Border: none;
--DescriptionDisplay: block
}
.Assessment-Report.Download__Back .Assessment-Report-Review .Assessment-Report-Container {
--MaxWidth: auto;
--Padding: 40px
}
.Assessment-Report.Download__Back .Assessment-Report-Review__Columns {
--ColumnsPadding: 0
}
.Assessment-Report.Download .Assessment-Report-Container {
--MaxWidth: auto;
--Padding: 0 40px
}
.Assessment-Report.Download .Assessment-Report-Top {
--MaxWidth: auto;
--Padding: 20px 40px
}
.Assessment-Report.Download .Assessment-Report-Overview {
--Padding: 0 40px
}
.Assessment-Report.Download .Category {
--ExpandIconDisplay: none;
--TitlePadding: 0px;
--TotalHeight: 72px
}
.Assessment-Report.Download .Bottom {
--Color: #061638;
--MaxWidth: auto;
--Padding: 0 40px;
--Logo: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22116%22%20height%3D%2218%22%20viewBox%3D%220%200%20116%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20fill%3D%22%23061638%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M29.0457%2012.0124C29.0457%2012.8456%2028.8788%2013.5795%2028.5528%2014.2292C28.2191%2014.879%2027.7717%2015.4218%2027.2105%2015.8575C26.6494%2016.2932%2025.982%2016.6296%2025.2313%2016.8513C24.4806%2017.0729%2023.6767%2017.1876%2022.835%2017.1876C21.5989%2017.1876%2020.4766%2017.0424%2019.468%2016.7366C18.4595%2016.4385%2017.5419%2015.8651%2016.7305%2015.0243L19.2633%2012.4405C19.6879%2012.8686%2020.2264%2013.1667%2020.8937%2013.3349C21.5534%2013.503%2022.2132%2013.5871%2022.8577%2013.5871C24.3971%2013.5871%2025.163%2013.0979%2025.163%2012.1118C25.163%2011.699%2025.0569%2011.3779%2024.8446%2011.1409C24.6171%2010.9116%2024.2606%2010.7664%2023.7829%2010.7052L21.8416%2010.43C20.4083%2010.216%2019.3315%209.73437%2018.6035%208.97758C17.868%208.21315%2017.4964%207.11236%2017.4964%205.68287C17.4964%204.93372%2017.6329%204.23809%2017.9059%203.61125C18.1789%202.98441%2018.5656%202.43402%2019.0661%201.97536C19.5742%201.5167%2020.1884%201.14977%2020.9088%200.889862C21.6293%200.629954%2022.4558%200.5%2023.3734%200.5C24.5336%200.5%2025.5574%200.645243%2026.437%200.943372C27.3167%201.2415%2028.1054%201.73838%2028.803%202.44166L26.3157%204.9643C26.0579%204.70439%2025.7849%204.50564%2025.5043%204.37568C25.2161%204.24573%2024.9356%204.14635%2024.6701%204.0852C24.3971%204.02404%2024.1393%203.99347%2023.9042%203.99347C23.6616%203.99347%2023.4492%203.99347%2023.2748%203.99347C22.926%203.99347%2022.6302%204.03933%2022.3952%204.13106C22.1525%204.2228%2021.9553%204.34511%2021.7961%204.49035C21.6368%204.63559%2021.5231%204.79612%2021.4473%204.97194C21.3714%205.14776%2021.3335%205.33123%2021.3335%205.51469C21.3335%205.62171%2021.3563%205.74402%2021.4018%205.88162C21.4473%206.01922%2021.5307%206.14917%2021.652%206.27148C21.7582%206.3785%2021.8947%206.47788%2022.0691%206.56961C22.2435%206.66134%2022.471%206.7225%2022.7592%206.75308L24.7005%207.02827C26.1185%207.22703%2027.1726%207.67804%2027.8703%208.38897C28.3101%208.81705%2028.6134%209.33686%2028.7954%209.93312C28.9547%2010.56%2029.0457%2011.2403%2029.0457%2012.0124Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32.9102%2017.0118V0.584106H43.8528V4.22282H36.8686V6.96714H42.8366V10.56H36.8686V13.4419H43.8528V17.0118H32.9102Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M57.0565%2017.0118L51.8999%208.76356V17.0118H47.9414V0.584106H51.3994L56.556%208.84765V0.584106H60.5144V17.0118H57.0565Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M72.0107%204.19988V17.0118H68.0522V4.19988H64.0938V0.584106H75.9691V4.19988H72.0107Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M79.5469%2017.0118V0.584106H83.5053V17.0118H79.5469Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M96.1872%2017.0118L93.3359%2010.904H92.0012V17.0118H88.0352V0.584106H94.4127C95.2999%200.584106%2096.0886%200.752283%2096.7787%201.05041C97.4611%201.34854%2098.0451%201.74605%2098.5076%202.23529C98.9778%202.72452%2099.3266%203.29021%2099.5617%203.91704C99.7968%204.54388%2099.9105%205.20129%2099.9105%205.874C99.9105%206.42439%2099.8347%206.93656%2099.683%207.39522C99.5314%207.85388%2099.3342%208.26668%2099.084%208.61832C98.8337%208.96996%2098.5531%209.27573%2098.2346%209.52799C97.9161%209.78026%2097.6052%209.9943%2097.2867%2010.1625L100.775%2017.0118H96.1872ZM95.9597%205.88928C95.9597%205.4612%2095.808%205.07134%2095.5047%204.73499C95.2013%204.39864%2094.7843%204.23046%2094.2383%204.23046H92.0088V7.54811H94.2458C94.7918%207.54811%2095.2089%207.37993%2095.5122%207.04358C95.808%206.69959%2095.9597%206.31737%2095.9597%205.88928Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M104.066%2017.0118L104.059%200.584106H115.001V4.19224H108.017V6.93656H113.985V10.5294H108.017V13.4113H115.001V17.0118H104.066Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M11.8147%202.51813C10.3056%200.568815%207.75009%200.591748%207.75009%200.591748H5.18695C5.18695%200.591748%202.63139%200.576459%201.12232%202.51813C0.204748%203.703%200%204.84201%200%205.63702C0%206.00395%200%2010.3077%200%2010.5906C0%2010.5982%200%2010.6059%200%2010.6059C0%2010.7282%200%2011.6149%200%2011.9665C0%2012.7539%200.197165%2013.8929%201.12232%2015.0854C2.63139%2017.0348%205.18695%2017.0118%205.18695%2017.0118H12.9294C12.9294%2017.0118%2012.9294%2014.879%2012.9294%2013.3578H5.96802C5.96802%2013.3578%204.95187%2013.3655%204.35279%2012.5857C3.98879%2012.1118%203.90538%2011.6608%203.90538%2011.3474C3.90538%2011.1945%203.90538%2010.6059%203.90538%2010.6059H12.937C12.937%2010.6059%2012.937%206.01159%2012.937%205.62938C12.937%204.84201%2012.7323%203.703%2011.8147%202.51813ZM3.89779%206.02688C3.89779%205.71347%203.97363%205.26245%204.3452%204.7885C4.94428%204.00877%205.96044%204.01642%205.96044%204.01642H6.97659C6.97659%204.01642%207.99275%204.00877%208.59183%204.7885C8.95582%205.26245%209.03924%205.71347%209.03924%206.02688C9.03924%206.17977%209.03924%206.99007%209.03924%206.99007H3.89779C3.89779%206.99772%203.89779%206.17977%203.89779%206.02688Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
position: absolute;
left: 0;
bottom: 40px;
width: 100%
}
.Assessment-Report.Download .Bottom .Bottom__Title {
line-height: 30px;
white-space: nowrap
}
.Assessment-Report-DarkBar {
background: #ebf0ff;
}
.Assessment-Report-Categories .Assessment-Report-Container {
max-width: var(--MaxWidth);
margin: 0 auto;
display: grid;
grid-auto-flow: row;
gap: 20px;
padding: var(--Padding)
}
@media screen and (max-width:1063px) {
.Assessment-Report-Categories .Assessment-Report-Container {
padding: 20px 0
}
}
.Assessment-Report-Categories__Header {
display: grid;
grid-template-columns: 1fr 140px 140px;
padding: 0 20px;
font-size: 14px;
line-height: 30px;
color: rgba(6, 22, 56, .5);
letter-spacing: 1px
}
@media screen and (max-width:767px) {
.Assessment-Report-Categories__Header.Desktop {
display: none
}
}
.Assessment-Report-Categories__Header.Mobile {
display: none;
grid-template-columns: 1fr auto;
color: #061638;
font-weight: 700
}
@media screen and (max-width:767px) {
.Assessment-Report-Categories__Header.Mobile {
display: grid
}
}
.Assessment-Report-Categories__Header>div:first-child,
.Assessment-Report-Categories__Header>div:nth-child(2) {
text-align: left
}
.Assessment-Report-Categories__Header>div:nth-child(3) {
text-align: right
}
.Assessment-Report-Overview {
--Padding: 0
}
.Assessment-Report-Overview__Top {
display: grid;
grid-template-columns: 1fr 320px;
gap: 40px;
padding: var(--Padding)
}
@media screen and (max-width:767px) {
.Assessment-Report-Overview__Top {
grid-template-columns: none;
grid-auto-flow: row;
gap: 20px
}
}
.Assessment-Report-Overview .Assessment-Report-Container {
max-width: var(--MaxWidth);
margin: 0 auto;
display: grid;
grid-auto-flow: row;
gap: 20px;
padding: 30px 0
}
@media screen and (max-width:1063px) {
.Assessment-Report-Overview .Assessment-Report-Container {
padding: 20px
}
}
.Assessment-Report-Intro {
display: grid;
grid-template-rows: auto 1fr;
gap: 10px
}
.Assessment-Report-Intro__Text {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: rgba(6, 22, 56, .7)
}
.Assessment-Report-Intro__Top {
display: grid;
grid-auto-flow: column;
white-space: nowrap
}
@media screen and (max-width:767px) {
.Assessment-Report-Intro__Top {
grid-auto-flow: row
}
}
.Assessment-Report-Intro__Top h3,
.Assessment-Report-Intro__Top h4 {
line-height: 30px;
margin: 0
}
.Assessment-Report-Intro__Top__Left {
text-align: left
}
.Assessment-Report-Intro__Top__Left h3 {
font-size: 30px
}
.Assessment-Report-Intro__Top__Left h4 {
font-size: 20px;
font-weight: 400;
}
.Assessment-Report-Intro__Top__Right {
text-align: right
}
@media screen and (max-width:767px) {
.Assessment-Report-Intro__Top__Right {
text-align: left;
margin-top: 10px
}
}
.Assessment-Report-Intro__Top__Right h3 {
font-size: 20px;
text-transform: uppercase
}
.Assessment-Report-Intro__Top__Right h4 {
font-size: 14px;
font-weight: 100;
letter-spacing: .1em
}
.Assessment-Report-Top {
--GridTemplateAreas: "logo title right";
--GridTemplateColumns: auto 1fr auto;
--GridGap: 20px;
--Height: 60px;
--DownloadSize: 60px;
--BarDisplay: block;
--TitlePadding: 0 0 0 20px;
--TitleFontWeight: bold;
--MaxWidth: 1040px;
--Padding: 20px;
--Logo: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22116%22%20height%3D%2218%22%20viewBox%3D%220%200%20116%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M29.0457%2012.0124C29.0457%2012.8456%2028.8788%2013.5795%2028.5528%2014.2292C28.2191%2014.879%2027.7717%2015.4218%2027.2105%2015.8575C26.6494%2016.2932%2025.982%2016.6296%2025.2313%2016.8513C24.4806%2017.0729%2023.6767%2017.1876%2022.835%2017.1876C21.5989%2017.1876%2020.4766%2017.0424%2019.468%2016.7366C18.4595%2016.4385%2017.5419%2015.8651%2016.7305%2015.0243L19.2633%2012.4405C19.6879%2012.8686%2020.2264%2013.1667%2020.8937%2013.3349C21.5534%2013.503%2022.2132%2013.5871%2022.8577%2013.5871C24.3971%2013.5871%2025.163%2013.0979%2025.163%2012.1118C25.163%2011.699%2025.0569%2011.3779%2024.8446%2011.1409C24.6171%2010.9116%2024.2606%2010.7664%2023.7829%2010.7052L21.8416%2010.43C20.4083%2010.216%2019.3315%209.73437%2018.6035%208.97758C17.868%208.21315%2017.4964%207.11236%2017.4964%205.68287C17.4964%204.93372%2017.6329%204.23809%2017.9059%203.61125C18.1789%202.98441%2018.5656%202.43402%2019.0661%201.97536C19.5742%201.5167%2020.1884%201.14977%2020.9088%200.889862C21.6293%200.629954%2022.4558%200.5%2023.3734%200.5C24.5336%200.5%2025.5574%200.645243%2026.437%200.943372C27.3167%201.2415%2028.1054%201.73838%2028.803%202.44166L26.3157%204.9643C26.0579%204.70439%2025.7849%204.50564%2025.5043%204.37568C25.2161%204.24573%2024.9356%204.14635%2024.6701%204.0852C24.3971%204.02404%2024.1393%203.99347%2023.9042%203.99347C23.6616%203.99347%2023.4492%203.99347%2023.2748%203.99347C22.926%203.99347%2022.6302%204.03933%2022.3952%204.13106C22.1525%204.2228%2021.9553%204.34511%2021.7961%204.49035C21.6368%204.63559%2021.5231%204.79612%2021.4473%204.97194C21.3714%205.14776%2021.3335%205.33123%2021.3335%205.51469C21.3335%205.62171%2021.3563%205.74402%2021.4018%205.88162C21.4473%206.01922%2021.5307%206.14917%2021.652%206.27148C21.7582%206.3785%2021.8947%206.47788%2022.0691%206.56961C22.2435%206.66134%2022.471%206.7225%2022.7592%206.75308L24.7005%207.02827C26.1185%207.22703%2027.1726%207.67804%2027.8703%208.38897C28.3101%208.81705%2028.6134%209.33686%2028.7954%209.93312C28.9547%2010.56%2029.0457%2011.2403%2029.0457%2012.0124Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32.9102%2017.0118V0.584106H43.8528V4.22282H36.8686V6.96714H42.8366V10.56H36.8686V13.4419H43.8528V17.0118H32.9102Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M57.0565%2017.0118L51.8999%208.76356V17.0118H47.9414V0.584106H51.3994L56.556%208.84765V0.584106H60.5144V17.0118H57.0565Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M72.0107%204.19988V17.0118H68.0522V4.19988H64.0938V0.584106H75.9691V4.19988H72.0107Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M79.5469%2017.0118V0.584106H83.5053V17.0118H79.5469Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M96.1872%2017.0118L93.3359%2010.904H92.0012V17.0118H88.0352V0.584106H94.4127C95.2999%200.584106%2096.0886%200.752283%2096.7787%201.05041C97.4611%201.34854%2098.0451%201.74605%2098.5076%202.23529C98.9778%202.72452%2099.3266%203.29021%2099.5617%203.91704C99.7968%204.54388%2099.9105%205.20129%2099.9105%205.874C99.9105%206.42439%2099.8347%206.93656%2099.683%207.39522C99.5314%207.85388%2099.3342%208.26668%2099.084%208.61832C98.8337%208.96996%2098.5531%209.27573%2098.2346%209.52799C97.9161%209.78026%2097.6052%209.9943%2097.2867%2010.1625L100.775%2017.0118H96.1872ZM95.9597%205.88928C95.9597%205.4612%2095.808%205.07134%2095.5047%204.73499C95.2013%204.39864%2094.7843%204.23046%2094.2383%204.23046H92.0088V7.54811H94.2458C94.7918%207.54811%2095.2089%207.37993%2095.5122%207.04358C95.808%206.69959%2095.9597%206.31737%2095.9597%205.88928Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M104.066%2017.0118L104.059%200.584106H115.001V4.19224H108.017V6.93656H113.985V10.5294H108.017V13.4113H115.001V17.0118H104.066Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M11.8147%202.51813C10.3056%200.568815%207.75009%200.591748%207.75009%200.591748H5.18695C5.18695%200.591748%202.63139%200.576459%201.12232%202.51813C0.204748%203.703%200%204.84201%200%205.63702C0%206.00395%200%2010.3077%200%2010.5906C0%2010.5982%200%2010.6059%200%2010.6059C0%2010.7282%200%2011.6149%200%2011.9665C0%2012.7539%200.197165%2013.8929%201.12232%2015.0854C2.63139%2017.0348%205.18695%2017.0118%205.18695%2017.0118H12.9294C12.9294%2017.0118%2012.9294%2014.879%2012.9294%2013.3578H5.96802C5.96802%2013.3578%204.95187%2013.3655%204.35279%2012.5857C3.98879%2012.1118%203.90538%2011.6608%203.90538%2011.3474C3.90538%2011.1945%203.90538%2010.6059%203.90538%2010.6059H12.937C12.937%2010.6059%2012.937%206.01159%2012.937%205.62938C12.937%204.84201%2012.7323%203.703%2011.8147%202.51813ZM3.89779%206.02688C3.89779%205.71347%203.97363%205.26245%204.3452%204.7885C4.94428%204.00877%205.96044%204.01642%205.96044%204.01642H6.97659C6.97659%204.01642%207.99275%204.00877%208.59183%204.7885C8.95582%205.26245%209.03924%205.71347%209.03924%206.02688C9.03924%206.17977%209.03924%206.99007%209.03924%206.99007H3.89779C3.89779%206.99772%203.89779%206.17977%203.89779%206.02688Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
position: relative;
background: #ebf0ff;
color: #fff;
padding: var(--Padding);
display: grid;
max-width: var(--MaxWidth);
margin: 0 auto;
grid-template-areas: var(--GridTemplateAreas);
grid-template-columns: var(--GridTemplateColumns);
gap: var(--GridGap)
}
@media screen and (max-width:767px) {
.Assessment-Report-Top {
--GridTemplateColumns: 1fr auto;
--GridTemplateAreas: "logo right" "title right";
--Height: 30px;
--GridGap: 0;
--BarDisplay: none;
--TitlePadding: 0;
--TitleFontWeight: 100
}
}
.Assessment-Report-Top>div {
position: relative
}
.Assessment-Report-Top__Logo {
grid-area: logo;
position: relative;
background-image: var(--Logo);
background-position: 50%;
background-repeat: no-repeat;
width: 116px;
height: var(--Height)
}
.Assessment-Report-Top__Title {
grid-area: title;
font-size: 20px;
color: black;
line-height: var(--Height);
font-weight: var(--TitleFontWeight);
white-space: nowrap;
position: relative;
text-align:right;
padding: var(--TitlePadding)
}
@media screen and (max-width:767px)
{
.Assessment-Report-Top__Title {
font-weight: 400;
text-align: center;
padding-left: 5%;
padding-right: 5%;
max-width: 50%;
}
}
.Assessment-Report-Top__Title:before {
content: "";
display: var(--BarDisplay);
position: absolute;
left: 0;
top: 15px;
height: 30px;
width: 2px;
background: hsla(0, 0%, 100%, .2)
}
.Assessment-Report-Top__Company {
grid-area: right;
font-size: 30px;
line-height: 60px;
text-align: right;
font-weight: 400
}
.Assessment-Report-Top__Download {
grid-area: right;
position: relative;
height: var(--DownloadSize);
line-height: var(--DownloadSize);
font-size: 20px;
font-weight: 400;
background: #fbc000;
border-color: #0f4dfd
-webkit-transition: background .2s ease;
transition: background .2s ease;
padding: 0 55px 0 30px;
cursor: pointer;
webkit-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #0f4dfd
}
.Assessment-Report-Top__Download:after {
content: "";
width: 20px;
height: 20px; display: block;
position: absolute;
top: 20px;
right: 25px
}
.Assessment-Report-Top__Download:hover {
color:white; }
@media screen and (max-width:767px) {
.Assessment-Report-Top__Download {
text-indent: 0%;
white-space: nowrap;
overflow: hidden;
font-size: 20;
width: 60px;
padding: 0;
}
.Assessment-Report-Top__Download:after {
right: 20px
}
}
.Assessment-Report-RiskSummary {
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 30px;
display: grid;
max-height:200px;
grid-template-rows: 1fr auto
}
.Assessment-Report-RiskSummary.Risk__High {
background: #0f4dfd
}
.Assessment-Report-RiskSummary.Risk__High .Assessment-Report-Risk__Slider span {
right: 10px
}
.Assessment-Report-RiskSummary.Risk__Medium {
background: #a04db7
}
.Assessment-Report-RiskSummary.Risk__Medium .Assessment-Report-Risk__Slider span {
left: calc(50% - 10px)
}
.Assessment-Report-RiskSummary.Risk__Low {
background: #1bc9d4;
}
.Assessment-Report-RiskSummary.Risk__Low .Assessment-Report-Risk__Slider span {
left: 10px
}
.Assessment-Report-RiskSummary__Text {
color: #fff;
text-transform: uppercase;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 40px
}
.Assessment-Report-RiskSummary__Text h3 {
font-size: 14px;
line-height: 20px;
font-weight: 400;
margin: 0 0 10px;
letter-spacing: .1em;
}
.Assessment-Report-RiskSummary__Text h4 {
font-size: 30px;
font-weight: 700;
line-height: 20px;
margin: 0
}
.Assessment-Report-Risk__Slider {
--RiskSliderHeight: 40px;
--RiskSliderWidth: 100%;
--RiskSliderPadding: 10px;
--RiskSliderDotSize: 20px;
--RiskSliderBackground: linear-gradient(90deg, #fbc000db, #f51a1edb);
--RiskSliderColor: #061638;
--RiskSliderTextDisplay: none;
--RiskSliderText: "";
--RiskSliderTextColor: #d92eab;
display: block;
position: relative;
background: var(--RiskSliderBackground);
border-radius: calc(var(--RiskSliderHeight)/2);
width: var(--RiskSliderWidth);
height: var(--RiskSliderHeight);
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Assessment-Report-Risk__Slider.Risk__High { --RiskSliderTextColor: #d92eab;
--RiskSliderWidth: 100%;
--RiskSliderHeight: 50px;
--RiskSliderPadding: 5px;
--RiskSliderDotSize: 40px;
--RiskSliderTextDisplay: block;
}
.Assessment-Report-Risk__Slider.Risk__High span {
right: var(--RiskSliderPadding)
}
.Assessment-Report-Risk__Slider.Risk__Medium { --RiskSliderTextColor: #0f4dfd;
--RiskSliderWidth: 100%;
--RiskSliderHeight: 50px;
--RiskSliderPadding: 5px;
--RiskSliderDotSize: 40px;
--RiskSliderTextDisplay: block;
}
.Assessment-Report-Risk__Slider.Risk__Medium span {
left: calc(50% - var(--RiskSliderDotSize)/2)
}
.Assessment-Report-Risk__Slider.Risk__Low { --RiskSliderTextColor: #0f4dfd;
--RiskSliderWidth: 100%;
--RiskSliderHeight: 50px;
--RiskSliderPadding: 5px;
--RiskSliderDotSize: 40px;
--RiskSliderTextDisplay: block;
}
.Assessment-Report-Risk__Slider.Risk__Low span {
left: var(--RiskSliderPadding)
}
.Assessment-Report-Risk__Slider span {
display: block;
position: absolute;
background: #fff;
border-radius: calc(var(--RiskSliderDotSize)/2);
top: var(--RiskSliderPadding);
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Assessment-Report-Risk__Slider span,
.Assessment-Report-Risk__Slider span:after {
width: var(--RiskSliderDotSize);
height: var(--RiskSliderDotSize);
line-height: var(--RiskSliderDotSize);
text-align: center
}
.Assessment-Report-Risk__Slider span:after {
content: var(--RiskSliderText);
display: var(--RiskSliderTextDisplay);
color: var(--RiskSliderTextColor);
font-size: 12px;
letter-spacing: 1px;
font-weight: 700
}
.Assessment-Report-Category {
--DescriptionDisplay: none;
--TitleBackgroundColor: 6, 22, 56;
--TitleBackgroundOpacity: 0;
--CategoryIcon: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11%200H9V9H0V11H9V20H11V11H20V9H11V0Z%22%20fill%3D%22%23061638%22%2F%3E%0A%3C%2Fsvg%3E);
--CategoryIconOpacity: 0.5;
--TitlePadding: 0 0 0 50px;
--RiskPadding: 0;
--ExpandIconDisplay: block;
--TitleHeight: 40px;
--TotalHeight: 80px;
--Border: 2px solid rgba(6, 22, 56, 0.2);
--BackButtonDisplay: none;
border-top: var(--Border);
color: #061638
}
.Assessment-Report-Category:not(.Assessment-Report-Category__Expanded) .Assessment-Report-Section {
display: none
}
.Assessment-Report-Category:last-of-type {
border-bottom: var(--Border)
}
@media screen and (max-width:767px) {
.Assessment-Report-Category.ShowBackButton {
--BackButtonDisplay: block;
--ExpandIconDisplay: none
}
}
@media screen and (max-width:767px) {
.Assessment-Report-Category:not(.Assessment-Report-Category__Expanded) .Assessment-Report-Risk__Slider {
--RiskSliderWidth: 50px;
--RiskSliderHeight: 50px;
--RiskSliderPadding: 5px;
--RiskSliderDotSize: 40px;
--RiskSliderTextDisplay: block
}
.Assessment-Report-Category:not(.Assessment-Report-Category__Expanded) .Assessment-Report-Risk__Slider.Risk__High {
--RiskSliderBackground: #d92eab
}
.Assessment-Report-Category:not(.Assessment-Report-Category__Expanded) .Assessment-Report-Risk__Slider.Risk__Medium {
--RiskSliderBackground: #a04db7
}
.Assessment-Report-Category:not(.Assessment-Report-Category__Expanded) .Assessment-Report-Risk__Slider.Risk__Low {
--RiskSliderBackground: #1bc9d4
}
}
.Assessment-Report-Category__Expanded {
--DescriptionDisplay: block;
--TitleBackgroundOpacity: 0.05;
--CategoryIcon: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%222%22%20viewBox%3D%220%200%2020%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%200V2H20V0H0Z%22%20fill%3D%22%23061638%22%2F%3E%0A%3C%2Fsvg%3E);
--CategoryIconOpacity: 1
}
.Assessment-Report-Category__Expanded .Assessment-Report-Risk__Slider {
--RiskSliderWidth: 100%;
--RiskSliderHeight: 50px;
--RiskSliderPadding: 5px;
--RiskSliderDotSize: 40px;
--RiskSliderTextDisplay: block
}
@media screen and (max-width:767px) {
.Assessment-Report-Category__Expanded .Assessment-Report-Category__Title {
grid-template-columns: 1fr;
grid-template-rows: 1fr auto
}
}
.Assessment-Report-Category__Title {
display: grid;
grid-template-columns: 1fr 280px;
background: rgba(var(--TitleBackgroundColor), var(--TitleBackgroundOpacity));
gap: 20px;
padding: calc((var(--TotalHeight) - var(--TitleHeight))/2) 20px;
position: relative;
cursor: pointer;
-webkit-transition: background .2s ease;
transition: background .2s ease
}
@media screen and (max-width:767px) {
.Assessment-Report-Category__Title {
grid-template-columns: 1fr auto
}
}
.Assessment-Report-Category__Title:hover {
--TitleBackgroundOpacity: 0.05;
--CategoryIconOpacity: 1
}
.Assessment-Report-Category__Title__Back {
display: var(--BackButtonDisplay);
position: absolute;
left: 10px;
top: 10px;
width: 40px;
height: 40px;
background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2210%22%20height%3D%2214%22%20viewBox%3D%220%200%2010%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.1298%201.26066L3.39047%207L9.1298%2012.7393L7.86914%2014L0.869141%207L7.86914%200L9.1298%201.26066Z%22%20fill%3D%22%23161819%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50%
}
.Assessment-Report-Category__Title__Text {
display: grid;
font-size: 24px;
line-height: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--TitlePadding);
gap: 4px
}
@media screen and (max-width:767px) {
.Assessment-Report-Category__Title__Text {
font-size: 18px;
line-height: 22px;
font-weight: 500;
--TitlePadding: 0 0 0 40px
}
.Assessment-Report-Category__Title__Text:before {
left: 10px !important
}
}
.Assessment-Report-Category__Title__Text:before {
content: "";
display: var(--ExpandIconDisplay);
position: absolute;
left: 20px;
top: calc(50% - 20px);
width: 40px;
height: 40px;
background-image: var(--CategoryIcon);
background-repeat: no-repeat;
background-position: 50%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
opacity: var(--CategoryIconOpacity)
}
.Assessment-Report-Category__Title__Description {
display: var(--DescriptionDisplay);
font-size: 18px;
line-height: 22px;
font-weight: 100
}
.Assessment-Report-Category__Title__Risk {
padding: var(--RiskPadding)
}
@media screen and (max-width:767px) {
.Assessment-Report-Category__Title__Risk {
--RiskPadding: 0 0 0 40px
}
}
.Assessment-Report-Section {
--labelWidth: 140px;
padding: 20px
}
.Assessment-Report-Section__Top {
display: grid;
grid-template-columns: 1fr var(--labelWidth) var(--labelWidth);
font-size: 14px;
line-height: 30px;
letter-spacing: 1px;
color: rgba(6, 22, 56, .5);
white-space: nowrap
}
.Assessment-Report-Section__Top>div:first-child,
.Assessment-Report-Section__Top>div:nth-child(2) {
text-align: left
}
.Assessment-Report-Section__Top>div:nth-child(3) {
text-align: right
}
@media screen and (max-width:767px) {
.Assessment-Report-Section__Top {
--labelWidth: 80px
}
}
.Assessment-Report-Section__Answers {
display: grid;
grid-auto-flow: row;
gap: 10px;
padding: 20px 0
}
.Answer {
--Yes: 225px;
--No: 15px;
--AnswerSize: 13px;
--RightPadding: 280px;
--AnswerText: "";
--AnswerColor: #0f4dfd;
--LineWidth: 0px;
--AnswerPosition: 0px;
display: block;
position: relative;
padding: 10px var(--RightPadding) 10px 0;
font-size: 18px;
line-height: 22px;
font-weight: 400;
letter-spacing: -.02em
}
.Answer-yes {
--AnswerText: "Yes";
--AnswerColor: #149b00;
--LineWidth: 75%;
--AnswerPosition: 25%;
}
.Answer-often {
--AnswerText: "Often";
--AnswerColor: #fbc000;
--LineWidth: 80%;
--AnswerPosition: 20%;
}
.Answer-sometimes {
--AnswerText: "Sometimes";
--AnswerColor: #00b2ff;
--LineWidth: 85%;
--AnswerPosition: 15%;
}
.Answer-rarely {
--AnswerText: "Rarely";
--AnswerColor: #dbdb00;
--LineWidth: 90%;
--AnswerPosition: 10%;
}
.Answer-no {
--AnswerText: "No";
--AnswerColor: #ff0000;
--LineWidth: 98%;
--AnswerPosition: 2%;
}
@media screen and (max-width:767px) {
.Answer {
--Yes: 105px;
--No: 15px;
--RightPadding: 160px
}
}
.Answer:before {
content: "";
height: 4px;
width: var(--LineWidth);
background: var(--AnswerColor);
top: 0;
left: 0
}
.Answer:after,
.Answer:before {
display: block;
position: absolute
}
.Answer:after {
word-wrap: initial;
content: var(--AnswerText);
top: calc(var(--AnswerSize)/2*-1 + 2px);
height: var(--AnswerSize);
width: var(--AnswerSize);
line-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 8px solid var(--AnswerColor);
color: var(--AnswerColor);
border-radius: 50%;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
right: var(--AnswerPosition)
}
.Answer.Risk__High {
--AnswerText: "NO";
--AnswerColor: #d92eab;
--LineWidth: calc(100% - var(--No) - var(--AnswerSize));
--AnswerPosition: 15px
}
@media screen and (max-width:767px) {
.Answer.Risk__High {
--AnswerPosition: 15px
}
}
.Answer.Risk__no {
--AnswerText: "NO";
--AnswerColor: #d92eab;
--LineWidth: calc(100% - var(--No) - var(--AnswerSize));
--AnswerPosition: 15px
}
@media screen and (max-width:767px) {
.Answer.Risk__no {
--AnswerPosition: 15px
}
}
.Answer.Risk__No {
--AnswerText: "NO";
--AnswerColor: #d92eab;
--LineWidth: calc(100% - var(--No) - var(--AnswerSize));
--AnswerPosition: 15px
}
@media screen and (max-width:767px) {
.Answer.Risk__No {
--AnswerPosition: 15px
}
}
.Answer.Risk__Low {
--AnswerText: "YES";
--AnswerColor: #1bc9d4;
--LineWidth: calc(100% - var(--Yes) - var(--AnswerSize));
--AnswerPosition: 225px
}
@media screen and (max-width:767px) {
.Answer.Risk__Low {
--AnswerPosition: 105px
}
}
.Answer.Risk__yes {
--AnswerText: "YES";
--AnswerColor: #1bc9d4;
--LineWidth: calc(100% - var(--Yes) - var(--AnswerSize));
--AnswerPosition: 225px
}
@media screen and (max-width:767px) {
.Answer.Risk__yes {
--AnswerPosition: 105px
}
}
.Recommendations {
--GridGap: 40px;
--GridTemplateColumns: 1fr 1fr;
--LearnMoreOffsetTop: 10px;
display: grid;
grid-template-columns: var(--GridTemplateColumns);
gap: var(--GridGap);
color: #061638
}
@media screen and (max-width:767px) {
.Recommendations {
grid-template-columns: auto;
grid-auto-flow: row;
gap: 0
}
}
.Recommendations__Product .Recommendations__Bullet {
font-size: 16px;
line-height: 20px;
font-weight: 500;
margin: 0 0 40px
}
.Recommendations__Product .Recommendations__Bullet:before {
width: 30px;
height: 30px;
top: 0
}
.Recommendations h3 {
font-size: 14px;
line-height: 30px;
font-weight: 700;
letter-spacing: 1px;
margin: 0 0 20px
}
.Recommendations__Bullet {
--BulletIcon: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.9243%207.1831V5.29049H9.0757V7.1831H10.9243ZM10.9243%2014.7095V9.0757H9.0757V14.7095H10.9243ZM3.35387%203.39789C5.20246%201.5493%207.41784%200.625%2010%200.625C12.5822%200.625%2014.7829%201.5493%2016.6021%203.39789C18.4507%205.21714%2019.375%207.41784%2019.375%2010C19.375%2012.5822%2018.4507%2014.7975%2016.6021%2016.6461C14.7829%2018.4654%2012.5822%2019.375%2010%2019.375C7.41784%2019.375%205.20246%2018.4654%203.35387%2016.6461C1.53462%2014.7975%200.625%2012.5822%200.625%2010C0.625%207.41784%201.53462%205.21714%203.35387%203.39789Z%22%20fill%3D%22%2350C2E3%22%2F%3E%0A%3C%2Fsvg%3E);
position: relative;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 40px;
font-size: 18px;
line-height: 24px;
color: rba(#061638, .7);
margin: 0 0 20px;
letter-spacing: 0;
color: rgba(6, 22, 56, .7)
}
.Recommendations__Bullet:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 3px;
background-image: var(--BulletIcon);
background-repeat: no-repeat;
background-position: 50%
}
.Recommendations__Bullet h3 {
margin: 0;
font-weight: 700;
font-size: 18px;
line-height: 30px;
letter-spacing: 0;
color: #061638
}
.Recommendations__Bullet>div {
font-weight: 300;
font-size: 18px;
line-height: 24px;
letter-spacing: 0
}
.Recommendations__Bullet a {
display: block;
position: absolute;
white-space: nowrap;
font-weight: 700;
color: #50c2e3;
line-height: 20px;
font-size: 12px;
left: 40px;
top: calc(100% + var(--LearnMoreOffsetTop));
cursor: pointer
}
.Recommendations__Bullet a:hover {
color: #2c3d93
}
.Recommendations__Bullet.Priority {
padding: 0 140px 0 40px
}
.Recommendations__Bullet.Priority:after {
content: "HIGH PRIORITY";
white-space: nowrap;
display: block;
background: #1bc9d4;
color: #fff;
letter-spacing: 1px;
font-weight: 700;
font-size: 14px;
line-height: 20px;
position: absolute;
top: 0;
right: 0;
padding: 2px 10px
}
.Recommendations__Bullet.MDR__Log {
--BulletIcon: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.847%200.309749C18.1506%200.269633%2018.4618%200.370739%2018.6851%200.59407L25.8326%207.74157C26.0455%207.95444%2026.1473%208.24716%2026.1217%208.53702C26.1242%208.56598%2026.1255%208.59531%2026.1255%208.62493V24.7499C26.1255%2025.1146%2025.9806%2025.4643%2025.7227%2025.7222C25.4649%2025.9801%2025.1151%2026.1249%2024.7505%2026.1249H8.82422C8.45954%2026.1249%208.10981%2025.9801%207.85195%2025.7222C7.59409%2025.4643%207.44922%2025.1146%207.44922%2024.7499V1.67618C7.44922%201.3115%207.59409%200.961762%207.85195%200.703905C8.10981%200.446045%208.45954%200.301177%208.82422%200.301177H17.7155C17.7601%200.301177%2017.804%200.304094%2017.847%200.309749ZM18.978%203.71539L22.7113%207.44868H18.978V3.71539ZM24.1255%209.44868H17.978C17.4257%209.44868%2016.978%209.00096%2016.978%208.44868V2.30118H9.44922V24.1249H24.1255V9.44868ZM5.875%205.87494H6.04875C6.60103%205.87494%207.04875%205.42722%207.04875%204.87494C7.04875%204.32265%206.60103%203.87494%206.04875%203.87494H5.25C4.88533%203.87494%204.53559%204.0198%204.27773%204.27767C4.01986%204.53553%203.875%204.88527%203.875%205.24994V28.3237C3.875%2028.6884%204.01986%2029.0381%204.27773%2029.296C4.53559%2029.5538%204.88533%2029.6987%205.25%2029.6987H21.1612C21.5259%2029.6987%2021.8757%2029.5538%2022.1335%2029.296C22.3914%2029.0381%2022.5362%2028.6884%2022.5362%2028.3237V27.5062C22.5362%2026.9539%2022.0885%2026.5062%2021.5362%2026.5062C20.984%2026.5062%2020.5362%2026.9539%2020.5362%2027.5062V27.6987H5.875V5.87494ZM21.5522%2017.5737C22.1045%2017.5737%2022.5522%2018.0215%2022.5522%2018.5737V20.955C22.5522%2021.5073%2022.1045%2021.955%2021.5522%2021.955C21%2021.955%2020.5522%2021.5073%2020.5522%2020.955V18.5737C20.5522%2018.0215%2021%2017.5737%2021.5522%2017.5737Z%22%20fill%3D%22%2350C2E3%22%2F%3E%0A%3C%2Fsvg%3E)
}
.Recommendations__Bullet.MDR__Network {
--BulletIcon: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.75%2010.5938H27M7.23816%205.36247V7.68747M7.23816%2014.0813V16.4063M7.23816%2022.8001V25.1251M3.75%2019.8937H27M5.25%201.875H25.5C26.3284%201.875%2027%202.54657%2027%203.375V27.1125C27%2027.9409%2026.3284%2028.6125%2025.5%2028.6125H5.25C4.42157%2028.6125%203.75%2027.9409%203.75%2027.1125V3.375C3.75%202.54657%204.42157%201.875%205.25%201.875Z%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
}
.Recommendations__Bullet.MDR__Endpoint {
--BulletIcon: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_551_12101%29%22%3E%0A%3Cpath%20d%3D%22M2.33008%2021.9713V5.21257C2.33006%204.95294%202.43242%204.70377%202.61496%204.51913C2.79749%204.33449%203.04546%204.22928%203.30508%204.22632H26.7051C26.9647%204.22928%2027.2127%204.33449%2027.3952%204.51913C27.5777%204.70377%2027.6801%204.95294%2027.6801%205.21257V21.9713%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M0.425781%2021.9713H11.1133%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18.8906%2021.9713H29.5781%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M29.5783%2021.9713V24.8213C29.5753%2025.0763%2029.4714%2025.3197%2029.2894%2025.4982C29.1074%2025.6767%2028.862%2025.7758%2028.607%2025.7738H1.39703C1.14207%2025.7758%200.896705%2025.6767%200.714666%2025.4982C0.532627%2025.3197%200.42875%2025.0763%200.425781%2024.8213V21.9713%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18.8042%2021.9713V23.2388H11.1992V21.9713%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6.76562%208.02869V10.5637%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_551_12101%22%3E%0A%3Crect%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E)
}
.Recommendations__Bullet.MDR__Microsoft {
--BulletIcon: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.91567%2023.441L11.6356%2017.7212M7.37654%2017.7282H11.7008V22.0524M24.2369%205.76094L18.5205%2011.4774M22.6205%2011.7024H18.2963V7.37815M14.9997%2026.2499V29.0625M14.9997%200.9375V3.75M29.0612%2015H26.2488M3.74999%2015H0.9375M4.85721%2019.2786C4.30174%2017.9637%203.99237%2016.5153%203.99237%2015C3.99237%208.92154%208.91775%203.99616%2014.9963%203.99616C16.515%203.99616%2017.9599%204.30202%2019.2748%204.861M25.3788%2011.3332C25.7831%2012.4793%2026.0045%2013.7167%2026.0045%2015C26.0045%2021.0785%2021.0792%2026.0038%2015.0007%2026.0038C13.4819%2026.0038%2012.037%2025.698%2010.7222%2025.139M8.88646%2014.3883C8.88646%2012.757%209.5931%2011.2945%2010.7216%2010.2856C11.6955%209.41367%2012.9822%208.88281%2014.3919%208.88281M21.1147%2015.6116C21.1147%2016.7436%2020.7737%2017.7948%2020.1866%2018.6702C19.1987%2020.1433%2017.5182%2021.117%2015.6093%2021.117M15.2379%2012.5109C15.2379%2012.5109%2016.3629%2013.418%2017.4879%2013.7976C17.4879%2017.2008%2015.2379%2017.6543%2015.2379%2017.6543C15.2379%2017.6543%2012.9888%2017.2008%2012.9888%2013.7976C14.1138%2013.418%2015.2379%2012.5109%2015.2379%2012.5109Z%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
}
.Recommendations__Bullet.Managed__Vulnerability {
--BulletIcon: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_551_12107%29%22%3E%0A%3Cpath%20d%3D%22M25.9479%2011.1957H4.18311C3.94391%2011.1957%203.75%2011.3896%203.75%2011.6288V28.6294C3.75%2028.8685%203.94391%2029.0625%204.18311%2029.0625H25.9479C26.1871%2029.0625%2026.381%2028.8685%2026.381%2028.6294V11.6288C26.381%2011.3896%2026.1871%2011.1957%2025.9479%2011.1957Z%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M8.51367%2011.1176V7.48889%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M8.51367%207.48879C8.51367%205.75128%209.20387%204.08494%2010.4325%202.85634C11.6611%201.62773%2013.3275%200.9375%2015.065%200.9375C16.8024%200.9375%2018.4688%201.62773%2019.6974%202.85634C20.926%204.08494%2021.6163%205.75128%2021.6163%207.48879%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.0664%2018.6052V21.5121%22%20stroke%3D%22%2350C2E3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_551_12107%22%3E%0A%3Crect%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E)
}
.Assessment-Report-Review {
--GridTemplateColumns: 1fr 1fr;
--GridGap: 20px 40px;
--FontSize: 18px;
--FontOpacity: 0.7;
--LineHeight: 24px;
--TitleFontSize: 20px;
--ColumnsPadding: 40px 0;
--GridTemplateAreas: "mitigation products" "book products"
}
@media screen and (max-width:767px) {
.Assessment-Report-Review {
--GridTemplateColumns: 1fr;
--GridTemplateAreas: "mitigation" "products" "book";
--ColumnsPadding: 0
}
}
@media screen and (max-width:1063px) {
.Assessment-Report-Review .Assessment-Report-Container {
padding: 0 20px
}
}
.Assessment-Report-Review__Columns {
display: grid;
grid-template-areas: var(--GridTemplateAreas);
grid-template-columns: var(--GridTemplateColumns);
gap: var(--GridGap);
padding: var(--ColumnsPadding)
}
.Assessment-Report-Review__Columns .Mitigation {
grid-area: mitigation
}
.Assessment-Report-Review__Columns .BookMeeting { border: 2px solid rgba(6, 22, 56, .2);
border-radius: 8px;
padding: 30px 25px;
align-self: center;
color:black;
}
@media screen and (max-width:767px) {
.Assessment-Report-Review__Columns .BookMeeting {
padding: 10px; border-radius: 5px;
}
}
.Assessment-Report-Review__Columns .BookMeeting__Button {
display: inline-block;
background: #0f4dfd;
color: #fff;
font-size: 18px;
line-height: 30px; padding: 20px 30px;
border-radius: 10px;
font-weight: 700;
cursor: pointer;
webkit-user-select: none;=
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-shadow: 4px 4px 0 rgba(6, 22, 56, .2);
box-shadow: 4px 4px 0 rgba(6, 22, 56, .2);
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Assessment-Report-Review__Columns .BookMeeting__Button:hover {
background: #061638
}
.Assessment-Report-Review__Columns .Products { border: 2px solid rgba(6, 22, 56, .2);
border-radius: 8px;
padding: 30px 25px;
align-self: center;
color:black;
}
@media screen and (max-width:767px) {
.Assessment-Report-Review__Columns .Products {
padding-left: 10px;
}
}
.Assessment-Report-Review__Columns .Products .Recommendations {
--GridTemplateColumns: 1fr;
--LearnMoreOffsetTop: 0px
}
.Assessment-Report-Review__Columns__Column {
font-size: var(--FontSize);
line-height: var(--LineHeight);
font-weight: 100;
margin: 0
}
.Assessment-Report-Review__Columns__Column>h3 {
font-size: var(--TitleFontSize);
line-height: var(--LineHeight);
letter-spacing: -.02em;
margin: 0 0 10px
}
.Assessment-Report-Review__Columns__Column>p { margin: 0 0 20px
}
.Assessment-Report-Footer {
margin: 40px 0 0;
background: #061638
}
.Assessment-Report-Footer .CallBar {
background: #40c3d9;
font-size: 20px;
font-weight: 700;
line-height: 30px;
padding: 10px 0;
text-align: center
}
.Assessment-Report-Footer .CallBar a {
position: relative;
margin: 0 0 0 30px
}
.Assessment-Report-Footer .CallBar a:before {
content: "";
display: block;
position: absolute;
background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2225%22%20height%3D%2226%22%20viewBox%3D%220%200%2025%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.7897%2023.3786L15.8017%2023.3856C16.8638%2024.0619%2018.1248%2024.3556%2019.3764%2024.2183C20.628%2024.081%2021.7954%2023.521%2022.6857%2022.6306L23.4597%2021.8566C23.8054%2021.5105%2023.9996%2021.0413%2023.9996%2020.5521C23.9996%2020.063%2023.8054%2019.5938%2023.4597%2019.2476L20.1987%2015.9886C19.8526%2015.643%2019.3834%2015.4488%2018.8942%2015.4488C18.405%2015.4488%2017.9358%2015.643%2017.5897%2015.9886V15.9886C17.4185%2016.16%2017.2153%2016.296%2016.9915%2016.3887C16.7678%2016.4815%2016.5279%2016.5292%2016.2857%2016.5292C16.0435%2016.5292%2015.8037%2016.4815%2015.5799%2016.3887C15.3562%2016.296%2015.1529%2016.16%2014.9817%2015.9886L9.76372%2010.7696C9.41802%2010.4235%209.22385%209.95433%209.22385%209.46514C9.22385%208.97595%209.41802%208.50677%209.76372%208.16064V8.16064C9.93509%207.98947%2010.0711%207.7862%2010.1638%207.56245C10.2566%207.3387%2010.3043%207.09886%2010.3043%206.85664C10.3043%206.61442%2010.2566%206.37458%2010.1638%206.15083C10.0711%205.92708%209.93509%205.72381%209.76372%205.55264L6.50372%202.28864C6.15759%201.94295%205.6884%201.74878%205.19922%201.74878C4.71003%201.74878%204.24084%201.94295%203.89472%202.28864L3.12072%203.06264C2.23054%203.95302%201.67053%205.12028%201.53309%206.3718C1.39565%207.62332%201.68899%208.88429%202.36472%209.94664L2.37272%209.95864C5.94613%2015.2485%2010.5007%2019.804%2015.7897%2023.3786V23.3786Z%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50%;
width: 30px;
height: 30px;
top: 0;
left: -30px
}
.Assessment-Report-Footer .Disclaimer {
color: hsla(0, 0%, 100%, .5);
max-width: 1040px;
margin: 0 auto;
font-size: 18px;
line-height: 24px;
font-weight: 100;
padding: 40px 0 20px
}
@media screen and (max-width:1063px) {
.Assessment-Report-Footer .Disclaimer {
padding: 40px 20px
}
}
.Assessment-Report-Footer .Bottom {
--GridTemplateColumns: 1fr auto;
--Padding: 20px 0;
--TextAlign: left;
--SpanDisplay: inline-block;
--SpanDashDisplay: block;
--SpanMargin: 0 0 0 40px;
--Color: #fff;
--MaxWidth: 1040px;
--Logo: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22116%22%20height%3D%2218%22%20viewBox%3D%220%200%20116%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M29.0457%2012.0124C29.0457%2012.8456%2028.8788%2013.5795%2028.5528%2014.2292C28.2191%2014.879%2027.7717%2015.4218%2027.2105%2015.8575C26.6494%2016.2932%2025.982%2016.6296%2025.2313%2016.8513C24.4806%2017.0729%2023.6767%2017.1876%2022.835%2017.1876C21.5989%2017.1876%2020.4766%2017.0424%2019.468%2016.7366C18.4595%2016.4385%2017.5419%2015.8651%2016.7305%2015.0243L19.2633%2012.4405C19.6879%2012.8686%2020.2264%2013.1667%2020.8937%2013.3349C21.5534%2013.503%2022.2132%2013.5871%2022.8577%2013.5871C24.3971%2013.5871%2025.163%2013.0979%2025.163%2012.1118C25.163%2011.699%2025.0569%2011.3779%2024.8446%2011.1409C24.6171%2010.9116%2024.2606%2010.7664%2023.7829%2010.7052L21.8416%2010.43C20.4083%2010.216%2019.3315%209.73437%2018.6035%208.97758C17.868%208.21315%2017.4964%207.11236%2017.4964%205.68287C17.4964%204.93372%2017.6329%204.23809%2017.9059%203.61125C18.1789%202.98441%2018.5656%202.43402%2019.0661%201.97536C19.5742%201.5167%2020.1884%201.14977%2020.9088%200.889862C21.6293%200.629954%2022.4558%200.5%2023.3734%200.5C24.5336%200.5%2025.5574%200.645243%2026.437%200.943372C27.3167%201.2415%2028.1054%201.73838%2028.803%202.44166L26.3157%204.9643C26.0579%204.70439%2025.7849%204.50564%2025.5043%204.37568C25.2161%204.24573%2024.9356%204.14635%2024.6701%204.0852C24.3971%204.02404%2024.1393%203.99347%2023.9042%203.99347C23.6616%203.99347%2023.4492%203.99347%2023.2748%203.99347C22.926%203.99347%2022.6302%204.03933%2022.3952%204.13106C22.1525%204.2228%2021.9553%204.34511%2021.7961%204.49035C21.6368%204.63559%2021.5231%204.79612%2021.4473%204.97194C21.3714%205.14776%2021.3335%205.33123%2021.3335%205.51469C21.3335%205.62171%2021.3563%205.74402%2021.4018%205.88162C21.4473%206.01922%2021.5307%206.14917%2021.652%206.27148C21.7582%206.3785%2021.8947%206.47788%2022.0691%206.56961C22.2435%206.66134%2022.471%206.7225%2022.7592%206.75308L24.7005%207.02827C26.1185%207.22703%2027.1726%207.67804%2027.8703%208.38897C28.3101%208.81705%2028.6134%209.33686%2028.7954%209.93312C28.9547%2010.56%2029.0457%2011.2403%2029.0457%2012.0124Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32.9102%2017.0118V0.584106H43.8528V4.22282H36.8686V6.96714H42.8366V10.56H36.8686V13.4419H43.8528V17.0118H32.9102Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M57.0565%2017.0118L51.8999%208.76356V17.0118H47.9414V0.584106H51.3994L56.556%208.84765V0.584106H60.5144V17.0118H57.0565Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M72.0107%204.19988V17.0118H68.0522V4.19988H64.0938V0.584106H75.9691V4.19988H72.0107Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M79.5469%2017.0118V0.584106H83.5053V17.0118H79.5469Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M96.1872%2017.0118L93.3359%2010.904H92.0012V17.0118H88.0352V0.584106H94.4127C95.2999%200.584106%2096.0886%200.752283%2096.7787%201.05041C97.4611%201.34854%2098.0451%201.74605%2098.5076%202.23529C98.9778%202.72452%2099.3266%203.29021%2099.5617%203.91704C99.7968%204.54388%2099.9105%205.20129%2099.9105%205.874C99.9105%206.42439%2099.8347%206.93656%2099.683%207.39522C99.5314%207.85388%2099.3342%208.26668%2099.084%208.61832C98.8337%208.96996%2098.5531%209.27573%2098.2346%209.52799C97.9161%209.78026%2097.6052%209.9943%2097.2867%2010.1625L100.775%2017.0118H96.1872ZM95.9597%205.88928C95.9597%205.4612%2095.808%205.07134%2095.5047%204.73499C95.2013%204.39864%2094.7843%204.23046%2094.2383%204.23046H92.0088V7.54811H94.2458C94.7918%207.54811%2095.2089%207.37993%2095.5122%207.04358C95.808%206.69959%2095.9597%206.31737%2095.9597%205.88928Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M104.066%2017.0118L104.059%200.584106H115.001V4.19224H108.017V6.93656H113.985V10.5294H108.017V13.4113H115.001V17.0118H104.066Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M11.8147%202.51813C10.3056%200.568815%207.75009%200.591748%207.75009%200.591748H5.18695C5.18695%200.591748%202.63139%200.576459%201.12232%202.51813C0.204748%203.703%200%204.84201%200%205.63702C0%206.00395%200%2010.3077%200%2010.5906C0%2010.5982%200%2010.6059%200%2010.6059C0%2010.7282%200%2011.6149%200%2011.9665C0%2012.7539%200.197165%2013.8929%201.12232%2015.0854C2.63139%2017.0348%205.18695%2017.0118%205.18695%2017.0118H12.9294C12.9294%2017.0118%2012.9294%2014.879%2012.9294%2013.3578H5.96802C5.96802%2013.3578%204.95187%2013.3655%204.35279%2012.5857C3.98879%2012.1118%203.90538%2011.6608%203.90538%2011.3474C3.90538%2011.1945%203.90538%2010.6059%203.90538%2010.6059H12.937C12.937%2010.6059%2012.937%206.01159%2012.937%205.62938C12.937%204.84201%2012.7323%203.703%2011.8147%202.51813ZM3.89779%206.02688C3.89779%205.71347%203.97363%205.26245%204.3452%204.7885C4.94428%204.00877%205.96044%204.01642%205.96044%204.01642H6.97659C6.97659%204.01642%207.99275%204.00877%208.59183%204.7885C8.95582%205.26245%209.03924%205.71347%209.03924%206.02688C9.03924%206.17977%209.03924%206.99007%209.03924%206.99007H3.89779C3.89779%206.99772%203.89779%206.17977%203.89779%206.02688Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
max-width: var(--MaxWidth);
margin: 0 auto;
display: grid;
grid-template-columns: var(--GridTemplateColumns);
padding: var(--Padding);
text-align: var(--TextAlign);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:1063px) {
.Assessment-Report-Footer .Bottom {
--GridTemplateColumns: 1fr;
--Padding: 20px;
--TextAlign: center;
--SpanDisplay: block;
--SpanDashDisplay: none;
--SpanMargin: 0
}
}
.Assessment-Report-Footer .Bottom__Title {
line-height: 30px;
white-space: nowrap
}
.Assessment-Report-Footer .Bottom__Title span {
position: relative;
display: var(--SpanDisplay);
color: var(--Color);
height: 30px
}
.Assessment-Report-Footer .Bottom__Title span:first-child {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
opacity: .5
}
@media screen and (max-width:767px) {
.Assessment-Report-Footer .Bottom__Title span:first-child {
font-size: 15px
}
}
.Assessment-Report-Footer .Bottom__Title span:nth-child(2) {
font-size: 12px;
margin: var(--SpanMargin);
text-transform: none
}
.Assessment-Report-Footer .Bottom__Title span:nth-child(2):before {
content: "";
display: var(--SpanDashDisplay);
position: absolute;
left: -20px;
top: 5px;
height: 20px;
width: 2px;
background: var(--Color);
opacity: .2
}
.Assessment-Report-Footer .Bottom__Logo {
background-image: var(--Logo);
background-position: 50%;
background-repeat: no-repeat;
width: 116px;
height: 30px
}
@media screen and (max-width:1063px) {
.Assessment-Report-Footer .Bottom__Logo {
width: 100%;
height: 60px
}
}
.AutoresponderPages {
background: linear-gradient(-5.81deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(0deg, #293f97 7.31%, #6d3caf 125%);
padding-bottom: 75px
}
.AutoresponderPages__Content {
max-width: 1024px;
margin: 0 auto
}
.AutoresponderPages__TRU {
background: none;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assets/ThreatResponseUnit/TRU_bg_landing-page.png);
background-size: cover;
background-position: top
}
.AutoresponderPages__TRU .wistia_responsive_padding {
-webkit-box-shadow: 2px 4px #40c3d9;
box-shadow: 2px 4px #40c3d9;
border-left: 8px solid #40c3d9;
border-top: 8px solid #40c3d9;
border-color: #40c3d9;
border-style: solid;
border-width: 6px 8px 8px 6px
}
.AutoresponderPages__TRU .wistia_responsive_padding div {
border-radius: 4px
}
.AutoresponderPages__Heading {
padding: 75px 0 50px
}
.AutoresponderPages__Heading h1 {
color: #fff;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 72px;
font-weight: 900;
letter-spacing: -2.56594px;
line-height: 76px;
margin: 0 0 25px
}
.AutoresponderPages__Heading p {
font-size: 24px;
line-height: 34px;
letter-spacing: -.02em;
color: hsla(0, 0%, 100%, .55);
margin: 0
}
.AutoresponderPages__Heading h4 {
color: #40c3d9;
font-weight: 400;
letter-spacing: 4px;
font-size: 16px;
line-height: 19px;
border-bottom: 1px solid #40c3d9;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding-bottom: 27px;
margin-bottom: 32px
}
.AutoresponderPages__SpeakerHeading {
font-weight: 500;
font-size: 42px;
line-height: 120%;
letter-spacing: -.01em;
color: #fff;
margin: 0 0 32px
}
.AutoresponderPages .wistia_responsive_padding {
margin-bottom: 70px;
-webkit-box-shadow: 7px 7px #40c3d9;
box-shadow: 7px 7px #40c3d9;
border-radius: 12px
}
.AutoresponderPages .wistia_responsive_padding div {
border-radius: 12px;
cursor: pointer;
max-width: 100%
}
.AutoresponderPages__Speakers {
display: grid;
grid-template-columns: repeat(4, 240px);
grid-gap: 1em
}
.AutoresponderPages__SpeakerCard {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 15px
}
.AutoresponderPages__SpeakerCard h3 {
color: #19234d;
font-size: 26px;
margin: 0 15px 5px;
font-weight: 500
}
.AutoresponderPages__SpeakerCard h4 {
color: #40c3d9;
font-weight: 400;
font-size: 17px;
line-height: 120%;
margin: 0 15px
}
.AutoresponderPages__SpeakerCard p {
color: #19234d;
font-weight: 400;
font-size: 17px;
margin: 0 15px
}
.AutoresponderPages__SpeakerCardTop {
margin-bottom: 5px
}
.AutoresponderPages__SpeakerCardThumbnailImage {
background-size: cover;
height: 220px;
margin-bottom: 10px;
width: 240px
}
.AutoresponderPages__OtherRelatedResources,
.AutoresponderPages__RelatedResources {
background-color: #cff0f5;
padding: 75px 0
}
.AutoresponderPages__OtherRelatedResources h2,
.AutoresponderPages__RelatedResources h2 {
font-weight: 500;
font-size: 42px;
line-height: 120%;
letter-spacing: -.01em;
color: #000;
margin: 0 0 32px;
text-align: center
}
.AutoresponderPages__OtherRelatedResources {
background-color: #e9ebf4;
position: relative
}
.AutoresponderPages__OtherRelatedResources__TRU {
background-color: #40c3d9
}
.AutoresponderPages__OtherRelatedResourcesBackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
pointer-events: none
}
.AutoresponderPages__OtherRelatedResourcesBackground:before {
content: "";
position: absolute;
top: -200px;
left: 0;
right: 0;
height: 625px;
background: #edeaf3;
-webkit-transform: skewY(7deg);
transform: skewY(7deg);
-webkit-transform-origin: top;
transform-origin: top;
z-index: -1
}
@media (min-width:0px) and (max-width:768px) {
.AutoresponderPages__Content {
padding: 0 15px
}
.AutoresponderPages__Speakers {
grid-auto-flow: row;
grid-template-columns: repeat(1, 200px)
}
.AutoresponderPages__Heading h1 {
font-size: 44px;
line-height: 120%
}
.AutoresponderPages__HeadingSmall {
font-size: 45px !important;
line-height: 48px !important
}
.AutoresponderPages__SpeakerCardThumbnailImage {
background-size: cover;
height: 200px;
width: 200px
}
}
.NavBar {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-family: ibm-plex-sans, sans-serif;
height: 114px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}
@media screen and (max-width:767px) {
.NavBar {
height: 55px
}
}
.NavBar__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1440px;
padding: 0 48px;
width: 100%
}
@media screen and (max-width:767px) {
.NavBar__Content {
padding: 0 15px
}
}
@media screen and (min-width:767px) and (min-width:1063px) {
.NavBar__Content {
padding: 0 24px
}
}
.NavBar__Left {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
line-height: 0
}
@media screen and (max-width:1063px) {
.NavBar__Left {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 18vw
}
}
@media screen and (max-width:767px) {
.NavBar__Left {
width: 140px
}
}
.NavBar__MobileGetStarted {
margin-right: 8px
}
@media screen and (min-width:767px) {
.NavBar__MobileGetStarted {
display: none
}
}
.NavBar__MobileGetStarted a {
background: #263c91;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 14px;
padding: 8px;
font-weight: 500
}
.NavBar__Logo svg {
max-width: 185px;
width: 100%
}
.NavBar__MainItems,
.NavBar__Right,
.NavBar__SecondaryItems {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.NavBar__Right {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative
}
@media screen and (max-width:1063px) and (min-width:768px) {
.NavBar__Right {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media screen and (max-width:767px) {
.NavBar__Right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
.NavBar__TRULogo {
max-width: 175px
}
.NavBar__TRULogo img {
width: 100%
}
@media screen and (max-width:767px) {
.NavBar__TRULogo {
max-width: 80px
}
}
.NavBar__Marker {
background: #19234d;
height: 10px;
top: -39px;
width: 50px
}
.NavBar__ArrowContainer,
.NavBar__Marker {
position: absolute;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.NavBar__ArrowContainer {
display: block;
opacity: 1;
height: 17px;
width: 30px;
overflow: hidden;
background: rbga(255, 0, 255, .5)
}
@media screen and (max-width:767px) {
.NavBar__ArrowContainer {
display: none
}
}
.NavBar__Arrow {
position: absolute;
width: 30px;
height: 17px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 2.55L0 17h30L17.25 2.55a3 3 0 00-4.5 0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.502 3.201A2.001 2.001 0 0116.5 3.2L28.7 17H30L17.248 2.539a3 3 0 00-4.496 0L0 16.999h1.3L13.502 3.202z' fill='%2340C3D9' fill-opacity='.2'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: 50%
}
.NavBar__Arrow,
.NavBar__Button {
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.NavBar__Button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #263c91;
color: #fff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: 600;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 1px;
line-height: 100%;
max-width: 140px;
padding: 6px 25px;
text-transform: uppercase;
width: 100%
}
.NavBar__Button:hover {
background: #6d3caf
}
.NavBar__Button svg {
margin-left: 9px;
max-width: 12px;
width: 100%
}
.NavBar__Button--Open svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
@media screen and (max-width:1063px) {
.NavBar__Button {
font-size: 14px;
line-height: 16px;
padding: 6px 8px
}
}
@media screen and (max-width:767px) {
.NavBar__Button {
display: none
}
}
.NavBar__ButtonSubtle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 4px;
border: 1px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #084164;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 38px;
padding: 10px;
text-decoration: none;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.NavBar__ButtonSubtleSearchIcon {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin: 0 10px
}
@media screen and (max-width:359px) {
.NavBar__ButtonSubtleSearchIcon {
margin-left: 0 !important
}
}
.NavBar__ButtonSubtle:hover {
border: 1px solid #ddd
}
@media screen and (max-width:1063px) {
.NavBar__ButtonSubtle {
margin: 0;
font-size: 14px;
line-height: 16px;
padding: 8px
}
}
@media screen and (max-width:767px) {
.NavBar__ButtonSubtle {
display: none
}
}
.NavBar__MobileHamburger {
display: none;
height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
margin-right: -12px
}
@media screen and (max-width:767px) {
.NavBar__MobileHamburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.NavBar__MobileNavicon {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
border: none;
background: none;
height: 100%;
width: 40px;
margin-right: -12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background .2s, opacity .2s, left .3s;
transition: background .2s, opacity .2s, left .3s;
opacity: .9;
z-index: 10;
display: none
}
.NavBar__MobileNavicon:hover {
opacity: 1
}
.NavBar__MobileNavicon .navicon {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 2px;
width: 16px;
background: #40c3d9;
border-radius: 1px;
position: relative;
opacity: .9;
-webkit-transition: opacity .2s;
transition: opacity .2s;
-webkit-transition: background .3s;
transition: background .3s
}
.NavBar__MobileNavicon .navicon:after,
.NavBar__MobileNavicon .navicon:before {
display: block;
content: "";
position: absolute;
left: 0;
height: 2px;
width: 16px;
background: #40c3d9;
border-radius: 1px
}
.NavBar__MobileNavicon .navicon:before {
top: -5px;
-webkit-transition: top .3s, -webkit-transform .3s;
transition: top .3s, -webkit-transform .3s;
transition: transform .3s, top .3s;
transition: transform .3s, top .3s, -webkit-transform .3s
}
.NavBar__MobileNavicon .navicon:after {
bottom: -5px;
-webkit-transition: bottom .3s, -webkit-transform .3s;
transition: bottom .3s, -webkit-transform .3s;
transition: transform .3s, bottom .3s;
transition: transform .3s, bottom .3s, -webkit-transform .3s
}
.NavBar__MobileNavicon--Close .navicon {
background: hsla(0, 0%, 100%, 0)
}
.NavBar__MobileNavicon--Close .navicon:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
top: 0
}
.NavBar__MobileNavicon--Close .navicon:after {
bottom: 0;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}
@media screen and (max-width:767px) {
.NavBar__MobileNavicon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center
}
}
.NavBar__MobileDropdown {
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
top: 35px;
height: calc(100vh - 55px);
width: 100%;
background: #fff;
-webkit-transition: opacity .2s, visibility .2s, top .2s;
transition: opacity .2s, visibility .2s, top .2s;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:767px) {
.NavBar__MobileDropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media screen and (max-width:767px) {
.NavBar__MobileDropdown--Visible {
top: 55px;
opacity: 1;
visibility: visible
}
}
.NavBar__MobileButtons {
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
padding: 0 15px
}
.NavBar__MobileButton {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 22px;
line-height: 26px;
letter-spacing: -.01em;
text-align: center;
color: #3c2b77;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 10px;
min-height: 75px;
border-bottom: 1px solid #e2e7ed;
cursor: pointer;
text-decoration: none
}
.NavBar__MobileButton img,
.NavBar__MobileButton svg {
-webkit-transition: margin .15s;
transition: margin .15s
}
.NavBar__MobileButton:hover {
color: #6d3caf
}
.NavBar__MobileButton:hover img,
.NavBar__MobileButton:hover svg {
margin-right: -4px
}
.NavBar__MobileCTA {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: linear-gradient(166.21deg, #293f97 18.78%, #10205f 75.95%);
padding-top: 40px
}
.NavBar__MobileCTAButton {
background: #40c3d9;
-webkit-box-shadow: 4px 4px 0 #000;
box-shadow: 4px 4px 0 #000;
border-radius: 4px;
padding: 16px 20px;
width: 100%;
max-width: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
line-height: 21px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
letter-spacing: -.01em;
color: #0e142b;
text-decoration: none;
-webkit-transition: background .2s;
transition: background .2s
}
.NavBar__MobileCTAButton:hover {
background: #60cee2
}
.NavBar__BreachBar {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #19234d;
color: #40c3d9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: ibm-plex-sans, sans-serif;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
z-index: 6;
position: fixed
}
.NavBar__BreachBar h4 {
cursor: default;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.1px;
margin: 0 16px 0 0
}
.NavBar__BreachBar a {
font-size: 13px;
font-weight: 600;
margin: 0 0 0 16px;
padding: 1.6px 8px
}
.NavBar__BreachBar svg {
cursor: pointer;
width: 100%;
max-width: 16px
}
.NavBar__BreachBar__Content {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1260px;
width: 100%;
padding: 8px 38px
}
.NavBar__BreachBar__Content,
.NavBar__BreachBar__Middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.NavBar__BreachBar__Middle {
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.NavBar__BreachBar__Left {
width: 20px
}
@media screen and (max-width:767px) {
.NavBar__BreachBar {
display: none
}
}
.NavBar__BewareBar {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(169, 42, 141, .56);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: ibm-plex-sans, sans-serif;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
z-index: 6;
position: fixed
}
.NavBar__BewareBarAgent {
background-color: rgba(25, 35, 77, .76) !important
}
.NavBar__BewareBarAgent:hover {
background-color: #19234d !important
}
.NavBar__BewareBar:hover {
background-color: #a92a8d
}
.NavBar__BewareBar h4 {
cursor: default;
font-size: 16px;
font-weight: 400;
letter-spacing: 1.1px;
margin: 0 20px 0 0
}
.NavBar__BewareBar a {
border: 2px solid #fff;
color: #fff;
cursor: pointer;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.8px;
margin: 0 0 0 20px;
padding: 5px 22px;
text-transform: uppercase
}
.NavBar__BewareBar a:hover {
background-color: #d3d8e9;
border: 2px solid #d3d8e9;
color: #263c91
}
.NavBar__BewareBar svg {
cursor: pointer;
width: 100%;
max-width: 25px
}
.NavBar__BewareBar__Content {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1260px;
padding: 17px 48px;
width: 100%
}
.NavBar__BewareBar__Content,
.NavBar__BewareBar__Middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.NavBar__BewareBar__Middle {
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.NavBar__BewareBar__Left {
width: 20px
}
@media screen and (max-width:767px) {
.NavBar__BewareBar__Content {
text-align: center;
padding: 20px 15px
}
.NavBar__BewareBar__Content,
.NavBar__BewareBar__Middle {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.NavBar__BewareBar h4 {
margin: 0 0 13px;
font-size: 14px;
line-height: 20px
}
.NavBar__BewareBar a {
margin: 0;
padding: 4px 20px;
font-size: 10px
}
.NavBar__BewareBar svg {
position: absolute;
right: 9px;
max-width: 18px;
top: 9px
}
}
.BewareBar__Modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 125px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 1001;
margin-bottom: 200px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.BewareBar__Modal.active {
display: block
}
.BewareBar__Modal__Content {
background-color: #fff;
-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .16);
box-shadow: 0 10px 50px rgba(0, 0, 0, .16);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: auto;
max-width: 720px;
position: relative;
width: 100%
}
.BewareBar__Modal__Container {
max-width: 900px;
margin: 0 auto;
text-align: center;
padding: 40px 48px
}
.BewareBar__Modal__Container svg {
width: 100%;
max-width: 48px;
margin: 0 0 20px
}
.BewareBar__Modal__Container h3 {
color: #263c91;
font-size: 24px;
line-height: 32px;
font-weight: 500;
margin: 0 0 20px
}
.BewareBar__Modal__Container h4 {
color: #0e142b;
font-size: 18px;
line-height: 24px;
margin: 0 0 7px;
font-weight: 600
}
.BewareBar__Modal__Container h5 {
margin: 0;
font-size: 14px;
line-height: 20px;
color: #0e142b;
font-weight: 400
}
.BewareBar__Modal__Container p {
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.BewareBar__Modal__Container p br {
content: "";
display: block;
margin: 15px 0
}
.BewareBar__Modal__Container p span {
color: #696de3;
font-weight: 600
}
.BewareBar__Modal__ContainerBottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #696de3;
color: #fff;
display: grid;
grid-gap: 30px;
grid-template-columns: 5fr 2fr;
padding: 20px 48px
}
.BewareBar__Modal__ContainerBottom a {
background-color: #e9ebf4;
color: #5063f9;
font-size: 15px;
font-weight: 700;
letter-spacing: 1.8px;
padding: 7px 25px;
text-align: center;
text-transform: uppercase
}
.BewareBar__Modal__ContainerBottom p {
margin: 0 0 6px
}
.BewareBar__Modal__Close {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
z-index: 1
}
.BewareBar__Modal__Close svg {
width: 100%;
max-width: 24px
}
@media screen and (max-width:767px) {
.BewareBar__Modal {
padding-top: 65px
}
.BewareBar__Modal__Content {
margin-bottom: 75px
}
.BewareBar__Modal__Container {
padding: 40px 15px
}
.BewareBar__Modal__ContainerBottom {
padding: 20px 15px;
grid-template-columns: 1fr;
grid-gap: 15px
}
}
.MobileDropdownNav {
display: none;
border-bottom: 1px solid rgba(37, 224, 249, .3);
padding: 0 48px
}
@media screen and (max-width:767px) {
.MobileDropdownNav {
padding: 0 24px;
display: block
}
}
.MobileDropdownNav__BackButton {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
border: none;
background: none;
font-size: 16px;
line-height: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 10px 0;
letter-spacing: -.01em;
font-family: Effra;
font-style: normal;
font-weight: 400;
color: #3c2b77
}
.MobileDropdownNav__BackButton span {
margin-left: 5px
}
.MobileDropdownNav__Title {
font-weight: 900;
font-size: 34px;
line-height: 39px;
letter-spacing: -1.5px;
margin: 10px 0 30px;
color: #0a0a0a
}
.WhatWeDo {
background: #fff;
-webkit-box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
display: block;
font-family: ibm-plex-sans, sans-serif;
opacity: 0;
position: absolute;
top: 118px;
-webkit-transition: opacity .5s;
transition: opacity .5s;
visibility: hidden;
width: 100%;
z-index: 50
}
.WhatWeDo,
.WhatWeDo__Wrapper {
max-height: calc(100vh - 118px)
}
.WhatWeDo__Wrapper {
position: relative;
max-width: 1640px;
margin: 0 auto
}
.WhatWeDo__Content {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 1fr;
padding: 50px 48px 55px;
position: relative
}
.WhatWeDo h6 {
border-bottom: 1px solid #707070;
color: #19234d;
font-size: 16px;
font-weight: 700;
line-height: 120%;
margin: 0 0 20px;
padding-bottom: 10px;
letter-spacing: 2px
}
.WhatWeDo__LinksBox {
display: grid;
grid-gap: 25px;
grid-template-columns: 3fr 2fr
}
.WhatWeDo__LinksBox h5 {
color: #263c91;
font-size: 17px;
font-weight: 600;
margin: 0 0 8px;
-webkit-transition: opacity .15s;
transition: opacity .15s;
line-height: 120%
}
.WhatWeDo__LinksBox h5 em {
font-style: normal
}
.WhatWeDo__LinksBox p {
font-size: 13px;
font-weight: 400;
line-height: 122%;
margin: 0;
opacity: .6;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.WhatWeDo__Links {
display: block;
text-decoration: none
}
.WhatWeDo__Links a {
color: #19234d;
display: block;
margin-bottom: 15px
}
.WhatWeDo__Links a:last-child {
margin-bottom: 0
}
.WhatWeDo__Links a:hover h5 {
color: #5063f9
}
.WhatWeDo__Links a:hover .WhatWeDo__LinksArrow {
display: initial;
opacity: 1
}
.WhatWeDo__Links a:hover p {
opacity: .8
}
.WhatWeDo__LinksArrow {
display: none;
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
white-space: nowrap
}
.WhatWeDo__LinksArrow em {
color: #5063f9;
font-style: normal;
margin-left: 5px;
-webkit-transition: margin .15s;
transition: margin .15s
}
.WhatWeDo__Box {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Nav/esentire_nav_container_1.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #707070;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 15px
}
.WhatWeDo__BoxMirosoftBox {
background-color: #fff;
padding: 15px 10px 12px;
margin: 6px 8px 16px
}
.WhatWeDo__BoxMirosoftBox img {
max-width: 150px;
margin: 0 auto
}
.WhatWeDo__BoxTRU {
background-color: #19234d;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Nav/esentire_nav_container_tru.png);
background-position-x: 65px;
background-size: 87%
}
.WhatWeDo__BoxTRU p:last-child {
margin-top: 18px;
max-width: 176px
}
.WhatWeDo__BoxTop {
color: #fff;
margin: 0 auto;
text-align: center
}
.WhatWeDo__BoxTop h5 {
color: #fff;
margin: 0 0 12px
}
.WhatWeDo__BoxTop p {
margin: 0 auto;
max-width: 230px;
opacity: 1
}
.WhatWeDo__BoxTop img {
width: 100%
}
.WhatWeDo__BoxBottom {
background-color: #fff;
border: 1px solid #5063f9;
margin: 0 auto;
text-align: center;
width: 100%
}
.WhatWeDo__BoxBottom a {
color: #5063f9;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 110%;
padding: 12px 0;
text-transform: uppercase
}
.WhatWeDo__BoxBottom a:hover .WhatWeDo__LinksArrow {
display: initial;
opacity: 1
}
@media screen and (max-width:1063px) {
.WhatWeDo__Content {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-height:800px) {
.WhatWeDo__Wrapper {
overflow-y: scroll
}
}
@media screen and (max-width:767px) {
.WhatWeDo {
border-radius: 0;
height: calc(100vh - 55px);
max-height: none;
top: 55px
}
.WhatWeDo__Wrapper {
max-height: calc(100vh - 55px);
overflow-y: scroll
}
.WhatWeDo__Content {
grid-gap: 20px;
grid-template-columns: 1fr;
padding-bottom: 20px
}
}
@media screen and (max-width:639px) {
.WhatWeDo__LinksBox {
grid-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px
}
.WhatWeDo__Box {
margin-top: 0
}
.WhatWeDo__BoxTop {
margin-bottom: 22px
}
}
.HowWeDo {
background: #fff;
-webkit-box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
display: block;
font-family: ibm-plex-sans, sans-serif;
opacity: 0;
position: absolute;
top: 118px;
-webkit-transition: opacity .5s;
transition: opacity .5s;
visibility: hidden;
width: 100%;
z-index: 50
}
.HowWeDo,
.HowWeDo__Wrapper {
max-height: calc(100vh - 118px)
}
.HowWeDo__Wrapper {
position: relative;
max-width: 1640px;
margin: 0 auto
}
.HowWeDo__Content {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 1fr;
padding: 50px 48px 55px;
position: relative
}
.HowWeDo h6 {
border-bottom: 1px solid #707070;
color: #19234d;
font-size: 16px;
font-weight: 700;
line-height: 120%;
margin: 0 0 20px;
padding-bottom: 10px;
letter-spacing: 2px
}
.HowWeDo__LinksBox {
display: grid;
grid-gap: 30px;
grid-template-columns: 3fr 7fr
}
.HowWeDo__LinksBox h5 {
color: #263c91;
font-size: 17px;
font-weight: 600;
margin: 0 0 8px;
-webkit-transition: opacity .15s;
transition: opacity .15s;
line-height: 125%
}
.HowWeDo__LinksBox h5 em {
font-style: normal
}
.HowWeDo__LinksBox p {
font-size: 13px;
font-weight: 400;
line-height: 122%;
margin: 0;
opacity: .6;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.HowWeDo__Links {
display: block;
text-decoration: none
}
.HowWeDo__Links h5 {
color: #263c91;
font-size: 16px;
font-weight: 600;
line-height: 100%;
margin: 0 0 5px;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.HowWeDo__Links h5 em {
font-style: normal
}
.HowWeDo__Links p {
font-size: 13px;
font-weight: 400;
line-height: 122%;
margin: 0;
opacity: .6;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.HowWeDo__Links a {
color: #19234d;
display: block;
margin-bottom: 15px
}
.HowWeDo__Links a:last-child {
margin-bottom: 0
}
.HowWeDo__Links a:hover h5 {
color: #5063f9
}
.HowWeDo__Links a:hover .HowWeDo__LinksArrow {
display: initial;
opacity: 1
}
.HowWeDo__Links a:hover .HowWeDo__LinksArrow em {
margin-left: 5px
}
.HowWeDo__Links a:hover p {
opacity: .8
}
.HowWeDo__LinksArrow {
display: none;
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
white-space: nowrap
}
.HowWeDo__LinksArrow em {
color: #5063f9;
font-style: normal;
-webkit-transition: margin .15s;
transition: margin .15s
}
.HowWeDo__Links-2 {
display: grid;
grid-gap: 25px;
grid-row-gap: 0;
grid-template-columns: 1fr 1fr
}
.HowWeDo__Links-Icons a {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.HowWeDo__Links-Icons svg {
background: #d3d7e9;
border-radius: 50%;
margin-right: 8px;
max-width: 30px
}
.HowWeDo__Box {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Nav/esentire_nav_container_2.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #707070;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
padding: 20px
}
.HowWeDo__Box:hover {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .101961);
box-shadow: 0 5px 10px rgba(0, 0, 0, .101961);
border: 1px solid #e2e2e2;
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.HowWeDo__BoxContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.HowWeDo__BoxTop {
color: #fff;
margin-bottom: 20px;
text-align: center
}
.HowWeDo__BoxTop h5 {
color: #fff;
margin: 0 0 12px
}
.HowWeDo__BoxTop p {
margin: 0 auto;
max-width: 230px;
opacity: 1
}
.HowWeDo__BoxMiddle {
color: #40c3d9;
font-size: 14px;
letter-spacing: 1px;
margin: 0 auto;
max-width: 90px;
text-align: center
}
.HowWeDo__BoxBottom {
background-color: #e9ebf4;
margin: 0 auto;
text-align: center;
width: 100%
}
.HowWeDo__BoxBottom a {
color: #5063f9;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 110%;
padding: 12px 0;
text-transform: uppercase
}
.HowWeDo__BoxBottom a:hover .HowWeDo__LinksArrow {
display: initial;
opacity: 1
}
.HowWeDo__RightLinks {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 3fr
}
@media screen and (max-width:1063px) {
.HowWeDo__Content {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-height:800px) {
.HowWeDo__Wrapper {
overflow-y: scroll
}
}
@media screen and (max-width:767px) {
.HowWeDo {
border-radius: 0;
height: calc(100vh - 55px);
max-height: none;
top: 55px
}
.HowWeDo__Wrapper {
max-height: calc(100vh - 55px);
overflow-y: scroll
}
.HowWeDo__Content {
grid-gap: 20px;
grid-template-columns: 1fr;
padding-bottom: 20px
}
.HowWeDo__Box {
padding: 20px 15px
}
.HowWeDo__BoxMiddle {
margin-bottom: 20px
}
.HowWeDo__Links-2,
.HowWeDo__RightLinks {
grid-template-columns: 1fr
}
}
@media screen and (max-width:639px) {
.HowWeDo__LinksBox {
grid-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px
}
.HowWeDo__Box {
margin-top: 0
}
.HowWeDo__BoxTop {
margin-bottom: 22px
}
}
.Resources {
background: #fff;
-webkit-box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
display: block;
font-family: ibm-plex-sans, sans-serif;
max-height: calc(100vh - 118px);
opacity: 0;
position: absolute;
top: 118px;
-webkit-transition: opacity .5s;
transition: opacity .5s;
visibility: hidden;
width: 100%;
z-index: 50
}
.Resources__Wrapper {
max-height: calc(100vh - 118px);
position: relative;
max-width: 1640px;
margin: 0 auto
}
.Resources__Content {
display: grid;
grid-gap: 40px;
grid-template-columns: 6fr 5fr;
padding: 50px 48px 55px;
position: relative
}
.Resources h6 {
border-bottom: 1px solid #707070;
color: #19234d;
font-size: 16px;
font-weight: 700;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: uppercase
}
.Resources h5 {
color: #263c91;
font-size: 17px;
font-weight: 600;
margin: 0 0 8px;
-webkit-transition: opacity .15s;
transition: opacity .15s;
line-height: 125%
}
.Resources h5 em {
font-style: normal
}
.Resources p {
font-size: 13px;
font-weight: 400;
line-height: 122%;
margin: 0;
opacity: .6;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.Resources p span {
color: #5063f9;
text-decoration: underline
}
.Resources__BlogResources {
display: grid;
grid-gap: 30px;
grid-template-columns: 7fr 3fr
}
.Resources__SecurityBox {
display: grid;
grid-gap: 30px;
grid-template-columns: 5fr 4fr
}
.Resources__Links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.Resources__Links a {
color: #19234d;
display: block;
margin-bottom: 15px
}
.Resources__Links a:last-child {
margin-bottom: 0
}
.Resources__Links a:hover h5 {
color: #5063f9
}
.Resources__Links a:hover .Resources__LinksArrow {
display: initial;
opacity: 1
}
.Resources__Links a:hover .Resources__LinksArrow em {
margin-left: 5px
}
.Resources__Links a:hover p {
opacity: .8
}
.Resources__Links p {
color: #0e142b;
font-size: 16px;
line-height: 20px
}
.Resources__LinksArrow {
display: none;
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
white-space: nowrap
}
.Resources__LinksArrow em {
color: #5063f9;
font-style: normal;
-webkit-transition: margin .15s;
transition: margin .15s
}
.Resources__Links-Blogs {
padding-right: 25px
}
.Resources__Links-Blogs a {
margin-bottom: 22px
}
.Resources__Box {
background-color: #19234d;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Nav/esentire_nav_container_tru.png);
background-position-x: 20px;
background-position: 50%;
background-repeat: no-repeat;
background-size: 98%;
border: 1px solid #707070;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 60px 20px 20px
}
.Resources__BoxTop {
color: #fff;
text-align: center
}
.Resources__BoxTop h5 {
color: #fff;
margin: 0 0 12px
}
.Resources__BoxTop p {
font-size: 14px;
line-height: 20px;
margin: 0 auto;
max-width: 230px;
opacity: 1
}
.Resources__BoxBottom {
background-color: #fff;
border: 1px solid #5063f9;
margin: 0 auto;
text-align: center;
width: 100%
}
.Resources__BoxBottom a {
color: #5063f9;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 110%;
padding: 12px 0;
text-transform: uppercase
}
.Resources__BoxBottom a:hover .Resources__LinksArrow {
display: initial;
opacity: 1
}
.Resources__BoxCTA {
background-color: #e9ebf4;
max-width: 185px;
text-align: center;
width: 100%;
margin-top: 20px
}
.Resources__BoxCTA a {
color: #5063f9;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 110%;
padding: 12px 0;
text-transform: uppercase
}
.Resources__Eyebrow {
font-size: 14px;
margin-bottom: 5px;
display: block
}
@media screen and (max-width:1063px) {
.Resources__Content {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-height:800px) {
.Resources__Wrapper {
overflow-y: scroll
}
}
@media screen and (max-width:767px) {
.Resources {
border-radius: 0;
height: calc(100vh - 55px);
max-height: none;
top: 55px
}
.Resources__Wrapper {
max-height: calc(100vh - 55px);
overflow-y: scroll
}
.Resources__Content {
grid-gap: 20px;
padding-bottom: 20px
}
.Resources__BlogResources,
.Resources__Content,
.Resources__SecurityBox {
grid-template-columns: 1fr
}
.Resources__Box {
padding: 20px 15px
}
}
@media screen and (max-width:639px) {
.Resources__LinksBox {
grid-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px
}
.Resources__Box {
margin-top: 0
}
.Resources__BoxTop {
margin-bottom: 22px
}
}
.Company {
background: #fff;
-webkit-box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
display: block;
font-family: ibm-plex-sans, sans-serif;
opacity: 0;
position: absolute;
top: 118px;
-webkit-transition: opacity .5s;
transition: opacity .5s;
visibility: hidden;
width: 100%;
z-index: 50
}
.Company,
.Company__Wrapper {
max-height: calc(100vh - 118px)
}
.Company__Wrapper {
position: relative;
max-width: 1640px;
margin: 0 auto
}
.Company__Content {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
padding: 50px 48px 55px;
position: relative
}
.Company h6 {
border-bottom: 1px solid #707070;
color: #19234d;
font-size: 16px;
font-weight: 700;
line-height: 120%;
margin: 0 0 20px;
padding-bottom: 10px;
letter-spacing: 2px
}
.Company h5 {
color: #263c91;
font-size: 17px;
font-weight: 600;
margin: 0;
-webkit-transition: opacity .15s;
transition: opacity .15s;
line-height: 125%
}
.Company h5 em {
font-style: normal
}
.Company p {
color: #0e142b;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin: 0;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.Company p span {
color: #5063f9;
text-decoration: underline
}
.Company__Links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.Company__Links--Mobile {
display: none
}
.Company__Links a {
color: #19234d;
margin-bottom: 15px
}
.Company__Links a:last-child {
margin-bottom: 0
}
.Company__Links a:hover h5 {
color: #5063f9
}
.Company__Links a:hover .Company__LinksArrow {
display: initial;
opacity: 1
}
.Company__Links a:hover .Company__LinksArrow em {
margin-left: 5px
}
.Company__Links a:hover p {
opacity: .8
}
.Company__LinksArrow {
display: none;
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
white-space: nowrap
}
.Company__LinksArrow em {
color: #5063f9;
font-style: normal;
-webkit-transition: margin .15s;
transition: margin .15s
}
.Company__About p {
margin-bottom: 20px
}
.Company__Event {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #19234d;
margin-bottom: 15px
}
.Company__Calendar {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.Company__Calendar,
.Company__CalendarDate {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.Company__CalendarDate {
background-color: #d4d8e9;
color: #5063f9;
cursor: default;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 10px;
text-align: center;
width: 40px
}
.Company__Month {
font-size: 10px;
font-weight: 700;
line-height: 10px
}
.Company__Day {
font-size: 16px;
font-weight: 700;
line-height: 16px
}
.Company__PressRelease {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.Company__PressRelease h5 {
margin-bottom: 8px
}
.Company__PressRelease p {
opacity: .6
}
.Company__BoxCTA {
background-color: #e9ebf4;
margin-top: 20px;
max-width: 185px;
text-align: center;
width: 100%
}
.Company__BoxCTA--Careers {
max-width: 275px
}
.Company__BoxCTA a {
color: #5063f9;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 110%;
padding: 12px 0;
text-transform: uppercase
}
.Company__BoxCTA a:hover .Company__LinksArrow {
display: initial;
opacity: 1
}
.Company__Eyebrow {
font-size: 14px;
margin-bottom: 5px;
display: block
}
@media screen and (max-width:1063px) {
.Company__Content {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-height:800px) {
.Company__Wrapper {
overflow-y: scroll
}
}
@media screen and (max-width:767px) {
.Company {
border-radius: 0;
height: calc(100vh - 55px);
max-height: none;
top: 55px
}
.Company__Wrapper {
max-height: calc(100vh - 55px);
overflow-y: scroll
}
.Company__Content {
grid-gap: 20px;
grid-template-columns: 1fr;
padding-bottom: 20px
}
.Company__Careers {
display: none
}
}
@media screen and (max-width:639px) {
.Company__LinksBox {
grid-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px
}
.Company__Links--Mobile {
display: block
}
.Company__Box {
margin-top: 0
}
.Company__BoxTop {
margin-bottom: 22px
}
}
.Partners {
background: #fff;
-webkit-box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
display: block;
font-family: ibm-plex-sans, sans-serif;
opacity: 0;
position: absolute;
top: 118px;
-webkit-transition: opacity .5s;
transition: opacity .5s;
visibility: hidden;
width: 100%;
z-index: 50
}
.Partners,
.Partners__Wrapper {
max-height: calc(100vh - 118px)
}
.Partners__Wrapper {
position: relative;
max-width: 1640px;
margin: 0 auto
}
.Partners__Content {
display: grid;
grid-gap: 40px;
grid-template-columns: 2fr 1fr 1fr;
padding: 50px 48px 55px;
position: relative
}
.Partners h6 {
border-bottom: 1px solid #707070;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 120%;
margin: 0 0 20px;
padding-bottom: 10px;
letter-spacing: 2px
}
.Partners h5 {
color: #19234d;
font-size: 17px;
font-weight: 500;
margin: 0 0 8px;
-webkit-transition: opacity .15s;
transition: opacity .15s;
line-height: 125%
}
.Partners h5 em {
font-style: normal
}
.Partners p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin: 0;
opacity: .6;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.Partners__Links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.Partners__Links a {
color: #19234d;
margin-bottom: 15px
}
.Partners__Links a:last-child {
margin-bottom: 0
}
.Partners__Links a:hover h5 {
color: #5063f9
}
.Partners__Links a:hover .Partners__LinksArrow {
display: initial;
opacity: 1
}
.Partners__Links a:hover .Partners__LinksArrow em {
margin-left: 5px
}
.Partners__Links a:hover p {
opacity: .8
}
.Partners__LinksArrow {
display: none;
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
white-space: nowrap
}
.Partners__LinksArrow em {
color: #5063f9;
font-style: normal;
-webkit-transition: margin .15s;
transition: margin .15s
}
.Partners__Box {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Nav/esentire_nav_container_3.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-color: #19234d;
border: 1px solid #707070;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px 20px 20px
}
.Partners__BoxBox2 {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Nav/esentire_nav_container_4.jpg)
}
.Partners__BoxTop {
color: #fff;
text-align: center
}
.Partners__BoxTop h5 {
color: #fff;
margin: 0 0 12px
}
.Partners__BoxTop p {
margin: 0 auto;
max-width: 230px;
opacity: 1
}
.Partners__BoxBottom {
background-color: #fff;
border: 1px solid #5063f9;
margin: 0 auto;
text-align: center;
width: 100%
}
.Partners__BoxBottom a {
color: #5063f9;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 110%;
padding: 12px 0;
text-transform: uppercase
}
.Partners__BoxBottom a:hover .Partners__LinksArrow {
display: initial;
opacity: 1
}
.Partners__BoxCTA {
background-color: #e9ebf4;
margin-top: 20px;
max-width: 185px;
text-align: center;
width: 100%
}
.Partners__BoxCTA a {
color: #5063f9;
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 110%;
padding: 12px 0;
text-transform: uppercase
}
.Partners__BoxCTA a:hover .Partners__LinksArrow {
display: initial;
opacity: 1
}
.Partners__Eyebrow {
font-size: 14px;
margin-bottom: 5px;
display: block
}
.Partners__E3Logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-template-columns: 2fr 7fr
}
@media screen and (max-width:1063px) {
.Partners__Content {
padding-left: 24px;
padding-right: 24px
}
}
@media screen and (max-height:800px) {
.Partners__Wrapper {
overflow-y: scroll
}
}
@media screen and (max-width:767px) {
.Partners {
border-radius: 0;
height: calc(100vh - 55px);
max-height: none;
top: 55px
}
.Partners__Wrapper {
max-height: calc(100vh - 55px);
overflow-y: scroll
}
.Partners__Content {
grid-gap: 20px;
grid-template-columns: 1fr;
padding-bottom: 20px
}
}
@media screen and (max-width:639px) {
.Partners__LinksBox {
grid-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px
}
.Partners__Box {
margin-top: 0
}
.Partners__BoxTop {
margin-bottom: 22px
}
}
.Search {
background: #fff;
-webkit-box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
display: block;
font-family: ibm-plex-sans, sans-serif;
max-height: calc(100vh - 118px);
opacity: 0;
position: absolute;
top: 118px;
-webkit-transition: opacity .5s;
transition: opacity .5s;
visibility: hidden;
width: 100%;
z-index: 50
}
.Search h3 {
color: #19234d;
font-size: 30px;
font-weight: 600;
line-height: 40px;
margin: 0 0 18px
}
.Search__Wrapper {
margin: 0 auto;
max-height: calc(100vh - 118px);
max-width: 1640px;
position: relative
}
.Search__Content {
margin: 0 auto;
max-width: 1024px;
padding: 50px 48px;
position: relative
}
.Search__SearchField {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #e6e8e6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000;
font-size: 21px;
font-style: normal;
font-weight: 400;
padding: 16px 50px;
position: relative;
-webkit-transition: all .15s linear;
transition: all .15s linear;
width: 100%
}
.Search__SubmitButton {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #000;
border: none;
color: #fff;
cursor: pointer;
font-family: ibm-plex-sans, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
line-height: 11px;
padding: 12px 40px;
position: absolute;
right: 10px;
text-decoration: none;
text-transform: uppercase;
top: 11px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.Search__TopField {
position: relative
}
.Search__TopField svg {
left: 14px;
max-width: 30px;
position: absolute;
top: 17px;
width: 100%;
z-index: 1
}
.Search h4 {
color: #19234d;
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin: 25px 0
}
.Search__QuickLinks {
color: #19234d;
display: grid;
grid-gap: 15px 40px;
grid-template-columns: 1fr 1fr
}
.Search__QuickLinks a {
color: #19234d
}
.Search__QuickLinks h5 {
font-size: 18px;
font-weight: 500;
line-height: 22px;
margin: 0 0 10px
}
.Search__QuickLinks p {
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin: 0
}
.GetStartedNav {
display: block;
font-family: ibm-plex-sans, sans-serif;
max-height: calc(100vh - 118px);
opacity: 0;
position: absolute;
top: 83px;
-webkit-transition: opacity .5s;
transition: opacity .5s;
visibility: hidden;
width: 100%;
z-index: 50
}
.GetStartedNav__Wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
margin: 0 auto;
max-height: calc(100vh - 118px);
max-width: 1640px
}
.GetStartedNav__Content {
background-color: #fff;
border: 1px solid #000;
-webkit-box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
margin: 0 48px;
max-width: 210px;
padding: 10px;
width: 100%
}
.GetStartedNav__Content h5 {
color: #19234d;
font-size: 16px;
font-weight: 500;
margin: 0;
-webkit-transition: opacity .15s;
transition: opacity .15s;
line-height: 120%
}
.GetStartedNav__Content h5 em {
font-style: normal
}
.GetStartedNav__Content a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ebebeb;
color: #19234d;
display: grid;
grid-gap: 7px;
grid-template-columns: 1fr 4fr;
margin-bottom: 15px;
padding: 10px
}
.GetStartedNav__Content a:last-child {
margin-bottom: 0
}
.GetStartedNav__Content a:hover h5 {
color: #3c2b77
}
.GetStartedNav__Content a:hover .GetStartedNav__LinksArrow {
opacity: 1
}
.GetStartedNav__Content a:hover .GetStartedNav__LinksArrow em {
margin-left: 5px
}
.GetStartedNav__Content svg {
border-radius: 50%;
max-width: 35px;
width: 100%
}
.GetStartedNav__LinksArrow {
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
white-space: nowrap
}
.GetStartedNav__LinksArrow em {
color: #000;
font-style: normal;
-webkit-transition: margin .15s;
transition: margin .15s
}
@media screen and (max-width:1063px) {
.Search__Content {
padding-left: 24px;
padding-right: 24px
}
.GetStartedNav__Content {
margin: 0 24px
}
}
@media screen and (max-height:800px) {
.Search__Wrapper {
overflow-y: scroll
}
}
@media screen and (max-width:767px) {
.Search {
border-radius: 0;
height: calc(100vh - 55px);
max-height: none;
top: 55px
}
.Search__Wrapper {
max-height: calc(100vh - 55px);
overflow-y: scroll
}
.Search__Content {
padding-bottom: 20px
}
.Search__TopField {
grid-template-columns: 1fr
}
.Search__SubmitButton {
position: static;
width: 100%
}
.Search__QuickLinks {
grid-template-columns: 1fr;
grid-gap: 20px
}
.GetStartedNav {
background: #fff;
-webkit-box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
box-shadow: 0 16px 32px rgba(17, 33, 96, .2);
top: 55px
}
.GetStartedNav__Wrapper {
display: block;
max-height: calc(100vh - 55px);
position: relative
}
.GetStartedNav__Content {
margin-bottom: 20px;
padding: 20px 24px;
position: relative
}
}
body.contracts #contracts-nav {
border-right: 1px solid #d8d8d8;
height: 100vh;
overflow: auto;
padding-right: 0;
position: fixed
}
@media (max-width:992px) {
body.contracts #contracts-nav {
display: none
}
}
body.contracts #contracts-nav .child .sub-nav {
display: none
}
body.contracts #contracts-nav .child .sub-nav.visible {
display: block
}
body.contracts #contracts-nav.brand-nav ul .child .current-page,
body.contracts #contracts-nav.brand-nav ul .current-page {
border-right: 4px solid #d22127
}
body.contracts #contracts-nav.brand-nav li:first-child .entry-container a {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
body.contracts #contracts-nav.brand-nav .nav-entries {
padding-left: 15px
}
body.contracts #contracts-nav.brand-nav .sub-nav {
display: none
}
body.contracts #contracts-nav.brand-nav .sub-nav.visible {
display: block
}
body.contracts #contracts-nav.brand-nav .parent:not(:first-child) {
background-color: #fff
}
body.contracts #contracts-nav ul {
padding-left: 0;
list-style: none
}
body.contracts #contracts-nav ul a {
color: #19234d;
font-size: 14px;
font-weight: 300;
line-height: 20px
}
body.contracts #contracts-nav ul .entry-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 7px 10px 7px 15px
}
body.contracts #contracts-nav ul .entry-container .row {
width: 100%
}
body.contracts #contracts-nav ul .contract-disable {
display: none
}
body.contracts #contracts-nav ul .parent .entry-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
place-content: space-between
}
body.contracts #contracts-nav ul .parent .entry-container a {
font-size: 20px;
font-weight: 700;
line-height: 25px;
padding: 15px 30px 15px 20px
}
body.contracts #contracts-nav ul .parent li.child a {
color: #9ea1aa;
font-weight: 500;
margin: 10px 0;
padding: 0 30px 0 1px
}
body.contracts #contracts-nav ul .parent li.child .entry-container {
padding-bottom: 10px
}
body.contracts #contracts-nav ul .parent li.child .entry-container a {
color: #19234d;
margin-bottom: 0
}
body.contracts #contracts-nav ul .parent li.child .grand-child .entry-container a {
color: #9ea1aa
}
body.contracts #contracts-nav ul .parent:not(:first-child) {
background-color: #f6f6f6
}
body.contracts #contracts-nav ul li {
border-bottom: 1px solid #d8d8d8
}
body.contracts #contracts-nav ul li li {
border-bottom: 0;
padding-left: 20px
}
body.contracts #contracts-nav ul ul {
background-color: #f6f6f6
}
body.contracts #contracts-nav ul .current-page {
border-right: 4px solid #0684c7
}
body.contracts #contracts-nav ul .child .entry-container {
border-right: 4px solid #f6f6f6
}
body.contracts #contracts-nav ul .child .current-page {
border-right: 4px solid #0684c7
}
body.contracts #contracts-nav .nav-logo {
border-bottom: 1px solid #d8d8d8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 80px 0 70px
}
body.contracts #contracts-nav .nav-logo .contracts-logo {
color: #40c3d9;
font-size: 21px;
font-weight: 700;
letter-spacing: 3px;
line-height: 25px;
margin: 5px 0 0;
text-transform: uppercase
}
body.contracts #contracts-nav .nav-entries .dropdown-btn {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: right
}
body.contracts #contracts-nav .nav-entries .dropdown-btn svg:first-child {
display: none
}
body.contracts #contracts-nav .nav-entries .dropdown-btn.plus svg:first-child,
body.contracts #contracts-nav .nav-entries .dropdown-btn svg:last-child {
display: block
}
body.contracts #contracts-nav .nav-entries .dropdown-btn.plus svg:last-child {
display: none
}
body.contracts #contracts-nav .nav-entries li:not(:first-child) .entry-container a {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
body.contracts #navbar {
background-color: transparent;
left: 0;
padding-bottom: 20px;
padding-top: 20px;
position: fixed;
right: 0;
z-index: 100
}
body.contracts #navbar .row:after,
body.contracts #navbar .row:before {
display: none
}
@media (max-width:1024px) {
body.contracts #navbar {
padding: 0;
padding-bottom: 0;
position: relative;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
}
@media (max-width:1024px) {
body.contracts #navbar .container {
display: none
}
}
@media (min-width:992px) {
body.contracts #navbar .container {
max-width: 1140px
}
}
@media (min-width:1024px) {
body.contracts #navbar #navbar-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media (max-width:1024px) {
body.contracts #navbar.transparent {
background-color: transparent !important
}
}
body.contracts #navbar.headroom--top {
background-color: transparent
}
body.contracts #navbar.headroom--not-top {
background-color: #19234d
}
@media (max-width:1024px) {
body.contracts #navbar.headroom--not-top#navbar .container {
padding-top: 10px
}
}
@media (max-width:1024px) {
body.contracts #navbar.headroom {
background-color: #19234d
}
}
body.contracts #navbar.headroom--pinned {
background-color: #19234d;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
will-change: transform
}
body.contracts #navbar.headroom--pinned.headroom--top {
background-color: unset
}
body.contracts #navbar.headroom--unpinned {
opacity: 1;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
will-change: transform
}
@media (min-width:1024px) {
body.contracts #navbar.headroom--unpinned {
margin-top: 50px
}
}
@media (max-width:768px) {
body.contracts #navbar.headroom--unpinned#navbar .container {
padding-top: 0
}
}
@media (max-width:1024px) and (min-width:768px) {
body.contracts #navbar.headroom--unpinned#navbar .container {
padding-top: 20px
}
}
body.contracts #navbar .main-menu {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width:1024px) {
body.contracts #navbar .main-menu .page-links {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 20px;
text-transform: uppercase
}
}
body.contracts #navbar .main-menu .mobile-nav-entries {
padding-bottom: 40px
}
@media (max-width:1024px) {
body.contracts #navbar .main-menu {
display: none
}
body.contracts #navbar .main-menu.sub-visible .mobile-back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: auto
}
}
body.contracts #navbar .main-menu.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width:480px) {
body.contracts #navbar .main-menu.active {
height: calc(100vh - 50px);
overflow-y: scroll
}
}
body.contracts #navbar .main-menu.active #navbar-logo {
display: none
}
body.contracts #navbar .main-menu.active #navbar-logo .sentire {
-webkit-transition: fill .3s ease-in;
transition: fill .3s ease-in
}
body.contracts #navbar .main-menu.active ul {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
margin-top: 44px;
width: 100%
}
@media (max-width:1024px) {
body.contracts #navbar .main-menu.active ul.desktop-logo {
display: none
}
}
body.contracts #navbar .main-menu.active ul .parent {
border-bottom: 1px solid #f6f6f6;
margin-bottom: 8px;
padding-bottom: 12px;
width: 100%
}
body.contracts #navbar .main-menu.active ul .parent:last-child {
border-bottom: none
}
body.contracts #navbar .main-menu.active ul .parent a {
color: #19234d
}
body.contracts #navbar ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
margin-bottom: 0;
padding-left: 0;
position: relative;
white-space: nowrap
}
body.contracts #navbar li {
list-style-type: none;
margin: 0 15px 0 0
}
body.contracts #navbar li.parent {
margin-right: 20px
}
body.contracts #navbar li a {
color: #e6e8e6;
font-size: 13px;
font-weight: 700;
letter-spacing: 0
}
body.contracts #navbar .parent {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width:1024px) {
body.contracts #navbar .parent {
display: none
}
}
body.contracts #navbar .parent:hover .sub-nav {
opacity: 1;
pointer-events: auto
}
@media (max-width:1024px) {
body.contracts #navbar .parent:hover .sub-nav {
opacity: 0
}
}
body.contracts #navbar .parent:hover>a:before {
opacity: 1;
pointer-events: auto
}
body.contracts #navbar .parent>a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
text-decoration: none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .parent>a:before {
-webkit-transition: all .3s ease-in-out;
border-style: solid;
border-width: 0 25px 5px;
bottom: -23px;
color: #d22127;
content: "";
height: 0;
opacity: 0;
pointer-events: none;
position: absolute;
transition: all .3s ease-in-out;
width: 0;
z-index: 667
}
@media (max-width:1024px) {
body.contracts #navbar .parent>a:before {
display: none
}
}
body.contracts #navbar .parent .sub-nav {
background-color: #fff;
border: 1px solid #f6f6f6;
-webkit-box-shadow: 2px 2px 5px 0 rgba(14, 21, 43, .15);
box-shadow: 2px 2px 5px 0 rgba(14, 21, 43, .15);
left: 0;
opacity: 0;
padding: 30px;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 666;
position: fixed;
margin: 80px auto 0
}
body.contracts #navbar .parent .sub-nav .row {
margin: 0 auto;
max-width: 1000px
}
body.contracts #navbar .parent .sub-nav .row .parent-link {
border-bottom: 1px solid #263c91;
margin: 0 15px 20px;
padding: 0 0 10px
}
body.contracts #navbar .parent .sub-nav .row .parent-link a {
color: #19234d;
font-size: 20px;
text-transform: capitalize
}
@media (max-width:1024px) {
body.contracts #navbar .parent .sub-nav {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0;
top: 40px;
padding: 0;
z-index: 700
}
}
body.contracts #navbar .parent .sub-nav.active {
opacity: 1;
pointer-events: auto
}
body.contracts #navbar .parent .sub-nav .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
body.contracts #navbar .parent .sub-nav .link:nth-child(-n+3) .child {
border-top: none;
padding-top: 0
}
@media (max-width:1024px) {
body.contracts #navbar .parent .sub-nav .link:nth-child(3) .child {
border-top: 1px solid #f6f6f6
}
}
body.contracts #navbar .parent .sub-nav .link:nth-child(2n) {
border-right: 1px solid #f6f6f6
}
body.contracts #navbar .parent .sub-nav .link .child {
border-top: 1px solid #f6f6f6;
padding-bottom: 20px;
padding-top: 15px;
width: 100%
}
body.contracts #navbar .parent .sub-nav .link .child .title {
color: #19234d;
font-size: 18px;
font-weight: 700;
line-height: 20px;
padding-bottom: 5px;
text-decoration: none;
text-transform: capitalize;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .parent .sub-nav .link .child .title svg path {
fill: #263c91;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .parent .sub-nav .link .child .title:hover {
text-decoration: none
}
body.contracts #navbar .parent .sub-nav .link .child .title:hover svg path {
fill: #19234d;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .parent .sub-nav .link .child .description {
color: #19234d;
font-size: 14px;
font-weight: 500;
line-height: 16px;
margin-bottom: 0;
text-transform: none;
white-space: normal
}
@media (max-width:1024px) {
body.contracts #navbar .get-started {
display: none
}
}
body.contracts #navbar .get-started .btn {
background: #d22127;
border-radius: 4px;
color: #fff;
letter-spacing: 0;
line-height: 17px;
margin-top: 0;
padding: 10px 15px;
text-align: center;
text-decoration: none
}
body.contracts #navbar .mobile-header {
display: none
}
@media (max-width:1024px) {
body.contracts #navbar .mobile-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
}
body.contracts #navbar .mobile-header .row {
padding: 0;
width: 100%
}
body.contracts #navbar .mobile-header #navbar-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 7px 10px
}
body.contracts #navbar .mobile-header #hamburger {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media (max-width:1024px) {
body.contracts #navbar .mobile-header #hamburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0
}
}
body.contracts #navbar .mobile-header #hamburger.active .hamburger {
display: none
}
body.contracts #navbar .mobile-header #hamburger.active .close {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
body.contracts #navbar .mobile-header #hamburger.active .search-mobile {
display: block
}
body.contracts #navbar .mobile-header #hamburger .hamburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
body.contracts #navbar .mobile-header #hamburger .close {
display: none
}
body.contracts #navbar .mobile-header #hamburger .search-mobile {
border-right: 1px solid #868a95;
display: none;
margin-right: 12px
}
body.contracts #navbar .mobile-header #hamburger .search-mobile svg {
margin-right: 12px;
width: 20px
}
body.contracts #navbar .navbar-brand {
margin-right: 20px
}
body.contracts #navbar .mobile-back {
border-bottom: 1px solid #f6f6f6;
display: none;
margin-bottom: 8px;
padding-bottom: 12px;
pointer-events: none;
width: 100%
}
body.contracts #navbar .mobile-back a {
color: #19234d;
font-size: 12px;
font-weight: 700;
line-height: 15px
}
body.contracts #navbar .mobile-back svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
body.contracts #navbar .get-started,
body.contracts #navbar .navbar-brand,
body.contracts #navbar .parent {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width:1024px) {
body.contracts #navbar .main-menu.active .contact {
display: none
}
}
body.contracts #navbar .contact {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
body.contracts #navbar .contact.search-visible .icon-search,
body.contracts #navbar .contact.search-visible li:nth-child(-n+3) {
opacity: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .contact.search-visible .nav-search,
body.contracts #navbar .contact.search-visible .search-close {
opacity: 1;
pointer-events: auto;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .contact a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #979797;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .contact a svg {
margin-left: 5px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .contact a:hover svg path {
fill: #fff;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .icon-search {
cursor: pointer;
height: 15px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 15px
}
body.contracts #navbar .icon-search.hidden {
display: none
}
body.contracts #navbar .hidden {
opacity: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .nav-search {
opacity: 0;
pointer-events: none;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%
}
body.contracts #navbar .nav-search,
body.contracts #navbar .nav-search form {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
body.contracts #navbar .nav-search input[type=search] {
margin-bottom: 0
}
body.contracts #navbar .nav-search .cta-big {
margin-top: 0;
padding: 10px 30px;
right: -10px;
width: 40%
}
body.contracts #navbar .search-close {
cursor: pointer;
opacity: 0;
pointer-events: none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body.contracts #navbar .search-close path {
fill: #fff
}
body.contracts #navbar .search-close.hidden {
display: none
}
body.brand .mobile-header,
body.brandPrimary .mobile-header,
body.contracts .mobile-header,
body.contractsNoNav .mobile-header {
background-color: #fff;
border-bottom: 1px solid #d8d8d8;
position: fixed;
z-index: 1;
height: auto;
top: 0
}
@media (min-width:992px) {
body.brand .mobile-header,
body.brandPrimary .mobile-header,
body.contracts .mobile-header,
body.contractsNoNav .mobile-header {
display: none
}
}
body.brand #navbar,
body.brandPrimary #navbar,
body.contracts #navbar,
body.contractsNoNav #navbar {
margin: 0 20px
}
body.brand #navbar.headroom--unpinned,
body.brandPrimary #navbar.headroom--unpinned,
body.contracts #navbar.headroom--unpinned,
body.contractsNoNav #navbar.headroom--unpinned {
opacity: 1;
-webkit-transform: inherit;
transform: inherit
}
@media (min-width:992px) {
body.brand #navbar,
body.brandPrimary #navbar,
body.contracts #navbar,
body.contractsNoNav #navbar {
display: none
}
}
body.brand #navbar #logo,
body.brandPrimary #navbar #logo,
body.contracts #navbar #logo,
body.contractsNoNav #navbar #logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
body.brand #navbar .main-menu,
body.brandPrimary #navbar .main-menu,
body.contracts #navbar .main-menu,
body.contractsNoNav #navbar .main-menu {
background-color: #fff
}
body.brand #navbar .main-menu.active,
body.brandPrimary #navbar .main-menu.active,
body.contracts #navbar .main-menu.active,
body.contractsNoNav #navbar .main-menu.active {
margin-top: 60px;
padding-top: 20px
}
body.brand #navbar .main-menu.active ul,
body.brandPrimary #navbar .main-menu.active ul,
body.contracts #navbar .main-menu.active ul,
body.contractsNoNav #navbar .main-menu.active ul {
margin-left: 10px;
margin-top: 0
}
body.brand #navbar .main-menu.active ul.grand-child a,
body.brandPrimary #navbar .main-menu.active ul.grand-child a,
body.contracts #navbar .main-menu.active ul.grand-child a,
body.contractsNoNav #navbar .main-menu.active ul.grand-child a {
color: #9ea1aa;
font-weight: 500
}
body.brand #navbar .main-menu.active ul.grand-child a.current-page,
body.brandPrimary #navbar .main-menu.active ul.grand-child a.current-page,
body.contracts #navbar .main-menu.active ul.grand-child a.current-page,
body.contractsNoNav #navbar .main-menu.active ul.grand-child a.current-page {
color: #0684c7
}
body.brand #navbar .main-menu.active ul a,
body.brandPrimary #navbar .main-menu.active ul a,
body.contracts #navbar .main-menu.active ul a,
body.contractsNoNav #navbar .main-menu.active ul a {
font-size: 18px;
line-height: 20px;
white-space: normal
}
body.brand #navbar .main-menu.active ul li.parent:last-child,
body.brandPrimary #navbar .main-menu.active ul li.parent:last-child,
body.contracts #navbar .main-menu.active ul li.parent:last-child,
body.contractsNoNav #navbar .main-menu.active ul li.parent:last-child {
margin-bottom: 40px
}
body.brand #navbar .main-menu.active ul .current-page,
body.brandPrimary #navbar .main-menu.active ul .current-page,
body.contracts #navbar .main-menu.active ul .current-page,
body.contractsNoNav #navbar .main-menu.active ul .current-page {
color: #0684c7
}
body.brand #navbar .main-menu.active ul .parent,
body.brandPrimary #navbar .main-menu.active ul .parent,
body.contracts #navbar .main-menu.active ul .parent,
body.contractsNoNav #navbar .main-menu.active ul .parent {
display: block;
margin-top: 60px
}
body.brand #navbar .main-menu.active ul .contract-disable,
body.brandPrimary #navbar .main-menu.active ul .contract-disable,
body.contracts #navbar .main-menu.active ul .contract-disable,
body.contractsNoNav #navbar .main-menu.active ul .contract-disable {
display: none
}
.Footer {
color: #0e142b;
background: #e9ebf4;
font-family: ibm-plex-sans, sans-serif
}
.Footer__Contact {
width: 100%;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
background: #40c3d9;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.Footer__ContactMessage {
color: #0e142b;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 18px
}
.Footer__ContactNumber {
background-color: #e9ebf4;
color: #5063f9;
font-size: 16px;
font-weight: 600;
margin: 0 0 0 20px;
padding: 4px 12px
}
.Footer__Content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
max-width: 1440px;
padding: 65px 48px 32px;
width: 100%
}
@media screen and (max-width:1063px) {
.Footer__Content {
padding: 65px 24px 32px
}
}
.Footer__Columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
@media screen and (max-width:950px) {
.Footer__Columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.Footer__Left {
min-width: 225px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px
}
@media screen and (max-width:950px) and (min-width:768px) {
.Footer__Left {
min-width: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 0;
margin-bottom: 40px
}
}
.Footer__Logo {
width: 177px;
height: auto;
margin: 0 0 30px;
line-height: 0
}
.Footer__Logo svg {
max-width: 100px;
width: 100%
}
@media screen and (max-width:950px) {
.Footer__Logo {
margin: 0 20px 0 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
}
@media screen and (max-width:850px) {
.Footer__Logo {
width: 110px
}
}
.Footer__Social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Footer__Social a {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-right: 10px
}
.Footer__Social a svg {
width: 100%;
max-width: 30px
}
.Footer__Social a:first-child svg {
max-width: 20px
}
.Footer__Social a:hover {
-webkit-transform: scale(1.07);
transform: scale(1.07)
}
.Footer__LeftHeading {
font-weight: 700;
font-size: 16px;
line-height: 19px;
margin: 0;
letter-spacing: -.01em;
color: #40c3d9
}
@media screen and (max-width:950px) and (min-width:768px) {
.Footer__LeftHeading {
display: none
}
}
.Footer__FormTop {
padding: 24px 0;
overflow: hidden;
border-top: 3px solid #0e142b;
color: #0e142b
}
.Footer__FormTop iframe {
border: none;
min-height: 675px;
width: 100%
}
.Footer__FormHeading {
font-size: 20px;
line-height: 24px;
letter-spacing: -.01em;
margin: -4px 0 0
}
.Footer__FormCopy {
font-size: 15px;
text-decoration: none;
margin: 10px 0 17px
}
.Footer__Disclaimer,
.Footer__FormCopy {
line-height: 120%;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.Footer__Disclaimer {
color: #9da0a9;
font-size: 12px;
margin: -12px 0 20px
}
.Footer__Disclaimer a {
color: #5063f9;
text-decoration: underline
}
.Footer__sf-InputGroup {
position: relative;
margin-bottom: 10px
}
.Footer__sf-InputGroup__Input {
font-style: normal;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #9da0a9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 16px 18px;
font-size: 14px;
color: #9da0a9;
position: relative;
-webkit-transition: all .15s linear;
transition: all .15s linear
}
.Footer__sf-InputGroup__Input::-webkit-input-placeholder {
color: #9da0a9
}
.Footer__sf-InputGroup__Input::-moz-placeholder {
color: #9da0a9
}
.Footer__sf-InputGroup__Input:-ms-input-placeholder {
color: #9da0a9
}
.Footer__sf-InputGroup__Input::-ms-input-placeholder {
color: #9da0a9
}
.Footer__sf-InputGroup__Input::placeholder {
color: #9da0a9
}
.Footer__sf-InputGroup__Input__RequiredMarker {
content: "";
display: block;
position: absolute;
z-index: 5;
top: 50%;
margin-top: -4px;
right: 26px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #263c91
}
.Footer__GetStarted {
border: 3px solid #263c91;
color: #263c91;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
margin: 0 0 13px;
max-width: 170px;
padding: 10px 11px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 100%
}
.Footer__GetStartedMain {
background-color: #263c91;
color: #fff
}
.Footer__GetStarted:hover {
background: #000;
color: #fff;
-webkit-transform: scale(1.01);
transform: scale(1.01)
}
.Footer__Recaptcha {
margin-top: 20px;
max-width: 194px
}
.Footer__Recaptcha .g-recaptcha {
-webkit-transform: scale(.6);
transform: scale(.6);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.Footer__FormButton {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #d4d8e9;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #5063f9;
cursor: pointer;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: .6px;
line-height: 18px;
padding: 11px 30px;
text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 100%
}
.Footer__FormButton:hover {
background: #263c91;
color: #fff
}
.Footer__IconBlock {
display: block;
color: #263c91;
text-decoration: none;
margin-top: 12px;
text-transform: uppercase;
font-size: 16px;
font-weight: 700
}
.Footer__IconBlock svg {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.Footer__IconBlock span {
font-size: 16px;
line-height: 130%;
font-weight: 500;
width: calc(100% - 40px);
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
text-align: left;
padding-top: 1px;
font-weight: 400;
color: #0e142b
}
.Footer__IconBlock span em {
display: inline-block;
font-style: normal;
color: #40c3d9;
margin-left: 3px;
-webkit-transition: margin .15s;
transition: margin .15s
}
.Footer__IconBlock span b {
opacity: .7;
font-weight: 400
}
.Footer__IconBlock:hover span em {
margin-left: 8px
}
@media screen and (max-width:950px) and (min-width:768px) {
.Footer__IconBlock {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-top: 0
}
}
@media screen and (max-width:950px) and (min-width:768px) {
.Footer__IconBlock--Narrow {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 105px
}
}
.Footer__LinksGroup {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.Footer__LinksGroup h5 {
color: #263c91;
font-size: 16px;
letter-spacing: -.01em;
letter-spacing: 1.4px;
line-height: 24px;
margin: 0;
text-transform: uppercase
}
.Footer__LinksGroup nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 8px
}
.Footer__LinksGroup nav a {
color: #0e142b;
font-size: 15px;
line-height: 130%;
text-decoration: none;
-webkit-transition: opacity .15s;
transition: opacity .15s;
margin-top: 10px
}
.Footer__LinksGroup nav a:hover {
opacity: 1
}
.Footer__LinksGroupHeader img,
.Footer__LinksGroupHeader svg {
display: none
}
.Footer__Legal {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #707070;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 65px;
padding-top: 32px
}
.Footer__Legal p {
font-size: 15px;
font-weight: 700;
letter-spacing: -.01em;
line-height: 110%;
margin: 0;
text-align: center
}
.Footer__Copyright {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.Footer__LegalNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width:460px) {
.Footer__LegalNav {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.Footer__LegalNav a {
font-size: 13px;
line-height: 15px;
letter-spacing: -.01em;
color: #0e142b;
-webkit-transition: color .15s;
transition: color .15s;
position: relative;
padding-right: 12px;
margin-right: 11px;
text-decoration: none
}
@media screen and (max-width:460px) {
.Footer__LegalNav a {
font-size: 12px;
line-height: 14px;
margin-bottom: 8px
}
}
.Footer__LegalNav a:hover {
color: #fff
}
.Footer__LegalNav a:after {
background: #0e142b;
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 1px
}
.Footer__LegalNav a:last-child {
margin: 0;
padding: 0
}
.Footer__LegalNav a:last-child:after {
content: none;
display: none
}
@media screen and (max-width:460px) {
.Footer__LegalNav a:last-child {
margin-bottom: 8px
}
}
.Footer__Grid {
display: grid;
grid-template-columns: 1fr 3fr 1fr;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.Footer__GridColsMiddle {
display: grid;
grid-column-gap: 75px;
grid-template-columns: 1fr 1fr 1fr
}
.Footer__GridColsLeft h6 {
color: #0e142b;
font-size: 16px;
font-weight: 400;
line-height: 125%;
margin: 0 0 20px;
max-width: 215px
}
.Footer__GridColsLeft h6.Footer__Phone {
font-weight: 700;
margin-top: 35px
}
.Footer__LogoOnly .Footer__Logo {
margin: 0 auto;
padding: 50px 0
}
@media screen and (max-width:767px) {
.Footer__Form {
display: none
}
.Footer__Grid {
grid-template-columns: 1fr;
grid-gap: 40px
}
.Footer__GridColsMiddle {
grid-template-columns: 1fr;
grid-row-gap: 0
}
.Footer__Contact {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
padding: 10px
}
.Footer__ContactMessage {
text-align: center;
font-size: 14px;
line-height: 16px
}
.Footer__ContactMessage span {
display: block
}
.Footer__ContactPhone {
display: none
}
.Footer__ContactNumber {
display: block;
margin: 10px 0 0
}
.Footer__Content {
padding: 35px 18px
}
.Footer__Left {
margin-bottom: 35px;
padding: 0 20px
}
.Footer__Logo {
width: 85px;
margin-bottom: 30px
}
.Footer__LinksGroup {
padding: 20px;
border-top: 1px solid hsla(0, 0%, 100%, .3)
}
.Footer__LinksGroup nav {
display: none
}
.Footer__LinksGroup--MobExpanded .Footer__LinksGroupHeader img,
.Footer__LinksGroup--MobExpanded .Footer__LinksGroupHeader svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.Footer__LinksGroup--MobExpanded nav,
.Footer__LinksGroupHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.Footer__LinksGroupHeader {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
-webkit-transition: color .2s;
transition: color .2s
}
.Footer__LinksGroupHeader img,
.Footer__LinksGroupHeader svg {
display: block;
width: 15px;
height: auto
}
.Footer__LinksGroupHeader:hover {
color: #8ddbe8
}
.Footer__Legal {
display: block;
margin-top: 38px
}
.Footer__LegalNav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 25px
}
}
#pardot-form-footer input:not([type=submit]):not([placeholder="Business Email"]) {
display: none
}
#pardot-form-footer input[data-zi-input-enriched=false] {
display: block !important
}
.CookieConsent {
position: fixed;
bottom: 0;
z-index: 1000;
width: 100%;
display: none
}
.CookieConsent.show {
display: block
}
.CookieConsent__Content {
max-width: 992px;
margin: 0 auto;
padding: 20px 25px;
background: #fff;
border-radius: 4px;
border: 2px solid rgba(37, 224, 249, .3);
max-width: 410px
}
@media screen and (max-width:768px) {
.CookieConsent__Content {
margin: 0 auto
}
}
.CookieConsent__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: center;
align-items: center
}
@media screen and (max-width:768px) {
.CookieConsent__Row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.CookieConsent__Left p {
margin: 0;
color: #23388a;
font-size: 15px;
line-height: 120%
}
.CookieConsent__Left p a {
color: #23388a;
font-weight: 500
}
.CookieConsent__Right {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.CookieConsent__Right a {
background: #263c91;
color: #fff;
font-size: 20px;
line-height: 120%;
-webkit-box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
border-radius: 4px;
cursor: pointer;
display: block;
margin: 15px 0 0;
font-size: 15px;
padding: 8px 22px
}
@media screen and (max-width:768px) {
.CookieConsent {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@media screen and (max-width:700px) {
.CookieConsent__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CookieConsent__Left p {
text-align: center
}
.CookieConsent__Right {
margin: 25px 0 0
}
.CookieConsent__Right a {
margin: 0
}
}
.SiteMap__Content {
max-width: 1240px;
margin: 50px auto
}
.SiteMap__Content p {
font-weight: 400;
margin: 0
}
.SiteMap__Content a {
color: #5063f9;
text-decoration: inherit
}
.SiteMap__Content a:hover {
border-bottom: 3px solid #5063f9
}
.SiteMap__Content ul {
font-size: 20px;
line-height: 22px;
list-style: none;
padding-left: 18px
}
.SiteMap__Parent {
margin-bottom: 24px
}
.SiteMap__ParentLink {
font-size: 24px;
font-weight: 600;
line-height: 28px
}
.SiteMap__Child {
margin-top: 12px
}
.SiteMap__ChildLink {
font-size: 22px;
line-height: 26px
}
.SiteMap__GrandChildLink {
font-size: 18px;
line-height: 22px
}
.SiteMap__GreatGrandChildLink {
font-size: 14px;
line-height: 18px
}
.SiteMap__Grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px
}
.SiteMap__Disabled {
color: #19234d !important;
pointer-events: none
}
@media screen and (max-width:767px) {
.SiteMap__Grid {
grid-template-columns: 1fr
}
}
.modal {
background-color: #fff;
left: 50%;
max-height: 0;
max-width: 900px;
min-width: auto;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 15%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
-webkit-transition: max-height .3s ease-in-out;
transition: max-height .3s ease-in-out;
width: 100%;
z-index: 1000000
}
.modal.active {
border: 1px solid #dbdbdb;
max-height: none
}
.modal .close-btn {
cursor: pointer;
font-size: 50px;
padding: 8px 16px;
position: absolute;
right: 0
}
.modal__Content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: grid;
grid-gap: 35px;
grid-template-columns: 1fr 2fr;
margin: 0 auto;
max-width: 920px;
padding: 75px;
text-align: left;
width: 100%
}
.modal__Image {
max-width: 250px;
margin: 0 auto;
width: 100%
}
.modal__Image .profile-picture {
width: 100%
}
.modal__Image .modal__linkedinIcon {
display: block;
margin-left: auto;
margin-right: 6px;
margin-top: -254px
}
.modal__Text h3 {
font-size: 30px;
line-height: 40px;
color: #263c91;
font-weight: 700;
margin: 0
}
.modal__Text h4 {
color: #7d8abd;
font-size: 24px;
line-height: 32px;
font-weight: 100;
margin: 0 0 20px
}
.modal__Text p {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
color: #19234d
}
.modal .modal-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
margin: auto;
min-height: calc(100% - 35px);
padding: 50px 0;
position: relative;
width: auto
}
.modal .modal-content .close-btn {
background-color: inherit;
border: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 50px;
overflow: hidden;
padding: 8px 16px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
vertical-align: middle;
white-space: nowrap
}
.modal .modal-content .profile-picture {
background-color: #fff;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px 10px 10px 10px;
width: 350px
}
.modal .modal-content .leader-name {
margin-bottom: 2px
}
.modal .modal-content .leader-jobtitle {
margin-bottom: 35px
}
.modal .modal-content .linkedin-profile {
display: inline-block;
margin-bottom: 40px;
position: relative
}
.modal .modal-content .linkedin-button-icon {
bottom: 7px;
fill: #fff;
position: absolute;
right: 1px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 26px
}
.modal .modal-content .modal-copy {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 50px;
text-align: center
}
.modal .modal-content .modal-copy p {
font-size: 18px;
font-weight: 700;
line-height: 22px;
margin-bottom: 10px
}
@media (min-width:0px) and (max-width:768px) {
.modal {
bottom: 0;
top: 0
}
.modal__Content {
grid-template-columns: 1fr;
padding: 30px 15px
}
}
@-webkit-keyframes slow-glow {
0% {
background: hsla(0, 0%, 100%, .5)
}
50% {
background: #fff
}
to {
background: hsla(0, 0%, 100%, .5)
}
}
@keyframes slow-glow {
0% {
background: hsla(0, 0%, 100%, .5)
}
50% {
background: #fff
}
to {
background: hsla(0, 0%, 100%, .5)
}
}
.Assessment {
--FormOpacity: 1;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.Assessment__BackgroundTransition {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 125px;
z-index: -1
}
.Assessment__BackgroundTransition:before {
content: "";
height: 1150px;
left: 0;
position: absolute;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position-y: top
}
.Assessment__Content {
max-width: 1260px;
margin: 0 auto;
padding: 50px;
background: #05197e;
}
.Assessment__Complete {
--FormOpacity: 0;
}
.Assessment__Overlay {
position: absolute;
top: 0;
left: 0;
width: 100%; display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #05197e;
z-index: 999;
text-align: center
}
.Assessment__Overlay__Content {
display: grid;
grid-auto-flow: row;
gap: 20px;
padding: 20px;
background-color: #d7e0fb;
}
.Assessment__Overlay h3 {
margin: 0 0 10px;
font-size: 24px;
font-weight: 700
}
.Assessment__Overlay p {
margin: 0;
display: block;
font-size: 18px;
line-height: 24px;
font-weight: 100
}
.Assessment__Overlay a {
display: inline-block;
padding: 20px 40px;
color: #fbc000;
border: 4px solid #05197e;
font-size: 24px;
line-height: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.Assessment__Overlay a:hover {
border-color: #008000;
color: #fff
}
.Assessment__Header {
text-align: center
}
.Assessment__Header h1 {
font-size: 50px;
line-height: 60px;
color: #fbc000
}
.Assessment__Header h3 {
font-size: 24px;
line-height: 30px;
font-weight: 400;
padding: 0 40px;
}
.Assessment__Tips {
display: grid;
grid-auto-flow: row;
gap: 10px
}
.Assessment__Tip {
position: relative;
padding: 30px 30px 30px 60px; color: black;
background-color: #ebf0ff;
}
.Assessment__Tip__Title {
font-size: 20px;
line-height: 24px;
font-weight: 700;
margin-bottom: 10px
}
.Assessment__Tip__Content {
font-size: 15px;
line-height: 24px
}
.Assessment__Tip__Icon {
position: absolute;
left: 17px;
top: 27px
}
.Assessment__Tip__Icon svg {
width: 30px !important;
height: 30px !important
}
.Assessment__Question {
padding: 40px 0; grid-template-columns: 1fr auto;
gap: 20px;
position: relative
}
@media screen and (max-width:1063px) {
.Assessment__Question {
grid-template-columns: none;
grid-template-rows: auto auto;
gap: 40px
}
}
.Assessment__Question .Mobile__Back {
display: none;
position: absolute;
background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.72656%202.24219L2.96875%209L9.72656%2015.7578L8.24219%2017.2422L0%209L8.24219%200.757812L9.72656%202.24219Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50%;
width: 40px;
height: 40px;
top: 38px;
left: 0;
cursor: pointer
}
.Assessment__Question .Mobile__Back.disabled {
cursor: default;
opacity: .5
}
@media screen and (max-width:639px) {
.Assessment__Question .Mobile__Back {
display: block
}
}
.Assessment__Question .Question__Text {
font-size: 30px;
line-height: 34px;
letter-spacing: -.02em
}
@media screen and (max-width:639px) {
.Assessment__Question .Question__Text {
padding: 0 0 0 50px
}
}
.Assessment__Question .Question__Buttons {
display: grid;
grid-auto-flow: column;
gap: 10px;
justify-content: space-evenly;
}
@media screen and (min-width: 635px) and (max-width:910px) {
.Assessment__Question .Question__Buttons button {
padding: 0 20px;
}
}
.Assessment__Question .Question__Buttons button {
position: relative;
font-size: 24px;
padding: 0 40px;
line-height: 24px;
white-space: nowrap;
display: block;
height: 64px;
line-height: 52px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 4px;
border-style: solid;
background: none;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-transform: capitalize;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer
}
.Assessment__Question .Question__Buttons button.yellow {
border-color: #dbdb00;
color: #dbdb00
}
.Assessment__Question .Question__Buttons button.yellow:hover {
background: #dbdb00;
color: #0a0a0a
}
.Assessment__Question .Question__Buttons button.green {
border-color: #149b00;
color: #149b00
}
.Assessment__Question .Question__Buttons button.green:hover {
background: #149b00;
color: #0a0a0a
}
.Assessment__Question .Question__Buttons button.blue {
border-color: #00b2ff;
color: #00b2ff
}
.Assessment__Question .Question__Buttons button.blue:hover {
background: #00b2ff;
color: #0a0a0a
}
.Assessment__Question .Question__Buttons button.red {
border-color: #ff0000;
color: #ff0000
}
.Assessment__Question .Question__Buttons button.red:hover {
background: #ff0000;
color: #0a0a0a
}
.Assessment__Question .Question__Buttons button.orange {
border-color: #fbc000;
color: #fbc000
}
.Assessment__Question .Question__Buttons button.orange:hover {
background: #fbc000;
color: #0a0a0a
}
.Assessment__Question .Question__Buttons button.selected:after {
content: "";
position: absolute;
display: block;
left: -4px;
width: calc(100% + 8px);
bottom: -20px;
height: 4px;
background: #b76eff;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
@media screen and (max-width:639px) {
.Assessment__Question .Question__Buttons {
grid-auto-flow: row
}
.Assessment__Question .Question__Buttons.buttons-2 {
grid-auto-flow: column
}
}
.Assessment__Title {
display: grid;
grid-template-columns: 1fr auto;
min-height: 30px;
line-height: 30px;
font-size: 24px;
color: #ffffff;
vertical-align: baseline;
margin-bottom: 20px
}
.Assessment__Navigation {
position: relative;
padding: 10px 0 0
}
.Assessment__Navigation .Section {
position: absolute;
top: 0;
left: 0;
width: 90px;
display: block;
height: 4px;
background: #fbc000;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.Assessment__Navigation .Dots {
display: grid;
grid-auto-flow: column;
gap: 4px
}
.Assessment__Navigation .Dots.navigate-any a {
cursor: pointer
}
.Assessment__Navigation .Dots.navigate-any a:hover {
background: hsla(0, 0%, 100%, .5)
}
.Assessment__Navigation .Dots a {
height: 30px;
background: hsla(0, 0%, 100%, .2);
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid transparent
}
.Assessment__Navigation .Dots a.completed {
background: #149b00;
cursor: pointer
}
.Assessment__Navigation .Dots a.completed:hover {
background: #fff;
border-color: #fff
}
.Assessment__Navigation .Dots a.active {
background: none;
opacity: 1 !important;
border: 4px solid #fbc000 !important
}
.Assessment__Navigation .Dots a.pending:not(.active) {
cursor: pointer;
-webkit-animation: slow-glow 1s linear infinite;
animation: slow-glow 1s linear infinite
}
.Assessment__Navigation .Dots a.pending:not(.active):hover {
background: hsla(0, 0%, 100%, .5)
}
.Assessment__Questions {
position: relative;
opacity: var(--FormOpacity)
}
.AssessmentWrapper {
position: relative
}
@media screen and (max-width:1063px) {
.AssessmentWrapper {
padding: 0 20px
}
}
.AssessmentWrapper .TopRight {
position: absolute;
top: 0;
right: 0;
display: grid;
grid-auto-flow: column;
gap: 10px;
z-index: 99;
display: none
}
@media screen and (max-width:1063px) {
.AssessmentWrapper .TopRight {
right: 20px
}
}
.AssessmentWrapper .TopRight h3 {
margin: 0;
height: 30px;
line-height: 30px;
font-size: 14px
}
.AssessmentWrapper .TopRight .Summary__Button {
position: relative;
display: block;
width: 30px;
height: 30px;
border-radius: 4px;
cursor: pointer
}
.AssessmentWrapper .TopRight .Summary__Button span {
position: absolute;
width: 16px;
height: 2px;
background: hsla(0, 0%, 100%, .5);
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform-origin: center center;
transform-origin: center center
}
.AssessmentWrapper .TopRight .Summary__Button span:first-child {
left: 7px;
top: 10px
}
.AssessmentWrapper .TopRight .Summary__Button span:nth-child(2) {
left: 7px;
top: 14px;
opacity: 1
}
.AssessmentWrapper .TopRight .Summary__Button span:nth-child(3) {
left: 7px;
top: 18px
}
.AssessmentWrapper .TopRight .Summary__Button.active span {
top: 14px !important
}
.AssessmentWrapper .TopRight .Summary__Button.active span:first-child {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.AssessmentWrapper .TopRight .Summary__Button.active span:nth-child(2) {
opacity: 0
}
.AssessmentWrapper .TopRight .Summary__Button.active span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.AssessmentWrapper .TopRight .Summary__Button:hover span {
background: #fff
}
.AssessmentSummary {
display: grid;
grid-auto-flow: row;
gap: 20px
}
@media screen and (max-width:1063px) {
.AssessmentSummary {
padding: 0 20px
}
}
.AssessmentSummary__Section {
display: grid;
grid-auto-flow: row;
gap: 10px
}
.AssessmentSummary__Section h2 {
font-size: 14px;
color: #25e0f9;
text-transform: uppercase;
line-height: 30px;
height: 30px;
font-weight: 700;
margin: 0;
letter-spacing: 1px
}
.AssessmentSummary__Section .Section__Questions {
padding: 20px 0 0 10px;
border-color: hsla(0, 0%, 100%, .2) transparent transparent hsla(0, 0%, 100%, .2);
border-style: solid;
border-width: 2px 0 0 2px;
display: grid;
grid-auto-flow: row;
gap: 10px
}
.AssessmentSummary__Section .Section__Question {
display: grid;
grid-template-columns: 1fr auto;
gap: 40px;
padding: 0 10px 0 20px;
margin-left: -10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
border-color: transparent;
border-style: solid;
border-width: 0 4px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.AssessmentSummary__Section .Section__Question.error {
border-color: transparent #e91b65
}
.AssessmentSummary__Section .Section__Question:hover {
border-color: transparent #fff
}
.AssessmentSummary__Section .Section__Question:hover .Section__Question__Text {
color: #fff
}
.AssessmentSummary__Section .Section__Question__Text {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: hsla(0, 0%, 100%, .7)
}
.AssessmentSummary__Section .Section__Question__Buttons {
display: grid;
grid-auto-flow: column;
gap: 10px
}
.AssessmentSummary__Section .Section__Question__Buttons button {
text-transform: capitalize;
background: hsla(0, 0%, 100%, .2);
color: hsla(0, 0%, 100%, .7);
border: none;
border-radius: 4px;
height: 30px;
line-height: 30px;
padding: 0 10px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.AssessmentSummary__Section .Section__Question__Buttons button:hover {
background: hsla(0, 0%, 100%, .5);
color: #fff
}
.AssessmentSummary__Section .Section__Question__Buttons button.selected {
background: #fff;
color: #0a0a0a
}
.AssessmentSummary__Section .Section__Question__Buttons button.selected.blue {
background: #25e0f9
}
.AssessmentSummary__Submit {
position: relative
}
.AssessmentSummary__Submit button {
font-size: 20px;
padding: 15px 30px;
border: 2px solid #25e0f9;
line-height: 20px;
background: none;
color: #25e0f9;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer
}
.AssessmentSummary__Submit button:hover {
background: #25e0f9;
color: #0a0a0a
}
.AssessmentSummary__Submit .Error__Message {
position: absolute;
height: 20px;
left: 140px;
top: calc(50% - 15px);
padding: 5px 10px;
background: #e91b65;
color: #fff
}
.Assessment__Form .CheckGroup__Label span {
text-align: left;
color: hsla(0, 0%, 93.7%, .727)
}
.Assessment__Form__ThankYouContainer {
position: relative;
z-index: 5;
max-width: 890px;
width: 100%;
margin: 32px auto 0;
background: #fff;
border: 1px solid #dcdcdc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 16px;
padding: 55px
}
.Assessment__Form__ThankYou {
color: #000;
text-align: center;
margin: 0
}
.Assessment__Form__ThankYou h3 {
font-size: 42px;
line-height: 120%;
margin: 0 0 12px !important
}
.Assessment__Form__ThankYou p {
margin: 0;
font-size: 20px;
line-height: 120%
}
.Assessment__Form__Btn {
background: #40c3d9;
color: #000;
padding: 12px 22px;
border-radius: 8px;
display: block;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
font-weight: 400;
margin: 25px auto 0;
font-size: 20px
}
@media screen and (max-width:1063px) {
.Assessment__Form {
padding: 0 40px
}
}
@media screen and (max-width:767px) {
.Assessment__Form,
.AssessmentWrapper {
padding: 0
}
.Assessment__Content {
padding: 35px 15px
}
.Assessment__Header h3 {
padding: 0
}
.AssessmentForm__Content {
padding: 35px 0
}
}
.Downtime {
--EdgePadding: 0;
--h1FontSize: 64px
}
@media screen and (max-width:1241px) {
.Downtime {
--EdgePadding: 20px
}
}
@media screen and (max-width:639px) {
.Downtime {
--h1FontSize: 50px
}
}
.Downtime svg g {
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.Downtime #CalculateCost {
scroll-margin-top: 100px
}
.Downtime p {
white-space: pre-line
}
.Downtime__Hero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/MDR-ROI-background-timer.png);
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: right;
background-size: contain
}
.Downtime__HeroContainer {
padding: 110px 48px;
max-width: 1260px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Downtime__HeroContainerLeft h3 {
color: #a8b1d3;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
text-transform: uppercase
}
.Downtime__HeroContainerLeft h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 65px;
max-width: 823px;
white-space: pre-line;
margin: 30px 0
}
.Downtime__HeroContainerLeft a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.Downtime__HeroContainerRight img {
width: 100%
}
@media screen and (max-width:767px) {
.Downtime__HeroContainer {
padding: 75px 15px;
grid-template-columns: 1fr
}
.Downtime__HeroContainerLeft h2 {
font-size: 44px;
line-height: 120%
}
}
.Downtime .Hero {
background-color: #e9ebf4;
position: relative;
z-index: 2;
text-align: center
}
.Downtime .Hero__Bottom {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px;
width: 100%
}
.Downtime .Hero__Description p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #0e142b;
white-space: pre-line;
margin: 0 0 60px
}
.Downtime .Hero__Description p:last-child {
margin-bottom: 0
}
@media screen and (max-width:767px) {
.Downtime .Hero__Bottom {
padding: 75px 15px
}
}
.Downtime .BlueInput {
position: absolute;
left: 0;
bottom: 0;
padding: 20px;
background: hsla(0, 0%, 100%, .1);
border-radius: 30px;
border: 1px solid rgba(64, 195, 217, .3);
display: none
}
@media screen and (max-width:1063px) {
.Downtime .BlueInput {
position: relative;
left: none;
bottom: none
}
}
@media screen and (max-width:767px) {
.Downtime .BlueInput {
display: none
}
}
.Downtime .BlueInput a {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #25e0f9;
color: #0e142b;
font-weight: 700;
font-size: 20px;
line-height: 30px;
padding: 10px 20px;
border-radius: 4px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-align: center;
letter-spacing: -.02em;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer
}
@media screen and (max-width:767px) {
.Downtime .BlueInput a {
font-size: 18px
}
}
.Downtime .BlueInput a:hover {
background: #fff
}
.Downtime .BlueInput__Wrapper {
background: #14052a;
border-radius: 15px;
padding: 20px;
color: #fff;
display: grid;
grid-auto-flow: row;
gap: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.Downtime .BlueInput__Title {
font-size: 16px;
text-transform: uppercase;
line-height: 120%;
text-align: center;
letter-spacing: .2em;
font-weight: 700;
color: #25e0f9
}
.Downtime .BlueInput__Description {
font-size: 14px;
color: hsla(0, 0%, 100%, .5);
line-height: 140%
}
.Downtime .BlueInput__Selects {
display: grid;
grid-auto-flow: row;
gap: 10px
}
.Downtime .BlueInput__Select {
position: relative;
height: 50px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
.Downtime .BlueInput__Select.error>div {
border-color: #d92eab
}
.Downtime .BlueInput__Select.selected>div,
.Downtime .BlueInput__Select:hover>div {
color: #fff
}
.Downtime .BlueInput__Select:hover>div:after {
opacity: 1
}
.Downtime .BlueInput__Select select {
position: absolute;
display: block;
left: 0;
top: 0;
opacity: 0;
z-index: 99;
width: 100%;
height: 100%;
outline: none;
background: transparent;
cursor: pointer
}
.Downtime .BlueInput__Select__Display {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 8px 18px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
line-height: 30px;
color: hsla(0, 0%, 100%, .7);
border: 2px solid #25e0f9;
border-radius: 8px;
font-size: 18px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Downtime .BlueInput__Select__Display:after {
content: "";
display: block;
position: absolute;
top: 18px;
right: 18px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.406.578L6 5.172 10.594.578 12 1.984l-6 6-6-6L1.406.578z' fill='%23fff'/%3E%3C/svg%3E");
background-size: 100%;
background-position: 50%;
background-repeat: no-repeat;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 14px;
height: 14px;
opacity: .5
}
.Downtime .BlueInput-2 {
background: #14052a;
padding: 10px;
border-radius: 4px
}
.Downtime .BlueInput-2 .BlueInput__Select {
margin-bottom: 10px
}
.Downtime .BlueInput-2 a {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #25e0f9;
color: #0e142b;
font-weight: 700;
font-size: 20px;
line-height: 30px;
padding: 10px 20px;
border-radius: 4px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-align: center;
letter-spacing: -.02em;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer
}
@media screen and (max-width:767px) {
.Downtime .BlueInput-2 a {
font-size: 18px
}
}
.Downtime .BlueInput-2 a:hover {
background: #fff
}
.Downtime .Cost {
display: grid;
grid-auto-flow: row;
gap: 40px;
color: #fff;
background-color: #0e142a;
padding: 100px 48px 150px
}
.Downtime .Cost .hide-after-calculated {
display: block
}
.Downtime .Cost.calculated .hide-after-calculated,
.Downtime .Cost .show-after-calculated {
display: none
}
.Downtime .Cost.calculated .show-after-calculated {
display: block
}
.Downtime .Cost__Title {
max-width: 80%;
margin: 0 auto;
text-align: center;
display: grid;
grid-auto-flow: row;
gap: 20px
}
.Downtime .Cost__Title h2 {
font-size: 52px;
line-height: 57px;
margin: 0 0 30px
}
.Downtime .Cost__Title p {
margin: 0 0 10px
}
.Downtime .Cost__Title__Average>span {
display: inline-block;
background: rgba(64, 195, 217, .1);
padding: 10px;
border-radius: 4px;
font-size: 18px;
line-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.Downtime .Cost__Title__Average>span>span:first-child {
color: hsla(0, 0%, 100%, .5)
}
.Downtime .Cost__Title__Average>span>span:last-child {
margin-left: 5px
}
.Downtime .Cost__Title__Description {
font-size: 24px;
line-height: 140%
}
.Downtime .Cost__Title__Description p {
margin-bottom: 16px
}
.Downtime .Cost__Title__Description p:last-child {
margin-bottom: 0
}
.Downtime .Cost__Title__Description a {
color: #25e0f9;
text-decoration: none;
cursor: pointer
}
.Downtime .Cost__Title__Description a:hover {
text-decoration: underline
}
@media screen and (max-width:767px) {
.Downtime .Cost {
padding: 75px 15px 130px
}
.Downtime .Cost__Title {
max-width: 100%;
gap: 5px
}
.Downtime .Cost__Title h2 {
font-size: 44px;
line-height: 120%
}
}
.Downtime .Clock {
display: grid;
grid-template-areas: "industry animation dollars" "savings savings savings";
gap: 20px;
grid-template-columns: 1fr 400px 1fr
}
.Downtime .Clock svg {
width: 100%
}
@media screen and (max-width:1241px) {
.Downtime .Clock {
grid-template-columns: 350px 1fr 350px
}
}
@media screen and (max-width:1063px) {
.Downtime .Clock {
grid-template-areas: "animation animation" "industry dollars" "savings savings";
grid-template-columns: 1fr 1fr
}
}
@media screen and (max-width:767px) {
.Downtime .Clock {
grid-template-areas: "industry" "animation" "dollars" "savings";
grid-template-columns: 1fr
}
.Downtime .Clock svg {
width: 300px;
height: 300px
}
}
.Downtime .Clock__Info.Industry {
grid-area: industry
}
.Downtime .Clock__Info.Dollars,
.Downtime .Clock__Info.Industry {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Downtime .Clock__Info.Dollars {
grid-area: dollars
}
.Downtime .Clock__Info.Savings {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-area: savings
}
.Downtime .Clock__Info__Border {
padding: 20px;
background: hsla(0, 0%, 100%, .1);
border-radius: 8px;
border: 1px solid rgba(64, 195, 217, .3)
}
.Downtime .Clock__Info__Content {
display: grid;
grid-auto-flow: row;
gap: 10px
}
.Downtime .Clock__Info__Title {
color: #25e0f9;
text-transform: uppercase;
font-size: 16px;
line-height: 18px;
letter-spacing: .2em;
text-align: center;
font-weight: 700
}
.Downtime .Clock__Info__Data {
background: #14052a;
border-radius: 4px;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 25px 20px;
min-height: 120px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none
}
.Downtime .Clock__Info__Data>div {
text-align: center;
line-height: 20px;
font-size: 24px
}
.Downtime .Clock__Info__Data>div:first-child {
color: #fff;
font-weight: 700;
letter-spacing: -.02em
}
.Downtime .Clock__Info__Data>div:nth-child(2) {
color: #25e0f9;
font-weight: 100
}
.Downtime .Clock__Info__Data>div:nth-child(3) {
font-weight: 100
}
.Downtime .Clock__Info__Data>div:nth-child(3) span {
font-size: 18px;
opacity: .5;
display: inline-block;
margin-left: 5px
}
.Downtime .Clock__Info__Data__Line {
height: 2px;
background: #25e0f9
}
.Downtime .Clock__Info__Data.Currency {
display: grid;
gap: 25px
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount {
display: grid;
grid-template-columns: 1fr auto;
text-transform: uppercase
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount.Secondary {
color: hsla(0, 0%, 100%, .5)
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount>div {
white-space: nowrap
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount>div:first-child {
font-size: 16px;
text-align: left
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount>div:last-child {
font-size: 24px;
text-align: center;
display: grid;
grid-auto-flow: column;
gap: 0
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount__Digit {
display: block;
width: 20px;
margin: 0;
font-size: 28px;
font-weight: 400;
color: hsla(0, 0%, 100%, .5);
position: relative
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount__Digit.has-value {
color: #fff
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount__Digit:first-child:before {
content: "$";
display: block;
position: absolute;
left: -20px;
color: #fff
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount__Digit:nth-child(3) {
margin-right: 7px
}
.Downtime .Clock__Info__Data.Currency .Currency__Amount__Digit:nth-child(3):after {
content: ",";
display: block;
position: absolute;
width: 7px;
left: 100%;
top: 0
}
.Downtime .Clock__Info .Savings {
width: 400px;
margin: 0 auto;
padding: 20px;
border: 2px solid #25e0f9;
border-radius: 8px;
display: grid;
grid-auto-flow: row;
gap: 20px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
@media screen and (max-width:767px) {
.Downtime .Clock__Info .Savings {
width: 100%
}
.Downtime .Clock__Info .Savings:after,
.Downtime .Clock__Info .Savings:before {
display: none !important
}
}
.Downtime .Clock__Info .Savings:after,
.Downtime .Clock__Info .Savings:before {
content: "";
position: absolute;
background-size: 100%;
background-repeat: no-repeat;
width: 210px;
height: 220px
}
@media screen and (max-width:1063px) {
.Downtime .Clock__Info .Savings:after,
.Downtime .Clock__Info .Savings:before {
width: 140px;
height: 140px
}
}
.Downtime .Clock__Info .Savings:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='212' height='228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M211.881 155.027a1 1 0 01-.408 1.354l-7.928 4.259a1 1 0 11-.947-1.761l7.048-3.787-3.786-7.047a1 1 0 111.761-.947l4.26 7.929zM66 1l.936-.351.002.004.006.016.025.065.101.264c.091.235.228.584.41 1.042.366.917.916 2.267 1.651 3.998a310.567 310.567 0 006.643 14.516c5.921 12.147 14.835 28.649 26.8 46.067 23.949 34.863 60.035 73.268 108.714 87.921l-.576 1.916c-49.321-14.847-85.735-53.692-109.786-88.704-12.035-17.52-20.996-34.111-26.95-46.324a312.47 312.47 0 01-6.685-14.61 198.607 198.607 0 01-1.668-4.038 111.375 111.375 0 01-.523-1.335l-.027-.07-.006-.018-.002-.005c0-.001-.001-.002.935-.354z' fill='%23fff'/%3E%3Cpath opacity='.5' d='M211.85 187.973a1 1 0 01-.322 1.377l-7.646 4.747a1 1 0 11-1.055-1.699l6.796-4.22-4.22-6.796a1 1 0 111.699-1.055l4.748 7.646zM32.5.5l.946-.323.002.005.007.02.03.084a129.69 129.69 0 00.597 1.662c.426 1.165 1.07 2.88 1.933 5.075 1.726 4.389 4.332 10.696 7.847 18.357 7.03 15.324 17.693 36.055 32.218 57.688 29.069 43.291 73.511 90.043 135.148 104.458l-.456 1.948C148.409 174.889 103.601 127.641 74.42 84.183c-14.6-21.743-25.313-42.574-32.376-57.97-3.532-7.697-6.152-14.039-7.89-18.458-.87-2.21-1.519-3.94-1.95-5.118a133.94 133.94 0 01-.608-1.693l-.031-.088-.008-.023a.205.205 0 01-.002-.006c0-.002-.001-.003.945-.327z' fill='%23fff'/%3E%3Cpath opacity='.2' d='M211.843 220.961a1.002 1.002 0 01-.304 1.382l-7.584 4.847a1 1 0 01-1.077-1.686l6.741-4.308-4.309-6.741a1 1 0 011.686-1.077l4.847 7.583zM1.5 1.5l.965-.262.002.006.006.024a36.868 36.868 0 00.138.489c.1.347.25.864.453 1.542.406 1.355 1.023 3.35 1.866 5.905 1.686 5.11 4.272 12.452 7.872 21.375 7.202 17.848 18.456 42.008 34.665 67.256 32.424 50.508 84.607 105.268 163.748 122.688l-.43 1.954c-79.859-17.58-132.426-72.82-165.001-123.562-16.292-25.377-27.6-49.655-34.836-67.588C7.329 22.36 4.728 14.976 3.03 9.831a229.552 229.552 0 01-1.883-5.958A129.89 129.89 0 01.545 1.8l-.007-.027-.002-.007c0-.002 0-.003.964-.266z' fill='%23fff'/%3E%3C/svg%3E");
background-position: 100% 100%;
top: -100px;
left: -230px
}
@media screen and (max-width:1063px) {
.Downtime .Clock__Info .Savings:before {
left: -160px;
top: -10px
}
}
.Downtime .Clock__Info .Savings:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='212' height='228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.62 155.027a1 1 0 00.407 1.354l7.928 4.259a1 1 0 10.947-1.761l-7.048-3.787 3.786-7.047a1 1 0 00-1.761-.947l-4.26 7.929zM146.5 1l-.936-.351-.002.004a.172.172 0 01-.006.016l-.025.065-.101.264a194.648 194.648 0 01-2.061 5.04 311.5 311.5 0 01-6.643 14.516c-5.921 12.147-14.835 28.649-26.8 46.067-23.95 34.863-60.035 73.268-108.714 87.921l.576 1.916c49.321-14.847 85.735-53.692 109.786-88.704 12.035-17.52 20.996-34.111 26.95-46.324a311.943 311.943 0 006.685-14.61 197.349 197.349 0 001.668-4.038 122.313 122.313 0 00.556-1.423l.002-.005c.001-.001.001-.002-.935-.354z' fill='%23fff'/%3E%3Cpath opacity='.5' d='M.65 187.973a1 1 0 00.322 1.377l7.646 4.747a1 1 0 001.055-1.699l-6.796-4.22 4.22-6.796a1.001 1.001 0 00-1.699-1.055L.65 187.973zM180 .5l-.946-.323-.002.005-.007.02-.029.084a122.046 122.046 0 01-.597 1.662c-.427 1.165-1.07 2.88-1.934 5.075-1.726 4.389-4.332 10.696-7.847 18.357-7.031 15.324-17.693 36.055-32.218 57.688-29.069 43.291-73.51 90.043-135.148 104.458l.456 1.948C64.09 174.889 108.899 127.641 138.08 84.183c14.6-21.743 25.313-42.574 32.376-57.97 3.532-7.697 6.152-14.039 7.891-18.458.869-2.21 1.518-3.94 1.95-5.118.216-.59.377-1.041.485-1.346.055-.153.095-.268.122-.347l.031-.088.008-.023.002-.006c.001-.002.001-.003-.945-.327z' fill='%23fff'/%3E%3Cpath opacity='.2' d='M.657 220.961a1.001 1.001 0 00.304 1.382l7.584 4.847a1 1 0 001.077-1.686l-6.74-4.308 4.308-6.741a1 1 0 00-1.686-1.077l-4.847 7.583zM211 1.5l-.965-.262-.002.006a225.3 225.3 0 01-2.463 7.96c-1.686 5.11-4.272 12.452-7.872 21.375-7.202 17.848-18.456 42.008-34.665 67.256-32.424 50.508-84.607 105.268-163.748 122.688l.43 1.954c79.86-17.58 132.426-72.82 165.002-123.562 16.291-25.377 27.599-49.655 34.835-67.588 3.619-8.967 6.22-16.351 7.917-21.496a227.951 227.951 0 001.883-5.958c.206-.686.358-1.211.46-1.566l.114-.404.029-.103.007-.027.002-.007c0-.002.001-.003-.964-.266z' fill='%23fff'/%3E%3C/svg%3E");
background-position: 0 100%;
top: -100px;
right: -230px
}
@media screen and (max-width:1063px) {
.Downtime .Clock__Info .Savings:after {
right: -160px;
top: -10px
}
}
.Downtime .Clock__Info .Savings__Title {
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
color: #25e0f9;
text-align: center;
font-weight: 700;
letter-spacing: .2em
}
.Downtime .Clock__Info .Savings__Description {
display: grid;
grid-auto-flow: row;
text-align: center;
gap: 0;
font-size: 18px;
line-height: 20px
}
.Downtime .Clock__Info .Savings__Description span:nth-child(2) {
color: #25e0f9
}
.Downtime .Clock__Info .Savings__Percent {
font-size: 30px;
line-height: 24px;
font-weight: 700;
display: grid;
grid-auto-flow: column;
gap: 0
}
.Downtime .Clock__Info .Savings__Percent__Values {
padding: 10px
}
.Downtime .Clock__Info .Savings__Percent__Values>div {
font-size: 18px;
font-weight: 400;
line-height: 30px
}
.Downtime .Clock__Info .Savings__Percent__Values:nth-child(2) {
border-radius: 4px;
background: rgba(37, 224, 249, .1)
}
.Downtime .Clock__Info .Savings__Percent span {
display: inline-block;
position: relative
}
.Downtime .Clock__Info .Savings__Percent span:after {
content: "%";
display: block;
position: absolute;
left: 100%;
top: -4px;
font-size: 14px;
font-weight: 100;
color: hsla(0, 0%, 100%, .5)
}
.Downtime .Clock__Animation {
grid-area: animation;
text-align: center
}
.Downtime .Clock__Info {
grid-area: savings
}
.Downtime .GetResults {
max-width: 900px;
margin: 0 auto
}
.Downtime .WhiteContent {
color: #fff
}
.Downtime .WhiteContent__Title {
display: grid;
grid-auto-flow: row;
gap: 10px
}
@media screen and (max-width:639px) {
.Downtime .WhiteContent__Title {
text-align: center
}
}
.Downtime .WhiteContent__Title h3 {
font-size: 24px;
line-height: 30px;
font-weight: 400
}
.Downtime .WhiteContent__Title h2 {
font-size: 48px;
font-weight: 700;
line-height: 40px
}
@media screen and (max-width:639px) {
.Downtime .WhiteContent__Title h2 {
font-size: 40px
}
}
.Downtime .WhiteContent__Body {
font-size: 24px;
line-height: 30px
}
.Downtime .WhiteContent__Body a {
color: #25e0f9;
text-decoration: none;
cursor: pointer
}
.Downtime .WhiteContent__CTA {
padding: 40px 0
}
.Downtime .WhiteContent__CTA a {
background: #25e0f9;
color: #0e142b;
font-size: 24px;
line-height: 24px;
letter-spacing: -.02em;
font-weight: 700;
white-space: nowrap;
display: inline-block;
padding: 20px 40px;
border-radius: 4px;
-webkit-box-shadow: 4px 4px 0 rgba(14, 20, 43, .5);
box-shadow: 4px 4px 0 rgba(14, 20, 43, .5);
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
@media screen and (max-width:639px) {
.Downtime .WhiteContent__CTA a {
font-size: 18px;
display: block;
text-align: center;
white-space: normal
}
}
.Downtime .WhiteContent__CTA a:hover {
background: #fff
}
.Downtime__Iframe {
background: #fff;
border-radius: 16px;
min-height: 650px;
width: 100%;
border: none
}
.Downtime__Iframe.disable {
pointer-events: none
}
.DowntimeContactForm {
background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
margin: -75px auto 75px;
max-width: 1260px;
padding: 32px 25px
}
.DowntimeContactForm__Title {
padding: 50px
}
.DowntimeContactForm__Title .Eyebrow {
color: #a8b1d3;
font-size: 15px;
font-weight: 700;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
text-transform: uppercase
}
.DowntimeContactForm__Title__Headline {
color: #263c91;
font-size: 52px;
font-weight: 700;
line-height: 57px;
margin: 0 0 30px
}
.DowntimeContactForm__Title__Description {
color: #000;
font-size: 22px;
line-height: 130%;
padding: 0 0 40px;
text-align: left
}
.DowntimeContactForm__Title__Description ul {
margin-bottom: 0
}
.DowntimeContactForm__Title__Description ul li {
margin-bottom: 15px
}
.DowntimeContactForm__Title__Description ul li:last-child {
margin-bottom: 0
}
@media screen and (max-width:639px) {
.DowntimeContactForm__Title__Description ul br {
display: none
}
}
.DowntimeContactForm__Note {
color: rgba(2, 0, 38, .4);
text-align: center;
font-size: 14px;
font-weight: 100;
padding: 40px 40px 0
}
@media screen and (max-width:639px) {
.DowntimeContactForm__Note {
padding: 40px 0
}
}
.DowntimeContactForm__Note a {
color: #40c3db
}
.DowntimeContactForm__Heading {
max-width: 896px;
text-align: center;
padding: 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.DowntimeContactForm__Heading h3 {
font-size: 64px;
line-height: 69px;
letter-spacing: -2px;
color: #061638;
margin: 0 0 28px
}
@media screen and (max-width:639px) {
.DowntimeContactForm__Heading h3 {
font-size: 52px;
line-height: 57px;
margin: 0 0 18px
}
}
.DowntimeContactForm__Heading p {
font-size: 24px;
line-height: 32px;
letter-spacing: -.02em;
max-width: 620px;
color: rgba(0, 0, 0, .5);
margin: 0 auto
}
@media screen and (max-width:639px) {
.DowntimeContactForm__Heading p {
font-size: 20px;
line-height: 28px
}
}
.DowntimeContactForm #Assessment-Form-ThankYou {
scroll-margin-top: 100px
}
.DowntimeContactForm__BackgroundTransition {
z-index: 1;
position: absolute;
width: 100%;
left: 0
}
.DowntimeContactForm__BackgroundTransition svg {
position: absolute;
width: 100%;
top: 0
}
.DowntimeContactForm__Content {
position: relative;
z-index: 5;
width: 100%;
background: #fff;
border: 1px solid #dcdcdc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 16px;
padding: 50px
}
@media screen and (max-width:767px) {
.DowntimeContactForm__Content {
padding: 55px 25px
}
}
@media screen and (max-width:639px) {
.DowntimeContactForm__Content {
padding: 35px 20px
}
}
@media screen and (max-width:359px) {
.DowntimeContactForm__Content {
padding: 35px 12px
}
}
.DowntimeContactForm__FormFields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px
}
@media screen and (max-width:639px) {
.DowntimeContactForm__FormFields {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.DowntimeContactForm__Field {
grid-column: span 1/span 1
}
.DowntimeContactForm__Field--Wide {
grid-column: span 2/span 2
}
@media screen and (max-width:639px) {
.DowntimeContactForm__Field--Wide {
grid-column: span 1/span 1
}
}
.DowntimeContactForm__Select {
position: relative;
border: 1px solid #dadce8;
border-radius: 8px;
width: 100%;
height: 64px
}
.DowntimeContactForm__Select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: Effra;
font-style: normal;
font-weight: 400;
background: none transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
width: 100%;
height: 64px;
border: none;
font-size: 16px;
color: rgba(2, 0, 38, .4)
}
.DowntimeContactForm__Select:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.DowntimeContactForm__Button {
margin-top: 22px;
font-family: Effra;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #263c91;
-webkit-box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
border-radius: 4px;
padding: 11px 30px;
color: #fff
}
.DowntimeContactForm__PrivacyNote {
color: hsla(0, 0%, 93.7%, .727);
text-align: left;
font-size: 12px;
line-height: 120%;
margin: 20px 0 0 !important
}
.DowntimeContactForm__PrivacyNote a {
color: #40c3d9
}
.DowntimeContactForm__ImageForm {
display: grid;
grid-template-columns: 3fr 4fr;
grid-gap: 10px
}
.DowntimeContactForm__ImageForm img {
width: 100%
}
@media screen and (max-width:767px) {
.DowntimeContactForm__ImageForm {
grid-template-columns: 1fr
}
}
@media screen and (max-width:767px) {
.DowntimeContactForm {
padding: 75px 15px
}
.DowntimeContactForm__Title {
padding: 0
}
.DowntimeContactForm__Title__Headline {
font-size: 44px;
line-height: 120%
}
}
.DowntimeFormModal {
display: none;
position: fixed;
z-index: 1;
padding-top: 125px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4);
z-index: 1001;
margin-bottom: 200px
}
.DowntimeFormModal__Content {
background-color: #fefefe;
width: 80%;
margin: auto auto 150px;
max-width: 992px;
border-radius: 20px;
position: relative
}
.DowntimeFormModal__Content .Formfallback {
max-width: 720px;
margin: 0 auto
}
.DowntimeFormModal__Content .ContactForm__Field:nth-child(2) {
margin-top: 42px
}
.DowntimeFormModal__Show {
display: block
}
.DowntimeFormModal__Close {
color: #aaa;
float: right;
font-size: 40px;
font-weight: 400;
line-height: 40px;
position: absolute;
z-index: 1;
right: 10px;
top: 5px
}
.DowntimeFormModal__Close:focus,
.DowntimeFormModal__Close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
.DowntimeFormModal__CopyForm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.DowntimeFormModal__Copy {
padding: 0 30px 30px
}
.DowntimeFormModal__FormHeading {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
background: #263c91;
border-radius: 20px 0 0 20px
}
.DowntimeFormModal__FormHeading h2 {
color: #fff;
font-size: 34px;
line-height: 42px;
margin: 0 0 20px
}
.DowntimeFormModal__FormHeading p,
.DowntimeFormModal__FormHeading ul {
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: hsla(0, 0%, 100%, .8);
margin: 20px 0 0
}
.DowntimeFormModal__FormHeading ul {
padding-left: 24px;
margin-top: 10px
}
.DowntimeFormModal__FormContent {
border: none;
padding: 0
}
.DowntimeFormModal__ReportImage {
text-align: center;
margin-top: 30px
}
.DowntimeFormModal__ReportImage img {
width: 100%;
max-width: 250px
}
.DowntimeFormModal__Form {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%
}
.DowntimeFormModal__FormBox {
padding: 30px
}
.DowntimeFormModal__FormIframe {
border: none;
min-height: 975px;
width: 100%;
min-height: 770px
}
.DowntimeFormModal__Badges {
display: grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 10px;
margin-top: 35px;
text-align: center
}
.DowntimeFormModal__BadgesMain {
max-width: 251px !important;
max-width: 200px !important
}
.DowntimeFormModal__Badges img {
width: 100%;
max-width: 125px;
max-width: 82px
}
.DowntimeFormModal__Badges p {
font-size: 15px;
margin: 12px 0 0;
text-align: center
}
.DowntimeFormModal__Badges div:first-child {
margin-bottom: 10px
}
@media screen and (max-width:767px) {
.DowntimeFormModal {
max-width: 96%;
left: 2%
}
.DowntimeFormModal__CopyForm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.DowntimeFormModal__FormHeading {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
border-radius: 20px 20px 0 0
}
.DowntimeFormModal__FormHeading h2 {
font-size: 23px;
line-height: 120%;
margin: 0 0 10px
}
.DowntimeFormModal__FormHeading p {
font-size: 18px;
margin: 0
}
.DowntimeFormModal__Form {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.DowntimeFormModal__FormIframe {
min-height: 950px
}
.DowntimeFormModal__Badges {
display: none
}
}
@media (min-width:0px) and (max-width:575px) {
.DowntimeFormModal {
padding-top: 75px
}
.DowntimeFormModal__Content {
width: 100%
}
.DowntimeFormModal__FormButton {
height: auto !important
}
}
.HeroAssessment {
position: relative;
z-index: 4
}
.HeroAssessment__Content {
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 40px;
padding: 110px 48px;
max-width: 1260px;
margin: 0 auto
}
@media screen and (max-width:1063px) {
.HeroAssessment__Content {
padding: 40px;
display: block
}
}
@media screen and (max-width:767px) {
.HeroAssessment__Content {
display: block
}
}
.HeroAssessment__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-direction: column;
flex-direction: column
}
.HeroAssessment__Left,
.HeroAssessment__Right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.HeroAssessment__Right {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: center;
align-self: center
}
@media screen and (max-width:1063px) {
.HeroAssessment__Right {
width: auto
}
}
@media screen and (max-width:767px) {
.HeroAssessment__Right {
width: auto
}
}
.HeroAssessmentText {
padding: 0
}
@media screen and (max-width:1063px) {
.HeroAssessmentText {
padding: 0;
margin: 0;
border-left: none
}
}
@media screen and (max-width:767px) {
.HeroAssessmentText {
min-height: 0;
padding: 0
}
}
.HeroAssessmentText__Breadcrumb {
color: #a8b1d3;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
text-transform: uppercase
}
.HeroAssessmentText__Breadcrumb a {
color: #263c91
}
.HeroAssessmentText__Title {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 65px;
max-width: 823px;
white-space: pre-line;
margin: 30px 0
}
@media screen and (max-width:767px) {
.HeroAssessmentText__Title {
font-size: 48px;
line-height: 120%
}
}
.HeroAssessmentText__SubTitle {
font-weight: 400;
font-size: 64px;
line-height: 56px;
letter-spacing: -2.56594px;
color: #0a0a0a;
margin: 15px 0 30px
}
@media screen and (max-width:1241px) {
.HeroAssessmentText__SubTitle {
font-size: 58px;
line-height: 55px
}
}
@media screen and (max-width:767px) {
.HeroAssessmentText__SubTitle {
margin: 15px 0
}
}
.HeroAssessmentText__Info {
padding: 0
}
@media screen and (max-width:1241px) {
.HeroAssessmentText__Info {
display: block;
margin-bottom: 0;
padding: 0
}
}
@media screen and (max-width:767px) {
.HeroAssessmentText__Info {
display: block;
margin-bottom: 0;
padding: 0
}
}
.HeroAssessmentText__Paragraph {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 auto 30px;
color: #000
}
@media screen and (max-width:767px) {
.HeroAssessmentText__Paragraph {
padding-right: 0
}
}
.HeroAssessmentText__Content {
font-size: 20px;
line-height: 140%
}
.HeroAssessmentText__Callout {
position: relative;
margin-left: 20px;
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(169.59deg, #293f97 15.82%, #6d3caf 68.59%);
border-radius: 0 0 64px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
padding: 40px;
border: 1px solid rgba(37, 224, 249, .3);
-webkit-box-shadow: 20px 20px 0 rgba(10, 10, 10, .2);
box-shadow: 20px 20px 0 rgba(10, 10, 10, .2)
}
.HeroAssessmentText__Callout h2 {
margin: 0 0 10px;
font-size: 30px;
font-weight: 300
}
.HeroAssessmentText__Callout div {
font-size: 13px;
line-height: 145%
}
@media screen and (max-width:1063px) {
.HeroAssessmentText__Callout {
width: 80%;
left: 10%;
margin: 40px 0 0
}
}
.HeroAssessmentText__Image img {
width: 100%
}
@media screen and (max-width:1063px) {
.HeroAssessmentText__Image img {
max-width: 475px
}
}
.HeroAssessmentText__Button {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
@media screen and (max-width:767px) {
.HeroAssessment__Content {
padding: 40px 15px
}
.HeroAssessment__Left {
padding-bottom: 30px
}
}
.BlueInfoAssessment {
position: relative;
z-index: 2;
color: #fff;
padding: 0 48px 100px;
scroll-margin-top: 100px
}
.BlueInfoAssessment__Dark {
background: none
}
.BlueInfoAssessment__Dark svg {
width: 30px
}
@media screen and (max-width:1063px) {
.BlueInfoAssessment {
margin-top: 0 !important;
padding-top: 50px
}
}
@media screen and (max-width:767px) {
.BlueInfoAssessment {
padding: 0 15px 50px
}
}
.BlueInfoAssessment--2 {
padding: 100px 48px
}
@media screen and (max-width:767px) {
.BlueInfoAssessment--2 {
padding: 75px 15px
}
}
.BlueInfoAssessment__Content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
max-width: 1260px;
position: relative;
width: 100%;
z-index: 2
}
.BlueInfoAssessment__Content h2 {
font-size: 52px;
line-height: 57px;
color: #263c91;
margin: 0 0 30px
}
.BlueInfoAssessment__Content p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #0e142b
}
.BlueInfoAssessment__Content p:last-child {
margin: 0
}
.BlueInfoAssessment__Bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width:1063px) {
.BlueInfoAssessment__Bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.BlueInfoAssessment__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 50px
}
.BlueInfoAssessment__Left>h4 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
color: #40c3d9;
margin: 0 0 12px
}
.BlueInfoAssessment__Left>h2 {
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 57px;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 29px
}
.BlueInfoAssessment__Left>p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff;
white-space: pre-line;
margin: 0 0 60px
}
.BlueInfoAssessment__Left>p:last-child {
margin: 0
}
.BlueInfoAssessment__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width:1063px) {
.BlueInfoAssessment__Right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px
}
}
.BlueInfoAssessment__Calculator {
width: 415px;
border-radius: 32px;
background: hsla(0, 0%, 100%, .1);
border: 1px solid rgba(37, 224, 249, .3);
-ms-flex-direction: column;
flex-direction: column
}
.BlueInfoAssessment__Calculator,
.BlueInfoAssessment__CalculatorBody {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.BlueInfoAssessment__CalculatorBody {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-direction: column;
flex-direction: column;
margin: 28px 20px 22px 23px;
border-radius: 16px;
background: #14052a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 14px 19px 24px 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.BlueInfoAssessment__CalculatorBody>h2 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: .2em;
text-transform: uppercase;
color: #25e0f9;
margin: 0 0 20px;
max-width: 215px;
text-align: center
}
.BlueInfoAssessment__CalculatorBody>p {
font-weight: 400;
font-size: 14px;
line-height: 149.3%;
color: #fff;
opacity: .6;
margin: 0 0 15px
}
.BlueInfoAssessment__CalculatorBody>a {
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 63px;
background: #25e0f9;
-webkit-box-shadow: 4px 4px 0 #000;
box-shadow: 4px 4px 0 #000;
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
letter-spacing: -.01em;
color: #000
}
.BlueInfoAssessment__CalculatorBody>a:hover {
color: #fff
}
.BlueInfoAssessment__Select {
cursor: pointer;
position: relative;
width: 100%;
height: 48px;
margin: 0 0 15px;
z-index: 1
}
.BlueInfoAssessment__Select>select {
border-radius: 8px;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0)
}
.BlueInfoAssessment__Select>select,
.BlueInfoAssessment__SelectDisplay {
cursor: pointer;
width: 100%;
height: 100%;
background: transparent;
outline: none;
padding: 0 20px
}
.BlueInfoAssessment__SelectDisplay {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
border: 2px solid #25e0f9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
font-family: Effra;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 149.3%;
display: flex;
align-items: center;
color: #fff
}
.BlueInfoAssessment__SelectDisplay:hover {
border: 2px solid #fff
}
.BlueInfoAssessment__CoBrandedContainer {
margin: -100px auto 0;
border-radius: 10px;
padding: 12px;
background: #fff;
position: relative;
border: 1px solid #40c3d9;
max-width: 345px;
text-align: center
}
.BlueInfoAssessment__CoBrandedContainer h3 {
color: #40c3d9;
font-weight: 400;
margin: 0 0 12px;
font-size: 18px
}
.BlueInfoAssessment__CoBrandedContainer img {
width: 100%;
max-width: 135px
}
@media screen and (max-width:767px) {
.BlueInfoAssessment__CoBrandedContainer {
margin: -140px auto 0
}
}
.AssessmentForm {
background: none
}
.AssessmentForm__Form {
padding: 0 20px
}
.AssessmentForm {
padding: 0
}
.AssessmentForm__Heading {
max-width: 896px;
text-align: center;
padding: 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.AssessmentForm__Heading h3 {
font-size: 64px;
line-height: 69px;
letter-spacing: -2px;
color: #061638;
margin: 0 0 28px
}
@media screen and (max-width:639px) {
.AssessmentForm__Heading h3 {
font-size: 52px;
line-height: 57px;
margin: 0 0 18px
}
}
.AssessmentForm__Heading p {
font-size: 24px;
line-height: 32px;
letter-spacing: -.02em;
max-width: 620px;
color: rgba(0, 0, 0, .5);
margin: 0 auto
}
@media screen and (max-width:639px) {
.AssessmentForm__Heading p {
font-size: 20px;
line-height: 28px
}
}
.AssessmentForm__BackgroundTransition {
z-index: 1;
position: absolute;
width: 100%;
left: 0
}
.AssessmentForm__BackgroundTransition svg {
position: absolute;
width: 100%;
top: 0
}
.AssessmentForm__Content {
position: relative;
z-index: 5;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 55px
}
@media screen and (max-width:767px) {
.AssessmentForm__Content {
padding: 55px 25px
}
}
@media screen and (max-width:639px) {
.AssessmentForm__Content {
padding: 35px 20px
}
}
@media screen and (max-width:359px) {
.AssessmentForm__Content {
padding: 35px 12px
}
}
.AssessmentForm__Content .CheckGroup__Label p {
text-align: left;
font-size: 14px;
line-height: 18px;
margin-left: 6px
}
.AssessmentForm__FormFields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px
}
@media screen and (max-width:639px) {
.AssessmentForm__FormFields {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.AssessmentForm__Field {
grid-column: span 1/span 1
}
.AssessmentForm__Field--Wide {
grid-column: span 2/span 2
}
@media screen and (max-width:639px) {
.AssessmentForm__Field--Wide {
grid-column: span 1/span 1
}
}
.AssessmentForm__Select {
position: relative;
border: 1px solid #dadce8;
border-radius: 8px;
width: 100%;
height: 64px
}
.AssessmentForm__Select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: Effra;
font-style: normal;
font-weight: 400;
background: none transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
width: 100%;
height: 64px;
border: none;
font-size: 16px;
color: rgba(2, 0, 38, .4)
}
.AssessmentForm__Select:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.AssessmentForm__Button {
margin-top: 22px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #ffffff !important; 
border: none;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
color: #0F4DFD !important;
cursor: pointer;
font-size: 1.2em;
font-style: normal;
font-weight: 700 !important;
letter-spacing: .6px;
line-height: 18px !important;
padding: 20px 30px;
text-transform: uppercase;
-webkit-transition: all .2s ease !important;
transition: all .2s ease;
width: 100% !important;
}
@media screen and (max-width:767px) {
.AssessmentForm__Button {
font-size: 12px;
line-height: 120%
}
}
.AssessmentForm__ErrorMessage {
display: none;
text-align: center;
border: 1px solid #e91b65;
border-radius: 8px;
color: #e91b65;
padding: 10px;
margin-bottom: 18px;
font-size: 17px;
line-height: 120%;
font-weight: 500;
letter-spacing: .01rem
}
.AssessmentForm__ErrorMessage.enable {
display: block
}
.BlueInfo {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(9, 25, 61, .5)), to(rgba(9, 25, 61, .5))), -webkit-gradient(linear, left top, left bottom, color-stop(38.3%, #293f97), color-stop(79.54%, #10205f));
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(-180deg, #293f97 38.3%, #10205f 79.54%);
padding-top: 367px;
margin-top: -155px;
position: relative;
z-index: 2;
color: #fff
}
.BlueInfo__BackgroundTransition {
position: absolute;
top: -1px;
left: 0;
width: 100vw;
height: 167px;
text-align: center;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.BlueInfo__BackgroundTransition img,
.BlueInfo__BackgroundTransition svg {
min-width: 2141px;
height: 100%;
display: block
}
.BlueInfo__Content {
width: 100%;
max-width: 1212px;
margin: -100px auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 48px 250px
}
@media screen and (max-width:1063px) {
.BlueInfo__Content {
padding: 0 24px 370px
}
}
.BlueInfo h2 {
font-weight: 400;
font-size: 48px;
line-height: 57px;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 23px;
max-width: 764px
}
.BlueInfo h3 {
font-size: 28px;
line-height: 40px;
color: #40c3d9;
opacity: .9;
margin-bottom: 30px
}
.BlueInfo h3,
.BlueInfo p {
letter-spacing: -.01em;
font-weight: 400
}
.BlueInfo p {
font-size: 24px;
line-height: 29px;
color: #fff;
margin: 0 0 32px;
max-width: 924px
}
.BlueInfo__Table {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
max-width: 952px;
margin-bottom: 56px
}
.BlueInfo__Table,
.BlueInfo__TableRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.BlueInfo__TableRow {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.BlueInfo__TableCell {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 440px;
height: 53px;
border-bottom: 1px solid #40c3d9;
margin-right: 10px
}
.BlueInfo__TableCell svg {
margin-right: 10px
}
.BlueInfo__LogoRight {
position: absolute;
top: 300px;
overflow: hidden;
z-index: 2;
right: -50px;
text-align: right
}
.BlueInfo__LogoRight img {
max-width: 400px;
width: 400px
}
@media screen and (max-width:768px) {
.BlueInfo__LogoRight {
display: none
}
}
.BlueInfo.withLogoRight .BlueInfo__Content h2,
.BlueInfo.withLogoRight .BlueInfo__Content h3,
.BlueInfo.withLogoRight .BlueInfo__Content p {
max-width: 850px
}
.BlueInfo.TRU {
padding-top: 345px
}
@media screen and (max-width:768px) {
.BlueInfo.TRU {
padding-top: 325px
}
}
.BlueInfo.TRU .BlueInfo__Content h2,
.BlueInfo.TRU .BlueInfo__Content h3,
.BlueInfo.TRU .BlueInfo__Content p {
max-width: 100%
}
.BlueInfo.TRU h3 {
max-width: 924px;
font-size: 26px
}
.BlueInfo.TRU .BlueInfo__Content {
padding: 0 48px 350px
}
.BlueInfo.TRU p {
color: hsla(0, 0%, 100%, .7);
line-height: 150%;
font-size: 26px
}
.BlueInfo__VideoBlock {
background: #263c91;
padding: 30px 32px;
border-radius: 8px;
-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 50px 0 10px
}
.BlueInfo__VideoBlock h3 {
margin: 0 0 15px;
font-size: 26px;
line-height: 120%
}
.BlueInfo__VideoBlock p {
margin-bottom: 0;
color: hsla(0, 0%, 100%, .9)
}
@media screen and (max-width:768px) {
.BlueInfo__VideoBlock {
padding: 20px 15px 25px
}
}
.BlueInfo__VideoBlockRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width:768px) {
.BlueInfo__VideoBlockRow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.BlueInfo__VideoBlockLeft {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%
}
.BlueInfo__VideoBlockLeftCopy {
padding-right: 35px
}
@media screen and (max-width:768px) {
.BlueInfo__VideoBlockLeft {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.BlueInfo__VideoBlockLeftCopy {
padding-right: 0
}
}
.BlueInfo__VideoBlockRight {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
position: relative
}
.BlueInfo__VideoBlockRight.BlueInfo__VideoBox {
position: inherit
}
.BlueInfo__VideoBlockRight svg {
position: absolute;
width: 100%;
max-width: 50px;
top: 49%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer
}
.BlueInfo__VideoBlockRight img {
-webkit-box-shadow: 5px 5px #40c3d9;
box-shadow: 5px 5px #40c3d9;
max-width: 100%;
border-radius: 14.705px;
cursor: pointer
}
.BlueInfo__VideoBlockRight:hover svg .cls-featuredPlay {
fill: #40c3d9
}
.BlueInfo__VideoBlockRight:hover img {
-webkit-filter: brightness(.8);
filter: brightness(.8)
}
@media screen and (max-width:768px) {
.BlueInfo__VideoBlockRight {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px
}
.BlueInfo__VideoBlockRight img {
max-width: 475px;
width: 100%
}
}
.BlueInfo__VideoBlockCyberRisk {
background: #ebe9f1
}
.BlueInfo__VideoBlockCyberRisk p {
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: -.01em;
color: #000;
margin: 0
}
.BlueInfo__Resource__Copy {
padding: 50px 43px 75px;
font-weight: 400;
font-size: 24px;
line-height: 29px;
letter-spacing: -.01em;
margin: 0 0 32px;
color: #151515
}
.BlueInfo__Resource__Copy ul li {
margin-bottom: 10px
}
.BlueInfo__Resource__Copy ul li:last-child {
margin-bottom: 0
}
.BlueInfo__Resource__Copy .Attribution {
font-size: 14px;
line-height: 130%
}
.BlueInfo__Resource__Copy p a {
color: #40c3d9
}
@media screen and (max-width:768px) {
.BlueInfo__Resource__Copy {
padding: 50px 15px
}
}
.BlueInfo__BackToTop #backToTopBtn {
display: none;
position: fixed;
bottom: 142px;
right: 30px;
z-index: 99;
cursor: pointer;
text-align: center
}
.BlueInfo__BackToTop #backToTopBtn.enable {
display: block
}
@media (min-width:0px) and (max-width:768px) {
.BlueInfo__BackToTop #backToTopBtn.enable {
display: none
}
}
.BlueInfo__BackToTop #backToTopBtn p {
font-size: 10px;
line-height: 14px;
margin: 0 auto 8px;
text-transform: uppercase;
color: #40c3d9;
font-weight: 500;
letter-spacing: inherit
}
.BlueInfo__BackToTop #backToTopBtn svg {
background-color: #fff;
border-radius: 10px;
padding: 10px;
fill: #263c91
}
.BlueInfo__DynamicVideoGrid {
overflow: auto
}
.BlueInfo__DynamicVideoGridRight {
float: right;
max-width: 40%;
z-index: 1;
width: 100%
}
.BlueInfo.SOC,
.BlueInfo__SOC {
padding-top: 350px;
margin-top: -130px
}
.BlueInfo.SOC.withLogoRight .BlueInfo__Content h2,
.BlueInfo.SOC.withLogoRight .BlueInfo__Content h3,
.BlueInfo.SOC.withLogoRight .BlueInfo__Content p,
.BlueInfo__SOC.withLogoRight .BlueInfo__Content h2,
.BlueInfo__SOC.withLogoRight .BlueInfo__Content h3,
.BlueInfo__SOC.withLogoRight .BlueInfo__Content p {
max-width: 100%
}
.BlueInfo.SOC .BlueInfo__VideoBlockRight,
.BlueInfo__SOC .BlueInfo__VideoBlockRight {
float: right;
margin: 0 -25px 15px 15px
}
.BlueInfo.SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn p,
.BlueInfo__SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn p {
position: absolute;
top: 15px;
left: 15px;
font-size: 22px;
line-height: 125%;
margin: 0;
display: none
}
.BlueInfo.SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover .cls-featuredPlay,
.BlueInfo__SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover .cls-featuredPlay {
fill: #40c3d9
}
@media screen and (min-width:767px) {
.BlueInfo.SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover svg,
.BlueInfo__SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover svg {
bottom: 0;
top: auto;
right: 0;
left: auto;
max-width: 40px
}
.BlueInfo.SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover .video-container svg,
.BlueInfo__SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover .video-container svg {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.BlueInfo.SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover p,
.BlueInfo__SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover p {
display: block
}
}
.BlueInfo.SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover img,
.BlueInfo__SOC .BlueInfo__VideoBlockRight .MultiVideo__Videobtn:hover img {
-webkit-filter: brightness(.3);
filter: brightness(.3)
}
@media screen and (max-width:767px) {
.BlueInfo.SOC .BlueInfo__VideoBlockRight,
.BlueInfo__SOC .BlueInfo__VideoBlockRight {
float: none;
margin: 0 0 25px
}
.BlueInfo.SOC .BlueInfo__VideoBlockRight img,
.BlueInfo__SOC .BlueInfo__VideoBlockRight img {
max-width: 100%
}
}
.BlueInfo.SOC .BlueInfo__Content,
.BlueInfo__SOC .BlueInfo__Content {
padding: 0 48px 50px
}
@media screen and (max-width:767px) {
.BlueInfo.SOC .BlueInfo__Content,
.BlueInfo__SOC .BlueInfo__Content {
padding: 0 15px 50px
}
}
.BlueInfoCell {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(9, 25, 61, .5)), to(rgba(9, 25, 61, .5))), -webkit-gradient(linear, left top, left bottom, color-stop(38.3%, #293f97), color-stop(79.54%, #10205f));
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(-180deg, #293f97 38.3%, #10205f 79.54%);
padding-top: 255px;
position: relative;
z-index: 2;
color: #fff
}
.BlueInfoCell,
.BlueInfoCell.margin-top-855 {
margin-top: -855px
}
.BlueInfoCell.margin-top-350 {
margin-top: -350px
}
@media (min-width:0px) and (max-width:768px) {
.BlueInfoCell.margin-top-350 {
margin-top: -855px
}
}
@media (min-width:0px) and (max-width:768px) {
.BlueInfoCell.margin-top-350.BlueInfoCell__MVR {
margin-top: 0;
padding-top: 25px
}
.BlueInfoCell.margin-top-350.BlueInfoCell__MVR .BlueInfoCell__BackgroundTransition {
display: none
}
}
.BlueInfoCell.TRU {
margin-top: -155px
}
.BlueInfoCell.case-study-sensitive-data,
.BlueInfoCell.case-study-third-party {
margin-top: -800px;
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(168.78deg, #293f97 16.87%, #6d3caf 73.12%)
}
.BlueInfoCell.case-study-sensitive-data h2,
.BlueInfoCell.case-study-third-party h2 {
color: #40c3d9;
font-size: 28px;
font-weight: 400;
letter-spacing: -.01em;
line-height: 40px;
margin-bottom: 40px;
opacity: .9
}
.BlueInfoCell.case-study-skills-gap {
margin-top: -700px;
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(168.78deg, #293f97 16.87%, #6d3caf 73.12%)
}
.BlueInfoCell.case-study-skills-gap h2 {
font-size: 28px;
margin: 6px 0 40px
}
.BlueInfoCell.case-study-skills-gap h2,
.BlueInfoCell__MVR h3 {
color: #40c3d9;
font-weight: 400;
letter-spacing: -.01em;
line-height: 40px
}
.BlueInfoCell__MVR h3 {
font-size: 32px;
opacity: .9;
margin-bottom: 40px
}
.BlueInfoCell__BackgroundTransition {
position: absolute;
top: -1px;
left: 0;
width: 100vw;
height: 167px;
text-align: center;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.BlueInfoCell__BackgroundTransition img,
.BlueInfoCell__BackgroundTransition svg {
min-width: 2141px;
height: 100%;
display: block
}
.BlueInfoCell__Content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
max-width: 1344px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 80px 25px;
margin: 0 auto
}
.BlueInfoCell__LeftSpace {
-webkit-box-flex: 160;
-ms-flex: 160 1 auto;
flex: 160 1 auto;
-ms-flex-direction: column;
flex-direction: column
}
.BlueInfoCell__Left,
.BlueInfoCell__LeftSpace {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.BlueInfoCell__Left {
-webkit-box-flex: 775;
-ms-flex: 775 1 160px;
flex: 775 1 160px;
-ms-flex-direction: column;
flex-direction: column
}
.BlueInfoCell__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 427px;
flex: 0 1 427px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BlueInfoCell__Panel {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 32px;
width: 502px;
min-height: 40px;
margin: 50px 0 0;
padding: 23px
}
.BlueInfoCell h2 {
font-weight: 400;
font-size: 48px;
line-height: 57px;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 23px
}
.BlueInfoCell h5 {
font-size: 28px;
line-height: 40px;
color: #40c3d9;
opacity: .9;
margin-bottom: 30px
}
.BlueInfoCell h5,
.BlueInfoCell p {
letter-spacing: -.01em;
font-weight: 400
}
.BlueInfoCell p {
font-size: 24px;
line-height: 29px;
color: #fff;
margin: 0 0 32px
}
.BlueInfoCell__Table {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
max-width: 952px;
margin-bottom: 56px
}
.BlueInfoCell__Table,
.BlueInfoCell__TableRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.BlueInfoCell__TableRow {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.BlueInfoCell__TableCell {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 440px;
height: 53px;
border-bottom: 1px solid #40c3d9;
margin-right: 10px
}
.BlueInfoCell__TableCell svg {
margin-right: 10px
}
@media (min-width:0px) and (max-width:768px) {
.BlueInfoCell {
padding-top: 855px;
margin-top: -855px
}
.BlueInfoCell__MVR .BlueInfoCell__Left {
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.BlueInfoCell__Content {
padding: 20px
}
.BlueInfoCell__LeftSpace {
display: none
}
.BlueInfoCell__Left {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.BlueInfoCell__Left h4 {
font-size: 32px;
line-height: 140%
}
.BlueInfoCell__Left p {
font-size: 16px;
line-height: 140%
}
.BlueInfoCell__Right {
display: none
}
}
.InfoBlocks {
color: #fff;
z-index: 8;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 100%
}
.InfoBlocks__Content {
margin: -240px 0 0;
max-width: 1212px;
padding: 0 48px;
width: 100%;
border-radius: 16px;
border-bottom-right-radius: 64px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:1063px) {
.InfoBlocks__Content {
padding: 0 24px;
margin-top: -360px
}
}
.InfoBlocks__Cells {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 43px;
width: 100%
}
.InfoBlocks__CellRow,
.InfoBlocks__Cells {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.InfoBlocks__CellRow {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width:1063px) {
.InfoBlocks__CellRow {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.InfoBlocks__Cell {
width: calc(25% - 12px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 43, 119, .3)), color-stop(150.19%, rgba(60, 43, 119, 0))), #0e142b;
background: linear-gradient(180deg, rgba(60, 43, 119, .3), rgba(60, 43, 119, 0) 150.19%), #0e142b;
border: 1px solid rgba(64, 195, 217, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
border-radius: 8px;
border-bottom-right-radius: 64px;
margin: 0;
padding: 30px 32px 25px
}
@media screen and (max-width:1063px) {
.InfoBlocks__Cell {
width: calc(50% - 16px);
margin-bottom: 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media screen and (max-width:767px) {
.InfoBlocks__Cell {
width: 100%
}
}
.InfoBlocks__Cell span {
max-width: 280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: .2em;
text-transform: uppercase;
color: #40c3d9;
margin: 0 0 20px
}
@media screen and (max-width:1063px) {
.InfoBlocks__Cell span {
max-width: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left
}
}
.InfoBlocks__Cell p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: -.01em;
color: hsla(0, 0%, 100%, .8);
margin: 0
}
@media (min-width:0) and (max-width:768px) {
.BlueInfoCell.TRU {
padding-top: 455px;
margin-top: 505px
}
.BlueInfoCell.TRU__Content {
padding: 0 20px
}
.BlueInfoCell.TRU__Left {
text-align: center;
padding: 0
}
.BlueInfoCell.TRU__Right {
display: none
}
}
.CaseStudy__Heading {
background: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/case-studies-main_bg_01@2x.png) !important;
background-size: contain !important;
position: relative
}
.CaseStudy__Heading:after {
content: "";
display: block;
width: 100%;
height: 400px;
background: transparent -webkit-gradient(linear, left bottom, left top, from(#ecf9fb), to(hsla(0, 0%, 100%, 0))) 0 0 no-repeat padding-box;
background: transparent linear-gradient(0deg, #ecf9fb, hsla(0, 0%, 100%, 0)) 0 0 no-repeat padding-box;
position: absolute;
bottom: 0;
left: 0;
z-index: 1
}
.CaseStudy__Heading .industryHeading__Content {
position: relative;
z-index: 2
}
.CaseStudy__Heading .industryHeading__Content h1 {
margin: 0 auto 40px
}
.CaseStudy__Heading .industryHeading__Content h2 {
font-size: 72px;
line-height: 76px
}
.CaseStudy__Heading .industryHeading__Content h3 {
margin: 0 0 30px
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 100px
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .industryHeading__Left {
-webkit-box-flex: 1.1;
-ms-flex: 1.1;
flex: 1.1
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges {
-webkit-box-flex: .9;
-ms-flex: .9;
flex: .9
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .CaseStudyHero__Badge {
width: 100%;
max-width: 450px;
padding: 2em 3em;
background: #fff;
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
border: 1px solid #dbdbdb;
margin-left: 50px;
margin-bottom: 20px;
text-align: center
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .CaseStudyHero__Badge img {
max-width: 100%
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .g2 img {
max-width: 265px
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .gartner img {
max-width: 382px
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .infotech img {
max-width: 425px
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__Title h2 {
font-size: 48px;
line-height: 50px
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__Title h3.CaseStudy__Subtitle {
font-size: 30px;
line-height: 40px;
letter-spacing: -.4px;
color: #000;
font-weight: 600
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: space-between;
flex-direction: space-between;
margin-top: 80px
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference__LeftColumn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 8px
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference__RightColumn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 8px
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__Tab {
border-top: 5px solid #696de3;
margin-bottom: 60px;
padding-top: 20px
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__TabContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__TabContent h3 {
font-size: 30px;
line-height: 40px;
letter-spacing: -.4px;
color: #263c91;
font-weight: 700;
margin: 0
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__TabContent:after {
content: "";
background: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/case-studies-expand-icon.svg);
width: 32px;
height: 32px;
right: 0;
top: 50%;
margin-top: -16px;
position: absolute
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__TabContent.active:after {
background: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/case-studies-collapse-icon.svg)
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__Toggle {
-webkit-box-flex: .25;
-ms-flex: .25;
flex: .25;
text-align: right
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__Toggle .collapse-toggle {
display: none;
max-width: 32px
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__Toggle .expand-toggle {
display: inline-block;
max-width: 32px
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__TabExpanded {
display: none
}
.CaseStudy__SoftwareReviews__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px
}
.CaseStudy__SoftwareReviews__Content p {
font-size: 24px;
line-height: 30px
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__LeftSide {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__LeftSide h2 {
font-size: 48px;
line-height: 50px;
color: #263c91
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__LeftSide h3.CaseStudy__Subtitle {
font-size: 30px;
line-height: 40px;
letter-spacing: -.4px;
color: #000;
font-weight: 600
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Logo {
text-align: right;
margin-bottom: 30px
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Logo img {
max-width: 275px
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #fff;
-webkit-box-shadow: 0 20px 60px rgba(7, 10, 96, .1);
box-shadow: 0 20px 60px rgba(7, 10, 96, .1);
padding: 35px 50px;
margin-bottom: 16px;
margin-left: 70px
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat .SoftwareReviews__StatNumber svg {
width: 100%;
max-width: 200px
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat .SoftwareReviews__StatNumber.fifth-stat,
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat .SoftwareReviews__StatNumber.third-stat svg {
max-width: 125px;
margin-right: 65px
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat .SoftwareReviews__StatText p {
font-size: 20px;
line-height: 30px;
margin-left: 30px;
margin-top: 0;
color: #999
}
.CaseStudy__Infotech {
background: #19234d
}
.CaseStudy__Infotech__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px
}
.CaseStudy__Infotech .Infotech__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.CaseStudy__Infotech .Infotech__Badge {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background: #fff;
-webkit-box-shadow: 0 20px 60px rgba(7, 10, 96, .1);
box-shadow: 0 20px 60px rgba(7, 10, 96, .1);
margin-top: -100px;
margin-bottom: -100px
}
.CaseStudy__Infotech .Infotech__Badge img {
max-width: 100%
}
.CaseStudy__Infotech .Infotech__Copy {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
padding-left: 5em
}
.CaseStudy__Infotech .Infotech__Copy h3 {
font-size: 30px;
line-height: 40px;
color: #40c3d9;
letter-spacing: -.4px;
margin-top: 0;
margin-bottom: 30px
}
.CaseStudy__Infotech .Infotech__Copy p {
color: #fff;
font-weight: 400;
font-size: 24px;
line-height: 30px;
margin-bottom: 30px
}
.CaseStudy__Infotech .Infotech__Copy a {
color: #5063f9;
background: #d4d8e9;
padding: 20px 50px;
font-weight: 700;
display: inline-block
}
.CaseStudy__Infotech .Infotech__Copy img {
max-width: 200px;
display: block;
margin-left: auto
}
.CaseStudy__EmotionalFootprint__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px
}
.CaseStudy__EmotionalFootprint .EmotionalFootprint__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.CaseStudy__EmotionalFootprint .EmotionalFootprint__Score {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.CaseStudy__EmotionalFootprint .EmotionalFootprint__Score img {
width: 100%
}
.CaseStudy__EmotionalFootprint .EmotionalFootprint__WordCloud {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
padding-left: 5em
}
.CaseStudy__PeerReviews {
background: #f4f5f9
}
.CaseStudy__PeerReviews__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px
}
.CaseStudy__PeerReviews__Content h2 {
text-align: center;
color: #263c91
}
.CaseStudy__PeerReviews__Content p {
font-size: 24px;
text-align: center;
line-height: 30px
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges {
margin: 75px 0
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Left {
-webkit-box-flex: .7;
-ms-flex: .7;
flex: .7
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Left img {
width: 100%;
max-width: 60%
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Right {
-webkit-box-flex: 1px;
-ms-flex: 1px;
flex: 1px
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Right img {
width: 100%;
max-width: 60%
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges {
margin-bottom: 75px
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Left,
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Middle {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Middle img {
width: 100%;
margin-left: 50px;
border-left: 1px solid #707070;
padding-left: 50px
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
font-size: 16px;
line-height: 20px
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Right p {
letter-spacing: -.18px;
margin-top: 0;
font-size: 18px;
text-align: right;
line-height: 22px
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Right a {
color: #4b64ff;
text-decoration: underline;
font-weight: 600;
letter-spacing: .9px
}
.CaseStudy__PeerReviews__Content .PeerReviews__ReadMore {
margin: 40px auto 100px;
text-align: center;
border-bottom: 1px solid #707070;
padding-bottom: 100px
}
.CaseStudy__PeerReviews__Content .PeerReviews__ReadMore a {
font-weight: 700;
font-size: 20px;
line-height: 50px;
letter-spacing: 1px;
color: #3c2b77;
border: 2px solid #3c2b77;
padding: 15px 100px
}
.CaseStudy__PeerReviews__Content .PeerReviews__ReadMore:last-of-type {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 75px
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Slider .swiper-slide,
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerSlider .swiper-slide {
background: 0 0 no-repeat padding-box padding-box #fff;
-webkit-box-shadow: rgba(0, 0, 0, .1) 0 5px 10px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #dbdbdb;
border-radius: 1px;
padding: 100px 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Slider .swiper-slide img,
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerSlider .swiper-slide img {
max-width: 200px;
width: 100%;
margin-bottom: 15px
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Slider .swiper-slide .PeerReviews__QuoteAuthor,
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerSlider .swiper-slide .PeerReviews__QuoteAuthor {
letter-spacing: -.2px;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #263c91;
margin-bottom: 0
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Slider .swiper-slide .PeerReviews__AuthorTitle,
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerSlider .swiper-slide .PeerReviews__AuthorTitle {
margin-top: 0;
letter-spacing: -.16px;
color: #030307;
font-size: 16px;
line-height: 24px;
margin-bottom: 0
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Slider .swiper-slide .PeerReviews__ReadFullReview,
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerSlider .swiper-slide .PeerReviews__ReadFullReview {
font-size: 20px;
line-height: 24px;
font-weight: 700;
color: #5063f9;
margin-top: 40px;
display: inline-block;
letter-spacing: 1px
}
@media screen and (min-width:767px) {
.CaseStudy__PeerReviews__Content .PeerReviews__G2Slider .swiper-slide {
min-height: 650px
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerSlider .swiper-slide {
min-height: 610px
}
}
.CaseStudy__ReportCards {
position: relative
}
.CaseStudy__ReportCards__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px 100px
}
.CaseStudy__ReportCards__Content h2 {
color: #263c91;
font-size: 48px;
line-height: 50px
}
.CaseStudy__ReportCards__Content p {
font-size: 24px;
line-height: 30px;
width: 85%
}
.CaseStudy__ReportCards__Content .ReportCards__Row {
-ms-flex-pack: justify;
margin-top: 75px
}
.CaseStudy__ReportCards__Content .ReportCards__Card,
.CaseStudy__ReportCards__Content .ReportCards__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between
}
.CaseStudy__ReportCards__Content .ReportCards__Card {
background: #fff;
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
border: 1px solid #dbdbdb;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify
}
.CaseStudy__ReportCards__Content .ReportCards__Card h3 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
letter-spacing: -.4px;
color: #263c91
}
.CaseStudy__ReportCards__Content .ReportCards__Card p {
font-size: 18px;
margin-bottom: 30px;
line-height: 24px;
width: 100%
}
.CaseStudy__ReportCards__Content .ReportCards__Card a {
font-size: 18px;
line-height: 24px;
color: #5063f9;
font-weight: 700;
letter-spacing: 1px
}
.CaseStudy__ReportCards__Content .ReportCards__Card:nth-child(2) .ReportCards__CardTopImage {
padding: 100px 76px
}
.CaseStudy__ReportCards__Content .ReportCards__Card:nth-child(2) .ReportCards__CardTopImage img {
max-height: 53px
}
.CaseStudy__ReportCards__Content .ReportCards__CardTopImage {
padding: 100px;
background: #19234d;
text-align: center
}
.CaseStudy__ReportCards__Content .ReportCards__CardTopImage img {
max-height: 49px
}
.CaseStudy__ReportCards__Content .ReportCards__CardTopCopy {
padding: 50px 40px 20px
}
.CaseStudy__ReportCards__Content .ReportCards__CardBottom {
padding: 0 40px 50px
}
.CaseStudy__ReportCards:after {
content: "";
background: #ecf9fb;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 65%;
z-index: -1
}
.CaseStudy__IndustryBadges__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px 100px;
text-align: center
}
.CaseStudy__IndustryBadges__Content h2 {
text-align: center;
color: #263c91;
font-size: 48px;
line-height: 50px
}
.CaseStudy__IndustryBadges__Content img {
max-width: 100%
}
.hide-mobile {
display: block
}
.hide-desktop {
display: none
}
@media screen and (max-width:767px) {
.hide-mobile {
display: none
}
.hide-desktop {
display: block
}
.CaseStudy__Heading .industryHeading__Content h2 {
font-size: 52px;
line-height: 120%
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .CaseStudyHero__Badge {
padding: 10px;
margin: 0;
max-width: inherit;
width: inherit;
display: block
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference,
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Left {
margin-bottom: 30px
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Left img,
.CaseStudy__PeerReviews__Content .PeerReviews__G2Badges .G2Badges__Right img {
max-width: 100%
}
}
.MiniQuote__CaseStudy.CaseStudyPage .MiniQuote__CaseStudyContainer {
margin-left: unset;
margin-right: unset;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.MiniQuote__Content {
position: relative
}
.MiniQuote__Navigation {
position: relative;
padding: 50px 0;
max-width: 1260px;
margin: 0 auto;
width: 100%
}
.CaseStudies {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2
}
.CaseStudies__ContentWrapper {
width: 100%;
z-index: 1
}
.CaseStudies figure {
margin: 0
}
.CaseStudies__Content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1116px;
width: 100%;
margin: 0 auto;
z-index: 2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:767px) {
.CaseStudies__Content {
display: block;
padding-top: 28px
}
}
.CaseStudies__Content h2 {
white-space: pre-line;
font-style: normal;
font-weight: 700;
font-size: 72px;
line-height: 75px;
letter-spacing: -2px;
margin: 75px 0 80px
}
.CaseStudies__VideoRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1116px;
width: 100%;
padding-bottom: 50px;
border-bottom: 1px solid #40c3d9;
margin-bottom: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.CaseStudies__VideoThumbnail {
cursor: pointer
}
.CaseStudies__VideoThumbnail:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.CaseStudies__VideoThumbnail img {
border-radius: 16px;
width: 100%
}
.CaseStudies__VideoModal {
display: none;
position: fixed;
z-index: 1;
padding-top: 125px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4);
z-index: 1001;
margin-bottom: 200px
}
.CaseStudies__VideoModal.active {
display: block
}
.CaseStudies__VideoModal-content {
background-color: #fefefe;
padding: 20px;
border: 1px solid #888;
width: 80%;
margin: auto auto 150px;
max-width: 700px
}
.CaseStudies__VideoModal-content figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.CaseStudies__VideoModal-content iframe {
margin: 0 auto;
height: 337.5px;
width: 600px
}
.CaseStudies__VideoModal-content .BTfallback {
max-width: 720px;
margin: 0 auto
}
.CaseStudies__VideoModal-close {
color: #aaa;
float: right;
font-size: 40px;
font-weight: 400;
line-height: 40px;
position: relative;
z-index: 1
}
.CaseStudies__VideoModal-close:focus,
.CaseStudies__VideoModal-close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
.CaseStudies__Description p:first-of-type {
font-size: 24px;
font-weight: 700
}
.CaseStudies__Description p:first-of-type span {
color: #40c3d9
}
.CaseStudies__Description p {
font-size: 21px;
font-weight: 400;
line-height: 30px
}
.CaseStudies__VideoLeft {
width: calc(50% - 16px)
}
.CaseStudies__VideoRight {
padding: 61px;
margin-left: 50px;
font-size: 25px;
line-height: 34px;
background: rgba(64, 195, 217, .2);
border-radius: 16px;
width: calc(50% - 16px)
}
.CaseStudies__VideoRight svg {
max-width: 57px
}
.CaseStudies__VideoRight p {
margin-bottom: 0
}
.CaseStudies__Button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 32px;
max-width: 441px;
background: #40c3d9;
color: #081639;
-webkit-box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 26.8235px;
line-height: 32px;
letter-spacing: -.01em;
color: #071738;
white-space: nowrap;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-decoration: none
}
.CaseStudies__Button:hover {
background: #61cee1
}
@media screen and (max-width:1063px) {
.CaseStudies__Button {
font-size: 20px;
line-height: 1.2em;
padding: 12px 24px;
max-width: 380px
}
}
@media screen and (max-width:639px) {
.CaseStudies__Button {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space: normal;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.CaseStudies__Left {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 100px 0 60px 156px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 875px;
position: relative;
z-index: 5
}
@media screen and (max-width:1441px) {
.CaseStudies__Left {
padding-left: calc(-1284px + 100vw)
}
}
@media screen and (max-width:1332px) {
.CaseStudies__Left {
padding-left: 48px;
width: 596px
}
}
@media screen and (max-width:1063px) {
.CaseStudies__Left {
width: 510px;
padding-left: 24px
}
}
@media screen and (max-width:859px) {
.CaseStudies__Left {
width: 420px
}
}
@media screen and (max-width:767px) {
.CaseStudies__Left {
width: auto;
padding: 140px 24px 0
}
}
@media screen and (max-width:359px) {
.CaseStudies__Left {
padding-top: 160px
}
}
.CaseStudies__Left h2 {
white-space: pre-line;
font-style: normal;
font-weight: 700;
font-size: 72px;
line-height: 75px;
letter-spacing: -2px;
margin: 0 0 5px
}
.CaseStudies__Left h2 sup {
font-size: 38px
}
@media screen and (max-width:1063px) {
.CaseStudies__Left h2 {
font-size: 60px;
line-height: 64px
}
.CaseStudies__Left h2 sup {
font-size: .5277777778em
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.CaseStudies__Left h2 {
font-size: 52px;
line-height: 52px
}
}
@media screen and (max-width:359px) {
.CaseStudies__Left h2 {
font-size: 52px;
line-height: 52px
}
}
.CaseStudies__Left h3 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
margin: 0 0 22px
}
.CaseStudies__Left h4 {
color: #40c3d9;
font-size: 39px;
font-weight: 400;
line-height: 42px;
margin: 0 0 25px
}
.CaseStudies__Left p {
font-style: normal;
font-weight: 400;
font-size: 27px;
line-height: 32px;
letter-spacing: -.02em;
margin: 0
}
@media screen and (max-width:1063px) {
.CaseStudies__Left p {
font-size: 20px;
line-height: 28px;
margin-bottom: 40px
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.CaseStudies__Left p {
font-size: 18px;
line-height: 26px
}
}
@media screen and (max-width:359px) {
.CaseStudies__Left p {
font-size: 18px;
line-height: 26px
}
}
.CaseStudies__Left ul {
font-style: normal;
font-weight: 400;
font-size: 27px;
line-height: 32px;
letter-spacing: -.02em;
margin: 0;
width: 650px
}
.CaseStudies__Left ul li {
margin: 1em 0
}
.CaseStudies__Right {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 1
}
@media screen and (max-width:1063px) {
.CaseStudies__Right {
top: 20px
}
}
@media screen and (max-width:767px) {
.CaseStudies__Right {
width: 100%;
height: 500px;
width: 500px;
margin: -60px auto -80px
}
}
@media screen and (max-width:548px) {
.CaseStudies__Right {
width: calc(100vw - 48px);
height: calc(100vw - 48px);
margin: -15vw auto
}
}
.CaseStudies__FeaturesWrapper {
position: absolute;
top: 50%;
margin-top: -368px;
right: 0;
width: 736px;
height: 736px;
pointer-events: none
}
@media screen and (max-width:1241px) {
.CaseStudies__FeaturesWrapper {
width: 636px;
height: 636px;
margin-top: -318px;
right: 0
}
}
@media screen and (max-width:1150px) {
.CaseStudies__FeaturesWrapper {
right: -25px
}
}
@media screen and (max-width:1063px) {
.CaseStudies__FeaturesWrapper {
width: 536px;
height: 536px;
margin-top: -268px;
right: 0
}
}
@media screen and (max-width:940px) {
.CaseStudies__FeaturesWrapper {
width: 500px;
height: 500px;
margin-top: -250px;
right: -25px
}
}
@media screen and (max-width:810px) {
.CaseStudies__FeaturesWrapper {
right: -50px
}
}
@media screen and (max-width:767px) {
.CaseStudies__FeaturesWrapper {
right: 0
}
}
@media screen and (max-width:548px) {
.CaseStudies__FeaturesWrapper {
width: calc(100vw - 48px);
height: calc(100vw - 48px);
margin-top: 0;
top: 0
}
}
.CaseStudies__Features {
position: absolute;
top: 0;
left: 0;
width: 736px;
height: 736px;
z-index: 1;
background: radial-gradient(50% 50% at 50% 50%, rgba(37, 224, 249, .1) 0, rgba(37, 224, 249, 0) 100%);
overflow: hidden;
pointer-events: none
}
.CaseStudies__Features--Rooted {
z-index: 100
}
.CaseStudies__Features * {
pointer-events: none
}
@media screen and (max-width:1241px) {
.CaseStudies__Features,
.CaseStudies__Features img,
.CaseStudies__Features svg {
width: 636px;
height: 636px
}
}
@media screen and (max-width:1063px) {
.CaseStudies__Features,
.CaseStudies__Features img,
.CaseStudies__Features svg {
width: 536px;
height: 536px
}
}
@media screen and (max-width:940px) {
.CaseStudies__Features,
.CaseStudies__Features img,
.CaseStudies__Features svg {
width: 500px;
height: 500px
}
}
@media screen and (max-width:548px) {
.CaseStudies__Features,
.CaseStudies__Features img,
.CaseStudies__Features svg {
width: calc(100vw - 48px);
height: calc(100vw - 48px)
}
}
.CaseStudies__Feature {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity .5s, visibility .5s, margin .5s;
transition: opacity .5s, visibility .5s, margin .5s;
pointer-events: none
}
.CaseStudies__Feature--Entering {
margin-top: 80px
}
.CaseStudies__Feature--Leaving {
margin-top: -80px
}
.CaseStudies__Feature--Active {
opacity: 1;
visibility: visible;
margin: 0
}
.CaseStudies__SecurityLeaders h2 {
color: #263c91
}
.CaseStudies__SecurityLeaders__Content {
padding: 100px 48px;
max-width: 1260px;
margin: 0 auto
}
.CaseStudies__SecurityLeaders__Content.CRT {
padding: 25px 48px
}
.SecurityLeaders__VideoContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 50px
}
.SecurityLeaders__LeftCol {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 38px
}
.SecurityLeaders__LeftCol h3 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
letter-spacing: -.42px
}
.SecurityLeaders__LeftCol p {
font-size: 20px;
line-height: 30px;
font-weight: 400;
letter-spacing: 0
}
.SecurityLeaders__SubHeading {
font-size: 20px;
line-height: 30px;
font-weight: 600;
letter-spacing: 3px
}
.SecurityLeaders__VideoThumbnail {
position: relative
}
.SecurityLeaders__VideoThumbnail:after {
content: "";
width: 60px;
height: 60px;
position: absolute;
bottom: 30px;
right: 30px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='New Layer' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath data-name='Path 4266-2' d='M50 1.01c27.06 0 49 21.94 49 49s-21.94 49-49 49S1 77.06 1 50 22.94 1.01 50 1.01' fill='%23696de3'/%3E%3Cpath d='M1 50c0 27.06 21.94 49 49 49s49-21.94 49-49H1z' fill='%23787be6'/%3E%3Cpath data-name='Path 4268' d='M35.44 76.51c-.48 0-.95-.1-1.38-.3a2.726 2.726 0 01-1.65-2.45V26.22c.02-1.07.67-2.03 1.65-2.45 1.02-.47 2.21-.39 3.16.22l36.46 23.78a2.592 2.592 0 010 4.45L37.21 75.99a3.3 3.3 0 01-1.78.52' fill='%23f9f9f9'/%3E%3Cpath d='M32.41 50.24v23.52c.02 1.07.67 2.03 1.65 2.45.43.2.91.3 1.38.3h-.01a3.3 3.3 0 001.78-.52l36.47-23.77c.37-.22.67-.53.89-.89.21-.34.31-.71.35-1.09H32.41z' fill='%23e2dff4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;
display: none
}
.SecurityLeaders__VideoImage {
max-width: 100%;
position: relative
}
.SecurityLeaders__RightCol {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background: #f0f0fc;
padding: 70px
}
.SecurityLeaders__Quote p {
font-size: 24px;
line-height: 35px
}
.SecurityLeaders__QuoteTitle {
font-size: 20px;
line-height: 25px;
letter-spacing: 0
}
.SecurityLeaders__Logo {
text-align: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
margin-top: 15px;
margin-bottom: 15px;
cursor: pointer
}
.SecurityLeaders__Logo img {
width: 100%;
max-width: 80%
}
.SecurityLeaders__Logo.swiper-slide-thumb-active {
border-bottom: 13px solid #696de3
}
.SecurityLeaders__SwiperWrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width:767px) {
.CaseStudies__SecurityLeaders__Content.CRT {
padding: 20px 15px
}
.SecurityLeaders__VideoContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0
}
.SecurityLeaders__RightCol {
padding: 30px 15px
}
.SecurityLeaders__LeftCol {
margin: 0 0 20px
}
}
@media screen and (max-width:767px) {
.CaseStudy__Heading .industryHeading__Content {
display: block
}
.CaseStudy__Heading .industryHeading__Content h2 {
font-size: 52px;
line-height: 120%
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
margin-top: 30px
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .CaseStudyHero__Badge {
width: 100%;
max-width: 100%;
padding: 1em 2em;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
box-shadow: 0 0 8px rgba(0, 0, 0, .1);
margin: 20px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .g2 img {
max-width: 69%
}
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .gartner img,
.CaseStudy__Heading .industryHeading__Content .industryHeading__Row .CaseStudyHero__Badges .infotech img {
max-width: 100%
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__Heading .CaseStudyHero__Bottom .CaseStudyHero__MDRDifference .MDRDifference__TabContent h3 {
font-size: 27px
}
.CaseStudy__SoftwareReviews__Content {
padding: 75px 20px
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Logo {
margin-top: 30px;
text-align: center
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat {
padding: 35px;
margin-left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat .SoftwareReviews__StatText p {
margin-left: 0;
margin-top: 15px
}
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat .SoftwareReviews__StatNumber.fifth-stat svg,
.CaseStudy__SoftwareReviews__Content .SoftwareReviews__Row .SoftwareReviews__RightSide .SoftwareReviews__Stat .SoftwareReviews__StatNumber.third-stat svg {
max-width: 146px
}
.CaseStudy__Infotech__Content {
padding: 75px 20px
}
.CaseStudy__Infotech .Infotech__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__Infotech .Infotech__Row .Infotech__Copy {
padding-left: 0
}
.CaseStudy__Infotech__Badge {
margin-bottom: 35px
}
.CaseStudy__Infotech .Infotech__Copy a {
padding: 20px 35px
}
.CaseStudy__Infotech .Infotech__Copy img {
margin-left: 0;
margin-top: 30px
}
.CaseStudy__Infotech .Infotech__Badge {
margin-bottom: 30px
}
.CaseStudy__EmotionalFootprint__Content {
padding: 75px 20px
}
.CaseStudy__EmotionalFootprint__Content .EmotionalFootprint__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__EmotionalFootprint__Content .EmotionalFootprint__WordCloud {
padding-left: 0;
width: 100%;
margin-top: 50px
}
.CaseStudy__PeerReviews__Content {
padding: 75px 20px
}
.CaseStudy__PeerReviews__Content .PeerReviews__G2Slider .swiper-slide,
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerSlider .swiper-slide {
padding: 50px 30px
}
.CaseStudy__PeerReviews__Content .PeerReviews__ReadMore a {
padding: 15px 50px
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Row .GartnerBadges__Left {
width: 85%;
-ms-flex-item-align: start;
align-self: start;
margin-bottom: 30px
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Row .GartnerBadges__Middle {
padding-left: 0;
margin-left: 0;
border-left: 0;
margin-bottom: 30px
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Row .GartnerBadges__Middle img {
padding-left: 0;
border: none;
margin-left: 0
}
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Row .GartnerBadges__Right,
.CaseStudy__PeerReviews__Content .PeerReviews__GartnerBadges .GartnerBadges__Row .GartnerBadges__Right p {
text-align: left
}
.CaseStudy__ReportCards__Content {
padding: 75px 20px
}
.CaseStudy__ReportCards__Content .ReportCards__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudy__ReportCards__Content .ReportCards__Card {
margin-right: 0;
margin-bottom: 30px
}
.CaseStudy__ReportCards__Content .ReportCards__CardTop {
padding: 0
}
.CaseStudy__ReportCards__Content .ReportCards__CardTopCopy {
padding: 50px 25px 20px
}
.CaseStudy__ReportCards__Content .ReportCards__CardTopImage {
padding: 50px 25px
}
.CaseStudy__ReportCards__Content .ReportCards__CardBottom {
padding: 25px
}
.CaseStudy__IndustryBadges__Content {
padding: 75px 20px 100px
}
.CaseStudy__IndustryBadges__Content img {
width: 100%
}
.MiniQuote__CaseStudy.CaseStudyPage .MiniQuote__Content {
padding: 75px 20px 100px
}
.MiniQuote__CaseStudy.CaseStudyPage .MiniQuote__CaseStudyContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
.MiniQuote__CaseStudy.CaseStudyPage .MiniQuote__CaseStudy__Left,
.MiniQuote__CaseStudy.CaseStudyPage .MiniQuote__CaseStudy__Right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.CaseStudies {
padding: 0 15px
}
.CaseStudies__SecurityLeaders__Content {
padding: 75px 20px
}
.CaseStudies__SecurityLeaders__Content .SecurityLeaders__VideoContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 15px
}
.CaseStudies__SecurityLeaders__Content .SecurityLeaders__LeftCol {
margin-right: 0
}
.CaseStudies__SecurityLeaders__Content .SecurityLeaders__RightCol {
padding: 20px
}
.CaseStudies__SecurityLeaders__Content .SecurityLeaders__VideoText {
margin-bottom: 30px
}
.CaseStudies h2 {
font-size: 52px;
line-height: 120%
}
.CaseStudies__VideoRow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CaseStudies__VideoLeft,
.CaseStudies__VideoRight {
width: 100%
}
.CaseStudies__VideoRight {
margin-left: 0;
padding: 0
}
.CaseStudies__VideoRight svg {
margin: 15px
}
.CaseStudies__VideoRight p {
margin: 0 15px 15px
}
}
.EsentireInActionMulti {
margin: 0 0 75px;
position: relative;
padding: 75px 0 0
}
.EsentireInActionMulti__Background {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
pointer-events: none
}
.EsentireInActionMulti__Background:before {
content: "";
position: absolute;
top: -200px;
left: 0;
right: 0;
height: 2200px;
background: #ebe9f1;
-webkit-transform: skewY(-7deg);
transform: skewY(-7deg);
-webkit-transform-origin: top;
transform-origin: top;
z-index: -1
}
.EsentireInActionMulti__Content {
width: 100%;
max-width: 1096px;
margin: 0 auto
}
.EsentireInActionMulti__Content h2 {
color: #000;
font-size: 64px;
letter-spacing: -.025em;
line-height: 1em;
margin: 0 0 10px
}
.EsentireInActionMulti__Content h3 {
font-weight: 400;
font-size: 34px;
line-height: 48px;
letter-spacing: -.02em;
margin: 0 0 30px
}
.EsentireInActionMulti__Content p {
font-size: 24px;
letter-spacing: -.01em;
line-height: 40px;
margin: 0 0 32px
}
.EsentireInActionMulti__Slides {
position: relative;
margin-bottom: 27px
}
@media (min-width:0px) and (max-width:767px) {
.EsentireInActionMulti__Slides--Desktop {
display: none
}
}
.EsentireInActionMulti__Slide,
.EsentireInActionMulti__Slide-2 {
display: none;
opacity: 0;
visibility: hidden
}
.EsentireInActionMulti__Slide-2--Active,
.EsentireInActionMulti__Slide--Active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
visibility: visible
}
.EsentireInActionMulti__Slide-2 img,
.EsentireInActionMulti__Slide img {
width: 100%
}
.EsentireInActionMulti__MobileSlides {
position: relative;
margin-bottom: 30px
}
@media (min-width:767px) {
.EsentireInActionMulti__MobileSlides {
display: none
}
}
.EsentireInActionMulti__MobileSlides img {
width: 100%
}
.EsentireInActionMulti__MobileSlides a {
text-transform: uppercase;
background: #40c3d9;
color: #0e142b;
font-size: 16px;
letter-spacing: 1px;
padding: 5px 10px;
border-radius: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -17px auto 0;
max-width: 125px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1000;
position: absolute;
width: 100%;
bottom: -10px;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
cursor: pointer;
scroll-margin-top: 130px
}
.EsentireInActionMulti__MobileSlides a.drawerOpen span {
display: none
}
.EsentireInActionMulti__MobileSlides a.drawerOpen:before {
content: "View less"
}
.EsentireInActionMulti__MobileSlides a.drawerOpen svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.EsentireInActionMulti__MobileSlides a svg {
width: 100%;
max-width: 12px;
margin-left: 5px
}
@media (min-width:0px) and (max-width:767px) {
.EsentireInActionMulti {
padding: 75px 15px;
background: #ebe9f1
}
.EsentireInActionMulti h2 {
font-size: 44px;
line-height: 120%
}
}
.Leadership h2 {
color: #263c91
}
.Leadership-1 {
background-color: #f4f5f9;
padding-bottom: 50px
}
.Leadership-1 .Leadership__Cells {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 50px;
grid-row-gap: 30px
}
.Leadership-2 {
background-color: #f4f5f9
}
.Leadership-2 .Leadership__Content {
padding: 0 48px 100px
}
.Leadership-2 .Leadership__Cell h3 {
font-size: 20px;
line-height: 26px
}
.Leadership-2 .Leadership__Cells {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 40px;
grid-row-gap: 45px
}
.Leadership-3 .Leadership__Cell h3 {
font-size: 20px;
line-height: 26px
}
.Leadership-3 .Leadership__Cells {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 40px;
grid-row-gap: 45px
}
.Leadership-3 .Leadership__Cell:hover .Leadership__Picture:first-child {
display: block
}
.Leadership-3 .Leadership__Cell:hover .Leadership__Picture:nth-child(2) {
display: none
}
.Leadership__TopButtons {
max-width: 1344px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: -10px auto 0
}
.Leadership__TopButtons__Container a {
z-index: 1
}
.Leadership__TopButtons__Container a:first-child {
margin-right: 22px
}
.Leadership__Content {
width: 100%;
max-width: 1260px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 100px 48px 30px
}
.Leadership__Cells {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.Leadership__Cell-3 .Leadership__Picture {
width: 100%;
height: 285px
}
.Leadership__Cell-4 .Leadership__Picture {
width: 200px;
height: 230px
}
.Leadership__Cell-4 p {
color: #19234d;
font-size: 16px;
line-height: 24px;
margin: 0
}
.Leadership__Cell {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 2
}
.Leadership__Cell.leader {
cursor: pointer
}
.Leadership__Cell:last-child {
margin: 0
}
.Leadership__Cell .Leader-Info {
width: 100%
}
.Leadership__Cell .Leadership__Picture {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%
}
.Leadership__Cell .Leadership__Picture:nth-child(2) {
display: none
}
.Leadership__Cell h3 {
color: #19234d;
font-size: 24px;
font-weight: 700;
line-height: 27px;
margin: 10px 0
}
.Leadership__Cell .job-title {
color: #19234d;
font-size: 16px;
line-height: 24px;
margin: 0
}
.Leadership__Cell:hover .Leadership__Picture:nth-child(2) {
display: block
}
@media (min-width:0px) and (max-width:1200px) {
.Leadership__Cell-4 .Leadership__Picture {
width: 170px;
height: 170px
}
}
@media (min-width:0px) and (max-width:768px) {
.Leadership h2 {
text-align: center
}
.Leadership__Content {
padding: 75px 15px
}
.Leadership-1 .Leadership__Cells,
.Leadership-2 .Leadership__Cells {
grid-template-columns: 1fr;
grid-row-gap: 15px
}
.Leadership-1 {
padding-bottom: 12px
}
.Leadership-1 .Leadership__Content {
padding-bottom: 0
}
.Leadership-3 .Leadership__Cells {
grid-template-columns: 1fr;
grid-gap: 15px
}
.Leadership__Cell p {
max-width: 250px
}
.Leadership__Cell .Leader-Info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.Leadership__Cell-3 .Leadership__Picture,
.Leadership__Cell-4 .Leadership__Picture {
width: 250px;
height: 250px
}
}
#Board-of-Directors,
#Executive-Team {
scroll-margin-top: 100px
}
.PurpleCompleteResponse {
position: relative;
padding-top: 175px;
margin-top: -170px
}
.PurpleCompleteResponse__Background {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
pointer-events: none
}
.PurpleCompleteResponse__Background:before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1950px;
background: #3c2b77;
-webkit-transform: skewY(-7deg);
transform: skewY(-7deg);
-webkit-transform-origin: top;
transform-origin: top;
z-index: -1;
top: 120px
}
.PurpleCompleteResponse__Content {
width: 100%;
max-width: 1166px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 48px 450px
}
.PurpleCompleteResponse__Content h2 {
font-weight: 400;
font-size: 48px;
line-height: 1.1875em;
letter-spacing: -.02em;
max-width: 600px;
color: #fff;
margin: 0 0 35px
}
.PurpleCompleteResponse__SubTitle {
font-size: 38px;
line-height: 120%;
letter-spacing: -.01em;
font-weight: 400;
color: #fff;
opacity: .9;
margin: 0 0 35px
}
.PurpleCompleteResponse__Copy p {
font-size: 22px;
line-height: 35px;
margin: 0 0 35px;
color: hsla(0, 0%, 100%, .7);
max-width: 880px
}
.PurpleCompleteResponse__Table {
margin-bottom: 35px;
margin-left: -125px;
margin-right: -125px;
background: #19234d;
padding: 50px
}
.PurpleCompleteResponse__Grid {
display: grid;
grid-template-columns: 15% 40% 15% 15% 15%;
border-bottom: 1px solid #e2e2e2
}
.PurpleCompleteResponse__Grid svg {
width: 100%;
max-width: 22px
}
.PurpleCompleteResponse__Grid h4 {
color: #fff;
font-size: 23px;
font-weight: 400;
line-height: 25px;
margin: 0 0 15px
}
.PurpleCompleteResponse__Grid h5 {
color: #fff;
font-size: 18px;
font-weight: 400;
letter-spacing: .03em;
margin: 22px 0
}
.PurpleCompleteResponse__Grid:first-child {
border-bottom: 1px solid #e2e2e2;
padding-top: 15px
}
.PurpleCompleteResponse__Grid:first-child .PurpleCompleteResponse__Grid__Technology {
padding-left: 15px
}
.PurpleCompleteResponse__Grid:first-child .PurpleCompleteResponse__Grid__Detection h4,
.PurpleCompleteResponse__Grid:first-child .PurpleCompleteResponse__Grid__Investigation h4,
.PurpleCompleteResponse__Grid:first-child .PurpleCompleteResponse__Grid__Response h4 {
text-align: center
}
.PurpleCompleteResponse__Grid:last-child {
border-bottom: 2px solid #e2e2e2
}
.PurpleCompleteResponse__Grid__Technology {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.PurpleCompleteResponse__Grid__Technology img {
background: #fff;
border-radius: 1px;
width: 100%;
max-width: 90px;
margin-right: 3px;
max-width: 75px
}
.PurpleCompleteResponse__Grid__Checks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.PurpleCompleteResponse__Grid__Detection,
.PurpleCompleteResponse__Grid__Investigation,
.PurpleCompleteResponse__Grid__Signals,
.PurpleCompleteResponse__Grid__Technology {
border-right: 1px solid #e2e2e2
}
.PurpleCompleteResponse__Grid__Technology {
padding-left: 12px
}
.PurpleCompleteResponse__ResponseFeatures {
margin-bottom: 75px
}
.PurpleCompleteResponse__ResponseFeaturesParagraph {
font-size: 22px;
line-height: 35px;
margin: 0 0 35px;
color: hsla(0, 0%, 100%, .7)
}
.PurpleCompleteResponse__ResponseFeaturesCards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.PurpleCompleteResponse__ResponseFeaturesCard {
max-width: 33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
text-align: center;
margin-right: 10px
}
.PurpleCompleteResponse__ResponseFeaturesCard:last-child {
margin-right: 0
}
.PurpleCompleteResponse__ResponseFeaturesCardBox {
background-color: #19234d;
border: 1px solid rgba(37, 224, 249, .3);
border-radius: 16px;
padding: 32px 30px 0;
height: 100%
}
.PurpleCompleteResponse__ResponseFeaturesCardBox svg {
width: 100%;
max-width: 55px
}
.PurpleCompleteResponse__ResponseFeaturesCardBox h4 {
text-transform: uppercase;
color: #40c3d9;
font-weight: 500;
letter-spacing: 2px;
font-size: 18px;
line-height: 20px;
margin: 0
}
.PurpleCompleteResponse__ResponseFeaturesCardBox h5 {
margin: 0 0 5px;
text-transform: uppercase;
color: #40c3d9;
font-weight: 400;
letter-spacing: 2px;
font-size: 17px;
line-height: 20px
}
.PurpleCompleteResponse__ResponseFeaturesCardBox h3 {
font-size: 20px;
font-weight: 400;
line-height: 120%;
color: #fff
}
.PurpleCompleteResponse__ResponseFeaturesCardBox p {
color: hsla(0, 0%, 100%, .8);
margin: 0;
font-size: 15px;
line-height: 120%
}
@media (min-width:767px) {
.PurpleCompleteResponse__Grid__Signals__MobileLabel {
display: none
}
}
@media (min-width:0px) and (max-width:767px) {
.PurpleCompleteResponse {
padding-top: 110px;
margin-top: -100px
}
.PurpleCompleteResponse__Grid__Technology {
display: none
}
.PurpleCompleteResponse__Grid {
grid-template-columns: 25% 25% 25% 25%
}
.PurpleCompleteResponse__Grid__Detection h4,
.PurpleCompleteResponse__Grid__Investigation h4,
.PurpleCompleteResponse__Grid__Response h4 {
font-size: 18px;
line-height: 22px
}
.PurpleCompleteResponse__Grid:first-child .PurpleCompleteResponse__Grid__Detection,
.PurpleCompleteResponse__Grid:first-child .PurpleCompleteResponse__Grid__Investigation,
.PurpleCompleteResponse__Grid:first-child .PurpleCompleteResponse__Grid__Response {
padding-left: 0;
text-align: center
}
.PurpleCompleteResponse__Grid__Signals h5 {
font-size: 16px;
margin-bottom: 10px
}
.PurpleCompleteResponse__Grid__Signals__MobileLabel h5 {
color: #40c3d9;
font-size: 13px;
line-height: 14px;
margin: 0 0 5px
}
.PurpleCompleteResponse__Grid__Signals__MobileLabel p {
margin: 0 0 5px;
color: hsla(0, 0%, 100%, .7);
font-size: 13px
}
.PurpleCompleteResponse__Grid__Signals__MobileLabel p:last-child {
margin-bottom: 20px
}
.PurpleCompleteResponse__Background:before {
height: 100%
}
.PurpleCompleteResponse__Content {
padding: 70px 15px 450px
}
.PurpleCompleteResponse__ResponseFeaturesCards {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.PurpleCompleteResponse__ResponseFeaturesCard {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0 0 20px
}
.PurpleCompleteResponse__ResponseFeaturesCardBox {
padding: 32px 30px
}
.PurpleCompleteResponse__Table {
margin-left: -27px;
margin-right: -27px;
padding: 15px 5px
}
}
@media (min-width:0px) and (max-width:475px) {
.PurpleCompleteResponse__Grid {
grid-template-columns: 30% 23% 23% 23%
}
.PurpleCompleteResponse__Grid__Detection,
.PurpleCompleteResponse__Grid__Investigation,
.PurpleCompleteResponse__Grid__Response {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.PurpleCompleteResponse__Grid__Detection h4,
.PurpleCompleteResponse__Grid__Investigation h4,
.PurpleCompleteResponse__Grid__Response h4 {
font-size: 13px;
line-height: 22px;
margin-bottom: 0
}
}
.CTA {
position: relative;
z-index: 10;
margin-top: 48px;
padding: 0 48px;
-webkit-filter: blur(6px);
filter: blur(6px)
}
@media screen and (max-width:1063px) {
.CTA {
padding: 0 24px
}
}
.CTA__Content {
max-width: 1115px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
background: #202c6d;
color: #fff;
border-radius: 8px;
padding: 30px 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.CTA__Content h3 {
font-weight: 700;
font-size: 24px;
line-height: 29px;
letter-spacing: -.02em;
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: left;
padding-right: 20px
}
@media screen and (max-width:767px) {
.CTA__Content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 25px
}
.CTA__Content h3 {
text-align: center;
padding: 0;
max-width: 500px;
margin: 0 auto 18px
}
}
.CTA__Button {
background: #40c3d9;
color: #071738;
font-size: 20px;
line-height: 24px;
-webkit-box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
border-radius: 4px;
padding: 10px 50px;
min-width: 290px;
height: 64px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none
}
.CTA__Button:hover {
background: #61cee2
}
.DualBlocks {
-webkit-filter: blur(6px);
filter: blur(6px)
}
.DualBlocks__Content {
width: 100%;
max-width: 1212px;
padding: 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 65px auto 0
}
@media screen and (max-width:1063px) {
.DualBlocks__Content {
padding: 0 24px
}
}
@media screen and (max-width:767px) {
.DualBlocks__Content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media screen and (max-width:639px) {
.DualBlocks__Content {
margin-top: 45px
}
}
.DualBlocks__UseCases {
position: relative
}
.DualBlocks__UseCases .DualBlocks__Background {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
pointer-events: none
}
.DualBlocks__UseCases .DualBlocks__Background:before {
content: "";
position: absolute;
bottom: -200px;
left: 0;
right: 0;
height: 1000px;
background: #ebe9f1;
-webkit-transform: skewY(7deg);
transform: skewY(7deg);
-webkit-transform-origin: top;
transform-origin: top;
z-index: -1
}
@media screen and (max-width:1441px) {
.DualBlocks__UseCases .DualBlocks__HeadingWrapper {
min-height: 100%
}
.DualBlocks__UseCases .DualBlocks__Graphic img,
.DualBlocks__UseCases .DualBlocks__Graphic svg {
margin-bottom: 35px
}
}
.DualBlocks__HeadingCopy {
max-width: 1100px;
margin: 75px auto 0
}
@media screen and (max-width:767px) {
.DualBlocks__HeadingCopy {
padding: 0 24px
}
}
.DualBlocks__HeadingCopy h2 {
font-weight: 900;
font-size: 72px;
line-height: 75px;
letter-spacing: -.025em;
color: #000;
margin: 0 0 30px
}
@media screen and (max-width:639px) {
.DualBlocks__HeadingCopy h2 {
font-size: 48px;
line-height: 1.14em;
margin-bottom: 30px
}
}
.DualBlocks__HeadingCopy p {
font-size: 24px;
line-height: 34px;
letter-spacing: -.02em;
color: rgba(0, 0, 0, .8);
margin: 0 0 35px
}
@media screen and (max-width:1063px) {
.DualBlocks__HeadingCopy p {
font-size: 20px;
line-height: 28px
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.DualBlocks__HeadingCopy p {
font-size: 18px;
line-height: 26px
}
}
@media screen and (max-width:359px) {
.DualBlocks__HeadingCopy p {
font-size: 18px;
line-height: 26px
}
}
.DualBlocks.Margin-top-100 {
margin-top: 100px
}
.DualBlocks__RealVsFake {
margin-bottom: 50px
}
.DualBlocks__RealVsFake .DualBlocks__Graphic {
margin-bottom: 30px;
padding: 0 50px
}
@media screen and (max-width:767px) {
.DualBlocks__RealVsFake .DualBlocks__Graphic {
padding: 0
}
}
@media screen and (min-width:767px) {
.DualBlocks__DFIR h4 {
height: 114px
}
}
.DualBlocks__Home {
margin-bottom: 75px
}
.DualBlocks__Home .DualBlocks__HeadingWrapper {
margin-bottom: 0
}
.DualBlocks__Home .DualBlocks__Content {
margin-top: 50px
}
.DualBlocks__Home .DualBlocks__BottomCta {
max-width: 1100px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width:767px) {
.DualBlocks__Home .DualBlocks__BottomCta {
padding: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.DualBlocks__Home .DualBlocks__BottomCta__Left h4 {
font-size: 30px;
margin-bottom: 12px
}
.DualBlocks__Home .DualBlocks__BottomCta__Right {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0
}
.DualBlocks__Home .DualBlocks__BottomCta__Right a {
padding: 15px 10px;
font-size: 17px;
width: auto
}
}
.DualBlocks__Block {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 43, 119, .5)), color-stop(150.19%, rgba(60, 43, 119, 0))), #0e142b;
background: linear-gradient(180deg, rgba(60, 43, 119, .5), rgba(60, 43, 119, 0) 150.19%), #0e142b;
border: 1px solid rgba(64, 195, 217, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
border-radius: 8px;
border-bottom-right-radius: 64px;
width: calc(50% - 16px);
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
text-align: center;
padding: 30px 0 60px;
margin: 0 auto 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:767px) {
.DualBlocks__Block {
width: auto;
max-width: 540px
}
}
.DualBlocks__TopSubHeading {
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: .275em;
color: #40c3d9;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin: 0 0 3px;
padding: 0 32px;
min-height: 57px
}
.DualBlocks__HeadingWrapper {
min-height: 100px;
margin-bottom: 20px
}
@media screen and (max-width:1441px) {
.DualBlocks__HeadingWrapper {
min-height: 120px
}
}
@media screen and (max-width:1063px) and (min-width:768px) {
.DualBlocks__HeadingWrapper {
min-height: 80px
}
}
.DualBlocks h4 {
font-weight: 400;
font-size: 32px;
line-height: 38px;
letter-spacing: -.02em;
color: #fff;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin: 0 0 10px;
padding: 0 32px
}
@media screen and (max-width:1063px) and (min-width:768px) {
.DualBlocks h4 {
font-size: 26px;
line-height: 29px;
margin-bottom: 6px;
padding: 0 24px
}
}
@media screen and (max-width:639px) {
.DualBlocks h4 {
font-size: 26px;
line-height: 29px;
margin-bottom: 6px;
padding: 0 24px
}
}
.DualBlocks__SubHeading {
font-weight: 400;
font-size: 24px;
line-height: 29px;
letter-spacing: -.02em;
color: #40c3d9;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin: 0;
padding: 0 32px
}
@media screen and (max-width:1063px) and (min-width:768px) {
.DualBlocks__SubHeading {
font-size: 20px;
line-height: 23px;
padding: 0 24px
}
}
@media screen and (max-width:639px) {
.DualBlocks__SubHeading {
font-size: 20px;
line-height: 23px;
padding: 0 24px
}
}
.DualBlocks__Graphic {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 20px;
min-height: 88px
}
.DualBlocks__Graphic img,
.DualBlocks__Graphic svg {
max-width: 100%;
height: auto
}
@media screen and (max-width:1063px) and (min-width:768px) {
.DualBlocks__Graphic {
padding: 0 8px
}
}
@media screen and (max-width:639px) {
.DualBlocks__Graphic {
padding: 0 8px
}
}
.DualBlocks__Paragraph {
font-size: 24px;
line-height: 1.5em;
text-align: center;
letter-spacing: -.01em;
color: hsla(0, 0%, 100%, .8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 13px 0 50px;
padding: 0 40px
}
@media screen and (max-width:1063px) and (min-width:768px) {
.DualBlocks__Paragraph {
font-size: 20px;
padding: 0 24px
}
}
@media screen and (max-width:639px) {
.DualBlocks__Paragraph {
font-size: 20px;
padding: 0 24px
}
}
.DualBlocks__Button {
background: #40c3d9;
-webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, .5);
box-shadow: 4px 4px 0 rgba(0, 0, 0, .5);
border-radius: 4px;
font-size: 24px;
line-height: 29px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 16px 24px;
letter-spacing: -.01em;
color: #0e142b;
-ms-flex-item-align: center;
align-self: center;
text-decoration: none;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.DualBlocks__Button:hover {
background: #61cee2
}
@media screen and (max-width:359px) {
.DualBlocks__Button {
font-size: 20px;
line-height: 23px;
padding: 12px 16px;
width: calc(100% - 24px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 12px
}
}
.DualBlocks__BottomCta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1105px;
width: 100%;
height: 125px;
padding: 0 35px 0 53px;
-webkit-box-sizing: border-box;
background: #edeaf3;
box-sizing: border-box;
-webkit-box-shadow: 0 4px 16px rgba(37, 224, 249, .1);
box-shadow: 0 4px 16px rgba(37, 224, 249, .1);
border-radius: 8px;
margin: 0 auto 35px
}
@media screen and (max-width:767px) {
.DualBlocks__BottomCta {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 25px 35px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: center
}
}
.DualBlocks__BottomCta__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.DualBlocks__BottomCta__Left h4 {
font-weight: 500;
font-size: 34px;
line-height: 120.3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: -.02em;
color: #000;
margin: 0;
padding: 0
}
.DualBlocks__BottomCta__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 360px;
flex: 0 1 360px;
margin-left: 30px
}
.DualBlocks__BottomCta__Right a {
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
font-weight: 500;
font-size: 20px;
line-height: 24px;
letter-spacing: -.01em;
color: #fff;
background: #3c2b77;
-webkit-box-shadow: 4.47059px 4.47059px 0 #000;
box-shadow: 4.47059px 4.47059px 0 #000;
border-radius: 4px;
text-align: center;
padding: 15px 0
}
.DualBlocks__BottomCta__Right a:hover {
background: #263c91
}
.FeaturedReviews {
-webkit-filter: blur(6px);
filter: blur(6px)
}
.FeaturedReviews__Content {
max-width: 1100px;
margin: 0 auto 75px;
border: 1px solid #3c2b77;
border-radius: 8px 8px 64px 8px
}
.FeaturedReviews__ContentBox {
padding: 62px 65px 38px
}
.FeaturedReviews__Content h2 {
font-weight: 900;
font-size: 50px;
line-height: 120%;
letter-spacing: -.025em;
color: #000;
margin: 0 auto 40px;
text-align: center;
max-width: 768px
}
.FeaturedReviews__CardContainer {
margin: 0 -115px
}
.FeaturedReviews__Cards {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.FeaturedReviews__Card,
.FeaturedReviews__Cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.FeaturedReviews__Card {
max-width: 33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
margin-right: 20px;
background-color: #edeaf3;
border-radius: 16px;
border: 2px solid #3c2b77;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.FeaturedReviews__Card:last-child {
margin-right: 0
}
.FeaturedReviews__CardBox {
padding: 27px 30px
}
.FeaturedReviews__CardBox svg {
max-width: 110px;
width: 100%;
margin: 0 0 20px
}
.FeaturedReviews__CardBox h4 {
color: #3c2b77;
font-weight: 500;
font-size: 28px;
line-height: 120%;
margin: 0 0 25px
}
.FeaturedReviews__CardBox p {
color: #19234d;
font-size: 16px;
line-height: 120%;
margin: 0 0 3px
}
.FeaturedReviews__CardBoxBtn {
cursor: pointer;
color: #081639;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 20px;
letter-spacing: -.01em;
color: #6d3caf;
white-space: nowrap;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
display: block;
margin: 0 30px 27px
}
.FeaturedReviews__CardBoxBtn:hover {
color: #263c91
}
.FeaturedReviews__Bottom {
text-align: center;
margin: 30px auto 0;
max-width: 875px
}
.FeaturedReviews__Bottom hr {
border-color: #3c2b77;
margin: 15px 0 30px
}
.FeaturedReviews__BottomCopy p {
font-size: 24px;
line-height: 34px;
letter-spacing: -.02em;
color: rgba(0, 0, 0, .5);
margin: 0 0 35px
}
.FeaturedReviews__BottomCopy a {
color: #40c3d9
}
.FeaturedReviews__BottomCta {
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
font-size: 20px;
line-height: 24px;
letter-spacing: -.01em;
color: #fff;
background: #3c2b77;
-webkit-box-shadow: 4.47059px 4.47059px 0 #000;
box-shadow: 4.47059px 4.47059px 0 #000;
border-radius: 4px;
text-align: center;
padding: 15px 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto
}
.FeaturedReviews__BottomCta:hover {
background: #263c91
}
.FeaturedReviews__Icons img {
width: 100%;
max-width: 700px
}
.FeaturedReviews__IconsMobile {
display: none
}
@media screen and (max-width:639px) {
.FeaturedReviews__Content {
padding: 15px 0 35px;
border-radius: 8px 8px 37px 8px
}
.FeaturedReviews__ContentBox {
padding: 0
}
.FeaturedReviews__Content h2 {
font-size: 40px;
line-height: 1.14em;
margin-bottom: 30px
}
.FeaturedReviews__CardContainer {
margin: 0
}
.FeaturedReviews__Cards {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.FeaturedReviews__Card {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0 0 20px
}
.FeaturedReviews__IconsMobile {
display: block
}
.FeaturedReviews__IconsDesktop {
display: none
}
}
.ContactForm.ContactForm__Insurance .ContactForm__Heading h3 {
font-size: 53px;
line-height: 60px
}
.ContactForm.ContactForm__Retail .ContactForm__Heading {
max-width: 768px
}
.ContactForm.ContactForm__Retail .ContactForm__Heading h3 {
font-size: 53px;
line-height: 60px
}
.ContactForm.ContactForm__Compliance .ContactForm__Heading {
max-width: 825px
}
.ContactForm.ContactForm__Compliance .ContactForm__Heading h3 {
font-size: 53px;
line-height: 60px
}
.ContactForm.ContactForm__TRU .ContactForm__Form {
background: #0d031e
}
.ContactForm__Assessment .ContactForm__Heading {
max-width: 896px
}
.ContactForm__Assessment .ContactForm__Heading p {
max-width: 620px;
margin: 0 auto
}
.ContactForm__Assessment .CheckGroup__Label p {
text-align: left;
margin-left: 7px
}
.ContactForm__Heading {
margin: 0 auto;
max-width: 698px;
text-align: center;
padding: 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ContactForm__Heading h3 {
font-size: 64px;
line-height: 69px;
letter-spacing: -2px;
color: #061638;
margin: 0 0 28px
}
@media screen and (max-width:639px) {
.ContactForm__Heading h3 {
font-size: 52px;
line-height: 57px;
margin: 0 0 18px
}
}
.ContactForm__Heading p {
margin: 0;
font-size: 24px;
line-height: 32px;
letter-spacing: -.02em;
color: rgba(0, 0, 0, .5)
}
@media screen and (max-width:639px) {
.ContactForm__Heading p {
font-size: 20px;
line-height: 28px
}
}
.ContactForm__Heading-CopyMax {
max-width: 100%
}
.ContactForm__Heading-CopyMax h3 {
max-width: 698px;
margin: 0 auto 28px
}
.ContactForm__Heading-CopyMax p {
max-width: 992px;
margin: 0 auto
}
.ContactForm__Mitre .ContactForm__Heading {
max-width: 768px
}
.ContactForm__Form {
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(159.69deg, #293f97 7.31%, #6d3caf 43%);
padding: 0 24px 200px
}
@media screen and (max-width:639px) {
.ContactForm__Form {
padding: 0 12px 100px
}
}
.ContactForm__Iframe {
border: none;
min-height: 750px;
width: 100%
}
@media screen and (max-width:767px) {
.ContactForm__Iframe {
min-height: 950px
}
}
.ContactForm__Iframe.ContactForm__IframeBAQ--Mobile {
display: none
}
@media screen and (max-width:767px) {
.ContactForm__Iframe.ContactForm__IframeBAQ {
min-height: 1710px !important
}
.ContactForm__Iframe.ContactForm__IframeBAQ--Mobile {
display: block
}
.ContactForm__Iframe.ContactForm__IframeBAQ--Desktop {
display: none
}
}
.ContactForm__Iframe.ContactForm__IframeBAQ {
min-height: 1440px;
min-height: 1340px
}
.ContactForm__Iframe.ContactForm__IframeCalculator {
min-height: 390px
}
.ContactForm__QuoteForm h3 {
margin-bottom: 0
}
.ContactForm__BackgroundTransition {
z-index: 1;
position: relative;
width: 100%
}
.ContactForm__BackgroundTransition svg {
position: absolute;
width: 100vw;
top: 0;
left: 50%;
margin-left: -50vw
}
.ContactForm__Content {
position: relative;
z-index: 5;
max-width: 890px;
width: 100%;
margin: 65px auto 0;
background: #fff;
border: 1px solid #dcdcdc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 16px;
padding: 55px
}
@media screen and (max-width:767px) {
.ContactForm__Content {
padding: 55px 25px
}
}
@media screen and (max-width:639px) {
.ContactForm__Content {
padding: 35px 20px
}
}
@media screen and (max-width:359px) {
.ContactForm__Content {
padding: 35px 12px
}
}
.ContactForm__Content p.email-error,
.ContactForm__Content p.message-error {
color: #d22127;
display: none;
font-size: 15px;
font-weight: 400;
line-height: 17px;
margin: 10px 0
}
.ContactForm__Content p.email-error.enabled,
.ContactForm__Content p.message-error.enabled {
display: block
}
.ContactForm__Content p.message-error {
margin: 10px 0 0
}
.ContactForm__ErrorContainer {
display: none
}
.ContactForm__ErrorContainer.enabled {
display: block
}
.ContactForm__ErrorContainer p.email-error {
margin-bottom: 0
}
.ContactForm__FormFields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px
}
@media screen and (max-width:639px) {
.ContactForm__FormFields {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.ContactForm__ExtraFields {
left: -9999px;
position: absolute;
top: -9999px
}
.ContactForm__Recaptcha {
margin-top: 1rem
}
.ContactForm__Field {
grid-column: span 1/span 1
}
.ContactForm__Field--Wide {
grid-column: span 2/span 2
}
.ContactForm__Field--Wide.Checkboxes {
grid-column: span 1/span 2
}
.ContactForm__Field--Wide.Checkboxes .CheckGroup__Label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
cursor: pointer
}
.ContactForm__Field--Wide.Checkboxes .CheckGroup__Label span {
text-align: left
}
@media screen and (max-width:639px) {
.ContactForm__Field--Wide {
grid-column: span 1/span 1
}
}
.ContactForm__Select {
position: relative;
border: 1px solid #dadce8;
width: 100%;
height: 64px;
background: #fff
}
.ContactForm__Select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: ibm-plex-sans, sans-serif;
font-style: normal;
font-weight: 400;
background: none transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
width: 100%;
height: 64px;
border: none;
font-size: 16px;
color: rgba(2, 0, 38, .4)
}
.ContactForm__Select:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.ContactForm__Select .RequiredMarker {
content: "";
display: block;
position: absolute;
z-index: 5;
top: 50%;
margin-top: -4px;
right: 26px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #263c91;
margin-right: 10px
}
.ContactForm__Button {
margin-top: 22px;
font-family: Effra;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #263c91;
-webkit-box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
border-radius: 4px;
padding: 11px 30px;
color: #fff;
cursor: pointer
}
@media screen and (max-width:767px) {
.ContactForm__Button {
height: auto
}
}
.ContactForm__DisclaimerBottom,
.ContactForm__PrivacyNote {
color: rgba(2, 0, 38, .4);
text-align: left;
font-size: 12px;
line-height: 120%;
margin: 20px 0 !important
}
.ContactForm__DisclaimerBottom a,
.ContactForm__PrivacyNote a {
color: #263c91
}
.ContactForm__ImageGrid {
display: grid;
grid-template-columns: 1fr 1fr;
justify-items: center
}
.ContactForm__ImageGrid img {
max-width: 135px;
width: 100%
}
@media screen and (max-width:767px) {
.ContactForm__ImageGrid img {
max-width: 100px
}
}
.ContactForm__ImageGridSingle {
text-align: center
}
.ContactForm__ImageGridSingle img {
max-width: 135px;
width: 100%
}
@media screen and (max-width:767px) {
.ContactForm__ImageGridSingle img {
max-width: 100px
}
}
.ContactForm__ImageGridSingleTop {
text-align: center
}
.ContactForm__ImageGridSingleTop img {
max-width: 225px;
margin: 40px 0 35px
}
.ContactForm__ImageCopy {
margin: 12px 0 50px !important;
color: #fff !important;
text-align: center;
font-size: 15px !important
}
.ContactForm__BuildAQuoteCustomFrame {
min-height: 1380px !important;
padding: 50px 40px
}
.ContactForm__BuildAQuoteCustomFrame--Mobile {
display: none
}
@media screen and (max-width:767px) {
.ContactForm__BuildAQuoteCustomFrame {
min-height: 1375px !important
}
.ContactForm__BuildAQuoteCustomFrame--Mobile {
display: block
}
.ContactForm__BuildAQuoteCustomFrame--Desktop {
display: none
}
}
.ContactForm__BorderBox {
background-color: #0e142b;
border: 1px solid #40c3d9;
border-radius: 8px;
padding: 14px;
margin-bottom: 25px
}
.ContactForm__BorderBox h3 {
margin: 0
}
.ContactForm__BorderBox h4 {
color: #fff;
margin: 0 0 10px;
font-size: 17px;
line-height: 20px
}
.ContactForm__BorderBox a {
margin: 0 !important
}
.ContactForm__BorderBox a p {
color: hsla(0, 0%, 100%, .7);
font-size: 17px !important
}
.ContactForm__BorderBox.ContactForm__BorderBoxWithCta {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ContactForm__BorderBox.ContactForm__BorderBoxWithCta h4 {
margin: 0;
font-size: 15px
}
.ContactForm__BorderBox.ContactForm__BorderBoxWithCta a {
background: #40c3d9;
color: #0e142b;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 8px;
margin: 4px 0 0;
max-width: 100px;
justify-self: flex-end;
padding: 15px
}
@media screen and (max-width:767px) {
.ContactForm__BorderBox.ContactForm__BorderBoxWithCta {
display: block
}
.ContactForm__BorderBox.ContactForm__BorderBoxWithCta h4 {
margin-bottom: 12px
}
.ContactForm__BorderBox.ContactForm__BorderBoxWithCta a {
padding: 8px
}
}
.ContactForm__Inquiries {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5px
}
@media screen and (max-width:767px) {
.ContactForm__Inquiries {
display: block
}
}
.ContactForm__Inquiries p {
color: #fff;
font-size: 19px !important;
font-weight: 500;
margin-top: 4px !important
}
.ContactForm__Inquiries a {
color: hsla(0, 0%, 100%, .7)
}
.ContactForm__LeftHeadings {
color: #fff;
font-size: 19px !important;
font-weight: 500;
margin: 30px 0 10px
}
.ContactForm__Badges {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 30px 0 0;
grid-gap: 22px
}
.ContactForm__Badges a {
background-color: #0e142b;
border-radius: 8px;
padding: 22px;
margin-bottom: 0 !important
}
.ContactForm__Badges a img {
width: 100%
}
.ContactForm__Main {
text-align: center;
padding: 50px 0
}
.ContactForm__Main h1.ContactFrom__Heading {
font-size: 44px;
line-height: 120%;
margin: 0 0 10px
}
.ContactForm__Main p {
margin: 0;
font-size: 22px;
line-height: 120%
}
.BAPForm {
position: relative;
padding-bottom: 75px
}
.BAPForm__Background {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
pointer-events: none
}
.BAPForm__Background:before {
content: "";
position: absolute;
bottom: -150px;
left: 0;
right: 0;
height: 1600px;
background: rgba(64, 195, 217, .2);
-webkit-transform: skewY(-7deg);
transform: skewY(-7deg);
-webkit-transform-origin: top;
transform-origin: top;
z-index: -1
}
.BAPForm__Left {
padding-right: 25px;
z-index: 1
}
.BAPForm__Content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1248px;
margin: 0 auto
}
.BAPForm__PartnerForm {
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%
}
.BAPForm__PartnerForm .ContactForm__Content {
border-color: #40c3d9;
margin-top: 0
}
.BAPForm__QuoteBox {
border: 1px solid #40c3d9;
border-radius: 16px;
background: #fff;
padding: 26px;
margin-bottom: 25px;
min-height: 354px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.BAPForm__QuoteBox img {
width: 100%;
max-width: 200px;
margin-bottom: 20px
}
.BAPForm__QuoteBox p {
font-size: 19px;
font-style: italic;
line-height: 125%;
margin: 0 0 10px
}
.BAPForm__QuoteBox h3 {
color: #263c91;
font-size: 21px;
margin: 0 0 4px
}
.BAPForm__QuoteBox h4 {
color: #263c91;
margin: 0;
font-style: italic;
font-weight: 400;
font-size: 18px
}
.BAPForm__QuoteBox:last-child {
margin-bottom: 0
}
@media screen and (max-width:767px) {
.BAPForm__Content {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 0 25px
}
.BAPForm__Left {
padding-right: 0;
margin-top: 25px
}
.BAPForm__PartnerForm {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
.ContactForm__Content.ContactForm__Iframe {
border-radius: 16px;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 1204px;
padding: 0
}
.ContactForm__Content.ContactForm__Iframe.ContactForm__BAQMainIframe {
max-width: 1024px
}
@media screen and (max-width:767px) {
.ContactForm__Content.ContactForm__Iframe {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.ContactForm__Content.ContactForm__Iframe iframe {
border: none;
min-height: 775px;
padding: 27px;
width: 100%
}
@media screen and (max-width:767px) {
.ContactForm__Content.ContactForm__Iframe iframe {
padding: 20px 0;
min-height: 850px
}
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy {
background-color: #1c1b41;
border-radius: 16px 0 0 16px;
padding: 50px 40px;
-webkit-box-flex: 0;
-ms-flex: 0 0 400px;
flex: 0 0 400px
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopyBAQ {
-webkit-box-flex: 0;
-ms-flex: 0 0 361px;
flex: 0 0 361px;
background-color: #071738
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopyGetStarted {
margin-top: 20px
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopyGetStarted p {
color: hsla(0, 0%, 100%, .7);
margin: 0 0 0 8px !important;
font-size: 17px !important
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopyDesktop.ContactForm__LinkImage {
display: block
}
@media screen and (max-width:767px) {
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopyDesktopBAQ {
display: none !important
}
}
@media screen and (max-width:767px) {
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy {
border-radius: 16px
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopyDesktop {
display: none
}
}
@media screen and (min-width:767px) {
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopyMobile {
display: none
}
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy h2 {
color: #fff;
font-size: 35px;
line-height: 39px;
margin: 0 0 20px
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy h3 {
color: hsla(0, 0%, 100%, .7);
font-weight: 400;
font-size: 16px;
line-height: 20px;
margin: 40px 0 7px
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy hr {
max-width: 100px;
margin-left: 0;
border-color: #40c3d9
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy p {
margin: 20px 0 0;
font-size: 19px;
line-height: 28px
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 7px
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy a svg {
max-width: 25px;
width: 100%
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopy a p {
margin: 0 0 0 6px
}
.ContactForm__Content.ContactForm__Iframe .ContactForm__IframeSideCopyBtn {
background: #40c3d9;
color: #000;
padding: 7px 18px;
border-radius: 8px;
margin-top: 16px;
display: block;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
font-weight: 500
}
.sf-InputGroup {
--MarkerColor: #263c91
}
.sf-InputGroup__Error {
--MarkerColor: #e91b65
}
.sf-InputGroup__Error.ContactForm__Select .RequiredMarker {
background: #e91b65
}
.sf-InputGroup__RequiredMarker {
background: var(--MarkerColor) !important
}
.CheckGroup__Error label p,
.CheckGroup__Error label span {
color: #e91b65
}
.CheckGroup__Checkbox:checked+.CheckGroup__Label p {
color: #020026
}
@media screen and (max-width:950px) {
.CheckGroup__Label {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.CheckGroup__Label:before {
margin-top: 1px
}
}
.CheckGroup__Label--Left span {
text-align: left !important
}
.CheckGroup__Label p {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: right;
color: rgba(2, 0, 38, .4);
-webkit-transition: all .15s;
transition: all .15s;
margin: 0
}
.CheckGroup__Label p span {
white-space: nowrap
}
@media screen and (max-width:950px) {
.CheckGroup__Label p {
text-align: left;
padding-left: 10px
}
}
@media screen and (max-width:359px) {
.CheckGroup__Label p {
text-size: 13px
}
.CheckGroup__Label p span {
white-space: normal
}
}
.homepage section {
padding: 75px 0
}
.homepage section h2 {
margin: 0 auto 40px
}
.Intro__Content {
padding-bottom: 150px
}
.Intro__NewsCard {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 320px;
padding: 20px 22px
}
.Intro__NewsCard h6 {
color: #19234d;
font-size: 14px;
letter-spacing: 1.8px;
line-height: 22px;
margin: 0 0 30px
}
.Intro__NewsCard h4 {
color: #263c91;
font-size: 22px;
font-weight: 600;
line-height: 28px;
margin: 0 0 8px
}
.Intro__NewsCard p {
font-size: 12px;
line-height: 18px;
margin: 0 0 20px
}
.Intro__NewsCard a {
color: #5063f9;
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin: 0;
letter-spacing: 1px;
text-transform: uppercase
}
.Intro__News__Content {
width: 100%;
position: relative;
overflow: hidden;
height: 400px
}
.Intro__NewsNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 40px
}
.Intro__NewsNav .swiper-button-prev {
margin-bottom: 40px
}
.Intro__NewsNav .swiper-button-next,
.Intro__NewsNav .swiper-button-prev {
border: 2px solid #fff;
padding: 0 7px;
position: inherit
}
.Intro__NewsNav .swiper-button-next:after,
.Intro__NewsNav .swiper-button-prev:after {
color: #fff;
font-size: 22px
}
.Intro__NewsGrid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width:767px) {
.Intro__NewsNav {
margin-right: 10px
}
}
.BuildingResilience {
background-size: contain;
width: 100%;
position: relative;
background: #000;
padding: 0 !important;
margin-top: -2px
}
.BuildingResilience video {
-webkit-filter: brightness(.7);
filter: brightness(.7);
height: 600px;
left: 0;
margin: auto;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
right: 0;
top: 50px;
width: 600px;
z-index: 0
}
.BuildingResilience__Content {
margin: 0 auto;
max-width: 1260px;
padding: 150px 0;
position: relative;
width: 100%;
z-index: 1
}
.BuildingResilience__Content h2,
.BuildingResilience__Content h3,
.BuildingResilience__Content p {
color: #fff;
text-align: center
}
.BuildingResilience__Content h2 {
margin: 0 0 30px
}
.BuildingResilience__Content h3 {
font-size: 34px;
font-weight: 500;
line-height: 40px;
margin: 0 auto 30px;
max-width: 1150px
}
.BuildingResilience__Content p {
font-size: 18px;
line-height: 24px;
margin: 0 auto 25px;
max-width: 850px
}
.BuildingResilience__Content p:last-child {
margin-bottom: 40px
}
.BuildingResilience__Buttons {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr;
margin: 45px auto 0;
max-width: 380px
}
.BuildingResilience__Buttons a {
cursor: pointer;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
line-height: 16px;
padding: 12px 10px;
text-align: center;
text-transform: uppercase
}
.BuildingResilience__Buttons a:last-child {
border: 1px solid #fff;
color: #fff
}
@media screen and (max-width:767px) {
.BuildingResilience__Content {
padding: 0 15px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.BuildingResilience__Buttons {
grid-template-columns: 1fr;
grid-gap: 20px
}
.BuildingResilience video {
display: none
}
}
.HomeMiddleWhiteBG {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Homepage/topographic_map_layout_3.png);
background-repeat: no-repeat;
background-size: cover
}
.CyberThreatHunting__Content {
margin: 0 auto;
max-width: 1260px;
width: 100%;
padding: 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.CyberThreatHunting__Content h2 {
color: #263c91;
margin: 30px 0
}
.CyberThreatHunting__Content h5 {
margin-bottom: 20px
}
.CyberThreatHunting__TopCols {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.CyberThreatHunting__TopCols ul {
font-size: 25px;
font-weight: 400;
line-height: 35px;
list-style: none;
margin: 0
}
.CyberThreatHunting__TopCols ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px
}
.CyberThreatHunting__TopCols ul li svg {
margin-right: 25px;
width: 100%;
max-width: 40px
}
.CyberThreatHunting__BottomStats {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 50px
}
.CyberThreatHunting__StatsCard {
background-color: rgba(233, 246, 250, .4);
border: 15px solid #fafdfe;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 160px;
padding: 30px 10px;
text-align: center
}
.CyberThreatHunting__StatsCard h5 {
color: #3c2b77;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
letter-spacing: -1px;
line-height: 110%;
margin: 0 0 15px
}
@media screen and (max-width:767px) {
.CyberThreatHunting__Content {
padding: 0 15px
}
.CyberThreatHunting__TopCols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.CyberThreatHunting__TopCols ul {
padding-left: 0
}
.CyberThreatHunting__BottomStats {
grid-template-columns: 1fr
}
.CyberThreatHunting__Copy {
margin-bottom: 20px
}
}
.ResilientOperation__Content {
margin: 0 auto;
max-width: 1260px;
width: 100%;
padding: 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ResilientOperation__Content h2 {
color: #263c91;
max-width: 992px;
text-align: center
}
.ResilientOperation__Cards {
display: grid;
grid-column-gap: 15px;
grid-template-columns: 1fr 1fr 1fr
}
.ResilientOperation__Card {
background-color: #e9ebf4;
padding: 50px 45px 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.ResilientOperation__Card h3 {
color: #19234d;
font-size: 27px;
line-height: 32px;
margin: 10px 0
}
.ResilientOperation__Card p {
color: #19234d;
font-size: 16px;
line-height: 20px;
margin: 0
}
.ResilientOperation__Card a {
border: 3px solid #3c2b77;
color: #3c2b77;
font-size: 15px;
line-height: 17px;
padding: 10px 50px;
text-transform: uppercase;
font-weight: 700
}
.ResilientOperation__CardTop {
margin-bottom: 40px
}
.ResilientOperation__CardTop svg {
max-width: 55px;
width: 100%
}
.ResilientOperation__BottomCard {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #bec4de;
display: grid;
grid-column-gap: 30px;
grid-template-columns: 3fr 1fr;
margin: 30px 0 0;
padding: 45px
}
.ResilientOperation__BottomCard h3 {
color: #0e142b;
font-size: 28px;
font-weight: 500;
line-height: 38px;
margin: 0;
max-width: 650px
}
.ResilientOperation__BottomCard a {
font-size: 15px;
font-weight: 700;
line-height: 17px;
padding: 20px 50px;
text-align: center;
text-transform: uppercase;
background-color: #263c91;
color: #fff
}
@media screen and (max-width:767px) {
.ResilientOperation__Content {
padding: 0 15px
}
.ResilientOperation__Card {
padding: 30px 15px
}
.ResilientOperation__BottomCard,
.ResilientOperation__Cards {
grid-template-columns: 1fr;
grid-gap: 20px
}
}
.MoreThanAlerts__Content {
margin: 0 auto;
max-width: 1260px;
width: 100%;
padding: 0 48px
}
.MoreThanAlerts__Content h2 {
color: #263c91;
margin: 30px 0 !important;
max-width: 992px
}
.MoreThanAlerts__Draw {
background-repeat: no-repeat;
background-size: contain;
background-position-x: center;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 350px;
padding: 0 45px
}
.MoreThanAlerts__Draw[drawer-name=Speed] {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Homepage/response_speed_cropped_2.png)
}
.MoreThanAlerts__Draw[drawer-name=Expertise] {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Homepage/response_expertise_cropped_2.png)
}
.MoreThanAlerts__Draw[drawer-name=Coverage] {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Homepage/response_coverage_cropped_2.png)
}
.MoreThanAlerts__Draw svg {
max-width: 60px;
width: 100%
}
.MoreThanAlerts__Draw h3 {
font-size: 24px;
line-height: 30px;
letter-spacing: 4.5px;
margin: 10px 0 13px
}
.MoreThanAlerts__Draw p {
font-size: 25px;
line-height: 35px;
margin: 0
}
.MoreThanAlerts__Drawer {
background-color: #e9ebf4;
display: grid;
grid-template-columns: 11fr 1fr 1fr;
margin-top: 50px
}
.MoreThanAlerts__DrawSelecter {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #bec4de;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 25px
}
.MoreThanAlerts__DrawSelecter2 {
background-color: #a8b1d3
}
.MoreThanAlerts__DrawSelecter h3 {
cursor: pointer;
line-height: 100%;
margin: 0;
text-transform: uppercase;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
white-space: nowrap;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr
}
.MoreThanAlerts__Draw.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width:767px) {
.MoreThanAlerts__Content {
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.MoreThanAlerts__Draw {
padding: 15px
}
.MoreThanAlerts__Drawer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.MoreThanAlerts__DrawSelecter h3 {
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
-webkit-transform: inherit;
transform: inherit
}
}
.XDRCloud {
background-color: #fafdfe
}
.XDRCloud__Content {
margin: 0 auto;
max-width: 1260px;
width: 100%;
padding: 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.XDRCloud__Content h2 {
color: #263c91;
max-width: 1140px;
text-align: center
}
.XDRCloud__Content h5 {
text-align: center;
margin: 0 0 20px
}
.XDRCloud__Content p {
margin: 0 auto 35px;
max-width: 1140px;
text-align: center
}
.XDRCloud__Content img {
width: 100%
}
.XDRCloud__Image {
background-color: #0e142b;
margin: 60px -30px 0;
width: calc(100% + 60px);
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:767px) {
.XDRCloud__Content {
padding: 0 15px
}
.XDRCloud__Image {
width: 100%;
margin: 0;
padding: 0
}
}
.MissionDriven__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-column-gap: 20px;
grid-template-columns: 2fr 3fr;
margin: 0 auto;
max-width: 1260px;
padding: 75px 0;
width: 100%
}
.MissionDriven__Copy h2 {
color: #263c91;
margin: 0 auto 35px
}
.MissionDriven__Copy p {
font-size: 35px;
font-weight: 500;
line-height: 45px
}
.MissionDriven__Svg svg {
max-width: 100%;
width: 100%
}
.ReviewRatingMobile {
background-color: #fafdfe;
padding: 75px 15px !important
}
.ReviewRatingMobile__Content {
margin: 0 auto;
max-width: 1260px;
width: 100%
}
.ReviewRatingMobile__Content h2 {
color: #263c91;
font-size: 34px;
margin: 0 auto 75px;
max-width: 1060px;
text-align: center
}
.ReviewRatingMobile__Content h3 {
color: #0e142b;
font-size: 24px;
font-weight: 400;
line-height: 30px;
margin: 20px 0
}
.ReviewRatingMobile__Content p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 20px 0 0
}
.ReviewRatingMobile__Content p strong {
color: #263c91;
font-size: 17px;
font-weight: 600;
line-height: 21px
}
.ReviewRatingMobile__Content a {
color: #5063f9;
font-size: 18px;
font-weight: 700;
line-height: 22px;
margin-top: 18px;
display: block
}
.ReviewRatingMobile__Content svg {
width: 100%;
max-width: 150px
}
.ReviewRatingMobile__Card {
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
text-align: center;
padding: 15px;
margin-bottom: 15px
}
.ReviewRatingMobile__Card:last-child {
margin-bottom: 0
}
@media screen and (min-width:767px) {
.ReviewRatingMobile {
display: none
}
}
.ReviewRating {
background-color: #fafdfe
}
.ReviewRating__MDR .ReviewRating__ReviewContent {
padding: 4em;
border: 1px solid #b4b4b4
}
.ReviewRating__MDR .ReviewRating__ReviewContent img {
max-width: 25%
}
.ReviewRating__MDR .ReviewRating__ReviewContent blockquote {
margin: 40px 0 20px;
font-size: 30px;
line-height: 40px;
letter-spacing: -.35px
}
.ReviewRating__MDR .ReviewRating__ReviewContent h5 {
font-size: 18px;
line-height: 20px;
font-weight: 700;
color: #0e142b;
letter-spacing: -.25px
}
.ReviewRating__MDR .ReviewRating__ReviewContent h6 {
margin-top: 4px;
font-size: 18px;
line-height: 20px;
font-style: italic;
font-weight: 500
}
.ReviewRating__MDR .ReviewRating__ReviewContent .ReviewRating_ReviewCTA {
padding: 0;
max-width: 100%
}
.ReviewRating__Content {
margin: 0 auto;
max-width: 1260px;
width: 100%
}
.ReviewRating__Content h2 {
color: #263c91;
margin: 0 auto 75px;
max-width: 1060px;
text-align: center
}
.ReviewRating__Content h3 {
color: #0e142b;
font-size: 35px;
font-weight: 400;
line-height: 50px;
margin: 20px 0
}
.ReviewRating__Content p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 20px 0 0
}
.ReviewRating__Content p strong {
color: #263c91;
font-size: 20px;
font-weight: 600;
line-height: 24px
}
.ReviewRating__Content a {
color: #5063f9;
font-size: 20px;
font-weight: 700;
line-height: 32px;
margin-top: 30px;
display: block
}
.ReviewRating__Slides {
position: relative
}
.ReviewRating__Slide {
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
text-align: center
}
.ReviewRating__Slide img {
max-width: 69px
}
.ReviewRating__SlideCopy {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
padding: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 400px
}
.ReviewRating__SlideBtn {
background: none;
border: none;
cursor: pointer;
font-size: 18px;
height: 40px;
padding: 10px;
position: absolute;
width: 50px;
z-index: 10
}
.ReviewRating__SlideBtn.swiper-button-disabled {
display: none
}
.ReviewRating__SlideBtn-prev {
top: 38%;
left: 2%
}
.ReviewRating__SlideBtn-next {
top: 38%;
right: 2%
}
.ReviewRating__SlideBtn:active {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.ReviewRating__ReviewG2 {
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
margin: 20px auto 0;
max-width: 945px;
padding: 0 50px
}
.ReviewRating__ReviewG2ImageContainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-column-gap: 100px;
grid-template-columns: 2fr 3fr;
padding: 35px 25px
}
.ReviewRating__ReviewG2 img {
width: 100%
}
.ReviewRating__ReviewCta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-column-gap: 50px;
grid-template-columns: 35px;
grid-template-columns: 4fr 1fr;
margin: 10px auto 0;
max-width: 1050px;
padding: 0 50px
}
.ReviewRating__ReviewCta p {
color: #19234d;
font-size: 30px;
font-weight: 600;
line-height: 36px
}
.ReviewRating__ReviewCta a {
background-color: #e9ebf4;
color: #5063f9;
font-size: 20px;
font-weight: 700;
line-height: 50px;
margin: 0;
text-align: center
}
.ReviewRating__GradientSlideLeft {
background: -webkit-gradient(linear, left top, right top, from(#fafdfe), color-stop(80%, hsla(0, 0%, 100%, 0)));
background: linear-gradient(90deg, #fafdfe 0, hsla(0, 0%, 100%, 0) 80%);
height: 600px;
position: absolute;
top: 0;
left: 0;
width: 10%;
z-index: 2
}
.ReviewRating__GradientSlideRight {
background: -webkit-gradient(linear, right top, left top, from(#fafdfe), color-stop(80%, hsla(0, 0%, 100%, 0)));
background: linear-gradient(270deg, #fafdfe 0, hsla(0, 0%, 100%, 0) 80%);
height: 600px;
position: absolute;
top: 0;
right: 0;
width: 10%;
z-index: 2
}
.ReviewRating__GradientSlidePricingLeft {
background: -webkit-gradient(linear, left top, right top, from(#ecf9fb), color-stop(80%, hsla(0, 0%, 100%, 0)));
background: linear-gradient(90deg, #ecf9fb 0, hsla(0, 0%, 100%, 0) 80%)
}
.ReviewRating__GradientSlidePricingRight {
background: -webkit-gradient(linear, right top, left top, from(#ecf9fb), color-stop(80%, hsla(0, 0%, 100%, 0)));
background: linear-gradient(270deg, #ecf9fb 0, hsla(0, 0%, 100%, 0) 80%)
}
.ReviewRating__GradientSlideCaseStudiesLeft {
background: -webkit-gradient(linear, left top, right top, from(#f4f5f9), color-stop(80%, hsla(0, 0%, 100%, 0)));
background: linear-gradient(90deg, #f4f5f9 0, hsla(0, 0%, 100%, 0) 80%);
height: 750px
}
.ReviewRating__GradientSlideCaseStudiesRight {
background: -webkit-gradient(linear, right top, left top, from(#f4f5f9), color-stop(80%, hsla(0, 0%, 100%, 0)));
background: linear-gradient(270deg, #f4f5f9 0, hsla(0, 0%, 100%, 0) 80%);
height: 750px
}
@media screen and (max-width:767px) {
.ReviewRating__Home {
display: none
}
.ReviewRating__Content h3 {
font-size: 24px;
line-height: 30px
}
.ReviewRating__Slide img {
max-width: 125px
}
.ReviewRating__SlideBtn svg {
top: auto;
bottom: 0
}
.ReviewRating__SlideBtn-prev {
left: 0
}
.ReviewRating__SlideBtn-next {
right: 0
}
.ReviewRating__ReviewCta {
grid-template-columns: 1fr;
grid-gap: 30px;
padding: 0 15px
}
.ReviewRating__ReviewG2 {
padding: 0 15px
}
.ReviewRating__ReviewG2ImageContainer {
grid-template-columns: 1fr;
grid-gap: 28px
}
}
.LearnMoreWhy {
background-color: #0e142b;
color: #fff
}
.LearnMoreWhy__Content {
padding: 0 48px;
max-width: 1440px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto
}
.LearnMoreWhy__Content h2 {
color: #fff;
text-align: center;
margin: 0 0 75px !important
}
.LearnMoreWhy__Card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.LearnMoreWhy__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px
}
.LearnMoreWhy__CardTop {
margin-bottom: 23px
}
.LearnMoreWhy__CardTop svg {
width: 100%;
margin: 0 0 20px
}
.LearnMoreWhy__Card h3 {
font-size: 15px;
letter-spacing: 2.2px;
line-height: 120%;
margin: 0 auto 12px;
text-transform: uppercase;
font-weight: 700
}
.LearnMoreWhy__Card p {
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #fff;
max-width: 325px
}
.LearnMoreWhy__Card a {
color: #5063f9;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1.8px;
font-weight: 700
}
.LearnMoreWhy__BottomCta {
background-color: rgba(233, 235, 244, .1);
display: grid;
grid-template-columns: 4fr 2fr;
grid-gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px
}
.LearnMoreWhy__BottomCta h4 {
color: #fff;
font-size: 30px;
line-height: 30px;
margin: 0;
padding: 48px
}
.LearnMoreWhy__BottomCta a {
background: transparent linear-gradient(82deg, #40c3d9, #696de3) 0 0 no-repeat padding-box;
font-size: 18px;
line-height: 33px;
letter-spacing: 1.8px;
color: #fff;
padding: 15px;
width: 100%;
display: block;
text-align: center;
max-width: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.LearnMoreWhy__BottomCtaRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-right: 48px
}
.LearnMoreWhy__MDR {
background-color: #000723;
margin-top: -10px
}
.LearnMoreWhy__MDR .LearnMoreWhy__Content {
padding-bottom: 75px
}
.LearnMoreWhy__MDR .LearnMoreWhy__Content h2 {
line-height: 52px;
font-size: 45px
}
.LearnMoreWhy__MDR .LearnMoreWhy__Content h2:first-child {
margin-bottom: 25px !important
}
.LearnMoreWhy__MDR .LearnMoreWhy__Content h2 span {
background-image: linear-gradient(82deg, #40c3d9, #696de3);
padding: 0 10px
}
.LearnMoreWhy__MDR .LearnMoreWhy__Content .LearnMoreWhy__Heading {
margin: 0 auto;
max-width: 992px;
text-align: center
}
.LearnMoreWhy__MDR .LearnMoreWhy__Card p {
max-width: 375px
}
@media screen and (max-width:767px) {
.LearnMoreWhy__Content {
padding: 0 15px
}
.LearnMoreWhy__Cards {
grid-template-columns: 1fr
}
.LearnMoreWhy__BottomCta {
grid-gap: 5px;
grid-template-columns: 1fr
}
.LearnMoreWhy__BottomCta h4 {
padding: 15px
}
.LearnMoreWhy__BottomCta a {
max-width: 100%
}
.LearnMoreWhy__BottomCtaRight {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0 15px 15px
}
}
.HomeInsight {
padding: 200px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100vw;
overflow-x: hidden
}
@media screen and (max-width:1241px) {
.HomeInsight {
padding: 150px 0
}
}
@media screen and (max-width:1063px) {
.HomeInsight {
padding: 50px 0
}
}
@media screen and (max-width:767px) {
.HomeInsight {
overflow: visible
}
}
.HomeInsight__Wrapper {
background: rgba(64, 195, 217, .15);
max-width: 1320px;
width: 100%;
margin: 0 auto
}
.HomeInsight__Content {
color: #061638;
margin: 0 auto;
padding: 0 100px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.HomeInsight__Left {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding: 60px 100px 110px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.HomeInsight__Left h3 {
font-size: 64px;
line-height: 69px;
font-weight: 900;
letter-spacing: -.02em;
margin: 0 0 30px
}
.HomeInsight__Left p {
font-size: 16px;
line-height: 19px;
margin-bottom: 20px;
letter-spacing: -.01em
}
.HomeInsight__Left ul {
list-style: none outside;
max-width: 380px;
margin-bottom: 60px;
padding: 0;
font-size: 16px;
line-height: 19px
}
.HomeInsight__Left ul li {
position: relative;
padding-left: 20px;
margin-bottom: 20px
}
.HomeInsight__Left ul li:before {
content: "→";
display: block;
width: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
position: absolute;
top: 0;
left: 0;
font-size: 12px;
line-height: 19px
}
.HomeInsight__Button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 57px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #263c91;
-webkit-box-shadow: 4px 4px 0 rgba(9, 9, 9, .2);
box-shadow: 4px 4px 0 rgba(9, 9, 9, .2);
border-radius: 4px;
padding: 10px 30px;
color: #fff;
min-width: 340px;
font-size: 24px;
line-height: 28.5px
}
.HomeInsight__Right {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
position: relative
}
.HomeInsight__Screen {
position: absolute;
top: 50%;
margin-top: -400px;
left: 0;
height: 800px;
width: 800px;
border-radius: 10px;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .4);
box-shadow: 0 0 40px rgba(0, 0, 0, .4);
overflow: hidden
}
.HomeInsight__Screen img {
margin: 0;
width: 100%;
height: auto
}
.Intro {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Homepage/homepage_img_update_nov7_compressed.jpg);
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 2;
font-family: ibm-plex-sans, sans-serif;
background-position-y: center
}
@media screen and (max-width:767px) {
.Intro {
max-height: none
}
}
.Intro__Content {
max-width: 1440px;
padding: 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
position: relative
}
@media screen and (max-width:1400px) {
.Intro__Content {
padding-right: 100px;
max-width: 1328px
}
}
@media screen and (max-width:1063px) {
.Intro__Content {
padding: 0 24px
}
}
@media screen and (max-width:767px) {
.Intro__Content {
display: block
}
}
.Intro__Text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: grid;
grid-template-columns: 3fr 4fr;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 100px 0
}
@media screen and (max-width:1063px) {
.Intro__Text {
grid-template-columns: 1fr 1fr
}
}
@media screen and (max-width:767px) {
.Intro__Text {
grid-gap: 20px;
grid-template-columns: 1fr;
padding-top: 45px
}
}
.Intro__TextRight img,
.Intro__TextRight svg {
width: 100%
}
.Intro__Text h6 {
font-size: 13px;
font-weight: 700;
letter-spacing: .17em;
line-height: 16px;
margin: 0 0 20px;
text-transform: uppercase
}
.Intro__Text h1 {
font-family: Effra, Arial, Helvetica, sans-serif;
font-weight: 900;
letter-spacing: -2.56594px;
margin: 0 0 25px;
max-width: 768px;
font-size: 65px;
line-height: 70px
}
@media screen and (max-width:1290px) {
.Intro__Text h1 {
font-size: 65px;
line-height: 70px;
max-width: 780px
}
}
@media screen and (max-width:1063px) {
.Intro__Text h1 {
max-width: none;
width: 100%
}
}
@media screen and (max-width:767px) {
.Intro__Text h1 {
font-size: 72px;
line-height: 73px
}
}
@media screen and (max-width:639px) {
.Intro__Text h1 {
font-size: 52px;
line-height: 53px
}
}
.Intro__Text h2 {
font-size: 25px;
font-weight: 400;
letter-spacing: -.02em;
line-height: 130%;
margin: 0 0 40px;
width: 672px
}
@media screen and (max-width:1290px) {
.Intro__Text h2 {
font-size: 22px;
line-height: 1.7em;
width: 580px
}
}
@media screen and (max-width:1100px) {
.Intro__Text h2 {
max-width: 500px
}
}
@media screen and (max-width:767px) {
.Intro__Text h2 {
width: auto;
max-width: none;
margin: 0 0 22px
}
}
@media screen and (max-width:639px) {
.Intro__Text h2 {
font-size: 18px
}
}
.Intro__Button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: start;
align-self: flex-start;
background: #5063f9;
-webkit-box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
cursor: pointer;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 20px;
font-weight: 700;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: -.01em;
line-height: 32px;
padding: 10px 52px;
text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: auto;
display: inline-block
}
.Intro__Button:hover {
background: #3c4bbb;
color: #fff
}
@media screen and (max-width:970px) {
.Intro__Button {
font-size: 22px;
line-height: 29px;
padding: 12px 26px
}
}
.MDRInfo {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #061638;
color: #fff;
-webkit-filter: blur(6px);
filter: blur(6px)
}
.MDRInfo__BackgroundTransition {
width: 100%
}
.MDRInfo__BackgroundTransition svg {
height: 100%;
width: 100%;
margin-top: -1px
}
.MDRInfo__ContentWrapper {
width: 100%;
z-index: 1;
background-image: linear-gradient(180.23deg, rgba(6, 22, 56, 0) 18.27%, #061638 64.3%)
}
.MDRInfo__Content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1440px;
width: 100%;
margin: 0 auto;
z-index: 2
}
@media screen and (max-width:767px) {
.MDRInfo__Content {
display: block;
padding-top: 28px
}
}
.MDRInfo__HeadingContent {
max-width: 1440px;
width: 100%;
margin: 0 auto;
z-index: 2
}
.MDRInfo__HeadingContentCopy {
padding: 100px 0 0 156px;
max-width: 800px
}
@media screen and (max-width:1441px) {
.MDRInfo__HeadingContentCopy {
padding-left: calc(-1284px + 100vw)
}
}
@media screen and (max-width:1332px) {
.MDRInfo__HeadingContentCopy {
padding-left: 48px;
width: 596px
}
}
@media screen and (max-width:1063px) {
.MDRInfo__HeadingContentCopy {
width: 510px;
padding-left: 24px
}
}
@media screen and (max-width:859px) {
.MDRInfo__HeadingContentCopy {
width: 420px
}
}
@media screen and (max-width:767px) {
.MDRInfo__HeadingContentCopy {
width: auto;
padding: 170px 24px 0
}
}
@media screen and (max-width:359px) {
.MDRInfo__HeadingContentCopy {
padding-top: 160px
}
}
.MDRInfo__HeadingContent h2 {
white-space: pre-line;
font-style: normal;
font-weight: 900;
font-size: 72px;
line-height: 75px;
letter-spacing: -2px;
margin: 0 0 5px
}
.MDRInfo__HeadingContent h2 sup {
font-size: 38px
}
@media screen and (max-width:1063px) {
.MDRInfo__HeadingContent h2 {
font-size: 60px;
line-height: 64px
}
.MDRInfo__HeadingContent h2 sup {
font-size: .5277777778em
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.MDRInfo__HeadingContent h2 {
font-size: 52px;
line-height: 52px
}
}
@media screen and (max-width:359px) {
.MDRInfo__HeadingContent h2 {
font-size: 52px;
line-height: 52px
}
}
.MDRInfo__HeadingContent h4 {
color: #40c3d9;
font-size: 39px;
font-weight: 400;
line-height: 42px;
margin: 0 0 25px
}
.MDRInfo__Button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 32px;
max-width: 441px;
background: #40c3d9;
color: #081639;
-webkit-box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 26.8235px;
line-height: 32px;
letter-spacing: -.01em;
color: #071738;
white-space: nowrap;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-decoration: none
}
.MDRInfo__Button:hover {
background: #61cee1
}
@media screen and (max-width:1063px) {
.MDRInfo__Button {
font-size: 20px;
line-height: 1.2em;
padding: 12px 24px;
max-width: 380px
}
}
@media screen and (max-width:639px) {
.MDRInfo__Button {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space: normal;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.MDRInfo__Left {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 100px 0 60px 156px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 704px;
position: relative;
z-index: 5
}
@media screen and (max-width:1441px) {
.MDRInfo__Left {
padding-left: calc(-1284px + 100vw)
}
}
@media screen and (max-width:1332px) {
.MDRInfo__Left {
padding-left: 48px;
width: 596px
}
}
@media screen and (max-width:1063px) {
.MDRInfo__Left {
width: 510px;
padding-left: 24px
}
}
@media screen and (max-width:859px) {
.MDRInfo__Left {
width: 420px
}
}
@media screen and (max-width:767px) {
.MDRInfo__Left {
width: auto;
padding: 140px 24px 0
}
}
@media screen and (max-width:359px) {
.MDRInfo__Left {
padding-top: 160px
}
}
.MDRInfo__LeftWithVideo {
padding-top: 0;
width: 800px
}
@media screen and (max-width:1441px) {
.MDRInfo__LeftWithVideo {
padding-left: calc(-1284px + 100vw)
}
}
@media screen and (max-width:1332px) {
.MDRInfo__LeftWithVideo {
padding-left: 48px;
width: 596px
}
}
@media screen and (max-width:1063px) {
.MDRInfo__LeftWithVideo {
width: 510px;
padding-left: 24px
}
}
@media screen and (max-width:859px) {
.MDRInfo__LeftWithVideo {
width: 420px
}
}
@media screen and (max-width:767px) {
.MDRInfo__LeftWithVideo {
width: auto;
padding: 0 24px
}
}
@media screen and (max-width:359px) {
.MDRInfo__LeftWithVideo {
padding-top: 160px
}
}
.MDRInfo__Left h2 {
white-space: pre-line;
font-style: normal;
font-weight: 900;
font-size: 72px;
line-height: 75px;
letter-spacing: -2px;
margin: 0 0 5px
}
.MDRInfo__Left h2 sup {
font-size: 38px
}
@media screen and (max-width:1063px) {
.MDRInfo__Left h2 {
font-size: 60px;
line-height: 64px
}
.MDRInfo__Left h2 sup {
font-size: .5277777778em
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.MDRInfo__Left h2 {
font-size: 52px;
line-height: 52px
}
}
@media screen and (max-width:359px) {
.MDRInfo__Left h2 {
font-size: 52px;
line-height: 52px
}
}
.MDRInfo__Left h3 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
margin: 0 0 22px
}
.MDRInfo__Left h4 {
color: #40c3d9;
font-size: 39px;
font-weight: 400;
line-height: 42px;
margin: 0 0 25px
}
.MDRInfo__Left p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
letter-spacing: -.02em;
margin: 0 0 60px
}
@media screen and (max-width:1063px) {
.MDRInfo__Left p {
font-size: 20px;
line-height: 28px;
margin-bottom: 40px
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.MDRInfo__Left p {
font-size: 18px;
line-height: 26px
}
}
@media screen and (max-width:359px) {
.MDRInfo__Left p {
font-size: 18px;
line-height: 26px
}
}
.MDRInfo__Right {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 1
}
@media screen and (max-width:1063px) {
.MDRInfo__Right {
top: 20px
}
}
@media screen and (max-width:767px) {
.MDRInfo__Right {
width: 100%;
height: 500px;
width: 500px;
margin: -60px auto -80px
}
}
@media screen and (max-width:548px) {
.MDRInfo__Right {
width: calc(100vw - 48px);
height: calc(100vw - 48px);
margin: -15vw auto
}
}
@media screen and (max-width:767px) {
.MDRInfo__RightWithVideo {
display: none
}
}
.MDRInfo__FeaturesWrapper {
position: absolute;
top: 50%;
margin-top: -368px;
right: 0;
width: 736px;
height: 736px;
pointer-events: none
}
@media screen and (max-width:1241px) {
.MDRInfo__FeaturesWrapper {
width: 636px;
height: 636px;
margin-top: -318px;
right: 0
}
}
@media screen and (max-width:1150px) {
.MDRInfo__FeaturesWrapper {
right: -25px
}
}
@media screen and (max-width:1063px) {
.MDRInfo__FeaturesWrapper {
width: 536px;
height: 536px;
margin-top: -268px;
right: 0
}
}
@media screen and (max-width:940px) {
.MDRInfo__FeaturesWrapper {
width: 500px;
height: 500px;
margin-top: -250px;
right: -25px
}
}
@media screen and (max-width:810px) {
.MDRInfo__FeaturesWrapper {
right: -50px
}
}
@media screen and (max-width:767px) {
.MDRInfo__FeaturesWrapper {
right: 0
}
}
@media screen and (max-width:548px) {
.MDRInfo__FeaturesWrapper {
width: calc(100vw - 48px);
height: calc(100vw - 48px);
margin-top: 0;
top: 0
}
}
.MDRInfo__Features {
position: absolute;
top: 0;
left: 0;
width: 736px;
height: 736px;
z-index: 1;
background: radial-gradient(50% 50% at 50% 50%, rgba(37, 224, 249, .1) 0, rgba(37, 224, 249, 0) 100%);
overflow: hidden;
pointer-events: none
}
.MDRInfo__Features--Rooted {
z-index: 100
}
.MDRInfo__Features * {
pointer-events: none
}
@media screen and (max-width:1241px) {
.MDRInfo__Features,
.MDRInfo__Features img,
.MDRInfo__Features svg {
width: 636px;
height: 636px
}
}
@media screen and (max-width:1063px) {
.MDRInfo__Features,
.MDRInfo__Features img,
.MDRInfo__Features svg {
width: 536px;
height: 536px
}
}
@media screen and (max-width:940px) {
.MDRInfo__Features,
.MDRInfo__Features img,
.MDRInfo__Features svg {
width: 500px;
height: 500px
}
}
@media screen and (max-width:548px) {
.MDRInfo__Features,
.MDRInfo__Features img,
.MDRInfo__Features svg {
width: calc(100vw - 48px);
height: calc(100vw - 48px)
}
}
.MDRInfo__Feature {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity .5s, visibility .5s, margin .5s;
transition: opacity .5s, visibility .5s, margin .5s;
pointer-events: none
}
.MDRInfo__Feature--Entering {
margin-top: 80px
}
.MDRInfo__Feature--Leaving {
margin-top: -80px
}
.MDRInfo__Feature--Active {
opacity: 1;
visibility: visible;
margin: 0
}
.MDRInfo__VideoImage {
position: relative;
margin: 0 10px 15px 65px;
max-width: 525px;
cursor: pointer
}
.MDRInfo__VideoImage .cls-featuredPlay {
fill: #40c3d9
}
.MDRInfo__VideoImage img {
-webkit-filter: brightness(.9);
filter: brightness(.9);
width: 100%;
max-width: 100%;
border-radius: 14.705px;
-webkit-box-shadow: 5px 5px #40c3d9;
box-shadow: 5px 5px #40c3d9
}
.MDRInfo__VideoImage:hover .cls-featuredPlay {
fill: #fff
}
.MDRInfo__VideoImage:hover img {
-webkit-filter: brightness(1);
filter: brightness(1)
}
.MDRInfo__VideoImage svg {
position: absolute;
width: 100%;
max-width: 82px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@media screen and (max-width:767px) {
.MDRInfo__VideoImage {
margin-left: 0
}
}
.MDRInfo__Videobtn--Mobile {
display: none;
margin-bottom: 25px
}
@media screen and (max-width:767px) {
.MDRInfo__Videobtn--Mobile {
display: block
}
}
.MultiSignal {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
z-index: 3;
background: linear-gradient(-5.81deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(153.88deg, #293f97 7.31%, #6d3caf 55%);
-webkit-filter: blur(6px);
filter: blur(6px)
}
.MultiSignal__Mesh {
overflow: hidden;
position: absolute;
top: -20vw;
left: 0;
width: 100%;
z-index: 3;
pointer-events: none
}
.MultiSignal__Mesh img {
width: 100%;
height: auto
}
.MultiSignal__BackgroundTransition {
position: relative;
height: 13.90032007vw
}
.MultiSignal__BackgroundTransition svg {
position: absolute;
width: 100vw;
top: 0;
left: 50%;
margin-left: -50vw
}
.MultiSignal__Content {
position: relative;
z-index: 5;
margin-top: 22px;
padding-top: 20px;
max-width: 1540px;
padding-left: 48px;
padding-right: 48px;
width: 100vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: hidden
}
@media screen and (max-width:1063px) {
.MultiSignal__Content {
padding: 0 24px;
margin-top: 35px
}
}
.MultiSignal__HeadingTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1115px;
margin: 0 auto
}
.MultiSignal__HeadingTop h2 {
white-space: pre-line;
font-style: normal;
font-weight: 900;
font-size: 72px;
line-height: 75px;
letter-spacing: -2px;
max-width: 950px;
margin: 0 0 28px
}
@media screen and (max-width:1063px) {
.MultiSignal__HeadingTop h2 {
font-size: 60px;
line-height: 64px;
max-width: 700px
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.MultiSignal__HeadingTop h2 {
font-size: 52px;
line-height: 52px
}
}
@media screen and (max-width:359px) {
.MultiSignal__HeadingTop h2 {
font-size: 52px;
line-height: 52px
}
}
.MultiSignal__HeadingTop p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
letter-spacing: -.02em;
margin: 0 0 28px
}
@media screen and (max-width:1063px) {
.MultiSignal__HeadingTop p {
font-size: 20px;
line-height: 28px
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.MultiSignal__HeadingTop p {
font-size: 18px;
line-height: 26px
}
}
@media screen and (max-width:359px) {
.MultiSignal__HeadingTop p {
font-size: 18px;
line-height: 26px
}
}
.MultiSignal__CardContainer {
margin: 0 auto 75px;
max-width: 1115px
}
.MultiSignal__Cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:767px) {
.MultiSignal__Cards {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.MultiSignal__Card {
max-width: 33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
text-align: center;
margin-right: 13px;
background-color: #19234d;
border-radius: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.MultiSignal__Card:last-child {
margin-right: 0
}
.MultiSignal__CardBox {
padding: 32px 30px
}
.MultiSignal__CardBox h4 {
text-transform: uppercase;
color: #40c3d9;
font-weight: 500;
letter-spacing: 2px;
font-size: 18px;
line-height: 20px;
margin: 0
}
.MultiSignal__CardBox h3 {
font-size: 21px;
font-weight: 400;
line-height: 120%;
max-width: 250px;
margin: 15px auto
}
.MultiSignal__CardBox p {
color: hsla(0, 0%, 100%, .8);
margin: 0;
font-size: 16px;
line-height: 120%
}
.MultiSignal__CardBoxBtn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
padding: 16px 10px;
background: #40c3d9;
color: #081639;
-webkit-box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
border-radius: 8px;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 20px;
letter-spacing: -.01em;
color: #071738;
white-space: nowrap;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-decoration: none;
display: block;
margin: 0 30px 32px
}
.MultiSignal__CardBoxBtn br {
display: none
}
.MultiSignal__CardBoxBtn:hover {
background: #61cee1
}
@media screen and (max-width:767px) {
.MultiSignal__CardBoxBtn {
white-space: unset
}
.MultiSignal__CardBoxBtn br {
display: block
}
}
@media screen and (max-width:767px) {
.MultiSignal__Card {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 20px
}
}
.MultiSignal__Heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1115px;
margin: 0 auto
}
.MultiSignal__Heading h2 {
white-space: pre-line;
font-style: normal;
font-weight: 900;
font-size: 72px;
line-height: 75px;
letter-spacing: -2px;
max-width: 785px;
margin: 0 0 28px
}
@media screen and (max-width:1063px) {
.MultiSignal__Heading h2 {
font-size: 60px;
line-height: 64px;
max-width: 700px
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.MultiSignal__Heading h2 {
font-size: 52px;
line-height: 52px
}
}
@media screen and (max-width:359px) {
.MultiSignal__Heading h2 {
font-size: 52px;
line-height: 52px
}
}
.MultiSignal__Heading h3 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
color: #40c3d9;
text-transform: uppercase;
margin: 0 0 22px
}
.MultiSignal__Heading p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
letter-spacing: -.02em;
margin: 0
}
@media screen and (max-width:1063px) {
.MultiSignal__Heading p {
font-size: 20px;
line-height: 28px
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.MultiSignal__Heading p {
font-size: 18px;
line-height: 26px
}
}
@media screen and (max-width:359px) {
.MultiSignal__Heading p {
font-size: 18px;
line-height: 26px
}
}
.MultiSignal__Heading p a {
color: #40c3d9
}
.MultiSignal__Infographic {
width: 100%;
max-width: 1115px;
margin: 50px auto 0
}
.MultiSignal__Infographic img,
.MultiSignal__Infographic svg {
width: 100%;
height: auto
}
.MultiSignal__Infographic img a,
.MultiSignal__Infographic svg a {
opacity: 0
}
.MultiSignal__Infographic img a:hover,
.MultiSignal__Infographic svg a:hover {
opacity: 1
}
@media screen and (max-width:767px) {
.MultiSignal__Infographic {
width: auto;
margin-left: -24px;
margin-right: -24px
}
}
.MultiSignal__InfographicContainer {
margin: 0 -65px
}
.MultiSignal__InfographicContainer--Mobile {
display: none
}
@media screen and (max-width:767px) {
.MultiSignal__InfographicContainer {
margin: 0
}
.MultiSignal__InfographicContainer--Mobile {
display: block
}
.MultiSignal__InfographicContainer--Desktop {
display: none
}
}
.MultiSignal__Stats {
margin: 25px 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
-ms-flex-align: center;
-ms-flex-pack: center
}
.MultiSignal__Stat,
.MultiSignal__Stats {
-webkit-box-flex: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center
}
.MultiSignal__Stat {
margin: 0;
padding: 12px 30px;
color: #fff;
text-align: center;
-ms-flex: none;
flex: none;
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-right: 1px solid #40c3d9
}
@media screen and (max-width:1063px) {
.MultiSignal__Stat {
font-size: 60px;
line-height: 64px
}
.MultiSignal__Stat sup {
font-size: .5277777778em
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.MultiSignal__Stat {
font-size: 52px;
line-height: 55px
}
}
.MultiSignal__Stat:last-child {
border-right: none
}
.MultiSignal__Stat dd {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: Effra;
font-style: normal;
font-weight: 900;
font-size: 51px;
line-height: 1em;
letter-spacing: -.04em
}
.MultiSignal__Stat dd em {
font-style: normal;
font-weight: 400
}
.MultiSignal__Stat dd small {
font-weight: 900;
font-size: 33px;
line-height: 1em;
letter-spacing: -.04em;
color: #40c3d9
}
.MultiSignal__Stat dt {
margin: 0;
padding: 0;
font-family: Effra;
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 14px;
letter-spacing: -.01em;
color: #40c3d9;
text-align: center
}
.MultiSignal__Features {
max-width: 1115px;
margin: 50px auto 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.MultiSignal__FeatureCards {
width: 500px
}
.MultiSignal__FeatureCard {
background: rgba(7, 23, 56, .5);
border: 1px solid rgba(37, 224, 249, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 16px;
color: #fff;
text-align: center;
padding: 22px 40px 32px
}
.MultiSignal__FeatureCard h4 {
margin: 0;
font-weight: 700;
font-size: 24px;
line-height: 29px;
text-align: center;
letter-spacing: -.02em
}
.MultiSignal__FeatureCard p {
font-size: 13px;
line-height: 19px;
letter-spacing: -.01em;
margin: 12px 0 20px
}
.MultiSignal__FeatureCard a {
color: #40c3d9;
font-weight: 900;
font-size: 12px;
line-height: 17px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .075em;
cursor: pointer
}
.MultiSignal__FeatureDivider {
margin: -15px auto;
position: relative;
width: 48px;
height: 48px;
border-radius: 50%;
background: #112160;
border: .75px solid rgba(37, 224, 249, .5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 40px;
font-weight: 200;
line-height: 40px;
text-align: center;
color: #40c3d9
}
.MultiSignal__Screen {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-left: 20px;
position: relative
}
.MultiSignal__Screen img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1200px;
border-radius: 16px;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .4);
box-shadow: 0 0 40px rgba(0, 0, 0, .4);
overflow: hidden
}
.MultiSignal__ServicesHeader {
text-align: center;
max-width: 775px;
margin: 75px auto 0
}
.MultiSignal__ServicesHeader h4 {
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
color: #40c3d9
}
.MultiSignal__ServicesHeader p {
font-size: 24px;
line-height: 33px;
letter-spacing: -.02em
}
.NetworkEffects {
background: #3b2b76
}
.NetworkEffects__Content {
max-width: 1344px;
padding: 0;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:1063px) {
.NetworkEffects__Content {
padding: 0 24px
}
}
@media screen and (max-width:639px) {
.NetworkEffects__Content {
padding: 0 12px
}
}
.NetworkEffects__Box {
margin: 0 114px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 43, 119, .5)), color-stop(150.19%, rgba(60, 43, 119, 0))), #0e142b;
background: linear-gradient(180deg, rgba(60, 43, 119, .5), rgba(60, 43, 119, 0) 150.19%), #0e142b;
border: 1px solid rgba(64, 195, 217, .3);
-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
border-radius: 8px;
padding: 55px 30px
}
@media screen and (max-width:1063px) {
.NetworkEffects__Box {
margin: 0 auto;
max-width: 830px
}
}
@media screen and (max-width:639px) {
.NetworkEffects__Box {
padding: 42px 15px 30px
}
}
.NetworkEffects__Heading {
font-weight: 700;
font-size: 48px;
line-height: 1em;
text-align: center;
letter-spacing: -.025em;
color: #fff;
margin: 0 0 16px
}
@media screen and (max-width:639px) {
.NetworkEffects__Heading {
font-size: 42px
}
}
@media screen and (max-width:359px) {
.NetworkEffects__Heading {
font-size: 36px
}
}
.NetworkEffects__Paragraph {
font-size: 16px;
line-height: 22px;
text-align: center;
letter-spacing: -.02em;
margin: 0 auto 25px;
max-width: 724px;
color: #40c3d9
}
@media screen and (max-width:359px) {
.NetworkEffects__Paragraph {
font-size: 14px;
line-height: 20px
}
}
.NetworkEffects__GraphicWrapper {
margin: 0 -114px;
position: relative;
border-radius: 16px;
overflow: hidden
}
@media screen and (max-width:1020px) {
.NetworkEffects__GraphicWrapper {
margin: 0 -80px
}
}
@media screen and (max-width:950px) {
.NetworkEffects__GraphicWrapper {
margin: 0 -48px
}
}
@media screen and (max-width:639px) {
.NetworkEffects__GraphicWrapper {
margin: 0 -24px
}
}
.NetworkEffects__Graphic {
width: 100%;
height: auto;
-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
box-shadow: 0 4px 24px rgba(0, 0, 0, .25)
}
.ResponseHomepage {
padding: 0 25px;
color: #fff;
margin: 75px 0;
-webkit-filter: blur(6px);
filter: blur(6px)
}
.ResponseHomepage__Content {
margin: 0 auto;
width: 100%;
max-width: 1116px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #3b2b76;
border-radius: 8px 8px 64px 8px;
padding: 62px 65px 38px;
position: relative
}
.ResponseHomepage__RBackground {
position: absolute;
top: 30px;
right: 30px
}
.ResponseHomepage__RBackground svg {
width: 100%;
max-width: 275px
}
.ResponseHomepage__HeadingCopy h2 {
max-width: 800px;
font-weight: 700;
font-size: 64px;
line-height: 1em;
letter-spacing: -.025em;
color: #fff;
margin: 0 0 20px
}
.ResponseHomepage__HeadingCopy h5 {
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
color: #40c3d9;
margin: 0 0 30px
}
.ResponseHomepage__HeadingCopy p {
color: hsla(0, 0%, 100%, .8);
font-size: 24px;
letter-spacing: -.01em;
line-height: 40px;
margin: 0 0 32px;
max-width: 750px
}
.ResponseHomepage__CardContainer {
margin: 0 -115px
}
.ResponseHomepage__Cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.ResponseHomepage__Card {
max-width: 33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
text-align: center;
margin-right: 10px
}
.ResponseHomepage__Card:last-child {
margin-right: 0
}
.ResponseHomepage__CardBox {
background-color: #19234d;
border: 1px solid rgba(37, 224, 249, .3);
border-radius: 16px;
padding: 32px 30px
}
.ResponseHomepage__CardBox svg {
width: 100%;
max-width: 55px
}
.ResponseHomepage__CardBox h4 {
font-weight: 500;
font-size: 18px;
margin: 0
}
.ResponseHomepage__CardBox h4,
.ResponseHomepage__CardBox h5 {
text-transform: uppercase;
color: #40c3d9;
letter-spacing: 2px;
line-height: 20px
}
.ResponseHomepage__CardBox h5 {
margin: 0 0 5px;
font-weight: 400;
font-size: 17px
}
.ResponseHomepage__CardBox h3 {
font-size: 21px;
font-weight: 400;
line-height: 120%
}
.ResponseHomepage__CardBox p {
color: hsla(0, 0%, 100%, .8);
margin: 0;
font-size: 16px;
line-height: 120%
}
.ResponseHomepage__VideoContainer {
margin: 40px 0 0
}
.ResponseHomepage__VideoContainer h3 {
font-size: 35px;
line-height: 120%;
margin: 0 0 27px;
font-weight: 400
}
.ResponseHomepage__VideoContainer p {
color: hsla(0, 0%, 100%, .8);
font-size: 22px;
letter-spacing: -.01em;
line-height: 40px;
margin: 0 20px 10px 0
}
.ResponseHomepage__VideoContainer a {
color: #40c3d9;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer
}
.ResponseHomepage__VideoRow {
display: grid;
grid-template-columns: 5fr 3fr
}
.ResponseHomepage__VideoImage {
position: relative;
margin: 0 10px 15px 0;
max-width: 525px;
cursor: pointer
}
.ResponseHomepage__VideoImage.video-container {
width: 100%
}
.ResponseHomepage__VideoImage.video-container .play-btn {
background: #40c3d9;
position: absolute;
top: 50%;
left: 50%;
margin-top: -38px;
margin-left: -30px;
width: 63px;
height: 63px;
border-radius: 50%
}
.ResponseHomepage__VideoImage.video-container .w-css-reset[data-handle=clickForSoundButton] {
display: none !important
}
.ResponseHomepage__VideoImage.video-container .cls-featuredPlay {
fill: #fff
}
.ResponseHomepage__VideoImage .cls-featuredPlay {
fill: #40c3d9
}
.ResponseHomepage__VideoImage img {
-webkit-filter: brightness(.9);
filter: brightness(.9);
width: 100%;
max-width: 100%;
border-radius: 14.705px;
-webkit-box-shadow: 5px 5px #40c3d9;
box-shadow: 5px 5px #40c3d9;
max-width: 425px
}
.ResponseHomepage__VideoImage:hover .cls-featuredPlay {
fill: #fff
}
.ResponseHomepage__VideoImage:hover img {
-webkit-filter: brightness(1);
filter: brightness(1)
}
.ResponseHomepage__VideoImage svg {
position: absolute;
width: 100%;
max-width: 63px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.ResponseHomepage__Videobtn--Mobile {
display: none
}
@media screen and (max-width:767px) {
.ResponseHomepage__Content {
padding: 30px
}
.ResponseHomepage__HeadingCopy h2 {
font-size: 50px;
line-height: 120%
}
.ResponseHomepage__HeadingCopy h5 {
margin-bottom: 15px
}
.ResponseHomepage__CardContainer {
margin: 0
}
.ResponseHomepage__Cards {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.ResponseHomepage__Card {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0 0 20px
}
.ResponseHomepage__VideoRow {
grid-template-columns: 1fr
}
.ResponseHomepage__VideoRowLeft {
margin-bottom: 20px
}
.ResponseHomepage__Videobtn--Mobile {
margin-bottom: 25px;
display: block
}
.ResponseHomepage__Videobtn--Desktop {
display: none
}
}
.Services {
padding-top: 340px;
margin-top: -340px;
background: #3b2b76;
overflow-y: hidden;
-webkit-filter: blur(6px);
filter: blur(6px)
}
.Services__Header {
text-align: center;
max-width: 850px;
margin: 75px auto 72px;
color: #fff;
padding: 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.Services__Header h4 {
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
color: #40c3d9;
margin: 0 0 30px
}
.Services__Header p {
font-size: 24px;
line-height: 33px;
letter-spacing: -.02em;
margin: 0
}
@media screen and (max-width:767px) {
.Services__Header {
margin: 35px 0 25px
}
.Services__Header h4 {
margin-bottom: 20px
}
}
.Services__CardWrapper {
position: relative
}
.Services__BackgroundTransition {
position: relative;
width: 100%;
height: auto
}
.Services__BackgroundTransition svg {
position: absolute;
top: 64px;
left: 0;
height: auto;
width: 100%;
z-index: 10
}
@media screen and (max-width:767px) {
.Services__BackgroundTransition {
top: 400px
}
}
.Services__Content {
z-index: 10;
position: relative;
margin: 0 auto;
max-width: 1162px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 19px;
padding: 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:767px) {
.Services__Content {
grid-template-columns: repeat(1, minmax(0, 1fr));
max-width: 480px
}
}
.Services__ServiceCard {
background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .95)), to(rgba(239, 253, 255, .95)));
background: linear-gradient(180deg, hsla(0, 0%, 100%, .95), rgba(239, 253, 255, .95));
border: 1px solid rgba(37, 224, 249, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 4px 16px rgba(37, 224, 249, .1);
box-shadow: 0 4px 16px rgba(37, 224, 249, .1);
border-radius: 16px;
padding: 28px 30px 35px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
@media screen and (max-width:850px) and (min-width:768px) {
.Services__ServiceCard {
padding-left: 15px;
padding-right: 15px
}
}
.Services__ServiceCard__Icon {
height: 50px;
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Services__ServiceCard__Icon svg {
max-width: 60px;
width: 100%
}
.Services__ServiceCard__Subheading {
margin-bottom: 15px
}
.Services__ServiceCard h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 88px;
font-size: 24px;
line-height: 29px;
letter-spacing: -.02em;
margin: 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.Services__ServiceCard hr {
width: 100%;
border-color: #40c3d9
}
.Services__ServiceCard h5 {
font-size: 20px;
font-style: italic;
font-weight: 500;
color: #294098;
margin: 15px 0;
line-height: 25px;
min-height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.Services__ServiceCard p {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 16px;
line-height: 25px;
letter-spacing: -.02em;
color: #294098;
margin: 0 0 20px;
min-height: 120px
}
.Services__ServiceCard__Button {
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #3b2b75;
-webkit-box-shadow: 4.5px 4.5px 0 rgba(37, 224, 249, .2);
box-shadow: 4.5px 4.5px 0 rgba(37, 224, 249, .2);
border-radius: 9px;
padding: 11px 30px;
color: #fff;
text-decoration: none;
-webkit-transition: background .2s;
transition: background .2s
}
.Services__ServiceCard__Button:hover {
background: #1d2c7b
}
.SOC {
background: #3b2b76;
padding-top: 117px;
-webkit-filter: blur(6px);
filter: blur(6px)
}
@media screen and (max-width:767px) {
.SOC {
padding-top: 65px
}
}
.SOC__Content {
max-width: 1212px;
padding: 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width:1063px) {
.SOC__Content {
padding: 0 24px
}
}
@media screen and (max-width:767px) {
.SOC__Content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.SOC__Left {
width: 203px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: rgba(14, 20, 43, .3);
border-radius: 12px;
border-bottom-right-radius: 52px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 40px 0
}
@media screen and (max-width:767px) {
.SOC__Left {
width: auto;
display: block;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
@media screen and (max-width:639px) {
.SOC__Left {
padding: 24px 0 0
}
}
.SOC__Stats {
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:767px) {
.SOC__Stats {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media screen and (max-width:639px) {
.SOC__Stats {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media screen and (max-width:359px) {
.SOC__Stats {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px
}
}
.SOC__Stat {
margin: 0;
padding: 0;
color: #fff;
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #40c3d9
}
.SOC__Stat:last-child {
border-bottom: none
}
.SOC__Stat dd {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: Effra;
font-style: normal;
font-weight: 900;
font-size: 53px;
line-height: 1em;
letter-spacing: -.04em
}
.SOC__Stat dd em {
font-style: normal;
font-weight: 400
}
.SOC__Stat dd small {
font-weight: 900;
font-size: 35px;
line-height: 1em;
letter-spacing: -.04em;
color: #40c3d9
}
.SOC__Stat dt {
margin: 0;
padding: 0;
font-family: Effra;
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 15px;
letter-spacing: -.01em;
color: #40c3d9;
text-align: center
}
@media screen and (max-width:767px) {
.SOC__Stat {
border-bottom: none;
border-right: 1px solid #40c3d9
}
.SOC__Stat:last-child {
border-right: none
}
}
@media screen and (max-width:639px) {
.SOC__Stat {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-bottom: 32px
}
.SOC__Stat:nth-child(2n) {
border-right: none
}
}
@media screen and (max-width:359px) {
.SOC__Stat {
width: auto;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
border-bottom: 1px solid #40c3d9;
border-right: none;
padding-bottom: 24px;
margin: 0 auto 24px;
max-width: 180px
}
.SOC__Stat:last-child {
border-bottom: none
}
}
.SOC__Right {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: 33px
}
@media screen and (max-width:767px) {
.SOC__Right {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 0;
margin-bottom: 40px
}
}
.SOC__SubHeading {
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
color: #40c3d9;
margin: 0 0 34px
}
.SOC__Heading {
font-weight: 900;
font-size: 56px;
line-height: 64px;
letter-spacing: -.025em;
color: #fff;
margin: 0 0 40px
}
@media screen and (max-width:639px) {
.SOC__Heading {
font-size: 48px;
line-height: 1.14em;
margin-bottom: 30px
}
}
.SOC__Paragraph p {
font-size: 24px;
line-height: 34px;
letter-spacing: -.02em;
color: hsla(0, 0%, 100%, .8);
margin: 0 0 35px
}
@media screen and (max-width:1063px) {
.SOC__Paragraph p {
font-size: 20px;
line-height: 28px
}
}
@media screen and (max-width:859px) and (min-width:768px) {
.SOC__Paragraph p {
font-size: 18px;
line-height: 26px
}
}
@media screen and (max-width:359px) {
.SOC__Paragraph p {
font-size: 18px;
line-height: 26px
}
}
.SOC__Paragraph p a {
color: #40c3d9
}
.SOC__FeaturesList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.SOC__FeaturesList ul {
list-style: none outside;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 21px;
letter-spacing: -.02em;
color: #fff;
width: 391px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.SOC__FeaturesList ul li {
margin: 0;
padding: 16px 0 16px 28px;
border-bottom: 1px solid #40c3d9;
position: relative
}
.SOC__FeaturesList ul li:before {
content: "";
display: block;
position: absolute;
top: 50%;
margin-top: -9px;
height: 18px;
width: 18px;
left: 0;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 8.13L12.695.183l1.055 1.055-9 9L.566 6.055 1.621 5 4.75 8.13z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 14px 11px;
background-position: 50%
}
.SOC__FeaturesList ul li:first-child {
border-top: 1px solid #40c3d9
}
@media screen and (max-width:1135px) {
.SOC__FeaturesList ul {
width: calc(50% - 10px)
}
}
@media screen and (max-width:639px) {
.SOC__FeaturesList {
display: block
}
.SOC__FeaturesList ul {
width: 100%
}
.SOC__FeaturesList ul:first-child li:last-child {
border-bottom: none
}
}
.BlogBody {
color: #000;
display: grid;
font-size: 20px;
font-style: normal;
font-weight: 400;
grid-gap: 40px;
grid-template-columns: 2fr 5fr 2fr;
letter-spacing: -.02em;
line-height: 32px;
margin: 0 auto;
max-width: 1520px;
padding: 50px 0 0;
width: 100%
}
.BlogBody,
.BlogBody__Content {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.BlogBody__Content {
max-width: 1000px;
position: relative;
border-bottom: 1px solid #707070
}
.BlogBody__Content,
.BlogBody__ContentLeft {
padding-bottom: 50px
}
.BlogBody__Content img {
display: block;
width: 100%
}
.BlogBody__Content figcaption {
background-color: #e9ebf4;
color: #19234d;
font-size: .8em;
font-size: 15px;
font-style: italic;
line-height: 18px;
padding: 12px 15px;
text-align: left
}
.BlogBody__H2,
.BlogBody h2 {
font-size: 32px;
line-height: 37px;
color: #5163a7
}
.BlogBody__H2,
.BlogBody__H3,
.BlogBody h2,
.BlogBody h3 {
font-weight: 900;
letter-spacing: -1px;
margin: 58px 0 10px;
scroll-margin-top: 130px
}
.BlogBody__H3,
.BlogBody h3 {
font-size: 27px;
line-height: 32px;
color: #000
}
.BlogBody__H2:first-child,
.BlogBody h2:first-child {
margin-top: 20px
}
.BlogBody__Paragraph,
.BlogBody p {
margin: 0 0 32px
}
.BlogBody a {
color: #5a81bc;
text-decoration: none
}
.BlogBody__UnorderedList,
.BlogBody ul {
margin: 0;
padding: 0;
list-style: none inside
}
.BlogBody__UnorderedList ul,
.BlogBody ul ul {
margin-top: 15px
}
.BlogBody__UnorderedList li,
.BlogBody ul li {
position: relative;
padding: 0 0 0 32px;
margin: 0 0 32px
}
.BlogBody__UnorderedList li:before,
.BlogBody ul li:before {
content: "";
display: block;
position: absolute;
top: 8px;
left: 0;
width: 32px;
height: 32px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.504.512L7.752 2.264l3.912 3.912H.792v2.856H11.64L7.776 12.92l1.752 1.752 7.08-7.08L9.504.512z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 0
}
.BlogBody__Blockquote,
.BlogBody blockquote {
display: block;
background: rgba(64, 195, 217, .15);
font-size: 24px;
line-height: 40px;
letter-spacing: -.02em;
color: #263c91;
position: relative;
margin: 0 0 32px;
padding: 16px 16px 16px 44px
}
.BlogBody__Blockquote:before,
.BlogBody blockquote:before {
content: "";
display: block;
position: absolute;
background: #40c3d9;
width: 4px;
top: 16px;
left: 16px;
height: calc(100% - 32px)
}
.BlogBody .Image--FullWidth {
display: block;
height: auto;
margin: 50px 0 50px -43px;
width: calc(100vw - 230px);
max-width: 1048px;
width: 100%
}
@media (min-width:0) and (max-width:768px) {
.BlogBody .Image--FullWidth {
width: 100%;
margin: 20px 0
}
}
.BlogBody figure {
margin: 0
}
.BlogBody__FloatingCTA {
background: #263c91;
float: right;
border-radius: 8px 8px 16px 8px;
padding: 38px 40px;
width: 48%;
min-width: 400px;
-webkit-box-sizing: border-box;
margin: 0 -30px 20px 28px;
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
box-sizing: border-box
}
@media screen and (min-width:1206px) {
.BlogBody__FloatingCTA {
margin-right: calc(-100vw - -1176px)
}
}
@media screen and (min-width:1291px) {
.BlogBody__FloatingCTA {
margin-right: -113px
}
}
@media (min-width:0) and (max-width:400px) {
.BlogBody__FloatingCTA {
min-width: 100%
}
}
.BlogBody__FloatingCTA h6 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: .2em;
text-transform: uppercase;
color: #40c3d9;
margin: 0
}
.BlogBody__FloatingCTA h4 {
font-weight: 400;
font-size: 30px;
line-height: 36px;
letter-spacing: -.01em;
color: #fff;
margin: 20px 0 10px
}
.BlogBody__FloatingCTA p {
font-size: 16px;
line-height: 24px;
letter-spacing: -.01em;
color: hsla(0, 0%, 100%, .8);
margin: 0
}
.BlogBody__FloatingCTAButton {
display: block;
padding: 25px;
text-align: center;
background: #40c3d9;
-webkit-box-shadow: 4px 4px 0 #000;
box-shadow: 4px 4px 0 #000;
border-radius: 4px;
font-size: 24px;
line-height: 29px;
letter-spacing: -.01em;
color: #000;
text-decoration: none;
margin-top: 25px
}
.BlogBody__SideNote {
position: relative
}
.BlogBody__SideNote div {
position: absolute;
left: -227px;
width: 183px;
background: rgba(64, 195, 217, .2);
border: 1px solid rgba(37, 224, 249, .2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 16px 23px
}
.BlogBody__SideNote h6 {
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
text-transform: uppercase;
color: #263c91;
margin: 0 0 10px
}
.BlogBody__SideNote p {
font-size: 13px;
line-height: 18px;
letter-spacing: -.01em;
color: #0a0a0a;
margin: 0 0 12px !important
}
.BlogBody__SideNote p:after {
content: "";
display: block;
width: 92px;
height: 1px;
background: #66cfe1;
margin-top: 16px
}
.BlogBody__SideNote a {
font-size: 12px;
line-height: 17px;
display: block;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .075em;
color: #263c91
}
h2+.BlogBody__SideNote div {
top: -40px
}
.BlogBody__BlogBottomCTA {
margin: 30px auto 50px
}
@media (min-width:0) and (max-width:768px) {
.BlogBody__BlogBottomCTA {
margin-top: 0
}
}
.BlogBody__BlogBottomCTA--NoMargin {
margin: 20px 0 -50px
}
@media (min-width:0) and (max-width:768px) {
.BlogBody__BlogBottomCTA--NoMargin {
margin: 0 0 20px
}
}
.BlogBody__BlogBottomCTA .BlogBody__Content {
border: none;
padding: 0;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.BlogBody__KeyTakeaways {
background: rgba(64, 195, 217, .1);
border: 1px solid #40c3d9;
border-radius: 8px 8px 64px 8px;
padding: 16px 20px;
margin-bottom: 20px
}
.BlogBody__KeyTakeaways h2:first-child {
margin: 0 0 8px;
font-size: 22px;
line-height: 30px;
letter-spacing: .02em;
color: #000
}
.BlogBody__KeyTakeaways ul {
margin-left: 10px;
font-size: 18px;
line-height: 130%
}
.BlogBody__KeyTakeaways ul li {
margin: 10px 0;
padding: 0 0 0 28px
}
.BlogBody__KeyTakeaways ul li:before {
top: 4px
}
.BlogBody__KeyTakeaways ul li:last-child {
margin-bottom: 0
}
.BlogBody__WithQuickNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width:0) and (max-width:1400px) {
.BlogBody__WithQuickNav {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.BlogBody__LearnMoreBox {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
padding: 15px
}
.BlogBody__LearnMoreBox h3 {
color: #19234d;
font-size: 16px;
line-height: 125%;
text-align: center;
margin: 0 0 10px;
font-weight: 600
}
.BlogBody__LearnMoreBox a {
color: #19234d;
text-align: center;
font-weight: 700;
font-size: 15px;
line-height: 110%;
background: #c9cee3;
display: block;
padding: 10px;
letter-spacing: .5px
}
.BlogBody__SideNav {
margin-top: 100px;
position: -webkit-sticky;
position: sticky;
top: 25%;
width: 100%
}
.BlogBody__SideNavLine {
width: 0;
height: 100%;
position: absolute;
border: .1px solid #eaeaea;
margin: 0;
left: 13px
}
@media (min-width:0) and (max-width:768px) {
.BlogBody__SideNavLine {
left: 33px
}
}
.BlogBody__SideNavLinks {
position: relative
}
.BlogBody__SideNavBox {
position: -webkit-sticky;
position: sticky;
top: 30%;
width: 100%;
max-width: 100%;
padding: 0 0 0 8px
}
.BlogBody__SideNavBox h3 {
letter-spacing: .4px;
color: #19234d;
font-size: 16px;
line-height: 125%;
font-weight: 600;
margin: 0 0 20px
}
.BlogBody__SideNavBox ul {
margin-left: 5px
}
.BlogBody__SideNavBox ul li {
color: #19234d;
font-size: 15px;
line-height: 120%;
margin: 0 0 12px;
padding: 0 0 0 30px;
cursor: pointer
}
.BlogBody__SideNavBox ul li:before {
content: "•";
color: #c5edf4;
background: none;
font-size: 35px;
top: -4px;
width: 30px;
height: 30px;
left: 2px
}
.BlogBody__SideNavBox ul li:hover {
-webkit-box-shadow: 0 .5px 4.5px .5px #fff;
box-shadow: 0 .5px 4.5px .5px #fff;
color: #7b86e0
}
.BlogBody__SideNavBox ul li.active,
.BlogBody__SideNavBox ul li:hover {
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.BlogBody__SideNavBox ul li.active {
color: #5063f9;
font-weight: 600
}
.BlogBody__SideNavBox ul li.active:before {
color: #40c3d9;
font-size: 44px;
left: 0
}
@media (min-width:0) and (max-width:1400px) {
.BlogBody__SideNav {
padding: 0 0 30px 43px;
border-left: 1px solid #e2e7ed
}
.BlogBody__SideNavBox {
max-width: 850px;
padding: 0
}
.BlogBody__SideNavBox h3 {
padding: 20px 20px 0
}
.BlogBody__SideNavBox ul {
padding: 0 20px 20px
}
}
@media (min-width:0) and (max-width:768px) {
.BlogBody__SideNav {
padding: 0 20px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
.BlogBody__FeaturedForm {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 35px;
background-size: cover;
background-position: 50%;
cursor: default;
min-height: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 15px
}
.BlogBody__FormTop {
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 9px
}
.BlogBody__FormTopSuccess {
padding: 15px;
background-color: #fff;
border-radius: 8px
}
.BlogBody__FormTopSuccess h3 {
margin: 0 0 6px;
font-size: 25px;
line-height: 125%;
font-weight: 500
}
.BlogBody__FormTopSuccess p {
font-size: 16px;
line-height: 22px;
margin-bottom: 0
}
.BlogBody__Discalimer {
color: #fff;
opacity: .45;
font-size: 12px;
line-height: 120%;
-webkit-transition: opacity .15s;
transition: opacity .15s;
margin: -25px 0 5px !important;
grid-column: span 2/span 2
}
.BlogBody__Discalimer a {
color: #40c3d9
}
.BlogBody__Field {
grid-column: span 1/span 1
}
.BlogBody__Field--Full {
grid-column: span 2/span 2
}
.BlogBody__FormCopy {
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
color: #fff
}
.BlogBody__FormCopy h3 {
margin: 0 0 10px;
padding-right: 30px;
font-size: 27px;
color: #fff;
font-weight: 500;
letter-spacing: .002em
}
.BlogBody__FormCopy p {
margin: 0;
padding-right: 30px;
font-size: 20px;
line-height: 132%
}
.BlogBody__sf-InputGroup {
position: relative
}
.BlogBody__sf-InputGroup__Input {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
width: 100%;
padding: 16px 18px;
font-size: 14px;
color: #000;
position: relative;
-webkit-transition: all .15s linear;
transition: all .15s linear;
background: #fff
}
.BlogBody__sf-InputGroup__Input::-webkit-input-placeholder {
color: #000;
opacity: .6
}
.BlogBody__sf-InputGroup__Input::-moz-placeholder {
color: #000;
opacity: .6
}
.BlogBody__sf-InputGroup__Input:-ms-input-placeholder {
color: #000;
opacity: .6
}
.BlogBody__sf-InputGroup__Input::-ms-input-placeholder {
color: #000;
opacity: .6
}
.BlogBody__sf-InputGroup__Input::placeholder {
color: #000;
opacity: .6
}
.BlogBody__sf-InputGroup__Input__RequiredMarker {
content: "";
display: block;
position: absolute;
z-index: 5;
top: 50%;
margin-top: -4px;
right: 26px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #263c91
}
.BlogBody__Recaptcha {
margin-top: 5px;
grid-column: span 2/span 2
}
.BlogBody__Recaptcha .g-recaptcha {
-webkit-transform: scale(.65);
transform: scale(.65);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.BlogBody__Recaptcha iframe {
border-radius: 12px
}
.BlogBody__FormButton {
-webkit-transition: all .2s ease;
cursor: pointer;
font-family: Effra;
font-style: normal;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
border-radius: 8px;
padding: 10px 30px;
background: #40c3d9;
color: #0e142b;
font-size: 15px;
font-weight: 500;
transition: all .2s ease;
grid-column: span 2/span 2
}
.BlogBody__FormButton:hover {
background: #95deea
}
.BlogBody__FormIframe {
width: 100%;
height: 410px;
border: none
}
.BlogBody__LatestBlogs {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Blog/blog_main_recommended_dark_1920x1304.png);
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0
}
.BlogBody__LatestBlogs__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.BlogBody__LatestBlogs__Content h2 {
color: #fff;
font-size: 60px;
font-weight: 700;
line-height: 70px;
margin: 0 0 50px;
text-align: center
}
.BlogBody__LatestBlogs__Cards {
display: grid;
grid-gap: 12px;
grid-template-columns: 1fr 1fr 1fr
}
.BlogBody__LatestBlogs__Card {
cursor: pointer
}
.BlogBody__LatestBlogs__Card img {
display: block;
width: 100%
}
.BlogBody__LatestBlogs__CardTop {
background-color: #fff
}
.BlogBody__LatestBlogs__CardTop div {
padding: 20px
}
.BlogBody__LatestBlogs__CardTop span {
color: #0e142b;
display: block;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 12px;
margin: 0 0 16px
}
.BlogBody__LatestBlogs__CardTop h5 {
color: #19234d;
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin: 0
}
.BlogBody__LatestBlogs__CardCta {
background-color: #fff;
padding: 0 20px 20px
}
.BlogBody__LatestBlogs__CardCta span {
background-color: #263c91;
border-radius: 1px;
color: #fff;
font-size: 12px;
font-weight: 700;
letter-spacing: .9px;
line-height: 16px;
padding: 10px 30px;
text-transform: uppercase
}
.BlogBody__SecurityAdvisoryTopCTA {
color: #4b64ff;
cursor: pointer;
display: block;
font-size: 20px;
font-weight: 700;
letter-spacing: .7px;
line-height: 32px;
text-align: center;
text-transform: uppercase;
text-decoration: underline !important
}
@media (min-width:0) and (max-width:768px) {
.BlogBody {
padding-left: 0;
grid-template-columns: 1fr;
grid-gap: 10px
}
.BlogBody__Content {
padding: 20px
}
.BlogBody__SideNote div {
position: relative;
left: 0;
width: 100%
}
.BlogBody img {
width: 100%;
margin: 80px 0 50px
}
.BlogBody__FormIframe {
height: 520px
}
.BlogBody__LatestBlogs__Content {
padding: 0 15px
}
.BlogBody__LatestBlogs__Cards {
grid-template-columns: 1fr
}
.BlogBody__LatestBlogs__Content h2 {
font-size: 45px;
line-height: 52px
}
.BlogBody-Form {
padding-top: 0;
grid-gap: 0
}
.BlogBody__SecurityAdvisoryCTATop .BlogBody__Content a,
.BlogBody__SecurityAdvisoryCTATop .BlogBody__Content li,
.BlogBody__SecurityAdvisoryCTATop .BlogBody__Content p,
.BlogBody__SecurityAdvisoryCTATop .BlogBody__Content td {
word-break: break-word
}
}
@media (min-width:0) and (max-width:515px) {
.BlogBody__FloatingCTA {
width: 100%;
min-width: 0;
margin: 0
}
}
@media (min-width:0) and (max-width:1063px) {
.BlogBody {
padding-left: 0
}
}
.BlogAuthor {
margin: 75px auto 0
}
.BlogAuthor__Content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: grid;
grid-gap: 15px;
grid-template-columns: 2fr 7fr;
margin: 0 auto;
max-width: 1060px;
padding: 0 43px
}
.BlogAuthor__Photo img {
width: 100%;
max-width: 175px;
border-radius: 50%;
border: 1px solid #40c3d9;
background-color: #fff
}
.BlogAuthor__Name {
font-weight: 900;
font-size: 32px;
line-height: 39px;
letter-spacing: -1px;
color: #0e142b;
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.BlogAuthor__Title {
font-weight: 400;
font-size: 24px;
line-height: 31px;
letter-spacing: -1px;
color: #40c3d9;
display: inline-block;
margin-left: 12px
}
.BlogAuthor__TopLink {
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-align: right;
color: #263c91;
text-decoration: none
}
.BlogAuthor__Bio {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.BlogAuthor__Bio p {
font-size: 16px;
line-height: 24px;
letter-spacing: -.02em;
color: #0e142b;
margin-bottom: 24px
}
@media (min-width:0) and (max-width:768px) {
.BlogAuthor {
margin: 50px 0 0;
padding: 10px
}
.BlogAuthor__Content {
padding: 0 10px
}
.BlogAuthor__Top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BlogAuthor__Photo {
margin-bottom: 20px;
width: 100%
}
.BlogAuthor__Name,
.BlogAuthor__Photo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BlogAuthor__Name {
text-align: center
}
.BlogAuthor__Bio {
padding: 20px;
border-bottom-right-radius: 8px
}
.BlogAuthor__Bio p {
margin-bottom: 0;
text-align: center
}
.BlogAuthor__Content:before {
display: none
}
.BlogAuthor__Content {
grid-template-columns: 1fr;
grid-gap: 0
}
.BlogAuthor__ContentLeft {
padding-bottom: 0
}
.BlogAuthor__Bio {
padding: 0
}
}
@media (min-width:0) and (max-width:600px) {
.BlogBody__FeaturedForm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 25px 25px
}
.BlogBody__FormCopy {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 20px
}
.BlogBody__Field {
grid-column: span 2/span 2
}
}
.BlogHeading {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Blog/esentire-blog-article-hero-bg-img.jpg);
background-size: cover;
background-repeat: no-repeat
}
.BlogHeading__Content {
max-width: 1260px;
margin: 0 auto;
padding: 100px 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.BlogHeading__Breadcrumb {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
line-height: 14px;
margin: 0 0 36px;
padding: 8px 10px;
text-transform: uppercase;
background-color: #40c3d9
}
.BlogHeading__Title {
font-family: Effra, Arial, Helvetica, sans-serif;
font-weight: 900;
font-size: 62px;
line-height: 70px;
letter-spacing: 0;
color: #fff;
margin: 0
}
@media (min-width:0) and (max-width:768px) {
.BlogHeading__Title.smallerMobileHeading {
font-size: 37px;
line-height: 45px
}
}
.BlogHeading__Title.heading-long {
font-size: 45px;
line-height: 48px
}
.BlogHeading__SubHeading {
margin: 0 0 12px;
color: #929dc8
}
.BlogHeading__SubHeading--Bottom {
margin: 32px 0 12px
}
.BlogHeading__SubHeading--Small {
font-size: 30px !important;
line-height: 40px !important
}
.BlogHeading__PR--Subtitle p {
margin-bottom: 0;
font-size: 30px;
line-height: 37px
}
.BlogHeading__ReadTime {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 16px;
background: #d9f3f7;
border-radius: 8px;
font-weight: 700;
font-size: 12px;
line-height: 14px;
letter-spacing: .2em;
text-transform: uppercase;
color: #263c91;
margin: 36px 0
}
.BlogHeading__ReadTimeShare,
.BlogHeading__SocialShare {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.BlogHeading__SocialShare {
margin-left: 30px
}
.BlogHeading__SocialShare p {
color: #263c91;
font-weight: 600;
font-size: 12px;
line-height: 14px;
letter-spacing: .2em
}
.BlogHeading__SocialShare a {
margin: 0 0 0 10px
}
.BlogHeading__SocialShare a:first-child svg {
max-width: 20px
}
.BlogHeading__SocialShare svg {
width: 100%;
max-width: 28px
}
.BlogHeading__IntroParagraph {
font-weight: 400;
font-size: 32px;
line-height: 150%;
letter-spacing: -.02em;
margin: 0;
color: #c3c5f4
}
.BlogHeading__Credits {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 35px 0 45px
}
.BlogHeading__Credits p {
letter-spacing: 2.2px;
margin: 0
}
.BlogHeading__Credits p,
.BlogHeading__ReadDateTime p {
text-transform: uppercase
}
.BlogHeading__BlogType {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.BlogHeading__BlogType p {
margin: 0 10px 0 0;
color: #19234d;
background-color: #e9ebf4;
border-radius: 18px;
padding: 7px 12px;
font-size: 14px;
line-height: 18px
}
.BlogHeading__TagsShare {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width:0) and (max-width:1063px) {
.BlogHeading {
padding-left: 0
}
.BlogHeading__Content {
border-left: none
}
.BlogHeading__Title {
font-size: 62px;
line-height: 120%
}
}
@media (min-width:0) and (max-width:768px) {
.BlogHeading__Content {
padding: 75px 15px
}
.BlogHeading__Credits {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.BlogHeading__Author {
margin-bottom: 10px
}
.BlogHeading__BlogType {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BlogHeading__BlogType p {
margin-bottom: 14px
}
.BlogHeading__Title {
font-weight: 600;
letter-spacing: 0;
line-height: 100% !important
}
}
.Posts {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 605px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
padding: 0 48px;
background-color: #d9f3f7
}
.Posts.mediaCoverage .Posts__Block,
.Posts.newsReleases .Posts__Block,
.Posts.securityAdvisories .Posts__Block {
min-height: 300px
}
.Posts.mediaCoverage .Posts__BlockImage {
background-repeat: no-repeat;
background-size: contain;
height: inherit;
margin: 30px 0 50px;
min-height: 100px
}
.Posts.mediaCoverage .Posts__Container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.Posts.mediaCoverage .Posts__Container .Posts__MediaContact p {
text-align: right;
margin: 0;
font-size: 22px;
line-height: 24px
}
.Posts.mediaCoverage .Posts__Container .Posts__MediaContact p a {
text-decoration: none;
color: #263c91
}
.Posts.mediaCoverage .Posts__Container.cta {
display: block
}
.Posts__Top {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
padding: 76px 0
}
.Posts__Bottom,
.Posts__Top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.Posts__Bottom {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row
}
.Posts__Container {
max-width: 1335px;
width: 100%;
margin: 0 auto
}
.Posts__Container h3 {
font-size: 48px;
line-height: 1em;
letter-spacing: -.025em;
font-weight: 700;
margin: 0 0 30px;
text-transform: capitalize
}
.Posts__Container.cta {
margin-top: 20px;
text-align: center
}
.Posts__Cta {
color: #4b64ff;
cursor: pointer;
font-size: 18px;
font-weight: 600;
letter-spacing: .8px;
line-height: 23px;
text-decoration: underline;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Posts__Row {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 32px
}
.Posts__Row:last-child {
margin-bottom: 0
}
.Posts__Block {
background: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 361px;
flex: 0 1 361px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 16px 0 0;
min-height: 552px;
padding: 40px 35px;
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Posts__Block:hover {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.Posts__Block:hover .Recommended__BlockFooter {
color: #6800e9
}
.Posts__Block:last-child {
margin: 0
}
.Posts__BlockTop {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden
}
.Posts__BlockFooter {
color: #5063f9;
font-size: 15px;
font-weight: 700;
letter-spacing: .7px;
line-height: 24px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Posts__BlockImage {
width: 100%;
height: 240px;
background-position: 50%;
background-size: cover;
margin-bottom: 26px
}
.Posts__BlockTime {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 900;
font-size: 12px;
line-height: 144.8%;
letter-spacing: .075em;
color: #40c3d9
}
.Posts__BlockDate {
text-transform: uppercase;
color: #a8b1d3;
font-size: 13px;
line-height: 13px;
margin: 0 0 15px;
letter-spacing: 1.4px
}
.Posts__BlockDuration {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
color: #fff;
background: #696de3;
border-radius: 10px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
line-height: 13px;
padding: 5px 6px;
-ms-flex-item-align: center;
align-self: center;
position: absolute;
top: 15px;
right: 15px
}
.Posts__BlockDuration svg {
width: 100%;
max-width: 12px;
margin-right: 4px
}
.Posts__BlockSummary {
color: #263c91;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin: 0 0 20px
}
.Posts__Pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 76px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Posts__Pagination>* {
margin-right: 10px
}
.Posts__Pagination>:last-child {
margin: 0
}
.Posts__Pagination input {
text-align: center;
border: 1px solid #40c3d9;
border-radius: 8px;
overflow: hidden;
padding: 10px 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 33px;
resize: horizontal;
width: 40px
}
.Posts__Pagination input:active {
width: 40px
}
.Posts__Pagination input:focus {
min-width: 40px
}
.Posts__PageButton {
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #263c91;
background: #d9f3f7;
border-radius: 8px;
height: 33px;
padding: 10px 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 700;
font-size: 12px;
line-height: 14px;
letter-spacing: .2em;
text-transform: uppercase
}
.Posts__PageButton:hover {
background: #85d8e5
}
.Posts--page-arrow {
font-size: 24px;
font-weight: 900
}
.Posts--page-arrow span {
margin-top: -4px;
margin-right: -4px
}
.Posts--page-disabled {
background: #d9f3f7;
opacity: .3;
color: #263c91
}
.Posts--page-disabled:hover {
background: #d9f3f7
}
@media (min-width:0px) and (max-width:768px) {
.Posts,
.Posts__Container.cta,
.Posts__Container h3 {
padding: 0 15px
}
.Posts.mediaCoverage .Posts__Container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.Posts.mediaCoverage .Posts__Container .Posts__MediaContact {
padding: 0 15px
}
.Posts.mediaCoverage .Posts__Container .Posts__MediaContact p {
text-align: left
}
.Posts.blog .Posts__BlockImage {
max-width: 100px;
max-height: 100px
}
.Posts.newsReleases .Posts__Row,
.Posts.securityAdvisories .Posts__Row {
margin-bottom: 0
}
.Posts.newsReleases .Posts__Block,
.Posts.securityAdvisories .Posts__Block {
min-height: auto
}
.Posts__Top {
padding-top: 32px;
padding-bottom: 32px
}
.Posts__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.Posts__Block {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 10px;
min-height: inherit
}
.Posts__Block:last-child {
margin: 10px
}
.Posts__BlockSummary {
font-size: 16px;
line-height: 110%;
margin-bottom: 10px
}
.Posts__Pagination {
margin-bottom: 32px
}
.Posts__Bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.Posts__Bottom>* {
margin-bottom: 10px
}
.Posts__Bottom>:last-child {
margin-bottom: 32px
}
.Posts--mobile {
display: inherit
}
.Posts--desktop {
display: none
}
}
.EntryHero__NewsRelease__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.EntryHero__NewsRelease__Content h2 {
color: #263c91
}
.EntryHero__NewsReleaseBottomCard {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #dbdbdb;
padding: 40px 35px
}
.EntryHero__NewsReleaseBottomCard h4 {
color: #a8b1d3;
font-size: 13px;
line-height: 13px;
margin: 0 0 15px;
letter-spacing: 1.4px;
text-transform: uppercase
}
.EntryHero__NewsReleaseBottomCard h3 {
color: #263c91;
font-size: 30px;
font-weight: 600;
line-height: 35px;
margin: 0 0 20px
}
.EntryHero__NewsReleaseBottomCard p {
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.EntryHero__NewsReleaseBottomCard a {
color: #5063f9;
font-size: 15px;
line-height: 24px;
font-weight: 700;
letter-spacing: .7px
}
.EntryHero__MediaCoverage__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.EntryHero__MediaCoverage__Content h2 {
color: #263c91
}
.EntryHero__MediaCoverageBottomCard {
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: grid;
grid-gap: 35px;
grid-template-columns: 1fr 2fr;
padding: 40px 35px
}
.EntryHero__MediaCoverageBottomCard h4 {
color: #a8b1d3;
font-size: 13px;
line-height: 13px;
margin: 0 0 15px;
letter-spacing: 1.4px
}
.EntryHero__MediaCoverageBottomCard h3 {
color: #263c91;
font-size: 30px;
font-weight: 600;
line-height: 35px;
margin: 0 0 60px
}
.EntryHero__MediaCoverageBottomCard a {
color: #5063f9;
font-size: 15px;
line-height: 24px;
font-weight: 700;
letter-spacing: .7px
}
.EntryHero__MediaCoverageBottomCardLeft {
background-repeat: no-repeat;
background-size: contain;
background-position: 50%
}
@media (min-width:0px) and (max-width:768px) {
.EntryHero__MediaCoverage__Content,
.EntryHero__NewsRelease__Content {
padding: 75px 15px
}
.EntryHero__MediaCoverageBottomCard {
grid-template-columns: 1fr
}
.EntryHero__MediaCoverageBottomCardLeft {
height: 150px
}
}
.libraryCard {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 600px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden
}
.libraryCard__Wave {
position: absolute;
top: 0;
left: -115px;
right: -115px;
z-index: -1
}
.libraryCard__Top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 76px 0
}
.libraryCard__Bottom {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center
}
.libraryCard__Bottom,
.libraryCard__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
justify-content: center
}
.libraryCard__Row {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
margin-bottom: 32px
}
.libraryCard__Row:last-child {
margin-bottom: 0
}
.libraryCard__Block {
-webkit-box-flex: 0;
-ms-flex: 0 1 361px;
flex: 0 1 361px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
min-height: 360px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #40c3d9;
-webkit-box-sizing: border-box;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .1);
box-shadow: 0 0 16px rgba(0, 0, 0, .1);
border-radius: 4px 4px 64px 4px;
padding: 20px;
margin: 0 16px 0 0;
box-sizing: border-box;
background: #fff
}
.libraryCard__Block:hover {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.libraryCard__Block:hover .Recommended__BlockFooter {
color: #6800e9
}
.libraryCard__Block:last-child {
margin: 0
}
.libraryCard__BlockTop {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden
}
.libraryCard__BlockFooter {
-webkit-transition: all .2s ease;
transition: all .2s ease;
font-weight: 900;
font-size: 12px;
line-height: 144.8%;
letter-spacing: .075em;
color: #9e50ff
}
.libraryCard__BlockImage {
width: 100%;
height: 240px;
background-position: 50%;
background-size: cover;
margin-bottom: 26px
}
.libraryCard__BlockTime {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 900;
font-size: 12px;
line-height: 144.8%;
letter-spacing: .075em;
color: #40c3d9
}
.libraryCard__BlockDate {
color: #263c91
}
.libraryCard__BlockDate,
.libraryCard__BlockDuration {
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
text-transform: uppercase
}
.libraryCard__BlockDuration {
color: rgba(14, 20, 43, .4)
}
.libraryCard__BlockSummary {
font-weight: 400;
font-size: 28px;
line-height: 33px;
letter-spacing: -.01em;
color: #151515
}
.libraryCard__Pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 76px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.libraryCard__Pagination>* {
margin-right: 10px
}
.libraryCard__Pagination>:last-child {
margin: 0
}
.libraryCard__Pagination input {
text-align: center;
border: 1px solid #40c3d9;
border-radius: 8px;
overflow: hidden;
padding: 10px 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 33px;
resize: horizontal;
width: 40px
}
.libraryCard__Pagination input:active {
width: 40px
}
.libraryCard__Pagination input:focus {
min-width: 40px
}
.libraryCard__PageButton {
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #263c91;
background: #d9f3f7;
border-radius: 8px;
height: 33px;
padding: 10px 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 700;
font-size: 12px;
line-height: 14px;
letter-spacing: .2em;
text-transform: uppercase
}
.libraryCard__PageButton:hover {
background: #85d8e5
}
.libraryCard--page-arrow {
font-size: 24px;
font-weight: 900
}
.libraryCard--page-arrow span {
margin-top: -4px;
margin-right: -4px
}
.libraryCard--page-disabled {
background: #d9f3f7;
opacity: .3;
color: #263c91
}
.libraryCard--page-disabled:hover {
background: #d9f3f7
}
.libraryCard--mobile {
display: none
}
@media (min-width:0px) and (max-width:768px) {
.libraryCard__Top {
padding-top: 32px;
padding-bottom: 32px
}
.libraryCard__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.libraryCard__Block {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 10px;
min-height: inherit
}
.libraryCard__Block:last-child {
margin: 10px
}
.libraryCard__BlockSummary {
font-size: 16px;
line-height: 110%;
margin-bottom: 10px
}
.libraryCard__Pagination {
margin-bottom: 32px
}
.libraryCard__Bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.libraryCard__Bottom>* {
margin-bottom: 10px
}
.libraryCard__Bottom>:last-child {
margin-bottom: 32px
}
.libraryCard--mobile {
display: inherit
}
.libraryCard--desktop {
display: none
}
}
.LibraryHero__PB10 .LibraryHero__Content {
padding-bottom: 20px
}
.LibraryHero__Content .LibraryHero__FilterType {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
padding: 24px 0 0;
margin-top: 69px;
margin-bottom: 50px
}
.LibraryHero__Content .LibraryHero__FilterTypeBold {
border-bottom: 7px solid #0e142b;
font-weight: 900 !important;
padding: 0 0 17px !important
}
.LibraryHero__Content .LibraryHero__FilterType a {
color: #19234d;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
font-weight: 700;
padding: 0 0 24px
}
.LibraryHero__Content .LibraryHero__FilterBox {
margin-bottom: 60px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
background: #fff;
padding: 36px 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
position: relative
}
.LibraryHero__Content .LibraryHero__FilterBoxItem {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 26px
}
.LibraryHero__Content .LibraryHero__FilterBoxItem.FilterBox__Search {
-webkit-box-flex: .25;
-ms-flex: .25;
flex: .25;
padding-right: 0;
display: none
}
.LibraryHero__Content .LibraryHero__SearchField {
display: none
}
.LibraryHero__Content .LibraryHero__SearchForm {
margin: 0
}
.LibraryHero__Content .LibraryHero__SearchLabel {
padding: 18px 70px;
background: #0e142b
}
.LibraryHero__Content .LibraryHero__SearchLabel svg ellipse,
.LibraryHero__Content .LibraryHero__SearchLabel svg path {
stroke: #fff
}
.LibraryHero__Content .LibraryHero__SearchFormContainer {
padding-bottom: 0
}
.LibraryHero__SearchField:focus {
color: #fff
}
.FullBleed {
background: #0e142b;
color: #fff
}
.FullBleed h2 {
margin-bottom: 30px;
letter-spacing: 0;
color: #fff;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin-top: 0
}
.RecommendedSection__Content {
max-width: 1260px;
margin: 0 auto;
padding: 100px 48px
}
.RecommendedSection__SliderMobile {
display: none
}
.RecommendedSection__PrevArrow {
position: absolute;
margin-top: -25px;
left: 0;
top: 50%;
rotate: -90deg;
font-size: 2em;
border: 2px solid #fff;
padding: .25em;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
margin-left: -125px;
display: none
}
.RecommendedSection__PrevArrow svg {
width: 25px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20%;
margin-top: -30%
}
.RecommendedSection__NextArrow {
position: absolute;
margin-top: -25px;
right: 0;
top: 50%;
font-size: 2em;
border: 2px solid #fff;
padding: .25em;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
rotate: 90deg;
margin-right: -125px;
display: none
}
.RecommendedSection__NextArrow svg {
width: 25px;
position: absolute;
top: 50%;
right: 50%;
margin-right: -20%;
margin-top: -30%
}
.RecommendedSection__Slider {
position: relative
}
.RecommendedSection__Resources,
.RecommendedSection__Slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.RecommendedSection__ResourceImage img {
max-width: 100%
}
.RecommendedSection__Resource {
margin-right: 15px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.RecommendedSection__Resource :last-of-type {
margin-right: 0
}
.RecommendedSection__Eyebrow {
font-size: 14px;
font-weight: 600;
margin-top: 40px;
margin-bottom: 20px;
line-height: 18px;
letter-spacing: 2.1px
}
.RecommendedSection__ResourceText h4 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
font-weight: 700;
margin-top: 0;
margin-bottom: 20px
}
.RecommendedSection__ResourceText p {
font-size: 18px;
line-height: 23px;
letter-spacing: 0;
margin-bottom: 40px
}
.RecommendedSection__ResourceText a {
letter-spacing: 0;
color: #4b64ff;
font-size: 18px;
line-height: 23px;
font-weight: 600
}
.LibraryContent__PT30 .LibraryContent__Content {
padding-top: 40px !important
}
.LibraryContent__Row :last-child .LibraryContent__Block {
border-bottom: none
}
.LibraryContent .LibraryContent__Content {
max-width: 1260px;
display: block;
padding: 100px 0;
margin: 0 auto
}
.LibraryContent .LibraryContent__Content .libraryCard--page-arrow {
width: 50px;
height: 50px;
border-radius: 50%
}
.LibraryContent .LibraryContent__Content .libraryCard__PageButton {
background: #000
}
.LibraryContent .LibraryContent__Content .libraryCard__Pagination input {
border: 1px solid #707070;
height: 36px;
width: 36px;
border-radius: 1px
}
.LibraryContent .LibraryContent__Content .libraryCard--page-disabled {
background: #000;
opacity: .3
}
.LibraryContent .LibraryContent__Content .libraryCard__PageButton svg {
width: 15px;
left: 50%;
top: 50%;
margin-left: -3.5px;
margin-top: 2.5px
}
.LibraryContent .LibraryContent__Content .LibraryContent__BottomBox {
padding: 0
}
.LibraryContent .LibraryContent__Content .LibraryContent__Block:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.LibraryContent .LibraryContent__Content--Tools {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.LibraryContent .LibraryContent__Content--Tools .LibraryContent__Cards,
.LibraryContent .LibraryContent__Content .LibraryContent__Cards {
margin-top: 0;
-webkit-box-flex: 10;
-ms-flex: 10;
flex: 10
}
.LibraryContent .LibraryContent__Content .LibraryContent__GetStarted {
position: -webkit-sticky;
position: sticky;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3
}
.LibraryContent .LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__Block {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border-radius: 0;
margin: 0 15px 0 0;
border-bottom: 0
}
.LibraryContent .LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__BlockImage img {
border-radius: 0
}
.LibraryContent .LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__BlockFooter {
color: #4b64ff;
font-weight: 600
}
.LibraryContent .LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__BlockSummary h5 {
font-size: 15px;
line-height: 28px;
color: #929dc8;
margin-top: 0;
margin-bottom: 20px
}
.LibraryContent .LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__BlockSummary h3 {
margin-bottom: 30px;
color: #263c91
}
.LibraryContent__Row--Tools .LibraryContent__BlockSummary p {
color: #0e142b
}
.LibraryContent .LibraryContent__Block {
max-width: unset;
margin: 0 16px 0 0;
border-radius: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 444px;
flex: 0 1 444px;
ms-flex: 0 1 444px;
border: none;
border-bottom: 2px solid #dedede;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
min-height: 360px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.LibraryContent .LibraryContent__BlockImage img {
border-radius: 0;
width: 100%
}
.LibraryContent .LibraryContent__Block:hover {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.LibraryContent .LibraryContent__Block:hover .Recommended__BlockFooter {
padding: 15px 20px;
color: #6800e9
}
.LibraryContent .LibraryContent__Block:last-child {
margin: 0
}
.LibraryContent .LibraryContent__Block--Featured {
padding-top: 7px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
max-width: 100%
}
.LibraryContent .LibraryContent__Block--Featured .LibraryContent__BlockSummary {
color: #fff
}
.LibraryContent .LibraryContent__Block--Featured .LibraryContent__BlockSummary h5 {
color: hsla(0, 0%, 100%, .9)
}
.LibraryContent .LibraryContent__Block--Featured .LibraryContent__BlockSummary h3 {
font-size: 24px
}
.LibraryContent .LibraryContent__Block--Featured .LibraryContent__BlockFooter {
color: #fff
}
.LibraryContent .LibraryContent__Block--Featured:hover .LibraryContent__BlockFooter {
color: #40c3d9
}
.LibraryContent .LibraryContent__Block--Featured2x {
-webkit-box-flex: 0;
-ms-flex: 0 1 761px;
flex: 0 1 761px
}
.LibraryContent .LibraryContent__Block--Assessment {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Resources/Library-Cards/maturity-assessment_wide_3_574x428.png)
}
.LibraryContent .LibraryContent__Block--FeaturedForm {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 35px;
background-size: cover;
background-position: 50%;
cursor: default;
min-height: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.LibraryContent__BlogParent {
border: 1px solid #40c3d9;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .1);
box-shadow: 0 0 16px rgba(0, 0, 0, .1);
border-radius: 4px;
padding: 46px
}
.BottomCTA__BarContainer {
padding: 100px 0
}
@media only screen and (min-width:1301px) and (max-width:1500px) {
.LibraryHero__Content,
.RecommendedSection__Content {
max-width: 1260px
}
.RecommendedSection__NextArrow {
width: 20px;
height: 20px;
margin-right: -65px;
display: none
}
.RecommendedSection__NextArrow svg {
width: 14px
}
.RecommendedSection__PrevArrow {
width: 20px;
height: 20px;
margin-left: -65px
}
.RecommendedSection__PrevArrow svg {
width: 14px
}
.RecommendedSection__Slider {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BottomCTA__BarContainer,
.LibraryContent__Content {
max-width: 1260px
}
}
@media only screen and (min-width:992px) and (max-width:1300px) {
.LibraryHero__Content {
max-width: 1260px
}
.LibraryHero__Content p {
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 0
}
.LibraryHero__FilterType a {
font-size: 13px
}
.RecommendedSection__Content {
max-width: 1260px
}
.RecommendedSection__NextArrow {
width: 20px;
height: 20px;
margin-right: -50px;
display: none
}
.RecommendedSection__NextArrow svg {
width: 14px
}
.RecommendedSection__PrevArrow {
width: 20px;
height: 20px;
margin-left: -50px
}
.RecommendedSection__PrevArrow svg {
width: 14px
}
.BottomCTA__BarContainer,
.LibraryContent__Content {
max-width: 1260px
}
.BottomCTA__FormTop h3 {
font-size: 46px;
line-height: 55px
}
.BottomCTA__FormTop p {
font-size: 22px;
line-height: 32px
}
.BottomCTA .CyberResilience h3 {
font-size: 27px;
line-height: 37px
}
.BottomCTA .CyberResilience p {
font-size: 17px;
line-height: 22px
}
.FeaturedResources__SlideFooter {
margin-top: 20px
}
.FeaturedResources__SlideImage {
height: 100%;
width: 100%
}
.FeaturedResources__SlideImage img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%
}
.FeaturedResources__StaticImage {
width: 100%;
height: 100%
}
.FeaturedResources__StaticImage img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%
}
.FeaturedResources__RightBucket {
-webkit-box-flex: .45;
-ms-flex: .45;
flex: .45
}
.FeaturedResources__LeftBucket {
-webkit-box-flex: .8;
-ms-flex: .8;
flex: .8
}
.FeaturedResources__Slide {
position: relative;
height: 100%;
width: 100%
}
.FeaturedResources__SlideText h4 {
font-size: 24px;
line-height: 34px
}
.FeaturedResources__SlideText h5 {
font-size: 14px
}
.FeaturedResources__SlideText p {
font-size: 16px;
line-height: 21px
}
.FeaturedResources__StaticText h4 {
font-size: 24px;
line-height: 34px
}
.FeaturedResources__StaticText h5 {
font-size: 14px
}
.FeaturedResources__StaticText p {
font-size: 16px;
line-height: 21px
}
}
@media (min-width:0px) and (max-width:768px) {
.LibraryHero__Content {
padding: 75px 15px;
max-width: 665px
}
.LibraryHero__Content h1 {
font-size: 60px;
line-height: 64px;
letter-spacing: normal
}
.LibraryHero__Content p {
margin-bottom: 0
}
.LibraryHero__Heading {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryHero__FilterType a {
font-size: 13px
}
.LibraryHero--Tools .LibraryHero__Content {
padding-bottom: 75px
}
.LibraryHero--Tools .LibraryHero__Content h1 {
font-size: 45px;
line-height: 125%
}
.LibraryHero__FilterGrid {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.LibraryHero .FilterDropdown__DropdownContent {
margin-bottom: 0
}
.RecomendedSection__SliderMobile {
display: block;
position: relative
}
.RecomendedSection__Slider {
display: none
}
.RecomendedSection__Content {
max-width: 665px
}
.RecomendedSection__NextArrow {
width: 20px;
height: 20px;
margin-right: -50px;
display: none
}
.RecomendedSection__NextArrow svg {
width: 14px
}
.RecomendedSection__PrevArrow {
width: 20px;
height: 20px;
margin-left: -50px
}
.RecomendedSection__PrevArrow svg {
width: 14px
}
.BottomCTA__BarContainer {
max-width: 1160px
}
.FeaturedResources__Container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.FeaturedResources__RightBucket {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: unset;
position: relative;
max-height: 430px;
overflow: hidden
}
.FeaturedResources__LeftBucket {
margin-right: 0
}
.BottomCTA__BarContainer {
max-width: 665px
}
.BottomCTA__BarRow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BottomCTA__NewsletterSignUp {
margin-right: 0;
margin-bottom: 20px
}
.BottomCTA__FormTop h3 {
font-size: 50px;
line-height: 60px
}
.BottomCTA__FormTop p {
font-size: 24px;
line-height: 36px
}
.LibraryContent__Content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 75px 15px 0;
max-width: 665px
}
.LibraryContent__Content--Tools {
margin: 0 auto
}
.LibraryContent__Content--Tools .LibraryContent__Cards {
margin-top: 0;
-webkit-box-flex: 10;
-ms-flex: 10;
flex: 10
}
.LibraryContent__Content--Tools .LibraryContent__Cards .LibraryContent__Block {
margin-right: 0;
margin-bottom: 20px
}
.LibraryContent__Content--Tools .LibraryContent__GetStarted {
margin-bottom: 50px
}
.LibraryContent__DesktopSiteNav {
display: none
}
.LibraryContent__MobileSideNav {
margin-bottom: 25px !important
}
.LibraryContent__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 0
}
.LibraryContent__Row--Tools .LibraryContent__Block {
margin: 0 0 20px
}
.LibraryContent__Block {
min-height: unset;
margin: 0;
max-width: 100%
}
.LibraryContent__Block:last-child {
margin: 0 0 15px
}
.LibraryContent__Block--FeaturedForm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryContent__Block--Assessment {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Resources/Library-Cards/maturity-assessment_wide_bottom-aligned_574x550.png)
}
.LibraryContent__BottomBox {
grid-template-columns: repeat(1, minmax(0, 1fr));
padding-top: 0
}
.LibraryContent__FormCopy {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 20px
}
.LibraryContent__Field {
grid-column: span 2/span 2
}
.LibraryContent__EmptyDesktop {
display: none
}
.LibraryContent__EmptyMobile {
display: block;
width: 100%
}
}
@media only screen and (max-width:448px) {
.LibraryHero__Content {
max-width: 100%
}
.LibraryHero__Content h1 {
font-size: 65px;
line-height: 70px
}
.LibraryHero__Content p {
font-size: 16px;
line-height: 26px
}
.LibraryHero__FilterType {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 20px
}
.LibraryHero__FilterType a {
font-size: 13px
}
.LibraryHero__FilterBox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryHero__FilterBoxItem {
margin-bottom: 20px;
padding-right: 0
}
.LibraryHero__FilterBoxItem :last-child {
margin-bottom: 0
}
.RecommendedSection__Content {
max-width: 100%;
padding: 65px 15px
}
.RecommendedSection__NextArrow {
width: 11px;
height: 11px;
margin-right: -37px;
display: none
}
.RecommendedSection__NextArrow svg {
width: 10px
}
.RecommendedSection__PrevArrow {
width: 11px;
height: 11px;
margin-left: -37px
}
.RecommendedSection__PrevArrow svg {
width: 10px
}
.FeaturedResources__SlideImage {
height: 440px;
overflow: hidden
}
.FeaturedResources__SlideImage img {
height: 100%;
max-width: unset;
width: auto;
-o-object-fit: cover;
object-fit: cover
}
.FeaturedResources__SlideText {
padding: 36px
}
.FeaturedResources__SlideText h4 {
font-size: 24px;
line-height: 34px
}
.FeaturedResources__StaticText {
padding: 36px
}
.FeaturedResources__StaticText h4 {
font-size: 24px;
line-height: 34px
}
.FeaturedResources__LeftBucket {
margin-bottom: 20px
}
.LibraryContent__Content {
max-width: 80%;
padding: 50px 0
}
.BottomCTA__BarContainer {
max-width: 80%
}
.BottomCTA__NewsletterSignUp {
padding: 37px
}
.BottomCTA__sf-InputGroup {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BottomCTA__sf-InputGroup__sf-InputGroup {
margin-bottom: 20px;
margin-right: 0
}
.BottomCTA__FormTop p {
font-size: 18px;
line-height: 30px
}
.BottomCTA__FormTop h3 {
font-size: 45px;
line-height: 55px
}
.BottomCTA__CyberResilience {
padding: 37px
}
}
@media only screen and (max-width:768px) {
.LibraryContent {
padding: 0 15px
}
.LibraryContent .LibraryContent__Block {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin: 0 0 20px
}
.LibraryContent .RecommendedSection__Resources {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryContent .RecommendedSection__Resource {
margin-right: 0;
margin-bottom: 30px
}
.FeaturedResources__Content .FeaturedResources__LeftBucket {
margin-right: 0
}
.FeaturedResources__Content .FeaturedResources__SlideText,
.FeaturedResources__Content .FeaturedResources__StaticText {
padding: 25px
}
.FeaturedResources__Content .FeaturedResources__RightBucket {
min-height: 500px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
}
.LibraryHero {
background: #f4f5f9
}
.LibraryHero__Heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.LibraryHero__Heading h1 {
font-weight: 900;
font-size: 72px;
line-height: 76px;
letter-spacing: -1.8px;
margin: 0 0 25px;
color: #263c91;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
font-family: Effra, sans-serif
}
.LibraryHero__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px 100px
}
.LibraryHero__Content h2 {
margin-bottom: 30px;
letter-spacing: 0;
color: #19234d;
font-size: 30px;
line-height: 40px;
font-weight: 700
}
.LibraryHero__Content p {
font-family: IBM Plex Sans, sans-serif;
font-size: 18px;
line-height: 24px;
letter-spacing: 0;
color: #19234d;
margin: 0 0 35px;
max-width: 100%;
-webkit-box-flex: 1.85;
-ms-flex: 1.85;
flex: 1.85;
-ms-flex-item-align: end;
align-self: flex-end
}
.LibraryHero__Content__FilterType {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
padding: 24px 0;
margin-top: 69px;
margin-bottom: 50px
}
.LibraryHero__Content__FilterType a {
color: #19234d;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
font-weight: 700
}
.LibraryHero__Content .FilterDropdown__ButtonContainer button {
width: 100%;
font-family: IBM Plex Sans, sans-serif;
font-size: 18px;
color: #8d8f99;
border-radius: 0;
background-color: #fff;
padding: 18px 20px;
text-align: left;
border: 1px solid #707070;
line-height: 23px
}
.LibraryHero__Content .FilterDropdown__ButtonContainer :after {
display: none
}
.LibraryHero__Content__FilterBox {
margin-bottom: 60px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
background: #fff;
padding: 36px 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.LibraryHero__Content__FilterBoxItem {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 26px
}
.LibraryHero__Content__FilterBoxItem.FilterBox__Search {
-webkit-box-flex: .25;
-ms-flex: .25;
flex: .25;
padding-right: 0
}
.LibraryHero__Content__SearchField {
display: none
}
.LibraryHero__Content__SearchForm {
margin: 0
}
.LibraryHero__Content__SearchLabel {
padding: 18px 70px;
background: #0e142b
}
.LibraryHero__Content__SearchLabel svg ellipse,
.LibraryHero__Content__SearchLabel svg path {
stroke: #fff
}
.LibraryHero__Content__SearchFormContainer {
padding-bottom: 0
}
.LibraryHero__Content .FeaturedResources__Container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.LibraryHero__Content .FeaturedResources__LeftBucket {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 950px;
margin-right: 16px
}
.LibraryHero__Content .FeaturedResources__SlideImage img,
.LibraryHero__Content .FeaturedResources__StaticImage img {
max-width: 100%
}
.LibraryHero__Content .FeaturedResources__RightBucket {
-webkit-box-flex: .419;
-ms-flex: .419;
flex: .419;
max-width: 398px;
position: relative
}
.LibraryHero__Content .FeaturedResources__Slide {
position: relative
}
.LibraryHero__Content .FeaturedResources__SlideText {
position: absolute;
bottom: 0;
left: 0;
padding: 48px
}
.LibraryHero__Content .FeaturedResources__SlideText h5 {
font-size: 16px;
line-height: 22px;
color: #40c3d9;
margin-bottom: 30px;
letter-spacing: 2.4px;
font-weight: 700
}
.LibraryHero__Content .FeaturedResources__SlideText h4 {
font-size: 30px;
color: #fff;
line-height: 40px;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700
}
.LibraryHero__Content .FeaturedResources__SlideText p {
color: #fff;
font-size: 18px;
line-height: 23px;
max-width: 525px;
margin-bottom: 40px
}
.LibraryHero__Content .FeaturedResources__SlideText .FeaturedResources__SlideFooter a {
font-weight: 600;
font-size: 18px;
line-height: 23px;
margin-bottom: 0;
color: #4b64ff;
letter-spacing: 0
}
.LibraryHero__Content .FeaturedResources__SlideText .FeaturedResources__SlideFooter a :visited {
color: #4b64ff
}
.LibraryHero__Content .FeaturedResources__StaticText {
position: absolute;
bottom: 0;
left: 0;
padding: 48px
}
.LibraryHero__Content .FeaturedResources__StaticText h5 {
font-size: 16px;
line-height: 22px;
color: #fff;
margin-bottom: 30px;
letter-spacing: 2.4px;
font-weight: 700
}
.LibraryHero__Content .FeaturedResources__StaticText h4 {
font-size: 30px;
color: #fff;
line-height: 40px;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700
}
.LibraryHero__Content .FeaturedResources__StaticText p {
color: #fff;
font-size: 18px;
line-height: 23px;
max-width: 525px;
margin-bottom: 40px
}
.LibraryHero__Content .FeaturedResources__StaticText .FeaturedResources__SlideFooter a {
color: #fff
}
.LibraryHero__Content .FullBleed {
background: #0e142b;
color: #fff
}
.LibraryHero__Content .FullBleed h2 {
margin-bottom: 30px;
letter-spacing: 0;
color: #fff;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin-top: 0
}
.LibraryHero--Tools {
background: #263c91
}
.LibraryHero--Tools .LibraryHero__Content {
padding-bottom: 100px
}
.LibraryHero--Tools .LibraryHero__Content h1 {
color: #fff;
font-weight: 900;
font-size: 72px;
line-height: 76px;
letter-spacing: -1.8px;
margin: 0 0 30px;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
font-family: Effra, sans-serif
}
.LibraryHero--Tools .LibraryHero__Content p {
color: #fff;
margin-bottom: 0
}
.LibraryHero--TRU {
background: #0d031e
}
.LibraryHero--TRU .LibraryHero__Content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.LibraryHero--TRU .LibraryHero__Content p {
margin-bottom: 0
}
.LibraryHero--TRU .LibraryHero__Content svg {
width: 100%
}
.LibraryHero__Breadcrumb {
color: #40c3d9;
font-family: Effra;
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
text-transform: uppercase;
margin: 0 0 30px
}
.LibraryHero__FilterGrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px
}
.LibraryHero__FilterGridItem {
z-index: 1
}
.LibraryHero__FilterGridItem:nth-child(4) {
-ms-flex-item-align: center;
align-self: center
}
.LibraryHero .FilterDropdown {
margin: 0
}
.LibraryHero .FilterDropdown__FilterItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.LibraryHero .FilterDropdown__FilterItem--selected {
background: #263c91
}
.LibraryHero .FilterDropdown__FilterItem--selected a {
color: #fff !important;
-ms-flex-item-align: center;
align-self: center
}
.LibraryHero .FilterDropdown__FilterCopy {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
cursor: pointer
}
.LibraryHero .FilterDropdown__ClearFilter {
cursor: pointer
}
.LibraryHero .FilterDropdown__ClearFilter span {
color: #fff;
font-size: 28px;
line-height: 100%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block
}
.LibraryHero .FilterDropdown a.FilterDropdown__Button--Active {
background: #263c91;
color: #fff;
border-radius: 4px
}
.LibraryHero .FilterDropdown__ButtonContainer {
position: relative
}
.LibraryHero .FilterDropdown__ButtonContainer:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.LibraryHero .FilterDropdown__ButtonContainer button {
width: 100%;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #5c6268;
border: 1px solid #dadce8;
border-radius: 8px;
background-color: #fff;
padding: 10px;
text-align: left
}
.LibraryHero .FilterDropdown__ButtonContainer button.dropbtn--active {
border-radius: 8px 8px 0 0
}
.LibraryHero .FilterDropdown__DropdownContent {
display: none;
background-color: #f9f9f9;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
width: 100%;
border-radius: 0 0 8px 8px;
max-height: 344px;
overflow-y: scroll;
margin-bottom: -344px
}
.LibraryHero .FilterDropdown__DropdownContent::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px
}
.LibraryHero .FilterDropdown__DropdownContent::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5)
}
.LibraryHero .FilterDropdown__DropdownContent--active {
display: block
}
.LibraryHero .FilterDropdown__DropdownContent a {
float: none;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
color: #263c91
}
.LibraryHero .FilterDropdown__DropdownContent a:hover {
background: rgba(64, 195, 217, .1)
}
.LibraryHero .FilterDropdown__Button--Active {
background: #263c91 !important;
color: #fff !important
}
.LibraryHero__SearchForm {
margin: 17px 0 0
}
.LibraryHero__SearchFormContainer {
border-bottom: 1px solid #fff;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.LibraryHero__SearchLabel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
cursor: pointer
}
.LibraryHero__SearchLabel:hover svg {
-webkit-transform: scale(1.07);
transform: scale(1.07);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.LibraryHero__SearchField {
background: transparent;
border: 0;
color: #000;
width: 100%;
font-size: 18px;
line-height: 120%;
margin-left: 7px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.LibraryHero__SearchField:focus {
outline: none !important;
color: #000
}
.LibraryHero__SearchButton {
visibility: hidden;
padding: 0
}
.LibraryHero__Small {
font-size: 57px !important;
line-height: 65px !important
}
@media (min-width:0px) and (max-width:768px) {
.LibraryHero__Small {
font-size: 60px !important;
line-height: 64px !important
}
}
.LibraryHero__Blog {
background: rgba(64, 195, 217, .15)
}
.LibraryHero__Blog .LibraryHero__Breadcrumb {
color: #084164
}
.LibraryHero__Blog .LibraryHero__Content h1 {
color: #000
}
.LibraryHero__Blog .LibraryHero__Content p {
color: #084164
}
@media (min-width:0px) and (max-width:768px) {
.LibraryHero__Blog .LibraryHero__Content p br {
display: none
}
}
.LibraryHero__Blog .LibraryHero__SearchField {
color: #000
}
.LibraryHero__Blog .LibraryHero__SearchFormContainer {
border-bottom: 2px solid #40c3d9
}
.LibraryContent {
padding: 0 48px
}
.LibraryContent h2 {
font-size: 30px;
line-height: 40px;
font-weight: 700;
letter-spacing: 0;
color: #19234d;
margin-top: 0;
margin-bottom: 30px
}
.LibraryContent__GetStarted {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3
}
.LibraryContent__GetStarted p {
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: #19234d;
margin-bottom: 30px
}
.LibraryContent__GetStarted h4 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
font-weight: 700;
margin-bottom: 20px;
margin-top: 0
}
.LibraryContent__Button {
font-weight: 700;
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
background: #263c91;
padding: 20px 60px;
cursor: pointer;
border-radius: 1px;
display: inline-block;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
color: #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
text-transform: uppercase
}
.LibraryContent__Content {
max-width: 1260px;
display: block;
padding: 150px 0;
margin: 0 auto
}
.LibraryContent__Content .libraryCard--page-arrow {
width: 50px;
height: 50px;
border-radius: 50%
}
.LibraryContent__Content .libraryCard__PageButton {
background: #000
}
.LibraryContent__Content .libraryCard__Pagination input {
border: 1px solid #707070;
height: 36px;
width: 36px;
border-radius: 1px
}
.LibraryContent__Content .libraryCard--page-disabled {
background: #000;
opacity: .3
}
.LibraryContent__Content .libraryCard__PageButton svg {
width: 15px;
left: 50%;
top: 50%;
margin-left: -3.5px;
margin-top: 2.5px
}
.LibraryContent__Content .LibraryContent__BottomBox {
padding: 0
}
.LibraryContent__Content .LibraryContent__Block:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.LibraryContent__Content--Tools {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.LibraryContent__Content--Tools .LibraryContent__Cards,
.LibraryContent__Content .LibraryContent__Cards {
margin-top: 0;
-webkit-box-flex: 10;
-ms-flex: 10;
flex: 10
}
.LibraryContent__Content .LibraryContent__GetStarted {
position: -webkit-sticky;
position: sticky;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3
}
.LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__Block {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border-radius: 0;
margin: 0 15px 0 0;
border-bottom: 0
}
.LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__BlockImage img {
border-radius: 0
}
.LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__BlockFooter {
color: #4b64ff;
font-weight: 600
}
.LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__BlockSummary h5 {
font-size: 15px;
line-height: 28px;
color: #929dc8;
margin-top: 0;
margin-bottom: 20px
}
.LibraryContent__Content .LibraryContent__Row--Tools .LibraryContent__BlockSummary h3 {
margin-bottom: 30px;
color: #263c91
}
.LibraryContent__Bottom {
border: none
}
.LibraryContent__JumpTo h4 {
margin: 0 0 10px;
color: #263c91;
font-size: 18px;
line-height: 120%
}
.LibraryContent__JumpTo p {
font-weight: 400;
margin: 0 0 13px;
font-size: 15px;
line-height: 120%
}
.LibraryContent__JumpTo ul {
margin: 0 0 50px;
list-style: none;
padding: 0
}
.LibraryContent__JumpTo ul a {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid;
font-size: 15px
}
.LibraryContent__JumpTo ul a:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.LibraryContent__JumpTo ul a em {
color: #40c3d9
}
.LibraryContent__Row {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 50px
}
.LibraryContent__Row:last-child {
margin-bottom: 0
}
.LibraryContent__Row:last-child .LibraryContent__Block {
border-bottom: none
}
.LibraryContent__Row--Tools {
margin-bottom: 50px
}
.LibraryContent__Row--Tools .LibraryContent__Block {
-webkit-box-flex: 0;
-ms-flex: 0 1 550px;
flex: 0 1 550px;
margin: 0 50px 0 0;
min-height: 600px;
border-radius: 15px;
max-width: 100%
}
.LibraryContent__Row--Tools .LibraryContent__BlockSummary {
padding: 20px
}
.LibraryContent__Row--Tools .LibraryContent__BlockSummary h5 {
font-size: 17px
}
.LibraryContent__Row--Tools .LibraryContent__BlockSummary h3 {
font-size: 30px
}
.LibraryContent__Row--Tools .LibraryContent__BlockSummary p {
font-size: 20px;
line-height: 125%;
margin: 10px 0 0
}
.LibraryContent__Row--Tools .LibraryContent__BlockImage img {
max-height: 270px;
border-radius: 15px 15px 0 0
}
.LibraryContent__Row--Tools .LibraryContent__BlockFooter {
margin: 19px 20px;
font-size: 14px
}
.LibraryContent__Block {
max-width: unset;
margin: 0 16px 0 0;
border-radius: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 444px;
flex: 0 1 444px;
ms-flex: 0 1 444px;
border: none;
border-bottom: 2px solid #dedede;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
min-height: 360px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:768px) {
.LibraryContent__Block {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin: 0 0 20px
}
}
.LibraryContent__BlockImage img {
border-radius: 0;
width: 100%
}
.LibraryContent__Block:hover {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.LibraryContent__Block:hover .Recommended__BlockFooter {
padding: 15px 20px;
color: #6800e9
}
.LibraryContent__Block:last-child {
margin: 0
}
.LibraryContent__Block--Featured {
padding-top: 7px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
max-width: 100%
}
.LibraryContent__Block--Featured .LibraryContent__BlockSummary {
color: #fff
}
.LibraryContent__Block--Featured .LibraryContent__BlockSummary h5 {
color: hsla(0, 0%, 100%, .9)
}
.LibraryContent__Block--Featured .LibraryContent__BlockSummary h3 {
font-size: 24px
}
.LibraryContent__Block--Featured .LibraryContent__BlockFooter {
color: #fff
}
.LibraryContent__Block--Featured:hover .LibraryContent__BlockFooter {
color: #40c3d9
}
.LibraryContent__Block--Featured2x {
-webkit-box-flex: 0;
-ms-flex: 0 1 761px;
flex: 0 1 761px
}
.LibraryContent__Block--Assessment {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Resources/Library-Cards/maturity-assessment_wide_3_574x428.png)
}
.LibraryContent__Block--FeaturedForm {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 35px;
background-size: cover;
background-position: 50%;
cursor: default;
min-height: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.LibraryContent__BlogParent {
margin-bottom: 25px;
border-radius: 1px;
cursor: pointer;
padding: 50px;
display: block
}
.LibraryContent__BlogParentGrid {
display: grid;
grid-template-columns: 4fr 9fr;
grid-gap: 25px
}
.LibraryContent__BlogParent .LibraryContent__BlockSummary {
margin-bottom: 0 !important;
padding: 0
}
.LibraryContent__BlogParent .LibraryContent__BlockSummary h3 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
color: #19234d;
margin-bottom: 40px
}
.LibraryContent__BlogParent .LibraryContent__BlockSummary h5 {
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 2.1px;
color: #19234d;
margin-top: 40px;
margin-bottom: 20px
}
.LibraryContent__BlogParent .LibraryContent__BlockSummary p {
font-size: 17px;
line-height: 132%;
margin: 0 0 15px
}
.LibraryContent__BlogParent .LibraryContent__BlockTime hr {
max-width: 85px;
margin: 25px 0 32px;
border-color: #40c3d9
}
.LibraryContent__BlogParent .LibraryContent__BlockFooter {
font-weight: 600;
letter-spacing: 0;
font-size: 18px;
line-height: 23px;
color: #4b64ff;
margin: 0 0 50px
}
.LibraryContent__BlogParent .LibraryContent__BlockImage {
margin-bottom: 0 !important;
height: 300px !important
}
.LibraryContent__BlogParent .LibraryContent__BlockImage img {
border-radius: 0
}
.LibraryContent__BlogParent .Posts__BlockDate {
font-size: 13px
}
.LibraryContent__BlogParent:hover {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.LibraryContent__BlogParent:hover .Recommended__BlockFooter {
padding: 15px 20px;
color: #6800e9
}
.LibraryContent__BlogParent .RecommendedSection__Content {
max-width: 1260px;
margin: 0 auto;
padding: 100px 48px
}
.LibraryContent__BlogParent .RecommendedSection__SliderMobile {
display: none
}
.LibraryContent__BlogParent .RecommendedSection__PrevArrow {
position: absolute;
margin-top: -25px;
left: 0;
top: 50%;
rotate: -90deg;
font-size: 2em;
border: 2px solid #fff;
padding: .25em;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
margin-left: -125px;
display: none
}
.LibraryContent__BlogParent .RecommendedSection__PrevArrow svg {
width: 25px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20%;
margin-top: -30%
}
.LibraryContent__BlogParent .RecommendedSection__NextArrow {
position: absolute;
margin-top: -25px;
right: 0;
top: 50%;
font-size: 2em;
border: 2px solid #fff;
padding: .25em;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
rotate: 90deg;
margin-right: -125px;
display: none
}
.LibraryContent__BlogParent .RecommendedSection__NextArrow svg {
width: 25px;
position: absolute;
top: 50%;
right: 50%;
margin-right: -20%;
margin-top: -30%
}
.LibraryContent__BlogParent .RecommendedSection__Slider {
position: relative
}
.LibraryContent__BlogParent .RecommendedSection__Resources,
.LibraryContent__BlogParent .RecommendedSection__Slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.LibraryContent__BlogParent .RecommendedSection__ResourceImage img {
max-width: 100%
}
.LibraryContent__BlogParent .RecommendedSection__Resource {
margin-right: 15px
}
.LibraryContent__BlogParent .RecommendedSection__Resource :last-child {
margin-right: 0
}
.LibraryContent__BlogParent .RecommendedSection__Eyebrow {
font-size: 14px;
font-weight: 600;
margin-top: 40px;
margin-bottom: 20px;
line-height: 18px;
letter-spacing: 2.1px
}
.LibraryContent__BlogParent .RecommendedSection__ResourceText h4 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
font-weight: 700;
margin-top: 0;
margin-bottom: 20px
}
.LibraryContent__BlogParent .RecommendedSection__ResourceText p {
font-size: 18px;
line-height: 23px;
letter-spacing: 0;
margin-bottom: 40px
}
.LibraryContent__BlogParent .RecommendedSection__ResourceText a {
letter-spacing: 0;
color: #4b64ff;
font-size: 18px;
line-height: 23px;
font-weight: 600
}
@media (min-width:0px) and (max-width:768px) {
.LibraryContent__BlogParentGrid {
grid-template-columns: 1fr
}
.LibraryContent__BlogParent .LibraryContent__BlockFooter {
margin-bottom: 0 !important
}
.LibraryContent__BlogParent .LibraryContent__BlockImage {
height: 200px !important
}
}
.LibraryContent__BlockTop {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden
}
.LibraryContent__BlockFooter {
-webkit-transition: all .2s ease;
transition: all .2s ease;
font-weight: 600;
letter-spacing: 0;
font-size: 18px;
line-height: 23px;
color: #4b64ff;
margin: 0 0 50px;
text-transform: uppercase
}
.LibraryContent__BlockSummary {
margin-bottom: 0 !important;
padding: 0
}
.LibraryContent__BlockSummary h3 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
color: #19234d;
margin-bottom: 40px
}
.LibraryContent__BlockSummary h3 sup {
font-size: 18px;
line-height: 22px
}
.LibraryContent__BlockSummary h5 {
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 2.1px;
color: #19234d;
margin-top: 40px;
margin-bottom: 20px;
text-transform: uppercase
}
.LibraryContent__BlockSummary p {
font-size: 14px;
line-height: 17px;
margin-bottom: 0
}
.LibraryContent__Bottom {
border-top: none
}
.LibraryContent__BottomBox {
max-width: 1166px;
margin: 0 auto;
padding: 45px 0 0;
display: block
}
.LibraryContent__BottomContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.LibraryContent__Bottom .libraryCard__Pagination {
margin-bottom: 45px
}
.LibraryContent__Bottom .libraryCard__Pagination input {
border: 1px solid #707070;
height: 36px;
width: 36px;
border-radius: 1px
}
.LibraryContent__Bottom .libraryCard__Pagination .libraryCard--page-disabled {
background: #000;
opacity: .3
}
.LibraryContent__Bottom .libraryCard__Pagination .libraryCard--page-arrow {
width: 50px;
height: 50px;
border-radius: 50%
}
.LibraryContent__Bottom .libraryCard__Pagination .libraryCard__PageButton {
background-color: #000
}
.LibraryContent__Bottom .libraryCard__Pagination .libraryCard__PageButton svg {
width: 15px;
left: 50%;
top: 50%;
margin-left: -3.5px;
margin-top: 2.5px
}
.LibraryContent__EmptyMessage {
font-size: 25px;
line-height: 125%;
font-weight: 500;
color: #263c91;
margin: 0 0 15px
}
.LibraryContent__EmptyMobile {
display: none
}
.LibraryContent__EmptyDesktop {
width: 100%;
max-width: 690px
}
.LibraryContent__Blog .LibraryContent__Block {
padding: 20px;
min-height: 470px;
border-radius: 4px 4px 64px
}
.LibraryContent__Blog .LibraryContent__Block h3 {
font-size: 22px;
line-height: 125%;
margin: 4px 0 0;
font-weight: 400;
letter-spacing: -.01em;
color: #151515
}
.LibraryContent__Blog .LibraryContent__BlockImage {
width: 100%;
height: 179px;
background-position: 50%;
background-size: cover;
margin-bottom: 26px
}
.LibraryContent__Blog .LibraryContent__BlockSummary {
padding: 0;
margin-bottom: 30px
}
.LibraryContent__Blog .LibraryContent__BlockFooter {
margin: 0
}
.BottomCTA__BarContainer {
max-width: 1260px;
margin: 0 auto;
padding: 100px 48px
}
.BottomCTA__BarRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.BottomCTA__NewsletterSignUp {
background-color: #263c91;
-webkit-box-flex: 2.25;
-ms-flex: 2.25;
flex: 2.25;
margin-right: 1.5em;
padding: 45px 58px 58px
}
.BottomCTA__FormTop h3 {
font-size: 60px;
line-height: 70px;
color: #fff;
letter-spacing: 0;
font-weight: 700;
margin-top: 0;
margin-bottom: 20px
}
.BottomCTA__FormTop p {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
color: #fff;
margin-top: 0
}
.BottomCTA__CyberResilience {
-webkit-box-flex: .75;
-ms-flex: .75;
flex: .75;
background-color: #19234d;
padding: 69px 65px;
text-align: center
}
.BottomCTA__CyberResilience p {
color: #fff;
margin-top: 0;
margin-bottom: 30px;
font-size: 20px;
line-height: 25px
}
.BottomCTA__CyberResilience h3 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
margin-top: 0;
margin-bottom: 20px
}
.BottomCTA__CyberResilience a {
background: #d4d8e9;
border: none;
color: #5063f9;
cursor: pointer;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: .6px;
line-height: 18px;
padding: 11px 30px;
text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease;
max-width: 100%;
min-width: 180px;
display: inline-block
}
.BottomCTA__sf-InputGroup__Input {
font-weight: 400;
border: 1px solid #9da0a9;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
padding: 16px 18px;
color: #9da0a9;
position: relative;
-webkit-transition: all .15s linear;
transition: all .15s linear;
margin-right: 1em
}
.BottomCTA__FormButton,
.BottomCTA__sf-InputGroup__Input {
font-style: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px
}
.BottomCTA__FormButton {
background: #d4d8e9;
border: none;
color: #5063f9;
cursor: pointer;
font-weight: 500;
letter-spacing: .6px;
line-height: 18px;
padding: 11px 30px;
text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.BottomCTA__sf-InputGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1em
}
@media only screen and (min-width:1301px) and (max-width:1500px) {
.LibraryHero__Content,
.RecommendedSection__Content {
max-width: 1160px
}
.RecommendedSection__NextArrow {
width: 20px;
height: 20px;
margin-right: -65px
}
.RecommendedSection__NextArrow svg {
width: 14px
}
.RecommendedSection__PrevArrow {
width: 20px;
height: 20px;
margin-left: -65px
}
.RecommendedSection__PrevArrow svg {
width: 14px
}
.BottomCTA__BarContainer,
.LibraryContent__Content {
max-width: 1160px
}
}
@media only screen and (min-width:992px) and (max-width:1300px) {
.LibraryHero__Content {
max-width: 1260px
}
.LibraryHero__Content p {
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 0
}
.LibraryHero__FilterType a {
font-size: 13px
}
.RecommendedSection__Content {
max-width: 1260px
}
.RecommendedSection__NextArrow {
width: 20px;
height: 20px;
margin-right: -50px
}
.RecommendedSection__NextArrow svg {
width: 14px
}
.RecommendedSection__PrevArrow {
width: 20px;
height: 20px;
margin-left: -50px
}
.RecommendedSection__PrevArrow svg {
width: 14px
}
.BottomCTA__BarContainer,
.LibraryContent__Content {
max-width: 1260px
}
.BottomCTA__FormTop h3 {
font-size: 46px;
line-height: 55px
}
.BottomCTA__FormTop p {
font-size: 22px;
line-height: 32px
}
.BottomCTA .CyberResilience h3 {
font-size: 27px;
line-height: 37px
}
.BottomCTA .CyberResilience p {
font-size: 17px;
line-height: 22px
}
.FeaturedResources__SlideFooter {
margin-top: 20px
}
.FeaturedResources__SlideImage {
height: 100%;
width: 100%
}
.FeaturedResources__SlideImage img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%
}
.FeaturedResources__StaticImage {
width: 100%;
height: 100%
}
.FeaturedResources__StaticImage img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%
}
.FeaturedResources__RightBucket {
-webkit-box-flex: .45;
-ms-flex: .45;
flex: .45
}
.FeaturedResources__LeftBucket {
-webkit-box-flex: .8;
-ms-flex: .8;
flex: .8
}
.FeaturedResources__Slide {
position: relative;
height: 100%;
width: 100%
}
.FeaturedResources__SlideText h4 {
font-size: 24px;
line-height: 34px
}
.FeaturedResources__SlideText h5 {
font-size: 14px
}
.FeaturedResources__SlideText p {
font-size: 16px;
line-height: 21px
}
.FeaturedResources__StaticText h4 {
font-size: 24px;
line-height: 34px
}
.FeaturedResources__StaticText h5 {
font-size: 14px
}
.FeaturedResources__StaticText p {
font-size: 16px;
line-height: 21px
}
}
@media (min-width:0px) and (max-width:768px) {
.LibraryHero__Content {
padding: 75px 15px;
max-width: 665px
}
.LibraryHero__Content h1 {
font-size: 60px;
line-height: 64px;
letter-spacing: normal
}
.LibraryHero__Content p {
margin-bottom: 0
}
.LibraryHero__Heading {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryHero__FilterType a {
font-size: 13px
}
.LibraryHero--Tools .LibraryHero__Content {
padding-bottom: 75px
}
.LibraryHero--Tools .LibraryHero__Content h1 {
font-size: 45px;
line-height: 125%
}
.LibraryHero__FilterGrid {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.LibraryHero .FilterDropdown__DropdownContent {
margin-bottom: 0
}
.RecomendedSection__SliderMobile {
display: block;
position: relative
}
.RecomendedSection__Slider {
display: none
}
.RecomendedSection__Content {
max-width: 665px
}
.RecomendedSection__NextArrow {
width: 20px;
height: 20px;
margin-right: -50px
}
.RecomendedSection__NextArrow svg {
width: 14px
}
.RecomendedSection__PrevArrow {
width: 20px;
height: 20px;
margin-left: -50px
}
.RecomendedSection__PrevArrow svg {
width: 14px
}
.BottomCTA__BarContainer {
max-width: 1160px
}
.FeaturedResources__Container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.FeaturedResources__RightBucket {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: unset;
position: relative;
max-height: 430px;
overflow: hidden
}
.FeaturedResources__LeftBucket {
margin-right: 0
}
.BottomCTA__BarContainer {
max-width: 665px
}
.BottomCTA__BarRow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BottomCTA__NewsletterSignUp {
margin-right: 0;
margin-bottom: 20px
}
.BottomCTA__FormTop h3 {
font-size: 50px;
line-height: 60px
}
.BottomCTA__FormTop p {
font-size: 24px;
line-height: 36px
}
.LibraryContent__Content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 75px 15px 0;
max-width: 665px
}
.LibraryContent__Content--Tools {
margin: 0 auto
}
.LibraryContent__Content--Tools .LibraryContent__Cards {
margin-top: 0;
-webkit-box-flex: 10;
-ms-flex: 10;
flex: 10
}
.LibraryContent__Content--Tools .LibraryContent__Cards .LibraryContent__Block {
margin-right: 0;
margin-bottom: 20px
}
.LibraryContent__Content--Tools .LibraryContent__GetStarted {
margin-bottom: 50px
}
.LibraryContent__DesktopSiteNav {
display: none
}
.LibraryContent__MobileSideNav {
margin-bottom: 25px !important
}
.LibraryContent__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 0
}
.LibraryContent__Row--Tools .LibraryContent__Block {
margin: 0 0 20px
}
.LibraryContent__Block {
min-height: unset;
margin: 0;
max-width: 100%
}
.LibraryContent__Block:last-child {
margin: 0 0 15px
}
.LibraryContent__Block--FeaturedForm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryContent__Block--Assessment {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV3/Resources/Library-Cards/maturity-assessment_wide_bottom-aligned_574x550.png)
}
.LibraryContent__BottomBox {
grid-template-columns: repeat(1, minmax(0, 1fr));
padding-top: 0
}
.LibraryContent__FormCopy {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 20px
}
.LibraryContent__Field {
grid-column: span 2/span 2
}
.LibraryContent__EmptyDesktop {
display: none
}
.LibraryContent__EmptyMobile {
display: block;
width: 100%
}
}
@media only screen and (max-width:448px) {
.LibraryHero__Content {
max-width: 100%
}
.LibraryHero__Content h1 {
font-size: 65px;
line-height: 70px
}
.LibraryHero__Content p {
font-size: 16px;
line-height: 26px
}
.LibraryHero__Content .FeaturedResources__SlideText {
padding: 25px
}
.LibraryHero__Content .FeaturedResources__LeftBucket {
margin-right: 0
}
.LibraryHero__Content .FeaturedResources__RightBucket {
min-height: 500px
}
.LibraryHero__Content .FeaturedResourcesStaticText {
padding: 25px
}
.LibraryHero__FilterType {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 20px
}
.LibraryHero__FilterType a {
font-size: 13px
}
.LibraryHero__FilterBox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryHero__FilterBoxItem {
margin-bottom: 20px;
padding-right: 0
}
.LibraryHero__FilterBoxItem :last-child {
margin-bottom: 0
}
.RecommendedSection__Content {
max-width: 100%;
padding: 65px 15px
}
.RecommendedSection__NextArrow {
width: 11px;
height: 11px;
margin-right: -37px
}
.RecommendedSection__NextArrow svg {
width: 10px
}
.RecommendedSection__PrevArrow {
width: 11px;
height: 11px;
margin-left: -37px
}
.RecommendedSection__PrevArrow svg {
width: 10px
}
.RecommendedSection__Resources,
.RecommendedSection__Slider {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.RecommendedSection__Resource {
margin-left: 0;
margin-bottom: 30px
}
.FeaturedResources__SlideImage {
height: 440px;
overflow: hidden
}
.FeaturedResources__SlideImage img {
height: 100%;
max-width: unset;
width: auto;
-o-object-fit: cover;
object-fit: cover
}
.FeaturedResources__SlideText {
padding: 36px
}
.FeaturedResources__SlideText h4 {
font-size: 24px;
line-height: 34px
}
.FeaturedResources__StaticText {
padding: 36px
}
.FeaturedResources__StaticText h4 {
font-size: 24px;
line-height: 34px
}
.FeaturedResources__LeftBucket {
margin-bottom: 20px
}
.LibraryContent__Content {
max-width: 80%;
padding: 50px 0
}
.BottomCTA__BarContainer {
max-width: 100%;
padding: 50px 15px
}
.BottomCTA__NewsletterSignUp {
padding: 37px
}
.BottomCTA__sf-InputGroup {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BottomCTA__sf-InputGroup__Input {
margin-right: 0;
margin-bottom: 10px
}
.BottomCTA__sf-InputGroup__sf-InputGroup {
margin-bottom: 20px;
margin-right: 0
}
.BottomCTA__FormTop p {
font-size: 18px;
line-height: 30px
}
.BottomCTA__FormTop h3 {
font-size: 45px;
line-height: 55px
}
.BottomCTA__CyberResilience {
padding: 37px
}
}
.BlogLibraryHero__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px 0
}
.BlogLibraryHero__Content h1 {
font-weight: 900;
font-size: 72px;
line-height: 76px;
letter-spacing: -1.8px;
margin: 0;
color: #263c91;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
font-family: Effra, sans-serif
}
.BlogLibraryHero__Header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #707070;
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 50px;
padding-bottom: 30px
}
.BlogLibraryHero__HeaderRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.BlogLibraryHero__Header p {
font-size: 18px;
line-height: 24px;
margin: 0 6px 0 0
}
.BlogLibraryHero__Header a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 20px;
text-align: center
}
.BlogLibraryHero__TopCard {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.BlogLibraryHero__TopCard a {
-webkit-transition: all .2s ease;
transition: all .2s ease;
letter-spacing: 0;
text-transform: uppercase
}
.BlogLibraryHero__TopCard a,
.BlogLibraryHero__TopCard span {
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #4b64ff;
margin: 0 0 50px
}
.BlogLibraryHero__TopCardLarge {
margin-bottom: 30px
}
.BlogLibraryHero__TopCardLargeContainer {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Blog/featured_post_bg.png);
background-size: cover;
background-position: 50%;
min-height: 600px;
position: relative
}
.BlogLibraryHero__TopCardLargeBox {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
background-color: #fff;
position: absolute;
bottom: 40px;
left: 40px;
padding: 45px 40px;
width: 100%;
max-width: 550px
}
.BlogLibraryHero__TopCardLargeBox h4 {
background-color: #696de3;
display: inline-block;
padding: 6px 15px;
border-radius: 20px;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
line-height: 14px;
margin: 0 0 20px;
font-weight: 500
}
.BlogLibraryHero__TopCardLargeBox h3 {
color: #263c91;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin: 0 0 20px
}
.BlogLibraryHero__TopCardLargeBox p {
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.BlogLibraryHero__TopCardLargeBox a {
-webkit-transition: all .2s ease;
transition: all .2s ease;
font-weight: 600;
letter-spacing: 0;
font-size: 18px;
line-height: 23px;
color: #4b64ff;
margin: 0 0 50px;
text-transform: uppercase
}
.BlogLibraryHero__TopCardTop h3 {
color: #263c91;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin: 20px 0
}
.BlogLibraryHero__TopCardTop p {
color: #19234d;
font-size: 15px;
line-height: 20px;
margin: -10px 0 20px !important
}
.BlogLibraryHero__TopCardTopImage {
background-repeat: no-repeat;
background-size: cover;
min-height: 225px;
position: relative
}
.BlogLibraryHero__TopCardTopTagTime {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 15px;
right: 15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top: 15px
}
.BlogLibraryHero__TopCardTopTagTime h4 {
background-color: #fff;
border-radius: 20px;
color: #5d8adb;
display: inline-block;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 12px;
margin: 0;
padding: 6px 15px;
text-transform: uppercase;
max-width: 165px
}
.BlogLibraryHero__TopCards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
margin-bottom: 60px
}
.BlogLibraryHero__TopCard__BlockDuration {
-ms-flex-item-align: center;
align-self: center;
background: #fff;
border-radius: 10px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
line-height: 13px;
padding: 5px 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000
}
.BlogLibraryHero__TopCard__BlockDuration svg {
width: 100%;
max-width: 12px;
margin-right: 4px
}
@media only screen and (max-width:768px) {
.BlogLibraryHero__Content {
padding: 75px 15px 0
}
.BlogLibraryHero__Content h1 {
font-size: 50px;
line-height: 55px
}
.BlogLibraryHero__Header {
grid-template-columns: 1fr
}
.BlogLibraryHero__HeaderRight {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BlogLibraryHero__Header p {
margin: 0 0 20px
}
.BlogLibraryHero__TopCards {
grid-template-columns: 1fr
}
.BlogLibraryHero__TopCardLargeContainer {
background: none;
min-height: auto
}
.BlogLibraryHero__TopCardLargeBox {
position: inherit;
left: auto;
bottom: auto;
padding: 30px 15px;
width: inherit
}
}
.TRULatest {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Blog/featured_post_bg.png)
}
.TRULatest__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px
}
.TRULatest__Content h2 {
color: #c5edf4;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin: 0 0 30px
}
.TRULatest__Card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.TRULatest__CardTop h3 {
color: #fff;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin: 20px 0
}
.TRULatest__CardTop img {
width: 100%
}
.TRULatest__Card a {
letter-spacing: 0;
text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.TRULatest__Card a,
.TRULatest__Card span {
color: #4b64ff;
font-size: 18px;
font-weight: 600;
line-height: 23px
}
.TRULatest__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px
}
.TRULatest__LatestCta {
text-align: center;
margin-top: 60px
}
.TRULatest__LatestCta a {
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center;
border: 2px solid #fff;
color: #fff
}
@media only screen and (max-width:768px) {
.TRULatest__Content {
padding: 30px 15px
}
.TRULatest__Cards {
grid-template-columns: 1fr
}
}
.BlogLibraryCards {
padding: 75px 0
}
.BlogLibraryCards__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px 0
}
.BlogLibraryCards__ContentEmpty {
text-align: center
}
.BlogLibraryCards__PT0,
.BlogLibraryCards__PT0 .BlogLibraryCards__FilterGrid {
padding-top: 0
}
.BlogLibraryCards__FilterGrid {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px 0
}
.BlogLibraryCards__FilterGridContainer {
display: grid;
grid-template-columns: 3fr 3fr 1fr;
grid-gap: 30px;
background-color: #e9ebf3;
padding: 25px 30px 16px
}
.BlogLibraryCards__FilterGridItem {
z-index: 1
}
.BlogLibraryCards__FilterGridItem:first-child {
z-index: 3
}
.BlogLibraryCards__FilterGridItem:nth-child(2) {
z-index: 2
}
.BlogLibraryCards .FilterDropdown {
margin: 0
}
.BlogLibraryCards .FilterDropdown__FilterItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.BlogLibraryCards .FilterDropdown__FilterItem--selected {
background: #263c91
}
.BlogLibraryCards .FilterDropdown__FilterItem--selected a {
color: #fff !important;
-ms-flex-item-align: center;
align-self: center
}
.BlogLibraryCards .FilterDropdown__FilterCopy {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
cursor: pointer
}
.BlogLibraryCards .FilterDropdown__ClearFilter {
cursor: pointer
}
.BlogLibraryCards .FilterDropdown__ClearFilter span {
color: #fff;
font-size: 28px;
line-height: 100%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block
}
.BlogLibraryCards .FilterDropdown a.FilterDropdown__Button--Active {
background: #263c91;
color: #fff;
border-radius: 4px
}
.BlogLibraryCards .FilterDropdown__ButtonContainer {
position: relative
}
.BlogLibraryCards .FilterDropdown__ButtonContainer:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.BlogLibraryCards .FilterDropdown__ButtonContainer button {
width: 100%;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #5c6268;
border: 1px solid #dadce8;
background-color: #fff;
padding: 10px;
text-align: left
}
.BlogLibraryCards .FilterDropdown__DropdownContent {
display: none;
background-color: #f9f9f9;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
width: 100%;
border-radius: 0 0 8px 8px;
max-height: 344px;
overflow-y: scroll;
margin-bottom: -344px
}
.BlogLibraryCards .FilterDropdown__DropdownContent::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px
}
.BlogLibraryCards .FilterDropdown__DropdownContent::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5)
}
.BlogLibraryCards .FilterDropdown__DropdownContent--active {
display: block
}
.BlogLibraryCards .FilterDropdown__DropdownContent a {
float: none;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
color: #263c91
}
.BlogLibraryCards .FilterDropdown__DropdownContent a:hover {
background: rgba(64, 195, 217, .1)
}
.BlogLibraryCards .FilterDropdown__Button--Active {
background: #263c91 !important;
color: #fff !important
}
.BlogLibraryCards__FilterGridContainerSearch {
background-color: #e9ebf3;
display: none;
padding: 10px 30px 16px
}
.BlogLibraryCards__FilterGridContainerSearch.selected {
display: block
}
.BlogLibraryCards__FilterGridContainerSearch .LibraryHero__SearchForm {
margin: 0 auto;
max-width: 580px
}
.BlogLibraryCards__SearchButton {
background-color: #cacee1;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px
}
.BlogLibraryCards__SearchButton svg {
max-width: 23px
}
@media only screen and (max-width:768px) {
.BlogLibraryCards__Content {
padding: 75px 15px
}
.BlogLibraryCards__FilterGrid {
padding: 0 15px
}
.BlogLibraryCards__FilterGridContainer {
grid-template-columns: 1fr
}
.LibraryContent {
padding: 0 15px
}
}
.RecommendedResources {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 605px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden
}
.RecommendedResources__Top {
font-weight: 400;
font-size: 28px;
line-height: 33px;
letter-spacing: -.01em;
color: #000;
margin-bottom: 45px
}
.RecommendedResources__Bottom {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.RecommendedResources__Block,
.RecommendedResources__Bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.RecommendedResources__Block {
-webkit-box-flex: 0;
-ms-flex: 0 1 361px;
flex: 0 1 361px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
min-height: 345px;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #40c3d9;
-webkit-box-sizing: border-box;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .1);
box-shadow: 0 0 16px rgba(0, 0, 0, .1);
border-radius: 4px;
padding: 31px 36px 25px;
margin: 0 16px 0 0;
box-sizing: border-box;
background: #fff
}
.RecommendedResources__Block:hover {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.RecommendedResources__Block:hover .Recommended__BlockFooter {
color: #6800e9
}
.RecommendedResources__Block:last-child {
margin: 0
}
.RecommendedResources__BlockTop {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden
}
.RecommendedResources__BlockFooter {
-webkit-transition: all .2s ease;
transition: all .2s ease;
color: #9e50ff
}
.RecommendedResources__BlockFooter,
.RecommendedResources__BlockTitle {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 900;
font-size: 12px;
line-height: 144.8%;
letter-spacing: .075em
}
.RecommendedResources__BlockTitle {
padding-bottom: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #40c3d9;
text-transform: uppercase
}
.RecommendedResources__BlockSummary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-weight: 400;
font-size: 28px;
line-height: 33px;
letter-spacing: -.01em;
color: #151515
}
.RecommendedResources__BlockSummaryRaw {
display: block
}
@media (min-width:0px) and (max-width:768px) {
.RecommendedResources {
height: auto
}
.RecommendedResources__Top {
margin-top: 45px;
text-align: center
}
.RecommendedResources__Bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.RecommendedResources__Block {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 10px;
min-height: inherit
}
.RecommendedResources__Block:last-child {
margin: 10px
}
.RecommendedResources__BlockSummary {
font-size: 20px;
line-height: 140%;
margin: 0 0 20px
}
}
.ResourcesSideNav {
-webkit-transition: all 1s ease;
transition: all 1s ease;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
-webkit-animation: slideUp 1.1s forwards;
animation: slideUp 1.1s forwards
}
.ResourcesSideNav.show {
-webkit-animation: slideDown 1.1s forwards;
animation: slideDown 1.1s forwards
}
@media screen and (max-width:1063px) {
.ResourcesSideNav {
-webkit-animation: slideUpMobile 1.1s forwards;
animation: slideUpMobile 1.1s forwards
}
.ResourcesSideNav.show {
-webkit-animation: slideDownMobile 1.1s forwards;
animation: slideDownMobile 1.1s forwards
}
}
.NavBar__BreachBar {
-webkit-transition: all 1s ease;
transition: all 1s ease;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
-webkit-animation: slideUp 1.8s forwards;
animation: slideUp 1.8s forwards
}
.NavBar__BreachBar.show {
-webkit-animation: slideDown 1.1s forwards;
animation: slideDown 1.1s forwards
}
@media screen and (max-width:1063px) {
.NavBar__BreachBar {
-webkit-animation: slideUpMobile 1.1s forwards;
animation: slideUpMobile 1.1s forwards
}
.NavBar__BreachBar.show {
-webkit-animation: slideDownMobile 1.1s forwards;
animation: slideDownMobile 1.1s forwards
}
}
@-webkit-keyframes slideUp {
0% {
top: 114px
}
to {
top: 0
}
}
@keyframes slideUp {
0% {
top: 114px
}
to {
top: 0
}
}
@-webkit-keyframes slideDown {
0% {
top: 0
}
to {
top: 114px
}
}
@keyframes slideDown {
0% {
top: 0
}
to {
top: 114px
}
}
@-webkit-keyframes slideUpMobile {
0% {
top: 54px
}
to {
top: 0
}
}
@keyframes slideUpMobile {
0% {
top: 54px
}
to {
top: 0
}
}
@-webkit-keyframes slideDownMobile {
0% {
top: 0
}
to {
top: 54px
}
}
@keyframes slideDownMobile {
0% {
top: 0
}
to {
top: 54px
}
}
.ResourcesTopNav {
background-color: #19234d;
font-family: ibm-plex-sans, sans-serif;
font-weight: 600
}
.ResourcesTopNav__Content {
margin: 0 auto;
max-width: 1260px;
width: 100%;
padding: 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:1063px) {
.ResourcesTopNav__Content {
width: auto;
padding: 0 24px
}
}
.ResourcesTopNav h5 {
color: #40c3d9;
font-size: 12px;
font-weight: 600;
letter-spacing: 2.2px;
line-height: 16px;
margin: 0 0 0 10px;
text-transform: uppercase
}
@media screen and (max-width:1063px) {
.ResourcesTopNav h5 {
margin: 0
}
}
.ResourcesTopNav nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.ResourcesTopNav__Button {
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 300;
line-height: 16px;
margin: 0;
padding: 10px
}
@media screen and (max-width:1063px) {
.ResourcesTopNav__Button {
margin: 0 12px 0 0;
white-space: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0
}
}
.ResourcesTopNav__Button--Active {
color: #40c3d9;
border-bottom: 3px solid #40c3d9;
padding: 14px 10px 10px
}
.ResourcesTopNav__Button:hover {
color: #40c3d9
}
.RansomwareReportCTA {
background: #202c6d;
color: #fff;
padding: 12px 12px 23px;
border-radius: 4px
}
.RansomwareReportCTA p.eyebrow {
font-size: 12px;
margin-bottom: 6px;
line-height: 14px
}
.RansomwareReportCTA h3 {
margin: 0;
font-size: 15px;
line-height: 18px
}
.RansomwareReportCTA p {
margin: 10px 0 20px;
font-size: 14px;
line-height: 16px
}
.RansomwareReportCTA a {
color: #000;
background: #40c3d9;
border-radius: 4px;
padding: 7px 9px;
font-size: 12px
}
@media screen and (max-width:767px) {
.RansomwareReportCTA {
display: none
}
}
.WebNativeBody {
max-width: 1260px;
-webkit-box-sizing: border-box;
margin: 0 auto;
font-size: 20px;
line-height: 32px;
color: #000;
letter-spacing: -.02em;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-style: normal;
font-weight: 400;
padding: 0 48px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.WebNativeBody__JumpTo {
position: -webkit-sticky;
position: sticky;
width: 24%;
float: left;
top: 140px
}
.WebNativeBody__JumpTo h5 {
color: #19234d;
font-size: 16px;
line-height: 20px;
font-weight: 700;
letter-spacing: 2.4px;
margin-top: 0;
margin-bottom: 42px
}
.WebNativeBody__JumpTo ul {
margin-top: 0;
z-index: 1;
position: relative;
margin-bottom: 0
}
.WebNativeBody__JumpTo ul li {
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: #a8b1d3;
margin-bottom: 30px;
list-style: none;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.WebNativeBody__JumpTo ul li:before {
content: "";
width: 7px;
height: 7px;
background: #a8b1d3;
border-radius: 50%;
display: block;
left: -19.5px;
top: 50%;
margin-top: -2px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.WebNativeBody__JumpTo ul li:hover {
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
color: #696de3
}
.WebNativeBody__JumpTo ul li:hover:before {
content: "";
width: 10px;
height: 10px;
background: #696de3;
border-radius: 50%;
display: block;
left: -21px;
top: 50%;
margin-top: -4px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.WebNativeBody__JumpTo ul li:active {
color: #696de3;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.WebNativeBody__JumpTo ul li:active:before {
content: "";
width: 10px;
height: 10px;
background: #696de3;
border-radius: 50%;
display: block;
left: -21px;
top: 50%;
margin-top: -4px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.WebNativeBody__JumpTo .JumpTo__ListContainer {
position: relative
}
.WebNativeBody__JumpTo .JumpTo__Line {
position: absolute;
height: 97%;
border-left: 1px solid #e3e3e3;
top: 10px;
left: 23.9px
}
.WebNativeBody__SideDownload {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
padding: 30px;
text-align: center;
max-width: 230px;
margin-top: 30px
}
.WebNativeBody__SideDownload p {
margin-bottom: 5px
}
.WebNativeBody__SideDownload a {
background: #c9cee3;
color: #19234d !important;
padding: 16px;
text-transform: uppercase;
font-weight: 700;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block
}
.WebNativeBody__Content {
max-width: 976px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
max-width: 100%;
position: relative;
flex: 1;
width: 100%;
min-width: 0
}
.WebNativeBody__ContentLeft {
-ms-flex-item-align: start;
align-self: start;
position: -webkit-sticky;
position: sticky;
min-width: 0;
-webkit-box-flex: .45;
-ms-flex: .45;
flex: .45;
max-width: 340px
}
.WebNativeBody__H2,
.WebNativeBody h2 {
font-size: 48px;
line-height: 50px;
letter-spacing: 0;
color: #263c91
}
.WebNativeBody__H2,
.WebNativeBody__H3,
.WebNativeBody h2,
.WebNativeBody h3 {
font-weight: 900;
scroll-margin-top: 130px;
font-family: ibm-plex-sans, sans-serif
}
.WebNativeBody__H3,
.WebNativeBody h3 {
font-size: 30px;
line-height: 40px;
letter-spacing: -1px;
color: #19234d;
margin: 58px 0 10px
}
.WebNativeBody .FullBleed {
width: 200%;
background-size: cover;
padding: 75px 350px;
margin: 0 auto 30px -350px
}
.WebNativeBody__H2,
.WebNativeBody h2 {
margin: 60px 0 40px
}
.WebNativeBody__H2:first-child,
.WebNativeBody h2:first-child {
margin-top: 20px
}
.WebNativeBody h5 {
color: #19234d;
font-weight: 700;
letter-spacing: 3.6px;
font-size: 16px 20px;
text-transform: uppercase
}
.WebNativeBody__Paragraph,
.WebNativeBody p {
margin: 0 0 32px
}
.WebNativeBody__Paragraph em,
.WebNativeBody p em {
color: #19234d;
font-weight: 500;
letter-spacing: 0
}
.WebNativeBody a {
color: #5a81bc;
text-decoration: none
}
.WebNativeBody ol li strong {
color: #6d3caf
}
.WebNativeBody ol li::marker {
color: #6d3caf;
font-weight: 600
}
.WebNativeBody__TestimonialBox p {
text-align: right;
font-size: 23px;
line-height: 120%;
margin: 0 0 25px
}
.WebNativeBody__TestimonialBox h4 {
text-align: right;
color: #40c3d9;
font-style: italic;
font-weight: 400;
margin: 0 0 30px;
font-size: 19px;
line-height: 130%
}
.WebNativeBody__TestimonialBox h4 span {
font-style: normal;
font-size: 22px;
font-weight: 500
}
.WebNativeBody__TestimonialBoxLeftLine {
border-bottom: .09em solid #40c3d9;
width: 47px
}
.WebNativeBody__TestimonialBoxQuoteIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
margin-left: -43px
}
.WebNativeBody__TestimonialBoxQuoteIcon img {
max-width: 60px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.WebNativeBody__Blockquote,
.WebNativeBody blockquote {
display: block;
background: #ecf9fb;
font-size: 24px;
line-height: 30px;
letter-spacing: 0;
color: #19234d;
position: relative;
margin: 0 0 32px;
padding: 25px 40px
}
.WebNativeBody__Blockquote:before,
.WebNativeBody blockquote:before {
content: "";
display: block;
position: absolute;
background: #40c3d9;
width: 8px;
top: 0;
left: 0;
height: 100%
}
.WebNativeBody .Image--FullWidth {
display: block;
height: auto;
margin: 50px 0 50px -43px;
width: calc(100vw - 230px);
max-width: 1048px;
width: 100%
}
@media (min-width:0) and (max-width:768px) {
.WebNativeBody .Image--FullWidth {
width: 100%;
margin: 20px 0
}
}
.WebNativeBody figure {
margin: 0
}
.WebNativeBody__FloatingCTA {
background: #263c91;
float: right;
border-radius: 8px 8px 16px 8px;
padding: 38px 40px;
width: 48%;
min-width: 400px;
-webkit-box-sizing: border-box;
margin: 0 -30px 20px 28px;
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
box-sizing: border-box
}
@media screen and (min-width:1206px) {
.WebNativeBody__FloatingCTA {
margin-right: calc(-100vw - -1176px)
}
}
@media screen and (min-width:1291px) {
.WebNativeBody__FloatingCTA {
margin-right: -113px
}
}
@media (min-width:0) and (max-width:400px) {
.WebNativeBody__FloatingCTA {
min-width: 100%
}
}
.WebNativeBody__FloatingCTA h6 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: .2em;
text-transform: uppercase;
color: #40c3d9;
margin: 0
}
.WebNativeBody__FloatingCTA h4 {
font-weight: 400;
font-size: 30px;
line-height: 36px;
letter-spacing: -.01em;
color: #fff;
margin: 20px 0 10px
}
.WebNativeBody__FloatingCTA p {
font-size: 16px;
line-height: 24px;
letter-spacing: -.01em;
color: hsla(0, 0%, 100%, .8);
margin: 0
}
.WebNativeBody__FloatingCTAButton {
display: block;
padding: 25px;
text-align: center;
background: #40c3d9;
-webkit-box-shadow: 4px 4px 0 #000;
box-shadow: 4px 4px 0 #000;
border-radius: 4px;
font-size: 24px;
line-height: 29px;
letter-spacing: -.01em;
color: #000;
text-decoration: none;
margin-top: 25px
}
.WebNativeBody__SideNote {
position: relative
}
.WebNativeBody__SideNote div {
position: absolute;
left: -227px;
width: 183px;
background: rgba(64, 195, 217, .2);
border: 1px solid rgba(37, 224, 249, .2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 16px 23px
}
.WebNativeBody__SideNote h6 {
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
text-transform: uppercase;
color: #263c91;
margin: 0 0 10px
}
.WebNativeBody__SideNote p {
font-size: 13px;
line-height: 18px;
letter-spacing: -.01em;
color: #0a0a0a;
margin: 0 0 12px !important
}
.WebNativeBody__SideNote p:after {
content: "";
display: block;
width: 92px;
height: 1px;
background: #66cfe1;
margin-top: 16px
}
.WebNativeBody__SideNote a {
font-size: 12px;
line-height: 17px;
display: block;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .075em;
color: #263c91
}
h2+.WebNativeBody__SideNote div {
top: -40px
}
.WebNativeBody__WithQuickNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width:0) and (max-width:1400px) {
.WebNativeBody__WithQuickNav {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.WebNativeBody__SideNav {
padding-right: 50px
}
.WebNativeBody__SideNavBox {
position: -webkit-sticky;
position: sticky;
top: 30%;
border: 1px solid #40c3d9;
border-radius: 8px 8px 64px 8px;
padding: 16px 20px;
max-width: 300px;
width: 100%
}
.WebNativeBody__SideNavBox h3 {
margin: 0 0 10px;
font-size: 24px;
line-height: 30px;
letter-spacing: .01em
}
.WebNativeBody__SideNavBox ul {
margin-left: 10px;
font-size: 18px;
line-height: 120%
}
.WebNativeBody__SideNavBox ul li {
margin: 8px 0;
padding: 0 0 0 28px;
color: #5a81bc;
cursor: pointer
}
.WebNativeBody__SideNavBox ul li:before {
top: 4px
}
.WebNativeBody__SideNavBox ul li.active,
.WebNativeBody__SideNavBox ul li:hover {
-webkit-transform: scale(1.04);
transform: scale(1.04);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
-webkit-box-shadow: 0 .5px 4.5px .5px #fff;
box-shadow: 0 .5px 4.5px .5px #fff
}
.WebNativeBody__SideNavBox ul li.active {
font-weight: 500;
color: #40c3d9
}
@media (min-width:0) and (max-width:1400px) {
.WebNativeBody__SideNavBox {
max-width: 850px;
padding: 0
}
.WebNativeBody__SideNavBox h3 {
padding: 20px 20px 0
}
.WebNativeBody__SideNavBox ul {
padding: 0 20px 20px
}
}
@media (min-width:0) and (max-width:768px) {
.WebNativeBody__SideNav {
padding: 0 20px 20px
}
}
.WebNativeBody__BottomDownload a {
background: #263c91;
color: #fff;
padding: 12px 35px;
border-radius: 8px;
font-size: 19px;
-webkit-box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
box-shadow: 4.5px 4.5px 0 rgba(20, 20, 20, .2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 165px;
margin: 35px auto 75px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.WebNativeBody__BottomDownload a:hover {
background: #20297d
}
.WebNativeBody__BottomDownload a svg {
max-width: 18px;
width: 100%;
margin-left: 9px
}
.WebNativeBody__BottomCTA {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Resource-Library/web-native-cta_bottom@2x.png);
background-size: cover
}
.WebNativeBody__BottomCTA__Container {
max-width: 1260px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 48px 100px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.WebNativeBody__BottomCTA__Copy {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3
}
.WebNativeBody__BottomCTA__Copy h2 {
color: #40c3d9;
font-size: 48px;
line-height: 50px;
letter-spacing: -1.2px;
font-weight: 700px
}
.WebNativeBody__BottomCTA__Copy p {
font-size: 24px;
line-height: 30px;
color: #fff;
letter-spacing: -.3px
}
.WebNativeBody__BottomCTA__Link {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.WebNativeBody__BottomCTA__Link a {
font-size: 18px;
line-height: 20px;
color: #5063f9;
letter-spacing: 1px;
font-weight: 700;
background: #fff;
padding: 20px 50px;
margin-bottom: 20px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.WebNativeBody__References {
margin: 0 auto 125px;
width: 100%;
max-width: 1260px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 48px
}
.WebNativeBody__ReferencesContent {
max-width: 976px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.WebNativeBody__ReferencesContent h6 {
font-weight: 900;
font-size: 32px;
line-height: 39px;
letter-spacing: -1px;
color: #0e142b;
margin: 0 0 15px
}
.WebNativeBody__ReferencesCopy {
background: rgba(64, 195, 217, .1);
border: 1px solid #40c3d9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
border-bottom-right-radius: 64px;
padding: 35px 45px
}
.WebNativeBody__ReferencesCopy a {
color: #084164;
line-break: anywhere
}
.WebNativeBody__ReferencesCopy li::marker {
color: #084164
}
.WebNativeBody img {
margin: 0 0 32px;
max-width: 100%;
width: 100%
}
@media (min-width:0) and (max-width:768px) {
.WebNativeBody {
padding: 0
}
.WebNativeBody__Content {
padding: 20px
}
.WebNativeBody__SideNote div {
position: relative;
left: 0;
width: 100%
}
.WebNativeBody img {
width: 100%;
margin: 80px 0 50px
}
.WebNativeBody__BottomCTA__Container {
padding: 30px 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.WebNativeBody__BottomCTA__Link {
-ms-flex-item-align: start;
align-self: flex-start
}
}
@media (min-width:0) and (max-width:515px) {
.WebNativeBody__FloatingCTA {
width: 100%;
min-width: 0;
margin: 0
}
.WebNativeBody__ReferencesCopy {
padding: 35px 25px 35px 0
}
}
@media (min-width:0) and (max-width:1063px) {
.WebNativeBody {
padding-left: 0
}
.WebNativeBody__References {
padding: 0 15px
}
}
.WebNativeHeading {
width: 100%;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Resource-Library/web-native-resource-header@2x.png);
background-size: cover;
margin-bottom: 90px
}
.WebNativeHeading,
.WebNativeHeading__Content {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.WebNativeHeading__Content {
max-width: 1260px;
position: relative;
margin: 0 auto;
padding: 75px 48px
}
@media (min-width:0) and (max-width:768px) {
.WebNativeHeading__Content {
padding: 50px 23px 20px
}
}
.WebNativeHeading__Breadcrumb {
font-weight: 700;
font-size: 16px;
line-height: 20px;
letter-spacing: 2.4px;
text-transform: uppercase;
color: #40c3d9;
margin: 0 0 30px
}
.WebNativeHeading__Breadcrumb a {
color: #40c3d9
}
.WebNativeHeading__Title {
color: #fff;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 62px;
font-weight: 900;
letter-spacing: 0;
line-height: 70px;
margin: 0 0 20px
}
@media (min-width:0) and (max-width:768px) {
.WebNativeHeading__Title.smallerMobileHeading {
font-size: 37px;
line-height: 45px
}
}
.WebNativeHeading__Title.heading-long {
font-size: 45px;
line-height: 48px
}
.WebNativeHeading__SubHeading {
font-size: 56px;
line-height: 60px;
margin: 0 0 12px
}
.WebNativeHeading__SubHeading--Bottom {
margin: 32px 0 12px
}
.WebNativeHeading__SubHeading--Small {
font-size: 35px !important;
line-height: 50px !important
}
.WebNativeHeading__ReadTime {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 16px;
border-radius: 20px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 2.1px;
text-transform: uppercase;
color: #fff;
margin: 36px 0;
border: 1px solid #fff
}
.WebNativeHeading__ReadTime svg {
margin-right: 10px
}
.WebNativeHeading__DownloadTop,
.WebNativeHeading__ReadTimeShare {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.WebNativeHeading__DownloadTop {
margin-left: 30px;
padding: 10px 16px;
border-radius: 20px;
background: #d4d8e9
}
.WebNativeHeading__DownloadTop p {
color: #0e142b;
font-weight: 700;
font-size: 14px;
line-height: 22px;
letter-spacing: 2.1px;
margin: 0
}
.WebNativeHeading__DownloadTop a {
margin: 0 0 0 10px;
background: #5163a7;
padding: 6px 8px;
border-radius: 30px
}
.WebNativeHeading__DownloadTop svg {
width: 100%;
max-width: 16px
}
.WebNativeHeading__DownloadTop svg .cls-downloadIcon {
stroke: #0e142b
}
.WebNativeHeading__DownloadTop-SvgContainer {
margin: 0 0 0 10px
}
.WebNativeHeading__IntroParagraph {
font-weight: 400;
font-size: 32px;
line-height: 150%;
letter-spacing: -.02em;
color: #5163a7;
margin: 0
}
@media (min-width:0) and (max-width:1063px) {
.WebNativeHeading__Content {
border-left: none
}
}
@media (min-width:0) and (max-width:1063px) {
.WebNativeHeading__Title {
font-size: 60px;
line-height: 120%
}
}
.GatedAssetHead {
border-top: 1px solid #e2e7ed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
width: 100%
}
.GatedAssetHead p.email-error {
color: #d22127;
display: none;
font-size: 15px;
font-weight: 400;
line-height: 17px;
margin: 10px 0
}
.GatedAssetHead p.email-error.enabled {
display: block
}
.GatedAssetHead__Wave {
position: absolute;
bottom: -180px;
left: -115px;
right: -345px;
z-index: -1
}
.GatedAssetHead__Wrapper {
max-width: 1260px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 auto;
z-index: 100;
width: 100%
}
.GatedAssetHead__WrapperTop {
background-position: 50%;
background-size: cover;
max-width: 100%
}
.GatedAssetHead__WrapperTopBackground {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: -1;
height: 0
}
.GatedAssetHead__WrapperTopBackground:before {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Resources/esentire_resource-pages_header_main_img_21Nov2023.png);
content: "";
left: 0;
position: absolute;
right: 0;
height: 100%;
background-position: 50%;
background-size: cover
}
.GatedAssetHead__WrapperTopContainer {
max-width: 1260px;
width: 100%;
margin: 0 auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: grid;
grid-template-columns: 3fr 2fr
}
@media (min-width:0px) and (max-width:768px) {
.GatedAssetHead__WrapperTopContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.GatedAssetHead__WrapperLeft {
min-height: auto
}
.GatedAssetHead__WrapperLeftTop {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.GatedAssetHead__WrapperLeftBottom,
.GatedAssetHead__WrapperLeftTop {
-webkit-box-flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.GatedAssetHead__WrapperLeftBottom {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: -230px
}
.GatedAssetHead__SummarySpacer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 171;
-ms-flex: 171 171 auto;
flex: 171 171 auto
}
.GatedAssetHead__Summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 614;
-ms-flex: 614 614 614px;
flex: 614 614 614px;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
padding: 0 80px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff
}
.GatedAssetHead__Summary p span {
color: #40c3d9
}
.GatedAssetHead__Button {
-webkit-box-sizing: border-box;
height: 57px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #263c91;
-webkit-box-shadow: 4px 4px 0 rgba(9, 9, 9, .2);
box-shadow: 4px 4px 0 rgba(9, 9, 9, .2);
border-radius: 4px;
padding: 10px 30px;
color: #fff;
width: auto;
max-width: 340px;
box-sizing: border-box;
font-size: 24px;
line-height: 28.5px;
text-decoration: none;
-webkit-transition: background .2s;
transition: background .2s;
margin-top: 15px
}
.GatedAssetHead__Button:hover {
background: #1f2b7a
}
@media screen and (max-width:1063px) {
.GatedAssetHead__Button {
font-size: 20px;
line-height: 1.2em;
padding: 12px 24px;
max-width: 380px
}
}
@media screen and (max-width:639px) {
.GatedAssetHead__Button {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space: normal;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.Assessment-Report-Top__Download:hover {
background: #0f4dfd;
}
.GatedAssetHead__Nav {
width: 209px;
padding-left: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-top: 50px;
padding-bottom: 72px;
position: relative
}
.GatedAssetHead__Nav h5 {
font-family: Effra;
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
text-transform: uppercase;
color: #263c91;
margin: 0 0 0 10px
}
.GatedAssetHead__Nav h5:after {
content: "";
display: block;
height: 1px;
width: 99px;
background: #25e0f9;
margin: 26px 0 10px -10px
}
.GatedAssetHead__Nav nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.GatedAssetHead__NavButton {
text-decoration: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
margin: 0 0 10px;
color: #263c91
}
.GatedAssetHead__NavButton--Active {
background: #263c91;
color: #fff;
border-radius: 4px
}
.GatedAssetHead__Content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.GatedAssetHead__Form {
position: -webkit-sticky;
position: sticky;
top: 150px;
background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
width: 100%;
max-width: 425px;
margin-bottom: 40px
}
.GatedAssetHead__Form .ContactForm__Select,
.GatedAssetHead__Form .sf-InputGroup__Input,
.GatedAssetHead__Form .sf-InputGroup__Textarea,
.GatedAssetHead__Form select {
height: 42px;
font-size: 14px
}
.GatedAssetHead__FormIframe {
height: 600px;
width: 100%;
max-width: 375px
}
@media (min-width:0px) and (max-width:768px) {
.GatedAssetHead__Form {
position: inherit;
margin: 0
}
}
.GatedAssetHead__Form h4 {
color: #263c91;
font-size: 22px;
line-height: 120%;
margin: 0;
padding: 30px 24px 0
}
.GatedAssetHead__FormTop {
border: 1px solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 543px;
flex: 1 1 543px;
overflow: hidden;
padding: 24px
}
.GatedAssetHead__FormTop>* {
margin: 0 0 8px
}
.GatedAssetHead__FormBottom {
-webkit-box-flex: 1;
-ms-flex: 1 1 348px;
flex: 1 1 348px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 16px;
margin-top: 26px;
background-position: 50%;
background-size: cover
}
.GatedAssetHead__FormBottom img {
max-height: 348px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
width: 100%
}
.GatedAssetHead__FormButton {
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #d4d8e9;
padding: 18px 30px;
color: #5063f9;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
letter-spacing: .5px;
font-weight: 700;
border: none
}
.GatedAssetHead__FormButton:hover {
background: #111b40;
color: #fff
}
.GatedAssetHead__Body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000;
color: #fff;
font-size: 20px;
letter-spacing: -.02em;
line-height: 32px;
padding: 75px 43px 50px;
position: relative
}
.GatedAssetHead__SubHeading {
font-size: 56px;
line-height: 60px
}
.GatedAssetHead__SubHeading.PodcastHeading {
font-size: 35px;
line-height: 40px
}
.GatedAssetHead__Heading h5 {
color: #929dc8;
font-size: 15px;
font-weight: 500;
letter-spacing: 2.25px;
line-height: 20px;
margin: 0 0 25px;
text-transform: uppercase
}
.GatedAssetHead__Heading h5 a {
color: #263c91
}
.GatedAssetHead__Heading h1 {
color: #fff;
font-family: Effra, Arial, Helvetica, sans-serif;
font-weight: 900;
font-size: 50px;
line-height: 58px;
letter-spacing: 0;
margin: 0 0 15px
}
.GatedAssetHead__Heading h1.heading-long {
font-size: 45px;
line-height: 48px
}
.GatedAssetHead__Copy p {
font-size: 20px;
line-height: 30px;
letter-spacing: -.02em;
color: #263c91;
max-width: 646px
}
.GatedAssetHead__FormIframe {
border: none;
padding: 25px;
background: #fff;
height: 620px
}
.GatedAssetHead__GatedThumbnail {
background-color: #fff;
text-align: center;
padding: 0 15px 30px;
margin-top: -50px;
z-index: 1;
position: relative
}
.GatedAssetHead__GatedThumbnail img {
width: 100%;
max-width: 250px
}
.GatedAssetHead__Awards {
background-color: #f8f8f8
}
.GatedAssetHead__AwardsContent {
margin: 0 auto;
max-width: 1260px;
padding: 65px 48px 55px;
text-align: center
}
.GatedAssetHead__AwardsContent h3 {
color: #0e142b;
font-size: 35px;
line-height: 42px;
font-weight: 600;
margin: 0 0 40px
}
.GatedAssetHead__AwardsLogos img {
width: auto;
max-height: 40px;
margin: 0 0 15px 60px
}
.GatedAssetHead__AwardsLogos img:first-child {
margin-left: 0
}
@media screen and (max-width:768px) {
.GatedAssetHead-V2 .GatedAssetHead__WrapperLeftTop {
min-height: auto;
background: linear-gradient(-5.81deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(153.88deg, #293f97 7.31%, #6d3caf 55%)
}
}
.GatedAssetHead__FormCompleteAlert {
text-align: center;
margin: 0 0 15px;
background: #fff;
border-radius: 8px;
padding: 10px 0;
font-size: 17px;
line-height: 120%;
-webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, .25);
box-shadow: 0 8px 32px rgba(0, 0, 0, .25);
border: 4px solid #40c3d9;
scroll-margin-bottom: 450px
}
.GatedAssetHead .BlueInfo__Resource__Copy--Mobile,
.GatedAssetHead__FormCompleteAlert.Hidden {
display: none
}
@media (min-width:0px) and (max-width:1241px) {
.GatedAssetHead__Heading h1 {
font-size: 52px;
line-height: 120%
}
}
@media (min-width:0px) and (max-width:1063px) {
.GatedAssetHead {
border-top: none
}
.GatedAssetHead__Wrapper {
padding-left: 0
}
.GatedAssetHead__Body {
border-left: none
}
.GatedAssetHead__Form {
-webkit-box-flex: 0;
-ms-flex: 0 0 440px;
flex: 0 0 440px
}
}
@media (min-width:768px) and (max-width:1024px) {
.GatedAssetHead__WrapperTopContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 75px;
grid-template-columns: 1fr
}
.GatedAssetHead__WrapperRight {
padding: 0 43px
}
.GatedAssetHead.GatedAssetHead-V2 .GatedAssetHead__Form {
position: inherit;
margin: 0;
min-height: 934px
}
}
@media (min-width:0px) and (max-width:768px) {
.GatedAssetHead__Heading h1 {
font-size: 44px;
line-height: 120%
}
.GatedAssetHead__Wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.GatedAssetHead__WrapperTopContainer {
grid-template-columns: 1fr
}
.GatedAssetHead__WrapperLeft {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
padding: 0
}
.GatedAssetHead__WrapperRight {
padding: 0 15px
}
.GatedAssetHead__Form {
-webkit-box-flex: 1;
-ms-flex: 1 1 502px;
flex: 1 1 502px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.GatedAssetHead__FormIframe {
max-width: 292px
}
.GatedAssetHead__Form h4 {
margin-bottom: 20px
}
.GatedAssetHead__FormTop {
min-height: 470px
}
.GatedAssetHead__Body {
padding: 50px 20px
}
.GatedAssetHead__AwardsLogos {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.GatedAssetHead__AwardsLogos img {
display: inline-block;
margin: 0 0 12px;
max-height: 41px
}
.GatedAssetHead__GatedThumbnail {
padding: 0 30px 10px;
width: 100%
}
.GatedAssetHead .BlueInfo__Resource__Copy--Desktop {
display: none
}
.GatedAssetHead .BlueInfo__Resource__Copy--Mobile {
display: block
}
}
.sf-InputGroup__Input.error,
.sf-InputGroup__Textarea.error {
border-color: #d22127
}
.sf-InputGroup__Input:not(:-moz-placeholder-shown)+.sf-InputGroup__Label,
.sf-InputGroup__Textarea:not(:-moz-placeholder-shown)+.sf-InputGroup__Label {
top: 16px
}
.sf-InputGroup__Input:not(:-ms-input-placeholder)+.sf-InputGroup__Label,
.sf-InputGroup__Textarea:not(:-ms-input-placeholder)+.sf-InputGroup__Label {
top: 16px
}
.sf-InputGroup__Input:not(:placeholder-shown)+.sf-InputGroup__Label,
.sf-InputGroup__Textarea:not(:placeholder-shown)+.sf-InputGroup__Label {
top: 16px
}
.CheckGroup {
margin: 16px 0 18px
}
.CheckGroup span {
text-align: left
}
.CheckGroup__Label span {
font-weight: 400;
font-size: 12px;
line-height: 100%;
margin: 0 0 0 13px
}
.BlueInfo__Resource {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(9, 25, 61, .5)), to(rgba(9, 25, 61, .5))), -webkit-gradient(linear, left top, left bottom, color-stop(38.3%, #293f97), color-stop(79.54%, #10205f));
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(-180deg, #293f97 38.3%, #10205f 79.54%);
padding-top: 255px;
margin-top: -755px;
position: relative;
z-index: 2;
color: #fff
}
.BlueInfo__Resource__BackgroundTransition {
position: absolute;
top: -1px;
left: 0;
width: 100vw;
height: 167px;
text-align: center;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.BlueInfo__Resource__BackgroundTransition img,
.BlueInfo__Resource__BackgroundTransition svg {
min-width: 2141px;
height: 100%;
display: block
}
.BlueInfo__Resource__Content {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
max-width: 1344px;
padding: 0 0 80px 25px;
margin: 0 auto
}
.BlueInfo__Resource__Content,
.BlueInfo__Resource__Left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.BlueInfo__Resource__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
padding: 0 80px 0 0;
color: #fff
}
.BlueInfo__Resource__Left span {
margin-bottom: 46px
}
.BlueInfo__Resource__Left a,
.BlueInfo__Resource__Left p span {
color: #40c3d9
}
.BlueInfo__Resource__Left ul {
margin-top: 0
}
.BlueInfo__Resource__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 603px;
flex: 0 1 603px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.BlueInfo__Resource__Panel {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 32px;
width: 502px;
min-height: 40px;
margin: 50px 0 0;
padding: 23px
}
@media (min-width:0px) and (max-width:768px) {
.BlueInfo__Resource__Panel {
display: none
}
}
.BlueInfo__Resource h4 {
font-weight: 400;
font-size: 48px;
line-height: 57px;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 23px
}
.BlueInfo__Resource h5 {
font-size: 28px;
line-height: 40px;
letter-spacing: -.01em;
font-weight: 400;
color: #40c3d9;
opacity: .9;
margin-bottom: 30px
}
.BlueInfo__Resource p {
font-weight: 400;
font-size: 24px;
line-height: 29px;
letter-spacing: -.01em;
color: #fff;
margin: 0 0 32px
}
.BlueInfo__Resource__Table {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
max-width: 952px;
margin-bottom: 56px
}
.BlueInfo__Resource__Table,
.BlueInfo__Resource__TableRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.BlueInfo__Resource__TableRow {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.BlueInfo__Resource__TableCell {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 440px;
height: 53px;
border-bottom: 1px solid #40c3d9;
margin-right: 10px
}
.BlueInfo__Resource__TableCell svg {
margin-right: 10px
}
@media (min-width:0px) and (max-width:768px) {
.BlueInfo__Resource {
margin-top: -230px
}
.BlueInfo__Resource__Content {
padding: 0 16px 20px
}
.BlueInfo__Resource__Left {
padding: 0
}
.BlueInfo__Resource__Right {
max-width: 0
}
}
.UngatedAssetHead {
position: relative;
width: 100%;
border-top: 1px solid #e2e7ed;
overflow: hidden
}
.UngatedAssetHead__Wrapper {
max-width: 1260px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 auto;
z-index: 100;
width: 100%
}
.UngatedAssetHead__WrapperTop {
max-width: 100%;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Resources/esentire_resource-pages_header_main_img_21Nov2023.png);
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
.UngatedAssetHead__WrapperTopContainer {
max-width: 1260px;
width: 100%;
margin: 0 auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__WrapperTopContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.UngatedAssetHead__WrapperLeft {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
.UngatedAssetHead__WrapperRight {
-webkit-box-flex: 0;
-ms-flex: 0 0 502px;
flex: 0 0 502px
}
.UngatedAssetHead__WrapperLeftTop {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.UngatedAssetHead__WrapperLeftBottom {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.UngatedAssetHead__SummarySpacer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 171;
-ms-flex: 171 171 auto;
flex: 171 171 auto
}
.UngatedAssetHead__Summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 614;
-ms-flex: 614 614 614px;
flex: 614 614 614px;
padding: 0 80px 90px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff
}
.UngatedAssetHead__Summary span a {
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
font-weight: 700;
text-decoration: underline
}
.UngatedAssetHead__Summary span a:hover {
color: #40c3d9
}
.UngatedAssetHead__Summary span+span {
margin-top: 40px
}
.UngatedAssetHead__Nav {
width: 209px;
padding-left: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-top: 50px;
padding-bottom: 72px;
position: relative
}
.UngatedAssetHead__Nav h5 {
font-family: Effra;
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
text-transform: uppercase;
color: #263c91;
margin: 0 0 0 10px
}
.UngatedAssetHead__Nav h5:after {
content: "";
display: block;
height: 1px;
width: 99px;
background: #25e0f9;
margin: 26px 0 10px -10px
}
.UngatedAssetHead__Nav nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.UngatedAssetHead__NavButton {
text-decoration: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
margin: 0 0 10px;
color: #263c91
}
.UngatedAssetHead__NavButton--Active {
background: #263c91;
color: #fff;
border-radius: 4px
}
.UngatedAssetHead__Content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row
}
.UngatedAssetHead__Content,
.UngatedAssetHead__Form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.UngatedAssetHead__Form {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 425px;
flex: 0 0 425px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: 59px 0 0;
max-width: 425px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
background-color: #f8f9fc;
padding: 15px
}
.UngatedAssetHead__Form.WithSoundCloud {
margin: 160px 0 30px
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__Form.WithSoundCloud {
margin: 50px 0;
max-height: 392px
}
}
.UngatedAssetHead__Form.WithSoundCloud .UngatedAssetHead__FormTop {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 340px;
flex: 1 1 340px
}
.UngatedAssetHead__Form.WithSoundCloud .UngatedAssetHead__Podcast {
padding: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
bottom: 2px
}
.UngatedAssetHead__Form.WithSoundCloud .UngatedAssetHead__Podcast iframe {
width: 100%;
height: 340px
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__Form.WithSoundCloud .UngatedAssetHead__Podcast iframe {
border-radius: 18px
}
}
.UngatedAssetHead__Form.WithVideo {
margin: 160px 0 30px;
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 254px !important;
flex: 0 0 254px !important;
max-width: 475px
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__Form.WithVideo {
margin: 50px 0;
max-height: 392px;
-webkit-box-flex: 0;
-ms-flex: 0 0 303px;
flex: 0 0 303px
}
}
@media (min-width:768px) and (max-width:1024px) {
.UngatedAssetHead__Form.WithVideo {
-webkit-box-flex: 0;
-ms-flex: 0 0 303px;
flex: 0 0 303px
}
}
.UngatedAssetHead__Form.WithVideo .UngatedAssetHead__FormTop {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 251px;
flex: 1 1 251px
}
.UngatedAssetHead__Form.WithVideo .UngatedAssetHead__Podcast {
padding: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
bottom: 2px;
display: block;
-ms-flex-item-align: auto;
align-self: auto;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
border-radius: 0
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__Form.WithVideo .UngatedAssetHead__Podcast {
-ms-flex-item-align: center;
align-self: center
}
}
.UngatedAssetHead__Form.WithVideo .UngatedAssetHead__Podcast iframe {
width: 446px;
height: 251px
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__Form.WithVideo .UngatedAssetHead__Podcast iframe {
width: 340px;
height: 200px
}
}
.UngatedAssetHead__FormTop {
position: relative;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
.UngatedAssetHead__FormTop img {
display: block;
margin: 0 0 10px
}
.UngatedAssetHead__FormImage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: 50%;
background-size: cover
}
.UngatedAssetHead__FormButton {
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #d4d8e9;
padding: 18px 30px;
color: #5063f9;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
letter-spacing: .5px;
font-weight: 700
}
.UngatedAssetHead__FormButton:hover {
background: #111b40;
color: #fff
}
.UngatedAssetHead__Podcast {
position: absolute;
bottom: 30px;
width: 320px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-item-align: center;
align-self: center;
background-color: #fff;
-webkit-box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
border-radius: 4px;
padding: 8px 15px;
width: 100%;
max-width: 355px
}
.UngatedAssetHead__Podcast img {
max-height: 40px
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__Podcast {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-ms-flex-item-align: center;
align-self: center
}
.UngatedAssetHead__Podcast img {
max-height: 100%;
width: 100%;
max-width: 190px
}
}
.UngatedAssetHead__SubHeading {
font-size: 56px;
line-height: 60px;
margin-top: 0
}
.UngatedAssetHead__SubHeading.PodcastHeading {
font-size: 35px;
line-height: 40px
}
.UngatedAssetHead__Body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 20px;
letter-spacing: -.02em;
line-height: 32px;
padding: 75px 43px 50px;
position: relative
}
.UngatedAssetHead__Heading h5 {
color: #929dc8;
font-size: 15px;
font-weight: 500;
letter-spacing: 2.25px;
line-height: 20px;
margin: 0 0 25px;
text-transform: uppercase
}
.UngatedAssetHead__Heading h1 {
color: #fff;
font-family: Effra, Arial, Helvetica, sans-serif;
font-weight: 900;
font-size: 50px;
line-height: 58px;
letter-spacing: 0;
margin: 0 0 15px
}
.UngatedAssetHead__Heading h1.heading-long {
font-size: 45px;
line-height: 48px
}
.UngatedAssetHead__Copy p {
font-size: 20px;
line-height: 30px;
letter-spacing: -.02em;
color: #263c91;
max-width: 646px
}
.UngatedAssetHead__DefaultBackground {
padding: 0
}
.UngatedAssetHead__DefaultBackground .UngatedAssetHead__FormImage {
height: 355px;
position: relative
}
.UngatedAssetHead__brightTalkModal {
display: none;
position: fixed;
z-index: 1;
padding-top: 125px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4);
z-index: 1001;
margin-bottom: 200px
}
.UngatedAssetHead__brightTalkModal-content {
background-color: #fefefe;
padding: 20px;
border: 1px solid #888;
width: 80%;
margin: auto auto 150px;
max-width: 850px
}
.UngatedAssetHead__brightTalkModal-content .BTfallback {
max-width: 720px;
margin: 0 auto
}
.UngatedAssetHead__brightTalkModal-close {
color: #aaa;
float: right;
font-size: 40px;
font-weight: 400;
line-height: 40px;
position: relative;
z-index: 1
}
.UngatedAssetHead__brightTalkModal-close:focus,
.UngatedAssetHead__brightTalkModal-close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
.UngatedAssetHead-V2 {
display: block;
min-height: auto
}
.UngatedAssetHead-V2 .UngatedAssetHead__Background {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
pointer-events: none
}
.UngatedAssetHead-V2 .UngatedAssetHead__Background:before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 475px;
background: linear-gradient(-5.81deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(153.88deg, #293f97 7.31%, #6d3caf 55%);
-webkit-transform: skewY(0);
transform: skewY(0);
-webkit-transform-origin: top;
transform-origin: top;
z-index: -1
}
@media screen and (max-width:768px) {
.UngatedAssetHead-V2 .UngatedAssetHead__WrapperLeftTop {
min-height: auto;
background: linear-gradient(-5.81deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(153.88deg, #293f97 7.31%, #6d3caf 55%)
}
}
.UngatedAssetHead-V2 .UngatedAssetHead__Body {
border-left: 0;
color: #fff;
padding: 75px 43px 50px
}
.UngatedAssetHead-V2 .UngatedAssetHead__Heading h1 {
color: #fff;
font-size: 56px;
line-height: 66px;
margin-bottom: 15px
}
.UngatedAssetHead-V2 .UngatedAssetHead__Heading h1.heading-long {
color: #fff
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead-V2 .UngatedAssetHead__Heading h1 {
font-size: 45px;
line-height: 120%
}
}
.UngatedAssetHead-V2 .UngatedAssetHead__Heading h5 {
color: #40c3d9
}
.UngatedAssetHead-V2 .UngatedAssetHead__SubHeading {
color: hsla(0, 0%, 100%, .55);
margin-bottom: 0
}
.UngatedAssetHead-V2 .UngatedAssetHead__SubHeading.BlogHeading__SubHeading--Small {
font-size: 30px !important;
line-height: 40px !important
}
.UngatedAssetHead-V2 .UngatedAssetHead__Form {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
position: absolute;
top: 0;
right: 0;
width: 100%;
max-width: 502px
}
.UngatedAssetHead-V2 .UngatedAssetHead__FormBottom {
max-height: 348px
}
.UngatedAssetHead-V2 .UngatedAssetHead__FormIframe {
height: 725px
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead-V2 .UngatedAssetHead__Form {
position: inherit;
margin: 0
}
}
@media (min-width:0px) and (max-width:430px) {
.UngatedAssetHead-V2 .UngatedAssetHead__Form {
width: 395px
}
}
.UngatedAssetHead-V2 .UngatedAssetHead__Wrapper {
padding-left: 0
}
.UngatedAssetHead-V2 .UngatedAssetHead__WrapperLeft {
min-height: auto
}
.UngatedAssetHead-V2 .UngatedAssetHead__WrapperRight {
-webkit-box-flex: 0;
-ms-flex: 0 0 502px;
flex: 0 0 502px
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead-V2 .UngatedAssetHead__WrapperRight {
display: none
}
}
.UngatedAssetHead__ThumbnailWithAlt {
padding: 0
}
.UngatedAssetHead__Video .UngatedAssetHead__WrapperTop {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(245, 249, 252, .01)), to(#fff)), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Resource-Library/esentire-website-hero-1920x500_white.png);
background-image: linear-gradient(180deg, rgba(245, 249, 252, .01) 15%, #fff), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Resource-Library/esentire-website-hero-1920x500_white.png)
}
.UngatedAssetHead__Video .UngatedAssetHead__WrapperTopContainer {
max-width: 1024px;
padding-bottom: 75px;
text-align: center
}
.UngatedAssetHead__Video .UngatedAssetHead__Body {
margin: 0 auto;
padding: 50px 43px
}
.UngatedAssetHead__Video .UngatedAssetHead__Heading h5 {
color: #a8b1d3;
font-size: 18px;
font-weight: 700;
letter-spacing: 2.2px;
line-height: 20px
}
.UngatedAssetHead__Video .UngatedAssetHead__Heading h5:after {
display: none
}
.UngatedAssetHead__Video .UngatedAssetHead__Heading h1 {
color: #263c91
}
.UngatedAssetHead__Video .UngatedAssetHead__Heading p {
color: #151515
}
.UngatedAssetHead__Video .UngatedAssetHead__SubHeading {
font-weight: 800;
margin-bottom: 0
}
.UngatedAssetHead__Podcasts .UngatedAssetHead__Wrapper {
display: grid;
grid-gap: 35px;
grid-template-columns: 5fr 2fr
}
.UngatedAssetHead__Podcasts .UngatedAssetHead__WrapperTop {
padding-bottom: 75px
}
.UngatedAssetHead__Podcasts .UngatedAssetHead__Wrapper .BlueInfo__Resource__Copy {
padding-bottom: 30px
}
.UngatedAssetHead__Podcasts .UngatedAssetHead__WrapperLeft h2 {
font-size: 35px;
line-height: 57px;
font-weight: 500
}
.UngatedAssetHead__PodcastFrame {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: -75px auto 0;
max-width: 1260px;
padding: 0 48px;
width: 100%
}
.UngatedAssetHead__HostsSpeakers {
margin-top: 75px
}
.UngatedAssetHead__HostsSpeakersCard {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 5fr;
margin: 0 0 20px
}
.UngatedAssetHead__HostsSpeakersCard:last-child {
margin-bottom: 0
}
.UngatedAssetHead__HostsSpeakersImage {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 25px;
height: 46px;
width: 46px
}
.UngatedAssetHead__HostsSpeakersName h5 {
color: #0e142b;
font-size: 17px;
font-weight: 300;
line-height: 22px;
margin: 0
}
.UngatedAssetHead__HostsSpeakersName h5 p {
display: inline
}
.UngatedAssetHead__HostsSpeakersContainer {
background-color: #f4f5f9;
padding: 9px 24px 24px
}
.UngatedAssetHead__HostsSpeakersContainer h3 {
color: #0e142b;
font-size: 28px;
font-weight: 500;
line-height: 32px;
margin: 15px 0 20px
}
.UngatedAssetHead__HostsSpeakersThumbnail img {
width: 100%;
padding: 0 17px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.UngatedAssetHead__AlsoAvailable {
background-color: #0e142b;
display: grid;
grid-template-columns: 2fr 3fr;
padding: 24px 22px 20px
}
.UngatedAssetHead__AlsoAvailable h5 {
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 22px;
margin: 0
}
.UngatedAssetHead__AlsoAvailableLogos {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 1fr
}
.UngatedAssetHead__AlsoAvailableLogos img {
background-color: #fff;
border-radius: 4px;
border: 1px solid #fff;
width: 100%
}
.UngatedAssetHead__PodcastsLibraryCta {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.UngatedAssetHead .UngatedAssetHead__PodcastsLibraryCta {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: grid;
grid-gap: 35px;
grid-template-columns: 5fr 2fr
}
.UngatedAssetHead .UngatedAssetHead__PodcastsLibraryCtaButton a {
background-color: #5063f9;
color: #fff;
padding: 16px;
width: 100%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: 700
}
.UngatedAssetHead .UngatedAssetHead__PodcastsLibraryCtaLeft {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #19234d;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
margin-bottom: 75px;
padding: 42px 48px
}
.UngatedAssetHead .UngatedAssetHead__PodcastsLibraryCtaLeft h3 {
color: #fff;
font-size: 25px;
font-weight: 500;
line-height: 30px;
margin: 0
}
.UngatedAssetHead__LargeVideo {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: -70px auto 0;
max-width: 1260px;
padding: 0 48px
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__LargeVideo {
margin: 0 auto;
padding: 50px 15px 0
}
}
.UngatedAssetHead__LargeVideo div[class^="wistia_embed wistia_async_"] {
height: 563px;
max-width: 992px
}
@media (min-width:0px) and (max-width:1260px) {
.UngatedAssetHead__LargeVideo div[class^="wistia_embed wistia_async_"] {
height: 440px;
max-width: 768px
}
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead__LargeVideo div[class^="wistia_embed wistia_async_"] {
height: 203px;
max-width: 372px
}
}
@media (min-width:0px) and (max-width:1241px) {
.UngatedAssetHead__Heading h1 {
font-size: 52px;
line-height: 120%
}
}
@media (min-width:0px) and (max-width:1063px) {
.UngatedAssetHead {
border-top: none
}
.UngatedAssetHead__Wrapper {
padding-left: 0
}
.UngatedAssetHead__Body {
border-left: none
}
.UngatedAssetHead__Form {
-webkit-box-flex: 0;
-ms-flex: 0 0 543px;
flex: 0 0 543px
}
}
@media (min-width:768px) and (max-width:1024px) {
.UngatedAssetHead__WrapperTopContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 75px
}
.UngatedAssetHead__WrapperRight {
display: none
}
.UngatedAssetHead.UngatedAssetHead-V2 .UngatedAssetHead__Form {
position: inherit;
margin: 0
}
}
@media (min-width:0px) and (max-width:768px) {
.UngatedAssetHead {
min-height: 100%
}
.UngatedAssetHead__Heading h1 {
font-size: 60px
}
.UngatedAssetHead__Wrapper {
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.UngatedAssetHead__Wrapper,
.UngatedAssetHead__WrapperLeft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.UngatedAssetHead__WrapperLeft {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
height: auto;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.UngatedAssetHead__Form {
-webkit-box-flex: 1;
-ms-flex: 1 1 502px;
flex: 1 1 502px;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
min-width: 450px;
max-height: 523px
}
.UngatedAssetHead__Form,
.UngatedAssetHead__FormTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column
}
.UngatedAssetHead__FormTop {
width: 100%;
max-height: 450px;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.UngatedAssetHead__FormTop>* {
margin: 0
}
.UngatedAssetHead__Body {
padding: 0 20px
}
.UngatedAssetHead__Podcasts .UngatedAssetHead__Wrapper {
grid-gap: 0;
grid-template-columns: 1fr
}
.UngatedAssetHead__Podcasts .UngatedAssetHead__Wrapper .BlueInfo__Resource__Copy {
margin-bottom: 0;
padding: 0 15px
}
.UngatedAssetHead__Podcasts .UngatedAssetHead__WrapperLeft h2 {
margin-top: 0
}
.UngatedAssetHead .UngatedAssetHead__PodcastsLibraryCta {
grid-gap: 0;
grid-template-columns: 1fr;
margin-top: 30px;
padding: 0 15px
}
.UngatedAssetHead .UngatedAssetHead__PodcastsLibraryCtaLeft {
grid-template-columns: 1fr;
grid-gap: 20px;
padding: 20px
}
.UngatedAssetHead__PodcastFrame {
padding: 0 15px
}
.UngatedAssetHead__HostsSpeakers {
margin: 10px 0 0;
padding: 0 15px
}
.UngatedAssetHead__AlsoAvailable {
grid-template-columns: 1fr;
grid-gap: 10px
}
.UngatedAssetHead__AlsoAvailable h5 {
font-size: 24px;
line-height: 28px;
margin-bottom: 12px
}
.UngatedAssetHead__AlsoAvailableLogos {
grid-template-columns: 1fr
}
.UngatedAssetHead__AlsoAvailableLogos img {
border-radius: 20px;
max-width: 200px
}
.UngatedAssetHead__Video .UngatedAssetHead__WrapperTopContainer {
padding-bottom: 0
}
.UngatedAssetHead__Video .UngatedAssetHead__WrapperLeft {
padding: 0
}
.UngatedAssetHead__Video .UngatedAssetHead__WrapperLeftTop {
margin: 0 auto
}
.UngatedAssetHead__Video .UngatedAssetHead__Body {
padding: 50px 15px 0
}
.UngatedAssetHead__Video .BlueInfo__Resource__Copy {
padding-top: 25px
}
}
@media (min-width:0px) and (max-width:450px) {
.UngatedAssetHead__Heading h1 {
font-size: 48px;
line-height: 120%
}
.UngatedAssetHead__Form {
width: 100%;
min-width: 0;
position: inherit
}
.UngatedAssetHead__WrapperLeft {
padding: 50px 0
}
.UngatedAssetHead__WrapperRight {
display: none
}
}
.SimpleHero {
border-bottom: 4px solid #40c3d9
}
.SimpleHero__Content {
max-width: 1344px;
margin: 50px auto
}
.SimpleHero__Title {
font-weight: 900;
font-size: 84px;
line-height: 74px;
letter-spacing: -2.56594px;
color: #0a0a0a;
margin: 0
}
.GetStartedController {
padding: 100px 0 0;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Get-Started/get-started-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position-y: top
}
.GetStartedController.buildAQuote .GetStartedController__FormNavItem:nth-child(2) h4,
.GetStartedController.getStarted .GetStartedController__FormNavItem:first-child h4 {
border-bottom: 7px solid #263c91
}
.GetStartedController.buildAQuote .GetStartedController__GridRight iframe {
min-height: 1380px
}
.GetStartedController.buildAQuote .GetStartedController__GridImagesContainer {
text-align: center;
padding: 60px 30px
}
.GetStartedController.buildAQuote .GetStartedController__GridImagesContainer img {
max-width: 335px
}
.GetStartedController.becomeAPartner .GetStartedController__FormNavItem:nth-child(3) h4 {
border-bottom: 7px solid #263c91
}
.GetStartedController__FormNav {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.GetStartedController__FormNavContainer {
background-color: #e9ebf4;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
padding-top: 30px
}
.GetStartedController__FormNav h4 {
display: inline-block;
font-size: 15px;
letter-spacing: 1px;
line-height: 20px;
margin: 0;
padding: 0 30px 20px;
text-align: center;
text-transform: uppercase;
color: #19234d
}
.GetStartedController__Grid {
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: 50px;
margin: 75px auto;
max-width: 1260px;
padding: 0 48px
}
.GetStartedController__Grid h2 {
color: #263c91;
font-size: 50px;
font-weight: 800;
margin: 0 0 25px
}
.GetStartedController__GridImagesContainer {
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin-top: 50px;
padding: 40px 30px
}
.GetStartedController__GridImagesContainer img {
width: 100%;
padding: 5px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.GetStartedController__GridTopBreachBanner {
background: #fff;
display: grid;
grid-template-columns: 3fr 2fr;
margin-bottom: 15px;
padding: 15px;
grid-gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}
.GetStartedController__GridTopBreachBanner p {
font-size: 22px;
line-height: 26px;
margin: 0
}
.GetStartedController__GridTopBreachBanner a {
color: #4b64ff;
font-size: 15px;
font-weight: 600;
letter-spacing: .8px;
line-height: 17px;
text-transform: uppercase;
background-color: #e9ebf4;
text-align: center;
display: block;
padding: 10px 5px
}
.GetStartedController__GridTopBreachBanner a strong {
display: block;
margin-bottom: 3px
}
.GetStartedController__GridLeft {
padding-top: 35px
}
.GetStartedController__GridRight {
padding: 35px;
background-color: #f8f9fc
}
.GetStartedController__GridRight iframe {
border: none;
min-height: 775px;
width: 100%
}
.GetStartedController__Partner {
max-width: 1260px;
padding: 0 48px;
margin: 75px auto
}
.GetStartedController__Partner h2 {
color: #263c91;
font-weight: 800
}
.GetStartedController__PartnerGrid {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 50px;
margin: 75px 0 0
}
.GetStartedController__PartnerGridRight {
padding-top: 35px
}
.GetStartedController__PartnerGridLeft {
padding: 35px;
background-color: #f8f9fc;
border: none;
border-radius: 0;
margin: 0
}
.GetStartedController__Partner__Card {
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 300px;
padding: 38px;
text-align: center;
margin-bottom: 15px;
background-color: #fff
}
.GetStartedController__Partner__Card:last-child {
margin-bottom: 0
}
.GetStartedController__Partner__Card img {
max-height: 60px;
max-width: 120px;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.GetStartedController__Partner__Card blockquote {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.048 21.856c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.456 2.176-5.76 2.176-3.157 0-5.803-1.11-7.936-3.328-2.048-2.219-3.072-5.077-3.072-8.576 0-6.4 2.475-10.965 7.424-13.696C34.856 1.973 37.757.992 39.976.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28-7.083 1.877-10.624 5.419-10.624 10.624 0 2.304.597 4.267 1.792 5.888.17-2.901 2.005-4.352 5.504-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48zm-23.552 0c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.413 2.176-5.632 2.176-3.243 0-5.888-1.11-7.936-3.328C1.448 23.904.424 21.003.424 17.504c0-6.315 2.475-10.837 7.424-13.568C11.432 1.973 14.291.992 16.424.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28C9.299 5.173 5.8 8.757 5.8 14.048c0 2.219.597 4.139 1.792 5.76.17-2.901 1.963-4.352 5.376-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 30px 20px;
font-size: 14px;
line-height: 20px;
margin: 0;
color: #19234d;
text-align: center;
padding-top: 24px
}
.GetStartedController__Partner__Card h3 {
color: #263c91;
font-size: 20px;
font-weight: 700;
line-height: 20px;
margin: 0 0 2px;
text-align: center
}
.GetStartedController__Partner__Card h4 {
color: #999;
font-size: 16px;
line-height: 20px;
margin: 0;
letter-spacing: normal
}
.GetStartedController__Awards {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px
}
.GetStartedController__Awards img {
width: 100%
}
.GetStartedController__Awards img:nth-child(2) {
display: none
}
@media (min-width:0) and (max-width:767px) {
.GetStartedController__Awards img:first-child {
display: none
}
.GetStartedController__Awards img:nth-child(2) {
display: block
}
}
.GetStartedController__BottomLinks {
background-color: #0e142b
}
.GetStartedController__BottomLinks__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px;
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.GetStartedController__BottomLinks__ContentLeftCard {
background: #fff;
display: grid;
grid-template-columns: 3fr 2fr;
margin-bottom: 15px;
padding: 20px;
grid-gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.GetStartedController__BottomLinks__ContentLeftCard:last-child {
margin-bottom: 0
}
.GetStartedController__BottomLinks__ContentLeftCard p {
font-size: 24px;
line-height: 30px;
margin: 0
}
.GetStartedController__BottomLinks__ContentLeftCard a {
color: #4b64ff;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase;
background-color: #e9ebf4;
text-align: center;
display: block;
padding: 20px 0
}
.GetStartedController__BottomLinks__ContentRight p {
font-size: 24px;
line-height: 30px;
margin: 0;
color: #fff
}
.GetStartedController__BottomLinks__ContentRight a {
font-size: 24px;
line-height: 30px;
color: #5063f9;
margin: 0 0 20px;
display: block
}
.GetStartedController__BottomLinks__ContentRightSupportLinks {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
margin-top: 15px
}
.GetStartedController__BottomLinks__ContentRightSupportLinks a {
background-color: #e9ebf4;
font-size: 14px;
text-align: center;
line-height: 18px;
font-weight: 500;
padding: 5px;
margin: 0
}
@media screen and (max-width:767px) {
.GetStartedController {
padding-top: 50px
}
.GetStartedController__FormNav {
padding: 0 15px
}
.GetStartedController__FormNavContainer {
grid-template-columns: 1fr;
grid-gap: 20px;
padding-top: 20px
}
.GetStartedController__Grid {
grid-template-columns: 1fr;
margin-top: 0;
padding: 0 15px
}
.GetStartedController__GridRight {
padding: 30px 10px
}
.GetStartedController__GridTopBreachBanner {
grid-template-columns: 1fr
}
.GetStartedController__Grid h2 br {
display: none
}
.GetStartedController__Awards {
background: #fff;
padding: 0 0 75px
}
.GetStartedController__BottomLinks__Content {
padding: 75px 15px;
grid-template-columns: 1fr
}
.GetStartedController__BottomLinks__ContentLeftCard,
.GetStartedController__BottomLinks__ContentRightSupportLinks {
grid-template-columns: 1fr
}
.GetStartedController.buildAQuote .GetStartedController__GridRight iframe {
min-height: 1700px
}
.GetStartedController__Partner {
padding: 0 15px
}
.GetStartedController__PartnerGrid {
grid-template-columns: 1fr
}
.GetStartedController__PartnerGridLeft {
padding: 30px 15px
}
}
.VideoLibraryHero__Top {
background-color: #263c91
}
.VideoLibraryHero__Top h1 {
font-size: 72px;
line-height: 76px;
max-width: 1260px;
margin: 0 auto;
color: #fff;
padding: 65px 48px 125px;
font-family: Effra, Arial, Helvetica, sans-serif
}
@media (min-width:0) and (max-width:768px) {
.VideoLibraryHero__Top h1 {
font-size: 44px;
line-height: 50px;
padding: 60px 22px 125px
}
}
.VideoLibraryHero__Standard {
background-color: #263c91
}
.VideoLibraryHero__Standard h1 {
font-size: 72px;
line-height: 76px;
max-width: 1260px;
margin: 0 auto;
color: #fff;
padding: 65px 48px;
font-family: Effra, Arial, Helvetica, sans-serif
}
@media (min-width:0) and (max-width:768px) {
.VideoLibraryHero__Standard h1 {
padding: 50px 15px;
font-size: 55px;
line-height: 62px
}
}
.VideoLibraryHero__Content {
max-width: 1260px;
margin: -75px auto 0
}
.VideoLibraryHero__VideoCopy.hidden,
.VideoLibraryHero__VideoPlayIcon.hidden {
display: none
}
.VideoLibraryHero__Full div[class^="wistia_embed wistia_async_"] {
max-width: 1260px;
height: 705.6px
}
@media (min-width:0) and (max-width:992px) {
.VideoLibraryHero__Full div[class^="wistia_embed wistia_async_"] {
width: 800px !important;
height: 450px !important
}
}
@media (min-width:0) and (max-width:768px) {
.VideoLibraryHero__Full div[class^="wistia_embed wistia_async_"] {
width: 600px !important;
height: 337.5px !important
}
}
@media (min-width:0) and (max-width:600px) {
.VideoLibraryHero__Full div[class^="wistia_embed wistia_async_"] {
width: 400px !important;
height: 225px !important
}
}
@media (min-width:0) and (max-width:450px) {
.VideoLibraryHero__Full div[class^="wistia_embed wistia_async_"] {
width: 330px !important;
height: 185.9px !important
}
}
.VideoLibraryHero__VideoCopy {
position: absolute;
color: #fff;
bottom: 50px;
left: 44px;
max-width: 650px
}
.VideoLibraryHero__VideoCopy h2 {
font-weight: 900;
font-size: 50px;
line-height: 58px;
margin: 0 0 5px
}
.VideoLibraryHero__VideoCopy p {
margin: 0;
font-size: 20px;
line-height: 30px;
letter-spacing: -.02em
}
@media (min-width:0) and (max-width:768px) {
.VideoLibraryHero__VideoCopy {
display: none
}
}
.VideoLibraryHero__VideoCopyMobile {
color: #000;
padding: 16px 15px
}
.VideoLibraryHero__VideoCopyMobile h2 {
font-weight: 900;
font-size: 26px;
line-height: 120%;
margin: 0 0 5px
}
.VideoLibraryHero__VideoCopyMobile p {
margin: 0;
font-size: 18px;
line-height: 125%;
letter-spacing: -.02em
}
@media (min-width:768px) {
.VideoLibraryHero__VideoCopyMobile {
display: none
}
}
.VideoLibraryHero__VideoPlayIcon {
position: absolute;
bottom: 50px;
right: 50px
}
.VideoLibraryHero__VideoPlayIcon svg {
width: 100%;
max-width: 70px
}
@media (max-width:768px) {
.VideoLibraryHero__VideoPlayIcon {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center
}
}
.VideoLibraryHero__Full {
position: relative;
cursor: default
}
.VideoLibraryHero__Full:hover .cls-playThumb {
fill: #40c3d9
}
.VideoLibraryHero__Full img {
-webkit-filter: brightness(.8);
filter: brightness(.8);
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.VideoLibraryHero__Full img:hover {
-webkit-filter: brightness(.6);
filter: brightness(.6)
}
@media (min-width:0) and (max-width:768px) {
.VideoLibraryHero__Full {
width: 600px;
margin: 0 auto
}
}
@media (min-width:0) and (max-width:600px) {
.VideoLibraryHero__Full {
width: 400px
}
}
@media (min-width:0) and (max-width:450px) {
.VideoLibraryHero__Full {
width: 330px
}
}
.VideoCards {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
margin-top: -5px;
background-color: #f4f5f9
}
.VideoCards,
.VideoCards__BlockTime {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.VideoCards__BlockTime {
position: absolute;
top: 10px;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.VideoCards__BlockDate,
.VideoCards__BlockDuration {
background: #fff;
border-radius: 10px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
line-height: 13px;
padding: 5px 6px
}
.VideoCards__BlockDate {
margin-left: 10px;
color: #696ddc
}
.VideoCards__BlockDuration {
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000;
-ms-flex-item-align: center;
align-self: center
}
.VideoCards__BlockDuration svg {
width: 100%;
max-width: 12px;
margin-right: 4px
}
.VideoCards__BlockSummary {
color: #263c91;
font-size: 19px;
font-weight: 600;
line-height: 120%
}
.VideoCards__HiddenCopy {
bottom: 25px;
color: #fff;
font-size: 19px;
left: 20px;
line-height: 22px;
margin: 0 0 8px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transition: visibility 0s, opacity .7s linear;
transition: visibility 0s, opacity .7s linear;
visibility: hidden
}
.VideoCards__HiddenCopy p {
margin: 0;
font-weight: 400;
font-size: 19px;
line-height: 120%
}
.VideoCards__Top {
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: 1337px;
padding: 76px 0 100px
}
.VideoCards__Block,
.VideoCards__Top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column
}
.VideoCards__Block {
cursor: pointer;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 361px;
flex: 0 1 361px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 16px 0 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.VideoCards__Block img {
width: 100%;
margin-bottom: 0
}
.VideoCards__BlockCopy {
position: relative
}
.VideoCards__BlockPlayIcon {
position: absolute;
right: 10px;
bottom: 10px
}
.VideoCards__BlockPlayIcon svg {
width: 100%;
max-width: 40px
}
.VideoCards__Block:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.VideoCards__Block:hover .VideoCards__HiddenCopy {
visibility: visible;
opacity: 1
}
.VideoCards__Block:hover .VideoCards__BlockTime {
display: none
}
.VideoCards__Block:hover img {
-webkit-filter: brightness(.25);
filter: brightness(.25)
}
.VideoCards__Block:last-child {
margin: 0
}
.VideoCards__VideoModal {
display: none;
position: fixed;
z-index: 1;
padding-top: 200px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #fff;
background-color: hsla(0, 0%, 100%, .9);
z-index: 1001;
margin-bottom: 200px
}
.VideoCards__VideoModal.active {
display: block
}
.VideoCards__VideoModal-content {
background-color: #fefefe;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: auto;
max-width: 647px;
position: relative;
width: 100%
}
.VideoCards__VideoModal-content,
.VideoCards__VideoModal-content figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.VideoCards__VideoModal-content iframe {
margin: 0 auto;
height: 450px;
width: 800px
}
.VideoCards__VideoModal-content .BTfallback {
max-width: 720px;
margin: 0 auto
}
.VideoCards__VideoModal-heading {
margin: 25px auto;
max-width: 900px;
padding-bottom: 20px
}
.VideoCards__VideoModal-heading h2 {
font-size: 24px;
font-weight: 600;
letter-spacing: -.4px;
line-height: 30px;
margin: 0 20px
}
.VideoCards__VideoModal-navigation {
max-width: 900px;
margin: 15px 20px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.VideoCards__VideoModal-navigationNext,
.VideoCards__VideoModal-navigationPrev {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
place-items: center;
font-size: 14px;
line-height: 20px;
letter-spacing: .05em;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.VideoCards__VideoModal-navigationNext:hover,
.VideoCards__VideoModal-navigationPrev:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.VideoCards__VideoModal-navigationNext.hidden,
.VideoCards__VideoModal-navigationPrev.hidden {
opacity: 0;
visibility: hidden
}
.VideoCards__VideoModal-navigationPrev {
border-radius: 14px;
padding-right: 7px
}
.VideoCards__VideoModal-navigationPrev svg {
max-width: 25px;
margin-right: 5px;
width: 100%
}
.VideoCards__VideoModal-navigationNext {
border-radius: 14px;
padding-left: 7px
}
.VideoCards__VideoModal-navigationNext svg {
max-width: 25px;
margin-left: 5px;
width: 100%
}
.VideoCards__VideoModal-frameContainer {
max-width: 900px;
margin: 0 auto
}
.VideoCards__VideoModal-frameContainer div[class^="wistia_embed wistia_async_"] {
height: 369px;
max-width: 900px;
width: 647px;
margin: 0 auto
}
.VideoCards__VideoModal-recommendedTable {
width: 100%;
max-width: 750px;
margin: 0 auto;
border-collapse: collapse
}
.VideoCards__VideoModal-recommendedTable tr td:first-child {
max-width: 50px;
width: 50px
}
.VideoCards__VideoModal-recommendedTable tr td:first-child img {
max-width: 50px;
width: 100%
}
.VideoCards__VideoModal-recommendedTable tr td:nth-child(2) {
background-color: rgba(64, 195, 217, .1);
height: 50px
}
.VideoCards__VideoModal-recommendedTable tr td:nth-child(2) h5 {
margin: 0;
font-size: 22px;
line-height: 25px;
font-weight: 400;
padding-left: 10px
}
.VideoCards__VideoModal-recommendedTable tr td:nth-child(3) {
background-color: rgba(109, 60, 175, .1);
width: 100px;
height: 50px
}
.VideoCards__VideoModal-recommendedTable tr td:nth-child(3) p {
margin: 0;
font-size: 22px;
line-height: 25px;
text-align: center
}
.VideoCards__VideoModal-recommendedTableHeading {
margin: 50px 0 20px;
text-align: center;
font-size: 22px;
line-height: 100%;
font-weight: 500
}
.VideoCards__VideoModal-close {
color: #000;
float: right;
font-size: 27px;
font-weight: 400;
line-height: 27px;
z-index: 1;
position: absolute;
right: 0;
top: -40px;
border-radius: 50px;
border: 1px solid #000;
padding: 0 7px 5px
}
.VideoCards__VideoModal-close:focus,
.VideoCards__VideoModal-close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
.VideoCards__CardCopy {
position: absolute;
bottom: 20px;
left: 20px;
border-radius: 5px;
padding: 10px 0;
position: inherit
}
.VideoCards__CardCopy .Posts__BlockTime {
padding: 0 12px 0 0;
margin-bottom: 7px
}
.VideoCards__RecommendedVideo {
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.VideoCards__RecommendedVideo:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.VideoCards__BlockSummaryMobile p {
font-size: 13px;
font-weight: 400;
margin: 0 0 2px;
color: rgba(14, 20, 43, .4)
}
div[class^="wistia_embed wistia_async_"] {
height: 507px;
max-width: 900px;
margin: 0 auto
}
@media (min-width:0px) and (max-width:768px) {
.VideoCards {
background: #edeaf3;
padding-top: 50px
}
.VideoCards__VideoModal-content iframe,
.VideoCards__VideoModal div[class^="wistia_embed wistia_async_"] {
width: 400px !important;
height: 225px !important
}
.VideoCards__Top {
padding: 0 0 50px
}
.VideoCards__Top .Posts__Row {
padding: 0 15px;
margin-bottom: 0
}
.VideoCards__Block {
margin: 0 0 15px;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.VideoCards__Block:last-child {
margin: 0 0 15px
}
.VideoCards__Block:hover .VideoCards__HiddenCopy {
display: none
}
div[class^="wistia_embed wistia_async_"] {
height: 300px
}
}
@media (min-width:0px) and (max-width:600px) {
.VideoCards__VideoModal-content {
margin: 0 auto;
max-width: 450px;
padding: 0
}
.VideoCards__VideoModal-content div[class^="wistia_embed wistia_async_"],
.VideoCards__VideoModal-content iframe {
width: 300px !important;
height: 169px !important
}
.VideoCards__VideoModal-content figure {
margin: 0
}
.VideoCards__VideoModal-frameContainer {
padding: 5px
}
.VideoCards__VideoModal-frameContainer div[class^="wistia_embed wistia_async_"] {
height: 182px !important;
width: 324px
}
.VideoCards__VideoModal-heading {
margin: 10px 0 20px;
max-width: 300px
}
.VideoCards__VideoModal-heading h2 {
font-size: 25px;
line-height: 120%
}
.VideoCards__VideoModal-navigation {
margin-bottom: 0
}
}
@media (min-width:768px) {
.VideoCards__BlockSummaryMobile {
display: none
}
}
.BackgroundCubes {
position: absolute;
top: 0;
left: 0;
width: 100vw;
overflow: hidden;
z-index: 4;
pointer-events: none
}
.BackgroundCubes svg {
margin-left: 320px;
margin-top: -750px;
width: 2700px
}
@media screen and (min-width:1324px) {
.BackgroundCubes svg {
margin-left: calc(100vw - 1004px)
}
}
.BackgroundBrain {
position: absolute;
top: 300px;
right: 0;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.BackgroundBrain svg {
width: 814px
}
@media screen and (max-width:767px) {
.BackgroundBrain {
display: none
}
}
.BackgroundR {
position: absolute;
top: 180px;
right: 50px;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.BackgroundR svg {
width: 450px
}
@media screen and (max-width:767px) {
.BackgroundR {
display: none
}
}
.InsuranceUmbrella {
position: absolute;
top: 170px;
right: 0;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.InsuranceUmbrella svg {
width: 600px
}
@media screen and (max-width:767px) {
.InsuranceUmbrella {
display: none
}
}
.ConstructionHelmet {
position: absolute;
top: 170px;
right: 0;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.ConstructionHelmet svg {
width: 650px
}
@media screen and (max-width:767px) {
.ConstructionHelmet {
display: none
}
}
.FinanceBull {
position: absolute;
top: 140px;
right: 0;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.FinanceBull svg {
width: 700px
}
@media screen and (max-width:767px) {
.FinanceBull {
display: none
}
}
.PrivateEquityHand {
position: absolute;
top: 70px;
right: 0;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.PrivateEquityHand svg {
width: 515px
}
@media screen and (max-width:767px) {
.PrivateEquityHand {
display: none
}
}
.LegalScale {
position: absolute;
top: 140px;
right: 0;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.LegalScale svg {
width: 600px
}
@media screen and (max-width:767px) {
.LegalScale {
display: none
}
}
.FoodSupplyScale {
position: absolute;
top: 140px;
right: 50px;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.FoodSupplyScale svg {
width: 400px
}
@media screen and (max-width:767px) {
.FoodSupplyScale {
display: none
}
}
.ManufacturingGears {
position: absolute;
top: 160px;
right: 0;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.ManufacturingGears svg {
width: 600px
}
@media screen and (max-width:767px) {
.ManufacturingGears {
display: none
}
}
.HealthcarePlus {
position: absolute;
top: 160px;
right: -75px;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.HealthcarePlus svg {
width: 715px;
opacity: .55
}
@media screen and (max-width:767px) {
.HealthcarePlus {
display: none
}
}
.RetailCart {
position: absolute;
top: 160px;
right: -75px;
overflow: hidden;
z-index: 4;
pointer-events: none;
-webkit-animation: animate-fade 2s;
animation: animate-fade 2s
}
.RetailCart svg {
width: 715px;
opacity: .55
}
@media screen and (max-width:767px) {
.RetailCart {
display: none
}
}
.BackgroundArtemis {
position: absolute;
top: 165px;
right: 0;
overflow: hidden;
z-index: 4;
pointer-events: none
}
.BackgroundArtemis img {
width: 650px
}
@media screen and (max-width:767px) {
.BackgroundArtemis {
display: none
}
}
.AboutUs__Mesh {
position: absolute;
top: 150px;
right: -50px;
width: calc(100% + 50px);
height: auto;
z-index: 3;
overflow: hidden;
text-align: right
}
@media screen and (max-width:1063px) {
.AboutUs__Mesh {
top: 250px;
right: -20px
}
}
@media screen and (min-width:1700px) {
.AboutUs__Mesh {
max-height: 1525px
}
}
@media screen and (max-width:767px) {
.AboutUs__Mesh {
top: 250px
}
}
@media screen and (max-width:531px) {
.AboutUs__Mesh {
top: 285px;
width: 150%;
height: auto
}
}
@media screen and (max-width:446px) {
.AboutUs__Mesh {
width: 300%
}
}
@media screen and (max-width:639px) {
.AboutUs__Mesh svg {
height: 100%;
width: 100%
}
}
.MDR__Mesh {
position: absolute;
top: 0;
right: -20px;
width: 100%;
height: auto;
z-index: 3;
overflow: hidden;
text-align: right;
max-height: 990px
}
.MDR__Mesh svg {
max-width: 1135px
}
@media screen and (max-width:1063px) {
.MDR__Mesh {
top: 250px;
right: -20px
}
}
@media screen and (min-width:1700px) {
.MDR__Mesh {
max-height: 990px
}
}
@media screen and (max-width:767px) {
.MDR__Mesh {
display: none
}
}
.Partner__Mesh {
max-height: 1065px
}
@media screen and (max-width:1063px) {
.Partner__Mesh {
top: 400px;
right: -20px;
max-height: 800px
}
}
@media screen and (max-width:767px) {
.Partner__Mesh {
top: 453px
}
}
@media screen and (max-width:531px) {
.Partner__Mesh {
top: 285px;
width: 150%;
height: auto
}
}
@media screen and (max-width:446px) {
.Partner__Mesh {
width: 300%
}
}
@media screen and (max-width:639px) {
.Partner__Mesh svg {
height: 100%;
width: 100%
}
}
@-webkit-keyframes animate-fade {
0% {
-webkit-transform: scale(.75);
transform: scale(.75);
opacity: 0
}
80% {
-webkit-transform: scale(1.025);
transform: scale(1.025)
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes animate-fade {
0% {
-webkit-transform: scale(.75);
transform: scale(.75);
opacity: 0
}
80% {
-webkit-transform: scale(1.025);
transform: scale(1.025)
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.AWS__Mesh {
position: absolute;
top: 900px;
right: -50px;
width: calc(100% + 50px);
height: auto;
z-index: 3;
overflow: hidden;
text-align: right
}
@media screen and (min-width:1650px) {
.AWS__Mesh {
max-height: 1345px
}
}
@media screen and (max-width:1063px) {
.AWS__Mesh {
top: 1200px;
right: -20px
}
}
@media screen and (max-width:767px) {
.AWS__Mesh {
top: 1200px
}
}
@media screen and (max-width:531px) {
.AWS__Mesh {
top: 1200px;
width: 150%;
height: auto
}
}
@media screen and (max-width:446px) {
.AWS__Mesh {
width: 300%
}
}
@media screen and (max-width:639px) {
.AWS__Mesh svg {
height: 100%;
width: 100%
}
}
.WhatWeDoSideNav {
width: 230px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 50px;
padding-bottom: 72px;
position: absolute;
z-index: 6;
left: 0;
top: 118px
}
@media screen and (min-width:1440px) {
.WhatWeDoSideNav {
width: calc((100vw - 1440px)/2 + 230px)
}
}
@media screen and (max-width:1063px) {
.WhatWeDoSideNav {
position: relative;
left: auto;
top: auto;
width: auto;
display: block;
padding: 25px 0
}
}
.WhatWeDoSideNav__Content {
width: 182px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 30px
}
@media screen and (max-width:1063px) {
.WhatWeDoSideNav__Content {
width: auto;
padding: 0 24px
}
}
.WhatWeDoSideNav h5 {
font-family: Effra;
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
text-transform: uppercase;
color: #263c91;
margin: 0 0 0 10px
}
@media screen and (max-width:1063px) {
.WhatWeDoSideNav h5 {
margin: 0
}
}
.WhatWeDoSideNav h5:after {
content: "";
display: block;
height: 1px;
width: 99px;
background: #25e0f9;
margin: 26px 0 10px -10px
}
@media screen and (max-width:1063px) {
.WhatWeDoSideNav h5:after {
margin-left: 0;
margin-top: 20px
}
}
.WhatWeDoSideNav nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none
}
.WhatWeDoSideNav nav::-webkit-scrollbar {
display: none
}
@media screen and (max-width:1063px) {
.WhatWeDoSideNav nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-bottom: 20px;
border-bottom: 1px solid #e2e7ed;
width: calc(100% + 20px);
margin: 0 -10px
}
}
.WhatWeDoSideNav__Button {
text-decoration: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
margin: 0 0 10px;
color: #263c91
}
@media screen and (max-width:1063px) {
.WhatWeDoSideNav__Button {
margin: 0 12px 0 0;
white-space: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0
}
}
.WhatWeDoSideNav__Button--Active {
background: #263c91;
color: #fff;
border-radius: 4px
}
.WhatWeDoSideNav__Alert {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(64, 195, 217, .2)), to(rgba(64, 195, 217, .2))), #fff;
background: linear-gradient(0deg, rgba(64, 195, 217, .2), rgba(64, 195, 217, .2)), #fff;
border: 1px solid rgba(37, 224, 249, .2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
margin: 45px -10px 0;
padding: 18px 25px 15px
}
@media screen and (max-width:1063px) {
.WhatWeDoSideNav__Alert {
margin: 20px 0 0
}
}
@media screen and (max-width:639px) {
.WhatWeDoSideNav__Alert {
padding: 12px 12px 10px;
display: none
}
}
.WhatWeDoSideNav__Alert h6 {
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
text-transform: uppercase;
margin: 0;
color: #263c91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.WhatWeDoSideNav__Alert h6 img,
.WhatWeDoSideNav__Alert h6 svg {
margin-right: 8px
}
.WhatWeDoSideNav__Alert p {
font-size: 14px;
line-height: 16px;
letter-spacing: -.01em;
color: #0a0a0a;
margin: 12px 0
}
.WhatWeDoSideNav__Alert p:after {
content: "";
background: #fff;
opacity: .5;
width: 99px;
height: 1px;
margin-top: 16px;
display: block
}
.WhatWeDoSideNav__Alert a {
font-size: 12px;
line-height: 17px;
letter-spacing: .075em;
color: #263c91;
text-transform: uppercase;
text-decoration: none
}
@media screen and (min-width:767px) {
.MobileSideNav {
display: none
}
}
.MobileSideNav {
margin: 17px 0 0
}
.MobileSideNav a.MobileSideNav__Button--Active {
background: #263c91;
color: #fff;
border-radius: 4px
}
.MobileSideNav__ButtonContainer {
position: relative
}
.MobileSideNav__ButtonContainer:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.MobileSideNav__ButtonContainer button {
background-color: #fff;
border-radius: 8px;
border: 1px solid #dadce8;
color: #5c6268;
font-family: ibm-plex-sans, sans-serif;
font-size: 18px;
line-height: 18px;
padding: 6px 10px;
text-align: left;
width: 100%
}
.MobileSideNav__DropdownContent {
display: none;
background-color: #f9f9f9;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
width: 100%;
border-radius: 0 0 8px 8px
}
.MobileSideNav__DropdownContent--active {
display: block
}
.MobileSideNav__DropdownContent a {
float: none;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
color: #263c91
}
@media screen and (max-width:767px) {
.MobileSideNav {
margin: 0;
padding: 8px 0
}
}
@media screen and (max-width:767px) {
nav.DesktopSiteNav {
display: none
}
}
.Hero {
position: relative;
z-index: 4
}
.Hero.Pricing .HeroText__Title,
.Hero.Real-vs-Fake .HeroText__Title {
font-size: 50px;
line-height: 55px
}
.Hero.Industry-Healthcare .HeroText__Title {
font-size: 68px;
line-height: 72px
}
@media screen and (max-width:767px) {
.Hero.Industry-Healthcare .HeroText__Title {
font-size: 50px;
line-height: 55px
}
}
.Hero.Hero-tru {
max-height: 750px
}
.Hero.Hero-tru .Hero__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 603px;
flex: 0 1 603px
}
@media screen and (max-width:767px) {
.Hero.Hero-tru .Hero__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%
}
}
.Hero.Hero-tru .Hero__Right .Hero__InfoPanel {
width: 502px
}
.Hero.TRU .HeroText__Title {
font-size: 49px;
line-height: 55px
}
.Hero.Hero-technicalTesting h3 {
font-size: 58px;
line-height: 120%
}
.Hero.Hero-vciso h3 {
font-size: 43px;
line-height: 120%
}
.Hero.Hero-mvs h3 {
font-size: 58px;
line-height: 120%
}
@media screen and (max-width:767px) {
.Hero.Hero-mvs h3 {
font-size: 47px
}
}
@media screen and (max-width:639px) {
.Hero__MDRCustom h3 {
font-size: 41px;
line-height: 47px
}
}
@media screen and (max-width:639px) {
.Hero__AboutUs h3 {
font-size: 48px;
line-height: 53px
}
}
.Hero__Cloud .HeroText__Title,
.Hero__Cloud .HeroText h1 {
max-width: 800px
}
.Hero-lacework .HeroText__Title {
font-size: 67px;
line-height: 72px
}
.Hero-BecomePartner .HeroText {
min-height: auto;
padding: 75px 48px 0
}
.Hero-BecomePartner .HeroText h1 {
font-size: 27px;
line-height: 125%;
max-width: 800px
}
.Hero-BecomePartner .HeroText h1 a {
color: #40c3d9
}
@media (min-width:0px) and (max-width:1063px) {
.Hero-BecomePartner .HeroText {
min-height: auto;
padding: 35px 25px 0
}
.Hero-BecomePartner .HeroText h1 {
font-size: 22px
}
}
.Hero__Content {
max-width: 1344px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 48px;
margin: 0 auto
}
.Hero__Content.non-standard {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.Hero__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-direction: column;
flex-direction: column
}
.Hero__Left,
.Hero__Right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.Hero__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 486px;
flex: 0 1 486px;
-ms-flex-direction: column;
flex-direction: column
}
.Hero__Right.Hero__Right_AWS {
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 50px
}
@media (min-width:0px) and (max-width:768px) {
.Hero__Right.Hero__Right_AWS {
-webkit-box-flex: 0;
-ms-flex: 0 1 0px;
flex: 0 1 0;
margin-bottom: 0
}
}
.Hero__Right.Hero__Right_AWS .Hero__InfoContent_TRU svg {
background-color: #fff;
padding: 20px 10px;
width: 100%
}
.Hero__Right.Hero__Right_SOC .Hero__InfoCell {
background: #263c91
}
.Hero__Right.Hero__Right_SOC .Hero__InfoCell.Hero--mid-dark-cell {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(9, 25, 61, .5)), to(rgba(9, 25, 61, .5))), -webkit-gradient(linear, left top, left bottom, color-stop(38.3%, #293f97), color-stop(79.54%, #10205f));
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(-180deg, #293f97 38.3%, #10205f 79.54%)
}
.Hero__Right.Hero__Right_SOC .Hero__InfoCell.Hero-dark-cell {
background: #0f152a
}
.Hero__Right.Hero__Right_Microsoft {
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 100px
}
@media (min-width:0px) and (max-width:768px) {
.Hero__Right.Hero__Right_Microsoft {
-webkit-box-flex: 0;
-ms-flex: 0 1 0px;
flex: 0 1 0;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 0
}
}
.Hero__Right.Hero__Right_Microsoft .Hero__InfoContent_TRU {
margin-bottom: 75px
}
@media (min-width:0px) and (max-width:768px) {
.Hero__Right.Hero__Right_Microsoft .Hero__InfoContent_TRU {
margin: 25px 0
}
}
.Hero__Right.Hero__Right_Microsoft .Hero__InfoContent_TRU img,
.Hero__Right.Hero__Right_Microsoft .Hero__InfoContent_TRU svg {
background-color: #fff;
padding: 20px 10px;
width: 100%;
max-width: 225px
}
.Hero__Right.Hero__Cloud .Hero__InfoCell {
padding: 15px 58px
}
.Hero__Right.Hero__Cloud h3 span {
color: #25e0f9;
font-size: 30px
}
.Hero__Right.Hero__Cloud p {
color: #25e0f9;
font-size: 16px;
line-height: 20px
}
.Hero__Right.Hero__Cloud p.Hero__InfoCellSubtitle {
color: hsla(0, 0%, 100%, .7);
font-size: 8px;
line-height: 10px;
margin: 25px 0 15px
}
.Hero__Right.Hero__TechnicalTesting .Hero__InfoCell {
padding: 15px 45px
}
.Hero__Right.Hero__TechnicalTesting h2 {
font-size: 18px;
line-height: 22px
}
.Hero__Right.Hero__TechnicalTesting h3 span {
color: #25e0f9;
font-size: 30px
}
.Hero__Right.Hero__TechnicalTesting h3 {
font-size: 22px;
line-height: 120%
}
.Hero__Right.Hero__TechnicalTesting p {
color: #25e0f9;
font-size: 15px;
line-height: 18px;
margin-bottom: 4px
}
.Hero__Right.Hero__TechnicalTesting p.Hero__InfoCellSubtitle {
color: hsla(0, 0%, 100%, .7);
font-size: 8px;
line-height: 10px;
margin: 25px 0 15px
}
@media (min-width:0px) and (max-width:768px) {
.Hero__Right.Hero__TechnicalTesting {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%
}
}
.Hero__Right.Hero__MVS .Hero__InfoCell,
.Hero__Right.Hero__Phishing .Hero__InfoCell {
padding: 15px 58px
}
.Hero__Right.Hero__MVS h2,
.Hero__Right.Hero__Phishing h2 {
font-size: 18px;
line-height: 22px
}
.Hero__Right.Hero__MVS h3 span,
.Hero__Right.Hero__Phishing h3 span {
color: #25e0f9;
font-size: 30px
}
.Hero__Right.Hero__MVS p,
.Hero__Right.Hero__Phishing p {
color: #25e0f9;
font-size: 15px;
line-height: 18px;
margin-bottom: 4px
}
.Hero__Right.Hero__MVS p.Hero__InfoCellSubtitle,
.Hero__Right.Hero__Phishing p.Hero__InfoCellSubtitle {
color: hsla(0, 0%, 100%, .7);
font-size: 8px;
line-height: 10px;
margin: 25px 0 15px
}
.Hero__Right.Hero__MVS .Hero__InfoContent h3 {
font-size: 50px
}
.Hero__Right.Hero__MVS .Hero__InfoCell {
padding: 15px 58px
}
@media (min-width:0px) and (max-width:768px) {
.Hero__Right.Hero__MVS {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%
}
}
.Hero__Right.Hero__VcisoCell .Hero__InfoCell {
padding: 15px 58px 0
}
.Hero__Right.Hero__Right_Badges {
-webkit-box-flex: 0;
-ms-flex: 0 1 415px;
flex: 0 1 415px;
margin: 200px 15px 0 0
}
.Hero__Right.Hero__Right_Badges .Hero__Right_Badges-Desktop {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px
}
.Hero__Right.Hero__Right_Badges .Hero__Right_Badges-Desktop img {
max-width: 100%;
border-radius: 8px;
border: 1px solid #40c3d9;
background: #fff
}
.Hero__Right.Hero__Right_Badges .Hero__Right_Badges-Mobile {
display: none;
padding: 0 15px
}
.Hero__Right.Hero__Right_Badges .Hero__Right_Badges-Mobile img {
max-width: 100%
}
@media (min-width:0px) and (max-width:768px) {
.Hero__Right.Hero__Right_Badges {
margin: 30px 0 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%
}
.Hero__Right.Hero__Right_Badges .Hero__Right_Badges-Desktop {
display: none
}
.Hero__Right.Hero__Right_Badges .Hero__Right_Badges-Mobile {
display: block
}
}
.Hero__InfoPanel {
background: rgba(64, 195, 217, .32);
border: 1px solid rgba(37, 224, 249, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 32px;
width: 446px;
min-height: 40px;
margin: 50px 0 0;
padding: 23px
}
.Hero__InfoContent {
background: #5112a9;
border-radius: 8px
}
.Hero__InfoContent h2 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
color: #25e0f9;
margin: 0 0 4px
}
.Hero__InfoContent p {
font-weight: 400;
font-size: 16px;
line-height: 149.3%;
text-align: center;
letter-spacing: -.02em;
color: #fff;
margin: 0
}
.Hero__InfoContent h3 {
font-weight: 700;
font-size: 40px;
line-height: 99.3%;
text-align: center;
letter-spacing: -.025em;
color: #fff;
margin: 0 0 4px
}
.Hero__InfoContent_MircosoftCTA {
background: linear-gradient(165.85deg, #071738 10.06%, #112160 150.69%);
margin: 0 auto;
max-width: 350px;
padding: 25px 30px;
border-radius: 10px 10px 55px;
color: #fff
}
.Hero__InfoContent_MircosoftCTA__Eyebrow {
font-weight: 900;
font-size: 12px;
line-height: 17px;
letter-spacing: .075em;
color: #40c3d9;
margin: 0 0 20px;
text-transform: uppercase
}
.Hero__InfoContent_MircosoftCTA h3 {
font-weight: 400;
font-size: 28px;
line-height: 34px;
letter-spacing: -.01em;
margin: 0 0 7px
}
.Hero__InfoContent_MircosoftCTA p {
font-size: 13px;
line-height: 19px;
letter-spacing: -.01em
}
.Hero__InfoContent_MircosoftCTA a {
font-weight: 900;
font-size: 12px;
line-height: 17px;
letter-spacing: .075em;
text-decoration: none;
text-transform: uppercase;
color: #fff;
-webkit-transition: color .15s;
transition: color .15s;
cursor: pointer
}
.Hero__InfoContent_MircosoftCTA a:hover {
color: #40c3d9
}
.Hero__InfoCell {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 58px
}
.Hero__InfoCell,
.Hero__Right_MRS {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.Hero__Right_MRS {
-webkit-box-flex: 0;
-ms-flex: 0 1 427px;
flex: 0 1 427px;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:767px) {
.Hero__Right_MRS {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0
}
}
.Hero__Right_MRS h4 {
max-width: 347px;
font-weight: 400;
font-size: 12.7681px;
line-height: 146.3%;
text-align: center;
letter-spacing: -.01em;
color: #fff;
opacity: .5
}
.Hero__Right_Pricing .Hero__InfoCell {
padding: 55px 0
}
.Hero__Right_Partners img {
width: 100%
}
.Hero__Right_Ransomware,
.Hero__Right_RealVsFake,
.Hero__Right_Sensitive-Data,
.Hero__Right_Third-Party {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 427px;
flex: 0 1 427px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width:767px) {
.Hero__Right_Ransomware,
.Hero__Right_RealVsFake,
.Hero__Right_Sensitive-Data,
.Hero__Right_Third-Party {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%
}
}
.Hero__Right_Ransomware h3,
.Hero__Right_RealVsFake h3,
.Hero__Right_Sensitive-Data h3,
.Hero__Right_Third-Party h3 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 22px;
line-height: 25px
}
.Hero__Right_Ransomware h3:after,
.Hero__Right_RealVsFake h3:after,
.Hero__Right_Sensitive-Data h3:after,
.Hero__Right_Third-Party h3:after {
background: #25e0f9;
content: "";
display: block;
height: 1px;
margin: 10px 0 0;
width: 99px
}
.Hero__Right_Ransomware .Hero__InfoCell,
.Hero__Right_RealVsFake .Hero__InfoCell,
.Hero__Right_Sensitive-Data .Hero__InfoCell,
.Hero__Right_Third-Party .Hero__InfoCell {
padding: 50px 75px
}
.Hero__Right_Ransomware .Hero__InfoContent,
.Hero__Right_RealVsFake .Hero__InfoContent,
.Hero__Right_Sensitive-Data .Hero__InfoContent,
.Hero__Right_Third-Party .Hero__InfoContent {
text-align: center
}
.Hero__Right_Ransomware svg,
.Hero__Right_RealVsFake svg,
.Hero__Right_Sensitive-Data svg,
.Hero__Right_Third-Party svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -25px auto -10px;
max-width: 50px
}
.Hero__Right_Ransomware .Ransomeware-cell {
padding: 20px 75px
}
.Hero__Right_Ransomware .Ransomeware-cell svg {
margin: 0;
max-width: 65px
}
.Hero__Right_Ransomware .Ransomeware-cell-1 {
background-color: #322667
}
.Hero__Right_Ransomware .Ransomeware-cell-2 {
background-color: #2a235a
}
.Hero__Right_Ransomware .Ransomeware-cell-3 {
background-color: #231f4f
}
.Hero__Right_Ransomware .Ransomeware-cell-4 {
background-color: #1c1a44
}
.Hero__Right_Third-Party .Third-Party-cell {
padding: 30px 75px
}
.Hero__Right_Third-Party .Third-Party-cell svg {
margin: 0 0 10px;
max-width: 46px
}
.Hero__Right_Third-Party .Third-Party-cell-2 {
background-color: #2a235a
}
.Hero__Right_Third-Party .Third-Party-cell-3 {
background-color: #231f4f
}
.Hero__Right_Third-Party .Third-Party-cell-4 {
background-color: #1c1a44
}
.Hero__Right_Third-Party .Hero__InfoContent p {
font-size: 20px;
line-height: 120%
}
@media screen and (max-width:767px) {
.Hero__Right_Third-Party {
width: 100%
}
.Hero__Right_Third-Party .Third-Party-cell {
padding: 30px 15px
}
}
.Hero__Right_Sensitive-Data .Sensitive-Data-cell {
padding: 50px 75px
}
@media screen and (min-width:767px) {
.Hero__Right_Sensitive-Data .Sensitive-Data-cell {
padding: 40px 45px
}
}
.Hero__Right_Sensitive-Data .Sensitive-Data-cell svg {
margin: 0 0 10px;
max-width: 46px
}
.Hero__Right_Sensitive-Data .Sensitive-Data-cell-2 {
background-color: #2a235a
}
.Hero__Right_Sensitive-Data .Sensitive-Data-cell-3 {
background-color: #231f4f
}
.Hero__Right_Sensitive-Data .Sensitive-Data-cell-4 {
background-color: #1c1a44
}
.Hero__Right_Sensitive-Data .Hero__InfoContent p {
font-size: 20px;
line-height: 120%
}
.Hero__Right_CloudMisconfigurations .Hero__InfoPanel {
margin-top: 80px
}
@media screen and (max-width:768px) {
.Hero__Right_CloudMisconfigurations .Hero__InfoPanel {
margin-top: 50px
}
}
.Hero__Right_CloudMisconfigurations .Hero__InfoContent p {
font-size: 20px;
line-height: 130%
}
.Hero__Right_CloudMisconfigurations .CloudMisconfigurations-cell {
padding: 28px 75px
}
.Hero__Right_CloudMisconfigurations .CloudMisconfigurations-cell svg {
margin: 0 0 12px;
max-width: 50px
}
.Hero__Right_CloudMisconfigurations .CloudMisconfigurations-cell-1 {
background-color: #322667
}
.Hero__Right_CloudMisconfigurations .CloudMisconfigurations-cell-2 {
background-color: #2a235a
}
.Hero__Right_CloudMisconfigurations .CloudMisconfigurations-cell-3 {
background-color: #231f4f
}
.Hero__Right_CloudMisconfigurations .CloudMisconfigurations-cell-4 {
background-color: #1c1a44
}
.Hero__Right.Hero-DFIR {
-webkit-box-flex: 0;
-ms-flex: 0 1 300px;
flex: 0 1 300px
}
.Hero__Right.Hero-DFIR .Hero-DFIR__Content {
bottom: 50px;
position: absolute;
background: linear-gradient(166.21deg, #293f97 18.78%, #10205f 75.95%);
padding: 30px;
border-radius: 10px 10px 50px 10px;
max-width: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: center;
align-self: center
}
.Hero__Right.Hero-DFIR .Hero-DFIR__Content p {
color: #fff;
text-align: center;
font-size: 21px;
line-height: 24px;
margin: 0 0 10px
}
.Hero__Right.Hero-DFIR .Hero-DFIR__Content p:after {
content: "";
display: block;
height: 1px;
width: 45px;
background: #40c3d9;
margin: 15px auto 5px
}
.Hero__Right.Hero-DFIR .Hero-DFIR__Content h5 {
color: #fff;
text-align: center;
font-size: 22px;
font-weight: 400;
line-height: 24px;
margin: 0
}
.Hero__Right.Hero-DFIR .Hero-DFIR__Content a {
font-size: 32px;
line-height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #40c3d9;
font-weight: 700
}
.Hero__Right.Hero-DFIR .Hero-DFIR__Content a:hover {
color: #95deea
}
@media screen and (max-width:767px) {
.Hero__Right.Hero-DFIR {
-webkit-box-flex: 0;
-ms-flex: 0 1 200px;
flex: 0 1 200px
}
.Hero__Right.Hero-DFIR .Hero-DFIR__Content {
bottom: 0
}
}
.Hero__Right.Hero-EDR {
-webkit-box-flex: 0;
-ms-flex: 0 1 300px;
flex: 0 1 300px
}
.Hero__Right.Hero-EDR .Hero-EDR__Content {
max-width: 350px;
bottom: 50px;
position: absolute
}
.Hero__Right.Hero-EDR .Hero-EDR__Content img {
width: 100%
}
@media only screen and (max-width:1470px) and (min-width:767px) {
.Hero__Right.Hero-EDR .Hero-EDR__Content {
right: 15px
}
}
@media only screen and (max-width:1315px) and (min-width:767px) {
.Hero__Right.Hero-EDR .Hero-EDR__Content {
max-width: 300px;
bottom: 20px
}
}
.Hero__Right.Hero-EDR .Hero-EDR__FMA {
color: #fff;
background: linear-gradient(165.85deg, #071738 10.06%, #112160 150.69%);
border: 1px solid rgba(37, 224, 249, .3);
border-radius: 4px;
border-bottom-right-radius: 30px;
-webkit-box-shadow: 0 -4px 16px rgba(0, 0, 0, .2);
box-shadow: 0 -4px 16px rgba(0, 0, 0, .2);
padding: 30px 34px 27px
}
.Hero__Right.Hero-EDR .Hero-EDR__FMA h5 {
font-weight: 900;
font-size: 12px;
line-height: 17px;
letter-spacing: .075em;
color: #40c3d9;
margin: 0 0 20px;
text-transform: uppercase
}
.Hero__Right.Hero-EDR .Hero-EDR__FMA p {
font-weight: 400;
font-size: 28px;
line-height: 35px;
letter-spacing: -.01em;
margin: 0 0 45px
}
.Hero__Right.Hero-EDR .Hero-EDR__FMA a {
font-weight: 900;
font-size: 12px;
line-height: 17px;
letter-spacing: .075em;
text-decoration: none;
text-transform: uppercase;
color: #fff;
-webkit-transition: color .15s;
transition: color .15s;
cursor: pointer;
color: #40c3d9
}
@media screen and (max-width:767px) {
.Hero__Right.Hero-EDR {
-webkit-box-flex: 0;
-ms-flex: 0 1 200px;
flex: 0 1 200px
}
.Hero__Right.Hero-EDR .Hero-EDR__Content {
bottom: 0;
margin: 0 auto;
position: inherit
}
.Hero__Right.Hero-EDR .Hero-EDR__Content img {
display: none
}
.Hero__Right.Hero-EDR .Hero-EDR__FMA {
margin-top: 15px
}
}
.Hero__Right.Hero-Lacework {
-webkit-box-flex: 0;
-ms-flex: 0 1 300px;
flex: 0 1 300px
}
.Hero__Right.Hero-Lacework .Hero-Lacework__Content {
max-width: 350px;
bottom: 50px;
position: absolute
}
.Hero__Right.Hero-Lacework .Hero-Lacework__Content img {
width: 100%
}
@media only screen and (max-width:1470px) and (min-width:767px) {
.Hero__Right.Hero-Lacework .Hero-Lacework__Content {
right: 15px
}
}
@media only screen and (max-width:1315px) and (min-width:767px) {
.Hero__Right.Hero-Lacework .Hero-Lacework__Content {
max-width: 300px;
bottom: 20px
}
}
.Hero__Right.Hero-Lacework .Hero-Lacework__Logo {
padding: 10px 10px 4px;
background: #fff;
z-index: 2;
position: relative;
max-width: 210px;
margin: 0 auto -20px;
border: 1px solid #40c3d9;
border-radius: 10px
}
.Hero__Right.Hero-Lacework .Hero-Lacework__FMA {
color: #fff;
background: linear-gradient(165.85deg, #071738 10.06%, #112160 150.69%);
border: 1px solid rgba(37, 224, 249, .3);
border-radius: 4px;
border-bottom-right-radius: 30px;
-webkit-box-shadow: 0 -4px 16px rgba(0, 0, 0, .2);
box-shadow: 0 -4px 16px rgba(0, 0, 0, .2);
padding: 40px 34px 27px
}
.Hero__Right.Hero-Lacework .Hero-Lacework__FMA h5 {
font-weight: 900;
font-size: 12px;
line-height: 17px;
letter-spacing: .075em;
color: #40c3d9;
margin: 0 0 20px;
text-transform: uppercase
}
.Hero__Right.Hero-Lacework .Hero-Lacework__FMA p {
font-weight: 400;
font-size: 28px;
line-height: 35px;
letter-spacing: -.01em;
margin: 0 0 45px
}
.Hero__Right.Hero-Lacework .Hero-Lacework__FMA a {
font-weight: 900;
font-size: 12px;
line-height: 17px;
letter-spacing: .075em;
text-decoration: none;
text-transform: uppercase;
color: #fff;
-webkit-transition: color .15s;
transition: color .15s;
cursor: pointer;
color: #40c3d9
}
@media screen and (max-width:767px) {
.Hero__Right.Hero-Lacework {
-webkit-box-flex: 0;
-ms-flex: 0 1 200px;
flex: 0 1 200px
}
.Hero__Right.Hero-Lacework .Hero-Lacework__Content {
bottom: 0;
margin: 0 auto;
position: inherit
}
.Hero__Right.Hero-Lacework .Hero-Lacework__FMA {
margin-top: 15px
}
.Hero__Right.Hero-Lacework .Hero-Lacework__Logo {
margin: 10px auto -35px
}
}
.Hero__InfoPanel_MRS {
background: rgba(64, 195, 217, .32);
border: 1px solid rgba(37, 224, 249, .3);
border-radius: 16px 16px 64px 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 32px;
width: 347px;
margin: 50px 0 0;
padding: 23px
}
.Hero__InfoContent_MRS {
background: linear-gradient(0deg, rgba(9, 25, 61, .5), rgba(9, 25, 61, .5)), linear-gradient(169.59deg, #293f97 15.82%, #6d3caf 68.59%);
border-radius: 16px 16px 64px 16px;
padding: 60px 57px
}
.Hero__InfoCellBox_MRS,
.Hero__InfoContent_MRS {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.Hero__InfoCellBox_MRS {
border-bottom: 1px solid #40c3d9;
margin: 0 0 80px;
padding: 0 0 80px
}
.Hero__InfoCellBox_MRS:last-child {
margin: 0;
border: none;
padding: 0
}
.Hero__InfoCellBox_MRS h2 {
font-size: 65.6644px;
text-align: right;
color: #fff;
margin: 0 4px 0 0
}
.Hero__InfoCellBox_MRS h2,
.Hero__InfoCellBox_MRS span {
font-weight: 900;
line-height: 99.3%;
letter-spacing: -.04em
}
.Hero__InfoCellBox_MRS span {
font-size: 42.8643px;
color: #40c3d9
}
.Hero__InfoCellBox_MRS p {
font-weight: 400;
font-size: 12.7681px;
line-height: 146.3%;
text-align: center;
letter-spacing: -.01em;
color: #40c3d9
}
.Hero__InfoCellBox_MRSSmall h2 {
font-size: 35px
}
.Hero__InfoValue_MRS {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row
}
.Hero__InfoContent_TRU,
.Hero__InfoValue_MRS {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Hero__InfoContent_TRU {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column
}
.Hero__InfoContent_TRU h2 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
color: #25e0f9;
margin: 0 0 4px
}
.Hero__InfoContent_TRU p {
font-weight: 400;
font-size: 16px;
line-height: 149.3%;
text-align: center;
letter-spacing: -.02em;
color: #fff;
margin: 0
}
.Hero__InfoContent_TRU h3 {
font-weight: 700;
font-size: 40px;
line-height: 99.3%;
text-align: center;
letter-spacing: -.025em;
color: #fff;
margin: 0 0 4px
}
.Hero__InfoCell_TeamESentire {
border-radius: 0 0 8px 8px
}
.Hero__InfoCell_TRU {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 72px;
width: 100%
}
.Hero__InfoCell_TRU:first-child {
border-radius: 8px 8px 0 0
}
.Hero__InfoCell_TRUBox {
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 23px 54px;
width: 100%;
border: 1px solid;
border-color: #fff #fff #40c3d9
}
.Hero__InfoCell_TRUBox:last-child {
border-radius: 0 0 8px 8px;
border-bottom: none
}
.Hero__InfoCell_TRUBox h2 {
font-weight: 700;
font-size: 24px;
line-height: 120.3%;
text-align: center;
letter-spacing: -.02em;
color: #7200ee
}
.Hero__InfoCell_TRUBox p {
font-weight: 400;
font-size: 16px;
line-height: 154.8%;
text-align: center;
letter-spacing: -.02em;
color: #2a4098
}
.Hero__CellLeft_TRU {
-ms-flex: 0 0 78px;
flex: 0 0 78px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Hero__CellLeft_TeamESentire,
.Hero__CellLeft_TRU {
-webkit-box-flex: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
justify-content: center;
height: 100%
}
.Hero__CellLeft_TeamESentire {
-ms-flex: 0 0 110px;
flex: 0 0 110px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.Hero__CellLeft_TeamESentire svg {
max-width: 40px;
margin-right: 10px
}
.Hero__CellRight_TRU {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
font-size: 21px;
line-height: 24px;
letter-spacing: -.01em;
color: #fff
}
.Hero__CellHeading_TeamESentire {
letter-spacing: -.01em;
color: #263c91;
font-weight: 700;
font-size: 24px;
line-height: 120.3%
}
.Hero__InfoCell_TRUBreak {
border-right: 3px solid #454545;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 3px;
height: 16px
}
.Hero--cell1 {
background: #2a4098
}
.Hero-teamEsentire .Hero__InfoCell_TRU {
height: 92px
}
.Hero--TeamESentire-cell {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.Hero--cell2 {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(114, 0, 238, .2)), to(rgba(114, 0, 238, .2))), #2a4098;
background: linear-gradient(0deg, rgba(114, 0, 238, .2), rgba(114, 0, 238, .2)), #2a4098
}
.Hero--cell3 {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(114, 0, 238, .4)), to(rgba(114, 0, 238, .4))), #2a4098;
background: linear-gradient(0deg, rgba(114, 0, 238, .4), rgba(114, 0, 238, .4)), #2a4098
}
.Hero--cell4 {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(114, 0, 238, .6)), to(rgba(114, 0, 238, .6))), #2a4098;
background: linear-gradient(0deg, rgba(114, 0, 238, .6), rgba(114, 0, 238, .6)), #2a4098
}
.Hero--cell5 {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(114, 0, 238, .8)), to(rgba(114, 0, 238, .8))), #2a4098;
background: linear-gradient(0deg, rgba(114, 0, 238, .8), rgba(114, 0, 238, .8)), #2a4098
}
.Hero--dark-cell {
background: rgba(0, 0, 0, .5)
}
.Hero--mid-dark-cell {
background: rgba(0, 0, 0, .25)
}
.Hero--navy-cell {
background: #263c91
}
.HeroText {
padding: 50px 48px 0;
margin-left: 182px;
border-left: 1px solid #e2e7ed;
min-height: 590px
}
.HeroText.LeadershipHero {
min-height: 360px
}
.HeroText__Breadcrumb {
font-family: Effra;
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: .275em;
color: #263c91;
margin: 0 0 36px;
position: relative
}
.HeroText__Breadcrumb a {
color: #263c91
}
.HeroText__Breadcrumb:before {
content: "";
display: block;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.352.584l-.608.624L8.992 4.44H.64v.896h8.352L5.76 8.568l.608.608 4.288-4.288L6.352.584z' fill='%23263C91'/%3E%3C/svg%3E");
background-color: #fff;
background-size: 11px 10px;
background-position: 50%;
background-repeat: no-repeat;
width: 32px;
height: 32px;
border: 1px solid #e2e7ed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 16px;
position: absolute;
top: -12px;
left: -64px
}
.HeroText__Breadcrumb:after {
content: "";
display: block;
height: 1px;
width: 99px;
background: #25e0f9;
margin: 26px 0 0
}
.HeroText__Title {
margin: 0;
font-weight: 900;
font-size: 72px;
line-height: 76px;
max-width: 698px
}
.HeroText__SubTitle,
.HeroText__Title {
letter-spacing: -2.56594px;
color: #0a0a0a
}
.HeroText__SubTitle {
font-weight: 400;
font-size: 64px;
line-height: 56px;
margin: 15px 0 30px
}
.HeroText__Copy p,
.HeroText__Paragraph,
.HeroText h1 {
font-size: 20px;
line-height: 30px;
letter-spacing: -.02em;
color: #263c91;
margin: 0 0 50px;
max-width: 646px
}
.HeroText h1 {
font-weight: 400
}
.HeroText__Button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
min-width: 195px;
height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 10px;
background: #263c91;
color: #fff;
-webkit-box-shadow: 4px 4px 0 #e2e7ed;
box-shadow: 4px 4px 0 #e2e7ed;
border-radius: 4px;
font-size: 18px;
line-height: 21px;
letter-spacing: -.01em;
text-decoration: none;
cursor: pointer
}
.HeroText__Button:hover {
-webkit-transform: scale(1.01);
transform: scale(1.01);
background: #20297d;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.Hero-NoSidenav .Hero__Content {
padding-left: 0
}
.Hero-NoSidenav .HeroText {
margin-left: 0;
border-left: none
}
.Hero-NoSidenav .HeroText__Breadcrumb:before {
display: none
}
.HeroGetStarted {
display: none;
position: fixed;
z-index: 1;
padding-top: 125px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4);
z-index: 1001;
margin-bottom: 200px
}
.HeroGetStarted__Content {
background-color: #fefefe;
width: 80%;
margin: auto auto 150px;
max-width: 992px;
border-radius: 20px;
position: relative
}
.HeroGetStarted__Content .Formfallback {
max-width: 720px;
margin: 0 auto
}
.HeroGetStarted__Content .ContactForm__Field:nth-child(2) {
margin-top: 42px
}
.HeroGetStarted__Show {
display: block
}
.HeroGetStarted__Close {
color: #aaa;
float: right;
font-size: 40px;
font-weight: 400;
line-height: 40px;
position: absolute;
z-index: 1;
right: 10px;
top: 5px
}
.HeroGetStarted__Close:focus,
.HeroGetStarted__Close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
.HeroGetStarted__CopyForm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.HeroGetStarted__Copy {
padding: 30px
}
.HeroGetStarted__FormHeading {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
background: #263c91;
border-radius: 20px 0 0 20px
}
.HeroGetStarted__FormHeading h2 {
color: #fff;
font-size: 34px;
line-height: 42px;
margin: 0 0 20px
}
.HeroGetStarted__FormHeading p {
font-weight: 400;
font-size: 25px;
line-height: 130%;
color: hsla(0, 0%, 100%, .8);
margin: 20px 0 0
}
.HeroGetStarted__Form {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%
}
.HeroGetStarted__FormBox {
padding: 30px
}
.HeroGetStarted__FormIframe {
border: none;
min-height: 975px;
width: 100%;
min-height: 770px
}
.HeroGetStarted__Badges {
display: grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 10px;
margin-top: 35px;
text-align: center
}
.HeroGetStarted__Badges img {
width: 100%;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 275px
}
.HeroGetStarted__Badges p {
font-size: 15px;
margin: 0 0 12px;
text-align: center
}
.HeroGetStarted__Badges div:first-child {
margin-bottom: 10px
}
@media (min-width:0px) and (max-width:768px) {
.Hero__Content,
.Hero__Content.non-standard {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.Hero.Hero-tru .Hero__Right .Hero__InfoPanel,
.Hero__InfoPanel,
.Hero__InfoPanel_MRS {
width: 100%
}
.Hero-teamEsentire .Hero__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%
}
.Hero-teamEsentire .Hero__InfoCell_TRU {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 22px
}
.Hero-teamEsentire .Hero__InfoCell_TRU:first-child {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0
}
.Hero-teamEsentire .Hero__CellLeft_TeamESentire svg {
width: 100%
}
.Hero-teamEsentire .Hero__CellLeft_TeamESentire,
.Hero-teamEsentire .Hero__CellRight_TRU {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.Hero-soc .Hero__Right,
.Hero__Right_CloudMisconfigurations {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%
}
.HeroGetStarted {
max-width: 96%;
left: 2%
}
.HeroGetStarted__CopyForm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.HeroGetStarted__FormHeading {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
border-radius: 20px 20px 0 0
}
.HeroGetStarted__FormHeading h2 {
font-size: 23px;
line-height: 120%;
margin: 0 0 10px
}
.HeroGetStarted__FormHeading p {
font-size: 18px;
margin: 0
}
.HeroGetStarted__Form {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.HeroGetStarted__FormIframe {
min-height: 950px
}
.HeroGetStarted__Badges {
display: none
}
.HeroText {
margin: 0;
padding: 20px
}
.Hero.Hero-tru {
max-height: 100%
}
}
@media (min-width:0px) and (max-width:1063px) {
.HeroText {
margin: 0;
padding: 20px 24px;
min-height: auto
}
.HeroText__SubTitle,
.HeroText__Title {
font-size: 50px;
line-height: 55px
}
}
@media (min-width:767px) and (max-width:1241px) {
.Hero.Hero-tru .Hero__Right .Hero__InfoPanel {
width: 375px
}
}
@media (min-width:0px) and (max-width:575px) {
.HeroGetStarted {
padding-top: 75px
}
.HeroGetStarted__Content {
width: 100%
}
}
.Recommended {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #c6edf4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 75px 0;
position: relative
}
.Recommended__Top {
max-width: 1400px
}
.Recommended__Top h2 {
color: #263c91;
margin: 0 auto 40px;
max-width: 1503px;
text-align: center
}
.Recommended__Top p {
max-width: 992px;
margin: 0 auto 50px;
text-align: center
}
.Recommended__Top p:last-child {
margin-bottom: 50px
}
.Recommended__Bottom {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.Recommended__Block,
.Recommended__Bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.Recommended__Block {
background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
cursor: pointer;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 320px;
flex: 0 0 320px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 16px;
min-height: 260px;
padding: 36px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Recommended__Block:hover {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.Recommended__Block:last-child {
margin-right: 0
}
.Recommended__BlockTop {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden
}
.Recommended__BlockTitle,
.Recommended__BlockTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.Recommended__BlockTitle {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #19234d;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-size: 12px;
font-weight: 900;
letter-spacing: .075em;
line-height: 144.8%;
padding-bottom: 20px;
text-transform: uppercase
}
.Recommended__BlockSummary {
color: #263c91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 32px;
font-weight: 600;
line-height: 37px;
margin: 0 0 20px
}
.Recommended__BlockSummaryBlock,
.Recommended__BlockSummaryRaw {
display: block
}
.Recommended__BlockFooter {
color: #5063f9;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-size: 12px;
font-weight: 900;
letter-spacing: .075em;
line-height: 144.8%;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.Recommended__BlockFooter,
.Recommended__Cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.Recommended__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ecf9fb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 30px auto;
max-width: 1210px;
padding: 50px 0;
width: 100%
}
.Recommended__CtaLeft {
margin-left: 50px;
max-width: 600px
}
.Recommended__CtaRight {
margin-right: 50px
}
.Recommended__Cta h3 {
color: #263c91;
font-size: 28px;
font-weight: 700;
line-height: 32px;
margin: 0
}
.Recommended__Cta a {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: 700;
letter-spacing: .7px;
margin-left: 20px;
max-width: 235px;
padding: 15px 70px;
text-align: center
}
@media (min-width:0px) and (max-width:768px) {
.Recommended {
padding: 75px 15px
}
.Recommended__Top {
text-align: center
}
.Recommended__Bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.Recommended__Block {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 10px;
min-height: inherit
}
.Recommended__Block:last-child {
margin: 10px
}
.Recommended__BlockSummary {
font-size: 20px;
line-height: 140%;
margin: 0 0 20px
}
.Recommended__Cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.Recommended__CtaRight {
margin: 0;
padding: 0 15px
}
.Recommended__CtaLeft {
margin: 0 0 20px;
text-align: center
}
.Recommended__Cta a {
display: block;
margin: 0
}
}
.searchResults__Content {
margin: 70px auto;
max-width: 1440px;
width: 100%;
padding: 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.searchResults__Heading {
margin-bottom: 50px
}
.searchResults__Heading h1 {
font-weight: 900;
font-size: 72px;
line-height: 76px;
letter-spacing: -1.8px;
margin: 0;
color: #263c91;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
font-family: Effra, Arial, Helvetica, sans-serif
}
.searchResults__TopField {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.searchResults__TopField svg {
left: 18px;
position: absolute;
top: 13px;
z-index: 1;
width: 22px
}
.searchResults__SearchField {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 2px solid #e2e2e2;
color: #19234d;
font-size: 18px;
font-weight: 400;
height: 50px;
line-height: 24px;
padding: 0 16px 0 70px;
position: relative;
-webkit-transition: all .15s linear;
transition: all .15s linear;
width: 100%
}
.searchResults__SearchField,
.searchResults__SubmitButton {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-style: normal
}
.searchResults__SubmitButton {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #d3d8e9;
border: none;
color: #263c91;
cursor: pointer;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 16px;
font-weight: 600;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 1.8px;
line-height: 16px;
padding: 12px 65px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.searchResults__SubmitButton:hover {
background: #a8b1d3
}
.searchResults__Label {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 3px;
line-height: 16px;
color: #263c91;
font-weight: 400;
margin: 24px 10px 15px
}
.searchResults__ResultsBox {
border-bottom: 1px solid #d3d8e9;
display: block;
margin-bottom: 30px;
padding-bottom: 40px
}
.searchResults__ResultsDescription h5 {
background-color: #e9ebf4;
border-radius: 16px;
color: #0e142b;
display: inline-block;
font-size: 12px;
letter-spacing: 1.5px;
line-height: 12px;
margin: 0 0 15px;
padding: 7px 20px;
text-transform: uppercase
}
.searchResults__ResultsDescription h4 {
color: #5063f9;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0
}
.searchResults__ResultsDescription p {
color: #0e142b;
font-size: 24px;
line-height: 32px;
margin: 15px 0 0
}
.searchResults__ResultsFound {
color: #929dc8;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.8px;
line-height: 14px;
margin: 0 0 5px 20px;
text-transform: uppercase
}
.searchResults__ResultFormLabel {
color: #0e142b;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
line-height: 22px;
font-weight: 700
}
.searchResults__SearchQuery {
color: #263c91;
font-size: 50px;
line-height: 52px;
font-weight: 600;
margin: 0
}
.searchResults__TitleCopy {
margin: 75px 0
}
.searchResults__QueryFound {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 20px
}
.searchResults__Checkbox span {
color: #19234d;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: 400;
letter-spacing: -.01em;
line-height: 23px;
padding-right: 50px;
text-align: center;
text-decoration: none
}
.searchResults__Checkbox input {
position: absolute;
top: -20px
}
.searchResults__Checkbox input:checked+span,
.searchResults__Checkbox input:hover+span {
font-weight: 700
}
.searchResults__Checkbox input:checked:hover+span {
font-weight: 500
}
.searchResults__BoxButton {
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
font-weight: 800;
font-size: 12px;
line-height: 144.8%;
letter-spacing: .075em;
color: #9e50ff;
margin: 20px 0 0
}
.searchResults__FilterContainerTop {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
.searchResults__FilterContainerTop__All {
color: #19234d;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: 400;
letter-spacing: -.01em;
line-height: 23px;
margin: 0 50px 0 15px
}
.searchResults__FilterContainerTop svg {
margin-right: 15px;
max-width: 20px;
width: 100%
}
.searchResults__Bottom {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.searchResults__Bottom,
.searchResults__Pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.searchResults__Pagination {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 76px
}
.searchResults__PageInput {
border: 1px solid #707070;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 33px;
margin-right: 10px;
overflow: hidden;
padding: 10px 6px;
resize: horizontal;
text-align: center;
width: 40px
}
.searchResults__PageLabel {
margin-right: 10px;
line-height: 23px;
font-size: 18px;
color: #19234d
}
.searchResults__PageButton {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #263c91;
border-radius: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 12px;
font-weight: 700;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: .2em;
line-height: 14px;
margin-right: 10px;
padding: 10px 16px;
text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.searchResults__PageButton svg {
width: 14px
}
.searchResults--page-disabled {
background: #667aca;
opacity: .3;
color: #fff
}
@media (min-width:0px) and (max-width:768px) {
.searchResults__Content {
margin: 70px auto;
padding: 0 15px
}
.searchResults__TopField {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.searchResults__SearchField {
max-width: 400px
}
.searchResults__SubmitButton {
margin: 20px 0 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.searchResults__Heading {
margin-bottom: 25px
}
.searchResults__Heading h1 {
font-size: 50px;
line-height: 55px
}
.searchResults__FilterContainerTop {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.searchResults__ResultsBox {
padding-bottom: 30px
}
.searchResults__ResultsDescription h5 {
padding: 7px 12px
}
.searchResults__ResultsDescription h4 {
font-size: 26px;
line-height: 30px
}
.searchResults__ResultsDescription p {
font-size: 20px;
line-height: 26px;
overflow-wrap: break-word
}
}
.MultiVideo.Margin-T-75 {
margin-top: 75px
}
.MultiVideo.Margin-B-75 {
margin-bottom: 75px
}
.MultiVideo__Content {
width: 100%;
max-width: 1166px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 48px
}
.MultiVideo h2 {
color: #000;
font-size: 64px;
letter-spacing: -.025em;
line-height: 1em;
margin: 0 0 50px
}
.MultiVideo__VideoRow {
background: rgba(64, 195, 217, .2);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
.MultiVideo__VideoRow img {
border-radius: 10px
}
.MultiVideo__VideoRowCopy {
padding: 20px 45px 20px 35px
}
.MultiVideo__VideoRow p {
color: #000;
font-size: 18px;
line-height: 24px;
margin: 17px 0 15px
}
.MultiVideo__VideoRow a {
color: #263c91;
text-transform: uppercase;
font-weight: 500;
cursor: pointer
}
.MultiVideo__VideoRow a:hover {
color: #6d3caf
}
.MultiVideo__VideoThumbnail {
cursor: pointer
}
.MultiVideo__VideoThumbnail:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.MultiVideo__VideoEyebrow {
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
color: #40c3d9;
margin: 10px 0 0
}
.MultiVideo__VideoModal {
display: none;
position: fixed;
z-index: 1;
padding-top: 200px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #fff;
background-color: hsla(0, 0%, 100%, .9);
z-index: 1001;
margin-bottom: 200px
}
.MultiVideo__VideoModal.active {
display: block
}
.MultiVideo__VideoModal-content {
background-color: #fefefe;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
margin: auto;
max-width: 647px;
position: relative;
width: 80%
}
.MultiVideo__VideoModal-content figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.MultiVideo__VideoModal-content iframe {
margin: 0 auto;
height: 507px;
width: 900px
}
.MultiVideo__VideoModal-content .BTfallback {
max-width: 720px;
margin: 0 auto
}
.MultiVideo__VideoModal-close {
color: #000;
float: right;
font-size: 27px;
font-weight: 400;
line-height: 27px;
z-index: 1;
position: absolute;
right: 0;
top: -40px;
border-radius: 50px;
border: 1px solid #000;
padding: 0 7px 5px
}
.MultiVideo__VideoModal-close:focus,
.MultiVideo__VideoModal-close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
.MultiVideo__LightPurpleCut {
position: relative;
padding-top: 75px
}
.MultiVideo__LightPurpleCutContainer {
position: absolute;
top: -150px;
left: -115px;
right: -115px;
z-index: -1
}
.MultiVideo__LightPurpleCutContainer svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.MultiVideo__PrivateEquity {
margin-top: 75px
}
.MultiVideo__Legal svg {
height: 1175px
}
.MultiVideo__Food .MultiVideo__LightPurpleCutContainer {
left: 0;
right: 0
}
.MultiVideo__CtaContainer {
margin: 60px auto 0;
width: 100%;
text-align: center
}
.MultiVideo__CtaContainer a {
background: #263c91;
color: #fff;
font-size: 24px;
line-height: 28.5px;
padding: 13px 23px;
border-radius: 4px;
-webkit-box-shadow: 4px 4px 0 #e2e7ed;
box-shadow: 4px 4px 0 #e2e7ed;
-webkit-transition: all .2s ease;
transition: all .2s ease;
margin: 50px auto 0
}
.MultiVideo__CtaContainer a:hover {
background: #6d3caf
}
.MultiVideo__Videobtn-Mobile {
display: none !important
}
.MultiVideo__Videobtn--WithText {
position: relative
}
.MultiVideo__Videobtn--WithText p {
display: none;
position: absolute;
top: 10px;
left: 10px;
right: 25px;
font-size: 22px;
line-height: 125%;
margin: 0;
color: #fff
}
.MultiVideo__Videobtn--WithText .play-btn {
background: #40c3d9;
position: absolute;
top: 50%;
left: 50%;
margin-top: -38px;
margin-left: -30px;
width: 63px;
height: 63px;
border-radius: 50%
}
.MultiVideo__Videobtn--WithText:hover p {
display: block
}
.MultiVideo__Videobtn--WithText:hover .wistia_embed {
-webkit-filter: brightness(.3);
filter: brightness(.3)
}
.MultiVideo__Videobtn--WithText:hover .play-btn {
right: 15px;
left: auto;
bottom: 15px;
top: auto;
width: 40px;
height: 40px
}
.MultiVideo__Videobtn--WithText:hover img {
-webkit-filter: brightness(.3);
filter: brightness(.3)
}
.MultiVideo__DynamicVideo {
position: relative;
margin: 0 10px 15px 0;
max-width: 525px;
cursor: pointer;
display: block;
pointer-events: none;
border-radius: 14.705px;
overflow: hidden;
-webkit-box-shadow: 5px 5px #40c3d9;
box-shadow: 5px 5px #40c3d9;
isolation: isolate
}
.MultiVideo__DynamicVideoContent {
height: 290px;
position: relative;
width: 100%;
background: #000
}
.MultiVideo__DynamicVideoContent .w-css-reset[data-handle=clickForSoundButton] {
display: none !important
}
.MultiVideo__DynamicVideoBtn {
cursor: pointer
}
.MultiVideo__DynamicVideoBtn .play-btn {
background: #40c3d9;
position: absolute;
top: 50%;
left: 50%;
margin-top: -38px;
margin-left: -30px;
width: 63px;
height: 63px;
border-radius: 50%
}
.MultiVideo__DynamicVideoBtn p {
position: absolute;
top: 15px;
left: 15px;
font-size: 22px;
line-height: 125%;
margin: 0;
display: none
}
.MultiVideo__DynamicVideoBtn:hover .play-btn {
right: 15px;
left: auto;
bottom: 15px;
top: auto;
width: 40px;
height: 40px;
position: absolute
}
.MultiVideo__DynamicVideoBtn:hover svg {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: relative
}
.MultiVideo__DynamicVideoBtn:hover .wistia_embed {
-webkit-filter: brightness(.3);
filter: brightness(.3)
}
.MultiVideo__DynamicVideoBtn:hover p {
display: block
}
.MultiVideo__DynamicVideoTwoSocs .MultiVideo__DynamicVideoContent {
height: 216px !important
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo__DynamicVideoTwoSocs .MultiVideo__DynamicVideoContent {
height: 185px !important
}
}
.MultiVideo__DynamicVideoNavyCalloutBlock .MultiVideo__DynamicVideoContent {
height: 295px !important
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo__DynamicVideoNavyCalloutBlock .MultiVideo__DynamicVideoContent {
height: 195px !important
}
}
.MultiVideo__DynamicVideoBlueInfo .MultiVideo__DynamicVideoContent {
height: 249px !important
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo__DynamicVideoBlueInfo .MultiVideo__DynamicVideoContent {
height: 195px !important
}
}
.MultiVideo__DynamicVideoRecommendedVideo {
width: 620px
}
.MultiVideo__DynamicVideoRecommendedVideo .MultiVideo__DynamicVideoContent {
height: 295px !important
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo__DynamicVideoRecommendedVideo {
width: 300px
}
.MultiVideo__DynamicVideoRecommendedVideo .MultiVideo__DynamicVideoContent {
height: 168px !important
}
}
.MultiVideo__DynamicVideoCountOnMicrosoft {
width: 375px;
margin: 0 auto 25px
}
.MultiVideo__DynamicVideoCountOnMicrosoft .MultiVideo__DynamicVideoContent {
height: 209px !important
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo__DynamicVideoCountOnMicrosoft {
width: 300px
}
.MultiVideo__DynamicVideoCountOnMicrosoft .MultiVideo__DynamicVideoContent {
height: 168px !important
}
}
.MultiVideo__DynamicVideoMDR .MultiVideo__DynamicVideoContent {
height: 287px !important
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo__DynamicVideoMDR .MultiVideo__DynamicVideoContent {
height: 195px !important
}
}
.MultiVideo__DynamicVideoTeamEsentire .MultiVideo__DynamicVideoContent {
height: 287px !important
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo__DynamicVideoTeamEsentire .MultiVideo__DynamicVideoContent {
height: 195px !important
}
}
.MultiVideo__DynamicVideoLibraryTRU {
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
border-radius: 0 0 14px 14px
}
.MultiVideo__DynamicVideoLibraryTRU .MultiVideo__DynamicVideoContent {
height: 220px !important
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo__DynamicVideoLibraryTRU .MultiVideo__DynamicVideoContent {
height: 195px !important
}
}
@media (min-width:0px) and (max-width:768px) {
.MultiVideo h2 {
font-size: 50px
}
.MultiVideo__VideoRow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.MultiVideo__VideoRow.MultiVideo__VideoRowReverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.MultiVideo__VideoModal-content iframe {
width: 400px !important;
height: 225px !important
}
.MultiVideo__LightPurpleCutContainer {
display: none
}
.MultiVideo__Videobtn-Desktop {
display: none !important
}
.MultiVideo__Videobtn-Mobile {
display: block !important
}
}
@media (min-width:0px) and (max-width:600px) {
.MultiVideo__VideoRow img {
width: 100%;
margin: 0 auto
}
.MultiVideo__VideoModal-content {
margin: 0 auto;
max-width: 450px;
padding: 10px
}
.MultiVideo__VideoModal-content figure {
margin: 0
}
.MultiVideo__CtaContainer a {
display: block
}
.MultiVideo__VideoModal-content {
width: 100%;
padding: 2px
}
.MultiVideo__VideoModal-close {
right: 10px
}
}
.EventSearch {
background: #d9f3f7
}
.EventSearch__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1240px;
padding: 75px 48px
}
.EventSearch__Content h1 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 65px;
margin: 0
}
.EventSearch__ContentRight {
margin: 0 0 20px
}
.EventSearch__ContentRight h3 {
font-size: 16px;
letter-spacing: 1.5px;
line-height: 20px;
margin: 0 0 20px;
text-transform: uppercase
}
.EventSearch__SearchTopics {
display: block
}
.EventSearch__SearchTopics>a {
background-color: #19234d;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 16px;
margin: 20px 10px 0 0;
padding: 10px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.EventSearch__SearchTopics>a:hover {
background: #9adfea
}
.EventSearch__SearchTopics>a:last-child {
margin: 0
}
.EventSearch__DropdownContent {
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
border-radius: 0 0 8px 8px;
border: 1px solid #42c4d9;
border-top: none;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.EventSearch__DateDropdown {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-gap: 10px
}
.EventSearch__DateDropdown a {
border: 1px solid #19234d;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #19234d;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 8px 5px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-align: center
}
.EventSearch__DateDropdown a:hover {
background: #9adfea
}
.EventSearch__DateDropdown--selected {
background-color: #19234d;
color: #fff !important
}
.EventSearch__List {
display: grid;
grid-column-gap: 15px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
padding: 75px 48px;
max-width: 1260px;
margin: 0 auto
}
.EventSearch__Event {
-webkit-box-flex: 0;
-ms-flex: 0 1 222px;
flex: 0 1 222px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 0 20px;
background: #fff;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .1);
box-shadow: 0 0 16px rgba(0, 0, 0, .1);
border-radius: 4px
}
.EventSearch__Event:last-child {
margin: 0
}
.EventSearch__Pagination {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 0 60px
}
.EventSearch__Page,
.EventSearch__Pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.EventSearch__Page {
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
height: 39px;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 10px 0 0;
opacity: 1;
background: #fff;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: -.01em;
color: #263c91
}
.EventSearch__Page:last-child {
margin: 0
}
.EventSearch__Page:hover {
background: #42c4d9
}
.EventSearch__NoResults {
background: #fff;
margin: 0;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}
.EventSearch__NoResultsBottom {
margin-top: -75px
}
.EventSearch__NoResults p {
color: #151515;
font-size: 26px;
line-height: 120%;
margin: 30px 45px;
font-weight: 500;
text-align: center
}
.EventSearch--selected {
background: #40c3d9 !important
}
.EventSearch--disable-page {
opacity: .5
}
@media (min-width:0) and (max-width:768px) {
.EventSearch__Content {
padding: 75px 15px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.EventSearch__Content,
.EventSearch__Search {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.EventSearch__Search {
border-radius: 0
}
.EventSearch__SearchTopics {
margin-bottom: 30px
}
.EventSearch__List {
grid-template-columns: 1fr;
padding: 75px 15px;
grid-gap: 15px
}
}
.LeadershipPage {
margin-bottom: 75px
}
.LeadershipPage__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.LeadershipPage__Breadcrumb {
color: #263c91;
font-size: 12px;
font-weight: 600;
letter-spacing: .275em;
line-height: 14px;
margin: 0 0 50px 25px;
text-transform: uppercase
}
.LeadershipPage__Grid {
-webkit-column-gap: 35px;
-moz-column-gap: 35px;
column-gap: 35px;
display: grid;
grid-template-columns: 1fr 3fr
}
.LeadershipPage__Left h1 {
color: #263c91;
font-size: 22px;
font-weight: 500;
margin: 10px auto
}
.LeadershipPage__Left h1,
.LeadershipPage__Left p {
line-height: 120%;
max-width: 250px;
text-align: center
}
.LeadershipPage__Left p {
color: #7d8abd;
font-size: 17px;
margin: 0 auto 10px
}
.LeadershipPage__Right p {
font-size: 22px;
letter-spacing: -.01em;
line-height: 37px;
margin: 0 0 40px
}
.LeadershipPage__Right p:last-child {
margin-bottom: 0
}
.LeadershipPage__ImageContainer {
margin: 0 auto;
max-width: 250px;
width: 100%
}
.LeadershipPage__ImageContainer .profile-picture {
width: 100%
}
.LeadershipPage__ImageContainer .modal__linkedinIcon {
display: block;
margin-left: auto;
margin-right: 6px;
margin-top: -254px
}
@media screen and (max-width:1220px) {
.LeadershipPage__Breadcrumb {
margin-left: 0
}
}
@media screen and (max-width:768px) {
.LeadershipPage {
margin-bottom: 75px
}
.LeadershipPage__Content {
padding: 50px 15px
}
.LeadershipPage__Grid {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
display: block;
grid-template-columns: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.LeadershipPage__Right {
font-size: 20px;
line-height: 130%;
text-align: center
}
.LeadershipPage__Right p {
font-size: 18px;
line-height: 22px;
margin: 0 0 15px
}
}
.CalculatorBlueInfo {
background-color: #e9ebf4;
position: relative;
z-index: 2
}
.CalculatorBlueInfo__Content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
max-width: 1260px;
padding: 110px 48px;
width: 100%
}
@media screen and (max-width:1063px) {
.CalculatorBlueInfo__Content {
padding: 0 24px 50px
}
}
.CalculatorBlueInfo__Content>h4 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
color: #40c3d9;
margin: 0 0 12px
}
.CalculatorBlueInfo__Content>p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff;
white-space: pre-line;
margin: 0 0 60px
}
.CalculatorBlueInfo__Content>p:last-child {
margin: 0
}
.CalculatorBlueInfo__Bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width:1063px) {
.CalculatorBlueInfo__Bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.CalculatorBlueInfo__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
max-width: 1024px;
margin: 0 auto
}
.CalculatorBlueInfo__Left>h4 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
color: #40c3d9;
margin: 0 0 12px
}
.CalculatorBlueInfo__Left>h2 {
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 57px;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 29px
}
.CalculatorBlueInfo__Left>p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #0e142b;
white-space: pre-line;
margin: 0 0 60px
}
.CalculatorBlueInfo__Left>p:last-child {
margin: 0
}
.CalculatorBlueInfo__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width:1063px) {
.CalculatorBlueInfo__Right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px
}
}
.CalculatorBlueInfo__Calculator {
margin: 40px auto
}
.CalculatorBlueInfo__CalculatorBody {
display: grid;
grid-template-columns: 5fr auto 2fr;
width: 100%;
grid-column-gap: 7px
}
.CalculatorBlueInfo__CalculatorBody>h2 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: .2em;
text-transform: uppercase;
color: #25e0f9;
margin: 0 0 20px;
max-width: 215px;
text-align: center
}
.CalculatorBlueInfo__CalculatorBody>p {
font-weight: 400;
font-size: 14px;
line-height: 149.3%;
color: #fff;
opacity: .6;
margin: 0 0 15px
}
.CalculatorBlueInfo__CalculatorBody>a {
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
background: #25e0f9;
-webkit-box-shadow: 4px 4px 0 #000;
box-shadow: 4px 4px 0 #000;
border-radius: 4px;
font-style: normal;
font-size: 24px;
line-height: 29px;
letter-spacing: -.01em;
color: #000;
padding: 0 14px;
font-weight: 600
}
.CalculatorBlueInfo__CalculatorBody>a:hover {
color: #fff
}
.CalculatorBlueInfo__Select {
cursor: pointer;
position: relative;
width: 100%;
height: 54px;
z-index: 1
}
.CalculatorBlueInfo__Select>select {
border-radius: 8px;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0)
}
.CalculatorBlueInfo__Select>select,
.CalculatorBlueInfo__SelectDisplay {
cursor: pointer;
width: 100%;
height: 100%;
background: transparent;
outline: none;
padding: 0 20px
}
.CalculatorBlueInfo__SelectDisplay {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
border: 2px solid #25e0f9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
font-family: Effra;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 149.3%;
display: flex;
align-items: center;
color: #fff
}
.CalculatorBlueInfo__SelectDisplay:hover {
border: 2px solid #fff
}
@media screen and (max-width:767px) {
.CalculatorBlueInfo {
padding-top: 50px
}
.CalculatorBlueInfo__Left {
padding-right: 0
}
.CalculatorBlueInfo__Calculator {
margin: 20px 15px 30px
}
.CalculatorBlueInfo__CalculatorBody {
grid-template-columns: 1fr auto;
grid-row-gap: 17px
}
.CalculatorBlueInfo__CalculatorBody>a {
width: auto;
grid-column: span 2/span 2;
padding: 10px
}
}
.CalculatorBuildAQuote {
background-color: #19234d;
padding: 0 48px
}
.CalculatorBuildAQuote__Message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1260px;
padding: 60px 0;
-webkit-box-sizing: border-box;
margin: 0 auto;
box-sizing: border-box
}
.CalculatorBuildAQuote__Message h2 {
font-weight: 700;
font-size: 24px;
line-height: 120.3%;
color: #fff;
max-width: 750px
}
.CalculatorBuildAQuote__Message p {
font-weight: 400;
font-size: 24px;
line-height: 120.3%;
color: #fff;
max-width: 750px
}
.CalculatorBuildAQuote__Message a {
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center;
text-transform: uppercase;
letter-spacing: .7px;
font-size: 14px;
line-height: 16px
}
@media (min-width:0px) and (max-width:1140px) {
.CalculatorBuildAQuote {
padding: 0 15px 30px
}
.CalculatorBuildAQuote__Message {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
text-align: center
}
}
.CalculatorHero {
position: relative;
z-index: 4
}
.CalculatorHero__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 110px 48px
}
@media screen and (max-width:1063px) {
.CalculatorHero__Content {
padding: 24px 24px 0
}
}
@media screen and (max-width:767px) {
.CalculatorHero__Content {
display: block
}
}
.CalculatorHero__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:767px) {
.CalculatorHero__Left {
margin-bottom: 20px
}
}
.CalculatorHero__Right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
justify-self: flex-end
}
@media screen and (max-width:1241px) {
.CalculatorHero__Right {
width: 360px
}
}
@media screen and (max-width:874px) {
.CalculatorHero__Right {
width: 320px
}
}
@media screen and (max-width:767px) {
.CalculatorHero__Right {
width: auto
}
}
.CalculatorHero__Right img {
width: 100%
}
.CalculatorHero__InfoPanel {
background: rgba(64, 195, 217, .32);
border: 1px solid rgba(37, 224, 249, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 32px;
min-height: 40px;
margin: 50px 0 0;
padding: 23px
}
@media screen and (max-width:874px) {
.CalculatorHero__InfoPanel {
padding: 14px
}
}
@media screen and (max-width:767px) {
.CalculatorHero__InfoPanel {
padding: 23px
}
}
@media screen and (max-width:639px) {
.CalculatorHero__InfoPanel {
padding: 23px;
margin: 50px -10px 0
}
}
.CalculatorHero__InfoContent {
background: #5112a9;
border-radius: 8px
}
.CalculatorHero__InfoContent h2 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
color: #25e0f9;
margin: 0 0 4px
}
.CalculatorHero__InfoContent p {
font-weight: 400;
font-size: 16px;
line-height: 149.3%;
text-align: center;
letter-spacing: -.02em;
color: #fff;
margin: 0
}
.CalculatorHero__InfoContent h3 {
font-weight: 700;
font-size: 40px;
line-height: 99.3%;
text-align: center;
letter-spacing: -.025em;
color: #fff;
margin: 0 0 4px
}
.CalculatorHero__InfoCell {
-webkit-box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
padding: 30px 58px
}
@media screen and (max-width:1441px) {
.CalculatorHero__InfoCell {
padding: 30px 35px
}
}
@media screen and (max-width:1241px) {
.CalculatorHero__InfoCell {
padding: inherit 25px
}
}
.CalculatorHero--dark-cell {
background: rgba(0, 0, 0, .5)
}
.CalculatorHero--mid-dark-cell {
background: rgba(0, 0, 0, .25)
}
.CalculatorHeroText {
min-height: 290px
}
.CalculatorHeroText__Breadcrumb {
color: #a8b1d3;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
text-transform: uppercase
}
.CalculatorHeroText__Breadcrumb a {
color: #263c91
}
.CalculatorHeroText__Title {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 65px;
max-width: 823px;
white-space: pre-line;
margin: 30px 0
}
@media screen and (max-width:767px) {
.CalculatorHeroText__Title {
font-size: 50px;
line-height: 55px
}
}
.CalculatorHeroText__SubTitle {
font-weight: 400;
font-size: 64px;
line-height: 56px;
letter-spacing: -2.56594px;
color: #0a0a0a;
margin: 15px 0 30px
}
@media screen and (max-width:1241px) {
.CalculatorHeroText__SubTitle {
font-size: 58px;
line-height: 55px
}
}
@media screen and (max-width:767px) {
.CalculatorHeroText__SubTitle {
margin: 15px 0
}
}
.CalculatorHeroText__Paragraph {
margin: 0;
font-size: 20px;
line-height: 30px;
letter-spacing: -.02em;
color: #263c91;
padding: 0 0 50px;
max-width: 646px
}
@media screen and (max-width:1241px) {
.CalculatorHeroText__Paragraph {
font-size: 18px;
line-height: 27px
}
}
@media screen and (max-width:767px) {
.CalculatorHeroText__Paragraph {
padding-bottom: 32px
}
}
.CalculatorHeroText__Button {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.CalculatorResult {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 4;
background-color: #1f2224;
scroll-margin-top: 110px
}
.CalculatorResult,
.CalculatorResult__Content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.CalculatorResult__Content {
width: 100%;
max-width: 1440px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 91px 70px 102px;
margin: 0 auto;
min-height: 200px
}
.CalculatorResult__Content h2 {
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 154.44%;
text-transform: uppercase;
color: #25e0f9;
margin: 16px 0 8px
}
.CalculatorResult__Content h2.CalculatorResult__Heading {
font-size: 64px;
line-height: 69px;
letter-spacing: -2px;
color: #fff;
text-transform: none;
text-align: center
}
.CalculatorResult__Content h3 {
font-style: normal;
font-weight: 700;
font-size: 19.9476px;
line-height: 154.44%;
text-transform: uppercase;
color: #25e0f9;
margin: 15px 0
}
.CalculatorResult__Content h4 {
font-weight: 400;
font-size: 17.0979px;
line-height: 20px;
text-transform: uppercase;
color: #fff;
margin: 0 0 14px
}
.CalculatorResult__Content hr {
outline: none;
width: 100%;
height: 3px;
margin: 0;
background-color: #25e0f9;
border: none
}
.CalculatorResult__Content hr.CalculatorResult--grey {
background-color: hsla(0, 0%, 100%, .5)
}
.CalculatorResult__Copy {
font-style: normal;
font-weight: 400;
font-size: 23px;
line-height: 125%;
letter-spacing: -.01em;
color: #fff;
text-align: center
}
.CalculatorResult__Split {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.CalculatorResult__Split>:first-child {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.CalculatorResult__Split>:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.CalculatorResult__BlackBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.CalculatorResult__BlackBlock,
.CalculatorResult__BlackBlockMobile {
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #000;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 105%;
text-transform: uppercase;
color: #fff
}
.CalculatorResult__BlackBlockMobile {
display: none
}
.CalculatorResult__Breakdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: hsla(0, 0%, 100%, .5);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.CalculatorResult__Breakdown>* {
margin: 0 10px 0 0;
text-shadow: 0 0 7px #fff;
color: transparent
}
.CalculatorResult__Breakdown>:last-child {
font-style: normal;
font-weight: 400;
font-size: 17.0979px;
line-height: 20px;
color: #fff;
margin: 0;
text-shadow: 0 0 7px #fff;
color: transparent
}
.CalculatorResult__Headers {
padding: 0 0 22px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.CalculatorResult__Totals {
min-width: 298px;
background-color: rgba(0, 0, 0, .3);
margin-left: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 17px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.CalculatorResult__Totals,
.CalculatorResult__Totals>*,
.CalculatorResult__TotalsBlue {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.CalculatorResult__TotalsBlue {
min-width: 298px;
background: #25e0f9;
margin-left: 20px;
padding: 5px 17px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.CalculatorResult__TotalsBlue>* {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.CalculatorResult__TotalsBlue>:first-child {
font-weight: 700;
font-size: 16px;
line-height: 156%;
text-transform: uppercase;
color: #1f2224
}
.CalculatorResult__TotalsBlue>:last-child {
font-weight: 400;
font-size: 42px;
line-height: 120%;
letter-spacing: -.02em;
text-transform: uppercase;
color: #1f2224
}
.CalculatorResult__TotalsWhite {
min-width: 298px;
background: #fff;
margin-left: 0;
padding: 5px 17px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.CalculatorResult__TotalsWhite,
.CalculatorResult__TotalsWhite>* {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.CalculatorResult__TotalsWhite>:first-child {
font-weight: 700;
font-size: 16px;
line-height: 156%;
text-transform: uppercase;
color: #1f2224
}
.CalculatorResult__TotalsWhite>:last-child {
font-weight: 400;
font-size: 42px;
line-height: 120%;
letter-spacing: -.02em;
text-transform: uppercase;
color: #1f2224
}
.CalculatorResult__TotalsTitle {
font-weight: 700;
font-size: 19.9476px;
line-height: 154.44%;
text-transform: uppercase;
color: #25e0f9
}
.CalculatorResult__TotalsLabel {
font-weight: 400;
font-size: 19.9476px;
line-height: 24px;
text-align: right;
text-transform: uppercase;
color: hsla(0, 0%, 100%, .5)
}
.CalculatorResult__TotalsValue {
font-weight: 400;
font-size: 42px;
line-height: 50px;
letter-spacing: -.02em;
text-transform: uppercase;
color: #25e0f9
}
.CalculatorResult__Grid {
display: grid;
grid-template: "left right" 1fr/949fr 298fr
}
.CalculatorResult__Grid>:first-child {
grid-area: left
}
.CalculatorResult__Grid>:last-child {
grid-area: right
}
.CalculatorResult__Grid2 {
display: grid;
grid-template: "left right" 1fr/949fr 298fr
}
.CalculatorResult__Grid2>:first-child {
grid-area: left
}
.CalculatorResult__Grid2>:last-child {
grid-area: right
}
.CalculatorResult__Footnote {
color: #fff;
text-align: center;
font-size: 20px;
max-width: 768px;
margin: 58px auto 0;
line-height: 125%
}
.CalculatorResult__Footnote>a {
font-weight: 500;
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
text-decoration: underline;
color: #0d85c7
}
.CalculatorResult__Footnote>a:hover {
color: #fff
}
.CalculatorResult__Tooltip {
position: relative;
border-bottom: 1px dotted #000;
cursor: pointer
}
.CalculatorResult__Tooltip .tooltiptext {
visibility: hidden;
text-align: center;
border-radius: 6px;
padding: 5px;
background: #fff;
width: 371px;
font-size: 14px;
line-height: 20px;
color: #000;
border: 2px solid #25e0f9;
position: absolute;
z-index: 1;
top: -5px;
left: 105%
}
.CalculatorResult__HeadingTooltip {
position: relative;
cursor: pointer;
margin-right: 15px
}
.CalculatorResult__HeadingTooltipCopy {
display: none
}
.CalculatorResult__HeadingTooltip:hover .CalculatorResult__HeadingTooltipCopy {
display: block
}
.CalculatorResult__HeadingTooltip svg {
width: 100%;
max-width: 12px
}
.CalculatorResult__HeadingTooltip p {
position: absolute;
bottom: 78px;
left: -15px;
width: 300px;
font-size: 10px;
background: #fff;
padding: 8px 10px;
margin: 0;
border-top: 7px solid #25e0f9
}
.CalculatorResult__HeadingTooltip p span {
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #fff;
position: absolute;
left: 12px;
bottom: -9px
}
@media (min-width:768px) {
.CalculatorResult__Tooltip:hover .tooltiptext {
visibility: visible
}
}
@media (min-width:0px) and (max-width:768px) {
.CalculatorResult__Content {
padding: 25px
}
.CalculatorResult__Content h2 {
font-size: 12px;
line-height: 154.44%;
margin: 0
}
.CalculatorResult__Content h4 {
margin: 0 0 4px
}
.CalculatorResult__Headers {
padding: 0 0 15px
}
.CalculatorResult__Totals,
.CalculatorResult__TotalsBlue,
.CalculatorResult__TotalsWhite {
min-width: 200px
}
.CalculatorResult__Split {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0 6px;
margin: 0 0 6px;
border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}
.CalculatorResult__Split:last-child {
border: none
}
.CalculatorResult__Grid {
grid-template: "left" 1fr "right" 85px/1fr
}
.CalculatorResult__Breakdown {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.CalculatorResult__Totals {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 4px 11px;
margin: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.CalculatorResult__TotalsBlue {
height: 85px;
margin: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.CalculatorResult__TotalsBlue>:first-child {
font-size: 12px;
line-height: 119.5%
}
.CalculatorResult__TotalsBlue>:last-child {
font-size: 24px;
line-height: 29px
}
.CalculatorResult__TotalsWhite {
margin: 0;
height: 85px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.CalculatorResult__TotalsWhite>:first-child {
font-size: 12px;
line-height: 119.5%
}
.CalculatorResult__TotalsWhite>:last-child {
font-size: 24px;
line-height: 29px
}
.CalculatorResult__BlackBlock {
padding: 8px;
height: 100%
}
.CalculatorResult__Grid2>:first-child {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.CalculatorResult__Grid2 h2 {
margin-right: 5px
}
.CalculatorResult__BlackBlock {
display: none
}
.CalculatorResult__BlackBlockMobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px 0
}
.CalculatorResult__TotalsLabel {
font-size: 12px;
line-height: 119.5%
}
.CalculatorResult__TotalsValue {
font-size: 24px;
line-height: 29px
}
.CalculatorResult--desktop {
display: none
}
}
.EmailForm {
background: #1f2224
}
.EmailForm__Message {
max-width: 1120px;
margin: 84px auto 0;
padding-bottom: 153px
}
.EmailForm__Message>h2 {
font-size: 48px;
line-height: 57px;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 40px
}
.EmailForm__Message>p {
margin: 0;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff;
white-space: pre-line
}
.EmailForm__Heading {
padding-top: 30px;
margin: 0 auto;
max-width: 890px;
text-align: center
}
.EmailForm__Heading>h3 {
font-size: 64px;
line-height: 69px;
letter-spacing: -2px;
color: #fff;
margin: 0 0 28px
}
.EmailForm__Heading>p {
margin: 0;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff
}
.EmailForm__HeadingWhite {
padding: 0 50px;
max-width: 992px
}
.EmailForm__HeadingWhite>h3 {
font-size: 52px;
line-height: 57px;
margin-bottom: 30px;
color: #263c91
}
.EmailForm__HeadingWhite>p {
color: #000;
font-size: 20px;
line-height: 130%;
max-width: 900px;
margin: 0 auto 40px
}
.EmailForm__Form {
position: relative;
padding-bottom: 125px
}
.EmailForm__BackgroundTransition {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 225px
}
.EmailForm__BackgroundTransition:before {
background: #e7f6fc;
content: "";
height: 1000px;
left: 0;
position: absolute;
right: 0
}
.EmailForm__Content {
position: relative;
z-index: 5;
max-width: 1190px;
width: 100%;
margin: 32px auto 0;
background: #fff;
border: 1px solid #dcdcdc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 55px 0
}
.EmailForm__Content .ContactForm__Iframe.ContactForm__IframeCalculator {
min-height: 450px;
max-width: 992px;
margin: 0 auto;
border: 1px solid #c7c7c7;
padding: 30px 0
}
.EmailForm__ContentWithCopy {
margin: 0 auto;
text-align: center
}
.EmailForm__FormFields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px
}
.EmailForm__Field {
grid-column: span 1/span 1
}
.EmailForm__Field--Wide {
grid-column: span 2/span 2
}
.EmailForm__Select {
position: relative;
border: 1px solid #dadce8;
border-radius: 0;
width: 100%;
height: 64px
}
.EmailForm__Select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: Effra;
font-style: normal;
font-weight: 400;
background: none transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
width: 100%;
height: 64px;
border: none;
font-size: 16px;
color: rgba(2, 0, 38, .4)
}
.EmailForm__Select:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.EmailForm__Button {
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
margin-top: 22px;
font-family: Effra;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #263c91;
-webkit-box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
border-radius: 4px;
padding: 11px 30px;
color: #fff
}
.EmailForm__Button:hover {
background: #314db9
}
.EmailForm__VideoRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.EmailForm__VideoCopy p {
margin: 0 0 24px;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff
}
.EmailForm__VideoCopy p:last-child {
margin-bottom: 0
}
.EmailForm__VideoContainer--Mobile {
display: none
}
.EmailForm__VideoContainer--Mobile p {
text-transform: none;
color: #fff;
margin: 20px 0 40px
}
.EmailForm__VideoImage {
position: relative;
cursor: pointer
}
.EmailForm__VideoImage img {
width: 100%
}
.EmailForm__VideoImage p {
position: absolute;
top: 25px;
left: 25px;
right: 25px;
margin: 0;
font-size: 28px;
line-height: 125%;
color: #fff;
font-weight: 400;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s, opacity .7s linear;
transition: visibility 0s, opacity .7s linear;
text-transform: none
}
.EmailForm__VideoImage svg {
position: absolute;
width: 100%;
max-width: 40px;
bottom: 5px;
right: 5px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.EmailForm__VideoImage:hover img {
-webkit-filter: brightness(.25);
filter: brightness(.25)
}
.EmailForm__VideoImage:hover p {
opacity: 1;
visibility: visible
}
.sf-InputGroup {
position: relative
}
.sf-InputGroup__Input,
.sf-InputGroup__Textarea {
font-family: ibm-plex-sans, sans-serif;
font-style: normal;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #dadce8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
width: 100%;
height: 64px;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
color: #020026;
position: relative;
-webkit-transition: all .15s linear;
transition: all .15s linear
}
.sf-InputGroup__Input::-webkit-input-placeholder,
.sf-InputGroup__Textarea::-webkit-input-placeholder {
color: rgba(2, 0, 38, .4)
}
.sf-InputGroup__Input::-moz-placeholder,
.sf-InputGroup__Textarea::-moz-placeholder {
color: rgba(2, 0, 38, .4)
}
.sf-InputGroup__Input:-ms-input-placeholder,
.sf-InputGroup__Textarea:-ms-input-placeholder {
color: rgba(2, 0, 38, .4)
}
.sf-InputGroup__Input::-ms-input-placeholder,
.sf-InputGroup__Textarea::-ms-input-placeholder {
color: rgba(2, 0, 38, .4)
}
.sf-InputGroup__Input::placeholder,
.sf-InputGroup__Textarea::placeholder {
color: rgba(2, 0, 38, .4)
}
.sf-InputGroup__Input:not(:-moz-placeholder-shown),
.sf-InputGroup__Textarea:not(:-moz-placeholder-shown) {
padding: 12px 16px
}
.sf-InputGroup__Input:not(:-ms-input-placeholder),
.sf-InputGroup__Textarea:not(:-ms-input-placeholder) {
padding: 12px 16px
}
.sf-InputGroup__Input:not(:placeholder-shown),
.sf-InputGroup__Textarea:not(:placeholder-shown) {
padding: 12px 16px
}
.sf-InputGroup__Input:not(:-moz-placeholder-shown)+.sf-InputGroup__Label,
.sf-InputGroup__Textarea:not(:-moz-placeholder-shown)+.sf-InputGroup__Label {
top: 8px;
opacity: 1;
display: none
}
.sf-InputGroup__Input:not(:-ms-input-placeholder)+.sf-InputGroup__Label,
.sf-InputGroup__Textarea:not(:-ms-input-placeholder)+.sf-InputGroup__Label {
top: 8px;
opacity: 1;
display: none
}
.sf-InputGroup__Input:not(:placeholder-shown)+.sf-InputGroup__Label,
.sf-InputGroup__Textarea:not(:placeholder-shown)+.sf-InputGroup__Label {
top: 8px;
opacity: 1;
display: none
}
.sf-InputGroup__Textarea {
height: 160px;
padding-top: 21px
}
.sf-InputGroup__Textarea:not(:-moz-placeholder-shown) {
padding: 12px 16px
}
.sf-InputGroup__Textarea:not(:-ms-input-placeholder) {
padding: 12px 16px
}
.sf-InputGroup__Textarea:not(:placeholder-shown) {
padding: 12px 16px
}
.sf-InputGroup__Label {
position: absolute;
top: 26px;
opacity: 0;
left: 17px;
width: calc(100% - 34px);
-webkit-transition: all .15s ease;
transition: all .15s ease;
font-size: 10px;
font-weight: 700;
color: #656677
}
.sf-InputGroup__RequiredMarker {
content: "";
display: block;
position: absolute;
z-index: 5;
top: 50%;
margin-top: -4px;
right: 26px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #263c91
}
.CheckGroup__Checkbox {
opacity: 0;
visibility: hidden;
position: absolute;
width: 1px;
height: 1px
}
.CheckGroup__Checkbox:checked+.CheckGroup__Label:before {
border-color: #263c91;
background-color: #263c91;
background-position: 50%
}
.CheckGroup__Checkbox:checked+.CheckGroup__Label span {
color: #020026
}
.CheckGroup__Label {
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.CheckGroup__Label:before {
content: "";
display: block;
width: 22px;
height: 22px;
border: 1px solid grey;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-right: 5px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-position: center -5px;
-webkit-transition: all .15s;
transition: all .15s
}
.CheckGroup__Label span {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: right;
color: rgba(2, 0, 38, .4);
-webkit-transition: all .15s;
transition: all .15s
}
.bap-form .Checkboxes .CheckGroup__Label span {
color: rgba(2, 0, 38, .8)
}
@media (min-width:0px) and (max-width:768px) {
.bap-form .Checkboxes .CheckGroup {
margin: 0
}
.bap-form .Checkboxes .CheckGroup:first-child {
margin-top: 0
}
.bap-form .Checkboxes-2 .CheckGroup:last-child {
margin-bottom: 18px
}
}
@media (min-width:0px) and (max-width:1140px) {
.EmailForm__Message {
max-width: 1120px;
margin: 84px 20px 0
}
}
@media (min-width:0px) and (max-width:768px) {
.EmailForm__Content {
padding: 55px 15px 0
}
.EmailForm__Content .ContactForm__Iframe.ContactForm__IframeCalculator {
min-height: 475px
}
.EmailForm__Heading {
padding: 0 15px
}
.EmailForm__Heading h3 {
font-size: 50px;
line-height: 55px;
margin-bottom: 15px
}
.EmailForm__Message {
padding-bottom: 75px
}
.EmailForm__VideoRow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.EmailForm__VideoContainer {
margin: 20px 0 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.EmailForm__VideoContainer--Desktop {
display: none
}
.EmailForm__VideoContainer--Mobile {
display: block
}
.EmailForm__VideoImage p {
font-size: 19px
}
}
.RethinkYourSOC {
position: relative
}
.RethinkYourSOC__BackgroundTransition {
top: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
bottom: 125px;
z-index: -1
}
.RethinkYourSOC__BackgroundTransition:before {
background: #e7f6fc;
content: "";
height: 120px;
left: 0;
position: absolute;
right: 0
}
.RethinkYourSOC__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.RethinkYourSOC__Content--PB75 {
padding-bottom: 75px
}
.RethinkYourSOC__Box {
display: grid;
grid-template-columns: 3fr 7fr;
padding: 30px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 50px;
background-color: #fff
}
.RethinkYourSOC__BoxRight p {
color: #0e142b;
font-size: 28px;
font-weight: 700;
line-height: 32px;
margin: 0
}
.RethinkYourSOC__Message {
padding: 50px 0
}
.RethinkYourSOC__Message h4 {
color: #a8b1d3;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
text-transform: uppercase
}
.RethinkYourSOC__Message h2 {
font-size: 52px;
line-height: 57px;
color: #263c91;
margin: 0 0 30px
}
.RethinkYourSOC__Message h3 {
font-size: 32px;
line-height: 38px;
margin: 0 0 30px
}
.RethinkYourSOC__Message p,
.RethinkYourSOC__Message ul li {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #0e142b;
margin: 0 0 30px
}
.RethinkYourSOC__Message p:last-child,
.RethinkYourSOC__Message ul li:last-child {
margin: 0
}
.RethinkYourSOC__Message ul li {
margin: 0 0 25px
}
.RethinkYourSOC__Cyan {
background-color: #e7f6fc
}
.RethinkYourSOC__Cyan .RethinkYourSOC__Message h2 {
color: #19234d
}
@media (min-width:0px) and (max-width:768px) {
.RethinkYourSOC__Content {
padding: 0 15px
}
.RethinkYourSOC__Content--PB75 {
padding-bottom: 75px
}
.RethinkYourSOC__Message h2 {
font-size: 44px;
line-height: 120%
}
.RethinkYourSOC__Box {
grid-template-columns: 1fr;
grid-gap: 15px;
padding: 15px
}
}
.MitreHero {
position: relative;
z-index: 4
}
.MitreHero__Content {
padding: 100px 48px;
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
max-width: 1260px
}
@media screen and (max-width:1063px) {
.MitreHero__Content {
padding: 24px 24px 0;
display: block
}
}
@media screen and (max-width:767px) {
.MitreHero__Content {
display: block
}
}
.MitreHero__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.MitreHero__Right img {
width: 100%
}
.MitreHeroLinks {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
margin-top: 45px;
max-width: 700px
}
.MitreHeroLinks a {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center;
text-transform: uppercase
}
.MitreHeroText {
padding: 0;
min-height: 290px
}
@media screen and (max-width:1441px) {
.MitreHeroText {
padding-bottom: 50px
}
}
@media screen and (max-width:1241px) {
.MitreHeroText {
padding-bottom: 80px
}
}
@media screen and (max-width:1063px) {
.MitreHeroText {
padding: 0;
margin: 0;
border-left: none
}
}
@media screen and (max-width:767px) {
.MitreHeroText {
min-height: 0;
padding: 0
}
}
.MitreHeroText__Breadcrumb {
color: #a8b1d3;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
text-transform: uppercase
}
.MitreHeroText__Title {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 65px;
max-width: 823px;
white-space: pre-line;
margin: 30px 0
}
@media screen and (max-width:767px) {
.MitreHeroText__Title {
font-size: 48px;
line-height: 120%
}
}
.MitreHeroText__Paragraph {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0;
color: #000
}
@media screen and (max-width:767px) {
.MitreHeroText__Paragraph {
padding-right: 0
}
}
.MitreBlueInfo {
background-color: #e9ebf4;
padding: 100px 48px
}
@media screen and (max-width:767px) {
.MitreBlueInfo {
padding: 75px 0
}
}
.MitreBlueInfo__Content {
position: relative;
z-index: 2;
width: 100%;
max-width: 1260px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:1063px) {
.MitreBlueInfo__Content {
padding: 0 24px 90px
}
}
.MitreBlueInfo__Content>h4 {
color: #263c91;
font-size: 52px;
line-height: 57px;
margin: 0 0 30px;
max-width: 1000px
}
.MitreBlueInfo__Content p {
color: #0e142b;
font-size: 24px;
font-style: normal;
font-weight: 400;
letter-spacing: -.01em;
line-height: 137.8%;
margin: 0 0 30px;
white-space: pre-line
}
.MitreBlueInfo__Content p:last-child {
margin: 0
}
.MitreBlueInfo__VideoRow {
display: grid;
grid-template-columns: 3fr 7fr;
padding: 30px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 50px;
background-color: #fff
}
.MitreBlueInfo__VideoRowRight p {
color: #0e142b;
font-size: 28px;
font-weight: 700;
line-height: 32px;
margin: 0
}
@media screen and (max-width:767px) {
.MitreBlueInfo__VideoRow {
grid-template-columns: 1fr;
grid-gap: 15px
}
}
.MitreBlueInfo__Bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width:1063px) {
.MitreBlueInfo__Bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.MitreBlueInfo__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 50px
}
.MitreBlueInfo__Left>h4 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: .275em;
text-transform: uppercase;
color: #40c3d9;
margin: 0 0 12px
}
.MitreBlueInfo__Left>h2 {
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 57px;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 29px
}
.MitreBlueInfo__Left>p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff;
white-space: pre-line;
margin: 0 0 60px
}
.MitreBlueInfo__Left>p:last-child {
margin: 0
}
.MitreBlueInfo__Right {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width:1063px) {
.MitreBlueInfo__Right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px
}
}
.ExploreMitre {
background: #1f2224;
padding: 40px 0 0
}
.ExploreMitre__Heading h3 {
padding: 40px 0;
margin: 0;
font-size: 40px;
color: #fff;
text-align: center;
font-weight: 500
}
.ExploreMitre__Tool {
max-width: 1120px;
margin: 0 auto;
display: grid;
gap: 0;
grid-template-columns: 1fr 1fr
}
@media screen and (max-width:1120px) {
.ExploreMitre__Tool {
margin: 0 20px
}
}
@media screen and (max-width:1063px) {
.ExploreMitre__Tool {
display: block;
margin: 0 40px
}
}
@media screen and (max-width:767px) {
.ExploreMitre__Tool {
margin: 0 10px
}
}
@media screen and (max-width:1063px) {
.ExploreMitre .Tool__Left {
display: none
}
}
.ExploreMitre .Tool__Right {
border: 10px solid #25e0f9;
display: grid;
grid-template-rows: 50px 50px 1fr 50px
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right {
grid-template-rows: 100px 50px 1fr 50px
}
}
.ExploreMitre .Tool__Right .Tactic__Title {
font-size: 24px;
color: #fff;
line-height: 30px;
padding: 10px 20px;
font-weight: 700
}
.ExploreMitre .Tool__Right .Tactic__Content {
font-size: 14px;
line-height: 20px;
color: #fff;
overflow: auto;
padding: 0;
margin: 0
}
.ExploreMitre .Tool__Right .Tactic__Content__About {
padding: 0 20px 10px;
border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}
.ExploreMitre .Tool__Right .Tactic__Content__Columns {
display: grid;
grid-template-columns: 1fr 1fr;
border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Content__Columns {
display: block
}
}
.ExploreMitre .Tool__Right .Tactic__Content__Columns>div {
padding: 20px
}
.ExploreMitre .Tool__Right .Tactic__Content__Columns>div h4 {
margin: 0 0 10px;
min-height: 40px
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Content__Columns>div h4 {
min-height: auto
}
}
.ExploreMitre .Tool__Right .Tactic__Content__Columns>div:first-child {
border-right: 1px solid hsla(0, 0%, 100%, .2)
}
.ExploreMitre .Tool__Right .Tactic__Content__Arrow {
font-size: 11px;
color: #25e0f9
}
.ExploreMitre .Tool__Right .Tactic__Content__Tips {
padding: 20px
}
.ExploreMitre .Tool__Right .Tactic__Content__Tips h4 {
margin: 0 0 10px
}
.ExploreMitre .Tool__Right .Tactic__Content__Tips__Text {
color: #fff;
font-size: 14px;
line-height: 20px
}
.ExploreMitre .Tool__Right .Tactic__Content .Tactic__Content__Techniques>div {
display: grid;
grid-template-columns: 40px 1fr;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px
}
.ExploreMitre .Tool__Right .Tactic__Content .Tactic__Content__Techniques>div span {
color: hsla(0, 0%, 100%, .5)
}
.ExploreMitre .Tool__Right .Tactic__Content .Tactic__Content__Techniques>div a {
color: #fff;
font-weight: 100;
color: hsla(0, 0%, 100%, .7)
}
.ExploreMitre .Tool__Right .Tactic__Content .Tactic__Content__Techniques>div a:hover {
color: #fff
}
.ExploreMitre .Tool__Right .Tactic__Content .Tactic__Content__Services>div {
display: grid;
grid-template-columns: 40px 1fr;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px
}
.ExploreMitre .Tool__Right .Tactic__Content .Tactic__Content__Services>div a {
color: inherit
}
.ExploreMitre .Tool__Right .Tactic__Content .Tactic__Content__Services>div a:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.ExploreMitre .Tool__Right .Tactic__Content ul {
margin: 0 0 10px
}
.ExploreMitre .Tool__Right .Tactic__Content h4 {
color: #25e0f9;
font-size: 14px;
line-height: 20px
}
.ExploreMitre .Tool__Right .Tactic__Content p {
margin: 0 0 10px;
font-size: 14px;
line-height: 20px
}
.ExploreMitre .Tool__Right .Tactic__Content::-webkit-scrollbar {
width: 4px
}
.ExploreMitre .Tool__Right .Tactic__Content::-webkit-scrollbar-track {
background: hsla(0, 0%, 100%, .1)
}
.ExploreMitre .Tool__Right .Tactic__Content::-webkit-scrollbar-thumb {
background: hsla(0, 0%, 100%, .5)
}
.ExploreMitre .Tool__Right .Tactic__Link {
display: block;
text-align: right
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Link {
text-align: center
}
}
.ExploreMitre .Tool__Right .Tactic__Link a {
display: inline-block;
color: #25e0f9;
text-decoration: none;
line-height: 30px;
padding: 10px 40px 10px 20px;
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Link a {
text-align: center
}
}
.ExploreMitre .Tool__Right .Tactic__Link a svg {
position: absolute;
top: 20px;
right: 20px
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Link a svg {
position: inline-block
}
}
.ExploreMitre .Tool__Right .Tactic__Link a svg path {
-webkit-transition: fill .2s ease;
transition: fill .2s ease
}
.ExploreMitre .Tool__Right .Tactic__Link a:hover {
color: #fff
}
.ExploreMitre .Tool__Right .Tactic__Link a:hover svg path {
fill: #fff
}
.ExploreMitre .Tool__Right .Tactic__Nav {
display: grid;
grid-template-columns: 170px 1fr 170px;
gap: 10px
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Nav {
grid-template-columns: 1fr 1fr;
grid-template-rows: 50px 50px;
gap: 0;
grid-template-areas: "prev next" "dots dots"
}
}
.ExploreMitre .Tool__Right .Tactic__Nav--Mobile {
display: none
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Nav--Mobile {
display: grid
}
}
.ExploreMitre .Tool__Right .Tactic__Nav>div {
position: relative;
white-space: nowrap;
line-height: 30px;
font-size: 14px;
color: #25e0f9;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
-ms-user-select: none;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none
}
.ExploreMitre .Tool__Right .Tactic__Nav>div a {
display: block;
line-height: 30px;
height: 30px
}
.ExploreMitre .Tool__Right .Tactic__Nav__Prev {
padding: 10px 0 10px 20px;
cursor: pointer
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Nav__Prev {
grid-area: prev
}
}
.ExploreMitre .Tool__Right .Tactic__Nav__Prev svg {
position: absolute;
left: 8px;
top: 20px
}
.ExploreMitre .Tool__Right .Tactic__Nav__Prev svg path {
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.ExploreMitre .Tool__Right .Tactic__Nav__Prev.disabled,
.ExploreMitre .Tool__Right .Tactic__Nav__Prev:hover {
color: #fff
}
.ExploreMitre .Tool__Right .Tactic__Nav__Prev.disabled svg path,
.ExploreMitre .Tool__Right .Tactic__Nav__Prev:hover svg path {
fill: #fff
}
.ExploreMitre .Tool__Right .Tactic__Nav__Prev.disabled {
opacity: .2;
cursor: default
}
.ExploreMitre .Tool__Right .Tactic__Nav__Indicators {
text-align: center;
padding: 10px 0;
vertical-align: middle
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Nav__Indicators {
grid-area: dots
}
.ExploreMitre .Tool__Right .Tactic__Nav__Indicators .Dot {
width: 12px !important;
height: 12px !important
}
}
.ExploreMitre .Tool__Right .Tactic__Nav__Indicators .Dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: hsla(0, 0%, 100%, .2);
margin: 0 2px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.ExploreMitre .Tool__Right .Tactic__Nav__Indicators .Dot--active {
background: #fff
}
.ExploreMitre .Tool__Right .Tactic__Nav__Next {
padding: 10px 20px 10px 0;
text-align: right;
cursor: pointer
}
@media screen and (max-width:767px) {
.ExploreMitre .Tool__Right .Tactic__Nav__Next {
grid-area: next
}
}
.ExploreMitre .Tool__Right .Tactic__Nav__Next svg {
position: absolute;
right: 8px;
top: 20px
}
.ExploreMitre .Tool__Right .Tactic__Nav__Next svg path {
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.ExploreMitre .Tool__Right .Tactic__Nav__Next.disabled,
.ExploreMitre .Tool__Right .Tactic__Nav__Next:hover {
color: #fff
}
.ExploreMitre .Tool__Right .Tactic__Nav__Next.disabled svg path,
.ExploreMitre .Tool__Right .Tactic__Nav__Next:hover svg path {
fill: #fff
}
.ExploreMitre .Tool__Right .Tactic__Nav__Next.disabled {
opacity: .2;
cursor: default
}
.ExploreMitre .Tool__Title {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 20px
}
.ExploreMitre .Tool__Title span {
font-size: 14px;
color: #25e0f9;
font-weight: 500;
line-height: 20px
}
.ExploreMitre .Tool__Title span:first-child {
text-align: left
}
.ExploreMitre .Tool__Title span:last-child {
text-align: right
}
.ExploreMitre .Tool__Tactic {
display: block;
padding: 16px;
line-height: 14px;
color: #fff;
position: relative;
background: rgba(0, 0, 0, .4);
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid transparent;
-ms-user-select: none;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none
}
.ExploreMitre .Tool__Tactic:hover:not(.Tool__Tactic--active) {
background: rgba(37, 224, 249, .1)
}
.ExploreMitre .Tool__Tactic--active {
background: #25e0f9;
color: #0a0a0a
}
.ExploreMitre .Tool__Tactic--active .Tool__Tactic__Coverage {
background: rgba(6, 22, 56, .2)
}
.ExploreMitre .Tool__Tactic--active .Tool__Tactic__Coverage span {
background: #fff
}
.ExploreMitre .Tool__Tactic__Coverage {
right: 16px;
top: 16px;
width: 243px;
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M0 0h3v14H0zM4 0h3v14H4zM8 0h3v14H8zM12 0h3v14h-3zM16 0h3v14h-3zM20 0h3v14h-3zM24 0h3v14h-3zM28 0h3v14h-3zM32 0h3v14h-3zM36 0h3v14h-3zM40 0h3v14h-3zM44 0h3v14h-3zM48 0h3v14h-3zM52 0h3v14h-3zM56 0h3v14h-3zM60 0h3v14h-3zM64 0h3v14h-3zM68 0h3v14h-3zM72 0h3v14h-3zM76 0h3v14h-3zM80 0h3v14h-3zM84 0h3v14h-3zM88 0h3v14h-3zM92 0h3v14h-3zM96 0h3v14h-3zM100 0h3v14h-3zM104 0h3v14h-3zM108 0h3v14h-3zM112 0h3v14h-3zM116 0h3v14h-3zM120 0h3v14h-3zM124 0h3v14h-3zM128 0h3v14h-3zM132 0h3v14h-3zM136 0h3v14h-3zM140 0h3v14h-3zM144 0h3v14h-3zM148 0h3v14h-3zM152 0h3v14h-3zM156 0h3v14h-3zM160 0h3v14h-3zM164 0h3v14h-3zM168 0h3v14h-3zM172 0h3v14h-3zM176 0h3v14h-3zM180 0h3v14h-3zM184 0h3v14h-3zM188 0h3v14h-3zM192 0h3v14h-3zM196 0h3v14h-3zM200 0h3v14h-3zM204 0h3v14h-3zM208 0h3v14h-3zM212 0h3v14h-3zM216 0h3v14h-3zM220 0h3v14h-3zM224 0h3v14h-3zM228 0h3v14h-3zM232 0h3v14h-3zM236 0h3v14h-3zM240 0h3v14h-3z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M0 0h3v14H0zM4 0h3v14H4zM8 0h3v14H8zM12 0h3v14h-3zM16 0h3v14h-3zM20 0h3v14h-3zM24 0h3v14h-3zM28 0h3v14h-3zM32 0h3v14h-3zM36 0h3v14h-3zM40 0h3v14h-3zM44 0h3v14h-3zM48 0h3v14h-3zM52 0h3v14h-3zM56 0h3v14h-3zM60 0h3v14h-3zM64 0h3v14h-3zM68 0h3v14h-3zM72 0h3v14h-3zM76 0h3v14h-3zM80 0h3v14h-3zM84 0h3v14h-3zM88 0h3v14h-3zM92 0h3v14h-3zM96 0h3v14h-3zM100 0h3v14h-3zM104 0h3v14h-3zM108 0h3v14h-3zM112 0h3v14h-3zM116 0h3v14h-3zM120 0h3v14h-3zM124 0h3v14h-3zM128 0h3v14h-3zM132 0h3v14h-3zM136 0h3v14h-3zM140 0h3v14h-3zM144 0h3v14h-3zM148 0h3v14h-3zM152 0h3v14h-3zM156 0h3v14h-3zM160 0h3v14h-3zM164 0h3v14h-3zM168 0h3v14h-3zM172 0h3v14h-3zM176 0h3v14h-3zM180 0h3v14h-3zM184 0h3v14h-3zM188 0h3v14h-3zM192 0h3v14h-3zM196 0h3v14h-3zM200 0h3v14h-3zM204 0h3v14h-3zM208 0h3v14h-3zM212 0h3v14h-3zM216 0h3v14h-3zM220 0h3v14h-3zM224 0h3v14h-3zM228 0h3v14h-3zM232 0h3v14h-3zM236 0h3v14h-3zM240 0h3v14h-3z'/%3E%3C/svg%3E");
mask-mode: alpha;
-webkit-mask-mode: alpha;
background: hsla(0, 0%, 100%, .2)
}
.ExploreMitre .Tool__Tactic__Coverage,
.ExploreMitre .Tool__Tactic__Coverage span {
position: absolute;
display: block;
height: 14px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.ExploreMitre .Tool__Tactic__Coverage span {
background: #25e0f9;
top: 0;
right: 0
}
.MitreEmailForm {
background: #1f2224;
padding-top: 40px
}
.MitreEmailForm__Message {
max-width: 1120px;
margin: 84px auto 0;
padding-bottom: 250px
}
@media screen and (max-width:1241px) {
.MitreEmailForm__Message {
padding-bottom: 200px
}
}
@media screen and (max-width:1063px) {
.MitreEmailForm__Message {
padding-bottom: 150px
}
}
@media screen and (max-width:767px) {
.MitreEmailForm__Message {
padding-bottom: 100px
}
}
.MitreEmailForm__Message>h2 {
font-size: 48px;
line-height: 57px;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 40px
}
.MitreEmailForm__Message>p {
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff;
white-space: pre-line
}
.MitreEmailForm__Message__List {
padding: 0;
color: #fff;
margin: 0 20px
}
.MitreEmailForm__Message__List li {
font-size: 24px;
line-height: 120%;
font-weight: thin;
margin: 0 0 20px
}
.MitreEmailForm__Message__List li a {
color: #25e0f9
}
.MitreEmailForm__Heading {
padding-top: 30px;
margin: 0 auto;
max-width: 890px;
text-align: center
}
.MitreEmailForm__Heading>h3 {
font-size: 56px;
line-height: 120%;
letter-spacing: -2px;
color: #fff;
margin: 0 0 28px
}
.MitreEmailForm__Heading>p {
margin: 0;
font-size: 24px;
line-height: 137.8%;
letter-spacing: -.01em;
color: #fff
}
.MitreEmailForm__Heading>h5 {
color: #fff;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
text-transform: uppercase
}
.MitreEmailForm__Form {
position: relative
}
.MitreEmailForm__BackgroundTransition {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 125px
}
.MitreEmailForm__BackgroundTransition:before {
content: "";
height: 1150px;
left: 0;
position: absolute;
right: 0;
background-color: #e7f6fc
}
.MitreEmailForm__Content {
position: relative;
z-index: 5;
max-width: 992px;
width: 100%;
margin: 32px auto 0;
background: #fff;
border: 1px solid #dcdcdc;
padding: 55px
}
.MitreEmailForm__Content p.email-error {
color: #d22127;
display: none;
font-size: 15px;
font-weight: 400;
line-height: 17px;
margin: 0
}
.MitreEmailForm__Content p.email-error.enabled {
display: block
}
.MitreEmailForm__Content__ThankYou {
margin: 45px 0
}
.MitreEmailForm__Content__ThankYou h3 {
font-size: 42px;
line-height: 120%;
margin: 0 0 12px
}
.MitreEmailForm__Content__ThankYou p {
margin: 0;
font-size: 20px;
line-height: 120%
}
.MitreEmailForm__FormFields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px
}
.MitreEmailForm__Field {
grid-column: span 1/span 1
}
.MitreEmailForm__Field--Wide {
grid-column: span 2/span 2
}
.MitreEmailForm__Select {
position: relative;
border: 1px solid #dadce8;
border-radius: 8px;
width: 100%;
height: 64px
}
.MitreEmailForm__Select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: Effra;
font-style: normal;
font-weight: 400;
background: none transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
width: 100%;
height: 64px;
border: none;
font-size: 16px;
color: rgba(2, 0, 38, .4)
}
.MitreEmailForm__Select:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.75a1.15 1.15 0 01-.865-.39L.23 1.784A.923.923 0 011.616.564l4.29 4.877a.125.125 0 00.188 0l4.29-4.876a.925.925 0 111.386 1.219L6.866 7.358A1.155 1.155 0 016 7.75z' fill='%23000'/%3E%3C/svg%3E");
background-size: contain;
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none
}
.MitreEmailForm__Button {
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
margin-top: 22px;
font-family: Effra;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 none;
flex: 0 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #263c91;
-webkit-box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
box-shadow: 4px 4px 0 hsla(0, 0%, 55.3%, .5);
border-radius: 4px;
padding: 11px 30px;
color: #fff
}
.MitreEmailForm__Button:hover {
background: #314db9
}
.MitreEmailForm .sf-InputGroup {
position: relative
}
.MitreEmailForm .sf-InputGroup__Input,
.MitreEmailForm .sf-InputGroup__Textarea {
font-family: Effra;
font-style: normal;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #dadce8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
width: 100%;
height: 64px;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
color: #020026;
position: relative;
-webkit-transition: all .15s linear;
transition: all .15s linear
}
.MitreEmailForm .sf-InputGroup__Input::-webkit-input-placeholder,
.MitreEmailForm .sf-InputGroup__Textarea::-webkit-input-placeholder {
color: rgba(2, 0, 38, .4)
}
.MitreEmailForm .sf-InputGroup__Input::-moz-placeholder,
.MitreEmailForm .sf-InputGroup__Textarea::-moz-placeholder {
color: rgba(2, 0, 38, .4)
}
.MitreEmailForm .sf-InputGroup__Input:-ms-input-placeholder,
.MitreEmailForm .sf-InputGroup__Textarea:-ms-input-placeholder {
color: rgba(2, 0, 38, .4)
}
.MitreEmailForm .sf-InputGroup__Input::-ms-input-placeholder,
.MitreEmailForm .sf-InputGroup__Textarea::-ms-input-placeholder {
color: rgba(2, 0, 38, .4)
}
.MitreEmailForm .sf-InputGroup__Input::placeholder,
.MitreEmailForm .sf-InputGroup__Textarea::placeholder {
color: rgba(2, 0, 38, .4)
}
.MitreEmailForm .sf-InputGroup__Input:not(:-moz-placeholder-shown),
.MitreEmailForm .sf-InputGroup__Textarea:not(:-moz-placeholder-shown) {
padding: 26px 16px 12px
}
.MitreEmailForm .sf-InputGroup__Input:not(:-ms-input-placeholder),
.MitreEmailForm .sf-InputGroup__Textarea:not(:-ms-input-placeholder) {
padding: 26px 16px 12px
}
.MitreEmailForm .sf-InputGroup__Input:not(:placeholder-shown),
.MitreEmailForm .sf-InputGroup__Textarea:not(:placeholder-shown) {
padding: 26px 16px 12px
}
.MitreEmailForm .sf-InputGroup__Input:not(:-moz-placeholder-shown)+.sf-InputGroup__Label,
.MitreEmailForm .sf-InputGroup__Textarea:not(:-moz-placeholder-shown)+.sf-InputGroup__Label {
top: 16px;
opacity: 1
}
.MitreEmailForm .sf-InputGroup__Input:not(:-ms-input-placeholder)+.sf-InputGroup__Label,
.MitreEmailForm .sf-InputGroup__Textarea:not(:-ms-input-placeholder)+.sf-InputGroup__Label {
top: 16px;
opacity: 1
}
.MitreEmailForm .sf-InputGroup__Input:not(:placeholder-shown)+.sf-InputGroup__Label,
.MitreEmailForm .sf-InputGroup__Textarea:not(:placeholder-shown)+.sf-InputGroup__Label {
top: 16px;
opacity: 1
}
.MitreEmailForm .sf-InputGroup__Textarea {
height: 160px;
padding-top: 21px
}
.MitreEmailForm .sf-InputGroup__Textarea:not(:-moz-placeholder-shown) {
padding: 26px 16px 12px
}
.MitreEmailForm .sf-InputGroup__Textarea:not(:-ms-input-placeholder) {
padding: 26px 16px 12px
}
.MitreEmailForm .sf-InputGroup__Textarea:not(:placeholder-shown) {
padding: 26px 16px 12px
}
.MitreEmailForm .sf-InputGroup__Label {
position: absolute;
top: 26px;
opacity: 0;
left: 17px;
width: calc(100% - 34px);
-webkit-transition: all .15s ease;
transition: all .15s ease;
font-size: 10px;
font-weight: 700;
color: #656677
}
.MitreEmailForm .sf-InputGroup__RequiredMarker {
content: "";
display: block;
position: absolute;
z-index: 5;
top: 50%;
margin-top: -4px;
right: 26px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #263c91
}
.MitreEmailForm .CheckGroup__Checkbox {
opacity: 0;
visibility: hidden;
position: absolute;
width: 1px;
height: 1px
}
.MitreEmailForm .CheckGroup__Checkbox:checked+.CheckGroup__Label:before {
border-color: #263c91;
background-color: #263c91;
background-position: 50%
}
.MitreEmailForm .CheckGroup__Checkbox:checked+.CheckGroup__Label span {
color: #020026
}
.MitreEmailForm .CheckGroup__Label {
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.MitreEmailForm .CheckGroup__Label:before {
content: "";
display: block;
width: 22px;
height: 22px;
border: 1px solid grey;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-right: 5px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-position: center -5px;
-webkit-transition: all .15s;
transition: all .15s
}
.MitreEmailForm .CheckGroup__Label span {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: right;
color: rgba(2, 0, 38, .4);
-webkit-transition: all .15s;
transition: all .15s;
text-align: left
}
.MitreEmailForm__Iframe {
border: none;
min-height: 467px;
width: 100%
}
@media (min-width:0px) and (max-width:1140px) {
.MitreEmailForm__Message {
max-width: 1120px;
margin: 84px 20px 0
}
.MitreEmailForm__Content {
padding: 30px 10px
}
.MitreEmailForm__FormFields {
display: block
}
.MitreEmailForm__Field,
.MitreEmailForm__Field--Wide {
margin-bottom: 10px
}
.MitreEmailForm__Heading>h3 {
font-size: 45px
}
}
.GlossaryHero__Content {
max-width: 1340px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 110px 48px 100px;
margin: 0 auto
}
@media screen and (max-width:1063px) {
.GlossaryHero__Content {
padding: 24px 24px 0
}
}
@media screen and (max-width:767px) {
.GlossaryHero__Content {
display: block
}
}
.GlossaryHero__Content h1 {
margin: 0 0 40px;
font-weight: 700;
font-size: 72px;
line-height: 76px;
letter-spacing: 0;
color: #19234d;
white-space: pre-line;
font-family: effra, sans-serif
}
@media screen and (max-width:767px) {
.GlossaryHero__Content h1 {
font-size: 50px;
line-height: 55px
}
}
.GlossaryHero__Content h2 {
font-size: 48px;
line-height: 50px;
color: #7d8abd;
letter-spacing: 0;
font-weight: 700
}
.GlossaryHero__Content h3 {
font-size: 30px;
line-height: 125%
}
.GlossaryHero__Content>p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 30px;
color: #19234d;
white-space: pre-line;
margin: 0 0 60px
}
.GlossaryHero__Content>p:last-child {
margin: 0
}
.GlossaryHero__Content .Heading__Purple {
color: #3c2b77
}
.GlossaryHero__Content .Heading__Blue {
color: #5163a7
}
.GlossaryHero__ContentBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.GlossaryHero__ContentBox__Heading {
-webkit-box-flex: 2.5;
-ms-flex: 2.5;
flex: 2.5
}
.GlossaryHero__ContentBox__Heading p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 30px;
color: #19234d;
white-space: pre-line;
margin: 0 0 60px
}
.GlossaryHero__ContentBox__Heading p:last-child {
margin: 0
}
.GlossaryHero__ContentBox__Navigation {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background: #f4f5f9;
text-align: center;
padding: 20px;
-ms-flex-item-align: end;
align-self: flex-end
}
.GlossaryHero__ContentBox__Navigation a {
background: #d3d8e9;
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: #0e142b;
display: block;
padding: 16px;
margin-top: 16px
}
.GlossaryHero__ContentBox__Navigation .GlossaryHero__Breadcrumb {
margin-bottom: 0
}
.GlossaryHero__TopNavigation {
background: #f4f5f9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 100px 48px
}
.GlossaryHero__NavigationContainer {
max-width: 1340px;
margin: 0 auto
}
.GlossaryHero__NavigationContainer .GlossaryBreadcrumbs__Container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px
}
.GlossaryHero__NavigationContainer .GlossaryBreadcrumbs__Container .GlossaryNav__TermsCta {
font-size: 18px;
line-height: 23px
}
.GlossaryHero__NavigationContainer .GlossaryBreadcrumbs__Container .GlossaryNav__TermsCta svg {
rotate: 180deg;
margin-right: 10px
}
.GlossaryHero__Breadcrumb {
font-weight: 700;
font-size: 16px !important;
line-height: 20px !important;
text-transform: uppercase;
letter-spacing: 4px;
color: #19234d;
margin: 0 0 30px
}
.GlossaryHero__Breadcrumb a {
color: #263c91
}
.GlossaryHero__ContentRight {
padding-left: 350px
}
.GlossaryHero__ParentURL:hover h3 {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.GlossaryHero__ThirdCopy {
margin-top: 30px
}
.GlossaryHero__ThirdCopy ol,
.GlossaryHero__ThirdCopy p,
.GlossaryHero__ThirdCopy ul {
color: rgba(0, 0, 0, .7);
font-size: 24px;
letter-spacing: -.01em;
line-height: 40px;
margin: 0 0 32px
}
.GlossaryHero__ThirdCopy ol strong,
.GlossaryHero__ThirdCopy p strong,
.GlossaryHero__ThirdCopy ul strong {
font-weight: 600;
color: #3c2b77
}
.GlossaryHero__ThirdCopy ol a,
.GlossaryHero__ThirdCopy p a,
.GlossaryHero__ThirdCopy ul a {
color: #3c2b77
}
.GlossaryHero__ThirdCopy .BlueInfo__VideoBlock {
margin: 25px 0 35px;
padding: 25px;
border: 1px solid #707070;
background: #fff;
border-radius: 1px;
-webkit-box-shadow: none;
box-shadow: none
}
.GlossaryHero__ThirdCopy .BlueInfo__VideoBlock h3 {
letter-spacing: 0;
font-weight: 400;
color: #19234d;
font-size: 30px;
font-weight: 700;
line-height: 40px
}
.GlossaryHero__ThirdCopy .BlueInfo__VideoBlock p {
margin-bottom: 0;
color: #19234d;
font-size: 16px;
line-height: 20px
}
.GlossaryHero__ThirdCopy .BlueInfo__VideoBlockRow {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.GlossaryHero__ThirdCopy .BlueInfo__VideoBlockRight img {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 1px
}
.GlossaryHero__ThirdCopy .BlueInfo__VideoBlockRight figure {
margin-left: 0
}
.GlossaryHero__ThirdCopy .BlueInfo__VideoBlockLeftCopy {
padding-right: 0
}
.GlossaryHero__ThirdCopy .table-bordered,
.GlossaryHero__ThirdCopy .table-bordered td,
.GlossaryHero__ThirdCopy .table-bordered th {
border: 1px solid #e6e8e6
}
.GlossaryHero__ThirdCopy .table-bordered tr {
display: grid;
grid-template-columns: 1fr 1fr
}
.GlossaryHero__ThirdCopy .table-bordered p,
.GlossaryHero__ThirdCopy .table-bordered ul {
margin: 0
}
.GlossaryHero__ThirdCopy .table-bordered th.mobileHeading {
display: none
}
@media screen and (max-width:767px) {
.GlossaryHero__ThirdCopy .table-bordered tr {
grid-template-columns: 1fr
}
.GlossaryHero__ThirdCopy .table-bordered th.mobileHeading {
display: block
}
.GlossaryHero__ThirdCopy .table-bordered th.desktopHeading {
display: none
}
}
.GlossaryHero .CtaLink {
display: inherit;
color: #5063f9;
padding: 20px 35px;
font-size: 20px;
line-height: 20px;
cursor: pointer;
background: #d4d8e9;
font-style: normal;
font-weight: 700;
border-radius: 1px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: inline-grid;
margin: 0 0 12px;
text-transform: uppercase;
letter-spacing: 1px
}
.GlossaryHero .CtaLink:hover {
background: #6d3caf
}
.GlossaryHero__NavDropdown {
display: none
}
.GlossaryHero__JumpTo {
position: -webkit-sticky;
position: sticky;
width: 24%;
float: left;
top: 140px
}
.GlossaryHero__JumpTo h5 {
color: #19234d;
font-size: 16px;
line-height: 20px;
font-weight: 700;
letter-spacing: 2.4px;
margin-top: 0;
margin-bottom: 42px
}
.GlossaryHero__JumpTo ul {
margin-top: 0;
z-index: 1;
position: relative;
margin-bottom: 0
}
.GlossaryHero__JumpTo ul li {
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: #a8b1d3;
margin-bottom: 30px;
list-style: none;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.GlossaryHero__JumpTo ul li:before {
content: "";
width: 7px;
height: 7px;
background: #a8b1d3;
border-radius: 50%;
display: block;
left: -19.5px;
top: 50%;
margin-top: -2px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.GlossaryHero__JumpTo ul li:hover {
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
color: #696de3
}
.GlossaryHero__JumpTo ul li:hover:before {
content: "";
width: 10px;
height: 10px;
background: #696de3;
border-radius: 50%;
display: block;
left: -21px;
top: 50%;
margin-top: -4px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.GlossaryHero__JumpTo ul li:active {
color: #696de3;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.GlossaryHero__JumpTo ul li:active:before {
content: "";
width: 10px;
height: 10px;
background: #696de3;
border-radius: 50%;
display: block;
left: -21px;
top: 50%;
margin-top: -4px;
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.GlossaryHero__JumpTo .JumpTo__ListContainer {
position: relative
}
.GlossaryHero__JumpTo .JumpTo__Line {
position: absolute;
height: 97%;
border-left: 1px solid #e3e3e3;
top: 10px;
left: 23.9px
}
.GlossaryNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 0
}
.GlossaryNav__Title {
padding: 6px 40px 6px 0;
margin-right: 10px;
color: #19234d;
font-size: 16px;
line-height: 22px;
letter-spacing: 2.4px;
font-weight: 700;
text-transform: uppercase
}
.GlossaryNav__Links a {
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
padding: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border-radius: 1px;
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 49px;
letter-spacing: 0;
color: #0e142b;
margin-right: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
border: 2px solid #0e142b
}
.GlossaryNav__Links a:hover {
background: rgba(64, 195, 217, .55)
}
.GlossaryNav__Links a.active {
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
padding: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #d3d8e9;
border-radius: 1px;
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 49px;
letter-spacing: 0;
color: #0e142b;
margin-right: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
border: none
}
.GlossaryNav__Links .navigaton-toggle {
border: none;
margin-left: 100px
}
.GlossaryNav__Links .navigaton-toggle .toggle-icon {
display: inline-block;
width: 35px;
height: 35px;
font-size: 40px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #0e142b;
border-radius: 50%;
vertical-align: middle;
line-height: 22px
}
.GlossaryNav__TermsCta {
color: #19234d;
font-size: 18px;
line-height: 23px;
font-weight: 400;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 27px;
line-height: 120%;
letter-spacing: 0;
cursor: pointer
}
.GlossaryNav__TermsCta:hover {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.GlossaryNav__TermsCta svg {
width: 100%;
max-width: 10px;
margin-left: 10px
}
.GlossaryNav__TermsCta svg path {
stroke: #19234d !important
}
.Recommended__Glossary .Recommended__Wave,
.Recommended__GlossaryThird .Recommended__Wave {
display: none
}
.Recommended__Glossary h2,
.Recommended__GlossaryThird h2 {
font-size: 48px;
line-height: 50px;
letter-spacing: 0;
margin-bottom: 60px
}
.Recommended__Glossary .Recommended__BlockTitle,
.Recommended__GlossaryThird .Recommended__BlockTitle {
color: #a8b1d3
}
.GlossaryThirdNAVSlider {
border-top: 1px solid #707070;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 32px 0 0;
margin-top: 100px
}
.GlossaryThirdNAVSlider__Next {
text-align: right
}
.GlossaryThirdNAVSlider__NavLabel {
color: #4b64ff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .9px;
font-size: 18px;
line-height: 20px
}
.GlossaryThirdNAVSlider__EntryTitle {
color: #a8b1d3;
margin: 20px 0 0;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0
}
.GlossaryThirdCTA {
position: relative;
margin-bottom: 50px
}
.GlossaryThirdCTA__Background {
display: none
}
.GlossaryThirdCTA__Content {
max-width: 1240px;
padding: 50px 100px;
margin: 0 auto;
background: #e9ebf4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 1px
}
.GlossaryThirdCTA__Row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.GlossaryThirdCTA__Left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.GlossaryThirdCTA__Left h3 {
font-weight: 600;
font-size: 30px;
line-height: 40px;
letter-spacing: -.4px;
color: #0e142b;
margin: 0 0 30px
}
.GlossaryThirdCTA__Left h3,
.GlossaryThirdCTA__Left p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.GlossaryThirdCTA__Left p {
font-weight: 400;
font-size: 24px;
line-height: 30px;
letter-spacing: -.02em;
color: #19234d;
margin: 0
}
.GlossaryThirdCTA__Right {
-webkit-box-flex: 0;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
margin-left: 30px
}
.GlossaryThirdCTA__Right a {
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
font-weight: 700;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
border-radius: 1px;
text-align: center;
padding: 30px 0;
background: #263c91;
color: #fff
}
.GlossaryThirdCTA__Right a:hover {
background: #503384
}
.Glossary__MDRCallout {
background: #19234d
}
.Glossary__MDRCallout__Content {
max-width: 1340px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 110px 48px 100px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Glossary__MDRCallout__Content h3 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
color: #fff;
letter-spacing: -.4px
}
.Glossary__MDRCallout__Copy {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3
}
.Glossary__MDRCallout__CTA {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center
}
.Glossary__MDRCallout__CTA a {
color: #5063f9;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
text-align: center;
border-radius: 1px;
background-color: #e9ebf4;
font-weight: 700;
padding: 20px 70px
}
@media (min-width:0px) and (max-width:768px) {
.GlossaryNav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.GlossaryNav__Title {
border-right: none;
font-size: 22px;
margin: 10px 0
}
.GlossaryNav__Links {
text-align: center
}
.GlossaryNav__Links a {
margin: 0 0 12px;
display: inline-block;
padding: 10px;
line-height: 20px
}
}
@media (min-width:0px) and (max-width:1275px) {
.GlossaryHero__Content>p br {
display: none
}
}
@media (min-width:0px) and (max-width:768px) {
.GlossaryHero__ContentBox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.GlossaryHero__TopNavigation {
padding: 50px 15px
}
}
@media (min-width:0px) and (max-width:768px) {
.GlossaryThirdCTA__Row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.GlossaryThirdCTA__Right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 20px 0 0
}
.GlossaryThirdCTA__Right a {
padding: 20px 10px
}
}
.GlossaryIntroCards {
background-color: #ecf9fb
}
.GlossaryIntroCards__Content {
max-width: 1340px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 100px 48px 150px;
margin: 0 auto 75px
}
@media screen and (max-width:1063px) {
.GlossaryIntroCards__Content {
padding: 24px 24px 0
}
}
@media screen and (max-width:767px) {
.GlossaryIntroCards__Content {
display: block
}
}
.GlossaryIntroCards__Content h2 {
font-size: 48px;
line-height: 50px;
font-weight: 700;
margin: 0 0 40px
}
.GlossaryIntroCards__Content p {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 30px;
color: #19234d;
white-space: pre-line;
margin: 0 0 60px
}
.GlossaryIntroCards__Content p:last-child {
margin-bottom: 0
}
.GlossaryIntroCards__Services {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:767px) {
.GlossaryIntroCards__Services {
grid-template-columns: repeat(1, minmax(0, 1fr));
max-width: 480px
}
}
.GlossaryIntroCards__ServiceCard {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
-webkit-box-orient: vertical;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 70px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.GlossaryIntroCards__ServiceCard,
.GlossaryIntroCards__ServiceCardTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.GlossaryIntroCards__ServiceCardTop {
background: #b3e7f0;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
padding: 40px
}
.GlossaryIntroCards__ServiceCardTop a {
scroll-margin-top: 150px
}
.GlossaryIntroCards__ServiceCardBottom {
background: #fff;
padding: 40px
}
.GlossaryIntroCards__ServiceCard .GlossaryIntroCards__Categories ul {
list-style-type: none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
padding-left: 5.85em;
text-align: left;
margin: 0
}
.GlossaryIntroCards__ServiceCard .GlossaryIntroCards__Categories ul li {
margin-bottom: 20px
}
.GlossaryIntroCards__ServiceCard .GlossaryIntroCards__Categories ul li a {
font-size: 18px
}
@media screen and (max-width:850px) and (min-width:768px) {
.GlossaryIntroCards__ServiceCard {
padding-left: 15px;
padding-right: 15px
}
}
.GlossaryIntroCards__ServiceCard__Icon {
margin-right: 20px
}
.GlossaryIntroCards__ServiceCard__Icon svg {
max-width: 70px;
width: 100%
}
.GlossaryIntroCards__ServiceCard__Icon svg path {
stroke: #0e142b !important
}
.GlossaryIntroCards__ServiceCard h3 {
font-size: 30px;
line-height: 40px;
letter-spacing: -.4px;
color: #294098;
text-align: left;
margin: 0 0 20px
}
.GlossaryIntroCards__ServiceCard p {
margin: 0 0 20px;
font-size: 24px;
line-height: 30px;
text-align: left
}
.GlossaryIntroCards__ServiceCard_Copy {
margin-right: 20px;
-webkit-box-flex: 7;
-ms-flex: 7;
flex: 7
}
.GlossaryIntroCards__ServiceCard__Button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
background: #19234d;
border-radius: 1px;
padding: 25px 50px;
color: #fff;
text-decoration: none;
-webkit-transition: background .2s;
transition: background .2s;
font-size: 20px;
text-transform: uppercase;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2
}
.GlossaryIntroCards__ServiceCard__Button:hover {
background: #1d2c7b
}
.GlossaryIntroCards__Copy {
margin-bottom: 45px
}
@media screen and (max-width:768px) {
.GlossaryIntroCards__ServiceCardTop {
padding: 30px 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.GlossaryIntroCards__ServiceCardBottom {
padding: 30px 15px
}
.GlossaryIntroCards__ServiceCard_Copy {
margin: 0 0 20px
}
.GlossaryIntroCards__ServiceCard .GlossaryIntroCards__Categories ul {
padding: 0
}
}
.GlossaryIntroCopy__Content {
max-width: 1244px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 75px
}
.GlossaryIntroCopy__Content h2 {
font-size: 40px
}
.GlossaryIntroCopy__Content h2,
.GlossaryIntroCopy__Content h3 {
margin: 0 0 28px;
font-weight: 400;
line-height: 120%;
color: #3c2b77
}
.GlossaryIntroCopy__Content h3 {
font-size: 28px
}
.GlossaryIntroCopy__Content ol,
.GlossaryIntroCopy__Content p,
.GlossaryIntroCopy__Content ul {
color: rgba(0, 0, 0, .7);
font-size: 24px;
letter-spacing: -.01em;
line-height: 40px;
margin: 0 0 32px
}
.GlossaryIntroCopy__Content ol strong,
.GlossaryIntroCopy__Content p strong,
.GlossaryIntroCopy__Content ul strong {
font-weight: 600;
color: #3c2b77
}
.GlossaryIntroCopy__Content ol a,
.GlossaryIntroCopy__Content p a,
.GlossaryIntroCopy__Content ul a {
color: #3c2b77
}
.GlossaryIntroCopy__Content ol,
.GlossaryIntroCopy__Content ul {
padding-left: 23px
}
.GlossaryIntroCopy__Content ol li,
.GlossaryIntroCopy__Content ul li {
padding-left: 20px
}
.GlossaryIntroCopy__Content ol li::marker {
color: #3c2b77;
font-weight: 600
}
.GlossaryIntroCopy__Content img {
width: 100%
}
.GlossaryIntroCopy__Content figure {
margin: 0
}
@media (min-width:0px) and (max-width:768px) {
.GlossaryIntroCopy__Content {
padding: 0 15px;
margin-bottom: 25px
}
.GlossaryIntroCopy__Content h2 {
font-size: 44px;
line-height: 120%
}
}
.GlossaryDefinitions {
scroll-margin-bottom: -225px;
margin-bottom: 200px
}
.GlossaryDefinitions__Content {
max-width: 1244px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 75px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.GlossaryDefinitions__Content h2 {
font-weight: 700;
font-size: 48px;
line-height: 50px;
letter-spacing: 0;
color: #263c91;
white-space: pre-line;
text-align: center;
padding: 40px;
margin-bottom: 20px;
background: #b3e7f0;
margin-top: 0
}
.GlossaryDefinitions__Categories a {
font-size: 20px
}
.GlossaryDefinitions__NoTopBorder .GlossaryDefinitions__Content {
border-top: none;
padding-top: 0
}
.GlossaryDefinitions__DefinitionCopy,
.GlossaryDefinitions__DefinitionTitles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.GlossaryDefinitions__DefinitionCopy h3,
.GlossaryDefinitions__DefinitionTitles h3 {
margin: 0;
color: #0e142b;
font-size: 40px;
line-height: 120%;
font-weight: 400
}
.GlossaryDefinitions__DefinitionTitlesMobile {
display: none
}
.GlossaryDefinitions__DefinitionTitlesMobile h3 {
margin: 0;
color: #0e142b;
font-size: 36px;
line-height: 120%;
font-weight: 400
}
.GlossaryDefinitions__DefinitionCopy {
background: #fff;
padding: 10px 40px 40px
}
.GlossaryDefinitions__DefinitionCopy:last-child {
border-bottom: none
}
.GlossaryDefinitions__DefinitionCopy:last-child .GlossaryDefinitions__RightContent {
padding-bottom: 0
}
.GlossaryDefinitions__Left {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.GlossaryDefinitions__Left h5 {
color: #5063f9;
margin: 0;
font-weight: 500
}
.GlossaryDefinitions__Left:nth-child(odd) .GlossaryDefinitions__LeftContent {
margin: 0 15px 0 0
}
.GlossaryDefinitions__Left:nth-child(2n) .GlossaryDefinitions__LeftContent {
margin: 0 0 0 15px
}
.GlossaryDefinitions__LeftContent {
padding: 10px 0
}
.GlossaryDefinitions__LeftContent a:hover h5 {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
text-decoration: underline
}
.GlossaryDefinitions__LeftTitle {
padding: 0 25px 25px 10px;
border-bottom: 5px solid #3c2b77
}
.GlossaryDefinitions__Right {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.GlossaryDefinitions__Right p,
.GlossaryDefinitions__Right ul {
font-size: 18px;
line-height: 125%;
color: #3c2b77;
margin: 0 0 15px
}
.GlossaryDefinitions__Right p:last-child,
.GlossaryDefinitions__Right ul:last-child {
margin: 0
}
.GlossaryDefinitions__Right p a,
.GlossaryDefinitions__Right ul a {
color: #40c3d9;
text-decoration: none
}
.GlossaryDefinitions__RightContent {
padding: 25px 0 25px 45px;
border-left: 1px solid #40c3d9
}
.GlossaryDefinitions__RightTitle {
padding: 0 0 25px 45px;
border-left: 1px solid #40c3d9;
border-bottom: 5px solid #3c2b77
}
.GlossaryDefinitions__BottomCtas {
padding: 20px 40px
}
.GlossaryDefinitions__BottomCtas p {
margin: 0 0 20px
}
.GlossaryDefinitions__BottomCtas p a {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px
}
.GlossaryDefinitions__BottomCtas p:last-child {
margin-bottom: 0
}
@media (min-width:0px) and (max-width:768px) {
.GlossaryDefinitions h2 {
font-size: 50px;
line-height: 120%;
padding: 0 15px;
margin-bottom: 25px
}
.GlossaryDefinitions__Content {
padding-top: 25px
}
.GlossaryDefinitions__DefinitionCopy,
.GlossaryDefinitions__DefinitionTitles {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.GlossaryDefinitions__Left,
.GlossaryDefinitions__Right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.GlossaryDefinitions__Left:nth-child(2n) .GlossaryDefinitions__LeftContent,
.GlossaryDefinitions__Left:nth-child(odd) .GlossaryDefinitions__LeftContent {
margin: 0
}
.GlossaryDefinitions__Left:nth-last-child(2) .GlossaryDefinitions__LeftContent {
border-bottom: none
}
.GlossaryDefinitions__LeftContent {
padding: 15px
}
.GlossaryDefinitions__LeftContent h5 {
font-size: 16px
}
.GlossaryDefinitions__RightContent {
padding: 15px;
border-left: none
}
.GlossaryDefinitions__DefinitionTitles {
display: none
}
.GlossaryDefinitions__DefinitionTitlesMobile {
display: block
}
.GlossaryDefinitions__RightTitle {
padding: 0 15px 20px;
border-left: none
}
.GlossaryDefinitions__BottomCtas {
margin-left: 15px
}
}
@media (min-width:0px) and (max-width:480px) {
.GlossaryDefinitions__BottomCtas {
max-width: 300px
}
}
.GlossaryCallouts {
padding: 0 25px;
color: #fff;
text-align: center;
margin: -75px 0 75px
}
.GlossaryCallouts__Content {
width: 100%;
max-width: 1242px;
margin: 0 auto;
padding: 80px 20px 70px;
position: relative
}
.GlossaryCallouts__Content,
.GlossaryCallouts__Logo {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.GlossaryCallouts__Logo {
width: 98px;
height: 98px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
position: absolute;
left: 50%;
top: 0;
margin: -50px 0 0 -50px
}
.GlossaryCallouts__Logo img,
.GlossaryCallouts__Logo svg {
height: auto;
display: block;
margin-bottom: 1px;
width: 100%;
max-width: 84px
}
.GlossaryCallouts h2 {
font-weight: 400;
font-size: 36px;
line-height: 120%;
letter-spacing: -.02em;
color: #41267c;
margin: 0 0 25px
}
.GlossaryCallouts__Paragraph {
font-size: 24px;
line-height: 36px;
letter-spacing: -.01em;
color: #000;
max-width: 992px;
margin: 0 auto 50px
}
.GlossaryCallouts__Paragraph h4 {
margin: 40px 0
}
.GlossaryCallouts__Paragraph p {
margin: 0
}
.GlossaryCallouts__CTA {
padding: 16px 32px;
color: #fff;
background-color: #41267c;
font-size: 20px;
line-height: 120%;
border-radius: 6px;
-webkit-box-shadow: 4px 4px 0 #000;
box-shadow: 4px 4px 0 #000
}
.GlossaryCallouts__CTA:hover {
background-color: #263c91
}
.GlossaryCallouts__CTA br {
display: none
}
.GlossaryCallouts__InlineCTAp {
margin: 15px 0 0
}
.GlossaryCallouts__InlineCTA a {
color: #6d3caf;
font-size: 18px;
line-height: 120%;
font-weight: 500;
letter-spacing: 1px
}
.GlossaryCallouts__WhiteBackground .GlossaryCallouts__Content {
background: #fff
}
.GlossaryCallouts__WhiteBackground .GlossaryCallouts__Logo {
border: none
}
.GlossaryCallouts__WhiteBackground .GlossaryCallouts__Paragraph a {
color: #5063f9;
font-weight: 700
}
.GlossaryCallouts__WhiteBackground .GlossaryCallouts__CTA {
background-color: #40c3d9;
color: #000
}
.GlossaryCallouts__WhiteBackground .GlossaryCallouts__CTA:hover {
background-color: #263c91;
color: #fff
}
@media (min-width:0px) and (max-width:768px) {
.GlossaryCallouts {
padding: 0 15px;
margin: 20px 0 0
}
.GlossaryCallouts__Content {
padding: 75px 0
}
.GlossaryCallouts__CTA,
.GlossaryCallouts__CTA br {
display: block
}
}
.vCISOHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/main_bg_01.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.vCISOHero__MVS .vCISOHero__Left h2 {
font-size: 48px
}
.vCISOHero__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-column-gap: 100px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.vCISOHero__Content h3 {
color: #a8b1d3
}
.vCISOHero__Content h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px
}
.vCISOHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 auto 30px
}
.vCISOHero__LeftBtn {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.vCISOHero__Right h4 {
color: #263c91;
font-size: 28px;
line-height: 130%;
margin: 0 0 15px
}
.vCISOHero__Right h6 {
color: #40c3d9;
font-size: 60px;
font-weight: 700;
line-height: 70px;
margin: 0 20px 0 0
}
.vCISOHero__Right p {
color: #19234d;
font-size: 20px;
line-height: 24px;
margin: 0
}
.vCISOHero__Right p strong {
color: #40c3d9
}
.vCISOHero__Right p.vCISOHero__RightSmallCopy {
color: #a8b1d3;
font-size: 10px;
line-height: 120%
}
.vCISOHero__RightCard {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 12px;
padding: 22px 30px
}
.vCISOHero__RightCard svg {
margin: 0 30px 0 0;
max-width: 100px;
width: 100%
}
.vCISOHero__RightCard h3 {
color: #40c3d9;
font-size: 18px;
line-height: 20px;
margin: 0 0 5px
}
.vCISOHero__RightSlides {
min-width: 100%;
width: 100%
}
.vCISOHero__RightSlideContainer {
background: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 200px;
padding: 50px
}
.vCISOHero__RightSlideContainer span {
color: #a8b1d3;
font-size: 10px;
line-height: 120%;
margin-top: 20px
}
.vCISOHero__RightSlidePagination {
bottom: 12px !important;
left: auto !important;
position: absolute;
right: 12px;
width: auto !important;
z-index: 1
}
.vCISOHero__RightSlidePagination .swiper-pagination-bullet-active {
background-color: #40c3d9
}
.vCISOHero__RightSlideNav {
bottom: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0;
position: absolute;
right: 18px;
z-index: 1
}
.vCISOHero__RightSlideNav svg {
width: 100%;
max-width: 28px
}
.vCISOHero__RightSlideNext,
.vCISOHero__RightSlidePrevious {
cursor: pointer
}
.vCISOHero__RightSlideNext.swiper-button-disabled svg path,
.vCISOHero__RightSlidePrevious.swiper-button-disabled svg path {
stroke: #d3d8e9
}
.vCISOHero__RightSlideNext.swiper-button-disabled:active svg,
.vCISOHero__RightSlidePrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.vCISOHero__RightSlideNext.swiper-button-disabled:active svg circle,
.vCISOHero__RightSlideNext.swiper-button-disabled:active svg path,
.vCISOHero__RightSlidePrevious.swiper-button-disabled:active svg circle,
.vCISOHero__RightSlidePrevious.swiper-button-disabled:active svg path {
stroke: #d3d8e9
}
.vCISOHero__RightSlideNext:active svg,
.vCISOHero__RightSlidePrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.vCISOHero__RightSlideNext:active svg path,
.vCISOHero__RightSlidePrevious:active svg path {
stroke: #fff
}
.vCISOHero__RightSlideNext {
margin-left: 12px
}
.vCISOHero__Right img {
width: 100%
}
.vCISOHero__DarkWeb .vCISOHero__Content {
grid-template-columns: 4fr 3fr
}
@media screen and (max-width:767px) {
.vCISOHero__Content {
grid-template-columns: 1fr;
padding: 75px 15px;
grid-gap: 50px
}
.vCISOHero__Left h2 {
font-size: 52px;
line-height: 120%
}
.vCISOHero__Left h2 br {
display: none
}
.vCISOHero__RightCard {
display: block
}
.vCISOHero__RightCard h6 {
margin-bottom: 10px;
font-size: 42px;
line-height: 120%
}
.vCISOHero__RightCard p {
font-size: 18px;
line-height: 24px
}
.vCISOHero__RightSlides h6 {
font-size: 42px;
line-height: 52px
}
.vCISOHero__DarkWeb .vCISOHero__Content {
grid-template-columns: 1fr
}
.vCISOHero__DarkWeb .vCISOHero__Content img {
display: none
}
}
.ServicesCheckboxes {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/managed_risk_services_bg_01_2000px.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.ServicesCheckboxes__Content {
display: grid;
grid-gap: 100px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.ServicesCheckboxes__Content h2 {
color: #40c3d9;
margin: 0 0 30px
}
.ServicesCheckboxes__Content h3 {
color: #fff
}
.ServicesCheckboxes__ContentFullWidth {
grid-template-columns: 1fr
}
.ServicesCheckboxes__ContentFullWidth .ServicesCheckboxes__Left {
max-width: 992px
}
.ServicesCheckboxes__ContentFullWidth-Wide .ServicesCheckboxes__Left {
max-width: 100%
}
.ServicesCheckboxes__ContentFullWidth-Wide .ServicesCheckboxes__Left .subheading {
letter-spacing: -.4px;
color: #696de3;
font-size: 30px;
line-height: 40px;
font-weight: 600
}
.ServicesCheckboxes__TechnicalTesting .ServicesCheckboxes__Content h2 {
font-size: 50px
}
.ServicesCheckboxes__UseCase .ServicesCheckboxes__Content h2 {
color: #fff
}
.ServicesCheckboxes__UseCase .ServicesCheckboxes__Content .ServicesCheckboxes__Left h3 {
color: #40c3d9;
font-size: 27px;
line-height: 36px
}
.ServicesCheckboxes__Left p {
color: #c4e9f7;
font-size: 28px;
line-height: 130%;
letter-spacing: -.1px;
margin: 0 0 25px
}
.ServicesCheckboxes__Left p:last-child {
margin: 0
}
.ServicesCheckboxes__Left p.ServicesCheckboxes__LeftWhiteCopy {
color: #fff;
font-size: 24px
}
.ServicesCheckboxes__Fixed {
position: -webkit-sticky;
position: sticky;
top: 150px
}
.ServicesCheckboxes__Box {
background: #ecf9fb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
margin-bottom: 12px;
padding: 15px 17px
}
.ServicesCheckboxes__Box:last-child {
margin: 0
}
.ServicesCheckboxes__Box p {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #19234d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 22px;
line-height: 30px;
margin: 0
}
.ServicesCheckboxes__Box p:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.707' height='28.706' data-name='Group 1135'%3E%3Cg data-name='Group 1118'%3E%3Cpath fill='%2340c3d9' d='M28.707 14.353A14.354 14.354 0 1114.354 0a14.353 14.353 0 0114.353 14.353' data-name='Path 4026'/%3E%3Cpath fill='%23fff' d='M22.517 9.514a1.379 1.379 0 00-1.948-.014l-7.956 7.84-3.436-3.44a1.376 1.376 0 00-1.948 0 1.379 1.379 0 000 1.948l4.4 4.4a1.376 1.376 0 001.943.009l8.931-8.8a1.381 1.381 0 00.014-1.947' data-name='Path 4027'/%3E%3C/g%3E%3C/svg%3E");
height: 28px;
margin-right: 13px;
width: 28px
}
.ServicesCheckboxes__GridChecks {
display: grid;
grid-column-gap: 25px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr;
margin-bottom: 25px
}
.ServicesCheckboxes__GridChecks .ServicesCheckboxes__Box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0
}
.ServicesCheckboxes__GridChecks .ServicesCheckboxes__Box p {
font-size: 17px;
line-height: 20px
}
@media screen and (max-width:767px) {
.ServicesCheckboxes__Content {
grid-template-columns: 1fr;
grid-gap: 50px;
padding: 75px 15px
}
.ServicesCheckboxes__GridChecks {
grid-template-columns: 1fr
}
}
.YouExpectServices__GreyBG {
background-color: #f4f5f9
}
.YouExpectServices__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.YouExpectServices__Content h2 {
color: #263c91;
max-width: 100%
}
.YouExpectServices__Content p {
margin-bottom: 50px
}
.YouExpectServices__TabCell {
background-color: #d4d8e9;
cursor: pointer;
margin-bottom: 15px;
padding: 30px 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.YouExpectServices__TabCell:last-child {
margin-bottom: 0
}
.YouExpectServices__TabCell h3 {
color: #0e142b;
font-size: 17px;
font-weight: 700;
line-height: 120%;
margin: 0;
max-width: 400px
}
.YouExpectServices__TabCell.selected {
background-color: #19234d
}
.YouExpectServices__TabCell.selected h3 {
color: #fff
}
.YouExpectServices__TabCopy {
-ms-flex-item-align: center;
align-self: center;
padding: 50px;
display: none
}
.YouExpectServices__TabCopy.selected {
display: block
}
.YouExpectServices__TabCopy h4 {
color: #40c3d9
}
.YouExpectServices__TabCopy h3 {
color: #fff;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0 0 30px;
max-width: 675px
}
.YouExpectServices__TabCopy p {
color: #fff;
letter-spacing: -.1px;
margin: 0 0 30px;
max-width: 700px
}
.YouExpectServices__TabCopy p a {
color: #5063f9
}
.YouExpectServices__TabCopy p:last-of-type {
margin: 0
}
.YouExpectServices__TabCopy ul li {
font-size: 20px;
line-height: 22px;
margin-bottom: 10px;
color: #fff
}
.YouExpectServices__TabCopy ul li a {
color: #fff;
text-decoration: underline
}
.YouExpectServices__TabCopy ul li:last-child {
margin-bottom: 0
}
.YouExpectServices__TabCopy ul li ul {
margin-top: 20px
}
.YouExpectServices__Tabs {
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 2fr
}
.YouExpectServices__TabsRight {
background-color: #19234d;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.YouExpectServices__TabsLeft {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.YouExpectServices__GreyCopy {
color: #999;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px !important
}
.YouExpectServices__SOC h2 {
font-size: 45px;
font-weight: 500;
line-height: 50px
}
.YouExpectServices__SOC .YouExpectServices__TabCell {
background-color: #fff;
border-bottom: 1px dashed #e2e2e2;
margin-bottom: 0;
padding: 45px 30px
}
.YouExpectServices__SOC .YouExpectServices__TabCell.selected {
background-color: #f4f5f9
}
.YouExpectServices__SOC .YouExpectServices__TabCell.selected h3 {
color: #0e142b
}
.YouExpectServices__SOC .YouExpectServices__Tabs {
grid-gap: 0
}
.YouExpectServices__SOC .YouExpectServices__TabsRight {
background-color: #263c91
}
@media screen and (max-width:767px) {
.YouExpectServices__Content {
padding: 75px 15px
}
.YouExpectServices__Tabs {
grid-template-columns: 1fr
}
.YouExpectServices__TabCopy {
padding: 30px 15px
}
.YouExpectServices__TabCopy h3 {
font-size: 28px;
line-height: 32px
}
.YouExpectServices__TabCopy p {
font-size: 18px;
line-height: 22px
}
.YouExpectServices__TabCell {
padding: 15px
}
.YouExpectServices__TabCell h3 {
font-size: 14px
}
.YouExpectServices__SOC .YouExpectServices__TabCell {
padding: 25px 15px
}
}
.ToolCallout {
margin: 75px auto 0;
max-width: 1260px;
position: relative
}
.ToolCallout__LightWhiteBG {
background-color: #f4f5f9;
margin-top: 0;
padding-top: 75px;
max-width: 100%
}
.ToolCallout__LightWhiteBG .ToolCallout__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.ToolCallout__Content {
background-repeat: no-repeat;
background-size: cover;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/managed_risk_services_bg_01.png);
display: grid;
grid-gap: 100px;
grid-template-columns: 2fr 4fr;
margin: 0 auto;
padding: 0 100px
}
.ToolCallout__Left img {
margin: -45px 0 -5px;
width: 100%
}
.ToolCallout__Right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.ToolCallout__Right h3 {
color: #40c3d9
}
.ToolCallout__Right h2 {
color: #fff;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0 0 20px
}
.ToolCallout__Right p {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 130%;
margin: 0 0 25px;
max-width: 550px
}
.ToolCallout__Cta {
background-color: #e9ebf4;
color: #5063f9;
display: inline-block;
font-weight: 700;
letter-spacing: .5px;
max-width: 150px;
padding: 12px 50px;
text-align: center
}
@media screen and (max-width:767px) {
.ToolCallout__Content {
grid-template-columns: 1fr;
grid-gap: 50px;
padding: 75px 15px;
background-size: cover
}
.ToolCallout__LightWhiteBG .ToolCallout__Content {
padding: 0 15px 30px
}
}
.DarkWebCopy {
background-color: #16214d;
margin-bottom: 75px
}
.DarkWebCopy__Content {
text-align: center;
padding: 100px 48px;
max-width: 1260px;
margin: 0 auto
}
.DarkWebCopy__Content h2 {
color: #40c3d9
}
.DarkWebCopy__Content p {
color: #fff;
letter-spacing: -.1px;
margin: 0 auto 35px
}
.DarkWebCopy__Content p a {
color: #5063f9
}
.DarkWebCopy__Cta {
color: #4b64ff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
margin-top: 22px
}
@media screen and (max-width:767px) {
.DarkWebCopy__Content {
padding: 75px 15px
}
.DarkWebCopy__Content h2 br {
display: none
}
}
.WhyEsentireServices__MRS .WhyEsentireServices__Content {
grid-template-columns: 3fr 4fr;
padding-bottom: 75px
}
.WhyEsentireServices__MRS .WhyEsentireServices__Content h2 {
color: #263c91;
font-size: 43px;
line-height: 50px
}
.WhyEsentireServices__MRS .WhyEsentireServices__Card h3 {
font-size: 25px;
line-height: 32px;
margin-bottom: 11px
}
.WhyEsentireServices__MRS .WhyEsentireServices__Card p {
margin-bottom: 12px
}
.WhyEsentireServices__MRS .WhyEsentireServices__Card a {
color: #4b64ff;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin: 0 75px 50px;
text-transform: uppercase
}
.WhyEsentireServices__MRS .WhyEsentireServices__CardContainer {
min-height: 330px
}
.WhyEsentireServices__Content {
display: grid;
grid-gap: 75px;
grid-template-columns: 2fr 3fr;
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px 50px
}
.WhyEsentireServices__Content h2 {
color: #19234d;
max-width: 768px
}
.WhyEsentireServices__Content h3.eyebrow {
color: #929dc8;
max-width: 275px
}
.WhyEsentireServices__Heading {
grid-column: -1/1
}
.WhyEsentireServices__Heading h2 {
margin-bottom: 0
}
.WhyEsentireServices__Left p {
color: #19234d;
letter-spacing: -.1px;
margin: 0 0 30px;
max-width: 700px
}
.WhyEsentireServices__Right {
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.WhyEsentireServices__Card {
min-height: 265px
}
.WhyEsentireServices__CardContainer {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 10px;
min-height: 252px
}
.WhyEsentireServices__CardPrevious {
margin-right: 10px
}
.WhyEsentireServices__CardNext,
.WhyEsentireServices__CardPrevious {
cursor: pointer
}
.WhyEsentireServices__CardNext svg path,
.WhyEsentireServices__CardPrevious svg path {
fill: #0e142b
}
.WhyEsentireServices__CardNext.swiper-button-disabled svg path,
.WhyEsentireServices__CardPrevious.swiper-button-disabled svg path {
fill: #d3d8e9
}
.WhyEsentireServices__CardNext.swiper-button-disabled:active svg,
.WhyEsentireServices__CardPrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.WhyEsentireServices__CardNext.swiper-button-disabled:active svg g path:first-child,
.WhyEsentireServices__CardNext.swiper-button-disabled:active svg g path:last-child,
.WhyEsentireServices__CardPrevious.swiper-button-disabled:active svg g path:first-child,
.WhyEsentireServices__CardPrevious.swiper-button-disabled:active svg g path:last-child {
fill: #d3d8e9
}
.WhyEsentireServices__CardNext:active svg,
.WhyEsentireServices__CardPrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.WhyEsentireServices__CardNext:active svg g path:first-child,
.WhyEsentireServices__CardPrevious:active svg g path:first-child {
fill: none
}
.WhyEsentireServices__CardNext:active svg g path:last-child,
.WhyEsentireServices__CardPrevious:active svg g path:last-child {
fill: #fff
}
.WhyEsentireServices__CardNavigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 15px 0 0 15px
}
.WhyEsentireServices__Card h3 {
color: #263c91;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 50px 75px 30px;
max-width: 550px
}
.WhyEsentireServices__Card p {
color: #19234d;
font-size: 16px;
font-weight: 400;
line-height: 130%;
margin: 0 75px 50px;
max-width: 550px
}
.WhyEsentireServices__Callout {
max-width: 1260px;
margin: 0 auto;
display: grid;
grid-template-columns: 5fr 2fr;
padding: 55px 0;
border: 2px solid #a8b1d3
}
.WhyEsentireServices__CalloutLeft {
margin-left: 65px
}
.WhyEsentireServices__CalloutLeft h3 {
color: #263c91;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0;
max-width: 550px
}
.WhyEsentireServices__CalloutRight {
margin-right: 65px;
text-align: right
}
.WhyEsentireServices__CalloutRight a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 70px
}
.WhyEsentireServices .swiper {
min-height: 275px
}
.WhyEsentireServices__RightCards h3 {
color: #263c91;
font-size: 32px;
margin: 0;
line-height: 38px;
font-weight: 600
}
.WhyEsentireServices__RightCards h3.eyebrow {
color: #19234d;
max-width: 100%
}
.WhyEsentireServices__RightCards h3.eyebrow.mobile {
display: none
}
@media screen and (max-width:767px) {
.WhyEsentireServices__RightCards h3.eyebrow.mobile {
display: block
}
.WhyEsentireServices__RightCards h3.eyebrow.desktop {
display: none
}
}
.WhyEsentireServices__RightCards p {
display: none;
font-size: 16px;
line-height: 20px;
margin: 0;
padding-right: 50px
}
.WhyEsentireServices__RightCards svg {
bottom: 16px;
display: none;
position: absolute;
right: 18px;
max-width: 40px;
width: 100%
}
.WhyEsentireServices__RightCards .WhyEsentireServices__CardContainer {
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 15px;
min-height: 62px;
padding: 20px 30px 23px;
position: relative
}
.WhyEsentireServices__RightCards .WhyEsentireServices__CardContainer:hover h3 {
display: none
}
.WhyEsentireServices__RightCards .WhyEsentireServices__CardContainer:hover p,
.WhyEsentireServices__RightCards .WhyEsentireServices__CardContainer:hover svg {
display: block
}
.WhyEsentireServices__Fixed {
position: -webkit-sticky;
position: sticky;
top: 150px
}
@media screen and (max-width:767px) {
.WhyEsentireServices__Content {
padding: 75px 15px 50px;
grid-template-columns: 1fr;
grid-gap: 50px
}
.WhyEsentireServices__CardContainer {
min-height: 340px
}
.WhyEsentireServices__Card p {
margin: 0 15px 80px
}
.WhyEsentireServices__Card h3 {
font-size: 30px;
line-height: 120%;
margin: 20px 15px
}
.WhyEsentireServices__Callout {
grid-template-columns: 1fr;
padding: 30px;
grid-gap: 25px
}
.WhyEsentireServices__CalloutLeft {
margin-left: 0
}
.WhyEsentireServices__CalloutLeft h3 {
font-size: 30px;
line-height: 120%
}
.WhyEsentireServices__CalloutRight {
text-align: left;
margin-right: 0
}
.WhyEsentireServices__MRS .WhyEsentireServices__Content {
grid-template-columns: 1fr
}
.WhyEsentireServices__MRS .WhyEsentireServices__Card a {
margin: 0 15px 50px
}
}
.ServicesDifference {
margin-top: 75px;
position: relative
}
.ServicesDifference__Background {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 225px;
z-index: -1
}
.ServicesDifference__Background:before {
background: #edeaf3;
content: "";
height: 1000px;
left: 0;
position: absolute;
right: 0
}
.ServicesDifference__Content {
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px
}
.ServicesDifference__Container {
padding: 100px
}
.ServicesDifference__Container h3 {
color: #a8b1d3
}
.ServicesDifference__Container ul {
list-style: none;
margin: 0 0 45px
}
.ServicesDifference__Container ul:last-child {
margin-bottom: 0
}
.ServicesDifference__Container ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin: 0 0 28px;
max-width: 1100px
}
.ServicesDifference__Container ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23c9cee3' data-name='Ellipse 1'/%3E%3Cpath fill='rgba(0,0,0,0)' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 23l9.129 9L35 16' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 46px;
margin-right: 13px;
width: 46px
}
.ServicesDifference__ContainerTop {
margin: 0 auto 50px;
max-width: 1100px
}
.ServicesDifference__ContainerTop h2 {
color: #263c91;
text-align: center
}
.ServicesDifference__ContainerTop p {
color: #19234d;
letter-spacing: -.1px;
margin: 0;
text-align: center
}
@media screen and (max-width:767px) {
.ServicesDifference {
margin-top: 0
}
.ServicesDifference__Container {
padding: 75px 15px
}
.ServicesDifference__Container ul {
padding-left: 0
}
}
.ExperiencingIncident {
background-color: #edeaf3;
padding-top: 75px;
position: relative
}
.ExperiencingIncident__LightWhiteBG {
background-color: #f4f5f9
}
.ExperiencingIncident__White {
background-color: #fff
}
.ExperiencingIncident__Background {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 150px
}
.ExperiencingIncident__Background:before {
background: #0e142b;
content: "";
height: 1000px;
left: 0;
position: absolute;
right: 0
}
.ExperiencingIncident__DarkGradient .ExperiencingIncident__Background:before,
.ExperiencingIncident__DarkGradient .ExperiencingIncident__BackgroundAboutUs:before {
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #19234d), to(#2b3b8c));
background: linear-gradient(180deg, #19234d 75%, #2b3b8c);
height: 1500px
}
.ExperiencingIncident__DarkGradient .ExperiencingIncident__Content h2 {
color: #fff
}
.ExperiencingIncident__Careers .ExperiencingIncident__Background:before {
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #19234d), to(#2b3b8c));
background: linear-gradient(180deg, #19234d 12%, #2b3b8c);
height: 1500px
}
.ExperiencingIncident__Content {
padding-bottom: 75px;
position: relative;
text-align: center
}
.ExperiencingIncident__Content h2 {
color: #40c3d9;
margin: 0 auto 40px;
max-width: 800px;
text-align: center
}
.ExperiencingIncident__Content h3 {
color: #fff;
font-size: 30px;
margin: 0 0 40px;
line-height: 40px
}
.ExperiencingIncident__Content ul {
list-style: none;
padding: 0;
max-width: 725px;
margin: 0 auto 50px
}
.ExperiencingIncident__Content ul:last-child {
margin: 0
}
.ExperiencingIncident__Content ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
text-align: left;
margin-bottom: 10px
}
.ExperiencingIncident__Content ul li p {
margin: 0
}
.ExperiencingIncident__Content ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23696de3'/%3E%3Cpath d='M9.12 15.21l4.67 4.6 7.61-8.18' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
height: 30px;
width: 30px;
min-width: 30px;
margin: 10px 30px 0 0
}
.ExperiencingIncident__Content p {
color: #fff;
letter-spacing: -.1px;
margin: 0 auto 35px;
max-width: 992px;
text-align: center
}
.ExperiencingIncident__Logo {
text-align: center
}
.ExperiencingIncident__Logo img {
max-width: 150px
}
.ExperiencingIncident__Cta {
background-color: #40c3d9;
color: #0e142b;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: 700;
margin: 0 auto;
max-width: 300px;
padding: 12px;
width: 100%
}
.ExperiencingIncident__CtaSmall {
color: #4b64ff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
margin-top: 22px
}
.ExperiencingIncident__Bottom {
position: relative;
max-width: 1260px;
margin: 0 auto;
padding: 55px 48px;
text-align: center
}
.ExperiencingIncident__Bottom h2,
.ExperiencingIncident__Bottom p {
color: #fff
}
.ExperiencingIncident__Bottom p {
margin: 0
}
.ExperiencingIncident__SmallCopy p {
color: #fff;
font-size: 14px;
line-height: 16px;
margin: 50px auto;
max-width: 825px
}
.ExperiencingIncident__SmallCopy p a {
color: #5063f9;
font-weight: 700
}
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlideNext .clsNextSlide-1,
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlideNext .clsPreviousSlide-1,
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlidePrevious .clsNextSlide-1,
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlidePrevious .clsPreviousSlide-1 {
stroke: #0e142b
}
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlideNext svg,
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlidePrevious svg {
max-width: 35px
}
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlideNext:active svg,
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlidePrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlideNext:active svg path,
.ExperiencingIncident.AboutUs .HeadingBleedImage__SlidePrevious:active svg path {
stroke: #fff
}
.ExperiencingIncident.AboutUs .ExperiencingIncident__Background:before {
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #0e142b), to(#2b3b8c));
background: linear-gradient(180deg, #0e142b 75%, #2b3b8c);
height: 1500px
}
.ExperiencingIncident.AboutUs .ExperiencingIncident__Content p {
max-width: 1015px
}
.ExperiencingIncident.AboutUs h2 {
margin-top: 30px
}
@media screen and (max-width:767px) {
.ExperiencingIncident__Content {
padding: 0 15px 75px
}
.ExperiencingIncident__Bottom {
padding: 55px 15px
}
.ExperiencingIncident__DarkGradient .ExperiencingIncident__Background:before {
height: 2000px
}
.ExperiencingIncident.AboutUs .ExperiencingIncident__Background:before {
height: 3000px
}
}
.TestimonialsSlider {
background-color: #ecf9fb;
padding: 75px 0
}
.TestimonialsSlider__MDRCopy {
padding: 0 48px;
max-width: 1160px;
margin: 0 auto
}
.TestimonialsSlider__MDRCopy p {
text-align: center;
font-size: 23px;
line-height: 125%
}
.TestimonialsSlider__Content {
max-width: 1260px;
margin: 0 auto
}
.TestimonialsSlider__Content h2 {
color: #263c91;
margin: 0 auto 40px;
text-align: center
}
.TestimonialsSlider__Content .TestimonialsSlider__MDRCopy {
padding: 0 48px
}
.TestimonialsSlider__Content .TestimonialsSlider__Slides {
padding: 35px 0
}
.TestimonialsSlider__Video {
max-width: 1160px;
padding: 35px 48px;
margin: 0 auto
}
.TestimonialsSlider__VideoCard {
background-color: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 2fr;
margin-bottom: 15px;
padding: 30px
}
.TestimonialsSlider__VideoCard,
.TestimonialsSlider__VideoLeft {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e2e2e2
}
.TestimonialsSlider__VideoLeft {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
min-height: 220px
}
.TestimonialsSlider__VideoRight .eyebrow {
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
color: #0e142b
}
.TestimonialsSlider__VideoRight h3 {
color: #000;
font-size: 20px;
line-height: 30px;
margin: 0 0 10px
}
.TestimonialsSlider__VideoRight p {
text-align: left;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.TestimonialsSlider__VideoRight a {
color: #0e142b;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase;
margin-top: 0
}
.TestimonialsSlider__Slide {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 3fr;
padding: 50px
}
.TestimonialsSlider__SlideContainer {
background: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.TestimonialsSlider__SlideLeft img {
border: 1px solid #707070
}
.TestimonialsSlider__SlideRight {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.TestimonialsSlider__SlideRight blockquote {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.048 21.856c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.456 2.176-5.76 2.176-3.157 0-5.803-1.11-7.936-3.328-2.048-2.219-3.072-5.077-3.072-8.576 0-6.4 2.475-10.965 7.424-13.696C34.856 1.973 37.757.992 39.976.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28-7.083 1.877-10.624 5.419-10.624 10.624 0 2.304.597 4.267 1.792 5.888.17-2.901 2.005-4.352 5.504-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48zm-23.552 0c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.413 2.176-5.632 2.176-3.243 0-5.888-1.11-7.936-3.328C1.448 23.904.424 21.003.424 17.504c0-6.315 2.475-10.837 7.424-13.568C11.432 1.973 14.291.992 16.424.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28C9.299 5.173 5.8 8.757 5.8 14.048c0 2.219.597 4.139 1.792 5.76.17-2.901 1.963-4.352 5.376-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 44px 30px;
color: #0e142b;
font-size: 24px;
letter-spacing: -.01em;
line-height: 31px;
margin: 0;
max-width: 650px;
padding: 50px 0 0
}
.TestimonialsSlider__SlideRight--Long blockquote {
font-size: 18px;
line-height: 24px
}
.TestimonialsSlider__SlideRight h5 {
color: #0e142b;
font-size: 24px;
font-weight: 700;
letter-spacing: -.01em;
line-height: 29px;
margin: 35px 0 5px;
padding: 20px 0 0;
position: relative
}
.TestimonialsSlider__SlideRight h5:before {
display: block;
content: "";
width: 50px;
background: #68c0d6;
height: 2px;
position: absolute;
top: 0;
left: 0
}
.TestimonialsSlider__SlideRight h6 {
color: #0e142b;
font-size: 22px;
font-weight: 400;
letter-spacing: -.1px;
line-height: 25px;
margin: 0
}
.TestimonialsSlider__SlideRight__CTA,
.TestimonialsSlider__SlideRight a {
margin-top: 30px
}
.TestimonialsSlider__Cta {
color: #4b64ff;
cursor: pointer;
display: block;
font-size: 20px;
font-weight: 700;
letter-spacing: .7px;
line-height: 32px;
margin: 30px 0 0;
text-align: center;
text-transform: uppercase
}
.TestimonialsSlider__CTA {
margin: 30px 0 0
}
@media screen and (max-width:767px) {
.TestimonialsSlider {
padding: 75px 0
}
.TestimonialsSlider__Content h2 {
padding: 0 15px
}
.TestimonialsSlider__Slide {
grid-gap: 25px;
grid-template-columns: 1fr;
min-height: 630px;
padding: 25px
}
.TestimonialsSlider__SlideLeft img {
width: 100%
}
.TestimonialsSlider__SlideRight blockquote {
font-size: 20px;
line-height: 125%
}
.TestimonialsSlider__Video {
padding: 35px 15px
}
.TestimonialsSlider__VideoCard {
grid-template-columns: 1fr
}
.TestimonialsSlider__VideoLeft {
min-height: 150px
}
}
.TangibleChecks {
margin-bottom: 75px
}
.TangibleChecks__CyanBG {
background-color: #f5fcfd;
margin: 0;
padding: 75px 0
}
.TangibleChecks__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.TangibleChecks__Content h2 {
color: #263c91
}
.TangibleChecks__Container {
padding: 100px;
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin-top: 45px
}
.TangibleChecks__Container h3 {
color: #0e142b;
font-size: 30px;
font-weight: 400;
line-height: 125%;
margin: 0 0 30px;
text-align: center
}
.TangibleChecks__Container ul {
list-style: none;
margin: 50px 0 45px
}
.TangibleChecks__Container ul:last-child {
margin-bottom: 0
}
.TangibleChecks__Container ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin: 0 0 28px;
max-width: 1100px
}
.TangibleChecks__Container ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' data-name='Group 29'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23696de3' data-name='Ellipse 1'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.704 17.403l4.79 5.384 7.802-9.572' data-name='Path 12'/%3E%3C/svg%3E");
height: 36px;
margin-right: 13px;
width: 36px
}
.TangibleChecks__ContainerTop {
margin: 0 auto 50px;
max-width: 1100px
}
.TangibleChecks__ContainerTop h2 {
color: #263c91;
text-align: center
}
.TangibleChecks__ContainerTop p {
color: #19234d;
letter-spacing: -.1px;
margin: 0;
text-align: center
}
@media screen and (max-width:767px) {
.TangibleChecks__Content {
padding: 0 15px
}
.TangibleChecks__Container {
padding: 30px 15px
}
.TangibleChecks__Container ul {
padding-left: 0
}
}
.eSentireDifference {
margin-bottom: 75px
}
.eSentireDifference__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.eSentireDifference__Content h2 {
color: #263c91
}
.eSentireDifference__Content p {
margin: 0 0 40px
}
.eSentireDifference__Container {
background-color: #f8f6fe
}
.eSentireDifference__Container table {
width: 100%;
border-spacing: 0;
padding: 40px 30px
}
.eSentireDifference__Container table thead th {
padding: 25px 10px;
letter-spacing: 2px;
max-width: 200px;
color: #0e142b;
font-weight: 700;
max-width: 135px;
border-bottom: 1px solid #707070
}
.eSentireDifference__Container table thead th:nth-child(2) {
background-color: #d9daf8
}
.eSentireDifference__Container table thead th img {
width: 100%;
max-width: 150px;
padding: 20px 0
}
.eSentireDifference__Container table tbody th {
text-align: left;
color: #19234d;
border-bottom: 1px solid #707070;
font-weight: 400
}
.eSentireDifference__Container table tbody td {
text-align: center;
border-bottom: 1px solid #707070;
padding: 20px 17px
}
.eSentireDifference__Container table tbody td:nth-child(2) {
color: #3c2b77;
background-color: #d9daf8
}
.eSentireDifference__Container table tbody td:nth-child(3) {
color: #19234d
}
@media screen and (max-width:767px) {
.eSentireDifference__Content {
padding: 0 15px
}
.eSentireDifference__Container table {
padding: 30px 0
}
.eSentireDifference__Container table thead th {
font-size: 11px;
line-height: 15px
}
.eSentireDifference__Container table tbody th {
padding: 15px 0
}
}
.HowPhishingWorks__Content {
margin: 0 auto;
max-width: 1260px
}
.HowPhishingWorks__Container {
padding: 100px;
background-color: #f4f5f9
}
.HowPhishingWorks__Container h2 {
color: #263c91;
text-align: center
}
.HowPhishingWorks__Container img {
margin: 0 -200px 50px;
width: calc(100% + 400px)
}
.HowPhishingWorks__Container p {
color: #0e142b;
font-size: 30px;
font-weight: 400;
line-height: 125%;
margin: 0 0 30px;
text-align: center
}
.HowPhishingWorks__Container ul {
display: grid;
grid-column-gap: 50px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr;
list-style: none;
margin: 50px 0 0
}
.HowPhishingWorks__Container ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px
}
.HowPhishingWorks__Container ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' data-name='Group 29'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23696de3' data-name='Ellipse 1'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.704 17.403l4.79 5.384 7.802-9.572' data-name='Path 12'/%3E%3C/svg%3E");
height: 36px;
margin-right: 13px;
width: 36px
}
.HowPhishingWorks__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #d4d8e9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 100px
}
.HowPhishingWorks__Cta h3 {
color: #000;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0
}
.HowPhishingWorks__Cta a {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: 700;
margin-left: 25px;
max-width: 235px;
padding: 12px;
text-align: center;
width: 100%
}
@media screen and (max-width:767px) {
.HowPhishingWorks__Container {
padding: 75px 15px
}
.HowPhishingWorks__Container h2 {
font-size: 36px;
margin: 0 0 25px
}
.HowPhishingWorks__Container img {
margin: 0 0 25px;
width: 100%
}
.HowPhishingWorks__Container p {
font-size: 22px
}
.HowPhishingWorks__Container ul {
grid-template-columns: 1fr;
padding: 0;
grid-gap: 15px
}
.HowPhishingWorks__Cta {
padding: 50px 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: center
}
.HowPhishingWorks__Cta h3 {
font-size: 26px;
line-height: 125%
}
.HowPhishingWorks__Cta a {
margin: 20px auto 0
}
}
.StreamlineMVS {
position: relative;
padding-bottom: 75px;
margin-bottom: 75px
}
.StreamlineMVS__Background {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 225px;
z-index: -1
}
.StreamlineMVS__Background:before {
background: #edeaf3;
content: "";
height: 1000px;
left: 0;
position: absolute;
right: 0
}
.StreamlineMVS__Content {
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px
}
.StreamlineMVS__Container {
padding: 100px
}
.StreamlineMVS__Container h3 {
color: #19234d
}
.StreamlineMVS__Container h3.eyebrow {
margin: 0 0 35px
}
.StreamlineMVS__Container h2,
.StreamlineMVS__Container p {
text-align: center
}
.StreamlineMVS__Container p {
font-size: 23px;
margin: 0 0 50px
}
.StreamlineMVS__Container ul {
display: grid;
grid-column-gap: 50px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr;
list-style: none;
margin: 0 0 45px;
padding: 0
}
.StreamlineMVS__Container ul:last-child {
margin: 0
}
.StreamlineMVS__Container ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
font-size: 22px
}
.StreamlineMVS__Container ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' data-name='Group 29'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23696de3' data-name='Ellipse 1'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.704 17.403l4.79 5.384 7.802-9.572' data-name='Path 12'/%3E%3C/svg%3E");
height: 36px;
margin-right: 13px;
width: 36px
}
@media screen and (max-width:767px) {
.StreamlineMVS {
padding-bottom: 0
}
.StreamlineMVS__Container {
padding: 0 15px 75px
}
.StreamlineMVS__Container ul {
grid-template-columns: 1fr;
padding-left: 0
}
}
.BestOfBreedTech {
background-color: #f4f5f9;
padding: 75px 0
}
.BestOfBreedTech__Content {
margin: 0 auto;
max-width: 1260px
}
.BestOfBreedTech__Content h2 {
color: #263c91;
max-width: 768px
}
.BestOfBreedTech__Content p {
margin: 0 0 75px
}
.BestOfBreedTech__Container {
background-color: #e9ebf4;
padding: 100px
}
.BestOfBreedTech__ContainerGrid {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 50px
}
.BestOfBreedTech__ContainerGridRight ul {
margin: 0 0 35px
}
.BestOfBreedTech__ContainerGridRight ul li {
font-size: 20px;
margin-bottom: 15px
}
.BestOfBreedTech__ContainerGridRight ul li:last-child {
margin-bottom: 0
}
.BestOfBreedTech__ContainerGridRight p {
margin: 0 0 35px
}
.BestOfBreedTech__ContainerGridLeft img {
background: #fff;
padding: 100px 0;
width: 100%
}
.BestOfBreedTech__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #d4d8e9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 100px
}
.BestOfBreedTech__Cta h3 {
color: #000;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0
}
.BestOfBreedTech__Cta a {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: 700;
margin-left: 25px;
max-width: 235px;
padding: 12px;
text-align: center;
width: 100%;
letter-spacing: .7px
}
@media screen and (max-width:767px) {
.BestOfBreedTech__Container {
padding: 15px
}
.BestOfBreedTech__ContainerGrid {
grid-template-columns: 1fr;
grid-gap: 15px
}
.BestOfBreedTech__Content {
padding: 0 15px
}
.BestOfBreedTech__Cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 15px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.BestOfBreedTech__Cta a {
margin: 15px 0 0
}
}
.MVSAndMDR {
padding-bottom: 75px
}
.MVSAndMDR__Content {
margin: 0 auto;
max-width: 1260px;
background-color: #0e142b
}
.MVSAndMDR__Container {
padding: 75px
}
.MVSAndMDR__Container h2 {
color: #40c3d9;
text-align: center
}
.MVSAndMDR__Container h3 {
color: #d4d8e9;
font-weight: 500;
letter-spacing: 3px;
margin: 40px 0 35px;
text-align: center
}
.MVSAndMDR__Container p {
text-align: center;
color: #fff
}
.MVSAndMDR__Container p a {
color: #5063f9
}
.MVSAndMDR__SignalProgram {
padding: 35px;
background-color: #1a2035
}
.MVSAndMDR__SignalProgramTop {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 15px
}
.MVSAndMDR__SignalProgramTop h4.eyebrow {
color: #f4f5f9;
text-align: center;
font-size: 12px;
border-bottom: 1px solid #707070;
padding-bottom: 16px
}
.MVSAndMDR__SignalProgramMiddle {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 15px
}
.MVSAndMDR__SignalProgramBottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: hsla(0, 0%, 100%, .04);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
padding: 40px 45px;
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.MVSAndMDR__SignalProgramBottom.selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.MVSAndMDR__SignalProgramBottomCopy {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin-top: 33px;
padding-top: 45px;
border-top: 2px solid hsla(0, 0%, 100%, .2)
}
.MVSAndMDR__SignalProgramBottomCopy h5 {
color: #fff;
letter-spacing: normal;
font-size: 25px;
line-height: 30px;
font-weight: 400;
margin: 0 0 20px
}
.MVSAndMDR__SignalProgramBottomCopy p {
text-align: left;
font-size: 18px;
line-height: 24px;
margin: 0 0 30px
}
.MVSAndMDR__SignalProgramBottomCopy a {
background-color: #d4d8e9;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 40px;
text-align: center;
text-transform: uppercase;
min-width: 125px;
font-size: 15px;
line-height: 18px
}
.MVSAndMDR__SignalProgramRight {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 575px;
width: 100%
}
.MVSAndMDR__SignalProgramRightItem {
background-color: #66c8ae;
border-radius: 5px;
color: #f4f5f9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 1px;
line-height: 15px;
margin-right: 15px;
padding: 12px 7px;
text-align: center;
text-transform: uppercase;
width: calc(28% - 15px)
}
.MVSAndMDR__SignalProgramRightItem:last-child {
margin-right: 0
}
.MVSAndMDR__SignalProgramRightItem:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Group 791' xmlns='http://www.w3.org/2000/svg' width='23.59' height='16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 772' fill='%23fff' stroke='%23fff' d='M0 0h23.591v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 790' clip-path='url(%23a)'%3E%3Cpath data-name='Path 2974' d='M8 16.001a.629.629 0 01-.447-.186L.184 8.445a.632.632 0 11.894-.894l6.927 6.927L22.514.183a.632.632 0 11.887.9L8.446 15.818a.628.628 0 01-.446.183' fill='%23fff' stroke='%23fff'/%3E%3C/g%3E%3C/svg%3E");
margin-right: 17px;
width: 13px
}
.MVSAndMDR__SignalProgramLeft {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.MVSAndMDR__SignalProgramLeft svg {
margin-right: 15px;
max-width: 50px;
width: 100%
}
.MVSAndMDR__SignalProgramLeft h5 {
color: #fff;
font-size: 35px;
font-weight: 600;
letter-spacing: inherit;
line-height: 35px;
margin: 0 0 5px
}
.MVSAndMDR__SignalProgramItem {
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
padding: 14px 0;
text-align: center
}
.MVSAndMDR__SignalProgramItems {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 15px
}
.MVSAndMDR__SignalProgramItem.selected {
border-bottom: 4px solid
}
.MVSAndMDR__SignalProgramItemLeft,
.MVSAndMDR__SignalProgramItemRight {
display: grid;
grid-gap: 15px
}
.MVSAndMDR__SignalProgramItemLeft {
grid-template-columns: repeat(2, 1fr)
}
.MVSAndMDR__SignalProgramItemRight {
grid-template-columns: repeat(4, 1fr)
}
.MVSAndMDR__SignalProgramItem[data-signal-id="1"] {
background-color: #7f4ee5
}
.MVSAndMDR__SignalProgramItem[data-signal-id="2"] {
background-color: #6c67d5
}
.MVSAndMDR__SignalProgramItem[data-signal-id="3"] {
background-color: #687dd5
}
.MVSAndMDR__SignalProgramItem[data-signal-id="4"] {
background-color: #40c3d9
}
.MVSAndMDR__SignalProgramItem[data-signal-id="5"] {
background-color: #2cb1e2
}
.MVSAndMDR__SignalProgramItem[data-signal-id="6"] {
background-color: #4d9ce1
}
.MVSAndMDR__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #d4d8e9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 100px;
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 50px
}
.MVSAndMDR__CtaLeft h3 {
color: #000;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0 0 25px
}
.MVSAndMDR__CtaLeft p {
margin: 0
}
.MVSAndMDR__CtaRight {
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
justify-self: center
}
.MVSAndMDR__CtaRight a {
color: #fff;
background: #0e142b;
cursor: pointer;
font-size: 16px;
font-weight: 700;
letter-spacing: .7px;
padding: 9px 40px
}
.MVSAndMDR.MDR .MVSAndMDR__Container h3 {
margin-top: 0
}
@media screen and (max-width:767px) {
.MVSAndMDR__Container {
padding: 75px 15px
}
.MVSAndMDR__SignalProgram {
padding: 15px
}
.MVSAndMDR__SignalProgramItemLeft,
.MVSAndMDR__SignalProgramItemRight,
.MVSAndMDR__SignalProgramMiddle,
.MVSAndMDR__SignalProgramTop {
grid-template-columns: 1fr
}
.MVSAndMDR__SignalProgramRight {
display: block;
margin-top: 20px
}
.MVSAndMDR__SignalProgramRightItem {
width: 100%;
margin-bottom: 10px;
max-width: 200px
}
.MVSAndMDR__SignalProgramBottom.selected {
display: block;
padding: 40px 15px
}
.MVSAndMDR__Cta {
padding: 30px 15px;
grid-template-columns: 1fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
grid-gap: 20px
}
.MVSAndMDR__CtaRight {
justify-self: flex-start
}
}
.WhyTechTesting {
background-color: #f4f5f9;
padding: 75px 0
}
.WhyTechTesting__Content {
margin: 0 auto 35px;
max-width: 1260px;
padding: 0 48px
}
.WhyTechTesting__Content h2 {
color: #263c91
}
.WhyTechTesting__Content h3 {
color: #929dc8
}
.WhyTechTesting__Grid {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: grid;
grid-column-gap: 100px;
grid-template-columns: 1fr 1fr
}
.WhyTechTesting__GridRight {
min-width: 100%
}
.WhyTechTesting__Card {
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
min-height: 150px;
padding: 50px 0;
text-align: center
}
.WhyTechTesting__CardContainer svg {
margin-bottom: 12px;
width: 100%;
max-width: 80px
}
.WhyTechTesting__CardContainer h4 {
color: #7d8abd;
font-size: 18px;
line-height: 24px;
font-weight: 400;
margin: 0;
padding: 0 15px
}
.WhyTechTesting__CardPrevious {
margin-right: 10px
}
.WhyTechTesting__CardNext,
.WhyTechTesting__CardPrevious {
cursor: pointer
}
.WhyTechTesting__CardNext svg path,
.WhyTechTesting__CardPrevious svg path {
fill: #0e142b
}
.WhyTechTesting__CardNext.swiper-button-disabled svg path,
.WhyTechTesting__CardPrevious.swiper-button-disabled svg path {
fill: #d3d8e9
}
.WhyTechTesting__CardNext.swiper-button-disabled:active svg,
.WhyTechTesting__CardPrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.WhyTechTesting__CardNext.swiper-button-disabled:active svg g path:first-child,
.WhyTechTesting__CardNext.swiper-button-disabled:active svg g path:last-child,
.WhyTechTesting__CardPrevious.swiper-button-disabled:active svg g path:first-child,
.WhyTechTesting__CardPrevious.swiper-button-disabled:active svg g path:last-child {
fill: #d3d8e9
}
.WhyTechTesting__CardNext:active svg,
.WhyTechTesting__CardPrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.WhyTechTesting__CardNext:active svg g path:first-child,
.WhyTechTesting__CardPrevious:active svg g path:first-child {
fill: none
}
.WhyTechTesting__CardNext:active svg g path:last-child,
.WhyTechTesting__CardPrevious:active svg g path:last-child {
fill: #fff
}
.WhyTechTesting__CardNavigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0 10px
}
.WhyTechTesting__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #d4d8e9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1260px;
padding: 50px 0
}
.WhyTechTesting__CtaLeft {
margin-left: 60px;
max-width: 600px
}
.WhyTechTesting__CtaRight {
margin-right: 60px
}
.WhyTechTesting__Cta h3 {
color: #263c91;
font-size: 34px;
font-weight: 700;
line-height: 40px;
margin: 0
}
.WhyTechTesting__Cta a {
background-color: #263c91;
color: #fff;
cursor: pointer;
font-size: 20px;
font-weight: 700;
letter-spacing: .7px;
margin-left: 25px;
max-width: 235px;
padding: 20px 70px;
text-align: center;
width: 100%
}
@media screen and (max-width:767px) {
.WhyTechTesting__Grid {
grid-template-columns: 1fr;
grid-gap: 30px
}
.WhyTechTesting__Cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 15px 50px
}
.WhyTechTesting__CtaLeft {
margin: 0 0 38px;
text-align: center
}
.WhyTechTesting__Cta a,
.WhyTechTesting__CtaRight {
margin: 0
}
}
.ExposureServices {
margin: 75px 0 0;
padding: 0 48px 60px;
position: relative
}
.ExposureServices__Background {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 75px;
z-index: -1
}
.ExposureServices__Background:before {
background: #f4f5f9;
content: "";
height: 2250px;
left: 0;
position: absolute;
right: 0
}
.ExposureServices__Content {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px
}
.ExposureServices__Container {
background-color: #fff;
padding: 75px 40px
}
.ExposureServices__Container h2 {
color: #263c91;
text-align: center
}
.ExposureServices__Container p {
text-align: center;
max-width: 992px;
margin: 0 auto 30px
}
.ExposureServices__DrawerHeading {
background-color: #f4f5f9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ExposureServices__DrawerHeading h3 {
color: #fff;
font-size: 24px;
line-height: 40px;
margin: 0
}
.ExposureServices__DrawerHeading h3 span {
color: #5163a7;
font-size: 16px;
letter-spacing: 2.4px
}
.ExposureServices__DrawerHeadingIcon {
cursor: pointer
}
.ExposureServices__DrawerHeading.selected .ExposureServices__DrawerHeadingIcon svg:first-child,
.ExposureServices__DrawerHeadingIcon svg:last-child {
display: none
}
.ExposureServices__DrawerHeading.selected .ExposureServices__DrawerHeadingIcon svg:last-child {
display: block
}
.ExposureServices__DrawerHeading[data-muti-drawer-id="2"] {
background-color: #3c4f9c
}
.ExposureServices__DrawerHeading[data-muti-drawer-id="3"] {
background-color: #5163a7
}
.ExposureServices__DrawerHeading[data-muti-drawer-id="4"] {
background-color: #6776b2
}
.ExposureServices__DrawerCopy {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/MVR/Exposure-Management-Background.png);
background-repeat: no-repeat;
background-size: cover;
padding: 50px;
display: none
}
.ExposureServices__DrawerCopy.selected {
display: block
}
.ExposureServices__DrawerCopy h3 {
color: #19234d;
font-size: 30px;
line-height: 40px;
margin: 0
}
.ExposureServices__DrawerCopyLeft h4 {
color: #40c3d9;
text-transform: uppercase
}
.ExposureServices__DrawerCopyLeft h3 {
color: #fff;
font-size: 42px;
line-height: 50px;
margin: 0 0 20px
}
.ExposureServices__DrawerCopyLeft p,
.ExposureServices__DrawerCopyLeft ul li {
font-size: 18px;
line-height: 24px;
margin: 0;
color: #fff
}
.ExposureServices__DrawerCopyLeft ul {
margin: 0
}
.ExposureServices__DrawerCopyLeft ul li {
margin: 0 0 10px
}
.ExposureServices__DrawerCopyLeft ul ul {
margin-bottom: 20px
}
.ExposureServices__DrawerCopyLeft ul h5 {
margin-bottom: 10px;
margin-top: 20px
}
.ExposureServices__DrawerCopyLeft p {
margin: 0 0 20px
}
.ExposureServices__DrawerCopyLeft p:last-child {
margin-bottom: 0
}
.ExposureServices__DrawerCopyLeft a {
color: #4b64ff;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin-top: 25px;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.ExposureServices {
padding: 0 15px 75px
}
.ExposureServices__Container {
padding: 75px 15px
}
.ExposureServices__DrawerHeading {
padding: 20px 15px
}
.ExposureServices__DrawerCopy {
padding: 30px 15px
}
}
.ThankYouHero {
background-color: #f4f5f9
}
.ThankYouHero__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-column-gap: 100px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.ThankYouHero__Content h3 {
color: #0e142b
}
.ThankYouHero__Content h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 65px;
margin: 0 0 30px
}
.ThankYouHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 auto 30px
}
.ThankYouHero__LeftBtn {
border: 2px solid #263c91;
color: #263c91;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.ThankYouHero__Right img {
width: 100%
}
@media screen and (max-width:767px) {
.ThankYouHero__Content {
grid-template-columns: 1fr;
padding: 75px 15px;
grid-gap: 50px
}
.ThankYouHero__Left h2 {
font-size: 52px;
line-height: 120%
}
}
.VideoPreview {
cursor: pointer;
display: block;
isolation: isolate;
overflow: hidden;
pointer-events: none;
position: relative
}
.VideoPreview__Play {
background: #40c3d9;
border-radius: 50%;
bottom: 30px;
height: 60px;
margin-left: -30px;
margin-top: -38px;
position: absolute;
right: 30px;
width: 60px
}
.VideoPreview__VideoContent {
height: 260px !important
}
.VideoPreview__VideoContent__Hero {
height: 330px !important
}
.DarkWebServices {
padding: 75px 0;
background-color: #f4f5f9
}
.DarkWebServices__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.DarkWebServices__Content h2 {
color: #263c91;
margin: 0 0 52px
}
.DarkWebServices__Cards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 60px
}
.DarkWebServices__Card h3 {
margin: 0 0 25px;
font-size: 30px;
line-height: 122%
}
.DarkWebServices__Card svg {
width: 100%;
max-width: 48px;
margin: 0 0 25px
}
@media screen and (max-width:767px) {
.DarkWebServices__Content {
padding: 0 15px
}
.DarkWebServices__Cards {
grid-template-columns: 1fr;
grid-gap: 25px
}
.DarkWebServices__Card h3,
.DarkWebServices__Card svg {
margin: 0 0 10px
}
.DarkWebServices__Card p {
margin: 0
}
}
.MDRIntro {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/MDR/MDR-Background-Image.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.MDRIntro__Content {
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.MDRIntro__Content h3 {
color: #40c3d9
}
.MDRIntro__Content h2 {
color: #fff;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px;
max-width: 650px
}
.MDRIntro__Content h1 {
color: #fff;
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 0 30px;
max-width: 650px
}
.MDRIntro__Container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 75px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.MDRIntro__ContainerRightBox {
-webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, .69);
box-shadow: 0 5px 50px rgba(0, 0, 0, .69);
cursor: pointer
}
.MDRIntro__ContainerRightBoxTop {
padding: 40px 35px;
background-color: #fff
}
.MDRIntro__ContainerRightBox h4 {
font-size: 16px;
line-height: 18px;
letter-spacing: 3px;
margin: 0 0 10px
}
.MDRIntro__ContainerRightBox p {
font-size: 16px;
line-height: 20px;
margin: 0
}
.MDRIntro__ContainerRightBox img {
width: 100%;
display: block
}
.MDRIntro__Btn {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.MDRIntro__IconCopy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px
}
.MDRIntro__IconCopy svg {
margin-right: 20px;
max-width: 60px;
width: 100%
}
.MDRIntro__IconCopy h4 {
font-size: 30px;
line-height: 40px;
font-weight: 400;
margin: 0
}
@media screen and (max-width:767px) {
.MDRIntro__Content {
padding: 75px 15px;
grid-gap: 50px
}
.MDRIntro__Container {
grid-template-columns: 1fr
}
.MDRIntro__Left h2 {
font-size: 52px;
line-height: 120%
}
}
.GradientScroll {
background-color: #000723;
padding: 150px 0
}
.GradientScroll ::-webkit-scrollbar {
width: 0;
background: transparent
}
.GradientScroll__Content {
margin: 0 auto;
max-width: 1260px;
overflow: auto
}
.GradientScroll__ContentBox {
padding: 0 48px;
max-height: 400px
}
.GradientScroll__ContentBoxInner {
background: -webkit-linear-gradient(190deg, #263c91, #40c3d9 53%, #c5edf4 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.GradientScroll__ContentBox h2 {
line-height: 140%;
font-size: 46px
}
.GradientScroll__ContentBox p {
font-size: 46px
}
@media screen and (max-width:767px) {
.GradientScroll {
padding: 0 0 75px
}
.GradientScroll__ContentBox h2 {
font-size: 30px
}
.GradientScroll__ContentBox p {
font-size: 24px
}
}
.ResponseTabs {
margin-bottom: 75px
}
.ResponseTabs__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.ResponseTabs__ContentTop {
display: grid;
grid-template-columns: 1fr 1fr 1fr
}
.ResponseTabs__ContentTopTab {
background-color: #b4b6f1;
border-right: 1px solid #707070;
cursor: pointer;
padding: 30px 0;
text-align: center
}
.ResponseTabs__ContentTopTab h3 {
color: #19234d;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0
}
.ResponseTabs__ContentTopTab.selected {
background-color: #696de3
}
.ResponseTabs__ContentTopTab.selected h3 {
color: #fff
}
.ResponseTabs__ContentTopTab:last-child {
border-right: none
}
.ResponseTabs__ContentBottom {
border-bottom: 12px solid #696de3;
margin-bottom: 50px
}
.ResponseTabs__ContentBottomCopy {
background-color: #f0f0fc;
padding: 75px;
display: none
}
.ResponseTabs__ContentBottomCopy.selected {
display: block
}
.ResponseTabs__ContentBottomCopy h3 {
font-size: 25px;
line-height: 30px;
margin: 0 0 20px
}
.ResponseTabs__ContentBottomCopy h4 {
font-size: 25px;
line-height: 26px;
margin: 0 0 20px
}
.ResponseTabs .SeeResponseAction__CTA {
display: block
}
.ResponseTabs .SeeResponseAction__CTA a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
padding: 15px 50px;
text-align: center;
text-transform: uppercase;
max-width: 350px;
margin: 0 auto 50px
}
@media screen and (max-width:767px) {
.ResponseTabs__Content {
padding: 0 15px
}
.ResponseTabs__ContentTop {
grid-template-columns: 1fr
}
.ResponseTabs__ContentTop Tab {
border: none
}
.ResponseTabs__ContentBottomCopy.selected {
padding: 30px 15px
}
}
.BenefitSecurity__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.BenefitSecurity__Content h3 {
text-align: center;
font-size: 30px;
line-height: 40px;
max-width: 992px;
margin: 0 auto 30px
}
.BenefitSecurity .ExposureServices__Content .BenefitSecurity__CtaLeft h3 {
font-size: 30px
}
.BenefitSecurity__Container {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/MDR/mdr-benefit-from-security-bg.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 75px
}
.BenefitSecurity__Container h2,
.BenefitSecurity__Container p {
text-align: center
}
.BenefitSecurity__Container h2 {
color: #263c91
}
.BenefitSecurity__Container a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
margin: 35px auto 75px;
max-width: 350px;
padding: 15px 5px;
text-align: center;
text-transform: uppercase
}
.BenefitSecurity__ContainerPricing {
margin: 60px -100px 0;
width: calc(100% + 200px)
}
.BenefitSecurity__ContainerPricing .PricingPackages__Card {
background-color: #fff
}
.BenefitSecurity__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #263c91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1260px;
padding: 50px 0
}
.BenefitSecurity__CtaLeft {
margin-left: 60px;
max-width: 600px
}
.BenefitSecurity__CtaRight {
margin-right: 60px
}
.BenefitSecurity__Cta h3 {
color: #fff;
font-size: 35px;
font-weight: 700;
line-height: 40px;
margin: 0
}
.BenefitSecurity__Cta a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
font-size: 20px;
font-weight: 700;
letter-spacing: .7px;
margin-left: 25px;
max-width: 235px;
padding: 20px 70px;
text-align: center;
width: 100%
}
.BenefitSecurity .PricingPackages__Card h3 {
text-align: left
}
@media screen and (max-width:767px) {
.BenefitSecurity__Content {
padding: 0 15px
}
.BenefitSecurity__Container {
padding: 30px 15px
}
.BenefitSecurity__ContainerPricing {
margin: 0;
width: 100%
}
.BenefitSecurity__Cta {
display: block;
padding: 15px
}
.BenefitSecurity__CtaLeft {
margin: 0 0 13px
}
.BenefitSecurity__CtaRight {
margin-right: 0
}
.BenefitSecurity__Cta a {
display: block;
margin-left: 0;
max-width: 225px;
padding: 15px
}
}
.DifferenceMDR {
margin-bottom: 75px
}
.DifferenceMDR__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.DifferenceMDR__Content h2 {
color: #263c91;
margin: 0 0 20px;
font-size: 42px;
line-height: 48px
}
.DifferenceMDR__Content h3 {
font-size: 30px;
line-height: 40px;
margin: 0 auto 30px
}
.DifferenceMDR__Grid {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
margin-bottom: 50px
}
.DifferenceMDR__GridRight {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 15px;
grid-row-gap: 30px
}
.DifferenceMDR__GridRightImageBox {
border: 2px solid #40c3d9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 200px;
padding: 0 15px;
position: relative
}
.DifferenceMDR__GridRightImageBoxHeading {
-ms-flex-item-align: center;
align-self: center;
background-color: #40c3d9;
margin: -15px auto 0;
max-width: 117px;
position: absolute;
top: 0;
width: 100%
}
.DifferenceMDR__GridRightImageBoxImages {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.DifferenceMDR__GridRightImageBox h4 {
color: #19234d;
font-size: 15px;
line-height: 15px;
text-align: center;
margin: 0;
padding: 8px 0;
text-transform: uppercase
}
.DifferenceMDR__GridRightImageBox img {
width: 100%
}
.DifferenceMDR__GridRightImageBox:nth-child(3),
.DifferenceMDR__GridRightImageBox:nth-child(4) {
grid-column: 1/-1
}
.DifferenceMDR__Tab {
border-top: 5px solid #696de3;
margin-bottom: 40px;
padding-top: 20px
}
.DifferenceMDR__TabContent {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative
}
.DifferenceMDR__TabContent h3 {
font-size: 30px;
line-height: 40px;
letter-spacing: -.4px;
color: #263c91;
font-weight: 700;
margin: 0
}
.DifferenceMDR__TabContent:after {
content: "";
background: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/case-studies-expand-icon.svg);
width: 32px;
height: 32px;
right: 0;
top: 50%;
margin-top: -16px;
position: absolute
}
.DifferenceMDR__TabContent.active:after {
background: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/case-studies-collapse-icon.svg)
}
.DifferenceMDR__TabExpanded {
display: none
}
.DifferenceMDR__TabExpanded p {
font-size: 20px;
line-height: 24px
}
.DifferenceMDR__StatContainer {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/MDR/mdr_what-you-can-expect_main_2-bg-img.png);
background-position: 50%;
background-repeat: no-repeat;
cursor: pointer;
min-height: 120px;
padding: 40px 15px;
text-align: center
}
.DifferenceMDR__StatContainer h6 {
color: #b4b6f1;
font-size: 46px;
line-height: 50px;
margin: 0 0 10px
}
.DifferenceMDR__StatContainer p {
color: #fff;
font-size: 18px;
line-height: 24px;
margin: 0
}
.DifferenceMDR__SlideNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0
}
.DifferenceMDR__SlideNav svg {
width: 100%;
max-width: 38px
}
.DifferenceMDR__SlideNext {
margin-left: 15px
}
.DifferenceMDR__SlideNext,
.DifferenceMDR__SlidePrevious {
cursor: pointer
}
.DifferenceMDR__SlideNext.swiper-button-disabled svg path,
.DifferenceMDR__SlidePrevious.swiper-button-disabled svg path {
stroke: #d3d8e9
}
.DifferenceMDR__SlideNext.swiper-button-disabled:active svg,
.DifferenceMDR__SlidePrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.DifferenceMDR__SlideNext.swiper-button-disabled:active svg circle,
.DifferenceMDR__SlideNext.swiper-button-disabled:active svg path,
.DifferenceMDR__SlidePrevious.swiper-button-disabled:active svg circle,
.DifferenceMDR__SlidePrevious.swiper-button-disabled:active svg path {
stroke: #d3d8e9
}
.DifferenceMDR__SlideNext:active svg,
.DifferenceMDR__SlidePrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.DifferenceMDR__SlideNext:active svg path,
.DifferenceMDR__SlidePrevious:active svg path {
stroke: #fff
}
.DifferenceMDR.AboutUs .DifferenceMDR__AboutUs__Subheading {
margin-bottom: 50px
}
@media screen and (max-width:767px) {
.DifferenceMDR__Content {
padding: 0 15px
}
.DifferenceMDR__TabContent h3 {
font-size: 25px;
line-height: 30px
}
.DifferenceMDR__Grid,
.DifferenceMDR__GridRight {
grid-template-columns: 1fr
}
}
.CloudHero {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(245, 249, 252, .2)), to(#fff)), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/cloud_bg.png);
background-image: linear-gradient(180deg, rgba(245, 249, 252, .2) 80%, #fff), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/cloud_bg.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.CloudHero__Content {
max-width: 1440px;
margin: 0 auto;
padding: 48px 48px 0
}
.CloudHero__Banner {
display: grid;
grid-template-columns: 3fr 5fr 3fr;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #19234d;
background-color: #fff
}
.CloudHero__BannerLeft {
margin: 15px 30px
}
.CloudHero__BannerLeft h3 {
letter-spacing: 2px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
margin: 0
}
.CloudHero__BannerMiddle p {
font-size: 18px;
line-height: 24px;
margin: 0
}
.CloudHero__BannerRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.CloudHero__BannerRight a {
font-size: 16px;
line-height: 22px;
letter-spacing: .8px;
color: #fff;
padding: 22px 24px;
background-color: #5063f9;
display: block;
text-align: center
}
.CloudHero__BannerRight img {
width: 100%;
max-width: 140px
}
.CloudHero__Container {
padding: 75px 0;
max-width: 875px
}
.CloudHero__Container h3.eyebrow {
color: #19234d;
margin: 0 0 40px
}
.CloudHero__Container h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 72px;
font-weight: 900;
line-height: 76px
}
.CloudHero__Container h1 {
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #19234d;
margin: 0 0 50px
}
.CloudHero__Container a {
text-transform: uppercase;
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center;
font-size: 16px
}
@media screen and (max-width:767px) {
.CloudHero__Content {
padding: 50px 15px;
grid-gap: 50px
}
.CloudHero__Content h2 {
font-size: 52px;
line-height: 120%
}
.CloudHero__Container {
padding: 50px 0 75px
}
.CloudHero__Banner {
grid-template-columns: 1fr
}
.CloudHero__BannerLeft {
text-align: center
}
.CloudHero__BannerRight {
padding-left: 21px
}
.CloudHero__BannerMiddle {
text-align: center;
margin-bottom: 15px
}
}
.EDRHero__Content {
max-width: 1260px;
margin: 0 auto;
padding: 48px 48px 0
}
.EDRHero__Banner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #19234d;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
color: #19234d;
display: grid;
grid-template-columns: 2fr 5fr 2fr
}
.EDRHero__BannerLeft {
margin: 20px 30px
}
.EDRHero__BannerLeft h3 {
letter-spacing: 2px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
margin: 0;
color: #40c3d9
}
.EDRHero__BannerMiddle {
text-align: center;
margin: 20px 0
}
.EDRHero__BannerMiddle p {
font-size: 16px;
line-height: 22px;
margin: 0;
color: #fff
}
.EDRHero__BannerRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.EDRHero__BannerRight a {
background-color: #5063f9;
color: #fff;
display: block;
font-size: 16px;
letter-spacing: .8px;
line-height: 22px;
padding: 22px 24px;
text-align: center
}
.EDRHero__BannerRight img {
margin: 10px 30px 0 0;
max-width: 140px;
width: 100%
}
.EDRHero__Container {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 75px 0;
grid-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.EDRHero__Container h3.eyebrow {
color: #19234d;
margin: 0 0 40px
}
.EDRHero__Container h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px;
max-width: 650px
}
.EDRHero__Container h1 {
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #19234d;
margin: 0 0 50px
}
.EDRHero__Container a {
text-transform: uppercase;
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center;
font-size: 16px
}
.EDRHero__ContainerLeft img {
width: 100%;
max-width: 400px;
margin: 0 0 25px
}
.EDRHero__ContainerRight {
max-width: 85%
}
.EDRHero__ContainerRight img {
width: 100%
}
.EDRHero__ContainerRightBox {
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
padding: 75px 40px 55px
}
.EDRHero__ContainerRight.Video-Btn {
-webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, .69);
box-shadow: 0 5px 50px rgba(0, 0, 0, .69)
}
.EDRHero__Agent {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/XDR-Background.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.EDRHero__Agent .EDRHero__Content {
padding-top: 100px
}
@media screen and (max-width:767px) {
.EDRHero__Banner {
grid-template-columns: 1fr;
text-align: center
}
.EDRHero__BannerMiddle {
padding: 15px
}
.EDRHero__BannerMiddle p br {
display: none
}
.EDRHero__BannerRight img {
margin: 6px auto 12px
}
.EDRHero__Container {
grid-template-columns: 1fr;
padding-bottom: 0
}
.EDRHero__Content {
padding: 48px 15px
}
.EDRHero__Agent .EDRHero__Content {
padding: 75px 15px 0
}
.EDRHero__Agent .EDRHero__ContainerRight {
max-width: 100%
}
}
.RiskIsRisk__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px 75px
}
.RiskIsRisk__ContentTop {
max-width: 1175px;
text-align: center;
margin: 0 auto 75px
}
.RiskIsRisk__ContentTop h2 {
margin: 0 0 30px;
color: #263c91
}
.RiskIsRisk__ContentTop h3 {
color: #19234d;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin: 0 0 30px
}
.RiskIsRisk__Drawer:first-child {
background-color: #787be6
}
.RiskIsRisk__Drawer:nth-child(2) {
background-color: #b4b6f1
}
.RiskIsRisk__Drawer:nth-child(3) {
background-color: #d9daf8
}
.RiskIsRisk__Drawer:nth-child(4) {
background-color: #f0f0fc
}
.RiskIsRisk__Drawer h3 {
font-weight: 600;
margin: 0;
line-height: 100%;
font-size: 18px;
color: #19234d
}
.RiskIsRisk__Drawer.open {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/Risk-Is-Risk-Cloud-Background.png);
background-position-x: right;
background-repeat: no-repeat;
background-size: contain
}
.RiskIsRisk__Drawer.open h3 {
color: #fff;
font-size: 26px;
padding: 10px 0
}
.RiskIsRisk__Drawer.open:first-child {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/Risk-Is-Risk-Cloud-Background.png), -webkit-gradient(linear, left top, right top, color-stop(20%, #696de3), color-stop(95%, #263c91));
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/Risk-Is-Risk-Cloud-Background.png), linear-gradient(90deg, #696de3 20%, #263c91 95%)
}
.RiskIsRisk__Drawer.open:nth-child(2) {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/Risk-Is-Risk-Cloud-Background.png), -webkit-gradient(linear, left top, right top, color-stop(20%, #b4b6f1), color-stop(95%, #797be6));
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/Risk-Is-Risk-Cloud-Background.png), linear-gradient(90deg, #b4b6f1 20%, #797be6 95%)
}
.RiskIsRisk__Drawer.open:nth-child(3) {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/Risk-Is-Risk-Cloud-Background.png), -webkit-gradient(linear, left top, right top, color-stop(20%, #f0f0fc), color-stop(95%, #b4b6f1));
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/Risk-Is-Risk-Cloud-Background.png), linear-gradient(90deg, #f0f0fc 20%, #b4b6f1 95%)
}
.RiskIsRisk__Drawer.open .RiskIsRisk__DrawerTop {
background-color: hsla(0, 0%, 100%, .1)
}
.RiskIsRisk__Drawer.open .RiskIsRisk__DrawerTopLeft svg {
display: block
}
.RiskIsRisk__Drawer.open .RiskIsRisk__DrawerBottom {
display: block;
padding: 60px 100px
}
.RiskIsRisk__Drawer.open .RiskIsRisk__DrawerToggle svg:last-child {
display: block
}
.RiskIsRisk__Drawer.open .RiskIsRisk__DrawerToggle svg:first-child {
display: none
}
.RiskIsRisk__Drawer:last-child.open h3,
.RiskIsRisk__Drawer:last-child.open p,
.RiskIsRisk__Drawer:nth-last-child(2).open h3,
.RiskIsRisk__Drawer:nth-last-child(2).open p {
color: #19234d
}
.RiskIsRisk__DrawerTop {
padding: 20px 42px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.RiskIsRisk__DrawerTop,
.RiskIsRisk__DrawerTopLeft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.RiskIsRisk__DrawerTopLeft svg {
display: none;
margin-right: 25px;
max-width: 52px;
width: 100%
}
.RiskIsRisk__DrawerBottom {
display: none
}
.RiskIsRisk__DrawerBottom p {
font-size: 24px;
line-height: 32px;
max-width: 875px;
margin: 0;
color: #fff
}
.RiskIsRisk__DrawerToggle {
cursor: pointer
}
.RiskIsRisk__DrawerToggle svg:last-child {
display: none
}
@media screen and (max-width:767px) {
.RiskIsRisk__Content {
padding: 0 15px 75px
}
.RiskIsRisk__DrawerTop {
padding: 20px 15px
}
.RiskIsRisk__Drawer.open .RiskIsRisk__DrawerBottom {
padding: 30px 15px
}
}
.HowWeHelpSlide__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.HowWeHelpSlide__Content h2 {
color: #263c91
}
.HowWeHelpSlide__ContentSlides {
margin-bottom: 50px
}
.HowWeHelpSlide__ContentChecks h3 {
font-size: 30px;
line-height: 40px;
margin: 0 0 40px
}
.HowWeHelpSlide__ContentChecks ul {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 25px;
grid-template-columns: 1fr 1fr;
list-style: none;
margin: 0 0 45px;
padding: 0
}
.HowWeHelpSlide__ContentChecks ul:last-child {
margin: 0
}
.HowWeHelpSlide__ContentChecks ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px
}
.HowWeHelpSlide__ContentChecks ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23c9cee3' data-name='Ellipse 1'/%3E%3Cpath fill='rgba(0,0,0,0)' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 23l9.129 9L35 16' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 46px;
margin-right: 20px;
width: 46px
}
.HowWeHelpSlide__Slide h3 {
color: #fff;
font-size: 23px;
line-height: 32px;
margin: 0 0 25px;
font-weight: 800
}
.HowWeHelpSlide__Slide p {
color: #fff;
font-size: 23px;
line-height: 32px;
margin: 0
}
.HowWeHelpSlide__SlideContainer {
min-height: 620px
}
.HowWeHelpSlide__SlideNavigation {
cursor: pointer
}
.HowWeHelpSlide__SlideNavigation svg {
width: 100%;
max-width: 50px
}
.HowWeHelpSlide__Slide:first-child .HowWeHelpSlide__SlideContainer {
display: grid;
grid-template-columns: 9fr 1fr
}
.HowWeHelpSlide__Slide:first-child .HowWeHelpSlide__SlideLeft {
background-color: #0e142b;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/How-we-help-background-cloud-Slide-1.png);
background-position-x: right;
background-position-y: bottom;
background-repeat: no-repeat;
background-size: contain;
padding: 125px 100px 125px 75px
}
.HowWeHelpSlide__Slide:first-child .HowWeHelpSlide__SlideRight {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #ddd3f5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.HowWeHelpSlide__Slide:first-child .HowWeHelpSlide__SlideRight .HowWeHelpSlide__SlideNavigation {
margin-bottom: 20px
}
.HowWeHelpSlide__Slide:last-child .HowWeHelpSlide__SlideContainer {
display: grid;
grid-template-columns: 1fr 9fr
}
.HowWeHelpSlide__Slide:last-child .HowWeHelpSlide__SlideRight {
background-color: #0e142b;
padding: 75px 50px
}
.HowWeHelpSlide__Slide:last-child .HowWeHelpSlide__SlideLeft {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #ddd3f5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.HowWeHelpSlide__Slide:last-child .HowWeHelpSlide__SlideLeft .HowWeHelpSlide__SlideNavigation {
margin-bottom: 20px
}
.HowWeHelpSlide__SlideGrid {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr
}
.HowWeHelpSlide__SlideGridLeft p {
margin-bottom: 20px
}
.HowWeHelpSlide__SlideGridLeft p :last-child {
margin-bottom: 0
}
.HowWeHelpSlide__SlideGridRight {
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 1fr 1fr;
text-align: center
}
.HowWeHelpSlide__SlideGridRightItem {
background-color: #696de3;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 5px
}
.HowWeHelpSlide__SlideGridRightItem h5 {
color: #fff;
font-size: 14px;
font-weight: 400;
letter-spacing: inherit;
line-height: 16px;
margin-top: 10px
}
.HowWeHelpSlide__SlideGridRightItem img {
margin: 0 auto;
max-width: 50px;
width: 100%
}
@media screen and (max-width:767px) {
.HowWeHelpSlide__Content {
padding: 0 15px
}
.HowWeHelpSlide__ContentChecks ul,
.HowWeHelpSlide__Slide:first-child .HowWeHelpSlide__SlideContainer {
grid-template-columns: 1fr
}
.HowWeHelpSlide__Slide:first-child .HowWeHelpSlide__SlideLeft {
padding: 30px 15px;
max-height: 865px;
overflow-y: auto
}
.HowWeHelpSlide__Slide:first-child .HowWeHelpSlide__SlideRight .HowWeHelpSlide__SlideNavigation {
margin: 10px 0
}
.HowWeHelpSlide__Slide:last-child .HowWeHelpSlide__SlideContainer {
grid-template-columns: 1fr
}
.HowWeHelpSlide__Slide:last-child .HowWeHelpSlide__SlideRight {
padding: 30px 15px;
max-height: 865px;
overflow-y: auto
}
.HowWeHelpSlide__Slide:last-child .HowWeHelpSlide__SlideLeft .HowWeHelpSlide__SlideNavigation {
margin: 10px 0
}
.HowWeHelpSlide__SlideGrid,
.HowWeHelpSlide__SlideGridRight {
grid-template-columns: 1fr
}
}
.MDRHowWeHelp {
margin-bottom: 75px
}
.MDRHowWeHelp__Container {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/MDRHowWeHelpBackground.png);
background-repeat: no-repeat;
background-size: cover;
border-bottom: 12px solid #696de3;
padding: 70px
}
.MDRHowWeHelp__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px;
color: #19234d
}
.MDRHowWeHelp__ContentTop {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 15px;
margin-bottom: 50px
}
.MDRHowWeHelp__ContentTopItem {
border-bottom: 2px solid #c3c5f0;
cursor: pointer;
text-align: center
}
.MDRHowWeHelp__ContentTopItem.selected {
border-bottom: 4px solid #696de3
}
.MDRHowWeHelp__ContentTopItem h4 {
font-size: 20px;
line-height: 30px;
margin: 0 auto 15px;
max-width: 300px
}
.MDRHowWeHelp__ContentBottom {
display: none
}
.MDRHowWeHelp__ContentBottom.selected {
display: block
}
.MDRHowWeHelp__ContentBottom h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 50px
}
.MDRHowWeHelp__ContentBottomItems {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 100px
}
.MDRHowWeHelp__ContentBottomItems h3 {
font-size: 24px;
line-height: 32px;
margin: 0 0 25px
}
.MDRHowWeHelp__ContentBottomItems ul {
margin: 0
}
.MDRHowWeHelp__ContentBottomItems ul li {
font-size: 24px;
line-height: 32px;
margin-bottom: 25px
}
.MDRHowWeHelp__ContentBottomItems ul li:last-child {
margin-bottom: 0
}
.MDRHowWeHelp__ContentBottomItem:last-child ul {
list-style: none;
padding: 0
}
.MDRHowWeHelp__ContentBottomItem:last-child ul:last-child {
margin: 0
}
.MDRHowWeHelp__ContentBottomItem:last-child ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.MDRHowWeHelp__ContentBottomItem:last-child ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.193' height='11.763' data-name='Group 1207'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h16.193v11.763H0z' data-name='Rectangle 1009'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Group 1205'%3E%3Cpath d='M4.674 11.763c-.044 0-.089 0-.135-.007a1.311 1.311 0 01-.918-.526L.255 6.657a1.307 1.307 0 112.1-1.55l2.519 3.415L14.013.333a1.308 1.308 0 011.745 1.948L5.546 11.43a1.306 1.306 0 01-.872.333' data-name='Path 4272'/%3E%3C/g%3E%3C/svg%3E");
height: 12px;
margin: 0 20px 20px 0;
width: 16px
}
@media screen and (max-width:767px) {
.MDRHowWeHelp__Content {
padding: 0 15px
}
.MDRHowWeHelp__ContentBottomItems,
.MDRHowWeHelp__ContentTop {
grid-template-columns: 1fr
}
.MDRHowWeHelp__Container {
padding: 30px 15px
}
}
.AllIn247 {
margin-bottom: 75px
}
.AllIn247__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.AllIn247__Content h2 {
color: #263c91
}
.AllIn247__Content h3 {
color: #19234d;
font-size: 30px;
line-height: 40px;
margin: 0 0 40px
}
.AllIn247__Card {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/cloud_container_bg-all-in.png);
background-size: cover;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 60px 60px 50px 50px
}
.AllIn247__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px
}
.AllIn247__CardTop {
margin-bottom: 40px
}
.AllIn247__Card h4 {
color: #a5a7ee;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin: 0 0 20px
}
.AllIn247__Card p {
font-size: 18px;
line-height: 24px;
color: #fff
}
.AllIn247__Card a {
color: #5063f9;
letter-spacing: .7px;
font-size: 15px;
line-height: 24px;
font-weight: 700
}
.AllIn247__Cta {
padding: 50px;
margin-top: 40px;
background: #d2d3f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.AllIn247__CtaLeft {
max-width: 600px
}
.AllIn247__CtaLeft h2 {
color: #19234d;
font-size: 30px;
line-height: 40px;
margin: 0
}
.AllIn247__CtaRight a {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 20px;
line-height: 40px;
font-weight: 700;
background-color: #263c91;
padding: 12px 80px
}
@media screen and (max-width:767px) {
.AllIn247__Content {
padding: 0 15px
}
.AllIn247__Card {
padding: 30px 15px
}
.AllIn247__Cards {
grid-template-columns: 1fr
}
.AllIn247__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 15px
}
.AllIn247__CtaLeft {
margin-bottom: 20px
}
}
.OurBestofBreed {
max-width: 1260px;
margin: 0 auto 75px;
padding: 0 48px
}
.OurBestofBreed__Content {
background-color: #f0f0fc;
text-align: center;
padding: 100px 60px
}
.OurBestofBreed__Content h2 {
max-width: 768px;
margin: 0 auto 30px
}
.OurBestofBreed__Content h3 {
font-size: 30px;
line-height: 40px;
margin: 0 0 60px
}
.OurBestofBreed__CompanyGrid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto
}
.OurBestofBreed__ImageContainer {
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%
}
.OurBestofBreed__ImageContainer img {
max-width: 100%
}
.OurBestofBreed__Cta {
padding: 50px;
background: #d2d3f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.OurBestofBreed__CtaLeft {
max-width: 600px
}
.OurBestofBreed__CtaLeft h2 {
color: #19234d;
font-size: 30px;
line-height: 40px;
margin: 0
}
.OurBestofBreed__CtaRight a {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 20px;
line-height: 40px;
font-weight: 700;
background-color: #263c91;
padding: 12px 80px
}
.OurBestofBreed__Copy {
background-color: #fff;
margin-top: 30px;
padding: 50px;
text-align: left
}
.OurBestofBreed__Copy h3 {
color: #263c91;
font-size: 30px;
font-weight: 700;
line-height: 40px;
margin: 0 0 30px
}
.OurBestofBreed__Copy ul {
list-style: none;
margin: 0;
padding: 0
}
.OurBestofBreed__Copy ul:last-child {
margin: 0
}
.OurBestofBreed__Copy ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin-bottom: 24px
}
.OurBestofBreed__Copy ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23c9cee3' data-name='Ellipse 1'/%3E%3Cpath fill='rgba(0,0,0,0)' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 23l9.129 9L35 16' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 46px;
margin-right: 20px;
width: 46px
}
.OurBestofBreed__CyberInsurance {
margin-top: 75px
}
.OurBestofBreed__CyberInsurance .OurBestofBreed__Content h2 {
max-width: 100%
}
.OurBestofBreed__CyberInsurance .OurBestofBreed__ImageContainer {
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:767px) {
.OurBestofBreed {
padding: 0 15px
}
.OurBestofBreed__Content {
padding: 30px 15px
}
.OurBestofBreed__CompanyGrid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.OurBestofBreed__ImageContainer {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.OurBestofBreed__Cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 15px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.OurBestofBreed__CtaLeft {
margin-bottom: 20px
}
.OurBestofBreed__CtaRight a {
padding: 12px 20px
}
}
.MDRForMultiCloudEnv {
background-color: #19234d
}
.MDRForMultiCloudEnv__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 0
}
.MDRForMultiCloudEnv__ContentTop {
margin-bottom: 50px
}
.MDRForMultiCloudEnv__ContentTop h2 {
text-align: center;
color: #fff;
max-width: 900px;
margin: 0 auto 40px
}
.MDRForMultiCloudEnv__ContentTop p {
color: #fff;
text-align: center;
max-width: 992px;
margin: 0 auto 50px
}
.MDRForMultiCloudEnv__DrawerCopy {
background-color: #fff
}
.MDRForMultiCloudEnv__DrawerCopy:first-child .MDRForMultiCloudEnv__DrawerCopyTop {
background-color: #9699eb
}
.MDRForMultiCloudEnv__DrawerCopy:nth-child(2) .MDRForMultiCloudEnv__DrawerCopyTop {
background-color: #b4b6f1
}
.MDRForMultiCloudEnv__DrawerCopy:nth-child(3) .MDRForMultiCloudEnv__DrawerCopyTop {
background-color: #d2d3f7
}
.MDRForMultiCloudEnv__DrawerCopyGrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px
}
.MDRForMultiCloudEnv__DrawerCopyDown {
padding: 0 35px 30px
}
.MDRForMultiCloudEnv__DrawerCopyTop {
padding: 23px 30px
}
.MDRForMultiCloudEnv__DrawerCopyBottom {
padding: 15px 35px 0;
min-height: 485px
}
.MDRForMultiCloudEnv__DrawerCopy h3 {
font-size: 25px;
line-height: 25px;
color: #19234d;
margin: 0
}
.MDRForMultiCloudEnv__DrawerCopy h4 {
margin: 25px 0 0;
font-size: 18px;
line-height: 24px;
letter-spacing: -.18px;
text-align: center;
min-height: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.MDRForMultiCloudEnv__DrawerCopy p {
margin-top: 0
}
.MDRForMultiCloudEnv__DrawerCopy p,
.MDRForMultiCloudEnv__DrawerCopy ul li {
font-size: 17px;
line-height: 24px
}
.MDRForMultiCloudEnv__DrawerCopy ul li {
line-height: 30px
}
.MDRForMultiCloudEnv__DrawerCopy img {
width: 100%
}
.MDRForMultiCloudEnv__DrawerCopy a {
background-color: #263c91;
color: #fff;
font-size: 18px;
padding: 15px;
letter-spacing: 1.8px;
font-weight: 700;
display: block;
text-align: center;
margin: 20px 0 0
}
@media screen and (max-width:767px) {
.MDRForMultiCloudEnv__Content {
padding: 75px 15px
}
.MDRForMultiCloudEnv__DrawerCopyGrid {
grid-template-columns: 1fr
}
.MDRForMultiCloudEnv__DrawerCopyBottom {
padding: 15px;
min-height: unset
}
}
.StandaloneCta__Content {
margin: 75px auto;
max-width: 1260px;
padding: 0 48px
}
.StandaloneCta__Container {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background: #d2d3f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px
}
.StandaloneCta__Container__Left {
max-width: 675px
}
.StandaloneCta__Container__Left h3 {
color: #19234d;
font-size: 30px;
line-height: 40px;
margin: 0
}
.StandaloneCta__Container__Right a {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 20px;
line-height: 40px;
font-weight: 700;
background-color: #263c91;
padding: 12px 80px
}
@media screen and (max-width:767px) {
.StandaloneCta__Content {
padding: 0 15px
}
.StandaloneCta__Container {
padding: 30px 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.StandaloneCta__Container__Left {
margin-bottom: 20px
}
.StandaloneCta__Container__Right a {
padding: 12px 20px
}
}
.StandaloneCtaWhite__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.StandaloneCtaWhite__Content h2 {
color: #263c91;
margin: 0 0 30px
}
.StandaloneCtaWhite__Content p {
margin: 0 0 30px;
font-size: 24px;
line-height: 32px
}
.StandaloneCtaWhite__Content a {
color: #4b64ff;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: .8px
}
@media screen and (max-width:767px) {
.StandaloneCtaWhite__Content {
padding: 0 15px
}
}
.InActionDrawer {
background-color: #addfeb;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/In-Action-cloud_bg.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: cover
}
.InActionDrawer__Content {
max-width: 1260px;
margin: 0 auto;
padding: 100px 48px
}
.InActionDrawer__Content h2 {
color: #3c4f9c
}
.InActionDrawer__Content h3 {
font-size: 30px;
line-height: 40px;
margin: 0 0 45px
}
.InActionDrawer__Drawer {
padding: 55px 50px;
background-color: #fff;
margin-bottom: 25px;
position: relative;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.InActionDrawer__DrawerItems {
display: none;
margin-bottom: 45px
}
.InActionDrawer__DrawerItems h4 {
font-size: 24px;
line-height: 32px;
margin: 0 0 5px
}
.InActionDrawer__DrawerItems p {
font-size: 24px;
line-height: 32px;
margin: 0
}
.InActionDrawer__DrawerItems:last-child {
margin-bottom: 0
}
.InActionDrawer__DrawerToggle {
cursor: pointer;
position: absolute;
right: 40px;
top: 58px
}
.InActionDrawer__DrawerToggle svg {
width: 100%;
max-width: 28px
}
.InActionDrawer__DrawerToggle svg:first-child {
display: none
}
.InActionDrawer__Drawer h3 {
margin: 0
}
.InActionDrawer__Drawer.open {
padding: 85px
}
.InActionDrawer__Drawer.open h3 {
margin: 0 0 45px
}
.InActionDrawer__Drawer.open .InActionDrawer__DrawerItems {
display: block
}
.InActionDrawer__Drawer.open .InActionDrawer__DrawerToggle {
top: 40px
}
.InActionDrawer__Drawer.open .InActionDrawer__DrawerToggle svg:first-child {
display: block
}
.InActionDrawer__Drawer.open .InActionDrawer__DrawerToggle svg:nth-child(2) {
display: none
}
.InActionDrawer__Drawer:last-child {
margin-bottom: 0
}
@media screen and (max-width:767px) {
.InActionDrawer__Content {
padding: 75px 15px
}
.InActionDrawer__Drawer,
.InActionDrawer__Drawer.open {
padding: 85px 15px
}
.InActionDrawer__Drawer.open .InActionDrawer__DrawerToggle {
top: 10px
}
.InActionDrawer__DrawerToggle {
right: 10px;
top: 10px
}
.InActionDrawer__DrawerItems p br {
display: none
}
}
.SignalHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/multi-signal_hero_img.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.SignalHero__Content {
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.SignalHero__Content h3 {
color: #0e142b
}
.SignalHero__Content h2 {
color: #fff;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px;
max-width: 660px
}
.SignalHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 0 30px;
max-width: 650px
}
.SignalHero__Network {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(245, 249, 252, .01)), to(#fff)), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/multi-signal_bg_network.jpg);
background-image: linear-gradient(180deg, rgba(245, 249, 252, .01) 80%, #fff), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/multi-signal_bg_network.jpg)
}
.SignalHero__Endpoint {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(245, 249, 252, .01)), to(#fff)), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/multi-signal_bg_endpoint.jpg);
background-image: linear-gradient(180deg, rgba(245, 249, 252, .01) 80%, #fff), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/multi-signal_bg_endpoint.jpg)
}
.SignalHero__Insider {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(245, 249, 252, .01)), to(#fff)), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/multi-signal_bg_insider.jpg);
background-image: linear-gradient(180deg, rgba(245, 249, 252, .01) 80%, #fff), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/multi-signal_bg_insider.jpg)
}
.SignalHero__Log {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(245, 249, 252, .01)), to(#fff)), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/multi-signal_bg_log.jpg);
background-image: linear-gradient(180deg, rgba(245, 249, 252, .01) 80%, #fff), url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/multi-signal_bg_log.jpg)
}
.SignalHero__Log .SignalHero__Content h2 {
max-width: 820px
}
.SignalHero__Btn {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
@media screen and (max-width:767px) {
.SignalHero__Content {
padding: 75px 15px;
grid-gap: 50px
}
.SignalHero__Content h2 {
font-size: 52px;
line-height: 120%
}
}
.SignalVisibility__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px 75px
}
.SignalVisibility__Content h2 {
color: #263c91;
max-width: 768px
}
.SignalVisibility__Log .SignalVisibility__Content h2,
.SignalVisibility__Network .SignalVisibility__Content h2 {
max-width: 100%
}
.SignalVisibility__TabCell {
background-color: #d4d8e9;
cursor: pointer;
margin-bottom: 15px;
padding: 30px 22px;
height: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.SignalVisibility__TabCell:last-child {
margin-bottom: 0
}
.SignalVisibility__TabCell h3 {
color: #0e142b;
font-size: 17px;
font-weight: 700;
line-height: 120%;
margin: 0;
max-width: 400px
}
.SignalVisibility__TabCell.selected {
background-color: #263c91
}
.SignalVisibility__TabCell.selected h3 {
color: #fff
}
.SignalVisibility__TabCopy {
-ms-flex-item-align: center;
align-self: center;
padding: 50px;
display: none
}
.SignalVisibility__TabCopy.selected {
display: block
}
.SignalVisibility__TabCopyIntro span {
color: #fff;
font-size: 18px;
line-height: 24px;
font-weight: 400;
margin-top: 30px;
display: block;
text-transform: uppercase
}
.SignalVisibility__TabCopyIntro p {
margin-bottom: 20px !important
}
.SignalVisibility__TabCopyIntro p:last-child {
margin-bottom: 0
}
.SignalVisibility__TabCopy h4 {
color: #40c3d9
}
.SignalVisibility__TabCopy h3 {
color: #fff;
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0 0 30px;
max-width: 675px
}
.SignalVisibility__TabCopy p {
color: #fff;
letter-spacing: -.1px;
margin: 0;
max-width: 700px
}
.SignalVisibility__TabCopy ul li {
font-size: 20px;
line-height: 22px;
margin-bottom: 10px;
color: #fff
}
.SignalVisibility__TabCopy ul li:last-child {
margin-bottom: 0
}
.SignalVisibility__Tabs {
display: grid;
grid-gap: 15px;
grid-template-columns: 2fr 1fr;
min-height: 490px
}
.SignalVisibility__TabsLeft {
background-color: #19234d;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.SignalVisibility__TabsLeft.main {
background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #696de3), color-stop(95%, #263c91));
background-image: linear-gradient(90deg, #696de3 20%, #263c91 95%)
}
.SignalVisibility__TabsRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
@media screen and (max-width:767px) {
.SignalVisibility__Content {
padding: 0 15px 75px
}
.SignalVisibility__Tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.SignalVisibility__TabCopy {
padding: 30px 15px
}
}
.HeadingChecks__MT75 {
margin-top: 75px
}
.HeadingChecks__HeadingShort .HeadingChecks__Content h2 {
max-width: 850px
}
.HeadingChecks__CyanBg {
background-color: #ebf9fb;
padding-top: 75px
}
.HeadingChecks__Simple .HeadingChecks__Content ul {
display: block
}
.HeadingChecks__Simple .HeadingChecks__Content ul li {
margin-bottom: 25px
}
.HeadingChecks__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.HeadingChecks__ContentTop {
margin-bottom: 35px
}
.HeadingChecks__ContentTop h3 {
color: #696de3;
font-size: 25px;
line-height: 40px;
margin: -20px 0 30px
}
.HeadingChecks__Content h2 {
color: #263c91
}
.HeadingChecks__Content ul {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 25px;
grid-template-columns: 1fr 1fr;
list-style: none;
margin: 0 0 45px;
padding: 0
}
.HeadingChecks__Content ul:last-child {
margin: 0
}
.HeadingChecks__Content ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px
}
.HeadingChecks__Content ul li p {
margin: 0
}
.HeadingChecks__Content ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23c9cee3' data-name='Ellipse 1'/%3E%3Cpath fill='rgba(0,0,0,0)' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 23l9.129 9L35 16' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 46px;
margin-right: 20px;
width: 46px
}
.HeadingChecks__ContentBottom {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.HeadingChecks__ContentBottomLeft h3 {
color: #19234d;
font-size: 30px;
line-height: 40px;
margin: 0
}
.HeadingChecks__ContentBottomRight {
min-width: 100%
}
.HeadingChecks__Content a {
color: #4b64ff;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
.HeadingChecks__Card {
background-color: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
margin: 5px;
min-height: 80px;
padding: 40px 0
}
.HeadingChecks__Card:last-child {
width: calc(38% - 10px) !important
}
.HeadingChecks__CardLink {
bottom: 15px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 15px
}
.HeadingChecks__CardLink svg {
max-width: 30px;
width: 100%
}
.HeadingChecks__CardNavigation {
bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 10px
}
.HeadingChecks__CardPrevious {
margin-right: 5px
}
.HeadingChecks__CardNext,
.HeadingChecks__CardPrevious {
cursor: pointer
}
.HeadingChecks__CardContainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 40px
}
.HeadingChecks__CardContainer svg {
margin-right: 20px;
max-width: 70px;
width: 100%
}
.HeadingChecks__CardContainer p {
font-size: 20px;
line-height: 25px;
margin: 0;
max-width: 380px
}
.HeadingChecks__ArrowCard {
background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
padding: 35px 50px;
border: 1px solid #e2e2e2;
text-align: center
}
.HeadingChecks__ArrowCard,
.HeadingChecks__ArrowCards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.HeadingChecks__ArrowCards {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
margin: 60px 0 40px;
width: 100%
}
.HeadingChecks__ArrowCards svg {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -20px;
margin-right: -20px;
max-width: 50px;
width: 100%;
z-index: 2
}
.HeadingChecks__ArrowCard p {
margin: 0
}
.HeadingChecks__TRU .HeadingChecks__ContentBottom {
grid-template-columns: 1fr
}
.HeadingChecks__TRU .HeadingChecks__CardNavigation {
position: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0
}
.HeadingChecks__TRU .HeadingChecks__CardNavigation svg {
width: 100%;
max-width: 32px
}
.HeadingChecks__TRU .HeadingChecks__CardNext {
margin-left: 10px
}
.HeadingChecks__TRU .HeadingChecks__CardNext,
.HeadingChecks__TRU .HeadingChecks__CardPrevious {
cursor: pointer
}
.HeadingChecks__TRU .HeadingChecks__CardNext.swiper-button-disabled svg path,
.HeadingChecks__TRU .HeadingChecks__CardPrevious.swiper-button-disabled svg path {
stroke: #d3d8e9
}
.HeadingChecks__TRU .HeadingChecks__CardNext.swiper-button-disabled:active svg,
.HeadingChecks__TRU .HeadingChecks__CardPrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.HeadingChecks__TRU .HeadingChecks__CardNext.swiper-button-disabled:active svg circle,
.HeadingChecks__TRU .HeadingChecks__CardNext.swiper-button-disabled:active svg path,
.HeadingChecks__TRU .HeadingChecks__CardPrevious.swiper-button-disabled:active svg circle,
.HeadingChecks__TRU .HeadingChecks__CardPrevious.swiper-button-disabled:active svg path {
stroke: #d3d8e9
}
.HeadingChecks__TRU .HeadingChecks__CardNext:active svg,
.HeadingChecks__TRU .HeadingChecks__CardPrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.HeadingChecks__TRU .HeadingChecks__CardNext:active svg path,
.HeadingChecks__TRU .HeadingChecks__CardPrevious:active svg path {
stroke: #fff
}
@media screen and (max-width:767px) {
.HeadingChecks__Content {
padding: 0 15px
}
.HeadingChecks__Content ul {
grid-template-columns: 1fr
}
.HeadingChecks__Content ul li {
font-size: 20px
}
.HeadingChecks__ContentBottom {
grid-template-columns: 1fr
}
.HeadingChecks__ArrowCards {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.HeadingChecks__ArrowCards svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin: -15px 0
}
.HeadingChecks__CardContainer {
padding: 0 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.HeadingChecks__CardContainer svg {
margin: 0 0 10px
}
.HeadingChecks__Card {
margin: 0 0 5px
}
.HeadingChecks__Card:last-child {
width: 100% !important
}
.HeadingChecks__Card:last-child .HeadingChecks__CardLink {
right: 40px
}
}
.SignalOutcomes {
padding: 0 48px
}
.SignalOutcomes__Content {
background-position-x: right;
background-repeat: no-repeat;
background-size: contain;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 75px;
max-width: 1260px
}
.SignalOutcomes__Content--Network {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/signal-network-container-bg.png), -webkit-gradient(linear, left top, right top, color-stop(20%, #696de3), color-stop(95%, #263c91));
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/signal-network-container-bg.png), linear-gradient(90deg, #696de3 20%, #263c91 95%)
}
.SignalOutcomes__Content--Endpoint {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/signal-endpoint-container-bg.png), -webkit-gradient(linear, left top, right top, color-stop(20%, #696de3), color-stop(95%, #263c91));
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/signal-endpoint-container-bg.png), linear-gradient(90deg, #696de3 20%, #263c91 95%);
background-position: bottom
}
.SignalOutcomes__Content--Log {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/signal-log-container-bg.png), -webkit-gradient(linear, left top, right top, color-stop(20%, #696de3), color-stop(95%, #263c91));
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/signal-log-container-bg.png), linear-gradient(90deg, #696de3 20%, #263c91 95%);
background-position: bottom
}
.SignalOutcomes__Content--Insider {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/signal-insider-threat-container-bg.png), -webkit-gradient(linear, left top, right top, color-stop(20%, #696de3), color-stop(95%, #263c91));
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Signals/signal-insider-threat-container-bg.png), linear-gradient(90deg, #696de3 20%, #263c91 95%);
background-position: bottom
}
.SignalOutcomes__Content--DarkWeb {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/What-We-Do/Managed-Vulnerability/dark-web_how-we-help_bg.png), -webkit-gradient(linear, left top, right top, color-stop(-30%, #40c3d9), color-stop(50%, #263c91));
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/What-We-Do/Managed-Vulnerability/dark-web_how-we-help_bg.png), linear-gradient(90deg, #40c3d9 -30%, #263c91 50%);
background-position: bottom;
margin-bottom: 0
}
.SignalOutcomes__ContentTop {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: hsla(0, 0%, 100%, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 42px
}
.SignalOutcomes__ContentTop svg {
margin-right: 25px;
max-width: 69px;
width: 100%
}
.SignalOutcomes__ContentTop h3 {
color: #fff;
font-size: 26px;
font-weight: 600;
line-height: 100%;
margin: 0;
padding: 10px 0
}
.SignalOutcomes__ContentBottom {
color: #fff;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
padding: 60px 75px
}
.SignalOutcomes__ContentBottom h3 {
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin: 0 0 25px
}
.SignalOutcomes__ContentBottom ul {
padding-left: 23px;
margin: 0
}
.SignalOutcomes__ContentBottom ul li {
color: #fff;
font-size: 18px;
margin: 0 0 20px
}
.SignalOutcomes__ContentBottomRight ul {
list-style: none
}
.SignalOutcomes__ContentBottomRight ul li {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.SignalOutcomes__ContentBottomRight ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.193' height='11.763'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16.193v11.763H0z' data-name='Rectangle 1009'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 1803'%3E%3Cg clip-path='url(%23a)' data-name='Group 1205'%3E%3Cpath fill='%23fff' d='M4.674 11.763c-.044 0-.089 0-.135-.007a1.311 1.311 0 01-.918-.526L.255 6.657a1.307 1.307 0 112.1-1.55l2.519 3.415L14.013.333a1.308 1.308 0 011.745 1.948L5.546 11.43a1.306 1.306 0 01-.872.333' data-name='Path 4272'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
height: 12px;
margin: 0 15px 8px 0;
width: 16px
}
.SignalOutcomes__ContentBottomRight ul ul {
list-style: disc;
margin: 0 0 20px 18px
}
.SignalOutcomes__ContentBottomRight ul ul li {
display: list-item
}
.SignalOutcomes__ContentBottomRight ul ul li:before {
content: "";
height: 0;
margin: 0;
width: 0
}
.SignalOutcomes__Cta {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #19234d;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: grid;
grid-gap: 80px;
grid-template-columns: 1fr 1fr;
margin: 0 auto 75px;
max-width: 1260px;
padding: 65px 50px
}
.SignalOutcomes__Cta h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0
}
.SignalOutcomes__Cta a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
line-height: 100%;
padding: 18px 5px;
text-align: center;
text-transform: uppercase
}
.SignalOutcomes__DarkWeb {
margin-bottom: 75px
}
@media screen and (max-width:767px) {
.SignalOutcomes {
padding: 0 15px
}
.SignalOutcomes__ContentTop {
padding: 20px 15px
}
.SignalOutcomes__ContentBottom,
.SignalOutcomes__Cta {
grid-template-columns: 1fr;
grid-gap: 30px;
padding: 30px 15px
}
.SignalOutcomes__DarkWeb {
margin-bottom: 75px
}
}
.SignalHeadingCopyCTA {
padding: 0 48px
}
.SignalHeadingCopyCTA__Content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #e9ebf4;
display: grid;
grid-gap: 40px;
grid-template-columns: 5fr 4fr;
margin: 0 auto;
max-width: 1260px;
padding: 40px 0
}
.SignalHeadingCopyCTA__Content h2 {
color: #263c91;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.SignalHeadingCopyCTA__Content p {
margin: 0
}
.SignalHeadingCopyCTA__Content a {
background-color: #263c91;
color: #fff;
display: block;
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
line-height: 100%;
padding: 20px 15px;
text-align: center;
text-transform: uppercase;
width: 100%
}
.SignalHeadingCopyCTALeft {
padding-left: 40px
}
.SignalHeadingCopyCTARight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 40px
}
.SignalHeadingCopyCTA.AWS .SignalHeadingCopyCTA__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.SignalHeadingCopyCTA.AWS .SignalHeadingCopyCTA__Content h2 {
margin: 0
}
@media screen and (max-width:767px) {
.SignalHeadingCopyCTA {
padding: 0 15px
}
.SignalHeadingCopyCTA__Content {
grid-template-columns: 1fr;
padding: 30px 15px
}
.SignalHeadingCopyCTALeft {
padding-left: 0
}
.SignalHeadingCopyCTARight {
padding-right: 0
}
}
.ProprietaryDetection {
margin: 75px 0;
padding: 0 48px;
position: relative
}
.ProprietaryDetection__Background {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 75px;
z-index: -1
}
.ProprietaryDetection__Background:before {
background: #f4f5f9;
content: "";
height: 1500px;
left: 0;
position: absolute;
right: 0
}
.ProprietaryDetection__Content {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px;
text-align: center
}
.ProprietaryDetection__ContentTop {
background-color: #fff;
padding: 50px 75px
}
.ProprietaryDetection__ContentTop h2 {
color: #263c91
}
.ProprietaryDetection__ContentMiddle {
background-color: #19234d;
padding: 50px 62px
}
.ProprietaryDetection__ContentMiddle h2,
.ProprietaryDetection__ContentMiddle p {
color: #fff
}
.ProprietaryDetection__ContentBottom {
background-color: #080a12;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 -50px;
padding: 50px;
width: calc(100% + 100px)
}
.ProprietaryDetection__ContentBottom img {
width: 100%
}
@media screen and (max-width:767px) {
.ProprietaryDetection {
padding: 0 15px
}
.ProprietaryDetection__ContentMiddle,
.ProprietaryDetection__ContentTop {
padding: 30px 15px
}
.ProprietaryDetection__ContentBottom {
width: 100%;
margin: 0
}
}
.TableWithCTA {
padding: 0 48px
}
.TableWithCTA__Content {
margin: 0 auto 75px;
max-width: 1260px
}
.TableWithCTA__Content h2 {
color: #263c91;
max-width: 810px
}
.TableWithCTA__Container {
background-color: #f4f5f9
}
.TableWithCTA__Container table {
width: 100%;
border-spacing: 0;
padding: 40px 40px 60px
}
.TableWithCTA__Container table thead th {
padding: 25px 10px;
letter-spacing: 2px;
max-width: 200px;
color: #0e142b;
font-weight: 700;
max-width: 135px;
border-bottom: 1px solid #707070
}
.TableWithCTA__Container table thead th:nth-child(2) {
background-color: #263c91;
padding: 25px 30px
}
.TableWithCTA__Container table thead th:nth-child(3) {
padding: 25px 30px
}
.TableWithCTA__Container table thead th img {
width: 100%;
max-width: 150px;
padding: 20px 0
}
.TableWithCTA__Container table tbody th {
border-bottom: 1px solid #707070;
color: #19234d;
font-weight: 400;
max-width: 500px;
padding-right: 40px;
text-align: left
}
.TableWithCTA__Container table tbody td {
text-align: center;
border-bottom: 1px solid #707070;
padding: 20px 17px
}
.TableWithCTA__Container table tbody td:nth-child(2) {
color: #3c2b77;
background-color: #263c91
}
.TableWithCTA__Container table tbody td:nth-child(3) {
color: #19234d
}
.TableWithCTA__BottomCta {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #19234d;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
padding: 50px 55px
}
.TableWithCTA__BottomCta h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0
}
.TableWithCTA__BottomCta a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
line-height: 100%;
padding: 15px 5px;
text-align: center;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.TableWithCTA {
padding: 0 15px
}
.TableWithCTA__Container table {
padding: 40px 0 60px
}
.TableWithCTA__Container table thead th:nth-child(2),
.TableWithCTA__Container table thead th:nth-child(3) {
padding: 25px 5px
}
.TableWithCTA__BottomCta {
grid-template-columns: 1fr;
grid-gap: 30px;
padding: 30px 15px
}
}
.BOBEcoPartners {
margin: 75px 0;
padding: 0 48px 75px;
position: relative
}
.BOBEcoPartners__Background {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 75px;
z-index: -1
}
.BOBEcoPartners__Background:before {
background: #f4f5f9;
content: "";
height: 1650px;
left: 0;
position: absolute;
right: 0
}
.BOBEcoPartners__Content {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px
}
.BOBEcoPartners__Container {
background-color: #fff;
padding: 75px 40px
}
.BOBEcoPartners__ContainerTop {
margin: 0 auto 35px;
max-width: 992px;
text-align: center
}
.BOBEcoPartners__ContainerTopLink {
color: #4b64ff;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase;
margin: 0 0 50px
}
.BOBEcoPartners__Container h2 {
color: #263c91
}
.BOBEcoPartners__Container h3 {
font-size: 30px;
line-height: 40px;
margin: 0 auto 30px;
max-width: 900px
}
.BOBEcoPartners__Card {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 3fr;
margin-bottom: 20px;
padding: 25px
}
.BOBEcoPartners__Card:last-child {
margin-bottom: 0
}
.BOBEcoPartners__CardLeft {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff 0 0 no-repeat padding-box;
border: 1px solid #999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 200px
}
.BOBEcoPartners__CardLeft img {
max-width: 225px;
width: 100%
}
.BOBEcoPartners__CardRight h3 {
color: #263c91;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.BOBEcoPartners__CardRight p {
color: #19234d;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.BOBEcoPartners__CardRight a {
color: #4b64ff;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
.BOBEcoPartners__Tiles {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin: 55px auto 0;
max-width: 992px
}
.BOBEcoPartners__Tiles img {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: block;
width: 100%
}
.BOBEcoPartners__CyberInsurance {
padding-bottom: 0;
margin-bottom: 0
}
@media screen and (max-width:767px) {
.BOBEcoPartners {
padding: 0 15px 75px
}
.BOBEcoPartners__Container {
padding: 30px 15px
}
.BOBEcoPartners__Card,
.BOBEcoPartners__Tiles {
grid-template-columns: 1fr
}
.BOBEcoPartners__Tiles {
grid-gap: 15px
}
.BOBEcoPartners__CyberInsurance {
padding-bottom: 0
}
}
.SignalTRUCallout__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.SignalTRUCallout__ContentTop {
margin-bottom: 50px
}
.SignalTRUCallout__ContentTop h2 {
color: #263c91;
max-width: 1024px
}
.SignalTRUCallout__ContentTop p {
margin: 0 0 28px
}
.SignalTRUCallout__ContentTop a {
color: #4b64ff;
display: block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin-top: 40px;
text-transform: uppercase
}
.SignalTRUCallout__ContentBottom {
padding: 75px;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Endpoint/TRU-Background-Signal-TRU.png)
}
.SignalTRUCallout__ContentBottom h2 {
color: #40c3d9
}
.SignalTRUCallout__ContentBottom p {
color: #fff;
margin: 0
}
.SignalTRUCallout__ContentBottomContainer {
background-color: rgba(244, 245, 249, .06);
padding: 75px;
margin-top: 50px
}
.SignalTRUCallout__ContentBottomContainer p {
font-size: 20px;
line-height: 25px;
margin: 0 0 30px
}
.SignalTRUCallout__ContentBottomContainer a {
color: #4b64ff;
display: block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin-top: 40px;
text-transform: uppercase
}
.SignalTRUCallout__ContentBottomContainerTop {
display: grid;
grid-template-columns: 4fr 1fr;
grid-gap: 50px;
color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px
}
.SignalTRUCallout__ContentBottomContainerTop h3 {
font-size: 30px;
line-height: 40px;
max-width: 600px;
margin: 0 0 12px
}
.SignalTRUCallout__ContentBottomContainerTop h4 {
font-style: italic;
font-size: 20px;
line-height: 30px;
font-weight: 500;
margin: 0
}
.SignalTRUCallout__ContentBottomContainerTopRight img {
width: 100%
}
@media screen and (max-width:767px) {
.SignalTRUCallout__Content {
padding: 0 15px
}
.SignalTRUCallout__ContentBottom,
.SignalTRUCallout__ContentBottomContainer {
padding: 30px 15px
}
.SignalTRUCallout__ContentBottomContainerTop {
grid-template-columns: 1fr
}
}
.NavyFullBleedCallout {
background-color: #19234d
}
.NavyFullBleedCallout__Content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: grid;
grid-gap: 80px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 65px 50px
}
.NavyFullBleedCallout__Content h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0
}
.NavyFullBleedCallout__Content p {
color: #fff;
margin: 20px 0 0
}
.NavyFullBleedCallout__Content a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
line-height: 100%;
padding: 15px 5px;
text-align: center;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.NavyFullBleedCallout__Content {
grid-template-columns: 1fr;
grid-row-gap: 30px;
padding: 30px 15px
}
}
.PurpleFullBleedCallout {
background-color: #263c91
}
.PurpleFullBleedCallout__Content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: grid;
grid-gap: 80px;
grid-template-columns: 2fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 65px 50px
}
.PurpleFullBleedCallout__Content h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0
}
.PurpleFullBleedCallout__Content p {
color: #fff;
font-size: 24px;
margin: 15px 0 0
}
.PurpleFullBleedCallout__Content a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
line-height: 100%;
padding: 15px 5px;
text-align: center;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.PurpleFullBleedCallout__Content {
grid-template-columns: 1fr;
grid-gap: 30px;
padding: 20px 15px
}
}
.DriveByEngineering__Content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
margin: 75px auto;
max-width: 1260px;
padding: 0 48px
}
.DriveByEngineering__ContentTop {
max-width: 1260px;
padding: 0 48px;
margin: 0 auto
}
.DriveByEngineering__ContentTop h2 {
color: #263c91;
margin-bottom: 10px
}
.DriveByEngineering__Content h2 {
color: #263c91
}
.DriveByEngineering__ContentLeftSubcopy h3 {
margin: 0 0 10px;
color: #929dc8;
font-size: 22px;
line-height: 32px
}
.DriveByEngineering__ContentLeftSubcopy p {
font-size: 18px;
line-height: 24px;
color: #19234d;
margin: 0 0 30px
}
.DriveByEngineering__Insider {
padding-top: 75px
}
.DriveByEngineering__Insider .DriveByEngineering__Content {
margin-top: 0
}
.DriveByEngineering__Box {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Insider/Drive-By-Engineering-Box-TRU-Background.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 60px
}
.DriveByEngineering__Box h4 {
color: #40c3d9;
font-size: 16px;
letter-spacing: 1.5px;
line-height: 20px;
margin: 0 0 20px
}
.DriveByEngineering__Box h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0 0 25px;
max-width: 350px
}
.DriveByEngineering__Box p {
color: #fff;
font-size: 20px;
line-height: 25px;
margin: 0 0 35px
}
.DriveByEngineering__Box a {
color: #4b64ff;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
line-height: 20px;
text-transform: uppercase
}
.DriveByEngineering__TRUBox {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Insider/Drive-By-Engineering-Box-TRU-Background.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 60px 50px
}
.DriveByEngineering__TRUBoxLogo {
text-align: right
}
.DriveByEngineering__TRUBoxLogo img {
width: 100%;
max-width: 170px
}
.DriveByEngineering__TRUBox h4 {
color: #fff;
font-size: 20px;
line-height: 20px;
font-style: italic;
margin: 0 0 30px;
font-weight: 400
}
.DriveByEngineering__TRUBox h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0 0 25px;
max-width: 350px
}
.DriveByEngineering__TRUBox p {
color: #fff;
font-size: 18px;
line-height: 23px;
margin: 0 0 35px
}
.DriveByEngineering__TRUBox a {
color: #4b64ff;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
line-height: 20px;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.DriveByEngineering__Content {
grid-template-columns: 1fr;
padding: 0 15px
}
.DriveByEngineering__TRUBox {
padding: 30px 15px
}
}
.TwoVideos__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.TwoVideos__Content h3 {
color: #19234d;
font-size: 16px;
line-height: 20px;
letter-spacing: 2.4px;
margin: 0 0 30px
}
.TwoVideos__Content h2 {
margin: 0 0 30px;
max-width: 992px;
color: #263c91
}
.TwoVideos__Card {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
cursor: pointer
}
.TwoVideos__Cards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
margin-top: 50px
}
.TwoVideos__Card img {
width: 100%
}
.TwoVideos__Card h3 {
margin: 0;
letter-spacing: inherit;
font-size: 24px;
line-height: 32px
}
.TwoVideos__CardBottom {
padding: 12px 22px 18px
}
.TwoVideos__DarkWeb {
margin: 0 0 125px
}
.TwoVideos__DarkWeb .TwoVideos__Cards {
margin: 0
}
@media screen and (max-width:767px) {
.TwoVideos__Content {
padding: 0 15px
}
.TwoVideos__Cards {
grid-template-columns: 1fr
}
}
.EnvironmentCoverage {
margin-bottom: 75px;
position: relative;
scroll-margin-top: 50px
}
.EnvironmentCoverage__Background {
bottom: 75px;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 75px;
z-index: -1
}
.EnvironmentCoverage__Background:before {
background: #f4f5f9;
content: "";
height: 1650px;
left: 0;
position: absolute;
right: 0
}
.EnvironmentCoverage__Content {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px
}
.EnvironmentCoverage__Content h3 {
text-align: center;
font-size: 30px;
line-height: 40px;
margin: 0 0 30px
}
.EnvironmentCoverage__Content img {
width: 100%
}
.EnvironmentCoverage__Container {
background-color: #fff;
padding: 75px 40px
}
.EnvironmentCoverage__Container h2 {
text-align: center;
color: #263c91
}
.EnvironmentCoverage__Container p {
text-align: center
}
.EnvironmentCoverage__ContainerLogo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px
}
.EnvironmentCoverage__ContainerLogo img {
max-height: 55px;
-o-object-fit: contain;
object-fit: contain;
width: auto;
margin-right: 75px
}
.EnvironmentCoverage__ContainerLogo img:last-child {
margin-right: 0
}
.EnvironmentCoverage__ContainerLogoset img:last-child {
display: none
}
.EnvironmentCoverage__ContainerBottom {
max-width: 992px;
margin: 60px auto
}
.EnvironmentCoverage__ContainerBottom p {
text-align: left
}
@media screen and (max-width:767px) {
.EnvironmentCoverage__Container {
padding: 75px 15px
}
.EnvironmentCoverage__ContainerLogo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.EnvironmentCoverage__ContainerLogo img {
margin: 0 0 15px;
max-height: 40px
}
.EnvironmentCoverage__ContainerLogoAsure {
margin-bottom: 25px !important
}
.EnvironmentCoverage__ContainerLogoset img:nth-last-child(2) {
display: none
}
.EnvironmentCoverage__ContainerLogoset img:last-child {
display: block
}
.EnvironmentCoverage__MDR .EnvironmentCoverage__Container {
padding: 0 15px
}
.EnvironmentCoverage__MDR ul {
padding-left: 23px
}
.EnvironmentCoverage__MDR p,
.EnvironmentCoverage__MDR ul li {
font-size: 20px
}
}
.BestOfBreedEDR {
padding-bottom: 75px
}
.BestOfBreedEDR__Container {
background-color: #19234d;
padding: 75px 75px 0
}
.BestOfBreedEDR__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.BestOfBreedEDR__Content h2 {
color: #fff;
text-align: center
}
.BestOfBreedEDR__Content p {
color: #fff;
margin: 0
}
.BestOfBreedEDR__Content ul {
list-style: none;
padding-left: 0
}
.BestOfBreedEDR__TopRow {
display: grid;
grid-template-columns: .75fr 2fr;
grid-gap: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.BestOfBreedEDR__TopRow img {
width: 100%
}
.BestOfBreedEDR__IconList {
margin-top: 50px
}
.BestOfBreedEDR__IconList svg {
width: 100%;
max-width: 70px;
margin: 0 20px 0 0
}
.BestOfBreedEDR__IconList ul {
margin-bottom: 40px
}
.BestOfBreedEDR__IconList li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
background-color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 50px 40px 30px
}
.BestOfBreedEDR__IconList li p {
color: #19234d
}
.BestOfBreedEDR__IconList li p strong {
color: #263c91;
display: block;
margin-bottom: 8px
}
.BestOfBreedEDR__IconList li:last-child {
margin-bottom: 0
}
.BestOfBreedEDR__BleedBox {
padding: 50px 100px;
margin: 0 -100px;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Endpoint/EDR/cloud_container_bg.png)
}
.BestOfBreedEDR__BleedBox h2 {
text-align: left
}
.BestOfBreedEDR__BleedBox h3 {
color: #fff;
font-size: 45px;
margin: 0 0 25px
}
.BestOfBreedEDR__BleedBox ul {
list-style: none;
margin: 0;
padding: 0
}
.BestOfBreedEDR__BleedBox li {
font-size: 18px;
line-height: 24px;
color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
padding: 20px 40px
}
.BestOfBreedEDR__BleedBox li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Ccircle cx='21' cy='21' r='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M13 21l6.14 6.06 10-10.76' stroke-width='3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
height: 40px;
margin-right: 20px;
width: 40px;
min-width: 40px
}
.BestOfBreedEDR__BleedBox p {
margin-bottom: 40px
}
.BestOfBreedEDR__BottomCopy {
margin-top: 50px
}
.BestOfBreedEDR__BottomCopy p {
text-align: center
}
.BestOfBreedEDR__BottomCopy img {
padding: 50px 100px;
margin: 50px -100px 0;
background-color: #fff;
width: 100%;
display: block
}
.BestOfBreedEDR__BottomFMA {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #263c91;
display: grid;
grid-gap: 50px;
grid-template-columns: 2fr 1fr;
padding: 50px
}
.BestOfBreedEDR__BottomFMA h3 {
color: #fff;
font-size: 24px;
line-height: 32px;
margin: 0
}
.BestOfBreedEDR__BottomFMA a {
background-color: #d4d8e9;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 40px;
text-align: center;
text-transform: uppercase;
min-width: 175px
}
.BestOfBreedEDR__BottomFMARight {
text-align: right
}
@media screen and (max-width:767px) {
.BestOfBreedEDR__Content {
padding: 0 15px
}
.BestOfBreedEDR__Container {
padding: 15px 15px 0
}
.BestOfBreedEDR__TopRow {
grid-template-columns: 1fr
}
.BestOfBreedEDR__TopRow img {
max-width: 240px;
margin: 0 auto
}
.BestOfBreedEDR__IconList li {
padding: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.BestOfBreedEDR__IconList svg {
margin: 0 0 10px;
max-width: 55px
}
.BestOfBreedEDR__BleedBox {
margin: 0;
padding: 0
}
.BestOfBreedEDR__BleedBox p {
margin: 0 0 10px
}
.BestOfBreedEDR__BleedBox li {
padding: 0 0 15px
}
.BestOfBreedEDR__BleedBox li:before {
min-width: 25px
}
.BestOfBreedEDR__BottomFMA {
grid-template-columns: 1fr;
grid-gap: 20px;
padding: 15px
}
.BestOfBreedEDR__BottomFMARight {
text-align: left
}
.BestOfBreedEDR__BottomCopy img {
margin: 20px -15px 0;
padding: 15px
}
}
.WhatWeDoHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/XDR-Background.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.WhatWeDoHero__Content {
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.WhatWeDoHero__Content h3 {
color: #a8b1d3
}
.WhatWeDoHero__Content h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px;
max-width: 650px
}
.WhatWeDoHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 0 30px;
max-width: 650px
}
.WhatWeDoHero__Container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 75px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.WhatWeDoHero__ContainerRightBox {
-webkit-box-shadow: 0 20px 50px rgba(92, 92, 92, .24);
box-shadow: 0 20px 50px rgba(92, 92, 92, .24)
}
.WhatWeDoHero__ContainerRightBoxTop {
padding: 40px 35px;
background-color: #fff
}
.WhatWeDoHero__ContainerRightBox h4 {
font-size: 16px;
line-height: 18px;
letter-spacing: 3px;
margin: 0 0 10px
}
.WhatWeDoHero__ContainerRightBox p {
font-size: 16px;
line-height: 20px;
margin: 0
}
.WhatWeDoHero__ContainerRightBox img {
width: 100%;
display: block
}
.WhatWeDoHero__ContainerRightSOC {
text-align: center
}
.WhatWeDoHero__ContainerRightSOCTop {
padding: 48px;
background-color: #ecf9fb
}
.WhatWeDoHero__ContainerRightSOCTop p {
font-size: 18px;
line-height: 24px;
margin: 0
}
.WhatWeDoHero__ContainerRightSOCTop h3 {
color: #40c3d9
}
.WhatWeDoHero__ContainerRightSOCBottom {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/SOC/SOC-Hero-We-Stand-Guard.png);
background-size: cover;
background-repeat: no-repeat;
padding: 48px
}
.WhatWeDoHero__ContainerRightSOCBottom hr {
border-color: hsla(0, 0%, 100%, .2);
margin: 30px 0 22px
}
.WhatWeDoHero__ContainerRightSOCBottomCopy p {
color: #fff;
font-size: 24px;
line-height: 30px;
margin: 0 0 5px
}
.WhatWeDoHero__ContainerRightSOCBottomCopy h6 {
color: #40c3d9;
font-size: 48px;
line-height: 50px;
font-weight: 700;
margin: 0
}
.WhatWeDoHero__ContainerRightSOCBottomCopy:last-child p {
margin: 5px 0 0
}
.WhatWeDoHero__ContainerRightSlidesItems {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 30px
}
.WhatWeDoHero__ContainerRightSlidesItems svg {
max-width: 40px;
width: 100%;
margin-right: 30px
}
.WhatWeDoHero__ContainerRightSlidesItems h4 {
margin: 0
}
.WhatWeDoHero__ContainerRightSlidesItems h5 {
font-size: 24px;
line-height: 32px;
color: #fff;
font-weight: 400;
letter-spacing: inherit
}
.WhatWeDoHero__ContainerRightSlidesItems:nth-child(2) {
background-color: #263c91
}
.WhatWeDoHero__ContainerRightSlidesItems:nth-child(3) {
background-color: #3c4f9c
}
.WhatWeDoHero__ContainerRightSlidesItems:nth-child(4) {
background-color: #5163a7
}
.WhatWeDoHero__ContainerRightSlidesItems:nth-child(5) {
background-color: #6776b2
}
.WhatWeDoHero__ContainerRightSlidesTop {
background-color: #19234d
}
.WhatWeDoHero__ContainerRightSlidesTop h4 {
color: #fff
}
.WhatWeDoHero__ContainerRightSlidesBottom {
display: grid;
grid-template-columns: 1fr 2fr;
background-color: #f4f5f9;
padding: 15px;
grid-gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.WhatWeDoHero__Btn {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.WhatWeDoHero__CRT .WhatWeDoHero__Content h2 {
font-size: 59px
}
.WhatWeDoHero__CRT .WhatWeDoHero__PreviewVideo svg {
bottom: 10px;
max-width: 16px;
right: 10px
}
@media screen and (max-width:767px) {
.WhatWeDoHero__Content {
padding: 75px 15px;
grid-gap: 50px
}
.WhatWeDoHero__Content h2 {
font-size: 52px;
line-height: 120%
}
.WhatWeDoHero__Container {
grid-template-columns: 1fr;
grid-gap: 30px
}
.WhatWeDoHero__ContainerRightSlidesItems {
padding: 20px 15px
}
.WhatWeDoHero__ContainerRightSlidesItems h5 {
font-size: 18px;
line-height: 22px
}
.WhatWeDoHero__ContainerRightSlidesBottom {
grid-template-columns: 1fr
}
}
.OpenXDR__Content {
display: grid;
grid-template-columns: 4fr 2fr;
max-width: 1260px;
margin: 0 auto 75px;
grid-gap: 100px;
padding: 0 48px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.OpenXDR__Content h2 {
color: #263c91
}
.OpenXDR__ContentLeft h3 {
font-size: 28px;
line-height: 35px;
margin: 0 0 30px
}
.OpenXDR__ContentLeft h4 {
color: #40c3d9;
font-size: 36px;
line-height: 50px;
margin: 0
}
.OpenXDR__ContentLeft h5 {
color: #19234d;
font-size: 20px;
line-height: 30px;
letter-spacing: 1.5px;
margin-bottom: 20px
}
.OpenXDR__ContentLeft p {
margin: 0 0 30px
}
.OpenXDR__ContentLeft p:last-child {
margin-bottom: 0
}
.OpenXDR__ContentRightCard {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Use-Cases/managed_risk_services_bg-V2.png);
padding: 40px;
margin-bottom: 15px
}
.OpenXDR__ContentRightCard h4 {
color: #40c3d9;
font-size: 54px;
margin: 0 0 20px;
line-height: 54px
}
.OpenXDR__ContentRightCard p {
color: #fff;
font-size: 18px;
line-height: 22px;
margin: 0
}
.OpenXDR__ContentRightCard:last-child {
margin-bottom: 0
}
@media screen and (max-width:767px) {
.OpenXDR__Content {
padding: 0 15px;
grid-template-columns: 1fr;
grid-gap: 30px
}
}
.CreamCalloutBox {
padding: 0 48px
}
.CreamCalloutBox__Content {
max-width: 1260px;
margin: 0 auto;
background-color: #e9ebf4;
display: grid;
grid-template-columns: 3fr 2fr;
padding: 40px 0;
grid-gap: 50px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.CreamCalloutBox__Content h3 {
color: #7d8abd;
font-size: 16px;
line-height: 20px;
letter-spacing: 2.4px;
margin: 0 0 15px
}
.CreamCalloutBox__Content h2 {
color: #263c91;
font-size: 30px;
line-height: 40px;
margin: 0 0 15px
}
.CreamCalloutBox__Content p {
font-size: 18px;
line-height: 24px
}
.CreamCalloutBox__Content a {
background-color: #263c91;
color: #fff;
display: block;
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
line-height: 100%;
padding: 20px 15px;
text-align: center;
text-transform: uppercase
}
.CreamCalloutBox__ContentLeft {
margin-left: 50px
}
.CreamCalloutBox__ContentRight {
margin-right: 50px
}
.CreamCalloutBox__HeadingOnly h2 {
margin-bottom: 0
}
.CreamCalloutBox__HeadingOnly .CreamCalloutBox__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width:767px) {
.CreamCalloutBox {
padding: 0 15px
}
.CreamCalloutBox__Content {
grid-template-columns: 1fr;
grid-gap: 30px;
padding: 30px 15px
}
.CreamCalloutBox__Content h2 br {
display: none
}
.CreamCalloutBox__ContentLeft {
margin-left: 0
}
}
.eXDRDifference__MDR .eXDRDifference__ContainerImage {
margin-top: 30px
}
.eXDRDifference__Content {
margin: 75px auto 0;
max-width: 1260px;
padding: 0 48px
}
.eXDRDifference__Container {
background-color: #f4f5f9;
padding: 75px 40px 0
}
.eXDRDifference__Container h2 {
text-align: center;
color: #263c91
}
.eXDRDifference__Container h3 {
text-align: center;
font-size: 30px;
line-height: 40px;
max-width: 992px;
margin: 0 auto 30px
}
.eXDRDifference__Container p {
text-align: center;
margin: 0 auto;
max-width: 992px
}
.eXDRDifference__ContainerCard {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
background-color: #fff;
padding: 45px 40px
}
.eXDRDifference__ContainerCard p {
text-align: left
}
.eXDRDifference__ContainerCard h4 {
color: #263c91;
letter-spacing: 2.4px;
font-size: 16px;
line-height: 20px
}
.eXDRDifference__ContainerCards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
margin: 50px -75px 0;
width: calc(100% + 150px)
}
.eXDRDifference__ContainerBottomCopy {
margin: 60px 0
}
.eXDRDifference__ContainerImage {
background-color: #0e142b;
margin: 0 -100px;
width: calc(100% + 200px);
padding: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.eXDRDifference__ContainerImage img {
width: 100%
}
@media screen and (max-width:767px) {
.eXDRDifference__Content {
padding: 0 15px
}
.eXDRDifference__Container {
padding: 30px 15px 0
}
.eXDRDifference__ContainerCard {
padding: 30px 15px
}
.eXDRDifference__ContainerCards {
grid-template-columns: 1fr;
margin: 50px 0 0;
width: 100%
}
.eXDRDifference__ContainerImage {
margin: 0 -15px;
width: calc(100% + 30px)
}
}
.SeeXDRAction {
background-color: #e9ebf4
}
.SeeXDRAction__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px;
text-align: center
}
.SeeXDRAction__Content img {
width: 100%;
margin-top: 30px
}
.SeeXDRAction__Content h2 {
color: #263c91
}
.SeeXDRAction__Content p {
max-width: 992px;
margin: 0 auto 30px
}
@media screen and (max-width:767px) {
.SeeXDRAction__Content {
padding: 75px 15px
}
}
.EPortalExperience {
background-color: #f4f5f9
}
.EPortalExperience__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 75px;
grid-template-columns: 4fr 5fr;
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.EPortalExperience__ContentRight img {
width: 100%
}
.EPortalExperience__ContentLeft h2 {
color: #263c91
}
.EPortalExperience__ContentLeft ul {
padding-left: 0;
list-style: none;
margin: 0
}
.EPortalExperience__ContentLeft ul li {
margin-bottom: 25px;
border-top: 3px solid #c3c5f0;
padding-top: 20px;
font-size: 18px;
line-height: 23px
}
.EPortalExperience__ContentLeft a {
background-color: #263c91;
color: #fff;
display: block;
text-align: center;
margin-top: 40px;
padding: 18px 5px;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
font-weight: 700
}
.EPortalExperience__ContentRight svg {
width: 100%;
height: auto
}
@media screen and (max-width:767px) {
.EPortalExperience__Content {
padding: 75px 15px;
grid-template-columns: 1fr
}
}
.DataBreach {
background: -webkit-gradient(linear, left bottom, left top, from(#ecf9fb), color-stop(38%, #f2fbfc), to(#fff));
background: linear-gradient(1turn, #ecf9fb, #f2fbfc 38%, #fff)
}
.DataBreach__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.DataBreach__Container {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Data-Breach-Purple-Background.png);
background-position: 50%;
background-size: cover;
padding: 75px 40px;
text-align: center
}
.DataBreach__Container h2 {
color: #696de3;
margin: 0 auto 30px;
max-width: 880px
}
.DataBreach__Container h3 {
color: #fff;
font-size: 40px;
font-weight: 500;
letter-spacing: -.4px;
line-height: 50px;
margin: 0 auto 40px;
max-width: 880px
}
.DataBreach__Container p {
color: #fff;
margin: 0 auto 30px;
max-width: 1050px
}
.DataBreach__Container p:last-child {
margin-bottom: 0
}
.DataBreach__Content2 {
margin: 0 auto;
max-width: 1260px;
padding: 75px 0
}
.DataBreach__Content2 h2 {
text-align: center;
color: #263c91
}
.DataBreach__Content2 img {
width: 100%
}
.DataBreach__Content2 .DataBreach__HideMobile {
display: block
}
.DataBreach__Content2 .DataBreach__HideDesktop {
display: none
}
@media screen and (max-width:767px) {
.DataBreach__Content {
padding: 0 15px
}
.DataBreach__Container {
padding: 30px 15px
}
.DataBreach__Content2 .DataBreach__HideMobile {
display: none
}
.DataBreach__Content2 .DataBreach__HideDesktop {
display: block
}
}
.TwoServices__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.TwoServices__Content h2 {
color: #263c91
}
.TwoServices__Card {
background-color: #f4f5f9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 55px;
position: relative
}
.TwoServices__Card h4 {
color: #929dc8;
font-size: 17px;
letter-spacing: 2px;
line-height: 20px;
margin: 0 0 20px
}
.TwoServices__Card h3 {
font-size: 32px;
letter-spacing: -.4px;
line-height: 40px;
margin: 0 0 30px;
min-height: 80px
}
.TwoServices__Card span {
color: #4b64ff;
font-size: 18px;
font-weight: 600;
line-height: 23px;
text-decoration: underline;
cursor: pointer
}
.TwoServices__Cards {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr;
margin-top: 50px
}
.TwoServices__Card.selected h3 {
min-height: auto
}
.TwoServices__Card.selected .TwoServices__CardClose,
.TwoServices__Card.selected .TwoServices__Expanded {
display: block
}
.TwoServices__Card.selected .TwoServices__Collapsible {
display: none
}
.TwoServices__CardClose {
cursor: pointer;
display: none;
position: absolute;
right: 30px;
top: 30px
}
.TwoServices__CardClose svg {
max-width: 22px;
width: 100%
}
.TwoServices__Expanded {
display: none
}
.TwoServices__Expanded h3 {
font-size: 26px;
text-decoration: underline
}
.TwoServices__Expanded ul li {
font-size: 16px;
margin-bottom: 20px
}
.TwoServices__Expanded ul:last-child {
margin-bottom: 0
}
.TwoServices__Expanded p {
font-size: 16px
}
.TwoServices__CTA {
background: #d4d8e9;
color: #5063f9;
display: inherit;
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
line-height: 24px;
margin-top: 40px;
padding: 20px;
text-align: center
}
@media screen and (max-width:767px) {
.TwoServices__Content {
padding: 0 15px
}
.TwoServices__Card {
padding: 30px 15px
}
.TwoServices__Cards {
grid-template-columns: 1fr
}
}
.CompleteCyber__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px 75px
}
.CompleteCyber__ContentTop {
margin: 0 auto 50px;
max-width: 900px;
text-align: center
}
.CompleteCyber__ContentTop h2 {
color: #263c91
}
.CompleteCyber__ContentBottom {
background-color: #f0f0fc;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/MDRHowWeHelpBackground.png);
background-position: 50%;
background-repeat: no-repeat;
padding: 80px
}
.CompleteCyber__ContentBottomTab {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 2px solid #c3c5f0;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 19px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 23px;
padding-bottom: 20px
}
.CompleteCyber__ContentBottomTabs {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 18px
}
.CompleteCyber__ContentBottomTab svg {
margin-right: 15px;
max-width: 50px;
width: 100%
}
.CompleteCyber__ContentBottomTab.selected {
border-bottom: 4px solid #696de3
}
.CompleteCyber__ContentBottomContent {
display: none;
grid-gap: 45px;
grid-template-columns: 1fr 1fr;
padding: 80px 50px 0
}
.CompleteCyber__ContentBottomContent.selected {
display: grid
}
.CompleteCyber__ContentBottomContent h3 {
font-size: 25px;
line-height: 30px;
margin: 0 0 20px
}
.CompleteCyber__ContentBottomContent p {
font-size: 18px;
line-height: 22px;
margin: 0 0 30px
}
.CompleteCyber__Home .CompleteCyber__ContentBottomContent,
.CompleteCyber__MDR .CompleteCyber__ContentBottomContent {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0 0
}
.CompleteCyber__Home .CompleteCyber__ContentBottomContent h3,
.CompleteCyber__MDR .CompleteCyber__ContentBottomContent h3 {
color: #263c91
}
.CompleteCyber__Home .CompleteCyber__ContentBottomContent a,
.CompleteCyber__MDR .CompleteCyber__ContentBottomContent a {
color: #4b64ff;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
line-height: 18px;
text-transform: uppercase;
text-decoration: underline
}
.CompleteCyber__Home .CompleteCyber__ContentBottomContentItemSlide,
.CompleteCyber__MDR .CompleteCyber__ContentBottomContentItemSlide {
position: relative
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStat,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStat {
background-color: #fff;
-webkit-box-shadow: 0 20px 60px rgba(7, 10, 96, .1);
box-shadow: 0 20px 60px rgba(7, 10, 96, .1);
padding: 0 30px
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStat img,
.CompleteCyber__Home .CompleteCyber__ContentBottomStat svg,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStat img,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStat svg {
max-width: 50px;
width: 100%;
margin: 40px 25px 40px 0
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStat p,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStat p {
color: #5163a7;
font-size: 15px;
line-height: 18px;
margin: 0;
text-align: left;
max-width: 330px
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNav,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNav {
position: absolute;
right: -35px;
bottom: 20px;
cursor: pointer
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNav svg,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNav svg {
max-width: 20px;
width: 100%
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp {
cursor: pointer
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown svg circle,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown svg path,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp svg circle,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp svg path,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown svg circle,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown svg path,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp svg circle,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp svg path {
stroke: #0e142b
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled svg circle,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled svg path,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled svg circle,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled svg path,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled svg circle,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled svg path,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled svg circle,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled svg path {
stroke: #d3d8e9
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled:active svg,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled:active svg,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled:active svg,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled:active svg {
background-color: inherit
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled:active svg circle,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled:active svg path,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled:active svg circle,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled:active svg path,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled:active svg circle,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown.swiper-button-disabled:active svg path,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled:active svg circle,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp.swiper-button-disabled:active svg path {
stroke: #d3d8e9
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown:active svg,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp:active svg,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown:active svg,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp:active svg {
background-color: #263c91;
border-radius: 22px
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavDown:active svg path,
.CompleteCyber__Home .CompleteCyber__ContentBottomStatNavUp:active svg path,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavDown:active svg path,
.CompleteCyber__MDR .CompleteCyber__ContentBottomStatNavUp:active svg path {
stroke: #fff
}
.CompleteCyber__MDR a {
text-decoration: none
}
.CompleteCyber__Home {
padding: 0 !important
}
.CompleteCyber__Home .CompleteCyber__Content {
padding-bottom: 0
}
.CompleteCyberSwiper {
max-height: 300px
}
.CompleteCyberSwiper .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width:767px) {
.CompleteCyber__Content {
padding: 0 15px 75px
}
.CompleteCyber__ContentBottom {
padding: 30px 15px
}
.CompleteCyber__ContentBottomTab {
font-size: 15px;
line-height: 20px
}
.CompleteCyber__ContentBottomTabs {
grid-template-columns: 1fr
}
.CompleteCyber__ContentBottomContent {
grid-row-gap: 30px;
grid-template-columns: 1fr;
padding: 30px 15px
}
.CompleteCyber__ContentBottomStatNav {
display: none
}
.CompleteCyber__Home .CompleteCyber__ContentBottomStat {
padding: 0
}
.CompleteCyber__MDR .CompleteCyber__ContentBottomStat {
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
.CyberSecurityInvestigations {
background-color: #19234d
}
.CyberSecurityInvestigations__Content {
text-align: center;
max-width: 1260px;
margin: 0 auto;
padding: 100px 48px
}
.CyberSecurityInvestigations__Content h2 {
color: #40c3d9;
font-size: 48px;
line-height: 54px;
margin: 0 0 30px
}
.CyberSecurityInvestigations__Content h3 {
color: #fff;
font-size: 22px;
line-height: 30px;
max-width: 900px;
margin: 0 auto 40px
}
.CyberSecurityInvestigations__Content p {
color: #fff;
max-width: 1000px;
margin: 0 auto 30px
}
.CyberSecurityInvestigations__Card {
background-color: #fff;
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 15px
}
.CyberSecurityInvestigations__Card svg {
margin-bottom: 5px
}
.CyberSecurityInvestigations__Card p {
color: #19234d;
font-size: 20px;
line-height: 28px;
margin: 0 0 20px
}
.CyberSecurityInvestigations__Card span {
color: #d2d3f7;
font-size: 30px;
line-height: 32px;
font-weight: 600;
letter-spacing: -.2px;
margin-top: 10px
}
.CyberSecurityInvestigations__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 12px;
max-width: 950px;
margin: 0 auto 50px
}
.CyberSecurityInvestigations__PlusCard {
background: #fff;
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
color: #19234d;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
padding: 35px 50px
}
.CyberSecurityInvestigations__PlusCard,
.CyberSecurityInvestigations__PlusCards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.CyberSecurityInvestigations__PlusCards {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 60px;
width: 100%
}
.CyberSecurityInvestigations__PlusCards svg {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -20px;
margin-right: -20px;
max-width: 50px;
width: 100%;
z-index: 2
}
.CyberSecurityInvestigations__PlusCard h4 {
font-size: 20px;
line-height: 22px;
margin: 0 0 20px
}
.CyberSecurityInvestigations__PlusCard ul {
margin: 0;
padding-left: 22px
}
.CyberSecurityInvestigations__PlusCard ul li {
font-size: 18px;
line-height: 26px;
text-align: left;
margin-bottom: 12px
}
.CyberSecurityInvestigations__PlusCard ul li:last-child {
margin-bottom: 0
}
@media screen and (max-width:767px) {
.CyberSecurityInvestigations__Content {
padding: 30px 15px
}
.CyberSecurityInvestigations__Cards {
grid-template-columns: 1fr
}
.CyberSecurityInvestigations__PlusCards {
display: block
}
.CyberSecurityInvestigations__PlusCards svg {
margin: -10px auto
}
}
.DfirTechAdvantage {
background-color: #f4f5f9
}
.DfirTechAdvantage__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.DfirTechAdvantage__Content h2 {
color: #263c91
}
.DfirTechAdvantage__Container {
padding: 75px;
margin-top: 55px
}
.DfirTechAdvantage__ContainerCover {
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
box-shadow: 0 20px 60px rgba(0, 0, 0, .2)
}
.DfirTechAdvantage__Container h3 {
font-size: 40px;
font-weight: 500;
line-height: 45px;
margin: 0 0 40px
}
.DfirTechAdvantage__Container ul {
list-style: none;
padding: 0;
margin-left: 30px
}
.DfirTechAdvantage__Container ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin-bottom: 20px
}
.DfirTechAdvantage__Container ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23c9cee3' data-name='Ellipse 1'/%3E%3Cpath fill='rgba(0,0,0,0)' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 23l9.129 9L35 16' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 46px;
margin-right: 20px;
width: 46px
}
.DfirTechAdvantage__BottomVideo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/DfirTechAdvantage-Video-Background.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: grid;
grid-gap: 60px;
grid-template-columns: 1fr 2fr;
padding: 30px 0
}
.DfirTechAdvantage__BottomVideo h3 {
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 28px;
margin: 0 0 20px;
max-width: 660px
}
.DfirTechAdvantage__BottomVideo h4 {
color: #40c3d9;
font-size: 16px;
letter-spacing: 2.4px;
line-height: 20px;
margin: 0 0 15px
}
.DfirTechAdvantage__BottomVideoLeft {
margin-left: 30px
}
.DfirTechAdvantage__BottomVideoRight {
margin-right: 30px
}
.DfirTechAdvantage__BottomVideoRight a {
color: #4b64ff;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
line-height: 20px;
text-transform: uppercase
}
.DfirTechAdvantage__BottomVideo img {
width: 100%
}
@media screen and (max-width:767px) {
.DfirTechAdvantage__Content {
padding: 75px 15px
}
.DfirTechAdvantage__Container {
padding: 30px 15px
}
.DfirTechAdvantage__Container ul {
margin-left: 0
}
.DfirTechAdvantage__BottomVideo {
grid-template-columns: 1fr;
padding: 30px;
grid-gap: 30px
}
.DfirTechAdvantage__BottomVideoLeft {
margin-left: 0
}
.DfirTechAdvantage__BottomVideoRight {
margin-right: 0
}
}
.MdrIR__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.MdrIR__Container {
background-color: #e9ebf4;
padding: 100px
}
.MdrIR__Container h2 {
color: #263c91
}
.MdrIR__Container ul li {
margin-bottom: 25px
}
.MdrIR__Container a {
background-color: #263c91;
color: #fff;
display: block;
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin: 40px 0 0;
max-width: 350px;
padding: 12px 5px;
text-align: center;
text-transform: uppercase;
width: 100%
}
@media screen and (max-width:767px) {
.MdrIR__Content {
padding: 75px 15px
}
.MdrIR__Container {
padding: 30px 15px
}
}
.AttackChecks {
background-color: #f4f5f9
}
.AttackChecks__Content {
display: grid;
grid-template-columns: 5fr 6fr;
grid-gap: 100px;
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.AttackChecks__ContentLeft {
padding: 75px 0
}
.AttackChecks__ContentRight {
background-color: #19234d;
padding: 0 30px 30px;
text-align: center
}
.AttackChecks__ContentRight img {
max-width: 110px;
margin: -55px 0 20px
}
.AttackChecks__ContentRight h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin: 0 0 25px
}
.AttackChecks__Box {
background: #ecf9fb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
margin-bottom: 12px;
padding: 15px 17px
}
.AttackChecks__Box:last-child {
margin: 0
}
.AttackChecks__Box p {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #19234d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
line-height: 24px;
margin: 0;
text-align: left
}
.AttackChecks__Box p:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.707' height='28.706' data-name='Group 1135'%3E%3Cg data-name='Group 1118'%3E%3Cpath fill='%2340c3d9' d='M28.707 14.353A14.354 14.354 0 1114.354 0a14.353 14.353 0 0114.353 14.353' data-name='Path 4026'/%3E%3Cpath fill='%23fff' d='M22.517 9.514a1.379 1.379 0 00-1.948-.014l-7.956 7.84-3.436-3.44a1.376 1.376 0 00-1.948 0 1.379 1.379 0 000 1.948l4.4 4.4a1.376 1.376 0 001.943.009l8.931-8.8a1.381 1.381 0 00.014-1.947' data-name='Path 4027'/%3E%3C/g%3E%3C/svg%3E");
height: 28px;
margin-right: 13px;
width: 28px
}
@media screen and (max-width:767px) {
.AttackChecks__Content {
grid-template-columns: 1fr;
padding: 0 15px;
grid-gap: 30px
}
.AttackChecks__ContentRight {
padding: 0 15px 15px
}
}
.MeetResilientTeam__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.MeetResilientTeam__Container {
background-color: #19234d;
padding: 75px
}
.MeetResilientTeam__Container h2,
.MeetResilientTeam__Container p {
color: #fff
}
.MeetResilientTeam__Card {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
background-color: #fff;
padding: 50px 30px 30px;
position: relative;
cursor: pointer
}
.MeetResilientTeam__Card h3 {
color: #263c91;
font-size: 30px;
line-height: 35px;
margin: 0;
max-width: 225px
}
.MeetResilientTeam__Card svg {
max-width: 40px;
width: 100%;
margin-bottom: 10px
}
.MeetResilientTeam__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
margin: 50px -150px 0;
width: calc(100% + 300px)
}
.MeetResilientTeam__CardExpand svg {
max-width: 30px;
width: 100%;
position: absolute;
right: 18px;
bottom: 10px
}
.MeetResilientTeam__Modal {
background-color: #fff;
background-color: hsla(0, 0%, 100%, .8);
display: none;
height: 100%;
left: 0;
overflow: auto;
padding-top: 100px;
position: fixed;
top: 0;
width: 100%;
z-index: 1
}
.MeetResilientTeam__Modal.selected {
display: block
}
.MeetResilientTeam__ModalContainer {
background-color: #fefefe;
margin: auto;
width: 70%;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
padding: 75px 0;
top: 30px;
position: relative
}
.MeetResilientTeam__ModalTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 75px
}
.MeetResilientTeam__ModalTop svg {
max-width: 85px;
width: 100%;
margin-right: 20px
}
.MeetResilientTeam__ModalTop h3 {
color: #263c91;
font-size: 30px;
line-height: 40px
}
.MeetResilientTeam__ModalBottom {
padding: 0 75px
}
.MeetResilientTeam__ModalClose {
position: absolute;
right: 30px;
top: 30px;
cursor: pointer
}
.MeetResilientTeam__ModalClose svg {
width: 100%;
max-width: 35px
}
@media screen and (max-width:767px) {
.MeetResilientTeam__Content {
padding: 75px 15px
}
.MeetResilientTeam__Container {
padding: 30px 15px
}
.MeetResilientTeam__Cards {
margin: 0;
width: 100%;
grid-template-columns: 1fr
}
.MeetResilientTeam__Modal {
padding-top: 35px
}
.MeetResilientTeam__ModalContainer {
padding: 15px 0;
width: 95%
}
.MeetResilientTeam__ModalTop {
padding: 0 15px
}
.MeetResilientTeam__ModalTop svg {
max-width: 55px
}
.MeetResilientTeam__ModalTop h3 {
font-size: 25px;
line-height: 32px
}
.MeetResilientTeam__ModalBottom {
height: 440px;
overflow-y: auto;
padding: 0 15px
}
.MeetResilientTeam__ModalBottom p,
.MeetResilientTeam__ModalBottom ul li {
font-size: 18px;
line-height: 120%
}
.MeetResilientTeam__ModalClose {
top: 18px;
right: 18px
}
.MeetResilientTeam__ModalClose svg {
max-width: 25px
}
}
.WhatOurCustomerStat__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px
}
.WhatOurCustomerStat__Content h2 {
color: #263c91
}
.WhatOurCustomerStat__Content h3 {
font-size: 30px;
line-height: 40px;
margin: 0
}
.WhatOurCustomerStat__Content a {
color: #4b64ff;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
.WhatOurCustomerStat__Card {
-webkit-box-shadow: 0 20px 60px rgba(7, 10, 96, .1);
box-shadow: 0 20px 60px rgba(7, 10, 96, .1);
padding: 80px 40px 40px
}
.WhatOurCustomerStat__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-top: 50px
}
.WhatOurCustomerStat__Cards img {
max-height: 100px
}
.WhatOurCustomerStat__PB0 .WhatOurCustomerStat__Content {
padding-bottom: 0
}
@media screen and (max-width:767px) {
.WhatOurCustomerStat__Card {
padding: 48px
}
.WhatOurCustomerStat__Cards {
grid-template-columns: 1fr
}
.WhatOurCustomerStat__Cards img {
max-height: 30px
}
.WhatOurCustomerStat__Cards p {
margin: 10px 0 0
}
.WhatOurCustomerStat__Content {
padding: 75px 15px
}
}
.CaseStudiesToggle {
background-color: #f4f5f9
}
.CaseStudiesToggle__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px
}
.CaseStudiesToggle__Content h2 {
color: #263c91
}
.CaseStudiesToggle__Tab {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 40px 60px
}
.CaseStudiesToggle__Tab.selected {
border-bottom: 12px solid #696de3
}
.CaseStudiesToggle__Tab img {
max-height: 50px
}
.CaseStudiesToggle__Tabs {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-bottom: 30px
}
.CaseStudiesToggle__TabContent {
background-color: #fff;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: none;
padding: 60px 50px
}
.CaseStudiesToggle__TabContent.selected {
display: block
}
.CaseStudiesToggle__TabContentTop {
margin-bottom: 35px;
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: 30px
}
.CaseStudiesToggle__TabContentTop h3 {
font-size: 30px;
line-height: 40px;
color: #19234d;
margin: 0 0 20px
}
.CaseStudiesToggle__TabContentTop p {
margin: 0 0 15px;
font-size: 24px;
line-height: 32px
}
.CaseStudiesToggle__TabContentTop a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 70px;
text-transform: uppercase
}
.CaseStudiesToggle__TabContentTopImage {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e2e2e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.CaseStudiesToggle__TabContentTopImage img {
max-height: 100px;
max-width: 60%
}
.CaseStudiesToggle__TabContent h4 {
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin: 0 0 20px
}
.CaseStudiesToggle__TabContent ul li {
font-size: 24px;
line-height: 32px;
margin-bottom: 10px
}
.CaseStudiesToggle__ImageText {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 20px
}
@media screen and (max-width:767px) {
.CaseStudiesToggle__Content {
padding: 75px 15px
}
.CaseStudiesToggle__Tab {
padding: 40px
}
.CaseStudiesToggle__TabContent {
padding: 30px 15px
}
.CaseStudiesToggle__TabContentTop {
grid-template-columns: 1fr
}
.CaseStudiesToggle__TabContentTopImage {
padding: 20px 0
}
.CaseStudiesToggle__TabContentTopImage img {
width: 100%
}
.CaseStudiesToggle__Tabs {
grid-template-columns: 1fr
}
}
.AwsTable__Content {
max-width: 1260px;
padding: 0 48px;
margin: 0 auto
}
.AwsTable__Content h2 {
color: #263c91
}
.AwsTable__Table {
background-color: #f4f5f9;
padding: 75px 60px
}
.AwsTable__TableTop {
border-bottom: 1px solid #707070;
display: grid;
grid-column-gap: 30px;
grid-template-columns: 2fr 3fr;
padding-bottom: 25px
}
.AwsTable__TableTop h3 {
margin: 0;
color: #19234d;
font-size: 24px;
line-height: 32px
}
.AwsTable__TableBottomRow {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #707070;
display: grid;
grid-column-gap: 30px;
grid-template-columns: 2fr 3fr;
padding: 25px 0
}
.AwsTable__TableBottomRow .AwsTable__TableEntryLeft p {
margin-top: 15px
}
.AwsTable__TableBottomRow .AwsTable__TableEntryLeft ul li {
font-size: 18px;
line-height: 24px;
margin-bottom: 15px
}
.AwsTable__TableBottomRow .AwsTable__TableEntryLeft ul :last-child {
margin-bottom: 0
}
.AwsTable__TableBottom h3 {
color: #263c91;
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin: 0
}
.AwsTable__TableBottom p {
color: #19234d;
font-size: 18px;
line-height: 24px;
margin: 0
}
@media screen and (max-width:767px) {
.AwsTable__Content {
padding: 0 15px
}
.AwsTable__Content h2 {
margin: 0 0 15px
}
.AwsTable__Content p {
margin: 0 0 20px
}
.AwsTable__Table {
padding: 15px
}
.AwsTable__TableTop {
display: none
}
.AwsTable__TableBottomRow {
grid-template-columns: 1fr
}
.AwsTable__TableBottomRow .AwsTable__TableEntryLeft {
margin-bottom: 15px
}
.AwsTable__TableBottomRow .AwsTable__TableEntryLeft p {
margin: 5px 0 0
}
.AwsTable__TableBottomRow .AwsTable__TableEntryLeft ul {
padding-left: 30px
}
.AwsTable__TableBottomRow .AwsTable__TableEntryLeft ul li {
margin-bottom: 5px
}
.AwsTable__TableEntryRight p {
margin-bottom: 10px;
font-size: 14px;
line-height: 18px
}
}
.BlackTwoCards__Content {
max-width: 1260px;
padding: 0 48px;
margin: 0 auto
}
.BlackTwoCards__Card {
background-color: #0e142b;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.BlackTwoCards__CardTop {
margin-bottom: 35px
}
.BlackTwoCards__Card h4 {
color: #40c3d9
}
.BlackTwoCards__Card h3 {
color: #fff;
font-size: 20px;
line-height: 30px;
margin: 0 0 20px
}
.BlackTwoCards__Card p {
color: #fff;
font-size: 18px;
line-height: 24px
}
.BlackTwoCards__Card a {
color: #4b64ff;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
.BlackTwoCards__Cards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 25px
}
@media screen and (max-width:767px) {
.BlackTwoCards__Content {
padding: 0 15px
}
.BlackTwoCards__Cards {
grid-template-columns: 1fr
}
}
.HeadingBleedImage__MT75 {
margin-top: 75px
}
.HeadingBleedImage__AboutUs .HeadingBleedImage__SlideContainer {
background: none;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
.HeadingBleedImage__AboutUs .HeadingBleedImage__SlideNext {
right: 20px
}
.HeadingBleedImage__AboutUs .HeadingBleedImage__SlideNext,
.HeadingBleedImage__AboutUs .HeadingBleedImage__SlidePrevious {
bottom: 10px;
-webkit-transform: none;
transform: none;
top: auto
}
.HeadingBleedImage__AboutUs .HeadingBleedImage__SlideNext svg circle,
.HeadingBleedImage__AboutUs .HeadingBleedImage__SlideNext svg path,
.HeadingBleedImage__AboutUs .HeadingBleedImage__SlidePrevious svg circle,
.HeadingBleedImage__AboutUs .HeadingBleedImage__SlidePrevious svg path {
stroke: #4b64ff
}
.HeadingBleedImage__Careers .HeadingBleedImage__ImageContainer {
background-color: #263c91;
padding: 50px 0;
width: 100%;
margin: 50px 0
}
.HeadingBleedImage__Agent .HeadingBleedImage__ImageContainer {
width: 100%;
margin: 50px 0
}
.HeadingBleedImage__Content {
padding: 0 48px;
margin: 0 auto;
max-width: 1260px
}
.HeadingBleedImage h2 {
color: #263c91;
margin: 0 0 12px
}
.HeadingBleedImage h3 {
font-size: 30px;
line-height: 40px;
font-weight: 600
}
.HeadingBleedImage h3,
.HeadingBleedImage p {
color: #19234d;
margin: 0 0 40px
}
.HeadingBleedImageGrid {
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
margin-top: 35px
}
.HeadingBleedImageGrid img {
width: 100%
}
.HeadingBleedImage__ImageContainer {
margin: 50px -75px 0;
width: calc(100% + 150px)
}
.HeadingBleedImage__ImageContainerDisplay {
display: block !important
}
.HeadingBleedImage__ImageContainer img {
width: 100%;
display: block
}
.HeadingBleedImage__ImageContainer img:last-child {
display: none
}
.HeadingBleedImage__SlideContainer {
background-color: #fff;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
padding: 75px;
position: relative
}
.HeadingBleedImage__Slide h3 {
color: #263c91;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.HeadingBleedImage__Slide p {
color: #6776b2;
font-size: 18px;
line-height: 24px
}
.HeadingBleedImage__Slide img {
width: 100%
}
.HeadingBleedImage__SlideNext,
.HeadingBleedImage__SlidePrevious {
cursor: pointer;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.HeadingBleedImage__SlideNext svg,
.HeadingBleedImage__SlidePrevious svg {
max-width: 50px;
width: 100%
}
.HeadingBleedImage__SlidePrevious {
left: 10px
}
.HeadingBleedImage__SlideNext {
right: 10px
}
.HeadingBleedImage__ImageMobile {
display: none
}
.HeadingBleedImage__ImageMobile img {
width: 100%
}
@media screen and (max-width:767px) {
.HeadingBleedImage__Content {
padding: 0 15px
}
.HeadingBleedImage__ImageContainer {
margin: 0;
width: 100%
}
.HeadingBleedImage__ImageContainer img:first-child {
display: none
}
.HeadingBleedImage__ImageContainer img:last-child {
display: block
}
.HeadingBleedImage__SlideContainer {
padding: 15px
}
.HeadingBleedImage__SlideNext svg,
.HeadingBleedImage__SlidePrevious svg {
max-width: 20px
}
.HeadingBleedImage__SlidePrevious {
left: 0
}
.HeadingBleedImage__SlideNext {
right: 0
}
.HeadingBleedImageGrid {
grid-template-columns: 1fr;
grid-gap: 30px
}
.HeadingBleedImage__ImageSliderDesktop {
display: none
}
.HeadingBleedImage__ImageMobile {
display: block
}
.HeadingBleedImage__AboutUs {
position: relative
}
}
.PricingHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Pricing/mdr-pricing_bg_Main.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.PricingHero__Content {
display: grid;
grid-gap: 50px;
grid-template-columns: 11fr 6fr;
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.PricingHero__ContentBottomLeft h3,
.PricingHero__ContentTopLeft h3 {
color: #40c3d9
}
.PricingHero__ContentBottomLeft h2,
.PricingHero__ContentTopLeft h2 {
color: #fff;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px;
max-width: 750px
}
.PricingHero__ContentBottomLeft h1,
.PricingHero__ContentBottomLeft p,
.PricingHero__ContentTopLeft h1,
.PricingHero__ContentTopLeft p {
color: #fff;
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 0 30px;
max-width: 650px
}
.PricingHero__ContentBottomLeft {
margin-top: 150px
}
.PricingHero__Content img {
position: -webkit-sticky;
position: sticky;
top: 150px;
width: 100%
}
.PricingHero__Btn {
background-color: #d4d8e9;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
@media screen and (max-width:767px) {
.PricingHero__Content {
grid-gap: 50px;
grid-template-columns: 1fr;
padding: 75px 15px
}
.PricingHero__ContentBottomLeft h2,
.PricingHero__ContentTopLeft h2 {
font-size: 52px;
line-height: 120%;
margin: 0 0 15px
}
.PricingHero__Content img {
display: none
}
.PricingHero__ContentBottomLeft {
margin-top: 75px
}
}
.PricingPackages {
padding: 75px 0
}
.PricingPackages__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.PricingPackages__Content h2 {
color: #263c91;
font-size: 35px;
line-height: 44px;
margin: 0 auto 75px;
max-width: 992px;
text-align: center
}
.PricingPackages__Card {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
padding-top: 34px
}
.PricingPackages__Card h4 {
color: #929dc8;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 40px 10px
}
.PricingPackages__Card h3 {
color: #263c91;
font-size: 30px;
letter-spacing: -.1px;
line-height: 32px;
margin: 0 40px 15px
}
.PricingPackages__Card h5 {
color: #a8b1d3;
font-size: 15px;
font-weight: 400;
letter-spacing: normal;
line-height: 120%;
margin: 0 40px 20px
}
.PricingPackages__Card h6 {
background-color: #19234d;
color: #40c3d9;
display: inline-block;
font-size: 12px;
letter-spacing: 1.4px;
line-height: 120%;
margin: 0 0 12px;
padding: 8px 10px 8px 40px
}
.PricingPackages__Card ul {
margin: 0 33px;
padding: 0 0 50px 27px
}
.PricingPackages__Card ul li {
font-size: 15px;
line-height: 120%;
margin: 0 0 12px
}
.PricingPackages__Card ul li:last-child {
margin-bottom: 0
}
.PricingPackages__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr
}
.PricingPackages__Card:first-child {
border-top: 24px solid #40c3d9
}
.PricingPackages__Card:nth-child(2) {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
padding-top: 15px;
border-top: 24px solid #263c91;
margin-top: -24px
}
.PricingPackages__Card:nth-child(3) {
border-top: 24px solid #696de3
}
.PricingPackages__Btn {
color: #3c2b77;
cursor: pointer;
border: 3px solid #3c2b77;
font-weight: 700;
min-width: 150px;
padding: 12px 0;
text-align: center;
width: 33%;
margin: 60px auto 0;
display: block;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.PricingPackages__Content {
padding: 0 15px
}
.PricingPackages__Cards {
grid-template-columns: 1fr
}
}
.PricingTableSet__Content {
margin-bottom: 75px
}
.PricingTableSet__Content h4 {
font-size: 15px;
font-weight: 500;
letter-spacing: 2px;
line-height: 120%;
margin: 0
}
.PricingTableSet__TableTop {
background-color: #19234d;
position: -webkit-sticky;
position: sticky;
top: 114px
}
.PricingTableSet__TableTopContainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.PricingTableSet__TableTopContainer--Mobile {
display: none
}
.PricingTableSet__TableTopTitle {
padding: 20px 0
}
.PricingTableSet__TableTopTitle h4 {
color: #fff
}
.PricingTableSet__TableTopStat {
color: #fff;
padding: 25px 0;
text-align: center
}
.PricingTableSet__TableTopStat-1 {
background-color: #40c3d9
}
.PricingTableSet__TableTopStat-2 {
background-color: #263c91
}
.PricingTableSet__TableTopStat-3 {
background-color: #696de3
}
.PricingTableSet__TableBottom {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.PricingTableSet__TableBottomTitle {
border-bottom: 1px solid #dbdbdb
}
.PricingTableSet__TableBottomTitle h4 {
font-weight: 700;
margin: 50px 0 0;
max-width: 400px
}
.PricingTableSet__TableBottomTitle p {
font-size: 16px;
line-height: 120%;
margin: 25px 0;
max-width: 400px
}
.PricingTableSet__TableBottomTitle p:last-child {
margin-bottom: 25px
}
.PricingTableSet__TableBottomStat {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
border-bottom: 1px solid #dbdbdb;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.PricingTableSet__TableBottomStat svg {
padding-bottom: 18px
}
.PricingTableSet__TableBottomStat p {
font-size: 16px;
line-height: 120%;
margin: 25px 0;
max-width: 400px
}
.PricingTableSet__TableBottomStat p:last-child {
margin-bottom: 25px
}
.PricingTableSet__TableBottomStat-1 {
background-color: rgba(146, 157, 200, .15)
}
.PricingTableSet__TableBottomStat-2 {
background-color: rgba(168, 177, 211, .1)
}
.PricingTableSet__TableBottomStat-3 {
background-color: rgba(233, 235, 244, .1)
}
.PricingTableSet__TableBottom-Last .PricingTableSet__TableBottomStat,
.PricingTableSet__TableBottom-Last .PricingTableSet__TableBottomTitle {
border-bottom: 2px solid #000
}
@media screen and (max-width:767px) {
.PricingTableSet__TableTop {
top: 55px
}
.PricingTableSet__TableTopStat {
min-height: 190px
}
.PricingTableSet__TableTopContainer {
padding: 0 15px
}
.PricingTableSet__TableTopContainer--Mobile {
display: grid
}
.PricingTableSet__TableTopContainer--Desktop {
display: none
}
.PricingTableSet__TableBottom {
padding: 0 15px
}
.PricingTableSet__TableBottomTitle p {
font-size: 14px;
line-height: 18px
}
.PricingTableSet__TableBottomStat p {
font-size: 14px;
line-height: 20px
}
}
.SocPricingCallout {
background-color: #0e142b
}
.SocPricingCallout__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 2fr;
margin: 0 auto;
max-width: 1260px;
padding: 45px 48px
}
.SocPricingCallout__Content img {
width: 100%
}
.SocPricingCallout__Content h3 {
color: #40c3d9
}
.SocPricingCallout__Content h2 {
color: #fff;
font-size: 30px;
line-height: 36px;
margin: 0 0 25px
}
.SocPricingCallout__Content p {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin: 0 0 30px
}
.SocPricingCallout__Content a {
background-color: #d4d8e9;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
@media screen and (max-width:767px) {
.SocPricingCallout__Content {
grid-template-columns: 1fr;
padding: 30px 15px;
grid-gap: 30px
}
}
.EnhanceMDR {
margin: 75px 0 0;
padding: 0 48px 75px;
position: relative
}
.EnhanceMDR__Background {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 75px;
z-index: -1
}
.EnhanceMDR__Background:before {
background: #f4f5f9;
content: "";
height: 1650px;
left: 0;
position: absolute;
right: 0
}
.EnhanceMDR__Content {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px
}
.EnhanceMDR__Container {
background-color: #fff;
padding: 75px
}
.EnhanceMDR__Container h2 {
color: #263c91
}
.EnhanceMDR__Container a {
color: #4b64ff;
display: block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin-top: 40px;
text-transform: uppercase
}
.EnhanceMDR__ContainerTop {
margin-bottom: 75px
}
@media screen and (max-width:767px) {
.EnhanceMDR {
padding: 0 15px 75px
}
.EnhanceMDR__Container {
padding: 30px 15px
}
}
.RealVsFakeHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Real-Vs-Fake/Real-Vs-Fake-Background.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.RealVsFakeHero__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-column-gap: 100px;
grid-template-columns: 4fr 3fr;
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.RealVsFakeHero__Content h3 {
color: #a8b1d3
}
.RealVsFakeHero__Content h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 65px;
margin: 0 0 30px
}
.RealVsFakeHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 auto 30px
}
.RealVsFakeHero__LeftBtn {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.RealVsFakeHero__Right {
display: grid
}
.RealVsFakeHero__Right img {
width: 100%
}
.RealVsFakeHero__RightImage2 {
margin-top: -35px
}
.RealVsFakeHero__RightVS {
color: #696de3;
font-size: 30px;
line-height: 30px;
background-color: #f4f5f9;
max-width: 50px;
margin: -62px auto -20px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
text-align: center;
border-radius: 40px;
padding: 26px 24px;
font-weight: 700;
z-index: 10
}
@media screen and (max-width:767px) {
.RealVsFakeHero__Content {
grid-template-columns: 1fr;
padding: 75px 15px;
grid-row-gap: 20px
}
.RealVsFakeHero__Content h2 {
font-size: 44px;
line-height: 120%
}
.RealVsFakeHero-Response .RealVsFakeHero__Content {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/MDR/Response/Response-Logo-Mobile-R15.png);
background-position: top;
background-repeat: no-repeat;
background-size: contain
}
.RealVsFakeHero-Response .RealVsFakeHero__Right {
display: none
}
}
.WeedPretenders {
margin-bottom: 75px
}
.WeedPretenders__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.WeedPretenders__ContentTop {
background-color: #e9ebf4;
display: grid;
grid-gap: 25px;
grid-template-columns: 1fr 1fr;
padding: 75px 60px 20px
}
.WeedPretenders__ContentTop img {
width: 100%
}
.WeedPretenders__ContentTop h2 {
color: #263c91
}
.WeedPretenders__ContentBottom {
background-color: #e9ebf4;
padding: 0 60px 75px
}
.WeedPretenders__ContentBottom h3 {
font-size: 30px;
line-height: 40px;
margin: 0 0 40px;
max-width: 875px
}
.WeedPretenders__ContentBottom ul {
list-style: none;
margin: 0;
padding: 0
}
.WeedPretenders__ContentBottom ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin: 0 0 20px;
background-color: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
padding: 20px 40px
}
.WeedPretenders__ContentBottom ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' data-name='Group 1580'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23696de3' data-name='Ellipse 1'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M11.996 20.003l6.142 6.055 10.005-10.765' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 40px;
margin-right: 20px;
width: 40px
}
.WeedPretenders__ContentBottom ul li:last-child {
margin-bottom: 0
}
.WeedPretenders__Cta {
background-color: #19234d;
padding: 50px 60px
}
.WeedPretenders__Cta h3 {
font-size: 16px;
line-height: 20px;
letter-spacing: 2.4px;
color: #fff;
font-weight: 700;
margin: 0 0 10px
}
.WeedPretenders__Cta h2 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.WeedPretenders__Cta p {
color: #fff;
font-size: 18px;
line-height: 24px;
font-weight: 400;
margin: 0 0 30px;
max-width: 992px
}
.WeedPretenders__Cta a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 70px
}
@media screen and (max-width:767px) {
.WeedPretenders__Content {
padding: 0 15px
}
.WeedPretenders__ContentTop {
grid-template-columns: 1fr;
padding: 20px 15px
}
.WeedPretenders__ContentBottom {
padding: 0 15px 20px
}
.WeedPretenders__ContentBottom ul li {
padding: 20px 10px
}
.WeedPretenders__Cta {
padding: 20px 15px
}
}
.WhyChooseMDR__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.WhyChooseMDR__Container {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Real-Vs-Fake/Why-Choose-MDR-Background-Image.png);
background-position-x: center;
background-position-y: top;
background-repeat: no-repeat;
background-size: contain;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
padding: 400px 75px 75px
}
.WhyChooseMDR__Container h2 {
color: #263c91;
text-align: center
}
.WhyChooseMDR__Container p {
text-align: center
}
.WhyChooseMDR__ContainerGrid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.WhyChooseMDR__ContainerGridLeft ul {
list-style: none;
padding: 0
}
.WhyChooseMDR__ContainerGridLeft ul:last-child {
margin: 0
}
.WhyChooseMDR__ContainerGridLeft ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin-bottom: 15px
}
.WhyChooseMDR__ContainerGridLeft ul li p {
margin: 0
}
.WhyChooseMDR__ContainerGridLeft ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23696de3'/%3E%3Cpath d='M9.12 15.21l4.67 4.6 7.61-8.18' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
height: 30px;
width: 30px;
min-width: 30px;
margin: 10px 30px 0 0
}
.WhyChooseMDR__ContainerGridRight img {
width: 100%;
display: block
}
.WhyChooseMDR__ContainerGridRightBox {
background-color: #19234d;
padding: 40px 35px;
margin-top: -2px
}
.WhyChooseMDR__ContainerGridRightBox h3 {
color: #40c3d9;
font-size: 18px;
line-height: 24px;
margin: 0 0 10px
}
.WhyChooseMDR__ContainerGridRightBox p {
color: #fff;
font-size: 14px;
line-height: 16px;
margin: 0
}
.WhyChooseMDR__ContainerLogo {
border: 1px solid #696de3;
padding: 25px 65px;
text-align: center
}
.WhyChooseMDR__ContainerLogos {
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 1fr;
margin-top: 50px
}
.WhyChooseMDR__ContainerLogo h5 {
color: #929dc8;
font-size: 24px;
font-weight: 400;
letter-spacing: inherit;
line-height: 32px;
margin-bottom: 22px
}
.WhyChooseMDR__ContainerLogo img {
width: 100%
}
.WhyChooseMDR__Card {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 35px 15px
}
.WhyChooseMDR__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 15px;
margin-top: 50px
}
.WhyChooseMDR__Card h4 {
font-size: 30px;
font-weight: 500;
line-height: 34px;
margin: 0;
text-align: center
}
.WhyChooseMDR__Card h4 strong {
color: #263c91;
display: inline-block
}
.WhyChooseMDR__LineItem {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 10fr;
margin-bottom: 40px
}
.WhyChooseMDR__LineItem svg {
max-width: 85px;
width: 100%
}
.WhyChooseMDR__LineItem h3 {
color: #263c91;
font-size: 24px;
line-height: 32px;
margin: 0 0 10px
}
.WhyChooseMDR__LineItem p {
text-align: left;
margin: 0;
font-size: 24px;
line-height: 32px
}
.WhyChooseMDR__LineItem:last-child {
margin-bottom: 0
}
.WhyChooseMDR__LineItems {
margin: 75px 20px 0
}
.WhyChooseMDR__Careers .WhyChooseMDR__Container {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Careers/Office_People_Oct2023_Larissa_Fran.png);
background-color: #fff;
padding: 75px 50px;
background-position-y: -20px;
background-position-x: 125px
}
.WhyChooseMDR__Careers .WhyChooseMDR__Container h2,
.WhyChooseMDR__Careers .WhyChooseMDR__Container p {
text-align: left
}
.WhyChooseMDR__AboutUs .WhyChooseMDR__Container {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/About-Us/Office_People_Dec2022-34.png);
background-color: #19234d
}
.WhyChooseMDR__AboutUs .WhyChooseMDR__Container h2,
.WhyChooseMDR__AboutUs .WhyChooseMDR__Container p {
color: #fff;
text-align: left
}
.WhyChooseMDR__AboutUs .WhyChooseMDR__LineItem h3 {
color: #40c3d9
}
.WhyChooseMDR__AboutUs .WhyChooseMDR__LineItem p {
color: #fff
}
.WhyChooseMDR__AboutUs .WhyChooseMDR__LineItem a {
color: #40c3d9;
display: block;
font-size: 15px;
font-weight: 700;
letter-spacing: .7px;
line-height: 24px;
margin-top: 10px
}
.WhyChooseMDR__AboutUs .WhyChooseMDR__LineItems {
margin: 50px 0
}
.WhyChooseMDR__AboutUs .UseCaseDrawers__DrawerBottomCopy p {
color: #19234d;
margin-top: 0
}
@media screen and (max-width:767px) {
.WhyChooseMDR__Content {
padding: 0 15px
}
.WhyChooseMDR__Container {
padding: 125px 15px 75px
}
.WhyChooseMDR__ContainerGrid {
grid-template-columns: 1fr
}
.WhyChooseMDR__ContainerGridLeft ul li:before {
margin-right: 10px
}
.WhyChooseMDR__ContainerGridRightBox {
padding: 30px 15px
}
.WhyChooseMDR__ContainerLogo {
padding: 15px 20px
}
.WhyChooseMDR__Cards,
.WhyChooseMDR__ContainerLogos,
.WhyChooseMDR__LineItem {
grid-template-columns: 1fr
}
.WhyChooseMDR__LineItems {
margin: 75px 0 0
}
.WhyChooseMDR__AboutUs .WhyChooseMDR__Container {
padding: 75px 15px
}
.WhyChooseMDR__Careers .WhyChooseMDR__Container {
padding: 30px 15px;
background: none
}
}
.TwoCards__CyanBg {
background-color: #ebf9fb;
padding: 75px 0
}
.TwoCards__CyanBg .TwoCards__Content {
margin: 0 auto
}
.TwoCards__CyanBg h2 {
margin: 0 auto 40px
}
.TwoCards__CyanBg h2,
.TwoCards__CyanBg p {
text-align: center
}
.TwoCards__Content {
max-width: 1260px;
margin: 75px auto;
padding: 0 48px
}
.TwoCards__ContentCard {
background-color: #19234d;
padding: 65px 55px
}
.TwoCards__ContentCard h3 {
color: #fff
}
.TwoCards__ContentCard h2 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.TwoCards__ContentCard p {
color: #fff;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.TwoCards__ContentCard a,
.TwoCards__ContentCard span {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
padding: 15px 5px;
text-align: center;
text-transform: uppercase;
max-width: 375px
}
.TwoCards__ContentCards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px
}
.TwoCards__ContentCardTop {
margin-bottom: 30px
}
.TwoCards__ContentCardTop img {
width: 100%
}
.TwoCards__WithThumbnail h3.eyebrow {
color: #a8b1d3
}
.TwoCards__WithThumbnail h2 {
color: #263c91;
max-width: 925px
}
.TwoCards__WithThumbnail .TwoCards__ContentCard {
padding: 0
}
.TwoCards__WithThumbnail .TwoCards__ContentCard a,
.TwoCards__WithThumbnail .TwoCards__ContentCard span {
margin: 0 auto 35px
}
.TwoCards__WithTopCopy .TwoCards__ContentCard {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.TwoCards__WithTopCopy .TwoCards__ContentCard a,
.TwoCards__WithTopCopy .TwoCards__ContentCard span {
margin-bottom: 50px;
max-width: 350px;
width: 100%
}
.TwoCards__WithTopCopy .TwoCards__ContentCardTopCopy {
padding: 40px
}
.TwoCards__WithTopCopy .TwoCards__ContentCardTopCopy h4 {
color: #40c3d9
}
.TwoCards__WithTopCopy .TwoCards__ContentCardTopCopy h3 {
font-size: 20px;
line-height: 30px;
margin: 0 0 20px
}
.TwoCards__WithTopCopy .TwoCards__ContentCardTopCopy p,
.TwoCards__WithTopCopy .TwoCards__ContentCardTopCopy ul li {
font-size: 18px;
line-height: 24px;
text-align: left;
color: #fff
}
.TwoCards__WithTopCopy .TwoCards__ContentCardTopCopy ul li {
margin-bottom: 20px
}
.TwoCards__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 345px
}
@media screen and (max-width:767px) {
.TwoCards__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 340px;
height: 160px
}
}
@media screen and (max-width:415px) {
.TwoCards__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 183px
}
}
@media screen and (max-width:391px) {
.TwoCards__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 170px
}
}
@media screen and (max-width:376px) {
.TwoCards__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 161px
}
}
@media screen and (max-width:767px) {
.TwoCards__Content {
padding: 0 15px
}
.TwoCards__ContentCard {
padding: 20px 15px
}
.TwoCards__ContentCards {
grid-template-columns: 1fr
}
.TwoCards__WithTopCopy .TwoCards__ContentCard a,
.TwoCards__WithTopCopy .TwoCards__ContentCard span {
max-width: 275px
}
.TwoCards__WithTopCopy .TwoCards__ContentCardTopCopy {
padding: 30px 15px
}
}
.NotAllEqualResponse {
margin-bottom: 75px
}
.NotAllEqualResponse__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.NotAllEqualResponse__Container {
padding: 75px;
background-color: #e9ebf4
}
.NotAllEqualResponse__Container h2 {
color: #263c91
}
.NotAllEqualResponse__Card {
background-color: #fff;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
padding: 50px 44px
}
.NotAllEqualResponse__Card svg {
margin-bottom: 20px
}
.NotAllEqualResponse__Card h3 {
color: #263c91;
font-size: 16px;
line-height: 20px;
letter-spacing: 2.4px;
margin: 0 0 20px
}
.NotAllEqualResponse__Card h4 {
color: #929dc8;
font-size: 24px;
line-height: 32px;
margin: 0 0 25px
}
.NotAllEqualResponse__Card p {
margin: 0;
font-size: 18px;
line-height: 24px
}
.NotAllEqualResponse__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 25px;
margin: 0 0 75px
}
@media screen and (max-width:767px) {
.NotAllEqualResponse__Content {
padding: 0 15px
}
.NotAllEqualResponse__Container {
padding: 20px 15px
}
.NotAllEqualResponse__Container h2 {
margin-bottom: 20px
}
.NotAllEqualResponse__Card {
padding: 20px 15px
}
.NotAllEqualResponse__Cards {
grid-template-columns: 1fr;
margin-top: 30px
}
}
.RemediationTrust {
margin-bottom: 75px
}
.RemediationTrust__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.RemediationTrust__Content h2 {
color: #263c91
}
.RemediationTrust__Content h3 {
color: #19234d;
font-size: 24px;
line-height: 32px;
margin: 0 0 20px
}
.RemediationTrust__Content ul {
list-style: none;
margin: 0;
padding: 0
}
.RemediationTrust__Content ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin: 0 0 20px
}
.RemediationTrust__Content ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' data-name='Group 1580'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23696de3' data-name='Ellipse 1'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M11.996 20.003l6.142 6.055 10.005-10.765' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 40px;
margin-right: 20px;
width: 40px
}
.RemediationTrust__Content ul li:last-child {
margin-bottom: 0
}
.RemediationTrust__Card {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 12fr;
margin-bottom: 40px;
padding: 22px 40px
}
.RemediationTrust__Card p {
margin: 0
}
.RemediationTrust__Cards {
margin-bottom: 50px
}
.RemediationTrust__Card:last-child {
margin-bottom: 0
}
.RemediationTrust__CopyCard {
display: grid;
grid-template-columns: 5fr 6fr;
grid-gap: 50px;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
margin: 40px 0 0
}
.RemediationTrust__CopyCardLeft p {
margin-top: 0
}
.RemediationTrust__NavyCard {
background-color: #19234d;
padding: 50px
}
.RemediationTrust__NavyCard p {
color: #fff;
font-size: 18px;
line-height: 24px;
font-weight: 700;
font-style: italic
}
.RemediationTrust__NavyCard img {
max-width: 30%;
margin-top: 10px
}
.RemediationTrust__NavyCard blockquote {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.048 21.856c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.456 2.176-5.76 2.176-3.157 0-5.803-1.11-7.936-3.328-2.048-2.219-3.072-5.077-3.072-8.576 0-6.4 2.475-10.965 7.424-13.696C34.856 1.973 37.757.992 39.976.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28-7.083 1.877-10.624 5.419-10.624 10.624 0 2.304.597 4.267 1.792 5.888.17-2.901 2.005-4.352 5.504-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48zm-23.552 0c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.413 2.176-5.632 2.176-3.243 0-5.888-1.11-7.936-3.328C1.448 23.904.424 21.003.424 17.504c0-6.315 2.475-10.837 7.424-13.568C11.432 1.973 14.291.992 16.424.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28C9.299 5.173 5.8 8.757 5.8 14.048c0 2.219.597 4.139 1.792 5.76.17-2.901 1.963-4.352 5.376-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 44px 30px;
color: #0e142b;
color: #fff;
font-size: 24px;
letter-spacing: -.01em;
line-height: 31px;
margin: 0;
max-width: 650px;
padding: 50px 0 0
}
.RemediationTrust__NavyCard a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
padding: 15px 5px;
text-align: center;
text-transform: uppercase;
margin-top: 30px;
max-width: 375px
}
@media screen and (max-width:767px) {
.RemediationTrust__Content {
padding: 0 15px
}
.RemediationTrust__Card {
padding: 15px
}
.RemediationTrust__Card,
.RemediationTrust__CopyCard {
grid-template-columns: 1fr
}
.RemediationTrust__NavyCard {
padding: 20px 15px
}
}
.SpotFactVsFiction {
margin-bottom: 75px
}
.SpotFactVsFiction__MT75 {
margin-top: 75px
}
.SpotFactVsFiction__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.SpotFactVsFiction__Content h3 {
font-size: 30px;
line-height: 40px;
color: #19234d
}
.SpotFactVsFiction__Content h3.eyebrow {
color: #fff
}
.SpotFactVsFiction__Content h2 {
color: #263c91
}
.SpotFactVsFiction__Point {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #696de3;
padding: 12px 45px 18px;
margin-bottom: 25px
}
.SpotFactVsFiction__Point h4 {
color: #263c91;
font-size: 52px;
margin: 0 30px 0 0;
line-height: 100%
}
.SpotFactVsFiction__Point p {
margin: 0;
font-size: 24px;
line-height: 32px
}
.SpotFactVsFiction__Point:last-child {
margin-bottom: 0
}
.SpotFactVsFiction__Points {
margin-bottom: 50px
}
.SpotFactVsFiction__Cta {
background-color: #19234d;
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 100px;
padding: 35px 45px;
margin-bottom: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.SpotFactVsFiction__Cta h3 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
display: grid;
margin: 0
}
.SpotFactVsFiction__CtaLeft p {
font-size: 18px;
line-height: 24px;
color: #fff
}
.SpotFactVsFiction__CtaRight a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
padding: 12px 5px;
text-align: center;
text-transform: uppercase;
max-width: 375px
}
.SpotFactVsFiction__Cta:last-child {
margin-bottom: 0
}
.SpotFactVsFiction .FactvsFiction__Callout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.SpotFactVsFiction .FactvsFiction__CalloutLeft {
background: #696de3;
padding: 50px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.SpotFactVsFiction .FactvsFiction__CalloutLeft h3 {
color: #fff;
margin-top: 0;
font-size: 20px;
line-height: 14px
}
.SpotFactVsFiction .FactvsFiction__CalloutLeft p {
color: #fff;
font-size: 18px;
line-height: 24px
}
.SpotFactVsFiction .FactvsFiction__CalloutRight {
background: #a5a7ee;
padding: 50px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.SpotFactVsFiction .FactvsFiction__CalloutRight h3 {
color: #fff;
margin-top: 0;
font-size: 20px;
line-height: 14px
}
.SpotFactVsFiction .FactvsFiction__CalloutRight p {
color: #fff;
font-size: 18px;
line-height: 24px
}
.SpotFactVsFiction .FactvsFiction__CalloutMiddle {
position: absolute;
width: 80px;
height: 80px;
background: #fff;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
border-radius: 50%
}
.SpotFactVsFiction .FactvsFiction__CalloutMiddle p {
margin-top: 10px;
text-align: center;
font-weight: 700;
color: #263c91;
font-size: 40px
}
@media only screen and (max-width:767px) {
.SpotFactVsFiction .FactvsFiction__Callout {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.SpotFactVsFiction .FactvsFiction__CalloutMiddle {
margin-top: -5px
}
}
@media screen and (max-width:767px) {
.SpotFactVsFiction__Content {
padding: 0 15px
}
.SpotFactVsFiction__Cta {
grid-template-columns: 1fr;
grid-gap: 30px
}
.SpotFactVsFiction__Point {
padding: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.SpotFactVsFiction__Point h4 {
margin: 0 0 12px
}
.SpotFactVsFiction__Misconfiguration .SpotFactVsFiction__Content h2 {
font-size: 40px
}
.SpotFactVsFiction__Response .SpotFactVsFiction__Content h2 {
margin-bottom: 20px
}
}
.SeeResponseAction {
background-color: #f4f5f9;
padding: 75px 0
}
.SeeResponseAction__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.SeeResponseAction__Content h2 {
color: #263c91
}
.SeeResponseAction__Content p {
max-width: 1100px
}
.SeeResponseAction__Cta {
background-color: #19234d;
margin-bottom: 30px;
padding: 65px 70px
}
.SeeResponseAction__Cta img {
width: 100%
}
.SeeResponseAction__Cta:last-child {
margin-bottom: 0
}
.SeeResponseAction__Cta-Grid {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.SeeResponseAction__Cta h3 {
font-size: 16px;
line-height: 20px;
letter-spacing: 2.4px;
color: #fff;
margin: 0 0 10px
}
.SeeResponseAction__Cta h4 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
max-width: 900px;
margin: 0 0 15px
}
.SeeResponseAction__Cta p {
color: #fff;
font-size: 18px;
line-height: 24px;
max-width: 900px;
margin: 0 0 25px
}
.SeeResponseAction__Cta a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
padding: 15px 5px;
text-align: center;
text-transform: uppercase;
max-width: 350px
}
.SeeResponseAction__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 206px
}
@media screen and (max-width:767px) {
.SeeResponseAction__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 160px
}
}
@media screen and (max-width:415px) {
.SeeResponseAction__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 200px
}
}
@media screen and (max-width:391px) {
.SeeResponseAction__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 186px
}
}
@media screen and (max-width:376px) {
.SeeResponseAction__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 177px
}
}
@media screen and (max-width:767px) {
.SeeResponseAction__Content {
padding: 0 15px
}
.SeeResponseAction__Cta {
padding: 20px 15px
}
.SeeResponseAction__Cta-Grid {
grid-template-columns: 1fr;
padding: 75px 15px
}
}
.SpotFactVFiction {
padding: 75px 0
}
.SpotFactVFiction__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.SpotFactVFiction__Content h3 {
color: #19234d;
font-size: 24px;
line-height: 32px;
margin-bottom: 30px
}
.SpotFactVFiction__Content ul {
list-style: none;
padding: 0;
margin: 0 0 40px
}
.SpotFactVFiction__Content ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin: 0 0 20px
}
.SpotFactVFiction__Content ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' data-name='Group 1910'%3E%3Cg data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23696de3' data-name='Ellipse 1'/%3E%3C/g%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' transform='translate(8 8)'%3E%3Ccircle cx='15' cy='15' r='15' data-name='Ellipse 6'/%3E%3Cpath d='M15 18.909a5.478 5.478 0 012.3-4.405 3.859 3.859 0 001.619-3.283A3.989 3.989 0 0015 7.169a3.863 3.863 0 00-3.91 3.92' data-name='Path 5300'/%3E%3Ccircle cx='.65' cy='.65' r='.65' data-name='Ellipse 7' transform='translate(14.35 22.175)'/%3E%3C/g%3E%3C/svg%3E");
height: 40px;
margin-right: 20px;
width: 40px
}
.SpotFactVFiction__Content ul li:last-child {
margin-bottom: 0
}
.SpotFactVFiction__Card {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #dbdbdb;
padding: 45px 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.SpotFactVFiction__CardTop {
margin-bottom: 50px
}
.SpotFactVFiction__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 12px
}
.SpotFactVFiction__Card svg {
margin: 0 0 5px
}
.SpotFactVFiction__Card h3 {
margin: 0;
color: #263c91;
font-size: 30px;
line-height: 40px;
font-weight: 600
}
.SpotFactVFiction__Card a {
color: #4b64ff;
font-size: 16px;
line-height: 20px;
letter-spacing: .8px;
font-weight: 600
}
@media screen and (max-width:767px) {
.SpotFactVFiction__Content {
padding: 0 15px
}
.SpotFactVFiction__Cards {
grid-template-columns: 1fr
}
}
.NotAllMDREqual {
margin-bottom: 75px
}
.NotAllMDREqual__Content {
max-width: 1260px;
padding: 0 48px;
margin: 0 auto 50px
}
.NotAllMDREqual__Content h2 {
color: #263c91
}
.NotAllMDREqual__Content h3 {
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.NotAllMDREqual__Content p:last-child {
margin: 0 0 40px
}
.NotAllMDREqual__TableHeading {
background-color: #19234d;
position: -webkit-sticky;
position: sticky;
top: 114px
}
.NotAllMDREqual__TableHeadingContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 1260px;
margin: 0 auto;
padding: 0 48px;
color: #fff;
font-size: 16px;
line-height: 20px;
letter-spacing: 2.4px;
font-weight: 700;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.NotAllMDREqual__TableHeadingContainer img {
max-width: 120px;
margin: 0 auto
}
.NotAllMDREqual__TableHeadingContainer div {
border-left: 1px solid #fff;
padding: 30px
}
.NotAllMDREqual__TableHeadingContainer div:first-child {
border-left: none
}
.NotAllMDREqual__TableCopy {
padding: 0 48px;
max-width: 1260px;
margin: 0 auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid
}
.NotAllMDREqual__TableCopy div {
-ms-flex-item-align: center;
align-self: center;
border-bottom: 1px solid #e9ebf4;
font-size: 18px;
line-height: 24px;
min-height: 55px;
padding: 20px 0 0;
text-align: center
}
.NotAllMDREqual__TableCopy div:first-child {
text-align: left
}
.NotAllMDREqual__TableCopy div:first-child h5 {
color: #40c3d9;
font-size: 11px;
line-height: 12px;
margin: 5px 0 0;
font-weight: 400;
display: none
}
.NotAllMDREqual__TableCopy div:first-child h5 span {
display: block;
font-size: 10px;
letter-spacing: normal;
margin-top: 1px;
color: rgba(0, 0, 0, .6)
}
.NotAllMDREqual__TableCopy div:nth-child(2) {
background-color: #f4f5f9;
font-weight: 700
}
.NotAllMDREqual__TableCopy div:nth-child(3) {
background-color: #263c91;
border-bottom: 1px solid #fff
}
.NotAllMDREqual__TableCopy div:nth-child(4) {
background-color: #f4f5f9
}
@media screen and (max-width:767px) {
.NotAllMDREqual__Content {
padding: 0 15px
}
.NotAllMDREqual__TableHeading {
top: 55px
}
.NotAllMDREqual__TableHeadingContainer {
grid-template-columns: 1fr 1fr 1fr;
padding: 0 5px
}
.NotAllMDREqual__TableHeadingContainer div {
font-size: 11px;
letter-spacing: 1.2px;
line-height: 13px;
padding: 15px 0
}
.NotAllMDREqual__TableHeadingContainer div:nth-child(2) {
display: none
}
.NotAllMDREqual__TableHeadingContainer img {
width: 100%;
padding: 0 7px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.NotAllMDREqual__TableCopy {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 5px;
grid-template-columns: 1fr 1fr 1fr
}
.NotAllMDREqual__TableCopy div {
font-size: 12px;
line-height: 15px;
min-height: 100%;
padding: 5px 2px 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.NotAllMDREqual__TableCopy div:first-child h5 {
display: block
}
.NotAllMDREqual__TableCopy div:nth-child(2) {
display: none
}
.NotAllMDREqual__TableCopy div:nth-child(3) {
padding: 10px 0 0
}
}
.ProactiveSlide {
margin: 0 0 75px;
padding: 0 48px;
position: relative
}
.ProactiveSlide__Background {
bottom: 100px;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 75px;
z-index: -1
}
.ProactiveSlide__Background:before {
background: #f4f5f9;
content: "";
height: 2200px;
left: 0;
position: absolute;
right: 0
}
.ProactiveSlide__Content {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px
}
.ProactiveSlide__Heading2 {
margin-top: 75px
}
.ProactiveSlide__Container {
background-color: #19234d;
padding: 75px 48px
}
.ProactiveSlide__Container h2,
.ProactiveSlide__Container h3,
.ProactiveSlide__Container h4,
.ProactiveSlide__Container p {
color: #fff
}
.ProactiveSlide__Container h2 {
text-align: center
}
.ProactiveSlide__Container h3 {
font-size: 40px;
line-height: 45px;
margin: 0 0 20px
}
.ProactiveSlide__Container h4 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 30px;
line-height: 34px;
margin: 0
}
.ProactiveSlide__Container h4:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1149.84-2000.97h2123.34v1194.38H1149.84z' stroke-width='0' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M1393.5-1432.16c160.29-46.17 206.38 28.72 405.98-7.5 8.11-1.47 16.16-3.19 24.21-4.93 141.21-30.36 187.17-78.37 258.99-93.33 92.75-19.33 123.21-8.45 236.31 19.2 21.02 5.14 42.87 8.59 65.69 11.58 189.66 24.89 401.43-1.77 523.79 135.97 56.53 63.64 101.59 171.39 80.04 350.16-6.24 51.75-19.83 103.51-37.93 156.19-66.26 192.85-150.06 333.91-111.37 467.85 12 41.56 34.41 110.92 27.58 200.46-2.12 27.75-9.69 55.03-22.76 84.14-48.71 108.54-201.75 233.59-414.3 349.79-108.24 59.18-206.44 79.47-319.33 110.86-139.14 38.69-258.13 91.25-408.92 186.92-200.93 127.48-310.38 280.95-490.99 385.03-135.43 78.05-282.31 130.49-473.78 122.45-135.8-5.71-266.68-30.11-379.67-117.3C112.52 735.66 200.83 431.62 82.1-5.55 41.36-155.56 26.91-274.83 58.75-348.89c31.81-73.31 125.17-72.48 206.32-186.35 62.53-87.75 47.39-152.22 124.73-228.72 51.06-50.72 80.24-40.86 132.84-90.65 93.55-88.88 72.51-187.76 144.65-225.66 72.89-38.46 143.11 29.69 303.28 17.07 45.93-3.62 72.48-6.95 100.92-23.02 78.01-44.17 59.86-136.03 148.05-222.2 21.56-21.07 78.51-96.24 173.97-123.74z' opacity='.5' stroke-miterlimit='10' stroke='%232f69a9' fill='none'/%3E%3Cpath d='M1396.72-1660.98c166.84-53.93 216.86 23.98 447.02-15.55 9.03-1.55 17.91-3.33 26.72-5.11 162.38-32.75 208.8-82.96 290.78-88.47 108.11-7.27 134.69 26.21 258.95 77.37 22.99 9.47 46.67 16.61 71.03 22.74 204.02 51.32 422.85 8.44 576.66 165.04 65.99 67.19 151.79 195.31 138.32 397.91-4.05 60.84-18.84 120.43-40.41 179.85-77.15 215.02-201.25 375.31-154.4 531.18 12.58 41.85 39.64 121.92 40.09 229.92.13 30.69-4.92 62.55-16.12 98.82-39.51 127.98-191.58 315.49-421.93 462.96-122.14 78.19-230.56 99.4-359.05 128.38-150.79 34.01-292.37 78.08-480.22 179.03-247.2 132.84-380.56 298.46-572.68 416.46-149.95 92.1-308.94 158.56-531.29 156.43-152.32-1.46-301.21-19.08-435.98-113.66C-56.82 957.12 53.15 617.88-146.87 84.25c-63.77-170.13-106.27-307.26-66.26-402.86 39.7-94.24 157.32-84.77 255.72-225.71 77.55-111.07 50.81-190.17 146.22-285.23 64-63.96 98.55-47.08 164.05-109.77 117.38-112.62 81.31-238.62 168.86-283.69 87.9-45.39 171.52 50.73 374.47 38.78 57.86-3.41 89.84-6.39 124.25-26.51 94.6-55.37 64.05-170.56 167.85-287.97 22.11-25.01 89.65-123.89 208.42-162.28z' stroke='%233278b1' stroke-dasharray='0 0 5 7' opacity='.5' stroke-miterlimit='10' fill='none'/%3E%3Cpath d='M1399.94-1889.79c173.68-61.3 227.33 19.17 488.07-23.59 9.94-1.63 19.66-3.46 29.23-5.29 183.57-35.06 230.37-87.38 322.57-83.61 123.39 5.04 146.22 60.83 281.59 135.54 24.98 13.79 50.46 24.65 76.37 33.9 218.31 77.89 443.84 19.25 629.53 194.12 75.33 70.93 202.28 219.17 196.6 445.65-1.75 69.9-17.97 137.3-42.89 203.5-88.45 237.05-252.68 416.79-197.43 594.51 13.1 42.15 44.21 133.1 52.6 259.38 2.24 33.7-.37 70.09-9.48 113.49-30.97 147.57-180.97 397.74-429.57 576.12-135.78 97.43-254.64 119.62-398.77 145.9-162.4 29.62-326.59 65.07-551.51 171.14-293.47 138.4-450.62 316.13-654.37 447.89-164.38 106.3-335.59 186.42-588.79 190.42-168.86 2.67-335.74-8.05-492.29-110.01C-226.15 1178.59-92 801.48-375.85 174.05c-86.46-191.1-157.35-345.24-109.16-462.39 47.58-115.18 189.45-97.07 305.13-265.06 92.56-134.41 54.23-228.12 167.72-341.74 76.94-77.2 116.86-53.3 195.27-128.89 141.21-136.35 90.1-289.48 193.07-341.71 102.91-52.33 199.91 71.41 445.67 60.49 69.79-3.3 107.19-5.83 147.59-29.99 111.18-66.57 69.75-204.32 187.65-353.73 22.86-28.97 101.11-150.78 242.86-200.82z' stroke='%233487b9' opacity='.75' stroke-miterlimit='10' fill='none'/%3E%3Cpath d='M1403.15-2118.61c180.74-68.49 237.71 13.77 529.11-31.63 10.85-1.73 21.41-3.59 31.73-5.47 204.77-37.29 251.87-91.7 354.36-78.75 138.56 17.5 157.79 95.44 304.24 193.7 26.98 18.1 54.23 32.7 81.71 45.05 232.51 104.55 464.55 30.53 682.4 223.19 84.61 74.83 252.94 242.96 254.88 493.4.61 78.96-17.09 154.18-45.37 227.15-99.74 259.08-304.35 458.34-240.46 657.84 13.6 42.46 48.32 144.48 65.1 288.84 4.28 36.77 4.04 77.67-2.84 128.17-22.81 167.39-170.04 480.16-437.21 689.28-149.22 116.8-278.73 140.06-438.5 163.43-174.02 25.45-360.81 52.15-622.81 163.25-339.74 144.07-520.58 333.91-736.07 479.32-178.72 120.6-362.27 214.13-646.3 224.41-185.42 6.71-370.28 2.98-548.59-106.37-384.03-236.15-224.42-652.97-593.37-1372.35C-713.9 51.2-813.27-119.37-756.91-258.06c55.47-136.11 221.27-109.58 354.54-304.42 107.32-157.92 57.65-266.06 189.21-398.24 89.88-90.43 135.16-59.53 226.48-148.01 165.04-160.09 98.9-340.35 217.29-399.74 117.92-59.26 228.33 92.5 516.86 82.2 81.73-3.07 124.54-5.27 170.92-33.48 127.77-77.78 76.56-237.67 207.46-419.5 23.74-32.98 112.86-177.05 277.3-239.35z' opacity='.75' stroke='%233796c1' stroke-miterlimit='10' fill='none'/%3E%3Cpath d='M1406.37-2347.42c188-75.58 248.2 9.03 570.15-39.68 11.76-1.81 23.16-3.72 34.24-5.66 225.97-39.47 273.28-95.96 386.15-73.89 153.64 30.04 169.56 129.83 326.88 251.87 29.01 22.38 58 40.75 87.04 56.21 246.65 131.25 485.07 42.17 735.27 252.26 93.88 78.82 303.73 266.7 313.16 541.14 3.02 87.99-16.22 171.06-47.85 250.81-111.04 281.11-356.24 499.98-283.48 721.18 14.07 42.78 52.11 156.04 77.61 318.3 6.27 39.9 8.37 85.31 3.8 142.84-14.88 187.43-158.87 562.66-444.85 802.45-162.52 136.26-302.82 160.7-478.22 180.95-185.68 21.44-395.05 39.29-694.11 155.36-386.04 149.83-590.47 351.76-817.76 510.75-192.99 134.99-388.97 241.73-703.8 258.4-202 10.7-404.81 14.01-604.9-102.72-430.54-251.62-244.81-709.43-699.51-1519.49-131.68-234.59-259.5-421.2-194.98-581.44 63.35-157.05 253.47-121.83 403.94-343.77 122.38-181.21 61.07-304.01 210.7-454.75 102.81-103.67 153.47-65.75 257.7-167.13 188.87-183.82 107.69-391.21 241.5-457.76 132.93-66.19 256.74 113.6 588.05 103.91 93.66-2.84 141.9-4.71 194.26-36.97 144.36-88.98 84.19-270.77 227.26-485.27 24.71-37.05 124.9-202.77 311.74-277.89z' stroke='%233aa5c9' stroke-dasharray='0 0 11.99 11.99' stroke-miterlimit='10' fill='none' opacity='.75'/%3E%3Cpath d='M1409.59-2576.24c195.41-82.63 258.69 4.29 611.19-47.72 12.68-1.89 24.92-3.84 36.75-5.84 247.23-41.32 294.64-100.2 417.94-69.03 168.64 42.63 181.11 164.54 349.53 310.03 31 26.72 61.74 48.85 92.38 67.36 260.52 158.29 505.46 54.11 788.14 281.33 103.13 82.9 354.61 290.39 371.44 588.89 5.47 97.01-15.34 187.94-50.33 274.46-122.33 303.14-408.35 541.7-326.51 784.51 14.53 43.11 55.67 167.75 90.12 347.75 8.24 43.06 12.64 93 10.44 157.51-7.07 207.66-147.51 645.2-452.49 915.61-175.69 155.78-326.94 181.48-517.94 198.47-197.37 17.55-429.14 26.9-765.41 147.47-432.16 156.18-660.3 369.68-899.46 542.18-207.19 149.44-415.74 268.6-761.31 292.39-218.62 14.24-439.34 25.04-661.21-99.08-477.04-267.1-264.87-766.79-805.66-1666.62-154.34-256.8-310.58-459.18-237.88-640.96 71.24-177.98 285.68-134.07 453.35-383.13 137.44-204.51 64.49-341.95 232.19-511.26 115.75-116.9 171.78-71.97 288.91-186.25 212.7-207.56 116.49-442.07 265.71-515.79 147.95-73.12 285.16 134.69 659.24 125.62 105.6-2.61 159.25-4.14 217.59-40.45 160.95-100.19 92.41-303.75 247.06-551.03 25.74-41.15 137.18-228.05 346.19-316.43z' stroke='%233db4d1' stroke-miterlimit='10' fill='none'/%3E%3Cpath d='M1412.81-2805.05c202.96-89.66 269.18-.45 652.24-55.76 303.38-43.8 348.93-112.33 488.98-70.19 183.58 55.24 192.66 199.25 372.17 368.2 314.48 295.98 586.52 116.19 938.73 388.92 112.39 87.03 405.54 314.03 429.73 636.63 35.65 475.55-539.62 805.77-422.34 1145.95 14.98 43.44 59.07 179.59 102.63 377.21 10.2 46.27 16.87 100.73 17.08 172.19.67 228.04-136.01 727.76-460.13 1028.77-379.86 352.78-652.57 105.34-1394.38 355.58-900.67 303.83-996.65 836.61-1799.96 899.98-235.2 18.55-473.87 36.08-717.52-95.43-523.54-282.57-284.74-824.78-911.8-1813.76-177.03-279.21-361.66-497.16-280.79-700.49 79.12-198.92 317.88-146.32 502.76-422.48 152.5-227.8 67.91-379.9 253.69-567.77 128.69-130.14 190.08-78.19 320.13-205.37 236.52-231.29 125.28-492.93 289.93-573.81 162.96-80.05 313.58 155.79 730.44 147.33 117.53-2.38 176.61-3.58 240.93-43.94 177.53-111.39 101.08-336.66 266.86-616.8 26.81-45.3 149.69-252.95 380.63-354.97z' stroke='%2340c3d9' stroke-miterlimit='10' fill='none'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='20' fill='%2340c3d9'/%3E%3Cpath d='M42 50l6.14 6.06 10-10.76' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' fill='none'/%3E%3C/svg%3E");
max-width: 75px;
width: 100%;
margin: 12px 0 0 -22px
}
.ProactiveSlide__Container a {
color: #4b64ff;
display: block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin-top: 40px;
text-transform: uppercase
}
.ProactiveSlide__ContainerTop {
margin-bottom: 75px
}
.ProactiveSlide__SlideRow {
grid-gap: 40px;
display: grid;
grid-template-columns: 3fr 2fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ProactiveSlide__SlideRight {
min-width: 100%
}
.ProactiveSlide .swiper-wrapper {
position: relative
}
.ProactiveSlide__Paginate {
position: absolute;
bottom: 10px;
background: #fff;
right: 10px
}
.ProactiveSlide__SlideCardContainer {
background-color: #fff;
padding: 38px;
min-height: 145px
}
.ProactiveSlide__SlideCardContainer svg {
max-width: 82px;
margin: -30px 0 -15px -25px
}
.ProactiveSlide__SlideCardContainer h6 {
color: #19234d;
font-size: 30px;
line-height: 38px;
font-weight: 400;
margin: 0;
word-break: break-word
}
.ProactiveSlide__Checks {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px
}
.ProactiveSlide__Check p {
margin: 0
}
.ProactiveSlide__Card {
background-color: #fff;
min-height: 182px;
padding: 30px 30px 65px;
position: relative
}
.ProactiveSlide__Card svg {
max-width: 70px;
width: 100%
}
.ProactiveSlide__Card h4 {
color: #263c91;
font-size: 26px;
line-height: 32px;
margin-top: 10px
}
.ProactiveSlide__Card h4:before {
content: "";
margin: 0;
width: 0
}
.ProactiveSlide__Card p {
color: #19234d;
font-size: 20px;
line-height: 25px;
display: none
}
.ProactiveSlide__CardSvg {
bottom: 30px;
cursor: pointer;
position: absolute;
right: 30px
}
.ProactiveSlide__CardSvg svg:last-child {
display: none
}
.ProactiveSlide__Cards {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 0 50px
}
.ProactiveSlide__Card.active p {
display: block
}
.ProactiveSlide__Card.active .ProactiveSlide__CardSvg svg:first-child {
display: none
}
.ProactiveSlide__Card.active .ProactiveSlide__CardSvg svg:last-child {
display: block
}
@media screen and (max-width:767px) {
.ProactiveSlide {
padding: 0 15px
}
.ProactiveSlide__Container {
padding: 30px 15px
}
.ProactiveSlide__Container h4 {
font-size: 24px;
line-height: 30px;
margin-bottom: 10px
}
.ProactiveSlide__Container h4:before {
margin: -3px 0 -12px -22px
}
.ProactiveSlide__SlideRow {
grid-template-columns: 1fr
}
.ProactiveSlide__SlideLeft p {
margin: 0
}
.ProactiveSlide__Card {
padding: 15px 15px 30px
}
.ProactiveSlide__Cards {
grid-template-columns: 1fr
}
.ProactiveSlide__Card h4:before {
margin: 0
}
.ProactiveSlide__Checks {
grid-template-columns: 1fr;
grid-gap: 20px
}
}
.AgentDemo__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.AgentDemo__Row {
background-color: #e9ebf4;
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 40px;
padding: 48px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.AgentDemo__Row h3 {
color: #0e142b;
font-size: 30px;
margin: 0 0 20px;
line-height: 32px
}
.AgentDemo__Row h4 {
color: #929dc8
}
.AgentDemo__Row p {
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.AgentDemo__Row a {
text-transform: uppercase;
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center;
font-size: 16px
}
@media screen and (max-width:767px) {
.AgentDemo__Content {
padding: 0 15px
}
.AgentDemo__Row {
grid-template-columns: 1fr;
padding: 15px;
grid-gap: 20px
}
}
.WhyAgent {
background: #19234d;
margin-bottom: 75px
}
.WhyAgent__Content {
max-width: 1260px;
margin: 0 auto;
background: #19234d;
padding: 75px 48px
}
.WhyAgent__Content h2,
.WhyAgent__Content p {
color: #fff
}
.WhyAgent__Outcomes {
margin-top: 50px
}
.WhyAgent__OutcomesTop {
background-color: #bfc4d6;
padding: 22px 40px
}
.WhyAgent__OutcomesTop img {
width: 100%;
max-width: 210px
}
.WhyAgent__OutcomesBottom {
background-color: #d3d8e9;
padding: 48px
}
.WhyAgent__OutcomesBottomItems {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 100px
}
.WhyAgent__OutcomesBottomItems h3 {
font-size: 24px;
line-height: 32px;
margin: 0 0 25px
}
.WhyAgent__OutcomesBottomItems ul {
margin: 0
}
.WhyAgent__OutcomesBottomItems ul li {
font-size: 18px;
line-height: 24px;
margin-bottom: 25px
}
.WhyAgent__OutcomesBottomItem:first-child ul {
padding-left: 22px
}
.WhyAgent__OutcomesBottomItem:last-child ul {
list-style: none;
padding: 0
}
.WhyAgent__OutcomesBottomItem:last-child ul:last-child {
margin: 0
}
.WhyAgent__OutcomesBottomItem:last-child ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.WhyAgent__OutcomesBottomItem:last-child ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.193' height='11.763' data-name='Group 1207'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h16.193v11.763H0z' data-name='Rectangle 1009'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Group 1205'%3E%3Cpath d='M4.674 11.763c-.044 0-.089 0-.135-.007a1.311 1.311 0 01-.918-.526L.255 6.657a1.307 1.307 0 112.1-1.55l2.519 3.415L14.013.333a1.308 1.308 0 011.745 1.948L5.546 11.43a1.306 1.306 0 01-.872.333' data-name='Path 4272'/%3E%3C/g%3E%3C/svg%3E");
margin: 0 20px 0 0;
width: 16px
}
@media screen and (max-width:767px) {
.WhyAgent__Content {
padding: 75px 15px
}
.WhyAgent__OutcomesBottom,
.WhyAgent__OutcomesTop {
padding: 15px
}
.WhyAgent__OutcomesBottomItems {
grid-template-columns: 1fr;
grid-gap: 30px
}
}
.UseCaseHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/XDR-Background.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.UseCaseHero__Content {
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.UseCaseHero__Content h3 {
color: #a8b1d3
}
.UseCaseHero__Content h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px;
max-width: 650px
}
.UseCaseHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 0 30px;
max-width: 650px
}
.UseCaseHero__Content--Full h1,
.UseCaseHero__Content--Full h2 {
max-width: 750px
}
.UseCaseHero__Content--Full .UseCaseHero__Container {
display: block
}
.UseCaseHero__Compliance .UseCaseHero__Content h2 {
font-size: 52px
}
.UseCaseHero__Container {
display: grid;
grid-template-columns: 4fr 3fr;
grid-gap: 75px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.UseCaseHero__ContainerRightRansomwareeBoxTop {
background-color: #19234d;
margin-bottom: 20px
}
.UseCaseHero__ContainerRightRansomwareeBoxTop h3 {
color: #fff;
text-align: center;
font-size: 24px;
line-height: 28px;
padding: 26px 5px;
margin: 0
}
.UseCaseHero__ContainerRightRansomwareeBoxBottom {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Use-Cases/managed_risk_services_bg-V2.png);
background-size: 130%;
background-position: 50%;
background-repeat: no-repeat;
padding: 35px;
background-size: cover
}
.UseCaseHero__ContainerRightRansomwareeBoxBottom p {
color: #fff;
font-size: 22px;
line-height: 26px;
margin: 0
}
.UseCaseHero__ContainerRightRansomwareeBoxBottom div {
display: grid;
grid-template-columns: 1fr 8fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
grid-gap: 20px
}
.UseCaseHero__ContainerRightRansomwareeBoxBottom div:last-child {
margin-bottom: 0
}
.UseCaseHero__ContainerRightZeroDayBox {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Use-Cases/Zero-Day/Zero-Day-Hero-Background-Image.png);
background-position: 50%;
background-size: 120%;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 4fr;
margin-bottom: 15px;
padding: 40px
}
.UseCaseHero__ContainerRightZeroDayBox svg {
max-width: 357px;
width: 100%
}
.UseCaseHero__ContainerRightZeroDayBox:last-child {
margin-bottom: 0
}
.UseCaseHero__ContainerRightZeroDayBox p {
color: #fff;
font-size: 24px;
line-height: 30px;
margin: 0
}
.UseCaseHero__ContainerRightAwsImage img {
width: 100%
}
.UseCaseHero__ContainerRightMsftImage {
text-align: right
}
.UseCaseHero__ContainerRightMsftImage img {
width: 100%;
max-width: 325px
}
.UseCaseHero__Btn,
.UseCaseHero__LeftBtn {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.UseCaseHero__Misconfiguration .UseCaseHero__Content h2 {
font-size: 59px
}
@media screen and (max-width:767px) {
.UseCaseHero__Content {
padding: 75px 15px;
grid-gap: 50px
}
.UseCaseHero__Content h2 {
font-size: 52px;
line-height: 120%
}
.UseCaseHero__Container {
grid-template-columns: 1fr
}
.UseCaseHero__ContainerRightZeroDayBox {
padding: 30px 15px
}
.UseCaseHero__ContainerRightMsftImage {
text-align: center
}
.UseCaseHero__Misconfiguration .UseCaseHero__Content h2 {
font-size: 40px
}
}
.UseCaseTop {
margin-bottom: 75px
}
.UseCaseTop__MB0 {
margin-bottom: 0
}
.UseCaseTop__Center {
text-align: center
}
.UseCaseTop__Careers {
background-color: #19234d;
padding-bottom: 75px
}
.UseCaseTop__Careers .UseCaseDrawers__DrawerBottomCopy p,
.UseCaseTop__Careers .UseCaseDrawers__DrawerBottomCopy ul li {
text-align: left
}
.UseCaseTop__Careers p {
font-size: 24px
}
.UseCaseTop__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.UseCaseTop__Content ul li {
margin-bottom: 20px
}
.UseCaseTop__Content ul:last-child {
margin-bottom: 0
}
.UseCaseTop__Container {
padding: 100px 75px 75px;
background-color: #e9ebf4
}
.UseCaseTop__Container h2,
.UseCaseTop__Container p b,
.UseCaseTop__Container p i {
color: #263c91
}
.UseCaseTop__Container p a {
color: #5063f9;
font-weight: 700;
text-decoration: underline
}
.UseCaseTop__ContainerCopy h3 {
font-size: 24px;
line-height: 32px;
margin: 0 0 20px
}
.UseCaseTop__ByNumbers {
float: right;
margin-bottom: 30px;
margin-left: 65px;
max-width: 425px
}
.UseCaseTop__ByNumbers h3 {
color: #878ae9;
text-align: center
}
.UseCaseTop__ByNumbersItem {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
background-color: #fff;
margin-bottom: 15px;
padding: 25px 35px 35px
}
.UseCaseTop__ByNumbersItem h5 {
font-size: 58px;
color: #878ae9;
line-height: 60px;
letter-spacing: -.99px;
margin: 0 0 10px
}
.UseCaseTop__ByNumbersItem h5 span {
vertical-align: super;
font-size: 60%;
margin-left: 5px
}
.UseCaseTop__ByNumbersItem p {
margin: 0;
max-width: 350px;
font-size: 18px;
line-height: 24px
}
.UseCaseTop__ByNumbersBottomCopy {
color: #19234d;
font-size: 12px;
font-style: italic;
line-height: 14px;
padding: 0 20px;
text-align: center
}
.UseCaseTop__TabCell {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #d4d8e9;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
margin-bottom: 15px;
padding: 30px 22px
}
.UseCaseTop__TabCell:last-child {
margin-bottom: 0
}
.UseCaseTop__TabCell h3 {
color: #0e142b;
font-size: 22px;
font-weight: 700;
line-height: 120%;
margin: 0;
max-width: 400px
}
.UseCaseTop__TabCell.selected {
background-color: #263c91
}
.UseCaseTop__TabCell.selected h3 {
color: #fff
}
.UseCaseTop__TabCopy {
-ms-flex-item-align: center;
align-self: center;
padding: 35px 50px;
display: none
}
.UseCaseTop__TabCopy.selected {
display: block
}
.UseCaseTop__TabCopy h4 {
color: #40c3d9;
font-weight: 500
}
.UseCaseTop__TabCopy h3 {
color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 30px;
margin: 0 0 30px;
max-width: 675px
}
.UseCaseTop__TabCopy p {
color: #fff;
font-size: 16px;
letter-spacing: -.1px;
line-height: 20px;
margin: 0 0 10px;
max-width: 700px
}
.UseCaseTop__TabCopy p:last-child {
margin-bottom: 0
}
.UseCaseTop__TabCopy ul li {
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
color: #fff
}
.UseCaseTop__TabCopy ul li:last-child {
margin-bottom: 0
}
.UseCaseTop__Tabs {
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 2fr;
margin-top: 50px
}
.UseCaseTop__TabsLeft {
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.UseCaseTop__TabsLeft,
.UseCaseTop__TabsRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.UseCaseTop__TabsRight {
background-color: #19234d
}
.UseCaseTop__Card {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
background-color: #fff;
margin: 0 0 15px;
padding: 30px
}
.UseCaseTop__Card svg {
margin: 0 0 15px
}
.UseCaseTop__Card h4 {
color: #929dc8;
font-size: 18px;
line-height: 24px;
font-weight: 400;
margin: 0 0 10px
}
.UseCaseTop__Card h3 {
color: #263c91;
font-size: 24px;
line-height: 32px;
margin: 0 0 20px
}
.UseCaseTop__Card p {
color: #19234d;
margin: 0
}
.UseCaseTop__IconCards {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 15px;
margin-top: 35px
}
.UseCaseTop__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px
}
.UseCaseTop__Cards h3,
.UseCaseTop__Cards p {
text-align: center;
font-size: 18px;
line-height: 24px
}
.UseCaseTop__CardChecks ul {
list-style: none;
margin: 0 0 45px;
padding: 0
}
.UseCaseTop__CardChecks ul:last-child {
margin: 0
}
.UseCaseTop__CardChecks ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
background-color: #fff;
padding: 25px 40px;
font-size: 18px;
line-height: 24px;
margin-bottom: 15px
}
.UseCaseTop__CardChecks ul li:last-child {
margin-bottom: 0
}
.UseCaseTop__CardChecks ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg data-name='Group 1197'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23696de3' data-name='Ellipse 1'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M12.115 20.003l6.142 6.055 10.005-10.765' data-name='Path 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
height: 40px;
margin-right: 20px;
width: 40px
}
.UseCaseTop__Checks ul {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 15px;
grid-template-columns: 1fr 1fr;
list-style: none;
margin: 0 0 45px;
padding: 0
}
.UseCaseTop__Checks ul:last-child {
margin: 0
}
.UseCaseTop__Checks ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px
}
.UseCaseTop__Checks ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23c9cee3' data-name='Ellipse 1'/%3E%3Cpath fill='rgba(0,0,0,0)' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 23l9.129 9L35 16' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 46px;
margin-right: 20px;
width: 46px
}
.UseCaseTop__Checks__NoGrid ul {
grid-template-columns: 1fr
}
.UseCaseTop__BlueCheck {
border: 1px solid #c3c5f4;
background-color: #fff;
padding: 27px 30px
}
.UseCaseTop__BlueCheck p {
margin: 0;
color: #263c91;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
line-height: 26px
}
.UseCaseTop__BlueCheck p:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23263c91'/%3E%3Cpath d='M12 20l6.14 6.06 10-10.76' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
height: 40px;
margin-right: 20px;
width: 40px
}
.UseCaseTop__BlueChecks {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px
}
.UseCaseTop__LargeCard {
padding: 40px;
background-color: #fff;
margin-bottom: 30px
}
.UseCaseTop__LargeCards {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr;
margin-top: 40px
}
.UseCaseTop__LargeCard h3 {
color: #263c91;
margin: 0 0 20px;
font-size: 24px;
line-height: 30px
}
.UseCaseTop__LargeCard h4 {
margin: 0 0 2px;
font-size: 18px;
line-height: 24px
}
.UseCaseTop__LargeCard p,
.UseCaseTop__LargeCard ul li {
margin: 0 0 15px;
font-size: 18px;
line-height: 24px
}
@media screen and (max-width:767px) {
.UseCaseTop__Content {
padding: 0 15px
}
.UseCaseTop__Container {
padding: 30px 15px
}
.UseCaseTop__Container h2 {
font-size: 35px;
margin: 0 0 15px
}
.UseCaseTop__Container p {
margin: 0 0 15px
}
.UseCaseTop__Cards {
grid-gap: 0;
grid-template-columns: 1fr
}
.UseCaseTop__LargeCards {
grid-template-columns: 1fr;
grid-gap: 15px
}
.UseCaseTop__Checks ul {
grid-template-columns: 1fr
}
.UseCaseTop__ByNumbers {
float: inherit;
margin: 0 0 30px
}
.UseCaseTop__TabCopy {
padding: 30px 15px
}
.UseCaseTop__IconCards,
.UseCaseTop__Tabs {
grid-template-columns: 1fr
}
.UseCaseTop__IconCards {
grid-gap: 0
}
.UseCaseTop__Careers .UseCaseDrawers__DrawerTop {
text-align: left
}
.UseCaseTop__BlueChecks {
grid-template-columns: 1fr
}
.UseCaseTop__BlueCheck {
padding: 15px
}
.UseCaseTop__BlueCheck p:before {
max-width: 40px;
width: 100%
}
}
.WeUnderstandToday {
margin-bottom: 50px
}
.WeUnderstandToday__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.WeUnderstandToday__Content h2,
.WeUnderstandToday__Content p {
text-align: center;
max-width: 1100px;
margin: 0 auto 30px
}
.WeUnderstandToday__Content h2 {
color: #263c91
}
.WeUnderstandToday__Table {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
border-top: 1px solid #e2e2e2
}
.WeUnderstandToday__TableColumns {
border-right: 1px solid #e2e2e2
}
.WeUnderstandToday__TableColumns:last-child {
border-right: none
}
.WeUnderstandToday__TableColumnsTop {
border-bottom: 1px solid #e2e2e2;
padding: 20px
}
.WeUnderstandToday__TableColumnsTop h3 {
color: #5163a7;
font-size: 16px;
line-height: 20px;
letter-spacing: 1.5px;
margin: 0 0 10px
}
.WeUnderstandToday__TableColumnsTop h4 {
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin: 0;
max-width: 310px;
min-height: 64px
}
.WeUnderstandToday__TableColumnsBottom {
padding: 20px
}
.WeUnderstandToday__TableColumnsBottom ul {
margin: 0;
padding-left: 20px
}
.WeUnderstandToday__TableColumnsBottom ul li {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px
}
@media screen and (max-width:767px) {
.WeUnderstandToday__Content {
padding: 0 15px
}
.WeUnderstandToday__Table {
grid-template-columns: 1fr
}
.WeUnderstandToday__TableColumns {
border: none;
border-bottom: 1px solid #e2e2e2
}
.WeUnderstandToday__TableColumnsTop h4 {
min-height: auto
}
}
.NavyShortCallout__ZeroDay {
margin-bottom: 50px
}
.NavyShortCallout__ZeroDay .NavyShortCallout__Container h2 {
max-width: 100%
}
.NavyShortCallout__AWS .NavyShortCallout__Container {
display: grid;
grid-template-columns: 3fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.NavyShortCallout__AWS .NavyShortCallout__Container a.Video-Btn {
padding: 15px 5px
}
.NavyShortCallout__FH .NavyShortCallout__Content h2 {
max-width: 100%
}
.NavyShortCallout__WhiteHeading .NavyShortCallout__Content h2 {
color: #fff
}
.NavyShortCallout__WithLogo .NavyShortCallout__Content h2,
.NavyShortCallout__WithMicrosoftLogo .NavyShortCallout__Content h2 {
padding-right: 300px
}
.NavyShortCallout__WithMicrosoftLogo .NavyShortCallout__Container img {
max-width: 200px;
right: 70px;
top: 60px
}
.NavyShortCallout__MB75 {
margin-bottom: 75px
}
.NavyShortCallout__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.NavyShortCallout__Container {
background-color: #19234d;
padding: 50px;
position: relative
}
.NavyShortCallout__Container h3 {
color: #fff
}
.NavyShortCallout__Container h2 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
max-width: 500px;
margin: 0 0 20px
}
.NavyShortCallout__Container p {
color: #fff;
font-size: 18px;
line-height: 24px;
margin: 0 0 25px
}
.NavyShortCallout__Container a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 70px;
text-transform: uppercase;
text-align: center
}
.NavyShortCallout__Container a.Video-Btn {
display: block;
padding: 0
}
.NavyShortCallout__Container img {
max-width: 300px;
position: absolute;
right: 50px;
top: 110px;
width: 100%
}
.NavyShortCallout__Container--ROITool {
display: grid;
grid-gap: 50px;
grid-template-columns: 5fr 4fr;
margin-bottom: 75px
}
.NavyShortCallout__Container--ROITool img {
max-width: 100%;
position: inherit
}
.NavyShortCallout__Container--CyberInsurance,
.NavyShortCallout__Container--MaturityTool {
display: grid;
grid-gap: 50px;
grid-template-columns: 4fr 5fr;
margin-bottom: 75px
}
.NavyShortCallout__Container--CyberInsurance img,
.NavyShortCallout__Container--MaturityTool img {
max-width: 100%;
position: inherit
}
.NavyShortCallout__Container--CyberInsurance {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-template-columns: 3fr 5fr
}
.NavyShortCallout__Blog .NavyShortCallout__Content {
padding: 30px 0
}
.NavyShortCallout__Blog .NavyShortCallout__Container a {
font-size: 16px;
line-height: 20px;
letter-spacing: .2px
}
.NavyShortCallout.MDR {
margin-bottom: 50px
}
.NavyShortCallout.MDR .NavyShortCallout__Container img {
top: 85px
}
@media screen and (max-width:767px) {
.NavyShortCallout__Content {
padding: 0 15px
}
.NavyShortCallout__Container {
padding: 30px 15px
}
.NavyShortCallout__Container img {
display: none
}
.NavyShortCallout__Container a {
padding: 12px 30px
}
.NavyShortCallout__Container--CyberInsurance,
.NavyShortCallout__Container--MaturityTool {
grid-template-columns: 1fr
}
.NavyShortCallout__Container--CyberInsurance img,
.NavyShortCallout__Container--MaturityTool img {
display: block
}
.NavyShortCallout__Container--ROITool {
grid-template-columns: 1fr
}
.NavyShortCallout__Container--ROITool img {
display: block
}
.NavyShortCallout__AWS .NavyShortCallout__Container {
grid-template-columns: 1fr
}
.NavyShortCallout__WithLogo .NavyShortCallout__Content h2,
.NavyShortCallout__WithMicrosoftLogo .NavyShortCallout__Content h2 {
padding-right: 0
}
}
.InActionCarousel {
background-color: #19234d;
margin-bottom: 75px;
padding: 75px 0 0
}
.InActionCarousel__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.InActionCarousel__Content h2 {
color: #fff;
margin: 0 0 15px
}
.InActionCarousel__Content h3 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
margin: 0 0 30px
}
.InActionCarousel__Content h4 {
color: #fff;
font-size: 30px;
line-height: 40px;
letter-spacing: -.1px;
margin: 0 0 20px
}
.InActionCarousel__Content p {
color: #fff;
margin: 0 0 30px
}
.InActionCarousel__Content ul {
margin: 0
}
.InActionCarousel__Content ul li {
color: #fff;
margin-bottom: 15px
}
.InActionCarousel__Content ul li:last-child {
margin-bottom: 0
}
.InActionCarousel__ImageContainer {
margin: 50px 0 60px
}
.InActionCarousel__ImageContainer img {
width: 100%;
display: block;
margin-bottom: -1px
}
.InActionCarousel__Cta {
background-color: #263c91;
margin-top: 60px
}
.InActionCarousel__CtaContainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 50px;
grid-template-columns: 2fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 55px 48px
}
.InActionCarousel__CtaContainer h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0
}
.InActionCarousel__CtaContainer p {
color: #fff;
font-size: 18px;
line-height: 24px
}
.InActionCarousel__CtaContainer a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
line-height: 100%;
padding: 15px 5px;
text-align: center;
text-transform: uppercase
}
.InActionCarousel__SlideNext {
text-align: right
}
.InActionCarousel__SlideNext,
.InActionCarousel__SlidePrevious {
background-color: #a0e1ec;
cursor: pointer;
padding: 0 25px 15px;
margin-top: -1px
}
.InActionCarousel__SlidePrevious {
text-align: left
}
.InActionCarousel__Slide svg {
max-width: 30px;
width: 100%
}
.InActionCarousel__VideoContainer {
max-width: 400px;
float: right;
margin-left: 30px;
cursor: pointer
}
.InActionCarousel__VideoContainerBtn {
background-color: #40c3d9;
text-transform: uppercase;
color: #19234d;
font-size: 14px;
line-height: 20px;
font-weight: 500;
letter-spacing: .5px;
text-align: center;
padding: 12px 0
}
.InActionCarousel__VideoContainer img {
width: 100%;
display: block
}
.InActionCarousel__Zeroday p {
font-size: 21px;
margin: 0 0 20px
}
.InActionCarousel__Zeroday .InActionCarousel__VideoContainer {
float: none;
margin: 0;
max-width: 100%
}
.InActionCarousel__Zeroday .InActionCarousel__SlideNext .NextCLS-1,
.InActionCarousel__Zeroday .InActionCarousel__SlideNext .PreviousCLS-1,
.InActionCarousel__Zeroday .InActionCarousel__SlidePrevious .NextCLS-1,
.InActionCarousel__Zeroday .InActionCarousel__SlidePrevious .PreviousCLS-1 {
stroke: #0e142b
}
.InActionCarousel__Zeroday .InActionCarousel__SlideNext:active svg,
.InActionCarousel__Zeroday .InActionCarousel__SlidePrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.InActionCarousel__Zeroday .InActionCarousel__SlideNext:active svg path,
.InActionCarousel__Zeroday .InActionCarousel__SlidePrevious:active svg path {
stroke: #fff
}
.InActionCarousel__Grid {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 40px
}
.InActionCarousel__Grid30 {
grid-template-columns: 3fr 2fr
}
.InActionCarousel__Grid50 {
grid-template-columns: 1fr 1fr
}
.InActionCarousel__ImageContainerMobile {
background-color: #a0e1ec;
cursor: pointer;
display: none;
margin-bottom: 30px
}
.InActionCarousel__ImageContainerMobile.active img:first-child,
.InActionCarousel__ImageContainerMobile img:nth-child(2) {
display: none
}
.InActionCarousel__ImageContainerMobile.active img:nth-child(2) {
display: block
}
.InActionCarousel__ImageContainerMobile.active .InActionCarousel__ImageContainerMobileExpandBtn p {
display: none
}
.InActionCarousel__ImageContainerMobile.active .InActionCarousel__ImageContainerMobileExpandBtn svg {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
.InActionCarousel__ImageContainerMobileExpandBtn {
text-align: center
}
.InActionCarousel__ImageContainerMobileExpandBtn p {
font-size: 12px;
text-transform: uppercase;
line-height: 120%;
margin: 10px 0 0;
color: #1f3d95;
font-weight: 500;
letter-spacing: 1.2px
}
.InActionCarousel__ImageContainerMobileExpandBtn svg {
background-color: #a0e1ec;
border-radius: 30px;
margin-bottom: -27px;
max-width: 40px;
padding: 10px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.InActionCarousel.Ransomware .InActionCarousel__Slide svg {
max-width: 40px
}
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.InActionCarousel.Ransomware .InActionCarousel__SlideNext,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious {
cursor: pointer
}
.InActionCarousel.Ransomware .InActionCarousel__SlideNext svg path,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious svg path {
fill: #0e142b
}
.InActionCarousel.Ransomware .InActionCarousel__SlideNext.swiper-button-disabled svg path,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious.swiper-button-disabled svg path {
fill: #d3d8e9
}
.InActionCarousel.Ransomware .InActionCarousel__SlideNext.swiper-button-disabled:active svg,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.InActionCarousel.Ransomware .InActionCarousel__SlideNext.swiper-button-disabled:active svg g path:first-child,
.InActionCarousel.Ransomware .InActionCarousel__SlideNext.swiper-button-disabled:active svg g path:last-child,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious.swiper-button-disabled:active svg g path:first-child,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious.swiper-button-disabled:active svg g path:last-child {
fill: #d3d8e9
}
.InActionCarousel.Ransomware .InActionCarousel__SlideNext:active svg,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.InActionCarousel.Ransomware .InActionCarousel__SlideNext:active svg g path:first-child,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious:active svg g path:first-child {
fill: none
}
.InActionCarousel.Ransomware .InActionCarousel__SlideNext:active svg g path:last-child,
.InActionCarousel.Ransomware .InActionCarousel__SlidePrevious:active svg g path:last-child {
fill: #fff
}
@media screen and (max-width:767px) {
.InActionCarousel__Content {
padding: 0 15px
}
.InActionCarousel__CtaContainer {
grid-template-columns: 1fr;
grid-gap: 30px;
padding: 30px 15px
}
.InActionCarousel .InActionCarouselSwiper {
display: none
}
.InActionCarousel__VideoContainer {
margin: 0 0 20px
}
.InActionCarousel__Grid {
grid-template-columns: 1fr
}
.InActionCarousel__ImageContainerMobile {
display: block
}
}
.SingleVideoCta {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.SingleVideoCta__Content {
background-color: #e9ebf4;
padding: 70px 50px;
display: grid;
grid-template-columns: 3fr 5fr;
grid-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.SingleVideoCta__Content h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.SingleVideoCta__Content img {
width: 100%
}
.SingleVideoCta__Content p {
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.SingleVideoCta__Content a {
color: #4b64ff;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: .8px;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.SingleVideoCta {
padding: 0 15px
}
.SingleVideoCta__Content {
padding: 70px 15px;
grid-template-columns: 1fr
}
}
.WhatIsRanswomare {
margin: 75px 0
}
.WhatIsRanswomare__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.WhatIsRanswomare__Content h2 {
color: #263c91
}
.WhatIsRanswomare__Card {
background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
padding: 35px 50px;
border: 1px solid #e2e2e2;
text-align: center
}
.WhatIsRanswomare__Card,
.WhatIsRanswomare__Cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.WhatIsRanswomare__Cards {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 60px 0 40px;
width: 100%
}
.WhatIsRanswomare__Cards--5 .WhatIsRanswomare__Card {
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
padding: 25px 30px
}
.WhatIsRanswomare__Cards--5 .WhatIsRanswomare__Card p {
font-size: 18px;
line-height: 24px
}
.WhatIsRanswomare__Cards svg {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -20px;
margin-right: -20px;
max-width: 50px;
width: 100%;
z-index: 2
}
.WhatIsRanswomare__Card h3 {
color: #5163a7;
font-size: 24px;
line-height: 32px;
margin: 0 0 20px
}
.WhatIsRanswomare__Card h4 {
color: #5163a7;
font-size: 40px;
line-height: 40px;
margin: 0 0 2px
}
.WhatIsRanswomare__Card p {
margin: 0
}
.WhatIsRanswomare__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #19234d;
display: grid;
grid-gap: 50px;
grid-template-columns: 2fr 1fr;
padding: 50px
}
.WhatIsRanswomare__Cta h3 {
color: #fff;
font-size: 24px;
line-height: 32px;
margin: 0
}
.WhatIsRanswomare__Cta a {
background-color: #d4d8e9;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 40px;
text-align: center;
text-transform: uppercase;
min-width: 175px
}
.WhatIsRanswomare__CtaRight {
text-align: right
}
@media screen and (max-width:767px) {
.WhatIsRanswomare__Content {
padding: 0 15px
}
.WhatIsRanswomare__Card {
padding: 30px 15px
}
.WhatIsRanswomare__Cards {
display: block
}
.WhatIsRanswomare__Cards svg {
margin: -15px auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.WhatIsRanswomare__Cta {
grid-template-columns: 1fr;
padding: 30px 15px;
grid-gap: 20px
}
.WhatIsRanswomare__CtaRight {
text-align: left
}
}
.ReduceImpact {
padding: 75px 0;
background-color: #e9ebf4
}
.ReduceImpact__ClearBG {
background-color: #fff;
padding-top: 0
}
.ReduceImpact__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.ReduceImpact__Content h2 {
max-width: 900px;
color: #263c91
}
.ReduceImpact__Content h3 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin: 0 0 40px
}
.ReduceImpact__Content p a {
color: #4b64ff;
text-decoration: underline;
font-weight: 600
}
.ReduceImpact__Content ul {
list-style: none;
margin: 0;
padding-left: 25px
}
.ReduceImpact__Content ul:last-child {
margin: 0
}
.ReduceImpact__Content ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: -.1px;
margin-bottom: 20px
}
.ReduceImpact__Content ul li:last-child {
margin-bottom: 0
}
.ReduceImpact__Content ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23c9cee3' data-name='Ellipse 1'/%3E%3Cpath fill='rgba(0,0,0,0)' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 23l9.129 9L35 16' data-name='Path 12'/%3E%3C/g%3E%3C/svg%3E");
height: 46px;
margin-right: 20px;
width: 46px
}
.ReduceImpact__CyberRisk .ReduceImpact__Content h2 {
margin-bottom: 12px
}
.ReduceImpact__CyberInsurance {
margin-top: 75px
}
.ReduceImpact__CyberInsurance .ReduceImpact__Content h2 {
margin-bottom: 12px
}
.ReduceImpact__Item {
padding: 30px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
background-color: #fff;
margin: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ReduceImpact__Item svg {
max-width: 70px;
margin-right: 20px
}
.ReduceImpact__Item:last-child {
margin-bottom: 0
}
.ReduceImpact__Item p {
margin: 0
}
.ReduceImpact__Items {
margin-bottom: 40px
}
.ReduceImpact__ItemCopy p {
margin-bottom: 10px
}
@media screen and (max-width:767px) {
.ReduceImpact__Content {
padding: 0 15px
}
}
.NeedIR {
padding: 75px 0
}
.NeedIR__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.NeedIR__Container {
padding: 75px;
background-color: #e9ebf4
}
.NeedIR__Container h2 {
text-align: center;
color: #263c91;
max-width: 900px;
margin: 0 auto 30px
}
.NeedIR__Container p {
text-align: center
}
.NeedIR__Card {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
background-color: #fff;
padding: 35px 30px
}
.NeedIR__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px
}
.NeedIR__Card h4 {
color: #696de3;
font-size: 24px;
line-height: 32px;
margin: 0 0 10px
}
.NeedIR__Card p {
text-align: left;
margin: 0;
font-size: 20px;
line-height: 28px
}
.NeedIR__Cta {
background-color: #263c91;
display: grid;
grid-template-columns: 1fr;
padding: 60px 70px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.NeedIR__Cta h3 {
color: #fff;
font-size: 30px;
margin: 0;
line-height: 40px
}
.NeedIR__Cta p {
color: #fff;
font-size: 18px;
line-height: 24px
}
.NeedIR__Cta a {
background-color: #d4d8e9;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 40px;
text-align: center;
text-transform: uppercase;
min-width: 175px
}
.NeedIR__CtaRight {
text-align: left;
margin-top: 30px
}
@media screen and (max-width:767px) {
.NeedIR__Content {
padding: 0 15px
}
.NeedIR__Container {
padding: 30px 15px
}
.NeedIR__Cards,
.NeedIR__Cta {
grid-template-columns: 1fr
}
.NeedIR__Cta {
padding: 30px 15px;
grid-gap: 30px
}
.NeedIR__CtaRight {
text-align: left
}
}
.TRUResearch {
margin-bottom: 75px
}
.TRUResearch__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.TRUResearch__Content h2 {
color: #263c91;
max-width: 900px
}
.TRUResearch__Action {
margin-top: 50px;
padding: 75px;
background-color: #e9ebf4
}
.TRUResearch__Action h3 {
color: #5163a7;
margin: 0 0 20px;
font-size: 30px;
line-height: 40px;
letter-spacing: -.1px
}
.TRUResearch__Action h4 {
color: #19234d;
font-size: 24px;
line-height: 32px;
margin: 0 0 30px
}
.TRUResearch__Action a {
color: #4b64ff;
display: block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin-top: 40px;
text-transform: uppercase
}
.TRUResearch__VideoContainer {
max-width: 400px;
float: right;
margin-left: 30px;
cursor: pointer;
width: 100%
}
.TRUResearch__VideoContainerBtn {
background-color: #263c91;
text-transform: uppercase;
color: #fff;
font-size: 14px;
line-height: 20px;
font-weight: 500;
letter-spacing: .5px;
text-align: center;
padding: 12px 0
}
.TRUResearch__VideoContainer img {
width: 100%;
display: block
}
@media screen and (max-width:767px) {
.TRUResearch__Content {
padding: 0 15px
}
.TRUResearch__Action {
padding: 30px 15px
}
.TRUResearch__VideoContainer {
float: unset;
margin: 0 0 20px
}
}
.TwoResourceCards {
padding: 0 48px 75px;
position: relative
}
.TwoResourceCards__Background {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 75px;
z-index: -1
}
.TwoResourceCards__Background:before {
background: #f4f5f9;
content: "";
height: 1650px;
left: 0;
position: absolute;
right: 0
}
.TwoResourceCards__Content {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1260px
}
.TwoResourceCards__Container {
background-color: #fff;
padding: 75px
}
.TwoResourceCards__Container h2 {
color: #263c91
}
.TwoResourceCards__Container h3 {
font-size: 30px;
line-height: 40px;
text-align: center;
max-width: 850px;
margin: 30px auto 40px
}
.TwoResourceCards__Card {
background-color: #e9ebf4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 45px 40px
}
.TwoResourceCards__Card h3 {
color: #263c91;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin: 0 0 15px;
text-align: left
}
.TwoResourceCards__Card p,
.TwoResourceCards__Card ul li {
font-size: 18px;
line-height: 24px
}
.TwoResourceCards__Card p {
margin: 0 0 20px
}
.TwoResourceCards__Card ul li {
margin: 0 0 5px
}
.TwoResourceCards__Cards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px
}
.TwoResourceCards__Card a {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 20px;
line-height: 40px;
font-weight: 600;
background-color: #263c91;
padding: 12px 80px;
display: inline-block;
text-align: center
}
.TwoResourceCards__CardTop {
margin-bottom: 20px
}
.TwoResourceCards__SensitiveData .TwoResourceCards__Card {
padding: 45px 37px
}
.TwoResourceCards__IndustryBox {
background-color: #d2d3f7;
padding: 0 10px;
min-height: 185px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.TwoResourceCards__IndustryBox svg {
max-width: 75px;
width: 100%
}
.TwoResourceCards__IndustryBox p {
color: #fff;
font-size: 24px;
line-height: 32px;
margin: 10px 0 0;
color: #696de3
}
.TwoResourceCards__IndustryBox:hover {
background-color: #263c91
}
.TwoResourceCards__IndustryBox:hover .clsConstruction-1,
.TwoResourceCards__IndustryBox:hover .clsFinance-1,
.TwoResourceCards__IndustryBox:hover .clsFood-1,
.TwoResourceCards__IndustryBox:hover .clsHealthcare-1,
.TwoResourceCards__IndustryBox:hover .clsInsurance-1,
.TwoResourceCards__IndustryBox:hover .clsLegal-1,
.TwoResourceCards__IndustryBox:hover .clsManufacturing-1,
.TwoResourceCards__IndustryBox:hover .clsPrivate-1,
.TwoResourceCards__IndustryBox:hover .clsRetail-1,
.TwoResourceCards__IndustryBox:hover .clsSLED-1 {
stroke: #fff
}
.TwoResourceCards__IndustryBox:hover p {
color: #fff
}
.TwoResourceCards__IndustryBoxes {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 15px
}
@media screen and (max-width:767px) {
.TwoResourceCards {
padding: 0 15px 75px
}
.TwoResourceCards__Card,
.TwoResourceCards__Container {
padding: 30px 15px
}
.TwoResourceCards__Cards {
grid-template-columns: 1fr
}
.TwoResourceCards__Card a {
line-height: 25px;
padding: 12px
}
.TwoResourceCards__CardTop {
margin-bottom: 0
}
.TwoResourceCards__IndustryBoxes {
grid-template-columns: 1fr
}
.TwoResourceCards__SensitiveData .TwoResourceCards__Card {
padding: 15px
}
}
.UseCaseDrawers {
padding: 75px 0
}
.UseCaseDrawers__GreyBG {
background-color: #f4f5f9;
margin: 75px 0
}
.UseCaseDrawers__PB0 {
padding-bottom: 0
}
.UseCaseDrawers__MT0 {
margin: 0
}
.UseCaseDrawers__TRU {
position: relative
}
.UseCaseDrawers__TRU .UseCaseDrawers__DrawerTopIconCopy {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.UseCaseDrawers__TRU .UseCaseDrawers__DrawerTopIconCopy svg {
max-width: 38px;
width: 100%;
margin-right: 20px
}
.UseCaseDrawers__TRU .UseCaseDrawers__Drawer h3 {
color: #19234d;
font-size: 24px;
line-height: 32px;
font-weight: 700
}
.UseCaseDrawers__Background {
position: absolute;
left: 0;
right: 0;
top: -500px;
bottom: 0;
overflow: hidden;
pointer-events: none
}
.UseCaseDrawers__Background:before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 950px;
background: #ecf9fb;
-webkit-transform: skewY(170deg);
transform: skewY(170deg);
-webkit-transform-origin: top;
transform-origin: top;
z-index: -1;
top: 120px
}
.UseCaseDrawers__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.UseCaseDrawers__Content h2 {
color: #263c91
}
.UseCaseDrawers__Content a {
color: #4b64ff;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin-top: 50px
}
.UseCaseDrawers__Drawer {
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
margin-bottom: 20px;
background-color: #fff
}
.UseCaseDrawers__Drawer:last-child {
margin-bottom: 0
}
.UseCaseDrawers__Drawer h3 {
color: #5163a7;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin: 0
}
.UseCaseDrawers__DrawerTop {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.UseCaseDrawers__DrawerTopIcon {
cursor: pointer
}
.UseCaseDrawers__DrawerTopIcon svg:last-child {
display: none
}
.UseCaseDrawers__DrawerTopHeadingIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.UseCaseDrawers__DrawerTopHeadingIcon svg {
margin-right: 20px;
max-width: 50px;
width: 100%
}
.UseCaseDrawers__DrawerTopHeadingIcon h3 {
max-width: 800px
}
.UseCaseDrawers__DrawerBottom {
padding: 0 30px 30px;
display: none;
grid-template-columns: 1fr 17fr;
grid-gap: 5px
}
.UseCaseDrawers__DrawerBottom h5 {
color: #696de3;
margin: 10px 0 0
}
.UseCaseDrawers__DrawerBottomCopy ol {
padding-left: 22px
}
.UseCaseDrawers__DrawerBottomCopy ol li {
font-size: 18px;
line-height: 24px;
margin-bottom: 2px
}
.UseCaseDrawers__DrawerBottomCopy ol li:last-child {
margin-bottom: 0
}
.UseCaseDrawers__DrawerBottomCopy ol li::marker {
font-weight: 700
}
.UseCaseDrawers__DrawerBottomCopy p,
.UseCaseDrawers__DrawerBottomCopy ul li {
font-size: 20px;
line-height: 26px;
margin-bottom: 2px;
color: #19234d
}
.UseCaseDrawers__DrawerBottomCopy p a {
display: inline;
color: #4b64ff;
font-weight: 400;
text-decoration: underline;
letter-spacing: 0;
font-size: 20px
}
.UseCaseDrawers__DrawerBottomCopyCard {
border: 1px solid #e2e2e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 60px 20px;
text-align: center
}
.UseCaseDrawers__DrawerBottomCopyCards {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;
margin-top: 20px
}
.UseCaseDrawers__DrawerBottomCopyCards.UseCaseDrawers__DrawerBottomCopyCards-Arrows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 25px
}
.UseCaseDrawers__DrawerBottomCopyCards.UseCaseDrawers__DrawerBottomCopyCards-Arrows svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -25px;
margin-right: -25px;
max-width: 40px;
width: 100%;
z-index: 2
}
.UseCaseDrawers__DrawerBottomCopyCards.UseCaseDrawers__DrawerBottomCopyCards-Arrows .UseCaseDrawers__DrawerBottomCopyCard {
background-color: #ecf9fb;
border: none;
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 30px 20px
}
.UseCaseDrawers__DrawerBottomCopyCards.UseCaseDrawers__DrawerBottomCopyCards-Arrows .UseCaseDrawers__DrawerBottomCopyCard svg {
margin: 0 auto 20px;
max-height: 50px;
width: 100px
}
.UseCaseDrawers__DrawerBottomCopyCard h6 {
color: #7d8abd;
font-size: 18px;
line-height: 24px;
margin: 0 0 10px
}
.UseCaseDrawers__DrawerBottomCopyCard p {
color: #19234d;
margin: 0;
font-size: 14px;
line-height: 16px
}
.UseCaseDrawers__DrawerBottomCopy img {
width: 100%
}
.UseCaseDrawers__Drawer.selected .UseCaseDrawers__DrawerTop {
padding-bottom: 0
}
.UseCaseDrawers__Drawer.selected .UseCaseDrawers__DrawerTopIcon svg:first-child {
display: none
}
.UseCaseDrawers__Drawer.selected .UseCaseDrawers__DrawerTopIcon svg:last-child {
display: block
}
.UseCaseDrawers__Drawer.selected h3 {
color: #a8b1d3
}
.UseCaseDrawers__Drawer.selected .UseCaseDrawers__DrawerBottom {
display: grid
}
.UseCaseDrawers__Drawer.selected .UseCaseDrawers__DrawerBottom--NoGrid {
display: block
}
.UseCaseDrawers__DrawerConnector {
border-left: 3px dashed #707070;
height: 20px;
left: 50%;
position: relative
}
.UseCaseDrawers__ContentTopCTA {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
margin: 0 0 75px
}
.UseCaseDrawers__ContentTopCTALeft h2 {
color: #0e142b;
font-size: 45px;
line-height: 57px;
margin: 0 0 20px
}
.UseCaseDrawers__ContentTopCTABox {
background-color: #0e142b;
padding: 48px
}
.UseCaseDrawers__ContentTopCTABox p {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0 0 30px
}
.UseCaseDrawers__ContentTopCTABox a {
background-color: #5063f9;
color: #fff;
padding: 16px;
width: 290px;
text-align: center;
font-size: 14px;
letter-spacing: 1.4px;
margin: 0
}
.UseCaseDrawers__SOC {
background-color: #f5fcfd
}
.UseCaseDrawers__SOC .UseCaseDrawers__Drawer {
margin-bottom: 0
}
.UseCaseDrawers__SOC .UseCaseDrawers__Drawer.selected .UseCaseDrawers__DrawerBottom {
display: block
}
.UseCaseDrawers__SOC .UseCaseDrawers__DrawerTop {
padding: 0 30px 0 0
}
.UseCaseDrawers__SOC .UseCaseDrawers__DrawerTopHeadingIcon svg {
background-color: #40c3d9;
max-width: 35px;
padding: 30px
}
.UseCaseDrawers__SOC .UseCaseDrawers__DrawerTopHeadingIcon h3 {
color: #0e142b;
font-weight: 600;
padding: 20px 0
}
@media screen and (max-width:767px) {
.UseCaseDrawers__Content {
padding: 0 15px
}
.UseCaseDrawers__Drawer h3 {
font-size: 24px;
line-height: 30px
}
.UseCaseDrawers__DrawerTop {
padding: 15px
}
.UseCaseDrawers__DrawerBottom {
grid-gap: 0;
grid-template-columns: 1fr;
margin-top: 15px;
padding: 0 15px 15px
}
.UseCaseDrawers__DrawerBottomCopyCard {
padding: 30px 15px
}
.UseCaseDrawers__DrawerBottomCopyCards {
grid-template-columns: 1fr
}
.UseCaseDrawers__DrawerBottomCopyCards.UseCaseDrawers__DrawerBottomCopyCards-Arrows {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 0
}
.UseCaseDrawers__DrawerBottomCopyCards.UseCaseDrawers__DrawerBottomCopyCards-Arrows svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin: -10px auto
}
.UseCaseDrawers__DrawerBottomCopyCards.UseCaseDrawers__DrawerBottomCopyCards-Arrows .UseCaseDrawers__DrawerBottomCopyCard svg {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
margin: 5px auto 20px
}
.UseCaseDrawers__DrawerConnector {
border-left: none;
left: auto
}
.UseCaseDrawers__ContentTopCTA {
grid-template-columns: 1fr
}
.UseCaseDrawers__ContentTopCTABox {
padding: 20px
}
.UseCaseDrawers__SOC .UseCaseDrawers__DrawerTop {
padding: 0 10px 0 0
}
.UseCaseDrawers__SOC .UseCaseDrawers__DrawerTopIcon {
margin-left: 10px
}
}
.UseCaseAction {
background-color: #19234d
}
.UseCaseAction__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 0
}
.UseCaseAction__ContentTop {
margin-bottom: 50px
}
.UseCaseAction__ContentTop h2 {
color: #fff;
max-width: 900px;
margin: 0 0 40px
}
.UseCaseAction__ContentTop p {
color: #fff;
text-align: center;
max-width: 992px;
margin: 0 auto 50px
}
.UseCaseAction__DrawerHeading {
background-color: #f4f5f9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.UseCaseAction__DrawerHeading h3 {
color: #263c91;
font-size: 24px;
line-height: 40px;
margin: 0
}
.UseCaseAction__DrawerHeading h3 span {
color: #5163a7;
font-size: 16px;
letter-spacing: 2.4px
}
.UseCaseAction__DrawerHeadingIcon {
cursor: pointer
}
.UseCaseAction__DrawerHeading.selected .UseCaseAction__DrawerHeadingIcon svg:first-child,
.UseCaseAction__DrawerHeadingIcon svg:last-child {
display: none
}
.UseCaseAction__DrawerHeading.selected .UseCaseAction__DrawerHeadingIcon svg:last-child {
display: block
}
.UseCaseAction__DrawerHeading[data-muti-drawer-id="2"] {
background-color: #e9ebf4
}
.UseCaseAction__DrawerHeading[data-muti-drawer-id="3"] {
background-color: #d3d8e7
}
.UseCaseAction__DrawerCopy {
background-color: #f8f6fe;
padding: 50px;
display: none
}
.UseCaseAction__DrawerCopy.selected {
display: block
}
.UseCaseAction__DrawerCopy h3 {
color: #19234d;
font-size: 30px;
line-height: 40px;
margin: 0
}
.UseCaseAction__DrawerCopyRight {
text-align: center;
padding-top: 50px
}
.UseCaseAction__DrawerCopyRight h4 {
margin: 25px 0 0;
font-size: 18px;
line-height: 24px;
letter-spacing: -.18px
}
.UseCaseAction__DrawerCopyLeft ul {
margin: 0
}
.UseCaseAction__DrawerCopyLeft p,
.UseCaseAction__DrawerCopyLeft ul li {
font-size: 18px;
line-height: 24px;
margin: 0
}
.UseCaseAction__DrawerCopyLeft p {
font-size: 20px;
line-height: 26px;
margin: 0 0 20px
}
.UseCaseAction__DrawerCopyLeft p:last-child {
margin-bottom: 0
}
.UseCaseAction__DrawerCopyLeft a {
color: #4b64ff;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
margin-top: 25px;
text-transform: uppercase
}
.UseCaseAction__AWS {
background-color: #ebf9fb
}
.UseCaseAction__AWS h2 {
color: #263c91
}
.UseCaseAction__AWS .UseCaseAction__DrawerHeading h3 {
color: #0e142b
}
.UseCaseAction__AWS .UseCaseAction__DrawerHeading[data-muti-drawer-id="1"] {
background-color: #c6edf4
}
.UseCaseAction__AWS .UseCaseAction__DrawerHeading[data-muti-drawer-id="2"] {
background-color: #b3e7f0
}
.UseCaseAction__AWS .UseCaseAction__DrawerHeading[data-muti-drawer-id="3"] {
background-color: #a0e1ec
}
.UseCaseAction__AWS .UseCaseAction__DrawerHeading[data-muti-drawer-id="4"] {
background-color: #8cdbe8
}
.UseCaseAction__AWS .UseCaseAction__DrawerCopy {
background-color: #fff
}
.UseCaseAction__AWS .UseCaseAction__DrawerCopy ul {
margin: 0 0 20px
}
.UseCaseAction__AWS .UseCaseAction__DrawerCopy ul li {
font-size: 20px;
line-height: 26px;
margin: 0 0 5px
}
@media screen and (max-width:767px) {
.UseCaseAction__ContentTop {
padding: 0 15px
}
.UseCaseAction__DrawerHeading {
padding: 20px 15px
}
.UseCaseAction__DrawerHeading h3 span {
display: block
}
.UseCaseAction__DrawerCopy {
padding: 50px 15px
}
}
@media screen and (max-width:420px) {
.UseCaseAction__AWS .UseCaseAction__DrawerHeading h3 {
font-size: 20px;
line-height: 26px;
max-width: 300px
}
}
.UsingMitre {
background-color: #f4f5f9;
margin-bottom: 75px;
padding: 75px 0 0
}
.UsingMitre__PT0 {
padding-top: 0
}
.UsingMitre__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.UsingMitre__Content h2 {
color: #263c91
}
.UsingMitre__Container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.UsingMitre__ContainerRightBox {
background-color: #d3d8e9;
text-align: center;
padding: 50px
}
.UsingMitre__ContainerRightBox h3 {
font-size: 24px;
line-height: 32px;
margin: 0 0 30px
}
.UsingMitre__ContainerRightBox p {
font-size: 18px;
line-height: 24px;
margin: 0
}
.UsingMitre__ContainerLeft p {
margin: 0 0 20px
}
.UsingMitre__ContainerLeft p:last-child {
margin-bottom: 0
}
.UsingMitre__Cta {
background-color: #19234d;
margin-top: 125px
}
.UsingMitre__Callout {
max-width: 1260px;
padding: 0 48px;
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 70px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 85px auto 0
}
.UsingMitre__Callout h3 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin: 0 0 12px
}
.UsingMitre__Callout h3.eyebrow {
color: #fff
}
.UsingMitre__Callout p {
color: #fff;
font-size: 18px;
line-height: 24px
}
.UsingMitre__Callout a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
padding: 12px 5px;
text-align: center;
text-transform: uppercase;
max-width: 375px;
margin-top: 35px
}
.UsingMitre__CalloutLeft img {
display: block;
margin-top: -90px;
width: 100%
}
.UsingMitre__CalloutRight {
padding: 40px 0
}
@media screen and (max-width:767px) {
.UsingMitre__Content {
padding: 0 15px
}
.UsingMitre__Callout,
.UsingMitre__Container {
grid-template-columns: 1fr;
grid-gap: 30px
}
.UsingMitre__Callout {
padding: 0 15px
}
.UsingMitre__CalloutRight {
padding-top: 0
}
}
.InActionCloud {
background-color: #addfeb;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Cloud/In-Action-cloud_bg.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: cover
}
.InActionCloud__Content {
max-width: 1260px;
margin: 0 auto;
padding: 100px 48px
}
.InActionCloud__Content h2 {
color: #3c4f9c
}
.InActionCloud__Content h3 {
color: #6776b2
}
.InActionCloud__Content h4 {
font-size: 30px;
line-height: 40px;
margin: 0 0 30px;
color: #263c91;
font-weight: 700
}
.InActionCloud__Content h5 {
color: #9699eb;
font-size: 24px;
line-height: 32px;
margin: 0 0 30px
}
.InActionCloud__Container {
background-color: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.InActionCloud__SlideInner {
padding: 55px 50px 100px;
position: relative
}
.InActionCloud__SlideNext,
.InActionCloud__SlidePrevious {
cursor: pointer
}
.InActionCloud__SlideNext svg,
.InActionCloud__SlidePrevious svg {
width: 100%;
max-width: 38px
}
.InActionCloud__SlideNext.swiper-button-disabled svg path,
.InActionCloud__SlidePrevious.swiper-button-disabled svg path {
stroke: #d3d8e9
}
.InActionCloud__SlideNext.swiper-button-disabled:active svg,
.InActionCloud__SlidePrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.InActionCloud__SlideNext.swiper-button-disabled:active svg circle,
.InActionCloud__SlideNext.swiper-button-disabled:active svg path,
.InActionCloud__SlidePrevious.swiper-button-disabled:active svg circle,
.InActionCloud__SlidePrevious.swiper-button-disabled:active svg path {
stroke: #d3d8e9
}
.InActionCloud__SlideNext:active svg,
.InActionCloud__SlidePrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.InActionCloud__SlideNext:active svg path,
.InActionCloud__SlidePrevious:active svg path {
stroke: #fff
}
.InActionCloud__SlideNext {
margin-left: 20px
}
.InActionCloud__SlideNextPrevious {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 50px;
top: 50px
}
@media screen and (max-width:767px) {
.InActionCloud__Content {
padding: 75px 15px
}
.InActionCloud__SlideInner {
padding: 30px 15px
}
.InActionCloud__SlideNext {
bottom: 0;
right: 10px
}
.InActionCloud__SlidePrevious {
bottom: 5px;
left: 10px
}
.InActionCloud__SlideNext svg,
.InActionCloud__SlidePrevious svg {
max-width: 30px
}
}
.TrustLogoCards {
margin-bottom: 75px
}
.TrustLogoCards__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.TrustLogoCards__Container {
padding: 100px 75px;
background-color: #e9ebf4
}
.TrustLogoCards__Container h2 {
color: #263c91;
text-align: center
}
.TrustLogoCards__Container p {
text-align: center
}
.TrustLogoCards__Container p b,
.TrustLogoCards__Container p i {
color: #263c91
}
.TrustLogoCards__Container p a {
color: #5063f9;
font-weight: 700;
text-decoration: underline
}
.TrustLogoCards__Card {
background-color: #fff;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 220px;
padding: 30px
}
.TrustLogoCards__Card h3 {
font-size: 20px;
line-height: 25px;
font-weight: 700;
margin: 0
}
.TrustLogoCards__CardGrid {
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 50px
}
.TrustLogoCards__CardTop img {
max-width: 100px;
width: 100%;
margin-bottom: 10px
}
.TrustLogoCards__CardBottom a {
color: #4b64ff;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
.TrustLogoCards__CardBottom p {
text-align: left;
margin: 0;
line-height: 16px;
font-size: 14px
}
.TrustLogoCards__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #263c91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1260px;
padding: 50px 0
}
.TrustLogoCards__CtaLeft {
margin-left: 60px;
max-width: 650px
}
.TrustLogoCards__CtaRight {
margin-right: 60px
}
.TrustLogoCards__Cta h3 {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 40px;
margin: 0
}
.TrustLogoCards__Cta a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 85px;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.TrustLogoCards__Content {
padding: 0 15px
}
.TrustLogoCards__Container {
padding: 30px 15px
}
.TrustLogoCards__CardGrid {
grid-template-columns: 1fr
}
.TrustLogoCards__Cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 15px
}
.TrustLogoCards__CtaLeft {
margin: 0 0 20px
}
.TrustLogoCards__CtaRight {
margin-right: 0
}
}
.HowComplianceHelps {
background-color: #19234d;
padding: 75px 0
}
.HowComplianceHelps__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.HowComplianceHelps__Content h2 {
color: #fff;
text-align: center;
margin: 0 auto 40px
}
.HowComplianceHelps__Card {
padding: 65px 60px;
background-color: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
position: relative
}
.HowComplianceHelps__Cards {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 15px;
grid-gap: 15px
}
.HowComplianceHelps__Card svg {
max-width: 50px;
width: 100%
}
.HowComplianceHelps__Card h3 {
color: #263c91;
font-size: 16px;
letter-spacing: 2.2px;
line-height: 20px;
margin: 10px 0
}
.HowComplianceHelps__CardLink {
bottom: 35px;
position: absolute;
right: 35px
}
.HowComplianceHelps__CardLink svg {
max-width: 35px
}
.HowComplianceHelps__Card ul {
list-style: none;
margin: 0;
padding-left: 15px
}
.HowComplianceHelps__Card ul:last-child {
margin: 0
}
.HowComplianceHelps__Card ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px
}
.HowComplianceHelps__Card ul li:last-child {
margin-bottom: 0
}
.HowComplianceHelps__Card ul li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='New Layer' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='23' data-name='Ellipse 1' fill='%23696de3'/%3E%3Cg data-name='Group 30'%3E%3Cg data-name='Group 29'%3E%3Cpath d='M13 25l9.13 9L37 18' data-name='Path 12' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
height: 30px;
margin-right: 20px;
width: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px
}
@media screen and (max-width:767px) {
.HowComplianceHelps__Content {
padding: 0 15px
}
.HowComplianceHelps__Card {
padding: 30px 15px
}
.HowComplianceHelps__CardLink {
bottom: 5px;
right: 5px
}
.HowComplianceHelps__Cards {
grid-template-columns: 1fr
}
}
.HelpMeetRegulations {
margin: 75px 0
}
.HelpMeetRegulations__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.HelpMeetRegulations__Container {
padding: 75px 35px;
background-color: #e9ebf4
}
.HelpMeetRegulations__Container h2 {
color: #263c91;
text-align: center;
max-width: 992px;
margin: 0 auto 30px
}
.HelpMeetRegulations__Container p {
text-align: center;
max-width: 992px;
margin: 0 auto 25px
}
.HelpMeetRegulations__Card {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 2fr;
margin-bottom: 15px;
padding: 30px
}
.HelpMeetRegulations__Card img {
width: 100%
}
.HelpMeetRegulations__CardLeft {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-position: 50%;
background-repeat: no-repeat;
background-size: 80%;
border: 1px solid #e2e2e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%
}
.HelpMeetRegulations__CardRight h4 {
color: #a8b1d3
}
.HelpMeetRegulations__CardRight h3 {
color: #263c91;
font-size: 20px;
line-height: 30px;
margin: 0 0 10px
}
.HelpMeetRegulations__CardRight p {
text-align: left;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.HelpMeetRegulations__CardRight a {
color: #4b64ff;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.HelpMeetRegulations__Content {
padding: 0 15px
}
.HelpMeetRegulations__Container {
padding: 30px 15px
}
.HelpMeetRegulations__Card {
grid-template-columns: 1fr
}
.HelpMeetRegulations__CardLeft {
min-height: 150px
}
}
.NavyVideoCallout {
margin-bottom: 75px
}
.NavyVideoCallout__Content {
max-width: 1260px;
margin: 0 auto;
padding: 0 48px
}
.NavyVideoCallout__Container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #19234d;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: grid;
grid-gap: 60px;
grid-template-columns: 2fr 3fr;
padding: 48px
}
.NavyVideoCallout__Container.NavyVideoCallout__GradientBackground {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/DfirTechAdvantage-Video-Background.png)
}
.NavyVideoCallout__Container h2 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
margin: 0 0 15px;
max-width: 900px
}
.NavyVideoCallout__Container p {
color: #fff;
font-size: 18px;
line-height: 24px;
margin: 0 0 25px;
max-width: 900px
}
.NavyVideoCallout__Container a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
max-width: 350px;
padding: 15px 5px;
text-align: center;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.NavyVideoCallout__Content {
padding: 0 15px
}
.NavyVideoCallout__Container {
grid-template-columns: 1fr;
padding: 30px;
grid-gap: 30px
}
}
.HeadingVideo__Content {
display: grid;
grid-gap: 75px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.HeadingVideo__Content h2 {
color: #263c91
}
.HeadingVideo__Content img {
width: 100%
}
.HeadingVideo__ContentRightTop {
background-color: #ecf9fb;
color: #19234d;
padding: 35px 45px;
text-align: center
}
.HeadingVideo__ContentRightTop h4 {
font-size: 22px;
line-height: 28px;
font-weight: 400;
margin: 0
}
.HeadingVideo__ContentRightTop p {
font-weight: 700;
font-size: 22px;
line-height: 28px
}
.HeadingVideo__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 335px
}
@media screen and (max-width:767px) {
.HeadingVideo__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 195px
}
}
@media screen and (max-width:415px) {
.HeadingVideo__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 215px
}
}
@media screen and (max-width:391px) {
.HeadingVideo__PreviewVideo div[class^="wistia_embed wistia_async_"] {
height: 202px
}
}
.PreviewVideo {
cursor: pointer;
isolation: isolate;
pointer-events: none;
position: relative
}
.PreviewVideo svg {
bottom: 28px;
max-width: 42px;
position: absolute;
right: 30px
}
@media screen and (max-width:767px) {
.HeadingVideo__Content {
grid-template-columns: 1fr;
padding: 0 15px;
grid-gap: 30px
}
}
.OthersClaimWeProve__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.OthersClaimWeProve__Content h2 {
color: #263c91;
max-width: 700px
}
.OthersClaimWeProve__ContentRow {
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 50px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.OthersClaimWeProve__ContentRowLeft a {
color: #5063f9
}
.OthersClaimWeProve__ContentRowLeft p {
margin-top: 0
}
.OthersClaimWeProve__ContentRowRightBox {
background-color: #f4f5f9;
text-align: center;
padding: 30px
}
.OthersClaimWeProve__ContentRowRightBox h5 {
color: #19234d;
font-size: 24px;
font-weight: 700;
letter-spacing: inherit;
line-height: 32px;
text-align: left
}
.OthersClaimWeProve__ContentRowRightBox p {
color: #19234d;
font-size: 30px;
font-weight: 700;
line-height: 40px;
margin: 0 0 20px
}
.OthersClaimWeProve__ContentRowRightBox a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 70px;
text-transform: uppercase
}
.OthersClaimWeProve__ContentRowRightBox ul li {
margin-bottom: 10px;
font-size: 17px
}
.OthersClaimWeProve__ContentRowRightBox ul li a {
background: none;
color: #5063f9;
display: block;
font-size: 18px;
font-weight: 400;
line-height: 20px;
padding: 0;
text-align: left;
text-transform: inherit
}
.OthersClaimWeProve__GreyCta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #e9ebf4;
display: grid;
grid-gap: 40px;
grid-template-columns: 2fr 3fr;
margin-top: 50px;
padding: 50px 35px
}
.OthersClaimWeProve__GreyCtaLeft img {
width: 100%
}
.OthersClaimWeProve__GreyCtaRight {
color: #19234d
}
.OthersClaimWeProve__GreyCtaRight h4.eyebrow {
margin-bottom: 10px
}
.OthersClaimWeProve__GreyCtaRight h3 {
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin: 0 0 20px
}
.OthersClaimWeProve__GreyCtaRight p {
font-size: 18px;
line-height: 24px;
margin: 0
}
.OthersClaimWeProve__GreyCtaRight a {
border: 2px solid #3c2b77;
color: #3c2b77;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 20px;
padding: 12px 70px;
text-transform: uppercase;
margin-top: 25px
}
.OthersClaimWeProve__WithArrowLinks {
margin-top: 75px
}
.OthersClaimWeProve__WithArrowLinks .OthersClaimWeProve__ContentRow {
grid-template-columns: 1fr 1fr
}
@media screen and (max-width:767px) {
.OthersClaimWeProve__Content {
padding: 0 15px
}
.OthersClaimWeProve__ContentRow {
grid-template-columns: 1fr;
grid-gap: 30px
}
.OthersClaimWeProve__ContentRowRightBox {
padding: 30px 15px
}
.OthersClaimWeProve__GreyCta {
grid-template-columns: 1fr;
grid-gap: 30px;
padding: 30px 15px
}
.OthersClaimWeProve__WithArrowLinks .OthersClaimWeProve__ContentRow {
grid-template-columns: 1fr
}
}
.NavyTwoCards {
background-color: #0e142b;
padding: 75px 0
}
.NavyTwoCards__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.NavyTwoCards__Content h3 {
color: #929dc8
}
.NavyTwoCards__Content h2,
.NavyTwoCards__Content p {
color: #fff
}
.NavyTwoCards__ContentCard {
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.NavyTwoCards__ContentCardTopInner {
padding: 40px
}
.NavyTwoCards__ContentCardBottom {
padding: 0 40px 40px
}
.NavyTwoCards__ContentCardBottom a {
color: #5063f9;
font-size: 15px;
line-height: 24px;
font-weight: 700;
letter-spacing: .7px
}
.NavyTwoCards__ContentCard h3 {
color: #263c91;
font-size: 20px;
line-height: 30px;
margin: 0 0 20px
}
.NavyTwoCards__ContentCard h4 {
color: #929dc8
}
.NavyTwoCards__ContentCard p {
color: #0e142b;
font-size: 18px;
line-height: 24px;
margin: 0
}
.NavyTwoCards__ContentCard img {
width: 100%;
display: block
}
.NavyTwoCards__ContentCards {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr
}
.NavyTwoCards__WhiteBG {
background-color: #fff;
padding-top: 0
}
.NavyTwoCards__WhiteBG h3 {
color: #19234d
}
.NavyTwoCards__WhiteBG h2 {
color: #263c91
}
.NavyTwoCards__WhiteBG p {
color: #0e142b
}
.NavyTwoCards__WhiteBG .NavyTwoCards__ContentCard {
background-color: #0e142b
}
.NavyTwoCards__WhiteBG .NavyTwoCards__ContentCard h4 {
color: #40c3d9
}
.NavyTwoCards__WhiteBG .NavyTwoCards__ContentCard h3,
.NavyTwoCards__WhiteBG .NavyTwoCards__ContentCard p {
color: #fff
}
@media screen and (max-width:767px) {
.NavyTwoCards__Content {
padding: 0 15px
}
.NavyTwoCards__ContentCards {
grid-template-columns: 1fr
}
.NavyTwoCards__ContentCardTopInner {
padding: 30px
}
.NavyTwoCards__ContentCardBottom {
padding: 0 30px 30px
}
}
.TICallout {
background-color: #d9f3f7;
padding: 75px 0 0
}
.TICallout__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-position: left 0 bottom -50px;
background-repeat: no-repeat;
background-size: contain;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 0 48px 75px
}
.TICallout__ContentRight {
background-color: #0e142b;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/What-We-Do/SOC/tru_owl_logo_2x.png);
background-position: right 50px top 50px;
background-repeat: no-repeat;
background-size: 90px;
padding: 48px
}
.TICallout__ContentRight h3 {
color: #40c3d9;
font-size: 32px;
line-height: 38px;
font-weight: 500;
margin: 0 0 30px;
max-width: 350px
}
.TICallout__ContentRight p {
color: #fff;
margin: 0 0 35px
}
.TICallout__ContentRight a {
color: #fff;
letter-spacing: 1.8px;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
font-weight: 600;
padding: 13px;
display: inline-block;
text-align: center;
border: 3px solid #fff;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:767px) {
.TICallout__Content {
grid-template-columns: 1fr;
padding: 0 15px
}
.TICallout__ContentRight {
background-position: left 20px top 20px;
background-size: 60px;
padding: 100px 20px 20px
}
}
.LatestTRU {
background-color: #c6edf4;
padding: 75px 0
}
.LatestTRU__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.LatestTRU__Content p a {
color: #5063f9;
font-weight: 700
}
.LatestTRU__Card {
background-color: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
padding: 64px 48px;
position: relative
}
.LatestTRU__Cards {
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr 1fr;
margin-top: 60px
}
.LatestTRU__Card h3 {
color: #0e142b;
font-size: 30px;
font-weight: 500;
line-height: 35px;
margin: 0
}
.LatestTRU__Card svg {
bottom: 20px;
max-width: 32px;
position: absolute;
right: 20px
}
@media screen and (max-width:767px) {
.LatestTRU__Content {
padding: 0 15px
}
.LatestTRU__Card {
padding: 20px 15px 50px
}
.LatestTRU__Cards {
grid-template-columns: 1fr
}
.LatestTRU__Card svg {
bottom: 15px;
right: 15px
}
}
.G2LeaderSlider {
background-color: #f4f5f9;
padding: 75px 0
}
.G2LeaderSlider__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.G2LeaderSlider__Content h2 {
color: #263c91;
font-size: 45px;
font-weight: 600;
line-height: 57px;
margin: 0 0 60px;
text-align: center
}
.G2LeaderSlider__Badges {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 50px;
grid-template-columns: 4fr 3fr;
margin-bottom: 50px
}
.G2LeaderSlider__Badges img {
width: 100%
}
.G2LeaderSlider__BadgesLeft {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 44px;
grid-template-columns: 2fr 5fr
}
.G2LeaderSlider__BadgesLeftBadges img:last-child {
display: none
}
.G2LeaderSlider__BadgesRight a {
border: 3px solid #263c91;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #263c91;
display: inline-block;
font-size: 18px;
font-weight: 700;
letter-spacing: 1.8px;
padding: 12px;
text-align: center;
width: 100%
}
.G2LeaderSlider__Slide {
background-color: #fff;
-webkit-box-shadow: 0 0 20px hsla(0, 0%, 79.6%, .05);
box-shadow: 0 0 20px hsla(0, 0%, 79.6%, .05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 48px
}
.G2LeaderSlider__SlideQuote svg {
max-width: 52px
}
.G2LeaderSlider__SlideQuoteRating {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 32px
}
.G2LeaderSlider__SlideQuoteRating svg {
width: 100%
}
.G2LeaderSlider__SlideRating svg {
max-width: 212px
}
.G2LeaderSlider__SlideCopy p {
margin: 0 0 20px;
min-height: 125px
}
.G2LeaderSlider__SlideCopy h3 {
font-weight: 700
}
.G2LeaderSlider__SlideCopy h3,
.G2LeaderSlider__SlideCopy h4 {
color: #19234d;
font-size: 24px;
line-height: 32px;
margin: 0 0 10px
}
.G2LeaderSlider__SlideCopy h4 {
font-weight: 400
}
.G2LeaderSlider__SlideCopy h5 {
color: #929dc8;
font-size: 16px;
font-weight: 700;
letter-spacing: 2.4px;
line-height: 20px
}
.G2LeaderSlider__SlideCopy a {
color: #000;
display: inline-block;
font-size: 20px;
font-weight: 700;
letter-spacing: 2px;
line-height: 36px;
margin-top: 40px
}
.G2LeaderSlider__SlideCopy a span {
color: #5063f9
}
.G2LeaderSlider__SlideNav {
bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 30px
}
.G2LeaderSlider__SlideNav svg {
width: 100%;
max-width: 38px
}
.G2LeaderSlider__SlideNext {
margin-left: 15px
}
.G2LeaderSlider__SlideNext,
.G2LeaderSlider__SlidePrevious {
cursor: pointer
}
.G2LeaderSlider__SlideNext.swiper-button-disabled svg path,
.G2LeaderSlider__SlidePrevious.swiper-button-disabled svg path {
stroke: #d3d8e9
}
.G2LeaderSlider__SlideNext.swiper-button-disabled:active svg,
.G2LeaderSlider__SlidePrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.G2LeaderSlider__SlideNext.swiper-button-disabled:active svg circle,
.G2LeaderSlider__SlideNext.swiper-button-disabled:active svg path,
.G2LeaderSlider__SlidePrevious.swiper-button-disabled:active svg circle,
.G2LeaderSlider__SlidePrevious.swiper-button-disabled:active svg path {
stroke: #d3d8e9
}
.G2LeaderSlider__SlideNext:active svg,
.G2LeaderSlider__SlidePrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.G2LeaderSlider__SlideNext:active svg path,
.G2LeaderSlider__SlidePrevious:active svg path {
stroke: #fff
}
@media screen and (max-width:767px) {
.G2LeaderSlider__Content {
padding: 0 15px
}
.G2LeaderSlider__Badges {
grid-template-columns: 1fr
}
.G2LeaderSlider__BadgesLeft {
grid-template-columns: 1fr;
grid-gap: 28px
}
.G2LeaderSlider__BadgesLeftBadges img:nth-last-child(2) {
display: none
}
.G2LeaderSlider__BadgesLeftBadges img:last-child {
display: block
}
.G2LeaderSlider__BadgesLeftG2 {
text-align: center
}
.G2LeaderSlider__Badges img {
margin: 0 auto;
max-width: 235px
}
.G2LeaderSlider__Slide {
padding: 25px 15px 60px;
min-height: 695px
}
.G2LeaderSlider__SlideNav {
right: 15px;
bottom: 15px
}
.G2LeaderSlider__SlideNav svg {
max-width: 32px
}
}
.CompaniesTrust {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/What-We-Do/SOC/QUOTE_bg.jpg);
background-position: 50%;
background-size: cover;
padding: 75px 0
}
.CompaniesTrust__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.CompaniesTrust__Content h2 {
color: #fff;
font-size: 45px;
font-weight: 600;
line-height: 57px;
margin: 0 0 60px;
text-align: center
}
.CompaniesTrust__Grid {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr
}
.CompaniesTrust__GridLeft {
background-color: #0e142b;
padding: 65px 48px
}
.CompaniesTrust__GridLeft h4 {
color: #929dc8;
font-size: 15px;
line-height: 24px;
letter-spacing: 3px;
font-weight: 700;
margin: 0 0 30px
}
.CompaniesTrust__GridLeft h3 {
color: #fff;
font-size: 30px;
line-height: 35px;
font-weight: 500;
margin: 0 0 20px
}
.CompaniesTrust__GridLeft p {
color: #fff;
margin: 0 0 30px
}
.CompaniesTrust__GridLeftMobileCopy {
display: none
}
.CompaniesTrust__GridLeftCTA {
color: #40c3d9;
cursor: pointer;
font-size: 20px;
font-weight: 700;
letter-spacing: 2px;
line-height: 36px
}
.CompaniesTrust__GridLeftModal {
position: fixed;
padding-top: 124px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: hsla(0, 0%, 100%, .9);
z-index: 1001;
overflow-y: initial;
display: none
}
.CompaniesTrust__GridLeftModal.active {
display: block
}
.CompaniesTrust__GridLeftModal__Content {
background-color: #d9f3f7;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: grid;
grid-gap: 45px;
grid-template-columns: 1fr 4fr;
height: 80vh;
margin: auto;
max-width: 1200px;
overflow-y: auto;
padding: 48px;
position: relative;
width: 100%
}
.CompaniesTrust__GridLeftModal__Content h3 {
color: #0e142b;
font-size: 35px;
font-weight: 500;
line-height: 40px;
margin: 0 0 20px
}
.CompaniesTrust__GridLeftModal__Content p {
font-size: 20px;
line-height: 125%
}
.CompaniesTrust__GridLeftModal__ContentLeft img {
margin-top: 60px;
width: 100%
}
.CompaniesTrust__GridLeftModal__ContentRightCTA {
color: #000
}
.CompaniesTrust__GridRight svg {
margin: 0 0 20px;
max-width: 59px
}
.CompaniesTrust__GridRight p {
color: #fff;
margin: 0 0 20px
}
.CompaniesTrust__GridRight h3 {
color: #40c3d9;
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin: 0 0 10px
}
.CompaniesTrust__GridRight h4 {
color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 32px;
margin: 0 0 10px
}
.CompaniesTrust__GridRight h5 {
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: 2.4px;
line-height: 20px
}
@media screen and (max-width:767px) {
.CompaniesTrust__Content {
padding: 0 15px
}
.CompaniesTrust__Grid {
grid-template-columns: 1fr
}
.CompaniesTrust__GridLeft {
padding: 20px
}
.CompaniesTrust__GridLeftMobileCopy {
display: block
}
.CompaniesTrust__GridLeftCTA {
display: none
}
.CompaniesTrust__GridLeftModal {
padding-top: 65px
}
.CompaniesTrust__GridLeftModal__Content {
padding: 15px;
grid-template-columns: 1fr;
grid-gap: 15px;
height: 85vh
}
.CompaniesTrust__GridLeftModal__ContentLeft img {
margin: 0
}
}
.SOCDoIt {
background-color: #f4f5f9;
padding: 75px 0
}
.SOCDoIt__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.SOCDoIt__ContentTop {
margin: 0 auto 45px;
max-width: 1024px;
text-align: center
}
.SOCDoIt__ContentTop h2 {
color: #263c91;
font-size: 45px;
font-weight: 600;
line-height: 57px;
margin: 0 0 20px;
text-align: center
}
.SOCDoIt__ContentBottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0e142b;
display: grid;
grid-gap: 55px;
grid-template-columns: 3fr 1fr;
margin: 40px 0 0;
padding: 48px
}
.SOCDoIt__ContentBottom h4 {
color: #fff;
font-size: 25px;
font-weight: 400;
line-height: 57px;
margin: 0
}
.SOCDoIt__ContentBottom a {
background-color: #5063f9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 20px;
padding: 16px;
text-align: center;
width: 100%
}
.SOCDoIt__DetailsTop {
background-color: #dfe2ef;
color: #263c91;
padding: 19px 0;
text-align: center
}
.SOCDoIt__DetailsTop h4 {
font-size: 20px;
font-weight: 700;
letter-spacing: 4px;
line-height: 24px;
margin: 0
}
.SOCDoIt__Option {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: center;
align-self: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
justify-self: center;
letter-spacing: 3px;
line-height: 24px;
min-height: 115px;
text-align: center;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
position: relative
}
.SOCDoIt__Option[data-item-id="1"] {
background-color: #263c91
}
.SOCDoIt__Option[data-item-id="2"] {
background-color: #40c3d9
}
.SOCDoIt__Option[data-item-id="3"] {
background-color: #15a9df
}
.SOCDoIt__Option[data-item-id="4"] {
background-color: #696de3
}
.SOCDoIt__Option[data-item-id="5"] {
background-color: #7f4ee5
}
.SOCDoIt__Options {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.SOCDoIt__OptionsMobile {
display: none
}
.SOCDoIt__OptionsMobile .SOCDoIt__Option svg {
right: auto;
bottom: -18px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.SOCDoIt__Option h3 {
font-size: 12px;
letter-spacing: 3px;
line-height: 20px;
margin: 0;
padding: 0 35px
}
.SOCDoIt__Option svg {
width: 100%;
max-width: 30px;
position: absolute;
right: -15px;
z-index: 10
}
.SOCDoIt__Option svg:last-child {
display: none
}
.SOCDoIt__OptionEnable {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.SOCDoIt__OptionEnable svg:nth-last-child(2) {
display: none
}
.SOCDoIt__OptionEnable svg:last-child {
display: block
}
.SOCDoIt__OptionEnable[data-item-id="1"] {
background-color: #fff;
border-bottom: 10px solid #263c91;
color: #263c91
}
.SOCDoIt__OptionEnable[data-item-id="2"] {
background-color: #fff;
border-bottom: 10px solid #40c3d9;
color: #40c3d9
}
.SOCDoIt__OptionEnable[data-item-id="3"] {
background-color: #fff;
border-bottom: 10px solid #15a9df;
color: #15a9df
}
.SOCDoIt__OptionEnable[data-item-id="4"] {
background-color: #fff;
border-bottom: 10px solid #696de3;
color: #696de3
}
.SOCDoIt__OptionEnable[data-item-id="5"] {
background-color: #fff;
border-bottom: 10px solid #7f4ee5;
color: #7f4ee5
}
.SOCDoIt__Item {
min-height: 550px
}
.SOCDoIt__ItemDefault {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/What-We-Do/SOC/ari_soc_final.jpg);
background-position: 50%;
background-size: cover;
position: relative
}
.SOCDoIt__ItemDefault svg {
left: 50%;
margin-left: -125px;
max-width: 250px;
position: absolute;
top: 140px;
width: 100%
}
.SOCDoIt__ItemDefault h5 {
color: #fff;
font-size: 20px;
font-weight: 400;
left: 50%;
line-height: 25px;
position: absolute;
text-align: center;
top: 420px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.SOCDoIt__ItemNumber {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
padding: 75px 95px;
position: relative;
background-color: #fff
}
.SOCDoIt__ItemNumber svg {
width: 100%;
max-width: 64px;
margin: 0 0 10px
}
.SOCDoIt__ItemNumber h3 {
font-size: 40px;
line-height: 45px;
font-weight: 600;
margin: 0 0 18px
}
.SOCDoIt__ItemNumber p,
.SOCDoIt__ItemNumber ul li {
font-size: 21px
}
.SOCDoIt__ItemNumber[data-item-id="1"] {
border-bottom: 16px solid #263c91
}
.SOCDoIt__ItemNumber[data-item-id="1"] h3 {
color: #263c91
}
.SOCDoIt__ItemNumber[data-item-id="1"] .SOCDoIt__ItemNext {
background-color: #40c3d9
}
.SOCDoIt__ItemNumber[data-item-id="2"] {
border-bottom: 16px solid #40c3d9
}
.SOCDoIt__ItemNumber[data-item-id="2"] h3 {
color: #40c3d9
}
.SOCDoIt__ItemNumber[data-item-id="2"] .SOCDoIt__ItemNext {
background-color: #15a9df
}
.SOCDoIt__ItemNumber[data-item-id="3"] {
border-bottom: 16px solid #15a9df
}
.SOCDoIt__ItemNumber[data-item-id="3"] h3 {
color: #15a9df
}
.SOCDoIt__ItemNumber[data-item-id="3"] .SOCDoIt__ItemNext {
background-color: #696de3
}
.SOCDoIt__ItemNumber[data-item-id="4"] {
border-bottom: 16px solid #696de3;
padding: 55px 95px
}
.SOCDoIt__ItemNumber[data-item-id="4"] h3 {
color: #696de3
}
.SOCDoIt__ItemNumber[data-item-id="4"] .SOCDoIt__ItemNext {
background-color: #7f4ee5
}
.SOCDoIt__ItemNumber[data-item-id="5"] {
border-bottom: 16px solid #7f4ee5
}
.SOCDoIt__ItemNumber[data-item-id="5"] h3 {
color: #7f4ee5
}
.SOCDoIt__ItemNext {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 35px;
bottom: 30px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 10px 10px 20px;
position: absolute;
right: 30px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.SOCDoIt__ItemNext svg {
margin: 0;
max-width: 32px;
width: 100%
}
.SOCDoIt__ItemNext p {
color: #fff;
font-size: 18px;
line-height: 20px;
margin: 0 22px 0 0
}
.SOCDoIt__ItemSpecialCopy {
font-style: italic;
font-size: 19px !important;
color: #696de3;
font-weight: 500;
margin-top: -11px;
border-left: 4px solid #696de3;
padding-left: 12px
}
.SOCDoIt__ItemHiddenTextTrigger {
color: #696de3;
cursor: pointer;
font-size: 17px;
font-weight: 700;
letter-spacing: 3px;
line-height: 20px
}
.SOCDoIt__ItemHiddenText p {
display: none
}
.SOCDoIt__ItemHiddenTextEnable p {
display: block
}
.SOCDoIt__ItemDisable,
.SOCDoIt__ItemHiddenTextEnable .SOCDoIt__ItemHiddenTextTrigger {
display: none
}
.SOCDoIt__ItemEnable {
display: block
}
@media screen and (max-width:767px) {
.SOCDoIt__Content {
padding: 0 15px
}
.SOCDoIt__ContentBottom {
grid-template-columns: 1fr;
grid-gap: 25px;
padding: 20px 20px 30px
}
.SOCDoIt__ContentBottom h4 {
line-height: 32px
}
.SOCDoIt__ItemNumber {
padding: 35px 15px 20px;
min-height: 0
}
.SOCDoIt__ItemNumber[data-item-id="4"] {
padding: 55px 15px
}
.SOCDoIt__ItemDefault,
.SOCDoIt__ItemNext {
display: none
}
.SOCDoIt__Option {
min-height: 70px
}
.SOCDoIt__Options {
display: none
}
.SOCDoIt__OptionsMobile {
display: block
}
.SOCDoIt__OptionsMobile .SOCDoIt__Option svg {
display: none
}
}
.AroundClockSOC {
padding: 75px 0
}
.AroundClockSOC__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.AroundClockSOC__ContentTop {
margin: 0 auto 45px;
max-width: 1024px;
text-align: center
}
.AroundClockSOC__ContentTop h2 {
color: #263c91;
font-size: 45px;
font-weight: 600;
line-height: 57px;
margin: 0 0 20px;
text-align: center
}
.AroundClockSOC__AboutSOCs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 55px;
grid-template-columns: 1fr 1fr;
margin-top: 51px
}
.AroundClockSOC__AboutSOCsLeft p a {
color: #5063f9;
font-weight: 600
}
.AroundClockSOC__AboutSOCsRight h3 {
color: #0e142b;
font-size: 35px;
line-height: 57px;
margin: 0 0 20px;
font-weight: 500
}
.AroundClockSOC__Drawer {
margin: 0 0 15px
}
.AroundClockSOC__Drawers {
position: relative
}
.AroundClockSOC__Drawer:last-child {
margin: 0
}
.AroundClockSOC__DrawerTop {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #c6edf4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px
}
.AroundClockSOC__DrawerTop h4 {
color: #000;
font-size: 15px;
font-weight: 700;
letter-spacing: 3px;
line-height: 24px;
margin: 0
}
.AroundClockSOC__DrawerTopIcon {
cursor: pointer
}
.AroundClockSOC__DrawerTopIcon svg {
max-width: 33px;
width: 100%
}
.AroundClockSOC__DrawerTopIcon svg:last-child {
display: none
}
.AroundClockSOC__DrawerBottom {
display: none;
position: absolute;
top: 0;
width: 100%
}
.AroundClockSOC__DrawerBottomCopy {
background-color: #f5fcfd;
padding: 40px 30px 35px;
min-height: 320px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative
}
.AroundClockSOC__DrawerBottomCopy h4 {
color: #263c91;
font-size: 15px;
letter-spacing: 3px;
line-height: 24px;
margin: 0 0 22px
}
.AroundClockSOC__DrawerBottomCopy p {
font-size: 18px;
line-height: 24px
}
.AroundClockSOC__DrawerBottomCopy .AroundClockSOC__DrawerTopIcon {
position: absolute;
right: 20px;
bottom: 23px
}
.AroundClockSOC__DrawerBottomCopyLocation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.AroundClockSOC__DrawerBottomCopyLocations {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
margin-bottom: 20px
}
.AroundClockSOC__DrawerBottomCopyLocation svg {
width: 100%;
max-width: 72px;
margin-right: 17px
}
.AroundClockSOC__DrawerBottomCopyLocation p:last-child {
margin: 0
}
.AroundClockSOC__Drawer.selected .AroundClockSOC__DrawerBottom {
display: block
}
.AroundClockSOC__Drawer.selected .AroundClockSOC__DrawerTopIcon svg:nth-last-child(2) {
display: none
}
.AroundClockSOC__Drawer.selected .AroundClockSOC__DrawerTopIcon svg:last-child {
display: block
}
.AroundClockSOC__ResponseLoop {
position: relative
}
.AroundClockSOC__ResponseLoopBackgroundLeft,
.AroundClockSOC__ResponseLoopBackgroundRight {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
pointer-events: none;
border-radius: 15px
}
.AroundClockSOC__ResponseLoopBackgroundLeft:before,
.AroundClockSOC__ResponseLoopBackgroundRight:before {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #696de3), color-stop(50%, #8084e7));
background: linear-gradient(180deg, #696de3 50%, #8084e7 0 100%);
content: "";
position: absolute;
left: 0;
right: 0;
height: 197px;
-webkit-transform-origin: top;
transform-origin: top;
z-index: -1;
top: 0
}
.AroundClockSOC__ResponseLoopBackgroundLeft {
width: 45%
}
.AroundClockSOC__ResponseLoopBackgroundRight {
width: 45%;
left: 50%
}
.AroundClockSOC__ResponseLoopNumber {
padding: 50px 40px;
text-align: center
}
.AroundClockSOC__ResponseLoopNumber h5 {
font-size: 115px !important;
font-weight: 700 !important;
line-height: 115px !important;
color: #fff !important;
margin-top: -20px;
letter-spacing: 115px
}
.AroundClockSOC__ResponseTimerGrid {
grid-template-columns: 1fr 1fr;
grid-gap: 80px;
margin-top: 75px
}
.AroundClockSOC__ResponseTimerGrid,
.AroundClockSOC__ResponseTimerGridLeft {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.AroundClockSOC__ResponseTimerGridLeft {
grid-gap: 15px;
grid-template-columns: 3fr 2fr
}
.AroundClockSOC__ResponseTimerGridLeft h5 {
color: #7d8abd;
font-size: 40px;
line-height: 50px;
font-weight: 400;
max-width: 275px
}
.AroundClockSOC__ResponseTimerGridRight h2 {
color: #263c91;
font-size: 45px;
font-weight: 600;
line-height: 57px;
margin: 0 0 20px
}
.AroundClockSOC__VideoPlayIcon {
cursor: pointer;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.AroundClockSOC__VideoPlayIcon svg {
width: 100%;
max-width: 290px
}
.AroundClockSOC__VideoPlayIcon.hidden {
display: none
}
.AroundClockSOC__Video .VideoLibraryHero__Full:hover .AroundClockSOC__HoverCopy {
display: block
}
.AroundClockSOC__Video .VideoLibraryHero__Full:hover .AroundClockSOC__HoverCopy.hidden {
display: none
}
.AroundClockSOC__HoverCopy {
cursor: pointer;
left: 50%;
max-width: 992px;
position: absolute;
text-align: center;
top: 64%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: none
}
.AroundClockSOC__HoverCopy p {
color: #fff
}
.AroundClockSOC__HoverCopy p:last-child {
margin-top: 0
}
.AroundClockSOC__HoverCopy.hidden {
display: none
}
@media screen and (max-width:767px) {
.AroundClockSOC__Content {
padding: 0 15px
}
.AroundClockSOC__AboutSOCs,
.AroundClockSOC__ResponseTimerGrid,
.AroundClockSOC__ResponseTimerGridLeft {
grid-template-columns: 1fr
}
.AroundClockSOC__DrawerTop {
display: grid;
grid-template-columns: 4fr 1fr;
padding: 15px
}
.AroundClockSOC__DrawerTopIcon {
text-align: right
}
.AroundClockSOC__Video .VideoLibraryHero__Full:hover .AroundClockSOC__HoverCopy {
display: none
}
.AroundClockSOC__ResponseLoopBackgroundLeft,
.AroundClockSOC__ResponseLoopBackgroundRight {
width: 30%
}
.AroundClockSOC__ResponseLoopBackgroundLeft:before,
.AroundClockSOC__ResponseLoopBackgroundRight:before {
height: 155px
}
.AroundClockSOC__ResponseLoopBackgroundRight {
left: 137px
}
.AroundClockSOC__ResponseLoopNumber {
padding: 30px 25px
}
.AroundClockSOC__ResponseLoopNumber h5 {
font-size: 85px !important;
font-weight: 700 !important;
letter-spacing: 84px;
line-height: 100px !important;
margin-top: -10px
}
}
.SOCTopHero__ContentTop {
background-color: #0e142b;
position: relative
}
.SOCTopHero__ContentTop video {
-webkit-filter: brightness(.7);
filter: brightness(.7);
height: 100%;
left: 0;
margin: auto;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1
}
.SOCTopHero__ContentTopGradient {
background: -webkit-gradient(linear, left bottom, left top, from(#0e142b), to(rgba(14, 20, 43, 0))) 0 0 no-repeat padding-box;
background: linear-gradient(0deg, #0e142b 0, rgba(14, 20, 43, 0)) 0 0 no-repeat padding-box;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 2
}
.SOCTopHero__ContentTopCopy {
margin: 0 auto;
max-width: 998px;
padding: 100px 48px;
text-align: center;
position: relative;
z-index: 3
}
.SOCTopHero__ContentTopCopy svg {
margin: 0 0 35px;
max-width: 100px;
width: 100%
}
.SOCTopHero__ContentTopCopy h2 {
color: #fff;
font-size: 60px;
font-weight: 800;
letter-spacing: -1.2px;
line-height: 60px;
margin: 0 0 30px
}
.SOCTopHero__ContentTopCopy h1 {
color: #fff;
font-size: 25px;
font-weight: 400;
line-height: 32px;
margin: 0 0 40px
}
.SOCTopHero__ContentTopCopy a {
background-color: #263c91;
border-radius: 1px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 20px;
max-width: 350px;
padding: 16px;
width: 100%
}
.SOCTopHero__ContentBottom {
background-color: #0e142b;
margin-top: -3px;
padding-bottom: 100px;
position: relative;
z-index: 2
}
.SOCTopHero__ContentBottomColumn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.SOCTopHero__ContentBottomColumns {
display: grid;
grid-gap: 45px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.SOCTopHero__ContentBottomColumn a {
color: #fff;
letter-spacing: 1.8px;
font-size: 18px;
font-weight: 700
}
.SOCTopHero__ContentBottomColumn a span {
color: #5063f9
}
.SOCTopHero__ContentBottomColumnTop {
margin-bottom: 30px
}
.SOCTopHero__ContentBottomColumnTopSvg {
margin-bottom: 40px;
background: -webkit-gradient(linear, left top, right top, from(#f5fcfd), color-stop(48%, #40c3d9), to(#263c91)) 0 0 no-repeat padding-box;
background: linear-gradient(90deg, #f5fcfd, #40c3d9 48%, #263c91) 0 0 no-repeat padding-box;
height: 5px
}
.SOCTopHero__ContentBottomColumnTop h3 {
font-size: 15px;
line-height: 24px;
letter-spacing: 3px;
font-weight: 700;
color: #fff;
margin: 0 0 20px
}
.SOCTopHero__ContentBottomColumnTop p {
color: #fff;
font-size: 18px;
line-height: 24px
}
.SOCTopHero__ContentBottomColumnTop p:last-child {
margin: 0
}
@media screen and (max-width:767px) {
.SOCTopHero__ContentTop {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/What-We-Do/SOC/SOC_Mobile_HERO_v2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50%
}
.SOCTopHero__ContentTopCopy {
padding: 75px 15px
}
.SOCTopHero__ContentTopCopy h2 {
font-size: 43px;
line-height: 125%
}
.SOCTopHero__ContentTopCopy a {
max-width: 260px
}
.SOCTopHero__ContentTopGradient {
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #0e142b), to(rgba(14, 20, 43, 0))) 0 0 no-repeat padding-box;
background: linear-gradient(0deg, #0e142b 46%, rgba(14, 20, 43, 0)) 0 0 no-repeat padding-box
}
.SOCTopHero__ContentTop video {
display: none
}
.SOCTopHero__ContentBottomColumns {
grid-template-columns: 1fr;
grid-gap: 35px;
padding: 0 15px
}
}
.TruHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/TRU/tru_bg.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.TruHero__Content {
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px 0
}
.TruHero__Content h3 {
color: #40c3d9
}
.TruHero__Content h2 {
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px
}
.TruHero__Content h1,
.TruHero__Content h2 {
color: #fff;
margin: 0 0 30px;
max-width: 650px
}
.TruHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%
}
.TruHero__Container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 75px
}
.TruHero__ContainerRightBoxTopImage {
text-align: right;
margin: -30px 0 30px
}
.TruHero__ContainerRightBoxTopImage svg {
max-width: 200px;
width: 100%
}
.TruHero__ContainerRightBox img {
width: 100%;
display: block
}
.TruHero__Btn {
background-color: #40c3d9;
color: #0e142b;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
@media screen and (max-width:767px) {
.TruHero__Content {
grid-gap: 50px;
padding: 75px 15px
}
.TruHero__Content h2 {
font-size: 52px;
line-height: 120%
}
.TruHero__Container {
grid-template-columns: 1fr
}
}
.TruIntro {
background-color: #0d031e;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/TRU/TRU-Intro-Background.png);
background-position: 50%;
background-size: cover;
background-position-y: top;
background-repeat: no-repeat
}
.TruIntro__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px;
text-align: center
}
.TruIntro__Content h2 {
color: #fff
}
.TruIntro__Content h3 {
color: #40c3d9;
font-size: 30px;
line-height: 40px;
font-weight: 700
}
.TruIntro__Content p {
color: #fff
}
.TwoCardsLinks__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px 75px
}
.TwoCardsLinks__Content h2,
.TwoCardsLinks__Content p {
text-align: center
}
.TwoCardsLinks__Content h2 {
color: #263c91
}
.TwoCardsLinks__Content h3 {
color: #19234d;
font-size: 30px;
line-height: 40px;
max-width: 768px
}
.TwoCardsLinks__ContentCard {
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 65px 55px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.TwoCardsLinks__ContentCard h3 {
color: #929dc8
}
.TwoCardsLinks__ContentCard h2 {
color: #263c91;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px;
text-align: left
}
.TwoCardsLinks__ContentCard p {
color: #19234d;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px;
text-align: left
}
.TwoCardsLinks__ContentCard a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
padding: 15px 5px;
text-align: center;
text-transform: uppercase;
max-width: 375px
}
.TwoCardsLinks__ContentCards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
margin: 50px 0
}
.TwoCardsLinks__ContentCardTop {
margin-bottom: 30px
}
.TwoCardsLinks__ContentCardTop img {
width: 100%
}
.TwoCardsLinks__Container {
background-color: #ecf9fb;
padding: 75px 35px
}
.TwoCardsLinks__Link {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #e2e2e2;
margin-bottom: 20px;
background-color: #fff;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px
}
.TwoCardsLinks__Link,
.TwoCardsLinks__LinkLeft {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.TwoCardsLinks__LinkLeft svg {
max-width: 38px;
width: 100%;
margin-right: 30px
}
.TwoCardsLinks__LinkLeft h3 {
margin: 0;
font-size: 27px;
line-height: 35px
}
.TwoCardsLinks__LinkRight {
cursor: pointer
}
.TwoCardsLinks__LinkRight svg {
max-width: 33px;
width: 100%
}
.TwoCardsLinks__SimpleLink {
margin-top: 50px;
text-align: center
}
.TwoCardsLinks__SimpleLink a {
color: #5063f9;
font-size: 15px;
line-height: 24px;
font-weight: 700;
letter-spacing: .7px
}
@media screen and (max-width:767px) {
.TwoCardsLinks__Content {
padding: 0 15px 75px
}
.TwoCardsLinks__ContentCard {
padding: 30px 15px
}
.TwoCardsLinks__ContentCards {
grid-template-columns: 1fr
}
.TwoCardsLinks__Container {
padding: 30px 15px
}
.TwoCardsLinks__Link {
padding: 15px
}
.TwoCardsLinks__LinkLeft h3 {
font-size: 18px;
line-height: 24px
}
.TwoCardsLinks__LinkLeft svg {
margin-right: 10px
}
.TwoCardsLinks__LinkRight {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px
}
}
.HeadingCards__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.HeadingCards__Content h2 {
color: #263c91
}
.HeadingCards__Content a {
color: #4b64ff;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
.HeadingCards__Card {
padding: 50px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #dbdbdb
}
.HeadingCards__Card h4 {
color: #a8b1d3;
text-transform: uppercase
}
.HeadingCards__Card h3 {
color: #263c91;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.HeadingCards__Card p {
color: #19234d;
font-size: 18px;
line-height: 24px;
margin: 0
}
.HeadingCards__Card img {
width: 100%
}
.HeadingCards__CardRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.HeadingCards__CardRightTop p,
.HeadingCards__CardRightTop p:last-child {
margin-bottom: 10px
}
.HeadingCards__CardLarge {
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: 35px;
margin-bottom: 15px
}
.HeadingCards__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px
}
.HeadingCards__Cards .HeadingCards__Card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 225px
}
@media screen and (max-width:767px) {
.HeadingCards__Content {
padding: 0 15px
}
.HeadingCards__Card {
padding: 30px 15px
}
.HeadingCards__CardLarge,
.HeadingCards__Cards {
grid-template-columns: 1fr
}
}
.TruHubHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/TRU/tru_bg.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.TruHubHero__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px 75px
}
.TruHubHero__Content h3 {
color: #40c3d9
}
.TruHubHero__Content h2 {
color: #fff;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px
}
.TruHubHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 0 30px;
color: #fff
}
.TruHubHero__Container {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 40px
}
.TruHubHero__ContainerLeft {
padding: 100px 0
}
.TruHubHero__ContainerRight img {
width: 165%
}
.TruHubHero__Btn {
background-color: #40c3d9;
color: #0e142b;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.TruHubHero__Card {
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
padding: 40px 35px
}
.TruHubHero__Card_1 h3 {
min-height: 140px
}
.TruHubHero__Card h4 {
color: #0e142b;
text-transform: uppercase
}
.TruHubHero__Card h3 {
color: #40c3d9;
font-size: 26px;
line-height: 35px;
margin: 0 0 20px
}
.TruHubHero__Card p {
color: #0e142b;
font-size: 18px;
line-height: 24px;
margin: 0
}
.TruHubHero__Card img {
width: 100%
}
.TruHubHero__CardRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.TruHubHero__CardRightTop {
margin-bottom: 20px
}
.TruHubHero__CardLarge {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-gap: 35px;
grid-template-columns: 2fr 3fr;
margin-top: 15px
}
.TruHubHero__Cards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px
}
.TruHubHero__Cards .TruHubHero__Card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 225px
}
.TruHubHero__Card a {
background-color: #40c3d9;
color: #0e142b;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
padding: 16px 64px;
text-transform: uppercase;
text-align: center
}
@media screen and (max-width:767px) {
.TruHubHero__Content {
padding: 75px 15px;
grid-gap: 50px
}
.TruHubHero__Content h2 {
font-size: 52px;
line-height: 120%
}
.TruHubHero__Container {
grid-template-columns: 1fr
}
.TruHubHero__ContainerRight img {
width: 100%
}
.TruHubHero__ContainerLeft {
padding: 0 0 20px
}
.TruHubHero__CardLarge,
.TruHubHero__Cards {
grid-template-columns: 1fr
}
.TruHubHero__Card a {
padding: 16px
}
}
.LibraryTRU {
background-size: cover;
background-repeat: no-repeat;
background-color: #d9f3f7;
background-size: contain;
background-position-y: 150px;
background-position-x: 175px
}
.LibraryTRU__Content {
max-width: 1166px;
margin: 0 auto;
padding: 75px 0
}
.LibraryTRU__Resources h2 {
color: #263c91;
margin: 0 0 50px
}
.LibraryTRU__ResourcesFilterButtons {
color: #0e142b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 2px solid #0e142b;
border-bottom: 2px solid #0e142b;
padding: 10px 0;
margin-bottom: 50px
}
.LibraryTRU__ResourcesFilterButton {
padding: 7px 9px;
margin-left: 15px;
border: 1px solid #0e142b;
font-weight: 400;
cursor: pointer;
-webkit-transition: all .7s ease;
transition: all .7s ease
}
.LibraryTRU__ResourcesFilterButton:hover {
background: #40c3d9;
color: #fff
}
.LibraryTRU__ResourcesFilterButtonEnabled {
background: #40c3d9
}
.LibraryTRU__PostsBlock {
-webkit-box-flex: 0;
-ms-flex: 0 1 32%;
flex: 0 1 32%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
min-height: 320px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
margin: 0 16px 20px 0;
position: relative
}
.LibraryTRU__PostsBlock:hover {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
box-shadow: 0 0 16px rgba(0, 0, 0, .3)
}
.LibraryTRU__PostsBlock:hover .Recommended__BlockFooter {
color: #6800e9
}
.LibraryTRU__PostsBlockTop {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden
}
.LibraryTRU__PostsBlockFooter {
color: #5063f9;
font-size: 15px;
font-weight: 700;
letter-spacing: .7px;
line-height: 24px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.LibraryTRU__PostsBlockTime {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 900;
font-size: 12px;
line-height: 144.8%;
letter-spacing: .075em;
color: #40c3d9
}
.LibraryTRU__PostsBlockDate {
font-weight: 700;
font-size: 13px;
line-height: 13px;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #40c3d9;
min-height: 14px
}
.LibraryTRU__PostsBlockDuration {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
color: #19234d;
background: #40c3d9;
border-radius: 10px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
line-height: 13px;
padding: 5px 6px;
-ms-flex-item-align: center;
align-self: center;
position: absolute;
top: 24px;
right: 15px
}
.LibraryTRU__PostsBlockDuration svg {
width: 100%;
max-width: 12px;
margin-right: 4px
}
.LibraryTRU__PostsBlockSummary {
font-size: 24px;
font-weight: 700;
line-height: 30px;
color: #19234d
}
.LibraryTRU__PostsRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.LibraryTRU__CardSets {
display: none;
margin-right: -16px
}
.LibraryTRU__CardSetsShow {
display: block
}
.LibraryTRU__BottomCta {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 16px 16px 0 0
}
.LibraryTRU__BottomCta.LibraryTRU__CardSetsShow {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.LibraryTRU__BottomCta a {
background-color: #19234d;
color: #fff;
font-size: 18px;
font-weight: 500;
letter-spacing: 1.4px;
line-height: 24px;
margin: 0;
max-width: 360px;
padding: 14px 40px;
text-align: center;
text-transform: uppercase;
width: 100%
}
.LibraryTRU__BottomCta a:hover {
font-weight: 700
}
@media (min-width:0px) and (max-width:768px) {
.LibraryHero--TRU .LibraryHero__Content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryHero--TRU .LibraryHero__Content svg {
margin-top: 40px
}
.LibraryTRU__DualBlocks {
grid-template-columns: 1fr;
display: block
}
.LibraryTRU__DualBlocks img {
max-width: 100%
}
.LibraryTRU__DualBlock {
margin-bottom: 10px
}
.LibraryTRU__DualBlock:last-child {
margin-bottom: 0;
grid-template-columns: 1fr
}
.LibraryTRU__DualBlock:nth-child(3) .LibraryTRU__DualBlock__Cta {
margin: 0 auto
}
.LibraryTRU__Resources {
padding: 75px 15px
}
.LibraryTRU__ResourcesFilterButtons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.LibraryTRU__ResourcesFilterLabel {
-ms-flex-item-align: start;
align-self: flex-start;
margin: 7px 15px 10px;
border-right: none
}
.LibraryTRU__ResourcesFilterButton {
margin-bottom: 10px
}
.LibraryTRU__PostsRow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.LibraryTRU__PostsBlock {
margin-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.LibraryTRU__PostsBlock:last-child {
margin-bottom: 20px
}
.LibraryTRU__VideoPreview--Desktop {
display: none
}
.LibraryTRU__VideoPreview--Mobile {
display: block
}
}
.PartnerHero {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/XDR-Background.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.PartnerHero__Content {
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.PartnerHero__Content h3 {
color: #a8b1d3
}
.PartnerHero__Content h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px
}
.PartnerHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 0 30px
}
.PartnerHero__Container {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 75px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.PartnerHero__ContainerLeftBtns {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
max-width: 550px
}
.PartnerHero__ContainerRightBox {
-webkit-box-shadow: 0 20px 50px rgba(92, 92, 92, .24);
box-shadow: 0 20px 50px rgba(92, 92, 92, .24)
}
.PartnerHero__ContainerRightBoxTop {
padding: 40px 35px;
background-color: #fff
}
.PartnerHero__ContainerRightBox h4 {
font-size: 16px;
line-height: 18px;
letter-spacing: 3px;
margin: 0 0 10px
}
.PartnerHero__ContainerRightBox p {
font-size: 16px;
line-height: 20px;
margin: 0
}
.PartnerHero__ContainerRightBox img {
width: 100%;
display: block
}
.PartnerHero__Btn {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.PartnerHero__Btn:last-child {
background-color: #fff;
border: 2px solid #263c91;
color: #263c91
}
@media screen and (max-width:767px) {
.PartnerHero__Content {
grid-template-columns: 1fr;
padding: 75px 15px;
grid-gap: 30px
}
.PartnerHero__Content h2 {
font-size: 52px;
line-height: 120%
}
.PartnerHero__ContainerLeftBtns {
grid-template-columns: 1fr
}
}
.IndustryAwards__Content {
margin: 0 auto;
padding: 75px 48px;
max-width: 1260px
}
.IndustryAwards__Content h3 {
color: #5163a7;
font-size: 30px;
line-height: 40px;
letter-spacing: -.3px;
font-weight: 600;
padding: 10px 40px;
background: #fff;
position: relative
}
.IndustryAwards__Content h3:before {
left: 0
}
.IndustryAwards__Content h3:after,
.IndustryAwards__Content h3:before {
content: "";
position: absolute;
top: 50%;
border-top: 1px solid #707070;
width: 40%;
height: 1px;
margin-top: 1px
}
.IndustryAwards__Content h3:after {
right: 0
}
.IndustryAwards__Rewarded {
text-align: center
}
.IndustryAwards__RewardedImages img {
max-width: 992px;
width: 100%
}
.IndustryAwards__RewardedImages img:last-child {
display: none
}
.IndustryAwards__Awarded {
text-align: center
}
.IndustryAwards__Awarded img {
max-width: 48%;
margin: 20px 0
}
@media screen and (max-width:767px) {
.IndustryAwards__Content {
padding: 50px 15px
}
.IndustryAwards__Content h3:after,
.IndustryAwards__Content h3:before {
width: 28%
}
.IndustryAwards__RewardedImages img:first-child {
display: none
}
.IndustryAwards__RewardedImages img:last-child {
display: block
}
.IndustryAwards__Awarded img {
max-width: 100%;
margin: 0
}
}
.UpcomingPartnerEvents {
background-color: #f4f5f9;
padding: 50px 0 75px
}
.UpcomingPartnerEvents__Content {
margin: 0 auto;
padding: 0 48px;
max-width: 1260px
}
.UpcomingPartnerEvents__Content h2 {
color: #2e4395;
text-align: center
}
.UpcomingPartnerEvents__Card {
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 320px;
padding: 25px
}
.UpcomingPartnerEvents__Card h3 {
color: #263c91;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.UpcomingPartnerEvents__Card p {
margin: 0;
font-size: 18px;
line-height: 24px
}
.UpcomingPartnerEvents__Card a {
color: #5063f9;
font-size: 15px;
line-height: 24px;
font-weight: 700;
letter-spacing: .7px
}
.UpcomingPartnerEvents__CardTop {
margin-bottom: 20px
}
.UpcomingPartnerEvents__CardTopIconTag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 35px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.UpcomingPartnerEvents__CardTopIconTag svg {
max-width: 65px;
width: 100%
}
.UpcomingPartnerEvents__CardTopTag {
background-color: #19234d;
border-radius: 16px;
padding: 5px 10px
}
.UpcomingPartnerEvents__CardTopTag p {
margin: 0;
font-size: 12px;
letter-spacing: 1.8px;
line-height: 16px;
color: #fff;
text-transform: uppercase
}
.UpcomingPartnerEvents__CardTopDateLocation {
color: #19234d;
display: grid;
font-size: 17px;
font-weight: 500;
grid-template-columns: 1fr 1fr;
line-height: 17px;
margin-bottom: 25px
}
.UpcomingPartnerEvents__CardTopDateLocationItem div {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.UpcomingPartnerEvents__CardTopDateLocationItem div svg {
margin-right: 5px;
max-width: 20px;
width: 100%
}
.UpcomingPartnerEvents__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px
}
@media screen and (max-width:767px) {
.UpcomingPartnerEvents__Content {
padding: 0 15px
}
.UpcomingPartnerEvents__Card {
min-height: auto
}
.UpcomingPartnerEvents__Cards {
grid-template-columns: 1fr
}
}
.JoinEcosystem {
padding: 75px 0
}
.JoinEcosystem__Content {
max-width: 1260px;
padding: 0 48px;
margin: 0 auto
}
.JoinEcosystem__Content h2 {
color: #2e4395;
text-align: center
}
.JoinEcosystem__Card {
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-height: 300px;
padding: 38px;
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
margin-bottom: 2%
}
.JoinEcosystem__Card img {
max-height: 60px;
max-width: 120px;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.JoinEcosystem__Card blockquote {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.048 21.856c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.456 2.176-5.76 2.176-3.157 0-5.803-1.11-7.936-3.328-2.048-2.219-3.072-5.077-3.072-8.576 0-6.4 2.475-10.965 7.424-13.696C34.856 1.973 37.757.992 39.976.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28-7.083 1.877-10.624 5.419-10.624 10.624 0 2.304.597 4.267 1.792 5.888.17-2.901 2.005-4.352 5.504-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48zm-23.552 0c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.413 2.176-5.632 2.176-3.243 0-5.888-1.11-7.936-3.328C1.448 23.904.424 21.003.424 17.504c0-6.315 2.475-10.837 7.424-13.568C11.432 1.973 14.291.992 16.424.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28C9.299 5.173 5.8 8.757 5.8 14.048c0 2.219.597 4.139 1.792 5.76.17-2.901 1.963-4.352 5.376-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 30px 20px;
font-size: 20px;
line-height: 24px;
color: #19234d;
text-align: center;
padding-top: 24px;
margin: 0 0 20px
}
.JoinEcosystem__Card h3 {
color: #263c91;
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin: 0 0 2px;
text-align: center
}
.JoinEcosystem__Card h4 {
color: #999;
font-size: 14px;
line-height: 20px;
margin: 0;
letter-spacing: normal
}
.JoinEcosystem__Cards {
grid-gap: 2%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:1063px) {
.JoinEcosystem__Card {
-webkit-box-flex: 0;
-ms-flex: 0 0 37%;
flex: 0 0 37%
}
}
@media screen and (max-width:767px) {
.JoinEcosystem__Content {
padding: 0 15px
}
.JoinEcosystem__Card {
padding: 30px 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 94%;
flex: 0 0 94%
}
.JoinEcosystem__Cards {
grid-template-columns: 1fr
}
}
.CompanyHero {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.CompanyHero__AboutUs {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/About-Us/about-us-bg-june26.png)
}
.CompanyHero__Careers {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Careers/careers-background-image.png);
padding-top: 70px
}
.CompanyHero__Careers .CompanyHero__Content {
grid-template-columns: 5fr 4fr
}
.CompanyHero__Careers .CompanyHero__Content h2 {
color: #fff
}
.CompanyHero__Careers .CompanyHero__Content h3 {
color: #40c3d9
}
.CompanyHero__Careers .CompanyHero__Content h1 {
color: #fff
}
.CompanyHero__Careers .CompanyHero__Left {
max-width: 715px
}
.CompanyHero__Careers .CompanyHero__Right img {
width: 100%
}
.CompanyHero__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-column-gap: 100px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.CompanyHero__Content h3 {
color: #a8b1d3
}
.CompanyHero__Content h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px
}
.CompanyHero__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 auto 30px
}
.CompanyHero__LeftBtn {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center
}
.CompanyHero__Right h4 {
color: #263c91;
font-size: 28px;
line-height: 130%;
margin: 0 0 15px
}
.CompanyHero__Right h6 {
color: #40c3d9;
font-size: 60px;
font-weight: 700;
line-height: 70px;
margin: 0 20px 0 0
}
.CompanyHero__Right p {
color: #19234d;
font-size: 20px;
line-height: 24px;
margin: 0
}
.CompanyHero__Right p strong {
color: #40c3d9
}
.CompanyHero__Right p.vCISOHero__RightSmallCopy {
color: #a8b1d3;
font-size: 10px;
line-height: 120%
}
.CompanyHero__RightCard {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 12px;
padding: 22px 30px
}
.CompanyHero__RightCard svg {
margin: 0 30px 0 0;
max-width: 100px;
width: 100%
}
.CompanyHero__RightCard h3 {
color: #40c3d9;
font-size: 18px;
line-height: 20px;
margin: 0 0 5px
}
.CompanyHero__RightSlides {
min-width: 100%
}
.CompanyHero__RightSlideContainer {
background: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 200px;
padding: 50px
}
.CompanyHero__RightSlideContainer span {
color: #a8b1d3;
font-size: 10px;
line-height: 120%;
margin-top: 20px
}
.CompanyHero__RightSlidePagination {
bottom: 12px !important;
left: auto !important;
position: absolute;
right: 12px;
width: auto !important;
z-index: 1
}
.CompanyHero__RightSlidePagination .swiper-pagination-bullet-active {
background-color: #40c3d9
}
@media screen and (max-width:767px) {
.CompanyHero__Content {
grid-template-columns: 1fr;
padding: 75px 15px;
grid-gap: 30px
}
.CompanyHero__Left h2 {
font-size: 52px;
line-height: 120%
}
.CompanyHero__RightCard {
display: block
}
.CompanyHero__RightCard h6 {
margin-bottom: 10px;
font-size: 42px;
line-height: 120%
}
.CompanyHero__RightCard p {
font-size: 18px;
line-height: 24px
}
.CompanyHero__Careers .CompanyHero__Content {
grid-template-columns: 1fr
}
}
.EsentireLocations {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/About-Us/esentire-office-map@4x.png);
background-size: cover;
background-repeat: no-repeat;
background-position-y: top
}
.EsentireLocations__Content {
margin: 0 auto;
padding: 75px 48px;
max-width: 1260px
}
.EsentireLocations__Content h2 {
color: #263c91
}
.EsentireLocations__Card {
background-color: #fff;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
padding: 50px 40px;
position: relative
}
.EsentireLocations__CardSOCTag {
background-color: #40c3d9;
padding: 6px 8px;
position: absolute;
right: 20px;
top: 20px
}
.EsentireLocations__CardSOCTag h5 {
color: #263c91;
font-size: 14px;
letter-spacing: 2.4px;
line-height: 18px
}
.EsentireLocations__Card h3 {
color: #263c91
}
.EsentireLocations__Card p {
margin: 0;
font-size: 20px;
line-height: 24px
}
.EsentireLocations__Cards {
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 500px
}
@media screen and (max-width:767px) {
.EsentireLocations__Content {
padding: 75px 15px
}
.EsentireLocations__Cards {
grid-template-columns: 1fr;
margin-top: 75px
}
}
.InternalProblemCards {
margin-bottom: 75px
}
.InternalProblemCards__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.InternalProblemCards__Content h3 {
font-size: 24px;
line-height: 32px;
color: #0e142b;
margin: 0 0 50px
}
.InternalProblemCards__Card {
border: 1px solid #c3c5f4;
padding: 45px 25px;
text-align: center
}
.InternalProblemCards__Card svg {
width: 100%;
max-width: 55px;
margin-bottom: 5px
}
.InternalProblemCards__Card h4 {
margin: 0;
color: #263c91;
font-size: 24px;
line-height: 32px
}
.InternalProblemCards__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 15px
}
@media screen and (max-width:767px) {
.InternalProblemCards__Content {
padding: 0 15px
}
.InternalProblemCards__Cards {
grid-template-columns: 1fr
}
}
.VideoSlider {
background-color: #19234d
}
.VideoSlider__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.VideoSlider__Content h2 {
color: #fff
}
.VideoSlider__Content h2 span {
color: #40c3d9
}
.VideoSlider__Content p {
color: #fff
}
.VideoSlider__SlideContainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: grid;
grid-gap: 35px;
grid-template-columns: 1fr 2fr;
margin-top: 20px;
padding: 50px;
position: relative
}
.VideoSlider__SlideContainer img {
width: 100%
}
.VideoSlider__SlideContainer h3 {
color: #263c91;
font-size: 30px;
line-height: 40px;
margin: 0 0 10px
}
.VideoSlider__SlideContainer h4 {
color: #929dc8;
font-size: 16px;
text-transform: uppercase;
line-height: 20px;
letter-spacing: 2.4px;
margin: 0 0 20px
}
.VideoSlider__SlideContainer p {
color: #19234d;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.VideoSlider__SlideContainer a {
color: #4b64ff;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
.VideoSlider__SlideNav {
bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 20px
}
.VideoSlider__SlideNav svg {
max-width: 30px;
width: 100%
}
.VideoSlider__SlideNext,
.VideoSlider__SlidePrevious {
cursor: pointer
}
.VideoSlider__SlideNext.swiper-button-disabled svg path,
.VideoSlider__SlidePrevious.swiper-button-disabled svg path {
stroke: #d3d8e9
}
.VideoSlider__SlideNext.swiper-button-disabled:active svg,
.VideoSlider__SlidePrevious.swiper-button-disabled:active svg {
background-color: inherit
}
.VideoSlider__SlideNext.swiper-button-disabled:active svg circle,
.VideoSlider__SlideNext.swiper-button-disabled:active svg path,
.VideoSlider__SlidePrevious.swiper-button-disabled:active svg circle,
.VideoSlider__SlidePrevious.swiper-button-disabled:active svg path {
stroke: #d3d8e9
}
.VideoSlider__SlideNext:active svg,
.VideoSlider__SlidePrevious:active svg {
background-color: #263c91;
border-radius: 22px
}
.VideoSlider__SlideNext:active svg path,
.VideoSlider__SlidePrevious:active svg path {
stroke: #fff
}
.VideoSlider__SlidePrevious {
margin-right: 10px
}
@media screen and (max-width:767px) {
.VideoSlider__Content {
padding: 75px 15px
}
.VideoSlider__SlideContainer {
grid-template-columns: 1fr;
padding: 30px 15px
}
}
.TestiNoLogo__NavyBG {
background: #19234d
}
.TestiNoLogo__NavyBG .TestiNoLogo__Content h2 {
color: #fff
}
.TestiNoLogo__NavyBG .TestiNoLogo__Content .TestiNoLogoSwiper__Slide {
background: #fff
}
.TestiNoLogo__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.TestiNoLogo__Content h2 {
color: #263c91;
text-align: center
}
.TestiNoLogoSwiper__SlideContainer {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #dbdbdb;
padding: 60px
}
.TestiNoLogoSwiper__SlideContainer blockquote {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.048 21.856c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.456 2.176-5.76 2.176-3.157 0-5.803-1.11-7.936-3.328-2.048-2.219-3.072-5.077-3.072-8.576 0-6.4 2.475-10.965 7.424-13.696C34.856 1.973 37.757.992 39.976.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28-7.083 1.877-10.624 5.419-10.624 10.624 0 2.304.597 4.267 1.792 5.888.17-2.901 2.005-4.352 5.504-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48zm-23.552 0c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.413 2.176-5.632 2.176-3.243 0-5.888-1.11-7.936-3.328C1.448 23.904.424 21.003.424 17.504c0-6.315 2.475-10.837 7.424-13.568C11.432 1.973 14.291.992 16.424.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28C9.299 5.173 5.8 8.757 5.8 14.048c0 2.219.597 4.139 1.792 5.76.17-2.901 1.963-4.352 5.376-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 60px 42px;
color: #0e142b;
font-size: 24px;
letter-spacing: -.01em;
line-height: 30px;
margin: 0 0 30px;
padding: 60px 0 0
}
.TestiNoLogoSwiper__SlideContainer h5 {
color: #19234d;
margin: 0;
font-size: 18px;
line-height: 24px;
font-weight: 700;
letter-spacing: normal
}
.TestiNoLogoSwiper__SlideContainer h5:before {
display: block;
content: "";
width: 37px;
background: #68c0d6;
height: 2px;
margin-bottom: 15px;
top: 0;
left: 0
}
.TestiNoLogoSwiper__SlideContainer h6 {
color: #19234d;
margin: 0;
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.TestiNoLogoSwiper__SlideContainer--long blockquote {
font-size: 20px;
line-height: 24px
}
.TestiNoLogo__Image {
margin-top: 50px
}
.TestiNoLogo__Image img {
width: 100%
}
.TestiNoLogo__Image img:last-child {
display: none
}
@media screen and (max-width:767px) {
.TestiNoLogo__Content,
.TestiNoLogoSwiper__SlideContainer {
padding: 30px 15px
}
.TestiNoLogo__Image {
margin-top: 0
}
.TestiNoLogo__Image img:first-child {
display: none
}
.TestiNoLogo__Image img:last-child {
display: block
}
}
.industryHeading {
background-position-y: top;
background-repeat: no-repeat;
background-size: cover
}
.industryHeading__Construction {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Construction.png)
}
.industryHeading__Finance {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Finance.png)
}
.industryHeading__FoodSupply {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Food.png)
}
.industryHeading__Healthcare {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Healthcare.png)
}
.industryHeading__Insurance {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Insurance.png)
}
.industryHeading__Legal {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Legal.png)
}
.industryHeading__Manufacturing {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Manufacturing.png)
}
.industryHeading__PrivateEquity {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Private-Equity.png)
}
.industryHeading__Retail {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-Retail.png)
}
.industryHeading__SLED {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/Industry-SLED.png)
}
.industryHeading__Content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
grid-column-gap: 100px;
margin: 0 auto;
max-width: 1260px;
padding: 100px 48px
}
.industryHeading__Content h3 {
color: #a8b1d3;
font-size: 15px;
letter-spacing: 2px;
line-height: 120%;
margin: 0 0 20px;
color: #0e142b
}
.industryHeading__Content h2 {
color: #263c91;
font-family: Effra, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 65px;
margin: 0 0 30px
}
.industryHeading__Content h1 {
font-size: 25px;
font-weight: 400;
line-height: 130%;
margin: 0 auto 30px
}
.industryHeading__Left {
max-width: 850px
}
.industryHeading__LeftBtn {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 20px;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center;
text-transform: uppercase
}
.industryHeading__Right h4 {
color: #263c91;
font-size: 28px;
line-height: 130%;
margin: 0 0 15px
}
.industryHeading__Right h6 {
color: #40c3d9;
font-size: 60px;
font-weight: 700;
line-height: 70px;
margin: 0 20px 0 0
}
.industryHeading__Right p {
color: #19234d;
font-size: 20px;
line-height: 24px;
margin: 0
}
.industryHeading__Right p strong {
color: #40c3d9
}
.industryHeading__Right p.vCISOHero__RightSmallCopy {
color: #a8b1d3;
font-size: 10px;
line-height: 120%
}
.industryHeading__RightCard {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 12px;
padding: 22px 30px
}
.industryHeading__RightSlides {
min-width: 100%
}
.industryHeading__RightSlideContainer {
background: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 200px;
padding: 50px
}
.industryHeading__RightSlideContainer span {
color: #a8b1d3;
font-size: 10px;
line-height: 120%;
margin-top: 20px
}
.industryHeading__RightSlidePagination {
bottom: 12px !important;
left: auto !important;
position: absolute;
right: 12px;
width: auto !important;
z-index: 1
}
.industryHeading__RightSlidePagination .swiper-pagination-bullet-active {
background-color: #40c3d9
}
@media screen and (max-width:767px) {
.industryHeading__Content {
grid-template-columns: 1fr;
padding: 75px 15px;
grid-gap: 50px
}
.industryHeading__Left h2 {
font-size: 52px;
line-height: 120%
}
.industryHeading__RightCard {
display: block
}
.industryHeading__RightCard h6 {
margin-bottom: 10px;
font-size: 42px;
line-height: 120%
}
.industryHeading__RightCard p {
font-size: 18px;
line-height: 24px
}
}
.industryNavyBlock {
background-color: #2b3b8c
}
.industryNavyBlock__BottomPadding {
padding-bottom: 75px
}
.industryNavyBlock__Content {
padding: 0 0 75px
}
.industryNavyBlock .Finance .industryNavyBlock__Bottom {
padding-bottom: 75px
}
.industryNavyBlock__RetailIcons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.industryNavyBlock__IconBox {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border: 1px solid #dbdbdb;
border-radius: 1px;
background: #fff;
padding: 50px;
text-align: center;
width: 400px;
margin-right: 10px
}
.industryNavyBlock__IconBox :last-child {
margin: 0
}
.industryNavyBlock__IconBox img {
max-width: 64px
}
.industryNavyBlock__IconBox p.IconCaption {
color: #263c91;
font-size: 20px;
line-height: 24px;
letter-spacing: -.35px;
text-align: center
}
.industryNavyBlock__Top {
background-color: rgba(0, 0, 0, .1);
padding: 45px 0;
width: 100%
}
.industryNavyBlock__Top h2 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0
}
.industryNavyBlock__TopInner {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px
}
.industryNavyBlock__Bottom {
margin: 0 auto;
max-width: 1260px;
padding: 20px 48px 0
}
.industryNavyBlock__Bottom p {
margin-bottom: 30px
}
.industryNavyBlock__Bottom p,
.industryNavyBlock__Bottom ul li {
color: #fff;
font-size: 24px;
line-height: 32px
}
.industryNavyBlock__Bottom ul {
list-style: none;
margin: 0 0 45px;
padding: 0
}
.industryNavyBlock__Bottom ul:last-child {
margin-bottom: 0
}
.industryNavyBlock__Bottom ul:first-of-type li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_2' viewBox='0 0 48 48'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Cpath d='M1808.41-2276.34h2123.34v1194.38H1808.41z' fill='none'/%3E%3C/clipPath%3E%3Cstyle%3E.clsCheck-3{fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}%3C/style%3E%3C/defs%3E%3Cg clip-path='url(%23clippath)' fill='none'%3E%3Cpath d='M2061.72-2393.98c180.74-68.49 237.71 13.77 529.11-31.63 10.85-1.73 21.41-3.59 31.73-5.47 204.77-37.29 251.87-91.7 354.36-78.75 138.56 17.5 157.79 95.44 304.24 193.7 26.98 18.1 54.23 32.7 81.71 45.05 232.51 104.55 464.55 30.53 682.4 223.19 84.61 74.83 252.94 242.96 254.88 493.4.61 78.96-17.09 154.18-45.37 227.15-99.74 259.08-304.35 458.34-240.46 657.84 13.6 42.46 48.32 144.48 65.1 288.84 4.28 36.77 4.04 77.67-2.84 128.17-22.81 167.39-170.04 480.16-437.21 689.28-149.22 116.8-278.73 140.06-438.5 163.43-174.02 25.45-360.81 52.15-622.81 163.25-339.74 144.07-520.58 333.91-736.07 479.32-178.72 120.6-362.27 214.13-646.3 224.41-185.42 6.71-370.28 2.98-548.59-106.37C263.07 1124.68 422.69 707.86 53.74-11.52-55.33-224.17-154.69-394.74-98.33-533.43c55.47-136.11 221.27-109.58 354.54-304.42 107.32-157.92 57.65-266.06 189.21-398.24 89.88-90.43 135.16-59.53 226.48-148.01 165.04-160.09 98.9-340.35 217.29-399.74 117.92-59.26 228.33 92.5 516.86 82.2 81.73-3.07 124.54-5.27 170.92-33.48 127.77-77.78 76.56-237.67 207.46-419.5 23.74-32.98 112.86-177.05 277.3-239.35z' stroke='%233796c1' stroke-miterlimit='10' opacity='.75'/%3E%3Cpath d='M2064.94-2622.79c188-75.58 248.2 9.03 570.15-39.68 11.76-1.81 23.16-3.72 34.24-5.66 225.97-39.47 273.28-95.96 386.15-73.89 153.64 30.04 169.56 129.83 326.88 251.87 29.01 22.38 58 40.75 87.04 56.21 246.65 131.25 485.07 42.17 735.27 252.26 93.88 78.82 303.73 266.7 313.16 541.14 3.02 87.99-16.22 171.06-47.85 250.81-111.04 281.11-356.24 499.98-283.48 721.18 14.07 42.78 52.11 156.04 77.61 318.3 6.27 39.9 8.37 85.31 3.8 142.84-14.88 187.43-158.87 562.66-444.85 802.45-162.52 136.26-302.82 160.7-478.22 180.95-185.68 21.44-395.05 39.29-694.11 155.36-386.04 149.83-590.47 351.76-817.76 510.75-192.99 134.99-388.97 241.73-703.8 258.4-202 10.7-404.81 14.01-604.9-102.72C93.74 1346.14 279.46 888.33-175.24 78.28c-131.68-234.59-259.5-421.2-194.98-581.44 63.35-157.05 253.47-121.83 403.94-343.77 122.38-181.21 61.07-304.01 210.7-454.75 102.81-103.67 153.47-65.75 257.7-167.13 188.87-183.82 107.69-391.21 241.5-457.76 132.93-66.19 256.74 113.6 588.05 103.91 93.66-2.84 141.9-4.71 194.26-36.97 144.36-88.98 84.19-270.77 227.26-485.27 24.71-37.05 124.9-202.77 311.74-277.89z' stroke='%233aa5c9' stroke-dasharray='0 0 11.99 11.99' stroke-miterlimit='10' opacity='.75'/%3E%3Cpath d='M2068.16-2851.61c195.41-82.63 258.69 4.29 611.19-47.72 12.68-1.89 24.92-3.84 36.75-5.84 247.23-41.32 294.64-100.2 417.94-69.03 168.64 42.63 181.11 164.54 349.53 310.03 31 26.72 61.74 48.85 92.38 67.36 260.52 158.29 505.46 54.11 788.14 281.33 103.13 82.9 354.61 290.39 371.44 588.89 5.47 97.01-15.34 187.94-50.33 274.46-122.33 303.14-408.35 541.7-326.51 784.51 14.53 43.11 55.67 167.75 90.12 347.75 8.24 43.06 12.64 93 10.44 157.51-7.07 207.66-147.51 645.2-452.49 915.61-175.69 155.78-326.94 181.48-517.94 198.47-197.37 17.55-429.14 26.9-765.41 147.47-432.16 156.18-660.3 369.68-899.46 542.18-207.19 149.44-415.74 268.6-761.31 292.39-218.62 14.24-439.34 25.04-661.21-99.08-477.03-267.08-264.85-766.77-805.65-1666.6C-558.56-88.72-714.8-291.1-642.1-472.88c71.24-177.98 285.68-134.07 453.35-383.13 137.44-204.51 64.49-341.95 232.19-511.26 115.75-116.9 171.78-71.97 288.91-186.25 212.7-207.56 116.49-442.07 265.71-515.79 147.95-73.12 285.16 134.69 659.24 125.62 105.6-2.61 159.25-4.14 217.59-40.45 160.95-100.19 92.41-303.75 247.06-551.03 25.74-41.15 137.18-228.05 346.19-316.43z' stroke-miterlimit='10' stroke='%233db4d1'/%3E%3Cpath d='M2071.37-3080.42c202.96-89.66 269.18-.45 652.24-55.76 303.38-43.8 348.93-112.33 488.98-70.19 183.58 55.24 192.66 199.25 372.17 368.2 314.48 295.98 586.52 116.19 938.73 388.92 112.39 87.03 405.54 314.03 429.73 636.63 35.65 475.55-539.62 805.77-422.34 1145.95 14.98 43.44 59.07 179.59 102.63 377.21 10.2 46.27 16.87 100.73 17.08 172.19.67 228.04-136.01 727.76-460.13 1028.77-379.86 352.78-652.57 105.34-1394.38 355.58-900.67 303.83-996.65 836.61-1799.96 899.98-235.2 18.55-473.87 36.08-717.52-95.43-523.53-282.57-284.73-824.77-911.79-1813.75-177.04-279.21-361.66-497.16-280.79-700.49 79.12-198.92 317.88-146.32 502.76-422.48 152.5-227.8 67.91-379.9 253.69-567.77C-28.84-1563 32.55-1511.05 162.6-1638.23c236.52-231.29 125.28-492.93 289.93-573.81 162.96-80.05 313.58 155.79 730.44 147.33 117.53-2.38 176.61-3.58 240.93-43.94 177.53-111.39 101.08-336.66 266.86-616.8 26.81-45.3 149.69-252.95 380.63-354.97z' stroke='%2340c3d9' stroke-miterlimit='10'/%3E%3C/g%3E%3Cg id='Group_1200'%3E%3Cg id='Group_29'%3E%3Ccircle id='Ellipse_1' cx='24' cy='24' r='21.5' class='clsCheck-3'/%3E%3Cpath id='Path_12' d='M15.16 24.34l6.56 6.47L32.4 19.32' class='clsCheck-3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.industryNavyBlock__Bottom ul:last-of-type li:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_2' viewBox='0 0 48 48'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Cpath d='M1875.99-2276.34h2123.34v1194.38H1875.99z' fill='none'/%3E%3C/clipPath%3E%3Cstyle%3E.clsArrows-3{fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}%3C/style%3E%3C/defs%3E%3Cg clip-path='url(%23clippath)' fill='none'%3E%3Cpath d='M2129.3-2393.98c180.74-68.49 237.71 13.77 529.11-31.63 10.85-1.73 21.41-3.59 31.73-5.47 204.77-37.29 251.87-91.7 354.36-78.75 138.56 17.5 157.79 95.44 304.24 193.7 26.98 18.1 54.23 32.7 81.71 45.05 232.51 104.55 464.55 30.53 682.4 223.19 84.61 74.83 252.94 242.96 254.88 493.4.61 78.96-17.09 154.18-45.37 227.15-99.74 259.08-304.35 458.34-240.46 657.84 13.6 42.46 48.32 144.48 65.1 288.84 4.28 36.77 4.04 77.67-2.84 128.17-22.81 167.39-170.04 480.16-437.21 689.28-149.22 116.8-278.73 140.06-438.5 163.43-174.02 25.45-360.81 52.15-622.81 163.25-339.74 144.07-520.58 333.91-736.07 479.32-178.72 120.6-362.27 214.13-646.3 224.41-185.42 6.71-370.28 2.98-548.59-106.37C330.65 1124.68 490.27 707.86 121.32-11.52 12.25-224.17-87.11-394.74-30.75-533.43c55.47-136.11 221.27-109.58 354.54-304.42 107.32-157.92 57.65-266.06 189.21-398.24 89.88-90.43 135.16-59.53 226.48-148.01 165.04-160.09 98.9-340.35 217.29-399.74 117.92-59.26 228.33 92.5 516.86 82.2 81.73-3.07 124.54-5.27 170.92-33.48 127.77-77.78 76.56-237.67 207.46-419.5 23.74-32.98 112.86-177.05 277.3-239.35z' stroke='%233796c1' stroke-miterlimit='10' opacity='.75'/%3E%3Cpath d='M2132.52-2622.79c188-75.58 248.2 9.03 570.15-39.68 11.76-1.81 23.16-3.72 34.24-5.66 225.97-39.47 273.28-95.96 386.15-73.89 153.64 30.04 169.56 129.83 326.88 251.87 29.01 22.38 58 40.75 87.04 56.21 246.65 131.25 485.07 42.17 735.27 252.26 93.88 78.82 303.73 266.7 313.16 541.14 3.02 87.99-16.22 171.06-47.85 250.81-111.04 281.11-356.24 499.98-283.48 721.18 14.07 42.78 52.11 156.04 77.61 318.3 6.27 39.9 8.37 85.31 3.8 142.84-14.88 187.43-158.87 562.66-444.85 802.45-162.52 136.26-302.82 160.7-478.22 180.95-185.68 21.44-395.05 39.29-694.11 155.36-386.04 149.83-590.47 351.76-817.76 510.75-192.99 134.99-388.97 241.73-703.8 258.4-202 10.7-404.81 14.01-604.9-102.72-430.53-251.64-244.81-709.45-699.51-1519.5-131.68-234.59-259.5-421.2-194.98-581.44 63.35-157.05 253.47-121.83 403.94-343.77 122.38-181.21 61.07-304.01 210.7-454.75 102.81-103.67 153.47-65.75 257.7-167.13 188.87-183.82 107.69-391.21 241.5-457.76 132.93-66.19 256.74 113.6 588.05 103.91 93.66-2.84 141.9-4.71 194.26-36.97 144.36-88.98 84.19-270.77 227.26-485.27 24.71-37.05 124.9-202.77 311.74-277.89z' stroke='%233aa5c9' stroke-dasharray='0 0 11.99 11.99' stroke-miterlimit='10' opacity='.75'/%3E%3Cpath d='M2135.74-2851.61c195.41-82.63 258.69 4.29 611.19-47.72 12.68-1.89 24.92-3.84 36.75-5.84 247.23-41.32 294.64-100.2 417.94-69.03 168.64 42.63 181.11 164.54 349.53 310.03 31 26.72 61.74 48.85 92.38 67.36 260.52 158.29 505.46 54.11 788.14 281.33 103.13 82.9 354.61 290.39 371.44 588.89 5.47 97.01-15.34 187.94-50.33 274.46-122.33 303.14-408.35 541.7-326.51 784.51 14.53 43.11 55.67 167.75 90.12 347.75 8.24 43.06 12.64 93 10.44 157.51-7.07 207.66-147.51 645.2-452.49 915.61-175.69 155.78-326.94 181.48-517.94 198.47-197.37 17.55-429.14 26.9-765.41 147.47-432.16 156.18-660.3 369.68-899.46 542.18-207.19 149.44-415.74 268.6-761.31 292.39-218.62 14.24-439.34 25.04-661.21-99.08-477.02-267.08-264.85-766.77-805.65-1666.6-154.34-256.8-310.58-459.18-237.88-640.96 71.24-177.98 285.68-134.07 453.35-383.13 137.44-204.51 64.49-341.95 232.19-511.26 115.75-116.9 171.78-71.97 288.91-186.25 212.7-207.56 116.49-442.07 265.71-515.79 147.95-73.12 285.16 134.69 659.24 125.62 105.6-2.61 159.25-4.14 217.59-40.45 160.95-100.19 92.41-303.75 247.06-551.03 25.74-41.15 137.18-228.05 346.19-316.43z' stroke-miterlimit='10' stroke='%233db4d1'/%3E%3Cpath d='M2138.96-3080.42c202.96-89.66 269.18-.45 652.24-55.76 303.38-43.8 348.93-112.33 488.98-70.19 183.58 55.24 192.66 199.25 372.17 368.2 314.48 295.98 586.52 116.19 938.73 388.92 112.39 87.03 405.54 314.03 429.73 636.63 35.65 475.55-539.62 805.77-422.34 1145.95 14.98 43.44 59.07 179.59 102.63 377.21 10.2 46.27 16.87 100.73 17.08 172.19.67 228.04-136.01 727.76-460.13 1028.77-379.86 352.78-652.57 105.34-1394.38 355.58-900.67 303.83-996.65 836.61-1799.96 899.98-235.2 18.55-473.87 36.08-717.52-95.43-523.54-282.57-284.73-824.77-911.8-1813.75C-742.65-21.33-927.27-239.28-846.4-442.61c79.12-198.92 317.88-146.32 502.76-422.48 152.5-227.8 67.91-379.9 253.69-567.77 128.69-130.14 190.08-78.19 320.13-205.37 236.52-231.29 125.28-492.93 289.93-573.81 162.96-80.05 313.58 155.79 730.44 147.33 117.53-2.38 176.61-3.58 240.93-43.94 177.53-111.39 101.08-336.66 266.86-616.8 26.81-45.3 149.69-252.95 380.63-354.97z' stroke='%2340c3d9' stroke-miterlimit='10'/%3E%3C/g%3E%3Cg id='Group_1202'%3E%3Cg id='Group_29'%3E%3Ccircle id='Ellipse_1' cx='24' cy='24' r='21.5' class='clsArrows-3'/%3E%3Cg id='Group_291'%3E%3Cpath id='Line_2' d='M13.12 23.94h17.25' class='clsArrows-3'/%3E%3Cpath id='Path_5' d='M29.39 18.56l5.06 5.65-5.06 5.65' class='clsArrows-3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.industryNavyBlock__Bottom ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px
}
.industryNavyBlock__Bottom ul li:before {
height: 46px;
margin-right: 25px;
min-width: 46px
}
.industryNavyBlock__BottomGrid {
display: grid;
grid-gap: 30px;
grid-template-columns: 7fr 3fr
}
.industryNavyBlock__BottomGridRight {
padding: 20px 0
}
.industryNavyBlock__BottomGridRightCard {
background-color: #19234d;
padding: 38px;
position: -webkit-sticky;
position: sticky;
top: 150px
}
.industryNavyBlock__BottomGridRightCard img {
max-width: 140px;
margin: 0 0 14px
}
.industryNavyBlock__BottomGridRightCard h3 {
color: #40c3d9;
font-size: 14px;
font-weight: 400;
letter-spacing: 1.4px;
line-height: 22px;
margin: 0 0 12px
}
.industryNavyBlock__BottomGridRightCard h2 {
color: #fff;
font-size: 22px;
font-weight: 500;
line-height: 28px;
margin: 0 0 12px
}
.industryNavyBlock__BottomGridRightCard a {
color: #40c3d9;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
line-height: 22px
}
@media screen and (max-width:767px) {
.industryNavyBlock__TopInner {
padding: 0 15px
}
.industryNavyBlock__Bottom {
padding: 20px 15px
}
.industryNavyBlock__Bottom ul li {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
flex-direction: row;
padding: 15px
}
.industryNavyBlock__Bottom ul li:before {
height: 35px;
margin-bottom: 15px;
margin-right: 15px;
min-width: 35px
}
.industryNavyBlock__BottomGrid {
grid-template-columns: 1fr
}
.industryNavyBlock__BottomGridRight {
padding: 0
}
.industryNavyBlock__RetailIcons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.industryNavyBlock__IconBox {
padding: 30px 15px;
width: auto
}
}
.MDRCanHelp__Legal p {
font-size: 24px
}
.MDRCanHelp__Legal .MDRCanHelp__Grid {
grid-template-columns: 3fr 1fr;
grid-column-gap: 20px
}
.MDRCanHelp__Content {
margin: 75px auto;
max-width: 1260px;
padding: 0 48px
}
.MDRCanHelp__Content h2 {
color: #263c91;
max-width: 1024px
}
.MDRCanHelp__LegalLogos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 30px 0 90px
}
.MDRCanHelp__Logo {
border: 1px solid #dbdbdb;
border-radius: 1px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
background: #fff;
text-align: center;
padding: 49px 27px;
margin-right: 10px
}
.MDRCanHelp__Logo :last-child {
margin-right: 0
}
.MDRCanHelp__Logo img {
width: 100%
}
.MDRCanHelp__Grid {
display: grid;
grid-column-gap: 40px;
grid-template-columns: 2fr 1fr
}
.MDRCanHelp__GridLeft h3 {
color: #696de3;
font-size: 30px;
font-weight: 600;
line-height: 40px;
margin: 20px 0 40px
}
.MDRCanHelp__GridLeft p {
margin: 0 0 35px
}
.MDRCanHelp__GridLeft ul {
margin: 0;
max-width: 660px
}
.MDRCanHelp__GridLeft ul li {
margin-bottom: 20px
}
.MDRCanHelp__GridLeft ul li :last-child {
margin-bottom: 0
}
.MDRCanHelp__GridRight .MDRCanHelp__LegalLogos {
display: grid;
grid-gap: 10px;
margin: 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right
}
.MDRCanHelp__GridRight .MDRCanHelp__LegalLogos .MDRCanHelp__Logo {
padding: 27px 22px
}
.MDRCanHelp__GridRight .MDRCanHelp__LegalLogos .MDRCanHelp__Logo img {
max-width: 200px
}
.MDRCanHelp__GridRightCard {
background-color: #19234d;
padding: 40px;
position: -webkit-sticky;
position: sticky;
top: 150px
}
.MDRCanHelp__GridRightCard .MDRCanHelp__NAMLogo {
margin: 30px -40px -46px
}
.MDRCanHelp__GridRightCard .MDRCanHelp__NAMLogo img {
max-width: 100%
}
.MDRCanHelp__GridRightCard h3 {
color: #40c3d9;
font-size: 14px;
font-weight: 400;
letter-spacing: 1.4px;
line-height: 22px;
margin: 0 0 12px
}
.MDRCanHelp__GridRightCard h2 {
color: #fff;
font-size: 24px;
font-weight: 500;
line-height: 30px;
margin: 0 0 6px
}
.MDRCanHelp__GridRightCard p {
color: #fff;
font-size: 14px;
line-height: 20px;
margin: 0 0 12px
}
.MDRCanHelp__GridRightCard a {
color: #40c3d9;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
line-height: 22px
}
.MDRCanHelp__CTAs {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 22px
}
.MDRCanHelp__CTAs a {
width: 100%;
text-align: center;
color: #fff;
font-size: 15px;
line-height: 100%;
padding: 14px 0;
font-weight: 700;
letter-spacing: .7px;
background: #263c91
}
.MDRCanHelp__CTABox {
background-color: #e9ebf4;
margin-top: 65px;
padding: 25px 35px
}
.MDRCanHelp__CTABox h3 {
margin: 0 0 22px;
font-size: 30px;
line-height: 37px;
font-weight: 600
}
@media screen and (max-width:767px) {
.MDRCanHelp__Content {
padding: 0 15px
}
.MDRCanHelp__Grid {
grid-template-columns: 1fr;
grid-gap: 30px
}
.MDRCanHelp__GridRight .MDRCanHelp__LegalLogos {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left
}
.MDRCanHelp__Legal .MDRCanHelp__Grid {
grid-template-columns: 1fr
}
.MDRCanHelp__LegalLogos {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.MDRCanHelp__CTAs {
grid-template-columns: 1fr;
grid-gap: 10px
}
.MDRCanHelp__CTAs a {
padding: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.MDRCanHelp__CTABox {
padding: 15px
}
}
.TRUCallout__Content {
padding: 75px 48px;
max-width: 1260px;
background-color: #0e142b;
margin: 0 auto 75px
}
.TRUCallout__Content h4 {
color: #40c3d9;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 3px;
margin-top: 0
}
.TRUCallout__Content h3 {
font-weight: 600;
font-size: 30px;
line-height: 40px;
letter-spacing: -.4px;
color: #fff
}
.TRUCallout__Content p {
font-size: 18px;
line-height: 24px;
letter-spacing: 0;
color: #fff
}
.TRUCallout__Content a {
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
letter-spacing: 1px;
text-align: center;
font-size: 20px;
line-height: 20px;
font-weight: 700;
border: 2px solid #fff;
padding: 19px
}
.TRUCallout__Container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.TRUCallout__Left {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
margin-right: 100px
}
.TRUCallout__Right {
-webkit-box-flex: .65;
-ms-flex: .65;
flex: .65;
text-align: center
}
.TRUCallout__Right img {
margin-bottom: 25px;
max-width: 75%
}
@media screen and (max-width:767px) {
.TRUCallout__Content {
padding: 75px 15px
}
.TRUCallout__Container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.TRUCallout__Left {
margin: 0 0 34px
}
}
.ThreatIntelligenceReport {
background-color: #ecf9fb
}
.ThreatIntelligenceReport__Content {
padding: 75px 48px;
margin: 0 auto;
max-width: 1260px
}
.ThreatIntelligenceReport h2 {
color: #263c91;
margin: 0 0 12px
}
.ThreatIntelligenceReport h3 {
color: #696de3;
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin: 20px 0 40px
}
.ThreatIntelligenceReport p {
color: #19234d;
margin: 0 0 40px
}
.ThreatIntelligenceReport ul li {
margin-bottom: 20px
}
.ThreatIntelligenceReport__Callout {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: grid;
grid-gap: 70px;
grid-template-columns: 1fr 2fr;
padding: 0 70px;
position: relative
}
.ThreatIntelligenceReport__CalloutContainer {
position: relative
}
.ThreatIntelligenceReport__CalloutBackground {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 75px;
z-index: 0
}
.ThreatIntelligenceReport__CalloutBackground:before {
background: #0e142b;
content: "";
height: 1150px;
left: 0;
position: absolute;
right: 0
}
.ThreatIntelligenceReport__Callout h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin: 0 0 12px
}
.ThreatIntelligenceReport__Callout ul {
margin: 0 0 15px;
padding-left: 25px
}
.ThreatIntelligenceReport__Callout ul li {
color: #fff;
font-size: 18px;
line-height: 24px;
margin-bottom: 20px
}
.ThreatIntelligenceReport__Callout a {
color: #5063f9;
font-weight: 700;
letter-spacing: .9px;
font-size: 20px;
line-height: 32px
}
.ThreatIntelligenceReport__CalloutLeft img {
display: block;
margin-top: -65px;
max-width: 100%
}
.ThreatIntelligenceReport__CalloutRight {
padding: 100px 0 20px
}
.ThreatIntelligenceReport__Healthcare .ThreatIntelligenceReport__Callout {
grid-template-columns: 2fr 3fr;
margin-top: 75px
}
.ThreatIntelligenceReport.Purple {
background-color: rgb 242, 237, 252
}
.ThreatIntelligenceReport.WhiteBG {
background-color: #fff
}
.ThreatIntelligenceReport.WhiteBG .Report__Button {
background: #d4d8e9;
border-radius: 1px;
color: #5063f9;
font-size: 20px;
line-height: 50px;
letter-spacing: 1px;
font-weight: 700;
padding: 19px 75px;
margin-top: 30px;
display: inline-block
}
.ThreatIntelligenceReport.DFIR .ThreatIntelligenceReport__Callout {
grid-template-columns: 1fr
}
.ThreatIntelligenceReport.DFIR .ThreatIntelligenceReport__CalloutRight {
padding: 125px 0 50px
}
@media screen and (max-width:767px) {
.ThreatIntelligenceReport__Content {
padding: 75px 15px
}
.ThreatIntelligenceReport__Callout {
padding: 0 15px;
grid-template-columns: 1fr;
grid-gap: 0
}
.ThreatIntelligenceReport__CalloutRight {
padding-top: 20px
}
.ThreatIntelligenceReport__CalloutLeft img {
width: 100%;
margin-top: 0
}
.ThreatIntelligenceReport.DFIR .ThreatIntelligenceReport__CalloutBackground {
top: 0
}
.ThreatIntelligenceReport.DFIR .ThreatIntelligenceReport__CalloutRight {
padding: 20px 0
}
.ThreatIntelligenceReport__Healthcare .ThreatIntelligenceReport__Callout {
grid-template-columns: 1fr
}
}
.ThreatSummit {
background-color: #ecf9fb
}
.ThreatSummit__Content {
padding: 0 48px 75px;
margin: 0 auto;
max-width: 1260px
}
.ThreatSummit__Content ul li {
margin-bottom: 20px
}
.ThreatSummit__PT75 {
margin-top: 75px
}
.ThreatSummit__PT75 .ThreatSummit__Content {
padding-top: 75px
}
.ThreatSummit h2 {
color: #263c91;
margin: 0 0 12px
}
.ThreatSummit h3 {
color: #696de3;
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin: 0 0 40px
}
.ThreatSummit__GreyBackground {
background-color: #f4f5f9
}
.ThreatSummit__GreyBackground h3 {
color: #19234d
}
.ThreatSummit p {
color: #19234d;
margin: 0 0 40px
}
.ThreatSummit__VideoCallout {
display: grid;
grid-template-columns: 5fr 2fr;
gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ThreatSummit__VideoCalloutRight img {
width: 100%;
display: block
}
.ThreatSummit__VideoCalloutRight a {
width: 100%;
text-align: center;
font-size: 14px;
text-transform: uppercase;
line-height: 35px;
letter-spacing: .6px;
font-weight: 600;
color: #fff;
background-color: #263c91;
display: block;
padding: 5px 0
}
.ThreatSummit__VideoCalloutRightContainerTopImage {
background-color: #fff;
padding: 10px 0
}
.ThreatSummit__VideoCalloutRightContainerTopImage img {
max-width: 160px;
margin: 0 auto
}
.ThreatSummit__VideoCalloutLeft ul {
margin: 0;
max-width: 725px
}
.ThreatSummit__VideoCalloutLeft ul li {
margin-bottom: 25px
}
.ThreatSummit__VideoCalloutLeft ul li:last-child {
margin-bottom: 0
}
.ThreatSummit__Finance .ThreatSummit__VideoCallout {
grid-template-columns: 5fr 3fr
}
@media screen and (max-width:767px) {
.ThreatSummit__Content {
padding: 0 15px
}
.ThreatSummit__Finance .ThreatSummit__VideoCallout,
.ThreatSummit__VideoCallout {
grid-template-columns: 1fr
}
}
.IndustryHeadingCopy__NavyCard {
margin-top: 75px
}
.IndustryHeadingCopy__CreamBg {
background-color: #f4f5f9;
padding-top: 75px
}
.IndustryHeadingCopy__HalfSplit .IndustryHeadingCopy__CopyCard {
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.IndustryHeadingCopy__HalfSplit .IndustryHeadingCopy__CopyCardRightBox h4 {
text-align: center
}
.IndustryHeadingCopy__Content {
margin: 0 auto;
max-width: 1260px;
padding: 0 48px 75px
}
.IndustryHeadingCopy__Content h2 {
max-width: 992px;
color: #263c91
}
.IndustryHeadingCopy__Content p {
margin: 0 0 40px
}
.IndustryHeadingCopy__Content ul {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 50px;
grid-row-gap: 20px;
margin: 0;
padding: 0 0 0 30px
}
.IndustryHeadingCopy__CopyCard {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 50px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.IndustryHeadingCopy__CopyCardRight {
position: -webkit-sticky;
position: sticky;
top: 0
}
.IndustryHeadingCopy__CopyCardLeft a {
color: #4b64ff;
font-size: 16px;
font-weight: 600;
letter-spacing: .8px;
line-height: 20px;
text-transform: uppercase
}
.IndustryHeadingCopy__CopyCardRightBox {
padding: 35px;
background-color: #19234d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.IndustryHeadingCopy__CopyCardRightBox img {
width: 100%;
margin-bottom: 20px
}
.IndustryHeadingCopy__CopyCardRightBox h3 {
color: #40c3d9;
text-transform: uppercase
}
.IndustryHeadingCopy__CopyCardRightBox h4 {
color: #fff;
font-size: 30px;
line-height: 40px;
margin: 0 0 25px
}
.IndustryHeadingCopy__CopyCardRightBox p {
color: #fff;
font-size: 24px;
line-height: 32px;
text-align: center
}
.IndustryHeadingCopy__CopyCardRightBox a {
background-color: #e9ebf4;
color: #5063f9;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 12px 70px;
text-align: center;
text-transform: uppercase
}
.IndustryHeadingCopy.AboutUs .IndustryHeadingCopy__Content {
padding: 0 48px 45px
}
@media screen and (max-width:767px) {
.IndustryHeadingCopy__Content {
padding: 0 15px 75px
}
.IndustryHeadingCopy__CopyCard {
grid-template-columns: 1fr
}
.IndustryHeadingCopy__CopyCardRightBox {
padding: 30px 15px
}
.IndustryHeadingCopy__HalfSplit .IndustryHeadingCopy__CopyCard {
grid-template-columns: 1fr
}
}
.IndustryServices {
margin-bottom: 75px
}
.IndustryServices__UseCase {
margin-top: 75px
}
.IndustryServices__Content {
background-color: #e9ebf4;
margin: 0 auto;
max-width: 1260px
}
.IndustryServices__Container {
padding: 75px
}
.IndustryServices__Container h2 {
text-align: center;
max-width: 992px;
margin: 0 auto 50px;
color: #2e4395
}
.IndustryServices__Container p {
text-align: center;
margin: 0 0 50px
}
.IndustryServices__Card {
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/Industries/services-box-bg.png);
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.IndustryServices__Card svg {
width: 100%;
max-width: 60px;
margin-bottom: 20px
}
.IndustryServices__Card h3 {
color: #fff;
font-size: 40px;
line-height: 45px;
font-weight: 400;
max-width: 340px;
margin: 0 0 15px
}
.IndustryServices__Card h5 {
color: #a8b1d3;
font-size: 24px;
font-weight: 400;
letter-spacing: -.1px;
line-height: 32px;
margin: 0 0 10px
}
.IndustryServices__Card p {
color: #fff;
text-align: left;
font-size: 16px;
line-height: 22px
}
.IndustryServices__Card ul {
padding-left: 30px
}
.IndustryServices__Card ul li {
color: #fff;
text-align: left;
font-size: 14px;
line-height: 20px;
margin: 0 0 10px
}
.IndustryServices__Card a {
color: #5063f9;
font-size: 15px;
line-height: 24px;
font-weight: 700;
letter-spacing: .7px;
padding: 0 60px 50px
}
.IndustryServices__Cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 15px;
margin: 0 -150px;
width: calc(100% + 300px)
}
.IndustryServices__CardTop {
margin-bottom: 40px;
padding: 60px 60px 0
}
.IndustryServices__CardTopBanner {
padding: 0 60px
}
.IndustryServices__CardBanner {
background-color: #40c3d9;
margin: 0 -60px 60px;
padding: 13px 0;
text-align: center
}
.IndustryServices__CardBanner h3 {
color: #0e142b;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 16px;
margin: 0 auto
}
.IndustryServices__Cta {
background-color: #d4d8e8;
padding: 50px 75px;
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 50px
}
.IndustryServices__Cta h3 {
font-size: 30px;
line-height: 40px;
color: #0e142b;
margin: 0
}
.IndustryServices__Cta a {
background-color: #263c91;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
min-width: 150px;
padding: 12px 40px;
text-align: center;
text-transform: uppercase
}
.IndustryServices__CtaRight {
text-align: right;
-ms-flex-item-align: center;
align-self: center
}
@media screen and (max-width:1400px) {
.IndustryServices__Card h3 {
font-size: 26px;
line-height: 32px
}
.IndustryServices__Cards {
margin: 0 auto;
width: 100%
}
}
@media screen and (max-width:767px) {
.IndustryServices {
margin-bottom: 0
}
.IndustryServices__Container {
padding: 15px
}
.IndustryServices__Container h2 {
margin: 20px 0
}
.IndustryServices__Card {
padding: 30px 15px
}
.IndustryServices__Cards {
grid-template-columns: 1fr;
width: 100%;
margin: 0;
grid-row-gap: 15px
}
.IndustryServices__CardTop,
.IndustryServices__CardTopBanner {
padding: 0 15px
}
.IndustryServices__CardBanner {
margin: 0 -15px 60px
}
.IndustryServices__CardBanner h3 {
font-size: 18px;
line-height: 24px
}
.IndustryServices__Card a {
padding: 0 15px
}
.IndustryServices__UseCase .IndustryServices__Card {
padding: 0 0 20px
}
.IndustryServices__Cta {
grid-template-columns: 1fr;
padding: 30px 15px
}
.IndustryServices__CtaRight {
text-align: left
}
.IndustryServices__Partner .IndustryServices__CardTop {
padding-top: 15px
}
}
.IndustryInAction {
background-color: #19234d
}
.IndustryInAction__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 0;
text-align: center
}
.IndustryInAction__Content h2 {
color: #40c3d9
}
.IndustryInAction__Content p {
color: #fff;
margin: 0 auto 35px;
max-width: 992px
}
.IndustryInAction__Card {
background: #fff;
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
color: #19234d;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
padding: 35px 50px
}
.IndustryInAction__Card,
.IndustryInAction__Cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.IndustryInAction__Cards {
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 60px;
width: 100%
}
.IndustryInAction__Cards svg {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -20px;
margin-right: -20px;
max-width: 50px;
width: 100%;
z-index: 2
}
.IndustryInAction__Card h3 {
font-size: 20px;
line-height: 22px;
margin: 0 0 20px
}
.IndustryInAction__Card ul {
margin: 0;
padding-left: 22px
}
.IndustryInAction__Card ul li {
font-size: 18px;
line-height: 26px;
text-align: left;
margin-bottom: 12px
}
.IndustryInAction__Card ul li:last-child {
margin-bottom: 0
}
@media screen and (max-width:767px) {
.IndustryInAction__Content {
padding: 75px 15px
}
.IndustryInAction__Cards {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.IndustryInAction__Cards svg {
margin: -15px 0
}
}
.ComplianceCallout {
background-color: #19234d
}
.ComplianceCallout__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.ComplianceCallout__Content h2 {
color: #40c3d9
}
.ComplianceCallout__Content p {
color: #fff;
margin: 0 auto 35px;
max-width: 992px
}
.ComplianceCallout__Grids {
display: grid;
grid-template-columns: 12fr 11fr;
grid-column-gap: 125px
}
.ComplianceCallout__GridBoxTop {
background-color: #fff;
text-align: center
}
.ComplianceCallout__GridBoxTop img {
max-width: 325px;
margin: 0 auto;
width: 100%;
padding: 40px 0;
display: block
}
.ComplianceCallout__GridBoxBottom {
background-color: #e9ebf4;
padding: 40px
}
.ComplianceCallout__GridBoxBottom p,
.ComplianceCallout__GridBoxBottom ul li {
font-size: 20px;
line-height: 24px;
color: #0e142b;
margin-bottom: 20px
}
.ComplianceCallout__GridBoxBottom ul {
margin: 0
}
.ComplianceCallout__GridBoxBottom a {
display: block;
width: 100%;
text-align: center;
color: #19234d;
border: 2px solid #19234d;
font-size: 15px;
line-height: 100%;
padding: 14px 0;
font-weight: 700;
letter-spacing: .7px;
margin-top: 35px
}
@media screen and (max-width:767px) {
.ComplianceCallout__Content {
padding: 75px 15px
}
.ComplianceCallout__GridBoxBottom {
padding: 30px 15px
}
.ComplianceCallout__Grids {
grid-template-columns: 1fr;
grid-gap: 30px
}
}
.CaseStudyCards {
background-color: #19234d
}
.CaseStudyCards__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px
}
.CaseStudyCards__Content h2 {
color: #40c3d9;
font-size: 48px
}
.CaseStudyCards__Content p {
color: #fff;
font-size: 24px;
margin: 0 auto 55px
}
.CaseStudyCards__Card {
background-color: #fff;
padding: 40px 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.CaseStudyCards__Cards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px
}
.CaseStudyCards__Card h3 {
font-size: 26px;
line-height: 33px;
text-align: center;
margin: 0 0 30px
}
.CaseStudyCards__Card ul {
margin: 0;
padding-left: 28px
}
.CaseStudyCards__Card ul li {
margin-bottom: 20px;
font-size: 24px;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.CaseStudyCards__CardTop {
margin-bottom: 40px
}
.CaseStudyCards__CardBottom {
background-color: #e9ebf4;
text-align: center;
color: #263c91;
font-size: 26px;
line-height: 26px;
font-weight: 700;
padding: 12px 0
}
@media screen and (max-width:767px) {
.CaseStudyCards__Content {
padding: 75px 15px
}
.CaseStudyCards__Card {
padding: 30px 15px
}
.CaseStudyCards__Cards {
grid-template-columns: 1fr
}
}
.SecureWithMDR {
margin-top: -75px
}
.SecureWithMDR__Content {
margin: 0 auto 75px;
max-width: 1260px;
padding: 0 48px
}
.SecureWithMDR__Container {
padding: 75px;
background-color: #ecf9fb
}
.SecureWithMDR__Container h2 {
color: #2e4395;
margin: 0 auto 50px
}
.SecureWithMDR__Container p,
.SecureWithMDR__Container ul {
margin: 0 0 50px
}
.SecureWithMDR__Container ul li {
margin-bottom: 30px
}
.SecureWithMDR__Container ul :last-child {
margin-bottom: 0
}
.SecureWithMDR__Container h3 {
letter-spacing: -.4px;
color: #696de3;
font-size: 30px;
line-height: 40px;
font-weight: 600
}
.SecureWithMDR__Cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #b3e7f0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1260px;
padding: 50px 0
}
.SecureWithMDR__CtaLeft {
margin-left: 60px;
max-width: 600px
}
.SecureWithMDR__CtaRight {
margin-right: 60px
}
.SecureWithMDR__Cta h3 {
color: #0e142b;
font-size: 35px;
font-weight: 700;
line-height: 40px;
margin: 0
}
.SecureWithMDR__Cta a {
background-color: #263c91;
color: #fff;
cursor: pointer;
font-size: 20px;
font-weight: 700;
letter-spacing: .7px;
margin-left: 25px;
max-width: 235px;
padding: 20px 70px;
text-align: center;
display: block
}
.SecureWithMDR.PrivateEquity .SecureWithMDR__Container ul {
margin-bottom: 0
}
.SecureWithMDR.Retail .SecureWithMDR__Content {
margin: 0 auto
}
@media screen and (max-width:767px) {
.SecureWithMDR__Content {
margin-bottom: 0;
padding: 0 15px
}
.SecureWithMDR__Container {
padding: 15px
}
.SecureWithMDR__Cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
text-align: center
}
.SecureWithMDR__Cta a {
display: block;
margin: 0
}
.SecureWithMDR__CtaRight {
margin: 0
}
.SecureWithMDR__CtaLeft {
margin: 0 0 10px
}
}
.GetStartedLong {
padding: 0 48px;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/get-started-bg-long.png);
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
.GetStartedLong__Content {
max-width: 1260px;
margin: 0 auto;
padding: 100px 0
}
.GetStartedLong__Grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 75px
}
.GetStartedLong__Grid h2 {
color: #40c3d9;
font-size: 60px;
line-height: 66px
}
.GetStartedLong__Grid p {
color: #fff
}
.GetStartedLong__GridForm {
border: none;
min-height: 750px;
width: 100%
}
.GetStartedLong__DarkMode {
background-color: #0e142b;
background-image: none
}
.GetStartedLong__DarkMode h2 {
color: #fff;
font-size: 42px;
line-height: 55px;
margin: 0 0 20px
}
.GetStartedLong__DarkMode .GetStartedLong__GridRight {
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 28px
}
@media screen and (max-width:767px) {
.GetStartedLong {
padding: 0 15px
}
.GetStartedLong__Grid {
grid-template-columns: 1fr;
grid-row-gap: 15px
}
.GetStartedLong__Grid h2 {
font-size: 44px;
line-height: 120%
}
.GetStartedLong__Home .GetStartedLong__Content {
padding: 0 15px
}
.GetStartedLong__DarkMode .GetStartedLong__GridForm {
min-height: 840px
}
}
.GetStartedShort {
padding: 0 48px;
background-image: url(https://s3.ca-central-1.amazonaws.com/esentire-dot-com-assets/assetsV4/Common/get-started-bg-short.png);
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
.GetStartedShort__Content {
max-width: 1260px;
margin: 0 auto;
padding: 100px 0
}
.GetStartedShort__Grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 75px
}
.GetStartedShort__Grid h2 {
color: #40c3d9;
font-size: 60px;
line-height: 66px
}
.GetStartedShort__Grid p {
color: #fff
}
.GetStartedShort__Grid a {
background-color: #e9ebf4;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #5063f9;
padding: 14px 0;
width: 100%;
display: inherit;
text-align: center;
max-width: 350px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.GetStartedShort__GridRight {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width:767px) {
.GetStartedShort {
padding: 0 15px
}
.GetStartedShort__Grid {
grid-template-columns: 1fr;
grid-row-gap: 30px
}
.GetStartedShort__Grid h2 {
font-size: 44px;
line-height: 120%;
margin-bottom: 20px
}
.GetStartedShort__GridRight {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.MiniQuote {
background-color: #ecf9fb
}
.MiniQuote__PB75 {
padding-bottom: 75px
}
.MiniQuote__WhiteBG {
background-color: #fff
}
.MiniQuote__WhiteBG .MiniQuote__Content {
padding: 0 48px 75px
}
.MiniQuote__WhiteBG .MiniQuote__Content h2 {
text-align: left
}
.MiniQuote__UseCase {
background-color: #fff;
margin-bottom: 75px
}
.MiniQuote__UseCase .MiniQuote__QuoteCase {
grid-template-columns: 2fr 1fr
}
.MiniQuote__UseCase .MiniQuote__Case {
padding: 60px 40px;
text-align: center
}
.MiniQuote__TRU {
background-color: #fff;
margin-bottom: 75px
}
.MiniQuote__TRU .MiniQuote__QuoteCase {
grid-template-columns: 2fr 1fr
}
.MiniQuote__TRU .MiniQuote__QuoteCase h2 {
text-align: left;
margin-bottom: 20px
}
.MiniQuote__TRU .MiniQuote__Case {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 60px 40px;
text-align: center
}
.MiniQuote__CaseBoxCta {
color: #fff !important;
background-color: #263c91;
padding: 10px 30px;
margin-top: 30px;
display: block
}
.MiniQuote__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 48px 0
}
.MiniQuote__Content h2 {
color: #263c91;
text-align: center;
max-width: 820px;
margin: 0 auto 75px
}
.MiniQuote__CaseQuote,
.MiniQuote__QuoteCase {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.MiniQuote__CaseQuote {
grid-template-columns: 2fr 3fr
}
.MiniQuote__Quote,
.MiniQuote__QuoteStandard {
background-color: #fff;
padding: 70px 60px 60px
}
.MiniQuote__Quote blockquote,
.MiniQuote__QuoteStandard blockquote {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.048 21.856c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.456 2.176-5.76 2.176-3.157 0-5.803-1.11-7.936-3.328-2.048-2.219-3.072-5.077-3.072-8.576 0-6.4 2.475-10.965 7.424-13.696C34.856 1.973 37.757.992 39.976.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28-7.083 1.877-10.624 5.419-10.624 10.624 0 2.304.597 4.267 1.792 5.888.17-2.901 2.005-4.352 5.504-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48zm-23.552 0c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.413 2.176-5.632 2.176-3.243 0-5.888-1.11-7.936-3.328C1.448 23.904.424 21.003.424 17.504c0-6.315 2.475-10.837 7.424-13.568C11.432 1.973 14.291.992 16.424.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28C9.299 5.173 5.8 8.757 5.8 14.048c0 2.219.597 4.139 1.792 5.76.17-2.901 1.963-4.352 5.376-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 60px 42px;
color: #0e142b;
font-size: 26px;
letter-spacing: -.01em;
line-height: 33px;
margin: 0 0 30px;
max-width: 650px;
padding: 60px 0 0
}
.MiniQuote__Quote h5,
.MiniQuote__QuoteStandard h5 {
font-size: 28px;
letter-spacing: normal;
color: #0e142b;
line-height: 32px
}
.MiniQuote__Quote h6,
.MiniQuote__QuoteStandard h6 {
margin: 5px 0 0;
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.MiniQuote__Case,
.MiniQuote__CaseStandard {
background-color: #d9f3f7;
padding: 0 40px 60px;
color: #000
}
.MiniQuote__Case h4,
.MiniQuote__CaseStandard h4 {
font-size: 15px;
line-height: 22px;
letter-spacing: 2.2px;
margin: 0 0 16px
}
.MiniQuote__Case h3,
.MiniQuote__CaseStandard h3 {
font-size: 24px;
line-height: 32px;
font-weight: 500;
max-width: 500px;
margin: 0 0 24px
}
.MiniQuote__Case a,
.MiniQuote__CaseStandard a {
font-weight: 700;
font-size: 20px;
line-height: 32px;
letter-spacing: .7px;
color: #000
}
.MiniQuote__Case img,
.MiniQuote__CaseStandard img {
width: 100%;
max-width: 150px;
margin: 0 0 22px
}
.MiniQuote__Case.Finance img {
margin: 40px 0 22px;
border: 1px solid #707070
}
.MiniQuote__CaseStandard {
background-color: #fff
}
.MiniQuote__CaseStandard img {
max-width: 100%;
margin: 25px 0 0
}
.MiniQuote__QuoteStandard {
background-color: #f0f0fc
}
.MiniQuote__Cta {
background-color: #19234d;
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 100px;
padding: 35px 45px;
margin-bottom: 30px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.MiniQuote__Cta h3 {
color: #fff;
font-size: 20px;
line-height: 30px;
margin: 0
}
.MiniQuote__CtaLeft p {
font-size: 18px;
line-height: 24px;
color: #fff
}
.MiniQuote__CtaRight a {
background-color: #d4d8e9;
color: #5063f9;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .8px;
line-height: 100%;
padding: 12px 5px;
text-align: center;
text-transform: uppercase;
max-width: 375px
}
.MiniQuote__Cta:last-child {
margin-bottom: 0
}
.MiniQuote__CaseStudy.CaseStudyPage .MiniQuote__Content {
padding: 75px 48px
}
.MiniQuote__CaseStudy {
background-color: #ecf9fb
}
.MiniQuote__CaseStudy .MiniQuote__CaseStudyContainer {
max-width: 1500px;
background: #d3d8e9;
-webkit-box-shadow: 0 60px 80px rgba(146, 162, 165, .27);
box-shadow: 0 60px 80px rgba(146, 162, 165, .27);
border: 1px solid #e2e2e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: -50px;
margin-right: -50px
}
.MiniQuote__CaseStudy__Left {
-webkit-box-flex: 1.1;
-ms-flex: 1.1;
flex: 1.1
}
.MiniQuote__CaseStudy__Right {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
padding: 35px
}
.MiniQuote__CaseStudy__Right h3 {
font-weight: 600;
font-size: 26px;
line-height: 36px;
letter-spacing: 0;
color: #19234d;
margin-top: 0
}
.MiniQuote__CaseStudy__Right ul li {
letter-spacing: 0;
font-size: 24px;
line-height: 30px;
color: #19234d;
margin-bottom: .5em
}
.MiniQuote__CaseStudy__Right ul li ul {
margin-top: .5em
}
.MiniQuote__CaseStudy__Right ul li ul li {
font-size: 24px;
line-height: 30px
}
.MiniQuote__CaseStudy__Study {
background: #fff;
padding: 35px
}
.MiniQuote__CaseStudy__Study h3 {
font-size: 23px;
line-height: 35px;
color: #263c91
}
.MiniQuote__CaseStudy__Study .subtitle {
letter-spacing: 1.8px;
text-transform: uppercase;
color: #19234d;
font-size: 12px;
line-height: 23px;
margin-bottom: 15px
}
.MiniQuote__CaseStudy__Study h4 {
color: #19234d;
font-size: 24px;
line-height: 30px;
letter-spacing: 0;
margin-top: 30px
}
.MiniQuote__CaseStudy__Study h5 {
font-weight: 600;
letter-spacing: 1.8px;
color: #19234d;
font-size: 12px;
line-height: 23px
}
.MiniQuote__CaseStudy__Study p {
font-size: 18px;
line-height: 22px;
letter-spacing: 0;
color: #19234d;
margin-bottom: 50px
}
.MiniQuote__CaseStudy__Study .MiniQuote__Button {
font-size: 15px;
line-height: 30px;
font-weight: 700;
letter-spacing: .75px;
color: #fff;
background-color: #263c91;
width: 100%;
padding: 15px;
display: inline-block;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.MiniQuote__CaseStudy__Study img {
max-width: 60px
}
.MiniQuote__CaseStudy__Study .CaseStudy {
max-width: 165px
}
.MiniQuote__CaseStudy__Content {
max-width: 1260px;
margin: 0 auto;
padding: 75px 0
}
.MiniQuote__CaseStudy__Content h2 {
color: #263c91;
text-align: center;
max-width: 820px;
margin: 0 auto 75px
}
.MiniQuote__CaseStudy__Quote {
background-color: #263c91;
padding: 35px
}
.MiniQuote__CaseStudy__Quote blockquote {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.048 21.856c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.456 2.176-5.76 2.176-3.157 0-5.803-1.11-7.936-3.328-2.048-2.219-3.072-5.077-3.072-8.576 0-6.4 2.475-10.965 7.424-13.696C34.856 1.973 37.757.992 39.976.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28-7.083 1.877-10.624 5.419-10.624 10.624 0 2.304.597 4.267 1.792 5.888.17-2.901 2.005-4.352 5.504-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48zm-23.552 0c0 2.133-.81 3.968-2.432 5.504-1.536 1.45-3.413 2.176-5.632 2.176-3.243 0-5.888-1.11-7.936-3.328C1.448 23.904.424 21.003.424 17.504c0-6.315 2.475-10.837 7.424-13.568C11.432 1.973 14.291.992 16.424.992c.939 0 1.408.341 1.408 1.024 0 .597-.512 1.024-1.536 1.28C9.299 5.173 5.8 8.757 5.8 14.048c0 2.219.597 4.139 1.792 5.76.17-2.901 1.963-4.352 5.376-4.352 1.877 0 3.413.64 4.608 1.92 1.28 1.195 1.92 2.688 1.92 4.48z' fill='%2340C3D9'/%3E%3C/svg%3E");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 60px 42px;
color: #fff;
font-size: 24px;
letter-spacing: 0;
line-height: 30px;
margin: 0 0 30px;
max-width: 650px;
padding: 60px 0 0
}
.MiniQuote__CaseStudy__Quote h5 {
font-size: 20px;
letter-spacing: normal;
color: #40c3d9;
line-height: 25px
}
.MiniQuote__CaseStudy__Quote h5 span {
color: #fff;
font-weight: 400
}
@media screen and (max-width:767px) {
.MiniQuote__Content {
padding: 75px 15px
}
.MiniQuote__Case {
padding: 0 30px 30px
}
.MiniQuote__Quote {
padding: 30px
}
.MiniQuote__QuoteCase {
grid-template-columns: 1fr
}
.MiniQuote__Quote,
.MiniQuote__QuoteStandard {
padding: 30px 15px
}
.MiniQuote__Case,
.MiniQuote__CaseStandard {
padding: 0 15px 60px
}
.MiniQuote__CaseStudy .MiniQuote__CaseStudyContainer {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.MiniQuote__CaseStudy__Right {
padding: 30px 15px
}
.MiniQuote__CaseQuote,
.MiniQuote__Cta {
grid-template-columns: 1fr
}
.MiniQuote__Cta {
grid-gap: 30px;
padding: 30px 15px
}
.MiniQuote__TRU .MiniQuote__QuoteCase {
grid-template-columns: 1fr
}
.MiniQuote__CaseStudy__Case {
padding: 0 30px 30px
}
.MiniQuote__CaseStudy__Quote {
padding: 30px
}
.MiniQuote__CaseStudy__QuoteCase,
.MiniQuote__UseCase .MiniQuote__QuoteCase {
grid-template-columns: 1fr
}
.MiniQuote__UseCase .MiniQuote__Case {
padding: 30px 15px
}
.MiniQuote__WhiteBG .MiniQuote__Content {
padding: 0 15px 75px
}
}
.FeaturedVideoLarge {
background-color: #ecf9fb
}
.FeaturedVideoLarge__Content {
margin: 0 auto;
max-width: 1260px;
padding: 75px 48px 0
}
.FeaturedVideoLarge__Content h2 {
color: #263c91;
margin: 0 0 65px;
text-align: center
}
.FeaturedVideoLarge__Grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 38px
}
.FeaturedVideoLarge__GridLeft img {
width: 100%;
margin: 0 0 30px
}
.FeaturedVideoLarge__GridRight {
background: #f0f0fc;
padding: 60px
}
.FeaturedVideoLarge__Quote h4 {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin: 0 0 15px
}
.FeaturedVideoLarge__Quote p {
font-size: 17px;
line-height: 22px;
margin: 0 0 22px
}
.FeaturedVideoLarge__Quote ul {
margin: 0
}
.FeaturedVideoLarge__Quote ul li {
font-size: 17px;
line-height: 22px;
margin-bottom: 10px
}
.FeaturedVideoLarge__VideoText h3 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
letter-spacing: -.42px;
margin: 0 0 20px
}
.FeaturedVideoLarge__VideoText p {
font-size: 20px;
line-height: 30px;
font-weight: 400
}
@media screen and (max-width:767px) {
.FeaturedVideoLarge__Content {
padding: 75px 15px 0
}
.FeaturedVideoLarge__Grid {
grid-template-columns: 1fr
}
.FeaturedVideoLarge__GridRight {
padding: 30px 15px
}
.FeaturedVideoLarge__Quote br {
display: none
}
}
//padding
.Assessment__Question .Question__Text, .Assessment__Question .Question__Buttons {
padding-top: 10px;
padding-bottom: 10px;
}
*/
a {
color: #0f4dfd;
}
.Assessment-Report-Category__report {
--DescriptionDisplay: block;
--TitleBackgroundOpacity: 0.05;
}
.Assessment-Report-RiskSummary__Text {
color: #fff;
text-transform: uppercase;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 40px;
}
.Assessment-Report-RiskSummary__Text h3 {
color: #fff;
font-size: 14px;
line-height: 20px;
font-weight: 400;
margin: 0 0 10px;
letter-spacing: .1em;
}
.Assessment-Report-RiskSummary__Text h4 {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 20px;
margin: 0;
}
.AssessmentForm__Field input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea {
width: 100%;
border: solid 1px #666666;
border-radius: 3px;
padding: 1.1rem 1rem;
transition: all .3s;
}
.Assessment__Header h3 {
font-size: 24px;
line-height: 30px;
font-weight: 400;
padding: 0 40px;
color: #fff;
}
.Assessment__Overlay {
position: absolute;
top: 0;
left: 0;
width: 100%; display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #05197e;
z-index: 999;
text-align: center;
}
.Assessment__Overlay h3 {
margin: 0 0 10px;
font-size: 24px;
font-weight: 700;
}
.Assessment__Overlay p {
margin: 0;
display: block;
font-size: 18px;
line-height: 24px;
font-weight: 100;
} @media only screen and (min-width: 768px) { div.desktop {
page-break-before: always;
padding-top: 20px;
}
} @media only screen and (max-width: 767px) { div.mobile {
page-break-before: always;
padding-top: 20px;
}
.g-recaptcha > div,
.g-recaptcha > iframe {
width: 100% !important; }
}
.sf-InputGroup {
background: #fff;
}