h1 { font-family: 'Segoe UI', sans-serif; font-size: 48px; line-height: 56px; font-weight: 700;}
h2 { font-family: 'Segoe UI', sans-serif; font-size: 36px; line-height: 44px; font-weight: 600; }
h3 { font-family: 'Segoe UI', sans-serif; font-size: 28px; line-height: 36px; font-weight: 600; }
h4 { font-size: 14px; line-height: 20px; font-weight: 600; }
h5 { font-family: 'Segoe UI', sans-serif; font-size: 24px; line-height: 32px; font-weight: 600; }
a { color: #01167e; }
html, body { background:#fff; color:#000; height:100%; font-family: 'Segoe UI',sans-serif; font-size: 16px; line-height: 26px; }
.holderAlt { width: 1600px; margin: auto; }
a.button, a.NWButton, a.wp-block-button__link { display: inline-block; font-size: 16px; font-weight: 600; padding: 13px 20px;  background: #192732; border: 2px solid #192732; border-radius: .25rem; color: #fff; line-height: 1; margin-right: 10px; cursor: pointer; transition-duration: 0.3s; transition-timing-function: ease-in-out; text-transform: uppercase; text-decoration: none; }
a.button:hover, a.NWButton:hover, #InsidePageBanner .BannerButtonGroup a.bannerButton:hover, a.relatedurl:hover { background: #0449d5 !important; color: #fff !important; border: 2px solid #192732 !important; }


/*temporary*/
.holder { width: 1600px; margin: auto; }
/*temporary*/


/*--- InsidePageBanner ---*/
#InsidePageBanner { padding-top: 100px; }
#InsidePageBanner .mainContainer { background: #000; position: relative; height: 300px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#InsidePageBanner .mainContainer .holderAlt { height: 300px; overflow: hidden; position: relative; z-index: 1; }
#InsidePageBanner .mainContainer .holderAlt .textContainer { display: inline-block; height: 300px; width: 50%; margin-right: 0px; position: relative; }
#InsidePageBanner .mainContainer .holderAlt .textBlock { position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;}
#InsidePageBanner h1, #InsidePageBanner p { color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,.33); }
#InsidePageBanner h1 { margin-bottom: 10px; }
#InsidePageBanner p { font-size: 24px; line-height: 32px; }
#InsidePageBanner .BannerButtonGroup { padding-top: 25px; }
#InsidePageBanner .BannerButtonGroup a.bannerButton { display: inline-block; font-size: 16px; font-weight: 600; padding: 13px 20px;  background: #ffde09; border: 2px solid #ffde09; border-radius: .25rem; color: #000; line-height: 1; cursor: pointer; transition-duration: 0.3s; transition-timing-function: ease-in-out; text-transform: uppercase; text-decoration: none; margin-right: 10px; }


/*--- StickyMenu ---*/
#StickyMenu { border-bottom:1px solid #d2d3d5; margin: 0px; position: sticky; top:100px; z-index: 2; background: #f2f2f2;   }
#StickyMenu .holderAlt { font-size: 14px; padding: 10px 0px; }
#StickyMenu ul { margin: 0px; padding: 0px; margin-top: 5px; }
#StickyMenu li { display: inline-block; padding: 5px 20px; font-size: 16px; font-weight: 600; border-right: 1px solid #5f6e7f; }
#StickyMenu li:first-child { padding-left: 0; }
#StickyMenu li:last-child { border-right: 0; }
#StickyMenu li a { text-decoration: none; color: #000;}
#StickyMenu .floatRight a.NWButton span { position:relative; z-index:5;}
#StickyMenu .floatRight a.NWButton { 
  
  border: 0;

background: #ffde09;
	color: #000;
  cursor: pointer;
  position:relative;
  z-index:3;
  &:after {
    background-color: #65c3ea;
    content: '';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:1px;
    animation-name: blink;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    z-index:4;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
}

@keyframes blink {
  0% {
    transform:scale3d(1,1,1);
    opacity: 0.8;
  }
  100% {
    transform:scale3d(1.1,1.4,1.1);
    opacity:0;
  }
}
#StickyMenu .floatRight a.NWButton:hover {color:#fff;}
/*--- Overview ---*/
#Overview {  background:#fff url("assets/images/abstract-overview-bg.png") right bottom no-repeat; }
#Overview .holderAlt { padding: 60px 0px; }
#Overview .mainContent { padding-right: 400px; }
#Overview h2 { font-weight: 600; margin-bottom: 20px; }
#Overview .mainContent { padding-bottom: 0px; }
#Overview p, #Overview .downloadContent ul { margin-bottom: 20px; }
#Overview .downloadContent ul { margin-left: 30px; }
#Overview .downloadContent { }
#Overview .downloadContent .blockLeft { width: 65%; margin-right: -4px; display: inline-block; vertical-align: top; padding-right: 100px; }
#Overview .downloadContent .blockRight { width: 35%; margin-right: -4px; display: inline-block; vertical-align: top; padding: 40px; background: #efefdf; box-shadow: #d1daee 2px 0px 10px 0px; border: 4px solid #fff; }
#Overview .downloadContent .blockRight h3 { margin-bottom: 20px; }
#Overview .downloadContent .blockRight label { display: block; font-weight: 500; }
#Overview .downloadContent .lp-form-field input, #Overview .downloadContent .lp-form-field select, #Overview .downloadContent .lp-form-field textarea { padding:3px 5px; width: 100%; margin-bottom: 10px; }
#Overview .downloadContent button.lp-form-button.lp-form-fieldInput { display: inline-block; font-size: 16px; font-weight: 600; padding: 13px 20px;  background: #192732; border: 2px solid #192732; border-radius: .25rem; color: #fff; line-height: 1; margin-right: 10px; cursor: pointer; transition-duration: 0.3s; transition-timing-function: ease-in-out; text-transform: uppercase; text-decoration: none; }
#Overview .downloadContent button.lp-form-button.lp-form-fieldInput:hover { background: #0449d5 !important; color: #fff !important; border: 2px solid #192732 !important; }
#Overview .brand { margin-top: 40px; padding-top: 40px; border-top:1px solid #ccc; }
#Overview .brand h3 { margin-bottom: 20px;}
#Overview .brand ul { padding-left: 0px; }
#Overview .brand li { display: inline; }
#Overview .brand li a { display:inline-block; margin-right: -4px; }
#Overview .brand li span { display:inline-block; margin-right: -4px; }
#Overview .brand li img { height: 50px; padding: 10px 60px 0px 0px; }
#Overview .downloadContent .innermetrics { margin-top: 60px; padding-top: 40px; border-top:1px solid #ccc; }
#Overview .downloadContent .innermetrics .block { color: #000; display: inline-block; margin: 10px;  width: 200px; height: 180px; border-radius: 3px; padding: 20px; vertical-align: top;     font-size: 16px !important; line-height: 26px !important; }
#Overview .downloadContent .innermetrics .block strong { display: block; padding-bottom: 20px; color: #01167e; font-family: 'Segoe UI', sans-serif; font-size: 50px; line-height: 50px; font-weight: 700; }


/*--- Brands ---*/
#Brands { background: #efefdf; padding: 40px; box-shadow: #d1daee 2px 0px 10px 0px; border: 4px solid #fff; margin-top: 60px; }
#Brands .blockLeft { width: 50%; display: inline-block; vertical-align: middle; margin-right: -4px; padding-right: 50px; border-right: 1px solid #9d9d9b; }
#Brands h3 { margin-bottom: 20px; }
#Brands ul { padding-left: 0px; }
#Brands li { display: inline; }
#Brands li a { display:inline-block; margin-right: -4px; }
#Brands li span { display:inline-block; margin-right: -4px; }
#Brands li img { height: 65px; padding: 10px 60px 0px 0px; }
#Brands .blockRight { width: 50%; display: inline-block; vertical-align: middle; margin-right: -4px; padding-left: 50px; text-align: center }
#Brands .blockRight .block { color: #000; display: inline-block; margin: 10px;  width: 200px; height: 180px; border-radius: 3px; padding: 20px; vertical-align: top;     font-size: 16px !important; line-height: 26px !important; }
#Brands .blockRight .block strong { display: block; padding-bottom: 20px; color: #192732; font-family: 'Segoe UI', sans-serif; font-size: 50px; line-height: 50px; font-weight: 700; }

/*--- WebinarList ---*/
#WebinarList { background: linear-gradient(to left bottom, #7cf5ff 30%, #f7feff 70%); margin: 0px; }
#WebinarList .holderAlt { padding: 60px 0px; }
#WebinarList h2 { text-align: center; font-weight: 600; margin-bottom: 60px; }
#WebinarList .mainContainer {
    width: 100%;
    float: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}
#WebinarList .block {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    /*overflow: hidden;*/
    background: #fff;
    box-shadow: #d1daee 2px 0px 10px 0px;
    position: relative;
    padding: 20px;
    padding-bottom: 70px;
    text-align: left;
}
#WebinarList .block.latest { background: #f2f2f2; border: 1px solid #f2f2f2; box-shadow: #696969 2px 0px 10px 0px;}
#WebinarList .block.latest .bottomContent a.relatedurl { background:#b30738; }
#WebinarList .block .photo {
    overflow: hidden;
    margin-bottom: 20px;
    background: #f3f5f8; position: relative;
}
#WebinarList .block .photo img {
    width: 100% !important;
    display: block;
}
#WebinarList .block .photo a img.playbutton { position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 58px;
    overflow: hidden; }

