@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --accent: #FF8A3D;
}

*,::after,::before{
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent;
    overflow-y: scroll;
    overflow-y: overlay;
    scroll-behavior: smooth;
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    margin:0 auto;
    font-family: Helvetica, sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:rgb(50,50,50);
    background-color:#fff;
    max-width: 1920px;
    scroll-behavior: smooth;
}

[tabindex="-1"]:focus{
    outline:0!important
}

b,strong{
    font-weight:bolder
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:inherit;
    text-decoration:none;
}
a:hover{
    
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto
}
img{
    vertical-align:middle;
    border-style:none;
    max-width:100%;
    display:block;
}
video{
    max-width: 100%;
}
table{
    border-collapse:collapse
}
caption{
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#6c757d;
    text-align:left;
    caption-side:bottom
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
button,input,optgroup,select,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
select{
    word-wrap:normal
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{
    -webkit-appearance:listbox
}
textarea{
    overflow:auto;
    resize:vertical
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
[hidden]{
    display:none!important
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255,255,255,0);
  border-radius:3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(150,150,150,0.5);
    border:1px solid rgba(255,255,255,0.0);
    border-radius:3px;
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -ms-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
    transition:all ease 0.2s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(50,50,50,0.5);
    border:1px solid rgba(255,255,255,0.5);
}

.contentWidth{
    width:100%;
    margin:0 auto;
    max-width: 1300px;
}

.halfContentWidth{
    width:100%;
    margin:0 auto;
    max-width: 950px;
}

#menu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:9000;
    background-color: rgb(255,255,255);
}

#top-menu{
    background: rgb(37, 78, 118);
    background: linear-gradient(90deg, rgb(20, 42, 64), rgb(37, 78, 118));
    text-align: right;
    padding: 7px 0;
    color:rgb(255,255,255);
}

#top-menu .menuItems{
    font-size:0;
    text-align:right;
}

#top-menu .menuItems .menuItem{
    display:inline-block;
    vertical-align: middle;
    transition:all ease 0.2s;
    font-size:12px;
    margin:0 5px;
}

#top-menu .menuItems .menuItem a{
    color:rgb(255,255,255);
    text-decoration: none;
    transition:all ease 0.2s;
    display:block;
    padding:3px;
}

#top-menu .menuItems .menuItem a:hover{
    color:var(--accent);
}

#site-content{
    margin-top:90px;
}

#main-menu{
    box-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16);
}

#main-menu .menuWrap{
    font-size:0;
}

#main-menu .menuWrap .logoWrap{
    display:inline-block;
    vertical-align: middle;
    width:110px;
}

#main-menu .menuWrap .logoWrap img{
    display:block;
}



#main-menu .menuWrap .menuItems{
    display:inline-block;
    vertical-align: middle;
    width:calc(100% - 220px);
    text-align: center;
}


#main-menu .menuWrap .cta{
    display:inline-block;
    vertical-align: middle;
    width:110px;
}

#main-menu .menuWrap .menuItems .menuItem{
    font-size:14px;
    font-weight:500;
    color:rgb(20,42,64);
    display:inline-block;
    vertical-align: middle;
    position:relative;
}


#main-menu .menuWrap .menuItems .menuItem:hover a{
    color:var(--accent);
}

#main-menu .menuWrap .menuItems .menuItem a{
    display: block;
    padding:15px;
    transition: all ease 0.2s;
}

#main-menu .menuWrap .menuItems .menuItem .subMenu a{
    color:rgb(37,78,118);
}

#main-menu .cta .button{
  border-radius: 10px;
  text-align: center;
  background: var(--accent);
  color: rgb(255,255,255);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

#main-menu .cta .button:hover {
    border-radius:12px;
}


#main-menu .cta .button a{
    display: block;
    padding:5px;
}


#main-menu .menuItem .subMenu{
    position:absolute;
    top:-100000%;
    left:0;
    box-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16);
    text-align:left;
    background-color:rgb(255,255,255);
    border-radius:0 0 10px 10px;
}


