* {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
html {font-size: 1em; line-height: 1.4; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

html, body {margin: 0; padding: 0; width: 100%;  overflow-x:hidden; font-family: 'Manrope', sans-serif; line-height:24px; color:#353535; font-size: 16px; }
body.set-overflow {overflow: hidden; }
::-moz-selection {background: #b3d4fc; text-shadow: none; }

::selection {background: #b3d4fc; text-shadow: none; }

hr {display: block;  height: 1px;  border: 0;  border-top: 2px solid #63B5D8;  margin:0; padding: 0; }

audio, canvas, iframe, img, svg, video {vertical-align: middle; max-width: 100%; }

fieldset { border: 0; margin: 0; padding: 0; }
textarea {  resize: vertical; }
a,a:visited { text-decoration: none; }
a{color: #0061A0; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
a:hover{color: #002942;}

#wpadminbar .msls-icon-wrapper{display: none !important}

h1, .h1, h2, h3, h4, h5, h6 {  font-family: 'Lexend', sans-serif; font-weight:700; color: #0061A0; }

h1 a, .h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0061A0; text-decoration: none; }
h1 { font-size:48px; line-height:56px; letter-spacing: -0.04em; color:#002942; margin: 0 0 44px;padding:0;}
.h1 { font-family: 'Lexend', sans-serif; font-size: 40px; line-height:48px; margin: 0; padding:0; letter-spacing: -0.04em; }
h2 { font-size: 32px; line-height:40px; margin:0; padding:0 0 22px; }
h3 {font-size: 24px; line-height:28px; margin:0; padding:0 0 22px; }
h4 { font-size: 20px; line-height:24px; margin:0; padding:0 0 20px; }
.h4 {font-size: 20px; line-height: 28px; color: #002942; font-family: 'Manrope';font-weight: 500; padding:0 0 24px;}
h5 { font-size: 18px; line-height:22px; margin:0; padding: 0 0 8px; }
h6 { font-size: 16px; line-height:20px; margin:0; padding:0; }
p { margin:0; padding:0 0 22px;}


ol { margin:0; padding: 0 0 10px 24px; } 
ol li {counter-increment: list; list-style-type: none; position: relative; margin: 0; padding: 0 0 12px 4px; line-height: 24px; }
ol li:before { color: #0061A0; content: counter(list); left: -25px; position: absolute; text-align: center; width: 24px; top:0; }

ul:not(.bullets) { margin:0; padding: 0 0 32px 8px; }
ul:not(.bullets)  li { list-style:none; margin:0; position: relative; padding: 0 0 12px 24px; }
ul:not(.bullets)  li:before { content: "\f0e7"; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: #0061A0;  position:absolute; top:2px; left:0; font-size:14px; }

ul.bullets { margin: 0 0 0 22px; padding:0 0 16px; }
ul.bullets li { margin:0 0 3px; }

/* flex box styles starts*/
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex;  display: flex; }
.flex-1 { flex:1; }
.flex-0 { flex:0; }
.flex-auto { flex:auto; }
.flex-wrap { flex-wrap: wrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-center{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-nowrap{flex-wrap: nowrap; }

.flex-col { flex-direction: column; }
.flex-col-rev {flex-direction: column-reverse; }
.flex-row-rev { flex-direction: row-reverse; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }
.content-center { align-content: center; }
.content-start {  align-content: flex-start; }
.content-end {  align-content: flex-end; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }

.items-start { align-items: flex-start;}
.items-end { align-items: flex-end;}
.items-center { align-items: center;}
.items-baseline { align-items: baseline;}
.items-stretch { align-items: stretch;}

/* flex box styles ends*/

.inline-block { display: inline-block;}
.block { display: block; }
.relative{ position:relative;}
.absolute { position: absolute; }
input:focus { outline: none;}
.z-1{ z-index: 1;}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block;  margin-left: auto;  margin-right: auto;  text-align: center; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
img.alignnone { margin: 0; display: block;  clear: both; }
.clear { clear:both; }
img { max-width: 100%; height: auto; display: block; vertical-align: middle;}
.w-full { width:100%; }
.h-full { height:100%; }
.show-in-mobile, .show-in-tablet { display: none; }
.hide-in-mobile, .hide-in-tablet { display:block; }

.blue-bg { background:#63B5D8; }
.color-blue { color:#63B5D8; }
.fit-img { position:absolute; width:100%; height:100%; top:0; left:0; z-index: 0; }
.fit-img img {  width:100%; height:100%; object-fit: cover; }

picture.object-fit{width: 100%; height: 100%; display: block;}
.object-fit img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }


.btn{ padding: 9px 14px 11px; border:2px solid transparent; border-radius:8px; font-size:18px; line-height:24px; font-weight: 800; color:#002942; background:transparent; display: flex; justify-content: center; align-items: center;cursor: pointer; transition: all 0.3s ease-in-out;}
.btn:hover{background: #002942; border-color: transparent; color: #fff;}
.btn.white-bg { background:white; color: #002942; }
.btn.white-bg:hover{ background: #002942; color: #fff; }
.btn.white-bordered { background: #002942; color: #fff; }
.btn.white-bordered:hover{background: #0061A0;}
.btn.white-bordered.white-text:hover{border-color: #002942;}
.btn.white-bordered.white-text{color: #fff;}
.btn.dark-blue-bg { background:#0061A0; color:white; }
.btn.dark-blue-bg:hover{background: #002942; border-color: transparent; color: #fff;}
.btn.dark-blue-bordered { border-color:#0061A0; }


a[data-toggle="modal"]:not(h4 a[data-toggle="modal"], .card-list-item .view-more a[data-toggle="modal"]){ padding: 9px 14px 11px; border:2px solid #0061A0; border-radius:8px; font-size:18px; line-height:24px; font-weight: 800; color:#002942; background:transparent; display: flex; justify-content: center; align-items: center;cursor: pointer; transition: all 0.3s ease-in-out;}
/* .btn-industry a { background: white !important; border: 2px solid transparent !important; color: #002942 !important; } */
a[data-toggle="modal"]:hover:not(h4 a[data-toggle="modal"], .card-list-item .view-more a[data-toggle="modal"]){background: #002942; border-color: #0061A0; color: #fff;}
.default-banner-btns a[data-toggle="modal"]{border-color: #fff;}
.card-list-item .view-more a[data-toggle="modal"]{font-size: 0; font-family: "Font Awesome 6 Pro";}
.card-list-item .view-more a[data-toggle="modal"]:before{content: "\f324"; font-size: 16px; line-height: 24px;}

.lighter-blue-bg  { background: rgba(99, 181, 216, 0.1) !important; }
.light-blue-bg { background: rgba(99, 181, 216, 0.2) !important; }
.dark-blue-grad { background: linear-gradient(180deg, #63B5D8 0%, #00607f 100%); }

.icon-btn { border:none; background:none; cursor: pointer; font-size: 20px; }

.lang-label .btn { width:auto; height:auto;font-weight: 800;font-size: 14px; line-height: 22px; color: #bbbbbb; padding:4px; margin:0 8px 0 0; border-radius:4px; border:none; }
.lang-label .btn:hover, .lang-label .btn.active { color: #0061A0; background: #c7e5f0; border-radius: 4px; }

.panel-reset { margin:0 -8.4vw; }
.mr-reset { margin:0 -28px 0 0; }
.ml-reset { margin:0 0 0 -28px; }

.intro p { font-size: 20px; color: #002942; line-height: 28px; }
.introduction { padding:0 96px; }
.introduction .caption { line-height: 24px; opacity: 0.5; padding: 0 0 15px; }
.introduction h2 { color:  #115E67; }


.caption { font-family: 'Manrope', sans-serif; font-size:16px; line-height: 20px; letter-spacing: 0.2em; font-weight: 800; text-transform: uppercase;}
.caption.faded { opacity:0.5; }

.video-player.curved { border-radius:8px 8px 0 0; overflow:hidden; }
.play-btn { width:104px; height:104px; position:absolute; padding:8px; display:flex; justify-content: center; align-items: center; color:#fff; left:50%; top:50%; transform:translate(-50%, -50%); border:none; background:transparent;  z-index: 1; cursor: pointer;}
.play-btn i { color: #fff; font-size: 35px; z-index: 10; cursor:pointer; }
.play-btn:before {content: ""; background: #63B5D8;  opacity: 0.5; width: 100%;  height: 100%; top: 0; left: 0; position: absolute; border-radius: 50%; z-index: -1; transition: all 0.5s ease-in-out;}
.play-btn:after { content:""; background:#0061A0; width:calc(100% - 16px); height:calc(100% - 16px); margin:8px; top: 0; left: 0; position: absolute; border-radius: 50%; z-index: -1; transition: all 0.5s ease-in-out;}
.play-btn:hover::before{background: #115E67;}
.play-btn:hover::after{background: #115E67;}
.video-player.hide .play-btn { display:none; }

.video-caption { padding: 16px; background:#f0f8fb; }
.vc-icon { color: #0061A0; font-size: 20px; flex:0 0 40px; height:40px; margin: 0 16px 0 0; }
.vc-content { border-left: 2px solid #63B5D8; padding: 0 0 0 16px; }
.vc-content p { font-size:14px; line-height: 22px; font-weight: 500; font-style: normal; padding:0; }


.circled-icon { display:flex; width:84px; height:84px; border-radius:50%; padding:4px; border: 2px solid #63B5D8; flex: 0 0 auto; margin:0 21px 0 0; }
.circled-inner { width:100%; height:100%; border-radius: 50%; display:flex; justify-content: center; align-items: center; background:#eef7fc; }
.circled-inner img { max-width:40px; }
.iconed-item { padding: 0 0 24px; }
.iconed-content { padding: 6px 0 0; }

.top-connector {  min-height: 64px;  width: 35%;  position: relative;  background: #fff; margin: 0 0 -2px 32px; z-index: 1; }
.top-connector:before { content:""; position:absolute; right:0; bottom:0; border-right: 2px solid #63B5D8; border-bottom: 2px solid #63B5D8; width:100%; height:100%; z-index: 1; border-radius:0 0 32px 0; }
.plug-icon { position: absolute; right: -8px; top: -27px; }

.top-connector.right_align { float:right; margin-left: 0; margin-right: 32px; margin-top:38px; width:60%; }
.top-connector.right_align .plug-icon {  right: auto; left: -10px; }
.top-connector.right_align:before {border-radius: 0 0 0 32px;  border-left: 2px solid #63B5D8; border-right:none; }
.btm-left-curve { border-radius:32px 0 0 0; border-top: 2px solid #63B5D8; border-left: 2px solid #63B5D8; height:64px; }

.right-btm-curve {  border-radius: 0 32px 32px 0;  border-right: 2px solid #63B5D8;  border-bottom: 2px solid #63B5D8; position:relative; width:calc(100% - 28px); margin:0 0 0 28px; }
.right-btm-curve:after {content: ""; z-index: -1;  border-radius: 0 32px 32px 0;  border-right: 2px solid #63B5D8; border-top: 2px solid #63B5D8;  position: absolute;  right: -2px;  top: -2px;  height: 100%;  width: 100px; }

.left-btm-curve {  border-radius: 32px 0 0 32px;  border-left: 2px solid #63B5D8;  border-bottom: 2px solid #63B5D8; position:relative; width:calc(100% - 28px); margin:0 28px 0 0; }
.left-btm-curve:before {content: ""; z-index: -1;  border-radius: 32px 0 0 32px; border-left: 2px solid #63B5D8;
  border-top: 2px solid #63B5D8;  position: absolute;  left: -2px;  top: -2px;  height: 100%;  width: 100px; }


.left-curve-downward { height:62px; width:62px; border-radius:32px 0 0; float:left; border-left: 2px solid #63B5D8; border-top: 2px solid #63B5D8; margin:-2px 0 0; }

.left-curve-upwards { height:62px; width:62px; border-radius:0 0 0 32px; float:left; border-left: 2px solid #63B5D8; border-bottom: 2px solid #63B5D8; margin:-2px 0 0; }

.right-curve-downward { height:62px; border-radius:0 32px 0 0; float:left; border-top: 2px solid #63B5D8; border-right: 2px solid #63B5D8; margin:-2px 0 0 28px; }

.right-curve-upwards { height:62px; border-radius:0 32px 0 0; float:left; border-right: 2px solid #63B5D8; border-bottom: 2px solid #63B5D8; margin:-2px 0 0 0; }

.btm-connector { width:624px; margin:-2px 28px 32px 0; float:right; padding:0 0 24px; }
.btm-connector .tail-end { position: absolute; width: 16px; height: 24px; left: -7px; margin: -2px 0 0; }

.feature-grid { padding:0; }
.fgrid-row > div:nth-of-type(2) { position:relative; }
.fgrid-row > div:nth-of-type(2):before { position:absolute; content:""; background:#e7f1e9; width:100%; height:100%; opacity: 0.6; z-index:-1; }
.fgrid-row.fgrid-header > div:nth-of-type(2):before { border-radius:8px 8px 0 0; }
.fgrid-row.fgrid-header > div { font-size: 14px !important; line-height: 20px; font-weight: 700; display: flex; justify-content: center; align-items: center; padding:16px 0; color: #002942;  }
.fgrid-row.fgrid-header > div.fgrid-name { opacity: 0.25; color: #353535; }
.fgrid-body > div { min-height:48px; color:#888c7c; display: flex;  align-items: center;  font-size: 16px;font-weight: 700; line-height: 20px; padding:5px; }
.fgrid-row div.fgrid-name { color: #002942; padding:5px 10px;  min-width:130px; justify-content:flex-start; }
.fgrid-status { max-width:78px; width:100%; justify-content: center; margin:0 4%; }
.fgrid-status:last-child { margin:0; }
.fgrid-status i { font-size: 20px; color:  #115E67; }
.fgrid-body .fa-xmark { color: #646464; opacity:0.2; }
.fgrid-body:nth-of-type(odd) { position:relative; }
.fgrid-body:nth-of-type(odd):before { content:""; position:absolute; width:100%; height:100%;  background:#eff9fb; z-index:-1; opacity:0.8; }

.foot-note { font-weight: 500; font-size: 12px; line-height: 20px; padding: 18px 0 0; }
.link a {padding-right: 19px; color:#0061A0; display: inline-block; font-size: 18px; font-weight: 800;line-height: 24px; position: relative;}
.link a:hover{color:  #115E67;}
.link a span.link-arrow{width: 15px; height: 15px; right: 0; top: 9px; background-image: url('../images/link-arrow.svg'); background-repeat: no-repeat; background-size: contain; display: block; position: absolute; transition: all 0.5s ease-in-out;}
.link a:hover span.link-arrow{right: -5px; background-image: url('../images/link-arrow-green.svg');}
.link a img { width:15px; height:15px; margin: 3px 0 0 6px; right: 0; transition: all 0.5s ease-in-out; position: absolute;}
.link a:hover img{right: -5px;}

.link.btn-white a { color:#fff; }
.link.btn-white a span.link-arrow{background-image: url('../images/link-arrow-white.svg');}
.link.btn-white a:hover{opacity: 0.75;}

.slick-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index: 1; width:88px; height:88px; background:#002942; font-size:0; border-radius:50%; border:none; cursor: pointer; }
.slick-arrow:after { font-family: "Font Awesome 6 Pro"; font-weight: 300; color:#fff; font-size: 30px; }
.slick-arrow:hover{background: #00a3e3;}

.slick-arrow.slick-prev { left:25px; }
.slick-arrow.slick-next { right:25px; } 
.slick-arrow.slick-next:after { content: "\f061"; }
.slick-arrow.slick-prev:after { content: "\f060"; }

.toggle-wrap { background:#fff; display:inline-block; width: 100%; margin:0 0 20px; border-radius: 7px; }
.toggle-wrap.open { box-shadow: 0px 16px 24px rgba(59, 153, 200, 0.2); }
.toggle-head { display:inline-block; width:100%; font-size: 16px; color: #353535; line-height: 20px; font-family: 'Lexend'; font-weight: 700; position:relative; padding:22px 46px 22px 20px; cursor: pointer; } .toggle-head:after { font-family: "Font Awesome 6 Pro"; content: "\2b"; font-size:16px; font-weight:600; position:absolute; right:20px; top:50%; transform: translateY(-50%); }
.toggle-head.open:after { content: "\f068"; }
.toggle-head.open { color: #0061A0; }
.toggle-content { font-weight: 500; font-size: 14px;  line-height: 22px; color: #000000; display:none; padding:2px 20px 20px; }
.toggle-content p { font-size: 14px;  line-height: 22px; }

.bm-wrap { width:314px; margin:0 32px; }
.board-member { position:relative; overflow:hidden; border-radius:8px; max-width:314px; width:100%; cursor: pointer;  }
.board-member:after { content:""; transition:opacity 0.5s ease; position: absolute; width:100%; height:100%; background: rgba(21, 58, 68, 0.9); backdrop-filter: blur(4px); top:0; opacity:0; }
.bm-grad-bg { width:100%; height:114px; background: linear-gradient(180deg, rgba(21, 58, 68, 0) 0%, #05161B 100%); opacity:0.75; position:absolute; bottom:0; left:0;  }
.bm-details { position:absolute; width:100%; left:0;  z-index: 1; bottom:0; padding:0 24px 24px; transition:all 0.5s ease-in-out; }
.bm-details h4 {margin:0; padding:0; color:#fff; }
.bm-details p { font-weight:800; color: #63B5D8; line-height: 24px; padding:0; transition:all 2s ease; }

.bm-more-info { font-size:14px; min-height:0; max-height:0; transition: min-height 0.5s ease; overflow-y:auto; scrollbar-width: none; -ms-overflow-style: none; line-height: 22px; color:#fff; }
.bm-more-info::-webkit-scrollbar{width: 0; height: 0; }
.board-member:hover .bm-details p { padding:0 0 24px; transition:all 0.3s ease;}
.board-member:hover .bm-more-info {  transition: min-height 0.5s ease; min-height: 312px; }
.board-member:hover:after { opacity:1; transition:opacity 0.5s ease }


.center-seperator:before {content:""; position:absolute; background:#63B5D8; width:2px; height:100%; top:0; margin:0 0 0 -2px; }
.center-seperator > div { position:relative; height:100%; }    

.left-curve, .right-curve { width:96px; position:absolute; }
.left-curve:after { position:absolute; right:0; content:""; border-right:2px solid #63B5D8; border-bottom:2px solid #63B5D8; width:100%; top:auto; height:100%;  border-radius:0 0 64px 0; }

.right-curve:before { position:absolute; left:-2px; content:""; border-left:2px solid #63B5D8; border-top:2px solid #63B5D8; width:100%; top:auto; height:100%; border-radius:64px 0 0 0; }

.left-curve .plug-icon { left: -23px; top: auto; width: 18px; height: 26px; transform: rotate(-90deg); }
.right-curve .plug-icon { right: -22px;  top: auto; width: 18px; height: 26px;  transform: rotate(90deg); } 
.center-seperator .tail-end { position:absolute; bottom:0; width:16px; height:26px; bottom:-26px; margin:0 0 0 -2px; }

.checkbox-wrap { position:relative; width:20px; height:20px; margin:0 12px 0 0; }
.checkbox-wrap input[type="checkbox"] { position:absolute; width:100%; height:100%; opacity:0; z-index: 1;}
.checkbox-wrap div { width:20px; height:20px; position:relative; background:#fff; border-radius:2px; }
.checkbox-wrap input[type="checkbox"]:checked ~ div { background: #0061A0; }
.checkbox-wrap input[type="checkbox"]:checked ~ div:after { font-family: "Font Awesome 6 Pro"; content: "\f00c"; font-weight: 400; color:#fff; left: 3px; top: -2px; position:absolute; }

.form-wrap { padding:0 0 32px; gap:20px; }
.form-field label { font-family: 'Lexend'; font-weight: 700; font-size:16px; line-height:20px; width:100%; display:block; margin:0 0 8px; }
.form-field input, .form-field textarea { font-size:14px; background:#fff; border-radius:4px; padding:10px; width:100%; border:none; outline:none; }
.form-field textarea { height: 125px; resize: none; }

/* Placeholder text color -- selectors need to be separate to work. */ 
::-webkit-input-placeholder {color: #002942; font-family: 'Manrope', sans-serif;}
:-moz-placeholder {color: #002942; font-family: 'Manrope', sans-serif; opacity: 1; }
::-moz-placeholder {color: #002942; font-family: 'Manrope', sans-serif; opacity: 1;}
:-ms-input-placeholder {color: #002942; font-family: 'Manrope', sans-serif; opacity: 1;}
.frm_style_formidable-style.with_frm_style .frm_form_field input::placeholder, .frm_style_formidable-style.with_frm_style .frm_form_field textarea::placeholder{color: #002942; font-family: 'Manrope', sans-serif; opacity: 1;}

.ct-wrap { width:28px; position:relative; margin:0 8px 0 0; }
.ct-wrap input[type="checkbox"] { position:absolute; opacity:0; width:100%; height:100%; z-index: 1;}
.toggle-switch { width:28px; height:18px; background:#0061A0; position:relative; border-radius: 30px; }
.toggle-switch:before { content:""; width:12px; height:12px; border-radius:50%; background: #eff7fb; transition:all 0.5s ease-in-out; position:absolute; top:3px;left:2px; }
.ct-wrap input[type="checkbox"]:checked ~ .toggle-switch:before { left:48%; }
.reset-btn { border:none; background:none; font-weight: 800; font-size: 14px; line-height: 16px; color: #002942; letter-spacing: 0.04em;  opacity: 0.25; }
.reset-btn i {font-size: 20px; position: relative; top: 2px; }

.card-list-item { background:#fff; border-radius:8px; padding:11px 12px; margin:0 0 32px; }
.card-date { display: flex; flex-direction: column; width:64px; height:64px; background:#63B5D8; color:#fff; font-family: 'Lexend'; font-weight: 700; border-radius: 2px; align-items: center; justify-content: center;}
.card-date > div:first-child { font-size:24px; line-height: 28px; }
.card-date > div:last-child { font-size:16px; line-height:20px; }
.card-details { flex:1; padding: 0 16px; }
.card-details h4 { color:#002942; padding:0; }
.card-info span { font-size:14px; line-height: 22px; margin:0 24px 0 0; }
.card-info span i { color:#63B5D8; margin:0 8px 0 0; }
.view-more { width:37px; }
.view-more a { display: flex; align-items: center; background:#0061A0; color:#fff; justify-content: center; border-radius: 8px; width:37px; }

.download-item .curve { border-radius: 8px; overflow:hidden;}
.download-item .download-doc { margin: 0 0 30px; }
.download-item button, .download-item a{ font-size:14px; line-height: normal; border:none; padding: 7px 12px 9px 8px; height: auto; color: #353535; background: rgba(99, 181, 216, 0.2);border-radius: 4px; margin:0 0 16px; cursor: pointer; transition: all 0.3s ease-in-out;}
.download-item button:hover, .download-item a:hover{background: #00a3e3; color: #fff;}
.download-item span.btn-name{width: 116px; padding-right: 10px;}
.download-item span.btn-label{width: 120px; padding-right: 10px; text-align: left;}
.download-item .file-size { opacity:0.5; text-transform: none; flex: 1;}
.download-item .btn-name i.fa-download {margin-right: 6px; color: #0061A0; transition: all 0.3s ease-in-out;}
.download-item h4 { padding: 0 0 12px; }
.download-item p { padding:0 0 14px; }
.download-item a:hover .btn-name i.fa-download { color: #fff;}

ul.slick-dots {width: 100%; display: flex; flex-wrap: wrap;}
ul.slick-dots li { padding:0; margin:4px; width:16px; height:16px; }
ul.slick-dots li button { border:none; font-size:0; background:#fff; opacity:0.5; width:16px; height:16px; border-radius: 50%; position:absolute; top:0; cursor: pointer; left:0; }
ul.slick-dots li:not(.slick-active):before { display:none; }
ul.slick-dots li.slick-active button { opacity:0; }
ul.slick-dots li.slick-active:before { content: "\f0e7"; font-weight: 900; font-family: "Font Awesome 6 Pro"; top: -5px; height: 16px; left: 0; font-size: 18px; }

.seperator { width:100%; height:2px; background:#63B5D8; text-align: center; display: inline-block; }
.line-center { margin: -8px auto 0;  padding: 0;  background: #fff;  max-width: 26px; }


/**artwork in footer starts**/
.icon-block { background:#fff;  border-right:2px solid #63B5D8;  border-bottom:2px solid #63B5D8; border-radius:0 0 32px 0; float:left; }
.icon-block-inner { display:flex; justify-content: space-between;  padding:76px 64px 0; }
.icon-block span { display:inline-block }
/**artwork in footer ends**/

.footer-icon-wrapper {float: left; width: 100%; position: relative; }
.footenote {font-size: 14px; line-height: 20px; color: #666; max-width: 1040px; float: left; width: 100%; padding: 66px 66px 22px; position: relative;}
.footenote-text{position: relative; z-index: 1;}
.icon-spacer {bottom: -1px; left: 0; padding: 0; margin: 0; height: calc(100% + 3px); position: absolute;  background:#fff; float:left; width: 100px; }
.icon-space-inner { height: 100%; border-radius:32px 0 0 0; min-height:78px; border-top:2px solid #63B5D8; border-left:2px solid #63B5D8; float:left; width:100%; } 


.footer-list { background: #002942; color: #f3f3f3; z-index: 1; position: relative;}
.footer-menu ul li { padding:0; margin:0;  }
.footer-menu ul li:before { display:none; }
.footer-logo { width:370px; flex:0 0 auto; }
.footer-log-wrap { right: -33px; width: 100%;}
.footer-log-wrap img { max-width:100%; }

.fl-info { max-width: 348px; width:100%; padding-right: 50px; margin: 72px 0 0; flex: 0 0 auto; border-right:1px dotted #646464; }
.fl-info h4 { padding:0; margin:0; font-family: 'Lexend';line-height: 36px; font-weight: 700; font-size: 22px; letter-spacing: -0.02em; color: #f3f3f3; }

.footer-menu { margin: 72px 0 0; font-size: 14px; line-height: 22px; }
.footer-menu > div { border-right:1px dotted #646464;  }
.footer-menu .company { width:306px; padding: 0 30px 0 56px; }
.footer-menu .partners { width:301px; padding:0 0 0 56px; border-right:none; }
.menu-header { font-family: 'Lexend'; line-height: 20px; font-weight: 700;letter-spacing: 0.2em; color: #63B5D8; padding: 0 0 14px; }
.footer-menu ul { margin:0; padding:0; }
.footer-menu ul li { line-height: 22px; font-weight: 500; display:inline-block; width:100%; padding: 0 0 8px; }
.footer-menu ul li a  { color: #f3f3f3; display: inline-block; overflow: hidden; position: relative; }
.footer-menu ul li.current_page_item a, .footer-menu ul li a:hover{color: #00a3e3;}
.footer-menu ul li a::after{width: 0; height: 1px; bottom: 0; left: 0;  content: ""; display: block; background-color: #00a3e3; position: absolute;}
.footer-menu ul li a:hover::after{width: 100%; transform: translateX(100%); transition: all 0.3s linear;}

.footer-menu .company ul li { width:auto; }
.lang-label { padding:6px 0 46px; }
.border-line { flex:1; height:3px; background:#63B5D8; border-radius: 4px; position:relative; }
.border-line:before { content:""; height:100%; background:#63B5D8; position:absolute; left:-100%; width:100%; }

.social-icon-wrap { margin: 0 0 38px; }
.social-icons { max-width:264px; width:100%; padding-left:40px; margin: -18px 0 0; }
.social-icons a:not(.btn){ color: #f3f3f3; font-size: 32px; transform: none; -webkit-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
.social-icons a:not(.btn):hover{color: #63B5D8; transform: translateY(-5px);}

.copyright { font-size: 12px; line-height: 20px; font-weight: 500; display:inline-block; margin: 0 0 78px; }
.copyright > div { display:inline; }
.copyright a:not(.btn){ color: #f3f3f3; }
.copyright a.current_page_item, .copyright a:not(.btn):hover{color: #63B5D8;}
.copyright span { display: inline-block; padding: 0 10px; font-size: 15px;  position: relative;  top: 1px; }


/*custom classes ends*/

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}


.invisible {
  visibility: hidden;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

.fluid-container{width: 100vw; left: -50vw; margin-left: 50%; position: relative;}
.video-player figure.object-fit{width: 100%; margin: 0; display: block;}

body .modern-footnotes-footnote {
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  top: -0.5em;
}
body .modern-footnotes-footnote--selected{
  background: none;
  border-radius: 0;
   color: #353535;
}
body .modern-footnotes-footnote--selected a{
  color: #353535;
}
body .modern-footnotes-footnote__note{
  padding: 20px 16px;
  border: none;
  border-radius: 8px;
  /*  box-shadow: 0px 10px 10px 0px rgb(53 53 53 / 50%);*/
  box-shadow: 0px 4px 10px 2px rgb(53 53 53 / 50%);
  max-width: 210px;
  min-width: 210px;
  color: #353535;
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
}
body .modern-footnotes-footnote__note:after{
  content: '';
  position: absolute;
  display: block;    
  width: 0px;        
  left: 50%;
  top: -24px;
  border: 12px solid transparent;
  border-top: 0;
  border-bottom: 12px solid #fff;
  transform: translate(-50%, calc(100% + 0px));
}
body .modern-footnotes-footnote__connector{
  display: none;
}
.mfp-auto-cursor .mfp-content{max-width: 900px; width: 100%;}
.mfp-auto-cursor .mfp-content video{width: 100%; height: 100%;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
  .container-lg{ max-width:1400px; width:100%;  padding:0 20px; margin:0 auto;  }
  .container { max-width:1320px; width:100%;  padding:0 20px; margin:0 auto; }
  .container .container { padding:0; }
  .inner-wrapper { max-width:900px; width:100%; margin:0 auto; }

  .board-member > img{min-height: 436px; object-fit: cover; object-position: center top; }
}
@media only screen and (max-width: 1023px) and (min-width: 200px){
  .container-lg{max-width: 100%; padding: 0 20px;}
  .container{max-width: 100%; padding: 0 20px;}
  .container .container { padding:0; }
}
@media only screen and (max-width:1250px) { 
  .fl-info { max-width: 306px; }
  .footer-logo { width: 320px; }
  .footer-menu .company { width: 252px; padding: 0 30px; }
  .footer-menu .partners { width: 230px; padding: 0 0 0 38px; }
}
@media only screen and (max-width:1182px) {
  .play-btn { width:82px; height:82px;  }
  .play-btn i { font-size:24px; }
  .fl-info { max-width: 286px;  padding-right: 20px; }
  .footer-menu .company { width: 196px; padding: 0 30px; }
  .footer-menu .company .company-inner { flex-direction: column; }
  .footer-menu .partners { padding: 0 0 0 38px;  }
  .footer-logo { width: 280px; }
  .h1 {font-size: 34px; line-height: 40px;}
}
@media only screen and (min-width:951px) and (max-width:1115px) {
  .bm-wrap { margin:0 14px; }
  .bm-details { transition:none; }
  .board-member:hover .bm-more-info { overflow-y:auto;  min-height: 28vw;}
  .board-member:hover .bm-details { top:26px; }
  .board-member:hover .bm-details p { padding-bottom:14px; }
}
@media only screen and (max-width:1100px) { 
  .panel-reset { margin: 0 -7vw; }
}
@media only screen and (min-width:1024px) {
  .footer-menu .company .company-inner {gap: 0 40px;}
}
@media only screen and (max-width:1023px) {
  .h1 { font-size:32px; line-height:40px; }
  .hide-in-tablet { display:none !important; }
  .show-in-tablet { display:block !important; }

  .introduction { padding:0 50px; }
  .introduction h2 {font-size: 24px; line-height: 28px; }

  .icon-block-inner span:nth-of-type(5) { display:none; }
  .footer-menu { flex-direction: column; margin-left:10px; }
  .footer-menu .company,
  .footer-menu .partners { width: 300px; padding: 0; border: 2px solid #0061A0;  border-radius: 4px; margin:0 0 10px; }
  .footer-menu ul { width:100%; }
  .footer-menu ul li { padding: 0; width:100%; line-height: normal; display: block;}
  .footer-menu ul li a { padding: 10px 25px; display: block;}
  .footer-menu ul li a:after{display: none;}
  .footer-menu .menu-header { padding: 10px 14px; position:relative; }
  .footer-menu .menu-header:after { content:"\f055"; font-size: 14px; position: absolute; right:10px; font-family: "Font Awesome 6 Pro"; font-weight: 900; color: #002942; }
  .footer-menu .menu-header.active:after { content:"\f056"; }
  .footer-menu .company .company-inner{ display:none; padding-bottom: 16px;}
  .partners ul { display:none; }

}

@media only screen and (max-width:950px) {
  .fgrid-status { margin: 0 2%; }
  
  .bm-wrap { width:100%;  margin:-2px 0 0; padding: 0 0 222px;  justify-content: center; position: relative; }
  .l-ship-inner.first .bm-wrap:nth-child(odd):after,
  .l-ship-inner.second .bm-wrap:nth-child(even):after,
  .l-ship-inner.last .bm-wrap:nth-child(odd):after { content:""; border-radius:0 32px 32px 0; border:2px solid #63B5D8; border-left:0; position:absolute; top:0; right:-22px; bottom:0;  width:calc(100% - 28px); }


  .l-ship-inner.first .bm-wrap:nth-child(even):before,
  .l-ship-inner.second .bm-wrap:nth-child(odd):before,
  .l-ship-inner.last .bm-wrap:nth-child(even):before { content:""; border-radius:32px 0 0 32px; border:2px solid #63B5D8; border-right:0; position:absolute; top:0; left:-22px; bottom:0;  width:calc(100% - 28px); }

  .l-ship-inner.last .bm-wrap:nth-of-type(3):after { width:50%; }

  .board-member { z-index: 1; margin:-188px 0 0; }
  .mfp-wrap .mfp-container{padding: 0 20px;}
}

@media only screen and (max-width:899px) {
  .fl-wrap { flex-direction: column-reverse;  align-items: center; }
  .footer-log-wrap { position:relative; right:0; }
  .fl-info { border: none; max-width: 600px; text-align: center; margin: 20px 0 0; padding:0; }
  .fl-content { flex-direction: column;  width: 100%;  align-items: center; }
  .footer-menu { flex-direction: row;  margin: 30px 0 0; display: block;}
  .footer-menu .company, .footer-menu .partners { width: 240px; margin: 0 10px 24px; float: left; cursor: pointer;}
  .footer-menu::after{content: ""; display: table; clear: both;}
}

@media only screen and (max-width:768px) {
  .icon-block-inner span:nth-of-type(4) { display:none; }
}

@media only screen and (max-width: 767px){
  .mobile-0{padding: 0;}
  .show-in-mobile { display: block; }
  .hide-in-mobile { display:none; }
  .icon-block { margin: 66px 0 0; }
  .icon-block-inner { width:100%; padding:0 64px;  }
  .icon-block .left-curve-downward { position: absolute; right: -62px; top: -26px; }
  .footer-menu .company, .footer-menu .partners { width: 226px; }
  .introduction { padding:0 20px; }
  .panel-reset{ margin:0; }
  .rd .panel-reset .video-player { overflow: hidden; border-radius: 8px; }
  .video-player figure.object-fit{width: 100%; margin: 0; display: block;}
  .video-caption { border-radius: 0 0 8px 8px; overflow:hidden; }
  .vc-icon { display:none; }
  .vc-content { padding:0; border:none; }
  .card-list-item { margin:0 0 20px; }
  .slick-arrow{width: 78px; height: 78px;}
  h1 {font-size: 32px; line-height: 40px; margin: 0 0 20px; }
  .footenote{padding: 40px 22px 17px;}
  body .modern-footnotes-footnote__note{margin-top: 10px; position: relative;}

  .slick-arrow.slick-prev { left:0; }
  .slick-arrow.slick-next { right:0; } 
}

@media only screen and (max-width:650px) {
  .icon-block-inner span:nth-of-type(1) { display:none; }
  .iconed-list { margin: 0 0 22px; }
  .iconed-item { flex-direction: column; padding:0; }
  .iconed-item .circled-icon { margin: 0 0 20px; }
}

@media only screen and (max-width:520px) {
  .footer-logo { width: 100%; }
  .footer-log-wrap {  position: relative; right: -24px;  width: 360px; float: right; }
  .footer-menu { flex-direction: column; }
  .footer-menu .company, .footer-menu .partners { width:300px; margin: 0 0 24px; }  
 }

@media only screen and (max-width:460px ){
  .bm-wrap { padding-left:8px; padding-right:8px; }
  .icon-block-inner { padding: 0 26px; }
  .fl-info { text-align: left; }
  .footer-menu { width:100%; }
  .footer-menu .company, .footer-menu .partners { width:100%; }
  .social-icon-wrap { flex-direction: column-reverse; align-items: center; }
  .social-icons { padding:0 0 51px; justify-content: center; }
  .social-icons a { margin:0 16px; }
  .border-line { flex:0 0 auto; width:100%; }
  .border-line:before {left:-20px; width:auto; right:-20px; }

  .lang-label { position: relative; top: -25px; }
  .lang-label .btn { flex:1; margin:0; }
  .lang-label .btn:nth-of-type(2) { margin:0 8px; }
  .copyright { text-align: center; margin:0 0 28px; }
  .copyright > div { display: block; }
  .copyright span:nth-of-type(1) { display:none; }
}
@media only screen and (max-width:419px ){
  .board-member:hover .bm-more-info { min-height:70vw; overflow-y:auto; }
}


@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}