#WebinarList .block.latest .star { display: inline-block; font-size: 24px; line-height: 24px; color: #f6ff00; padding: 8px 11px 10px 11px; background: #192732; position: absolute; left: -22px; top:10px; border-radius: 50px; border: 2px solid #fff; z-index: 1; }
#WebinarList .block h3 {
    color: #010c75;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}  
#WebinarList .block h3 a { text-decoration: none; }
#WebinarList .block .bottomContent {
    margin-bottom: 20px;
}
#WebinarList .datefield {padding-bottom:0px;text-transform:uppercase;font-size:12px;font-weight:600;color:#000; font-family: 'Segoe UI', sans-serif; }

#WebinarList .block .bottomContent a.relatedurl { display: inline-block; font-size: 16px; font-weight: 600; padding: 13px 20px;  background: #192732; border: 2px solid #192732; border-radius: .25rem; color: #fff; line-height: 1; cursor: pointer; transition-duration: 0.3s; transition-timing-function: ease-in-out; text-transform: uppercase; text-decoration: none; position: absolute; bottom: 20px; left:20px; }

/*---EbookList---*/
#EbookList {
    background: #01167e; margin: 0px;
}
#EbookList .holderAlt { padding: 60px 0px; color: #fff; }
#EbookList h2 { text-align: center; font-weight: 600; margin-bottom: 60px; color: #fff; }
#EbookList .blockLeft { width: 50%; display: inline-block; vertical-align: top; margin-right: -4px; padding-right: 50px;}
#EbookList .blockLeft .left { width: 50%; display: inline-block; vertical-align: top; margin-right: -4px; padding-right: 25px; }