#main-menu .menuItem .subMenu .subMenuItem{
    padding:5px;
}

#main-menu .menuItem .subMenu .subMenuItem:hover{
    background-color:rgba(20,42,64,0.1);
}

#main-menu .menuItem .subMenuActive{
    top:100%;
}


#sub-menu{
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color:rgb(255,255,255);
    box-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16);
    display:none;
}

#sub-menu .subMenu{
    display:none;
    padding:15px 0;
    font-size:0;
}

#sub-menu .subMenu .subMenuItems{
    display:inline-block;
    vertical-align: top;
    width:50%;
    font-size:14px;
}

#sub-menu .subMenu .subMenuItems{
    display:inline-block;
    vertical-align: top;
    width:50%;
    color:rgb(20,42,64);
    font-size:14px;
}

#sub-menu .subMenu .subMenuItems .subMenuItem{
    border-left:3px solid rgba(37,78,118,0);
    
    position:relative;
    transition: all ease 0.3s;
    padding-left:0px;
}

#sub-menu .subMenu .subMenuItems .subMenuItem a{
    display: block;
    position:relative;
    padding:10px;
    padding-left:4px;
}

#sub-menu .subMenu .subMenuItems .subMenuItem .background{
    background: rgb(37, 78, 118);
    background: linear-gradient(90deg,rgb(37, 78, 118) , rgb(20, 42, 64));
    position:absolute;
   top:0px;
   bottom:0px;
   width:0%;
   transition: all ease 0.3s;
}

#sub-menu .subMenu .subMenuItems .subMenuItemActive{
    border-left:3px solid rgba(37,78,118,1);
    color:rgb(255,255,255);
}

#sub-menu .subMenu .subMenuItems .subMenuItemActive .background{
   width:100%;
}

#sub-menu .subMenu .subMenuImage{
    display:inline-block;
    vertical-align: top;
    width:50%;
    border-left:2px solid rgba(20,42,64);
    font-size:14px;
}

#sub-menu .subMenu .subMenuImage .image{
    display:none;
}

#sub-menu .subMenu .subMenuImage .image .imageWrap{
    border:2px solid rgb(20,42,64);
    margin-left:-2px;
    position: relative;
}

#sub-menu .subMenu .subMenuImage .image .imageWrap img{
    display:block;
    filter: saturate(0.8) contrast(0.95);
}

#sub-menu .subMenu .subMenuImage .image .imageWrap .overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(20,42,64,0.25);
}



#sub-menu .subMenu .subMenuImage .image .description{
    font-size:12px;
    padding-left:10px;
    text-align: left;
    margin-top:10px;
}

#sub-menu .subMenu .subMenuImage .image .buttonWrap{
    margin-top:10px;
}


#sub-menu .subMenu .subMenuImage .image .button{
    font-size:12px;
    padding:5px;
    background: linear-gradient(90deg,rgb(20, 42, 64),rgb(37, 78, 118)  );
    display:inline-block;
    color:rgb(255,255,255);
}

.pageHeader{
    position: relative;
    z-index: 10;
}

.pageHeader .overlay{
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, rgba(0,0,0, 0.6) 0%, rgba(128, 128, 128, 0) 100%)
}

.pageHeader .contentWidth{
    position: relative;
    z-index: 20;
}

.pageHeader .contentWrap{
    padding: 200px 0;
    width: 55%;
    color: rgb(255,255,255);
}

.pageHeader .title{
    font-weight: 500;
    font-size: 40px;
    text-shadow: 
  0 2px 4px rgba(0,0,0,0.6),
  0 0 8px rgba(0,0,0,0.4);
}
.pageHeader .text{
    font-size: 18px;
    text-shadow: 
  0 2px 4px rgba(0,0,0,0.6),
  0 0 8px rgba(0,0,0,0.4);
  font-weight:300;
}

