:root {
--body-color: #96999F;
--body-color-rgb: 150, 153, 159;
--primary-color:#06ABEC;
--primary-color-rgb:50, 53, 138;
--primary-color-hover:#0078B9;
--secondary-color:#F6F9FF;
--secondary-color-hover:#D1E3E9;
--heading-color:#2E3340;
--topbarbg:#010706;
--navbg:#fff;
--dark-bg: #2E3340;
--dark-bg-2:#434753;
--dark-bg-2-rgb:67, 71, 83;
--dark-bg-rgb: 46, 51, 64;
--grey-bg: #EAEBEC;
--lightgrey-bg: #F5F5F5;
--light-blue-bg:var(--secondary-color);
--footer-bg:#2E3340;
--footer-color:#fff;
--footerbar-bg:#2E3340;
--footerbar-color:#96999F;
--footerbar-link-color:#fff;
--footerbar-link-color-hover:#96999F;
--textboxbg:#1E293B;
--newspost-bg:#000E0F;
--body-font: "Inter Tight", sans-serif;
--display-font: "Inter Tight", sans-serif;
--medium-font: "Inter Tight", sans-serif;
--border-color:#ADC8FF;
--thead-color:#EEF3FF;
--side-border-size:1.375rem;
--header-size:80px;
--nav-color:#2E3340;
--nav-color-hover:#000;
--label-color:#000000;
--se-gradient:linear-gradient(90deg, #06ABEC 0%, #942092 50%, #FB822D 100%);
--color-red:#FB282D;
--color-yellow:#FFC62D;
--color-blue:#06ABEC;
--color-green:#00A0A6;
--color-grey:#96999F;
--color-purple:#942092;
--color-orange:#fb822d;
--container-width: 100%;
--hero-height:700px;
--heading-color:var(--dark-bg);
--standard-sec-padding:3.5rem;
}
body{font-family: var(--body-font); font-optical-sizing: auto;font-weight: 500; font-style: normal; background:#fff; color: var(--body-color); padding-right:0!important;
--bs-link-color:var(--primary-color);
--bs-pagination-active-bg:var(--primary-color);
--bs-pagination-hover-color:var(--primary-color);
--bs-body-line-height:1.125;
}
@media (min-width: 576px){
:root {
--container-width: 540px;
}
}
@media (min-width: 768px){
:root {
--container-width: 720px;
}
}
@media (min-width: 992px){
:root {
--container-width: 960px;
--header-size:135px;
}
}
@media (min-width: 1200px){
:root {
--container-width: 1140px;
}
}
@media (min-width: 1200px){
:root {
--container-width: 1140px;
}
}
@media (min-width: 1400px){
:root {
--container-width: 1320px;
}
}
@media (min-width: 1600px) {
:root {
--container-width: 1520px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width:1520px; }
}
.outercontainer{ display: flex; flex-direction: column; min-height: 100vh; overflow: hidden; }
.outercontainer main{ flex-grow: 1;}
.body-font{
font-family: var(--body-font);
font-optical-sizing: auto;
}
.display-font{
font-family: var(--display-font);
font-optical-sizing: auto;
font-weight: 400;
}
a{ color:var(--primary-color); color:var(--primary-color); text-decoration: none; transition:all 0.3s ease; }
a i, a:before, a svg, a svg path{ transition:all 0.3s ease; }
a:hover{ color:var(--primary-color-hover); }
/* h1, h2, h3, h4, h5, h6{ font-weight: 400;} */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ /* color: var(--primary-color); */ font-weight: 700; color: var(--heading-color);}
/* .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6{ color:#fff; } */
.dark-bg a{ color: #fff;}
.dark-bg a:hover{ color: var(--secondary-color);}
.white-bg a{ color: var(--primary-color);}
.white-bg a:hover{ color: var(--primary-color-hover);}
.leadp p:first-of-type{ font-size:1.25rem; }
h1, .h1{ }
h2, .h2, .fs-2{ font-size: 2rem!important; }
h3, .h3, .fs-3{ font-size:1.5rem!important; }
h4, .h4, .fs-4{ font-size:1.25rem!important; }
@media (min-width: 992px) {
h2, .h2, .fs-2{ font-size: 2.5rem!important; }
h3, .h3, .fs-3{ font-size:1.875rem!important; }
h4, .h4, .fs-4{ font-size:1.5rem!important; }
h1, .h1{ font-size:3.0625rem; font-size:2.375rem; }
.leadp p:first-of-type{ font-size:1.375rem; }
}
img,svg{ max-width: 100%; height: auto; }
.white-bg{ background-color: #fff; color: var(--body-color); --sec-bg:#fff; }
.dark-bg{ background-color: var(--dark-bg)!important; color: #fff!important; --sec-bg:var(--dark-bg); /* --primary-color:#fff; */ --heading-color:#fff; }
.grey-bg{ background-color: var(--grey-bg); color: var(--body-color); }
.lightgrey-bg{ background-color: var(--lightgrey-bg); color: var(--body-color); }
.light-blue-bg{background-color:var(--light-blue-bg); color: var(--body-color);--sec-bg:var(--light-blue-bg);}
.blackbox-bg{ background-color:var(--newspost-bg)!important; color: #fff!important; }
.light-blue-bg .boxbg{ background: #fff; }
.white-bg .boxbg{ background: var(--lightgrey-bg); }
.dark-bg .boxbg{ background-color: #fff; }
.dark-bg a.boxbg{ color: var(--primary-color); }
.primary-color{color: var(--primary-color);}
.body-color{ color: var(--body-color); }
.dark-color{ color: var(--dark-bg); }
.bg-primary{ background-color: var(--primary-color)!important; color:#fff; }
.text-gradient{ background: var(--se-gradient); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/* For Firefox */
background-clip: text;
color: transparent; }
.color-red{ color:var(--color-red) }
.color-yellow{ color:var(--color-yellow) }
.color-blue{ color:var(--color-blue) }
.color-green{ color:var(--color-green) }
.color-grey{ color:var(--color-grey) }
.color-purple{ color:var(--color-purple) }
.color-orange{ color:var(--color-orange) }
.btn{--bs-btn-padding-y: .4375rem; --bs-btn-padding-x:1.5rem; border-radius:var(--bs-border-radius-pill) !important; font-weight: 600; border-width: 3px; }
.btn-sm{--bs-btn-padding-y: .4375rem; --bs-btn-padding-x:1.5rem;}
.btn-lg, .fc-lg{ padding:.5rem 1.75rem; font-size: 1rem; }
@media (min-width: 992px) {
.btn-lg, .fc-lg{ padding:1.125rem 1.75rem; font-size: 1.25rem; }
}
.svg-primary svg path{ fill: var(--primary-color); }
.btn-primary{ background:var(--primary-color); border-color: var(--primary-color); color: #fff!important; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn:first-child:active{ background:var(--primary-color-hover); border-color: var(--primary-color-hover); color: #fff!important; }
.btn-primary svg path{ fill: #fff; }
.nooutline{ outline: none; }
.btn-outline-primary{border-color: var(--primary-color); color: var(--primary-color); background: #fff; }
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus{ background:var(--primary-color); border-color: var(--primary-color) ; color: #fff!important;}
.btn-outline-primary:hover svg path{ fill: #fff; }
.btn-light{
color:var(--primary-color)!important;
--bs-btn-bg:var(--secondary-color);
--bs-btn-border-color:var(--secondary-color);
color:var(--primary-color)!important;
--bs-btn-hover-bg:var(--secondary-color-hover);
--bs-btn-hover-border-color:var(--secondary-color-hover);
}
.btn-outline-light:hover{ color: var(--primary-color)!important; }
.btn-outline-light svg path{ fill: #fff; }
.btn-outline-light:hover svg path{ fill: var(--primary-color); }
.dark-bg .btn-link{ color: #fff; text-decoration: none; }
.dark-bg .btn-link:hover{ color: var(--secondary-color); text-decoration: none; }
.dark-bg .btn-link svg path{ fill: #fff; }
.dark-bg .btn-link:hover svg path{ fill: var(--secondary-color); }
.btn-arrow{ padding-right: 3.25rem; position: relative; }
.btn-arrow::after{content:'';width:22px; height:18px; height: 100%; background-position: center; background-repeat: no-repeat; position: absolute; right:1.25rem; top:0px; transition: all .4s ease;}
.btn-arrow:hover::after{right:1rem;}
.btn-arrow::after,.btn-outline-primary.btn-arrow:hover::after{ background-image: url('data:image/svg+xml,'); }
.btn-light.btn-arrow::after,.btn-outline-primary.btn-arrow::after,.btn-outline-light.btn-arrow:hover::after{background-image: url('data:image/svg+xml,');}
/* .btn-outline-light.btn-arrow:hover::after{background-image: url('data:image/svg+xml,');} */
.btn-arrow.py-0::after{top:6px;}
.rmore{ font-size:.75rem; display: inline-block; display: flex; align-items: center; }
a:hover .rmore svg{ margin-left:.25rem; }
.form-control{ border-radius:var(--bs-border-radius-pill) !important; }
.fc-lg{ border-color: var(--primary-color); }
.datalist{position: relative; min-width:150px; width:488px; max-width:100%;}
.fc-downarrow{ }
@media (min-width: 992px) {
/* .datalist::after{ top:28px;} */
/* header.has-hero{ position: absolute; z-index: 3; width:100%; } */
}
/* .topbar{ background: var(--topbarbg); background:var(--dark-bg) ; }
.topbarmenu{ background: var(--primary-color); color: #fff; list-style: none; padding:0; margin:0; height: 32px; position: relative; padding-left:2.625rem;}
.topbarmenu::before{content:''; position: absolute; height: 100%; aspect-ratio:5/4; left:2px; transform:translateX(-100%); top:0; background: var(--primary-color); clip-path: polygon(calc(100% - 2px) 0, 100% 100%, 0% 100%); }
.topbarmenu li{ padding:0; margin: 0; line-height: 1; }
.topbarmenu li a{ color: #fff; font-size: .75rem; text-transform: uppercase; font-weight: 500; line-height: 1; }
.topbarmenu li a:hover{ color: var(--body-color); }
.topbarmenu li a:hover svg path{ fill: var(--body-color); } */
/* .navbar{ --nav-color:var(--primary-color); --nav-color-hover:var(--primary-color-hover); background: var(--navbg); } */
.navbar{ --bs-navbar-padding-y:.625rem; /* min-height: 80px; */ position: relative; z-index: 2; transition:all 0.3s ease;
--bs-navbar-color:#fff; color: var(--nav-color);
}
.navbar .navbar-toggler{ border: none; font-size:1.125rem; background: transparent; --bs-navbar-toggler-padding-y:.6255rem; --bs-navbar-toggler-padding-x:.5rem; flex-shrink: 0; }
.navbar .navbar-toggler:focus{ box-shadow: none; }
.navbar .navbar-toggler svg path{ fill: var(--nav-color)!important; }
.navbar-brand svg{ width: 192px; }
.navbar-nav .nav-item .nav-link{ color: var(--nav-color); font-size: 1rem; font-weight: 600; }
.navbar-nav .nav-item .nav-link:hover{color: var(--nav-color-hover);}
.navbar-nav .nav-item{ position: relative; max-width: 100%; }
.navbar-nav .nav-item.active .nav-link{ font-weight:800;}
@media (max-width: 991.9999px) {
.navbar-nav .nav-item .nav-link{ max-width: 100%; white-space: normal;}
.navbar-nav .nav-item .nav-link.dropdown-toggle{ max-width:84%;}
.dropdown-item{ white-space: normal; }
}
@media (min-width: 992px) {
.navbar{ --bs-navbar-padding-y:0rem; }
.navbar-nav .nav-item{ margin: 0 .5rem; }
.navbar-nav .nav-item .nav-link{--bs-nav-link-padding-y:1rem; font-size:1.125rem; --bs-navbar-nav-link-padding-x:0rem; }
.navbar-nav .nav-item.active::before{ content:''; position: absolute; top:0; left:0; width:100%; height:.5rem; background: var(--se-gradient); }
/* .navbar .navbar-brand svg{width:50px;} */
}
@media (min-width: 1200px) {
.navbar-nav .nav-item{ margin: 0 1rem; }
}
.dropdown-toggle::after{ display: none; border: none; }
.dropdown .dropdown-toggle{ display: inline-block; padding-right: 0!important; }
.drop-icon{ margin-left: .375rem; color: var(--nav-color); margin-right: var(--bs-navbar-nav-link-padding-x); }
.drop-icon svg{ width:12px; height: auto; }
.navbar .dropdown-menu {border-radius: 0; border: none; background: #fff;}
.navbar .dropdown-menu a.dropdown-item{ color:var(--nav-color); font-weight: 600; }
.navbar .dropdown-menu a.dropdown-item.active{background: none; color: var(--primary-color);}
.navbar .dropdown-menu a.dropdown-item:hover{ color:var(--primary-color); background: none;}
@media (min-width: 992px) {
/* .navbar .dropdown{ display: flex; align-items: center; } */
.navbar .dropdown:hover>.dropdown-menu { display: block; top:100%; left:0; }
}
@media (max-width: 991.999px) {
.navbar .dropdown-menu{display: block!important; padding-top:0;}
}
footer{ background: var(--footer-bg); color: var(--footer-color); }
footer a{ color: var(--footer-color);}
footer a:hover{color: var(--footer-color); }
/* .homePage footer{ --footer-bg:#fff; --footer-color:var(--primary-color) } */
.footerlogo svg{ width: 132px; height: auto; }
.footermain{padding:4rem 0 3rem 0;}
.footerbar{ background: var(--footerbar-bg); color: var(--footerbar-color); padding: 3rem 0; }
.footerbar a{ color: var(--footerbar-link-color); }
.footerbar a:hover{ color: var(--footerbar-link-color-hover); }
.foothead{ font-size:1.125rem; font-weight: 600; }
.footinfo{word-break: break-all;}
.footmainlinks a, .fhlink{ border-radius: var(--bs-border-radius-pill) !important; background: var(--dark-bg-2); padding: .25rem .75rem; display: inline-block; }
.footmainlinks a:hover{background:rgba(var(--dark-bg-2-rgb), 0.7)}
.footlogo svg{ width:180px; height: auto; }
.footerborder{ border-bottom: solid 1px #fff; }
.footicon{ width:16px; margin-right: .25rem; display: inline-block; }
.footicon svg{ object-fit: contain; }
@media (min-width: 992px) {
.footer-bar{ padding:5rem 0; }
.footlogo svg{ width:256px;}
.foothead{ font-size:1.25rem; }
}
.mc-f-field{ flex-basis: 55%; }
.mc-f-but{ flex-basis: 40%; }
#mc_embed_signup div.mce_inline_error{ margin-top:.25rem!important; border-radius: .25rem; font-weight:400!important; background:none!important; color: #c00!important; }
.hero{ /* height: 544px; */ padding: 5rem 0; background-repeat:no-repeat ; background-position: center center; background-size: cover; position:relative; /* color: #fff; */ display: flex; align-items: center; justify-content: center; animation: fadeIn 1s forwards; }
.hero.grey-bg{ color: var(--dark-bg); }
.hero.lightgrey-bg{ color: var(--dark-bg); }
.hero::after{ content:''; position: absolute; width:100%; height: .5rem; bottom:0; left:0; background: var(--se-gradient); z-index: 1;}
.hero-bg-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
/* z-index: -1; */ /* Ensure the video is behind other content */
object-fit: cover;
}
/* @media (min-width: 1366px) {
.hero{ background-attachment: fixed; }
} */
.hero.heroHalfImage{ padding:0; }
.hero.heroHalfImage .halfImageContent{ padding:4rem 0; display: flex; align-items: center; }
.hero.heroHalfImage .halfImageImage img{ width:100%; max-width:576px; height: 100%; object-fit: contain; }
.hero.videoReplace .halfImageImage img:hover{cursor: pointer;}
@media (min-width: 992px) {
.hero.heroHalfImage .halfImageContent, .hero.heroHalfImage .halfImageImage{ height: var(--hero-height); }
.hero.heroHalfImage .halfImageImage img{ width:100%; max-width: 100%;}
}
@keyframes fadeIn {
from {
opacity: 0;
/* transform: translateY(10px); */
}
to {
opacity: 1;
/* transform: translate(0px); */
}
}
.heroarrow{ position: absolute; bottom:0rem; left: 0; width:100%; text-align: center; color:#fff; padding-bottom:2.5rem; z-index: 1; line-height: 1; }
.hero a,.heroarrow a{ color:#fff; }
.hero a:hover, .heroarrow a:hover{ color:#fff; }
.heroarrow svg{animation:bounce .5s infinite alternate-reverse;}
.herologo svg{ width:404px; height: auto; }
@keyframes bounce {
from {
transform: translateY(-2px);
}
to {
transform: translateY(3px);
}
}
.hero-overlay{ position: absolute; bottom:0; right:0; width:50%; height:auto; z-index: 1; }
.contactSection .hero-overlay{ z-index: 0; }
/* .hero::before{ position: absolute; content:''; width:100%; height: 100%; left:0; top:0;background: linear-gradient(0deg, rgba(12, 34, 63, 0.50) 0%, rgba(12, 34, 63, 0.50) 100%);
z-index: 1; }*/
.herodesc{ max-width: 100%; font-weight: 500; font-size: 1.125rem; }
/* .hero::before{content:'';width:100%; height:100%; position: absolute; top:0; left:0; background: linear-gradient(0deg, rgba(13, 18, 39, 0.52) 0%, rgba(13, 18, 39, 0.52) 100%);} */
.herocontent{ position: relative; z-index: 1; animation: fadeIn 1s forwards; animation-delay: 1s; opacity: 0; width: 100%; /* margin-top:70px; */ /* text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); */ }
.herocontent h1{ /* color: #fff; */ }
.herostandardcontent{ text-align: center; /* max-width: 992px; */ }
.standardLeft .herostandardcontent{ text-align: left;}
.standardLeft{ justify-content: start!important; }
.standardLeft .herocontainercontent{ width:1000px; max-width: 100%;}
.roundedSideBox{ overflow: hidden; }
.roundedSideBox .rsbContent{ padding: 2rem 5rem 2rem 2rem; }
.roundedSideBox .rsbImageContainer{ width:100%; height: 100%; position: relative; }
.roundedSideBox .rsbImageContainer .rsbImage{ width:100%; height: 100%; object-fit: cover; display: block; }
.roundedSideBox.grey-bg{ color: var(--dark-bg);}
.roundedSideBox p:last-of-type{ margin-bottom: 0; }
@media (max-width: 767.999px) {
.roundedSideBox{ border-top-right-radius: 3rem!important; border-bottom-right-radius: 3rem!important; }
.roundedSideBox .rsbContent{ padding: 1.5rem 2rem; }
}
@media (min-width: 768px) {
.roundedSideBox .rsbImageContainer picture{ width:100%; height: 100%; position: absolute; top:0; left:0; }
}
@media (min-width: 1200px) {
/* .roundedSideBox .rsbContent{ padding: 3rem 8rem 3rem 3rem; } */
}
@media (min-width: 1400px) {
.roundedSideBox .rsbContent{ padding: 3rem 8rem 3rem 3rem; /* min-height: 360px; */}
}
.sh-icon{ width:30px; height: 25px; flex-shrink: 0; }
.sh-icon svg,.sh-icon img{ object-fit: contain;}
@media (min-width: 992px) {
.hero{ min-height: var(--hero-height); margin-top:-103px; /* height of navbar */ margin-top: 0; /* now because it is fixed*/ }
.hero::before{}
/* .hero-standard h1{ font-size: 2.3125rem; } */
.hero-small{ --hero-height:514px; }
.hero-lg{ --hero-height:972px; }
.herocontent{ /* margin-top:80px; */ }
.herocontent h1{ font-size:3.75rem; font-weight: 700; }
.herodesc{ font-size: 1.875rem; }
.hero-small .herocontent h1{ font-size:3rem; font-weight: 400; }
/* .hero-large{ min-height: 713px; }
.hero-large h1{ font-size: 4rem; line-height: 1.5; }
.hero-xl{ min-height: 837px; }*/
.errorPageCannotBeFound .hero-xl h1{ font-size:1.375rem; font-weight:500; }
.heroXXLhead{ font-size:13rem; }
}
.hero-video-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1; /* Ensure the video is behind other content */
}
.hero-arrow{ position: absolute; bottom:-1px; left:0; width: 100%; height: auto; text-align: center; display: flex; justify-content: center; overflow: hidden; }
.hero-arrow svg{ height: auto;max-width: none; }
@media (min-width: 856px) {
.hero-arrow::before{content:''; position: absolute; height: 21px; width:calc((100vw - 800px) / 2); left:0; bottom:0; background: #fff;}
.hero-arrow::after{content:''; position: absolute; height: 21px; width:calc((100vw - 800px) / 2); right:0; bottom:0; background: #fff;}
}
.standard-sec{ padding: var(--standard-sec-padding) 0; }
.topArcC{ position: absolute; top:0; left:0; width:100%; }
.topArcC svg{ position: relative; bottom:-1px; width: 100%; }
.standard-sec.topArc{ padding-top:calc(var(--standard-sec-padding) + 4vw) }
.topArcC.sec-dark-bg svg path{ fill: var(--dark-bg);}
.topArcC.sec-white-bg svg path{ fill: var(--white-bg);}
.topArcC.sec-grey-bg svg path{ fill: var(--grey-bg);}
.topArcC.sec-lightgrey-bg svg path{ fill: var(--lightgrey-bg);}
.sec-inner.topGradient::before{content:''; position: absolute; top:0; left:0; width:100%; height:.5rem; background: var(--se-gradient);}
.homePage .standard-sec .secblock{ width:100%;}
.secbgimg{ position: relative; }
.secbgimg picture{ position: absolute; width: 100%; height: 100%; left:0; top:0; object-fit: cover; }
.sec-inner{ position: relative; }
.sec-inner .br-orange{ position: absolute; bottom:0; right:0; width: 58%; height: auto; }
/* #maincontent .sec-outer:last-of-type .standard-sec{ padding-bottom:calc(var(--standard-sec-padding) + 3rem); } */
@media (min-width: 992px) {
.standard-sec{--standard-sec-padding:5rem; }
}
@media (min-width: 1400px) {
.standard-sec{ --standard-sec-padding:5rem; }
}
.sec-pad-none{padding: 0 0;}
.sec-pad-sm{ padding: 2.75rem 0; }
.sec-pad-lg{padding: 8rem 0;}
.sec-pad-xl{padding: 11rem 0;}
.sec-pad-xxl{padding: 10rem 0;}
.sec-pad-xxxl{padding: 15rem 0;}
.sec-pad-top-none{padding-top: 0;}
.sec-pad-top-sm{ padding-top: 2rem; }
.sec-pad-top-md{ padding-top: 3.75rem; }
.sec-pad-top-lg{padding-top: 8rem;}
.sec-pad-top-xl{padding-top: 11rem;}
.sec-pad-top-xxl{padding-top: 10rem;}
.sec-pad-top-xxxl{padding-top: 15rem;}
.sec-pad-bottom-none{padding-bottom: 0;}
.sec-pad-bottom-sm{ padding-bottom: 2rem; }
.sec-pad-bottom-md{ padding-bottom: 3.75rem; }
.sec-pad-bottom-lg{padding-bottom: 8rem;}
.sec-pad-bottom-xl{padding-bottom: 11rem;}
.sec-pad-bottom-xxl{padding-bottom: 10rem;}
.sec-pad-bottom-xxxl{padding-bottom: 15rem;}
.standard-sec .container .textimgcontainer:first-of-type{margin-top:0!important;}
.standard-sec .container .textimgcontainer:last-of-type{margin-bottom:0!important;}
.standard-sec .container > div.secblock:first-of-type{margin-top:0!important;}
.standard-sec .container > div.secblock:last-of-type{margin-bottom:0!important;}
.roundedSideBox > div.secblock:last-of-type{margin-bottom:0!important;}
.centralBoxGreyBackground .standard-sec{ padding:0; }
.centralBoxGreyBackground .container{ background: var(--grey-bg); padding:3rem calc(var(--bs-gutter-x) * 1); max-width: calc( var(--container-width) - (var(--bs-gutter-x) * 1) ); }
.centralBoxGreyBackground .container .textblock{ max-width: 768px; margin: auto; }
/* .title-area{position: relative;}
.title-area .container{padding-top:2.1875rem ; padding-bottom:1.875rem; display: flex; flex-direction: column; justify-content: space-between; }
.title-area::before{ content: ''; position: absolute; top:0; left:0; height: 100%; width: 0rem; background-color: var(--sec-color); }
.title-area h1{ font-family: var(--display-font); text-transform: lowercase; line-height: 1; font-size: calc(2rem + 1.5vw); font-weight: 400; }
.title-area .submenu ul{ list-style: none; display: flex; flex-wrap: wrap ; gap: .75rem;
padding-left: 0; }
.title-area .submenu ul li a{ padding: .25rem .5rem; border: solid 2px var(--sec-color); background-color: transparent; font-weight: 600; display: inline-block; font-size: .875rem;}
.title-area .submenu ul li a:hover, .title-area .submenu ul li a.active{ background-color: var(--sec-color); }
@media (min-width: 576px) {
.title-area::before{ width: .375rem; }
}
@media (min-width: 992px) {
.title-area::before{ width: .625rem; }
.title-area .container{min-height: 18.25rem; padding-top:4.375rem ; padding-bottom:3.75rem; }
.title-area .submenu ul{ gap: 1rem; }
.title-area .submenu ul li a{ font-size: 1.125rem; padding: .25rem .75rem; }
}
@media (min-width: 1200px) {
.title-area h1{font-size: 5rem;}
} */
.cinfo a{ max-width: 385px; }
.featureheading{ text-align: center; position: relative;}
.featureheading::before{ content:''; position: absolute; width:100%; height: 1px; left:0; top:50%;transform: translateY(-50%); background-color: var(--border-color);}
.featureheading .fh-content{ margin: auto; width: 200px; max-width:100%; background-color: var(--sec-bg); position: relative; z-index: 1;}
.homelogo svg{ width:100px; height: auto;}
@media (min-width: 576px) {
.featureheading .fh-content{ width: 271px;}
.homelogo svg{ width:144px; }
}
.homegraphic svg{ height: auto;}
.project-box{position: relative;}
.project-box .box-content{ position: absolute; top:0; left:0; width:100%; height:100%; display: flex; align-items: flex-end; justify-content: start; }
.pb-title{position: relative; background: var(--primary-color); color: #fff; text-transform: uppercase; padding:.5rem .5rem .5rem 1rem; font-weight: 500; }
@media (min-width: 856px) {
.proj-divider{ border-left: solid 1px #000; }
}
.service-box{}
.service-box .img-container, .service-box .img-container img{ border-radius:0.625rem ;}
.service-box h3{transition:all 0.3s ease; }
/* .service-box:hover h3{ transform: translateY(-10px); } */
.a-to-z-filter{ display: flex; flex-wrap: wrap; gap: .125rem .25rem; list-style: none; }
.a-to-z-filter li{ margin-bottom:.75rem; }
.a-to-z-filter li a{ display: block; width:100%; height: 100%; width:30px; height: 30px; border-radius: 50%; border: solid 1px var(--primary-color); display: flex; align-items: center; justify-content: center;}
.a-to-z-filter li a:hover, .a-to-z-filter li a.active{ background:var(--primary-color); color: #fff; }
.a-to-z-filter li.disabled a{ cursor: pointer; cursor:default; border: 1px solid rgba(33, 90, 168, 0.20); background: rgba(33, 90, 168, 0.20); color: #fff; }
.dark-bg .a-to-z-filter li a{ border-color: #fff; color: #fff;}
.dark-bg .a-to-z-filter li a:hover, .dark-bg .a-to-z-filter li a.active{ background:var(--secondary-color); color: var(--primary-color); }
.dark-bg .a-to-z-filter li.disabled a{ cursor:default; border: 1px solid rgba(255,255,255, 0.20); background: var(--primary-color); color: var(--secondary-color); opacity: 0.5; }
@media (min-width: 1200px) {
/* .a-to-z-filter{ gap: .5rem .25rem;} */
.a-to-z-filter li a{ width:35px; height: 35px; font-size:1.125rem; }
}
@media (min-width: 1400px) {
.a-to-z-filter li a{ width:40px; height: 40px; font-size:1.25rem; }
.a-to-z-filter{ gap: .5rem .625rem;}
}
.doclist{ border-color: var(--primary-color)!important; }
.doclistitem{ border-color: var(--primary-color)!important; padding: 1.5rem .5rem; }
@media (min-width: 992px) {
.doclistitem{ padding: 2rem 1rem; }
}
.splidemain img{height: auto;}
.splidethumbs .splide__slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.splidethumbs .splide__slide {
opacity: 0.6;
}
.splidethumbs .splide__slide.is-active {
opacity: 1;
border-color: var(--primary-color)!important;
}
.stSplide .splide__arrows{ display: flex; gap: 0.25rem; }
.stSplide .splide__arrow{ position: static; background: none; height: 2.5rem; width: 2.5rem; display: inline-block; border-radius: 0; transform: none; opacity: 1; }
.stSplide .splide__arrow svg{ height: auto; width: auto; fill: none;}
.stSplide .splide__arrow--prev svg{ transform: none; }
.stSplide .splide__arrow svg rect{ fill: var(--primary-color)!important;}
.stSplide .splide__arrow svg path{ fill: #fff!important;}
.stSplide .splide__arrow:disabled{opacity: 1;}
.stSplide .splide__arrow:disabled svg rect{ fill: var(--primary-color)!important; fill-opacity: 0.1;}
.stSplide .splide__arrow:disabled svg path{ fill: var(--primary-color)!important;}
@media (min-width: 992px) {
.stSplide .splide__arrows{ display: flex; gap: 1rem; }
.stSplide .splide__arrow{ height: 3.375rem; width: 3.375rem;}
}
.test-box{ background:rgba(var(--primary-color-rgb), 0.10); border-radius: 10px; }
.stars{ }
.stars span{ display: inline-block; }
.stars span svg{ width:21px; height: auto;}
.pb-location{ padding: .5rem 1rem; background-color:var(--textboxbg); color: #fff; text-transform: uppercase; font-size:1.25rem; display: inline-block;}
.img-zoom, .img-zoom .img-container{ overflow: hidden; display: block; border-radius: 10px; }
.img-zoom img{transition:all 0.3s ease; height: auto;}
.img-zoom:hover img, a:hover .img-zoom img{ transform: scale(1.05); }
.post{ position: relative;}
.post-main{ /* background: var(--dark-bg); color: #fff; */ transition:all 0.3s ease; }
/* .homePage .post-main{ background: var(--newspost-bg);} */
a:hover .post-main{ /* background: var(--secondary-color); */ }
.post-date{}
.post.rounded-end-pill{ padding: 2rem 5rem 2rem 2rem; position: relative; }
.post.rounded-end-pill::before{ content:''; position: absolute; top:0; left:0; height: 100%; width:0; background-color: var(--sec-color); }
.post.rounded-end-pill:hover::before{ width:.5rem;}
@media (max-width: 767.9999px) {
.post.rounded-end-pill{ padding: 2rem 3rem 2rem 2rem; border-top-right-radius: 3rem!important; border-bottom-right-radius: 3rem!important; }
}
@media (max-width: 575.9999px) {
.post.rounded-end-pill{ padding: 2rem 1rem 2rem 1rem; }
}
.homePage .newspost{ --sec-color:var(--color-brightblue);}
.homePage .researchpost{ --sec-color:var(--color-yellow);}
.homePage .post.rounded-end-pill::before{ width:.5rem;}
.contentFeature .cf-logo svg{width: 50px; height: auto;}
.contentFeature .cf-logo svg path{ fill: var(--primary-color);}
.contentFeature .title-area::before{ display: none; }
.contentFeature h2{ font-size:2rem!important;}
@media (min-width: 768px) {
.contentFeature h2{ font-size:3rem!important;}
}
@media (min-width: 992px) {
.contentFeature .cf-logo svg{width: 70px;}
.contentFeature h2{ font-size:4rem!important;}
}
.headtag{ position: relative; padding-bottom:1.5rem; }
.headtag::after{ content:''; position: absolute; width:46px; height: 5px; background-color: var(--primary-color); bottom:.25rem; left:0; }
.headtagcenter{ position: relative; padding-bottom:1.5rem; }
.headtagcenter::after{ content:''; position: absolute; width:46px; height: 5px; background-color: var(--primary-color); bottom:.25rem; left:0; right:0; margin-left: auto; margin-right: auto; }
.toptag{ position: absolute; width:42px; height: 39px; top:-10px; left:-13px; background-color: var(--primary-color); z-index: 2; }
.topcattag{ position: absolute; min-height: 40px; top:-17px; left:0; background-color: var(--primary-color); z-index: 2; color: #fff; text-transform: uppercase; padding:.5rem .5rem .5rem 1rem; font-weight: 700; max-width: 100%; margin-right:4rem;}
@media (min-width: 1200px) {
.topcattag{ width: 260px;}
}
.fpost .topcattag{ left:.75rem; }
.newsherobox{ background: var(--newspost-bg); color:#fff; width:368px; max-width: 100%; position: relative; }
@media (min-width: 1200px) {
.fpost .featuredimage{ flex-basis: 66.7%; }
.fpost .post-main{ flex-basis: 33.3%; }
}
.career-top{ min-height:238px; display: flex; flex-direction: column; justify-content: center;}
.key-job-info{ border-top:solid 1px #000; border-bottom:solid 1px #000; gap: 0.25rem; }
.filebox{ text-align: center; width: 160px;}
.filebox a{ color: #6B7D85; }
.fileicon svg{ height: 42px; width:auto; }
.fileicon svg path{ fill: var(--primary-color); transition:all 0.3s ease;}
a:hover .fileicon svg path{ fill: var(--primary-color-hover);}
.logos-block-ic{ max-width: 165px; }
.logos-block img{ max-height:117px;}
.greyscale img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.textblock p:last-child{ margin-bottom: 0; }
.textblock ul[style="list-style-type:square;"] {list-style: none; padding-left: 0; list-style-type: none!important;}
.textblock ul[style="list-style-type:square;"] li{ position: relative; padding-left: 2.5rem; margin-bottom: 1rem; font-weight:600; }
.textblock ul[style="list-style-type:square;"] li::before {
content: '';
position: absolute;
left: 0;
top: -3px;
width: 29px;
height: 29px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.textblock a{ text-decoration: underline;}
.textblock a:hover{ text-decoration: none;}
.catmenu li.active a.btn.btn-primary{ background-color: var(--dark-bg); border-color: var(--dark-bg); }
.textimgcontainer .first-col{ order:1;}
.textimgcontainer .last-col{ order:2;}
@media (max-width: 991.999px) {
.textimgcontainer .first-col{ margin-bottom:3rem;}
}
ul.checkIcon li{ position: relative; padding-left: 55px;}
ul.checkIcon li::before{content:''; position: absolute; width:35px; height:35px; top:4px; left: 0; background-size: 100% auto; background-repeat: no-repeat;
background-image:url('data:image/svg+xml,');}
@media (min-width: 992px) {
ul.checkIcon li{ padding-left: 75px;}
ul.checkIcon li::before{ width:50px; height:50px; }
}
.staff-cont{ background: var(--dark-bg); color: #fff; width:360px; max-width: 100%; }
.staffimg{ /* background: url('/images/staff-bg.png') no-repeat center center; background-size: 100%; */ /* padding:13%; padding: 1rem; */ }
.staff-main{ position: relative;}
@media (min-width: 576px) {
/* .staffimg{ padding:2.5rem; } */
}
.accordion{ /* border-top: solid 3px rgba(var(--body-color-rgb),0.15); */ border-top:none;}
.accordion-item{margin-bottom:0rem; border-radius: 0!important; border:none; background: none; border-bottom: solid 1px var(--primary-color)!important; color: var(--body-color);}
.accordion-button{color:var(--primary-color); font-size:1.25rem; position: relative; background: none; padding:1.5rem 1rem; }
.accordion.bodytext .accordion-button{ font-size:1.25rem;}
.accordion-button:not(.collapsed){ color:var(--primary-color); background: none; box-shadow: none; }
.accordion-button:focus{border: none; box-shadow: none;}
/* .accordion-button::after{ position: absolute; right:.75rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'/%3e%3c/svg%3e");
} */
.accordion-button:disabled::after{display: none;}
.acc-icon{ flex-shrink: 0; width:37px; margin-right: 1.5rem; }
.accordion-body{ padding-left:1rem; padding-right:1rem;}
.accordion-button::after{ background-color: var(--secondary-color); width:35px; height:35px; border-radius: 50%; background-position: center; background-image: url("data:image/svg+xml,"); }
.accordion-button:not(.collapsed)::after{ background-color: var(--primary-color);background-image: url("data:image/svg+xml,");}
@media (min-width: 992px) {
.accordion-button{color:var(--primary-color); font-size:2.4375rem; padding:3.375rem 1rem; }
.accordion-body{ font-size:1.125rem; }
.accordion-button::after{ width:54px; height:54px; }
}
.contact-box svg{ height: auto;}
.dep-info strong{ text-transform: uppercase; font-size:1.125rem; }
.orange-box{ background: var(--orange-bg); border-radius: 10px; }
@media (min-width: 1600px) {
.orange-box .grid-c{ padding:10%; }
}
.boxGradientTop .boxbg{ position: relative; font-weight: 400; }
.boxGradientTop .boxbg::before{content:''; position: absolute; top:0; left:0; width:100%; height:.5rem; background: var(--se-gradient);}
@media (min-width: 1200px) {
.boxGradientTop .boxbg{ min-height:300px; }
}
.downloadBoxes .boxbg{ background: var(--dark-bg-2); }
.downloadBoxes .boxbg:hover{ background: rgba(var(--dark-bg-2-rgb), 0.7); }
/*Downloads*/
.doclist{ list-style: none; padding-left: 0; }
.doclist li{ font-size: 1.1em; clear: both; border-bottom: solid 1px #eee;}
.doclist li:hover{ background: #eee;}
.doclist li i{/*padding-top:10px; padding-bottom: 10px;*/ color: #000; padding-right: 20px; }
.doclist li a{ display: block; padding-top:10px; padding-bottom: 10px;}
.doclist li a:hover{ background: #eee;}
.doclist span{ display: inline-block;}
.doclist .docmain{ width: 75%; padding-left: 2%; padding-right: 2%; font-weight: bold;}
.doclist .doctitle{ font-weight: bold; display: flex; align-items: center; }
.doclist .doctitle svg{ width:1rem; height: auto;}
.doclist .doctitle svg path{ fill: var(--body-color); }
.doclist .docdesc{ color: var(--body-color); }
.doclist .docdown{ width: 14%; padding-left: 2%; text-align: center;}
.table{
--bs-border-color:var(--border-color); color: var(--body-color);
--bs-table-color:var(--body-color);
font-size: .75rem;
}
.table thead tr th{ background-color: var(--thead-color); color: var(--body-color); }
.active>.page-link, .page-link.active{ background: var(--primary-color); border-color: var(--primary-color); }
.page-link:hover{ color: var(--primary-color); }
.page-link:focus{box-shadow: none; color: var(--primary-color);}
.wf-group{margin-bottom: 1rem;}
.wf-group .form-control{ border-color: #E6E6E6; font-size: 1rem; color: var(--dark-bg); padding: .625rem; border-radius: .25rem!important; background-color: #F5F5F5; }
.wf-group .form-control:focus{border-color: var(--primary-color); outline: none; box-shadow: none;}
.wf-group .form-control::placeholder{ color: #707070;}
.chalf{ display: inline-block; width: 48%; }
.chalf2{float: right; }
.wf-label{ font-size: 1rem;margin-bottom:.25rem; color:var(--label-color);}
.wf-checkbox, .wf-consent{ display: flex; align-items: center; gap: .5rem; }
.wf-checkbox .wf-label, .wf-consent .wf-label{ margin-bottom:0; font-size:1rem; }
/* .ccheck{ width:75%; float: left; display: flex; align-items: center; min-height: 47px; margin-bottom:0; } */
.wf-group textarea{ height: 120px; }
.cmap-container{ height:450px; }
@media (min-width: 992px) {
.wf-group .form-control{ /* font-size: 1.25rem; */ }
.wf-label{ /* font-size: 1.125rem; */}
.cmap-container{ height:750px; }
.cmap-container{ margin-bottom:-450px; }
}
.cookie-pref{ position:fixed; bottom:0; left:0; z-index: 5; margin:16px; padding:5px; background: rgba(255,255,255,0.95);display: inline-block; width:34px; height:34px; text-align: center; border-radius: 5px; border:solid 1px #ccc; color:var(--primary-color); color:var(--primary-color); }
.cookie-pref svg{ width:1rem; height: auto; }
.cookie-pref svg path{ fill: var(--primary-color) ;}
.freeprivacypolicy-com---reset,.freeprivacypolicy-com---pc-dialog .cc-cp-body-tabs{font-family: 'Inter', sans-serif!important;}
.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb,.freeprivacypolicy-com---palette-light .cc-nb-title,.freeprivacypolicy-com---palette-light .cc-nb-text,.freeprivacypolicy-com---palette-light .cc-nb-changep, .freeprivacypolicy-com---palette-light .cc-cp-body-content-entry-title,.freeprivacypolicy-com---palette-light .cc-cp-body-content-entry-text,.freeprivacypolicy-com---palette-light .cc-pc-head-title-headline{ color: var(--body-color)!important; }
.freeprivacypolicy-com---palette-dark .cc-cp-foot-save, .cc-nb-buttons-container button{ background:var(--primary-color)!important; }
.cc-nb-buttons-container button.cc-nb-changep{background:#fff!important; color:#2A2B3C!important;}
@media (max-width: 600px) {
.freeprivacypolicy-com---nb-simple{max-width:100%!important; left:auto!important; right:auto!important;}
}
@media (min-width: 1200px) {
.maxc-sm .container{ max-width: 600px; }
.maxc-md .container{ max-width: 800px; }
.maxc-lg .container{ max-width: 1024px; }
}
@media (min-width: 1400px) {
.maxc-xl .container{ max-width: 1280px; }
}
.maxc-fluid .container{ max-width: 100%; }
.maxc-full .container{ max-width: 100%; padding:0; }
.mw-sm{ max-width: 576px; }
.mw-md{ max-width: 768px; }
.mw-lg{ max-width: 992px; }
.mw-xl{ max-width: 1200px; }
.text-lg{ font-size: 1.25rem;}
.light-blue-bg .text-intro{ color: var(--primary-color); }
.fs-12{ font-size:.75rem; }
.fs-14{ font-size:.875rem; }
.mb-2_5{ margin-bottom: .75rem; }
.fw-bold, strong{ font-weight: 600;}
.stext{font-size:1rem;}
.stext-lg{font-size:1.125rem;}
.stext-xl{font-size:1.125rem;}
.hs-r{font-size: 1.25rem;}
@media (min-width: 992px) {
.hs-r{font-size: 1.5rem;}
.stext{font-size:1.125rem;}
.stext-lg{font-size:1.25rem;}
.stext-xl{font-size:1.5rem;}
.text-intro{ font-size: 1.875rem; }
}
.pt-45{ padding-top:2.25rem!important; }
.pb-45{ padding-bottom:2.25rem!important; }
@media (min-width: 992px) {
.p-lg-45{ padding:2.25rem!important;}
}
.g-6, .gy-6{
--bs-gutter-y: 4.5rem
}
.g-6, .gx-6{
--bs-gutter-x: 4.5rem
}
.g-7, .gy-7{
--bs-gutter-y: 6rem
}
.g-7, .gx-7{
--bs-gutter-x: 6rem
}
.g-8, .gy-8{
--bs-gutter-y: 8rem
}
.g-8, .gx-8{
--bs-gutter-x: 8rem
}
@media (min-width: 1200px) {
.py-lg-6{ padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1200px) {
.g-lg-6, .gy-lg-6{
--bs-gutter-y: 4.5rem
}
.g-lg-6, .gx-lg-6{
--bs-gutter-x: 4.5rem
}
.g-lg-7, .gy-lg-7{
--bs-gutter-y: 6rem
}
.g-lg-7, .gx-lg-7{
--bs-gutter-x: 6rem
}
}
@media (min-width: 1400px) {
.g-xl-7, .gy-xl-7{
--bs-gutter-y: 6rem
}
.g-xl-7, .gx-xl-7{
--bs-gutter-x: 6rem
}
.g-8, .gx-8{
--bs-gutter-x: 8rem
}
}
@media (min-width: 992px) {
.row-cols-lg-7>*{
flex:0 0 auto;
width:14.2857143%;
}
.row-cols-lg-8>*{
flex:0 0 auto;
width:12.5%;
}
}
.leftcmargin{ margin-left: calc(((100vw - var(--container-width)) / 2) + .25rem);}
.leftcnmargin{ margin-left: calc((((100vw - var(--container-width)) / 2) + .25rem) * -1);}
.rightcmargin{ margin-right: calc(((100vw - var(--container-width)) / 2) + .25rem);}
.rightcnmargin{ margin-right: calc((((100vw - var(--container-width)) / 2) + .25rem) * -1);}
.leftcpadding{ padding-left: calc(((100vw - var(--container-width)) / 2) + (.25rem));}
.rightcpadding{ padding-right: calc(((100vw - var(--container-width)) / 2) + (.25rem));}