#EbookList .blockLeft .left img { width: 100%; }
#EbookList .blockLeft .right { width: 50%; display: inline-block; vertical-align: top; text-align: left; margin-right: -4px; padding-left: 25px; }

#EbookList .blockLeft .right h3 { font-size: 20px; line-height: 30px; margin-bottom: 20px; color: #2bd5ef; }
#EbookList .blockLeft .right .textar { margin-bottom: 30px;}
#EbookList .blockLeft .right p { margin-bottom: 0px; }
#EbookList .blockRight { width: 50%; display: inline-block; vertical-align: top; margin-right: -4px; padding-left: 50px; }

#EbookList a.NWButton { display: inline-block; font-size: 16px; font-weight: 600; padding: 13px 20px;  background: #ffde09; border: 2px solid #ffde09; border-radius: .25rem; color: #000; line-height: 1; cursor: pointer; transition-duration: 0.3s; transition-timing-function: ease-in-out; text-transform: uppercase; text-decoration: none; }

#EbookList .blockRight .item { width: 100%; padding:20px 3px; margin-bottom: 0px; border-bottom: 1px dashed #2bd5ef; /*background: #000d4f;*/ }
#EbookList .blockRight .item .left { width:80%; padding-right: 30px; display: inline-block; vertical-align: middle; margin-right: -4px; }
#EbookList .blockRight .item .left strong { display: block; color: #ffde09; font-weight: 600; }
#EbookList .blockRight .item .left a { color: #fff; text-decoration: none; font-weight: 500; display: block; }
#EbookList .blockRight .item .right { width:20%; display: inline-block; vertical-align: middle; margin-right: -4px; text-align: right; }
#EbookList .blockRight .item .right a.NWButton { display: inline-block; font-size: 13px; font-weight: 600; padding: 6px 10px;  background: #ffde09; border: 2px solid #ffde09; border-radius: .25rem; margin-right: 0px; color: #000; line-height: 1; cursor: pointer; transition-duration: 0.3s; transition-timing-function: ease-in-out; text-transform: uppercase; text-decoration: none; }
#EbookList .blockRight .item:last-child { border-bottom: 0px; }