.pageHeader .button{
    display: inline-block;
    padding: 5px 9px;
    color: rgb(255,255,255);
    background-color: rgb(37,78,118);
    background-image: linear-gradient(270deg, rgba(37,78,118,1) 0%, rgba(20,42,64, 1) 100%);
    border-radius: 3px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid rgb(255,255,255);
    margin-top: 20px;
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -ms-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
    transition:all ease 0.2s;
}

.pageHeader .button:hover{
    transform: translate(1px,1px);
}

.pageHeader .button a{
    display: block;
}

.homeTrio{
    padding:70px 0;
}

.trio{
    font-size:0;
}

.trio .inline{
    font-size:16px;
    display:inline-block;
    vertical-align: top;
    width:33.33%;
    text-align: center;
}

.trio .inline .imageTitleSub .imageWrap{
    margin-bottom:5px;
}

.trio .inline .imageTitleSub .imageWrap img{
    display:block;
    margin:0 auto;
    height:150px;
}

.trio .inline .imageTitleSub .title{
    font-weight:600;
    margin-bottom:4px;
    color:rgb(20,42,64);
}

.trio .inline .imageTitleSub .sub{
    font-weight:300;
    font-size:12px;
}

.whitePaperWrap{
    background-repeat: no-repeat;
    background-size:100%;
    background-position: center bottom;
    position:relative;
}

.whitePaperWrap .overlay{
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    right:0;
    bottom:0;
    /*background-image: linear-gradient(90deg, rgba(0,0,0, 0.6) 0%, rgba(128, 128, 128, 0) 100%)*/
}

.whitePaperWrap .noteWrap{
    display:inline-block;
    vertical-align: middle;
    width:70%;
    color:rgb(255,255,255);
    margin-right:-6px;
    padding:50px 0;
    padding-right:15px;
}

.whitePaperWrap .buttonWrap{
    display:inline-block;
    vertical-align: middle;
    width:30%;
    color:rgb(255,255,255);
    text-align: right;
}

.whitePaperWrap .smallTitle{
    font-size:20px;
    font-weight:300;
    margin-bottom:10px;
    letter-spacing: 20px;
}

.whitePaperWrap .bigTitle{
    font-size:30px;
    font-weight: 600;
}


.whitePaperWrap .contentWidth{
    position: relative;
    z-index: 20;
}

.whitePaperWrap .button{
    display:inline-block;
    padding:15px 10px;
    border:2px solid var(--accent);
    background-color:transparent;
    color:rgb(255,255,255);
    cursor:pointer;
    font-size:20px;
    margin-right:10px;
    width:150px;
    text-align:center;
    border-radius:10px;
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -ms-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
    transition:all ease 0.2s;
}

.whitePaperWrap .button:hover{
    background-color:var(--accent);
    color:rgb(20,42,64);
}

.innovationVideo{
    padding:70px 0;
}

.innovationVideo .ctas{
    padding:0px !important;
}

.innovationVideo .ctas .cta{
    background-color:var(--accent) !important;
    margin-left:0px;
}

.innovationVideo .ctas .cta a{
    padding:5px;
}

.innovationVideo .ctas .cta .link{
    padding:5px;
}

.textVideo .inline{
    font-size:16px;
    display:inline-block;
    vertical-align: middle;
    width:49%;
}

.textVideo .inline .title{
    font-size:30px;
    font-weight:600;
    color:rgb(37,78,118);
}

.textVideo .inline .text{
    font-size: 20px;
    line-height: 34px;
    font-weight: 300;
    padding-right:15px;
}

.textVideo .videoWrap{
    border-radius:7px;
    overflow:hidden;
}

.textVideo .videoWrap video{
    display:block;
}

.homeIntro .shortContent{
    font-size: 30px;
    line-height: 38px;
    width:700px;
    margin:0 auto;
    padding:70px 0px;
    text-align:center;
    font-weight:300;
    position:relative;
    z-index:500;
}


.homeIntro .shortContent b{
    color:rgb(37,78,118);
    font-weight:600;
}