/*---NWProcessMap---*/
#NWProcessMap { background: radial-gradient(592px at 48.2% 50%, rgba(255, 255, 249, 0.6) 0%, rgb(222 235 253) 74.6%); margin: 0px; }
#NWProcessMap .holderAlt { padding: 60px 0px; }
#NWProcessMap h2 { text-align: left; font-weight: 600; margin-bottom: 10px; }
#NWProcessMap .textar { padding-bottom: 30px; }
#NWProcessMap .mainContainer {
    width: 100%;
    float: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}
#NWProcessMap .block {
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding-left: 60px;

    text-align: left; 

	/*cursor: pointer;*/ 
}
#NWProcessMap .block .number { position: absolute; left:0; top:0; font-size: 90px; font-weight: 700;
    transition: 0.4s ease-in-out; -webkit-text-stroke: 1px #000; display: block; line-height: 90px;
    color: transparent; font-weight: 700; width:60px; }

#NWProcessMap .block:hover .number {
  transform: translateY(5px);
  color: #003c71;
}
#NWProcessMap .block img { width: 40px; padding-top: 15px; }
#NWProcessMap .block h3 { margin-bottom: 10px; }
#NWProcessMap .block ul { margin-left: 30px; margin-top: 10px; }

/*---NWServices---*/
#NWServices { background: #eaedf1;}
#NWServices .holderAlt { padding: 60px 0px; }
#NWServices h2 { text-align: left; font-weight: 600; margin-bottom: 10px; }
#NWServices .textar { padding-bottom: 60px; }
#NWServices .mainContainer {
    width: 100%;
    float: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}
#NWServices .block {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    box-shadow: #d1daee 2px 0px 10px 0px;
    position: relative;
    padding: 0px;
    padding-bottom: 70px;
    text-align: left; height: 350px; background: radial-gradient(592px at 48.2% 50%, rgba(255, 255, 249, 0.6) 0%, rgb(160, 199, 254) 74.6%);

	/*cursor: pointer;*/ 
}
#NWServices .showItem { height: 350px; position: relative; }
#NWServices .showItem .inside { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0px 20px; }
#NWServices .showItem .inside .photo { width: 72px; margin-bottom: 15px; margin: auto; }
#NWServices .showItem .inside .photo img { width: 100%; }
#NWServices .showItem .inside h3 { margin-bottom: 0px; }


#NWServices .hoverItem { position: absolute; background: #ffde09; width: 100%; height: 350px; top: -350px; /* Initially off-screen */transition: top 0.5s ease-in-out; /* Smooth transition */ padding: 0px 20px; }
#NWServices .hoverItem .inside { position: relative; width: 100%; height: 350px; }
#NWServices .hoverItem .inside .contentarea { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; }
#NWServices .hoverItem .inside .contentarea .photo { width: 36px; margin: auto; margin-bottom: 0px; }
#NWServices .hoverItem .inside .contentarea .photo img { width: 100%; }
#NWServices .hoverItem .inside .contentarea h3 { margin-bottom: 10px; }
#NWServices .hoverItem .inside .contentarea .text ul { text-align: left; margin-left: 30px; }
#NWServices .hoverItem .inside .contentarea .text a { text-decoration: none; color: #000; display: inline; border-bottom: 1px solid #111; }
#NWServices .hoverItem .inside .contentarea .text a:hover {border-bottom: 2px solid #111;}