.homeIntro{
    position:relative;
    overflow:hidden;
}

.homeIntro .bigLogo{
    opacity:0.05;
    position:absolute;
    z-index:400;
    bottom:0%;
    right:0%;
    transform: translateX(-50%);
}

.homeIntro .bigLogo img{
    width:500px;
}

.keywords{
    padding:40px 0px;
    text-align:center;
}

.keywords .keywordsWrap h4{
    font-weight:200;
    color:rgb(255,255,255);
    text-shadow: 
  0 2px 4px rgba(0,0,0,0.6),
  0 0 8px rgba(0,0,0,0.4);
  display:inline-block;
  vertical-align: middle;
  font-size:clamp(5px, 1.1vw, 20px);
  margin:0 4px;
}

footer{
    background-color:rgb(5,15,30);
    color:rgb(255,255,255);
    padding:100px 0;
}

footer .inlines{
    font-size:0px;
}

footer .inlines .inline{
    width:50%;
    display: inline-block;
    vertical-align: top;
    font-size:14px;
}

footer .inlines .inline .footer-copyright{
    font-size:14px;
    font-weight:200;
}

footer .inlines .inline h2{
    font-size:32px;
    font-weight:200;
    line-height: 40px;
}

footer .inlines .inline:first-child{
    padding-right:100px;
}

footer .inlines .inline .logo{
    width:250px;
}

footer .inlines .inline .subInlines{
    font-size:0px;
}

footer .inlines .inline .subInlines .subInline{
    font-size:14px;
    width:50%;
    display: inline-block;
    vertical-align: top;
}

footer .inlines .inline .subInlines .subInline .title{
    font-size:12px;
    font-weight: 200;
}

footer .inlines .inline .subInlines .subInline ul{
    padding-left:0px;
    list-style: none;
}

footer .inlines .inline .subInlines .subInline ul li{
    margin-bottom:1em;
}

footer .inlines .inline .subInlines .subInline ul li a{
    color:rgb(255,255,255);
    font-size:18px;
    font-weight:400;
    text-decoration: none;
}

footer .inlines .inline .subInlines .subInline ul li a:hover{
    color:var(--accent);
}

.pageHeaderHalf{
    position: relative;
    z-index: 10;
    color:rgb(255,255,255);
}

.pageHeaderHalf{
    font-size:0;
}

.pageHeaderHalf .inline{
    font-size:14px;
    display:inline-block;
    vertical-align: top;
    height:600px;
    width:50%;
}

.pageHeaderHalf .title{
    font-weight: 500;
    font-size: 22px;
    text-shadow: 
  0 2px 4px rgba(0,0,0,0.6),
  0 0 8px rgba(0,0,0,0.4);
}

.pageHeaderHalf .text{
    font-size: 16px;
    text-shadow: 
  0 2px 4px rgba(0,0,0,0.6),
  0 0 8px rgba(0,0,0,0.4);
  font-weight:300;
}

.pageHeaderHalf .image{
    background-position:right center;
    background-size:cover;
}

.pageHeaderHalf .writting{
    background-position:right bottom;
    /*background-size:cover;*/
    position:relative;
}

.pageHeaderHalf .writting .writtingWrap{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:60%;
}

.pageHeaderHalf .button{
    display: inline-block;
    padding: 5px 9px;
    color: rgb(37,78,118);
    background-color: rgb(255,255,255);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid rgb(255,255,255);
    margin-top: 20px;
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -ms-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
    transition:all ease 0.2s;
}

.pageHeaderHalf .button:hover{
    transform: translate(1px,1px);
}

.pageHeaderHalf .button a{
    display: block;
}

.breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 14px;
}

.breadcrumbs li::after {
  content: "›";
  margin-left: 6px;
  color: #888;
}

.breadcrumbs li:last-child::after {
  content: "";
}