#NWServices .block:hover .hoverItem { top: 0; /* Move up on hover */ }

/*---TestimonialFull---*/
#TestimonialFull .blockLeft .author strong { font-family: 'Segoe UI', sans-serif; font-weight: 600; }
#TestimonialFull .blockLeft { width: 70%; }
#TestimonialFull .blockRight { width: 30%; }


/*---Insights---*/
#Insights .carousel-card:nth-child(4)::before { top:27px; }
#Insights h4 { display: none; }
#Insights h2 { margin-bottom: 60px; font-weight: 600; }
#Insights a.button { display: inline-block; font-size: 16px; font-weight: 600; padding: 13px 20px;  background: #192732; border: 2px solid #192732; border-radius: .25rem; color: #fff; line-height: 1; cursor: pointer; transition-duration: 0.3s; transition-timing-function: ease-in-out; text-transform: uppercase; text-decoration: none; }

/*---Screen Size 1280px---*/
@media screen and (max-width: 1650px) {
	
.holder, .holderAlt { width:1240px; margin:auto; }
	
#InsidePageBanner .mainContainer .holderAlt .textContainer { width: 60%; }
#Brands .blockRight .block { width: 150px; }
#Brands li img { padding: 10px 40px 0px 0px;}
	
/*---TestimonialFull---*/
#TestimonialFull .blockLeft { width: 60%; }
#TestimonialFull .blockRight { width: 40%; }
	
}

/*---Screen Size 1280px---*/
@media screen and (max-width: 1280px) {
	
.holder, .holderAlt { width:990px; margin:auto; }
#InsidePageBanner .mainContainer .holderAlt .textContainer { width: 100%; }
#Overview { background-image: none; }
#Overview .mainContent { padding-right: 0px; }

#Brands .blockLeft, #Brands .blockRight { width: 100%; padding-left: 0px; padding-right: 0px; border-right: 0px; text-align: center; }
#Brands li img { padding: 10px 30px 0px 30px;}
#Brands .blockRight .block { width: 30%; height: auto; vertical-align: top; }
#TestimonialFull .blockLeft { padding-right: 0px; width: 100%; }
#EbookList .blockLeft, #EbookList .blockRight { width: 100%; padding-left: 0px; padding-right: 0px; }
#NWServices .hoverItem .inside .contentarea .photo { display: none; }


/*---Screen Size 989px---*/
@media screen and (max-width: 989px) {
.holder, .holderAlt { width:580px; margin:auto; }

#Overview .mainContent { text-align: center; }
#Overview .downloadContent .innermetrics { display: none; }
#Brands .blockRight { display: none; }
#InsidePageBanner { padding-top: 90px; }
#InsidePageBanner .mainContainer .holderAlt .textContainer { text-align: center; }
#InsidePageBanner h1 { font-size: 30px; line-height: 38px; }
#InsidePageBanner p { font-size: 18px; line-height: 26px; }
#StickyMenu, #EbookList .blockLeft .left { display: none; }
#EbookList .blockLeft .right { padding-left: 0px; width: 100%; }
#EbookList .blockRight { padding-top: 40px; }
#NWServices h2, #NWServices .textar { text-align: center; }	
#Overview .downloadContent .blockLeft { width: 100%; padding-right: 0px; text-align: left; }
#Overview .downloadContent .blockRight { width: 100%; margin-top: 40px; }	
	
	
}



/*---Screen Size 599px---*/
@media screen and (max-width: 599px) {
.holder, .holderAlt { width:320px; margin:auto; }
#InsidePageBanner { padding-top: 0px; }
#InsidePageBanner p { display: none; }	
}