.breadcrumbs a {
  color: rgb(37,78,118);
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.cards{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.tripleCards .cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dualCards .cards{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap:300px !important;
}

.tripleCards h2, .dualCards h2{
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: rgb(37, 78, 118);
    margin-bottom: 20px;
}

.educationSolutions .cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 2 + 2 layout at <= 756px */
@media (max-width: 756px){
  .cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 1 per row at <= 600px */
@media (max-width: 600px){
  .cards{
    grid-template-columns: 1fr;
  }
}

.card{
  display: flex;
  flex-direction: column;
  text-align: center;
}

/* Image box = consistent height even with different ratios */
.card__img{
  width: 100%;
  aspect-ratio: 1 / 1;   /* change to 4/3 if you want */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  border-radius: 14px;
  background: #f3f5f7;
  margin-bottom: 14px;
}

.card__img img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;   /* use cover if you want cropping */
}

/* ✅ Equal title height across cards */
.card__title{
  margin: 0 0 10px;
  font-size: 1.15rem;
  line-height: 1.25;

  /* clamp to 2 lines (same height even if one is short) */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color:rgb(37,78,118);

  /* fallback height (2 lines) */
  min-height: calc(1.25em * 2);
}

.card__text{
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.55;
  position:relative;
  margin-bottom:15px;
}

.card__text .background{
    position:absolute;
    width:40%;
    opacity:0.2;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.card__text span{
    display:inline-block;
    margin-right:5px;
}

.card__text span img{
    width:25px;
}

.card__cta{
    text-align:center;
    font-size:16px;
    font-weight: 600;
    color:var(--accent);
}

.card__cta:hover{
    text-decoration: underline;
}


.imageBackground{
    padding:250px 0;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.imageBackground .wrap{
    width:50%;
    margin-left:0;
    margin-right:auto;
    text-align:left;
    padding-right:40px;
}

.imageBackground h2{
    font-size:34px;
    font-weight:700;
    color:rgb(255,255,255);
}

.imageBackground h3{
    font-size: 30px;
    line-height: 38px;
    font-weight:300;
    color:rgb(255,255,255);
}


.ctas{
    padding:75px 0;
}

.ctas .cta{
    display:inline-block;
    vertical-align: middle;
    width:40%;
    margin:0 4%;
    background-color:var(--accent);
    color:rgb(255,255,255);
    font-size:24px;
    font-weight:300;
    border-radius:30px;
    text-align: center;
    transition: all ease 0.5s;
}

.ctas .cta:first-child{
    background-color:rgb(37,78,118)
}

.ctas .cta:hover{
    border-radius:50px;
}



.ctas .cta span{
    display:inline-block;
    vertical-align: middle;
    margin-right:10px;
}

.ctas .cta span img{
    width:30px;
}

.ctas .cta a{
    padding:20px;
    display:block;
}

.ctas .cta .link{
    padding:20px;
    display:block;
    cursor:pointer;
}

.industries .logos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 30px;
  align-items: center;
  position:absolute;
  width:100%;
  top:50%;
  transform: translateY(-50%);
}

/* equal visual container */
.industries .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

/* normalize logo size */
.industries .logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}


.industriesList .industry{
    font-size:0;
    padding:30px;
}

.industriesList .industry:nth-child(even){
    background-color:rgba(20,42,64,0.05);
}

.industriesList .industry .textWrap{
    display:inline-block;
    vertical-align: top;
    width:calc(100% - 500px);
    font-size:16px;
    padding-right:40px;
}

.industriesList .industry .textWrap h2{
    font-size:42px;
    font-weight:200;
    color:rgb(37,78,118);
}

.industriesList .industry .textWrap h3{
    font-size:18px;
    font-weight:300;
}

.industriesList .industry .textWrap .hashtags{
    color:rgb(37,78,118);
    font-weight:200;
    font-style:italic;
}

.industriesList .industry .textWrap .cta a{
    font-weight:600;
    font-size:16px;
    color:var(--accent);
}


.industriesList .industry .imageWrap{
    display:inline-block;
    vertical-align: top;
    width:500px;
    border-radius:12px;
    overflow:hidden;
}

.industriesList .industry .imageWrap img{
    display:block;
}

.geo{
    background-color:#212121;
    color:rgb(255,255,255);
    padding:50px 0;
}

.geo .question{
    background-color:#2f2f2f;
    padding:12px;
    border-radius:18px;
    display:inline-block;
    margin-right:0;
    margin-left:auto;
    margin-bottom:30px;
    text-align:right;
}

.geo .contentWidth{
    width:768px;
}

.geo .ask{
    margin-top:50px;
}

.aboutCards {
  padding: 40px 0;
  background-size:cover;
  background-repeat: no-repeat;

}



.aboutCards h2{
    color:rgb(255,255,255);
    text-align:center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6), 0 0 8px rgba(0, 0, 0, 0.4);
    font-size:40px;
    font-weight:600;
    margin-bottom:10px;
}



/* container */
.aboutCards .cards {
  display: flex;
  gap: 24px;
  align-items: stretch; /* makes equal height */
}

/* each card */
.aboutCards .card {
  flex: 1; /* equal width */
  display: flex;
  flex-direction: column; /* allows internal alignment */
  padding: 10px;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
  border:1px solid rgb(200,200,200);
  background-color:rgb(255,255,255);
  position:relative;
}

.aboutCards .card h3{
    font-size:30px;
    font-weight:600;
    color:rgb(37,78,118);
    margin:0;
    margin-bottom:10px;
}

.aboutCards .card h4{
    font-size:24px;
    font-weight:200;
    margin:0;
}

/* push icon to bottom if desired */
.aboutCards .card .icon {
  position:absolute;
  top:10px;
  left:10px;
  width:60px;
  opacity:0.7;

}


.teamCards{
    background-color:rgba(20,42,64,0.1);
    padding:30px 0;
}

.teamCards h2{
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    color: rgb(37, 78, 118);
    margin-bottom: 20px;
}

/* container */
.teamCards .cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: stretch;
}

/* each card */
.teamCards .card {
  height:100%;
  padding: 10px;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
  border:1px solid rgb(200,200,200);
  background-color:rgb(255,255,255);
  position:relative;
}

.teamCards .card .imageWrapper{
    width:120px;
    margin:0 auto;
    margin-bottom:2px;
    border:1px solid rgb(20,42,64);
    border-radius:120px;
}

.teamCards .card .imageWrapper img{
    display:block;
}

.teamCards .card h3{
    font-size:20px;
    font-weight:600;
    color:rgb(37,78,118);
    margin:0;
    margin-bottom:10px;
}

.teamCards .card h4{
    font-size:15px;
    font-weight:200;
    margin:0;
    padding-bottom:30px;
}

.teamCards .card .moreInfo{
    position:absolute;
    bottom:0;
    left:0;
    text-align:left;
    width:100%;
}

.teamCards .card .moreInfo a{
    display:block;
    padding:5px;
    padding-left:15px;
    color:rgb(255,255,255);
    background: rgb(37, 78, 118);
    background: linear-gradient(90deg, rgb(20, 42, 64), rgb(37, 78, 118));
    border-radius: 0 0 16px 16px;
}

.lightbox{
    background: rgba(37, 78, 118,0.8);
    background: linear-gradient(180deg, rgba(20, 42, 64,0.9), rgb(37, 78, 118,0.9));
    position:fixed;
    top:-100vh;
    left:0;
    right:0;
    height:100vh;
    z-index:900000;
    transition:all ease 0.5s;
}

.lightboxActive{
    top:0px;
}

.lightbox .content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:rgb(255,255,255);
    border:1px solid rgb(255,255,255);
    max-width:80%;
    max-height:80%;
}

.lightbox .close{
    position:absolute;
    width:25px;
    top:-40px;
    right:-40px;
    cursor:pointer;
}

.lightbox .close img{
    display:block;
}

#calendly-lightbox iframe{
    width:1100px;
    height:750px;
}


