:root {
--body-color:#001A70;
--body-alt-color:#808CB7;
--body-color-rgb: 128,140,183;
--primary-color:#3150FF;
--primary-color-rgb:49,80,255;
--primary-color-hover:#001DCC;
--secondary-color:#808CB7;
--secondary-color-rgb:128,140,183;
--secondary-color-hover:#34406B;
--link-color:#3150FF;
--topbarbg:#010706;
--navbg:#fff;
--dark-bg: #3150FF;
--dark-bg-rgb: 49,80,255;
--grey-bg: #F1F1F1;
--light-blue-bg:var(--secondary-color);
--orange-bg:rgba(255, 109, 45, 0.15);
--footer-bg: var(--body-color);
--footer-color:#fff;
--footerbar-bg:var(--body-color);
--footerbar-color:var(--secondary-color);
--textboxbg:#1E293B;
--newspost-bg:#000E0F;
--body-font: "Manrope", sans-serif;
--display-font: 'Aestetico-Bold', Helvetica, Arial, Sans-Serif;
--medium-font: 'Aestetico-Medium', Helvetica, Arial, Sans-Serif;
--border-color:#ADC8FF;
--thead-color:#EEF3FF;
/* --side-border-size:1.375rem; */
--header-size:80px;
--nav-color:#fff;
--nav-color-hover:var(--secondary-color);
--label-color:var(--body-color);
--sec-color:var(--primary-color);
--sec-bg:#fff;
--container-width: 100%;
}
body{font-family: var(--body-font); font-weight: 500; font-optical-sizing: auto;
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);
}
@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-weight: 400;
}
.medium-font{ font-family: var(--medium-font)!important; font-weight: 400!important; }
.medium-font strong{ font-family: var(--display-font);}
a{ color:var(--primary-color); text-decoration: none; transition:all 0.3s ease; }
.textblock a{ color:var(--link-color);}
a i, a:before, a svg, a svg path{ transition:all 0.3s ease; }
a:hover{ color:var(--primary-color-hover); }
a.body-color:hover{ color:var(--primary-color); }
/* 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-family: var(--display-font);}
/* .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; }*/
h3, .h3, .fs-3{ font-size:1.375rem; }
h4, .h4, .fs-4{ font-size:1.125rem; }
.articlecontent h2{ font-size:1.75rem }
.articlecontent h3{ font-size:1.5rem }
.articlecontent h4{ font-size:1.25rem }
@media (min-width: 992px) {
h2, .h2, .fs-2{ font-size: 2.5rem; }
h3, .h3, .fs-3{ font-size:1.75rem; }
h4, .h4, .fs-4{ font-size:1.5rem; }
h1, .h1{ font-size:3.0625rem; font-size:3rem; }
.leadp p:first-of-type{ font-size:1.375rem; }
}
img,svg{ max-width: 100%; }
.svg-h-auto svg{height: auto;}
.white-bg{ background: #fff; color: var(--body-color); --sec-bg:#fff; }
.dark-bg{ background: var(--dark-bg)!important; color: #fff!important; --sec-bg:var(--dark-bg); /* --primary-color:#fff; */ }
.grey-bg{ background: var(--grey-bg); color: var(--body-color); }
.light-blue-bg{background: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(--light-blue-bg); }
.dark-bg .boxbg{ background: #fff; }
.dark-bg a.boxbg{ color: var(--primary-color); }
.blue-bg{ background: var(--primary-color); color: #fff; }
.blue-bg .grid-c p{ color: rgba(255,255,255,0.75);}
.primary-color{color: var(--primary-color);}
.secondary-color{color: var(--secondary-color);}
.body-color{ color: var(--body-color)!important; }
.body-alt-color{ color: var(--body-alt-color)!important; }
.bg-primary{ background-color: var(--primary-color)!important; color:#fff; }
/* Set some base styles, so it is easy to see */
.skip-link {
position: absolute;
display: inline-block;
padding: .375rem .75rem;
line-height: 1;
font-size: 1.25rem;
background-color: var(--color-purple);
color: white;
/* Ensure the Y position is set to zero and any movement on the transform property */
transform: translateY(0);
transition: transform 250ms ease-in;
z-index: 5;
}
/* When it is not focused, transform its Y position by its total height, using a negative value, so it hides above the viewport */
.skip-link:not(:focus) {
transform: translateY(-2rem);
}
.btn{--bs-btn-padding-y: .4375rem; --bs-btn-padding-x:1.5rem; border-radius:var(--bs-border-radius-pill) !important; font-weight: 700; }
.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; }
}
.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); }
.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); }
/* Fix for font spacing */
/* .btext{ margin-top:.25rem; display: inline-block; } */
.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: #fff; */ }
.navbar{ --bs-navbar-padding-y:0rem; min-height: 80px; display: flex; align-items: center; position: relative; z-index: 2; transition:all 0.3s ease;
--bs-navbar-color:#fff; color: var(--nav-color);
}
.navbar .container-fluid{ display: block; }
.navbar-info{ font-size:1.125rem; }
.navbar-info a{ color: var(--nav-color);}
.navbar-info a svg path{ fill: var(--nav-color);}
.navbar-info a:hover{ color: var(--nav-color-hover);}
.navbar-info a:hover svg path{ fill: var(--nav-color-hover);}
.navbar .nb-content{ position: relative; z-index: 1; }
.offcanvas{
--bs-offcanvas-bg: #fff;
--bs-offcanvas-color: var(--body-color);
--bs-offcanvas-width: 480px;
}
.offcanvas-header{
--bs-offcanvas-padding-y:1rem;
}
.btn-closecanvas{ background: none; border: none; color: var(--primary-color); font-size:1.125rem; }
.btn-closecanvas svg rect{ fill: var(--primary-color); }
.mainsite-toggler{ position: fixed; top:.25rem; right:.25rem; width:45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background: rgba(255,255,255,0.5); z-index: 10;}
.offcanvas-open{}
.menu-svg .bar {transition: transform 0.3s ease, opacity 0.3s ease;}
.offcanvas-open .menu-svg .bar1{ transform: rotate(45deg) translate(6px, -2px);}
.offcanvas-open .menu-svg .bar2{ opacity: 0; }
.offcanvas-open .menu-svg .bar3{ transform: rotate(-45deg) translate(-15px, -7px);}
@media (max-width: 1199.99px) {
.menu-logo svg{ width: 250px; }
}
.navbar .navbar-toggler{ border: none; font-size:1.125rem; color: #fff; background: var(--primary-color); --bs-navbar-toggler-padding-y:.6255rem; --bs-navbar-toggler-padding-x:1.25rem; flex-shrink: 0; }
.navbar .navbar-brand{ font-size: .75rem; color: var(--primary-color); font-weight: 500; padding-top:0; padding-bottom:0; }
.navbar .navbar-brand svg{ width:200px; height: auto; flex-shrink: 0;}
.navbar-nav .nav-item .nav-link{ color: var(--body-color); font-size: 1rem; }
.navbar-nav .nav-item .nav-link:hover{color: var(--primary-color);}
.nb-strap{ display: inline-block;}
@media (max-width: 400px) {
.nb-strap{ display: none;}
/* .navbar .navbar-brand svg{width:50px;} */
}
@media (min-width: 576px) {
.navbar .navbar-brand{ font-size: 1rem;}
}
/* .navbar{
--bs-navbar-padding-y:0rem;
min-height: 130px;
} */
@media (min-width: 992px) {
.mainsite-toggler{top:1rem; right:1rem; width:50px; height: 50px; }
.navbar{
--bs-navbar-padding-y:0rem;
min-height: 100px;
}
.navbar .navbar-brand svg{ width:307px;}
.offcanvas{
--bs-offcanvas-padding-x: 2.5rem;
--bs-offcanvas-padding-y: 2.5rem;
}
.navbar-nav .nav-item .nav-link{
--bs-navbar-nav-link-padding-x:1.5rem;
--bs-nav-link-padding-y:1rem;
font-size:1.5rem;
}
.navbar-nav .nav-item:last-of-type .nav-link{ padding-right: 0; }
}
.offcanvas .navbar-nav .nav-item .nav-link{ font-family: var(--display-font); line-height: 1; }
.offcanvas .navbar-nav .nav-item.dropdown .nav-link{ padding-bottom: 0; }
.offcanvas .navbar-nav .nav-item{ margin-bottom:1rem; }
.offcanvas .navbar-nav .nav-item .nav-link{font-size: 1.75rem; }
@media (min-width: 992px) {
.offcanvas .navbar-nav .nav-item .nav-link{/* font-size: 2rem; */ }
}
.dropdown-toggle::after{ display: none; border: none; }
.dropdown .dropdown-toggle{ display: inline-block; }
.drop-icon{ margin-left: .375rem; color: var(--primary-color); }
.drop-icon svg{ width:12px; height: auto; }
.navbar .dropdown-menu {border-radius: 0; border: none; background: var(--primary-color);}
.navbar .dropdown-menu a.dropdown-item{ color:#fff; }
.navbar .dropdown-menu a.dropdown-item:hover{ color:var(--secondary-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; } */
}
.offcanvas .navbar-nav .dropdown-menu{display: block; background: transparent;}
.offcanvas .navbar-nav .dropdown-menu a.dropdown-item{color: var(--primary-color);}
.offcanvas .navbar-nav .dropdown-menu a.dropdown-item:hover{color: var(--primary-color-hover); margin-left:.25rem;}
.offcanvas .navbar-nav .dropdown-menu a.dropdown-item.active{color: var(--primary-color-hover); background: transparent; font-weight: 600;}
.ocsocial svg path{ fill: var(--primary-color);}
footer{ background: var(--footer-bg); color: var(--footer-color); }
footer a{ color: var(--footer-color);}
footer a:hover{color: var(--footer-color); text-decoration: underline; }
/* .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; font-size: .875rem; }
.footerbar a{ color: var(--footerbar-color); }
.footerbar a:hover{ color: var(--footerbar-color); }
.foothead{ font-size:1.125rem; }
.footinfo{word-break: break-all;}
.footlogo svg{ width:70px; height: auto; }
.footerborder{ border-bottom: solid 1px #fff; }
.footicon{ width:16px; margin-right: .25rem; }
.footicon svg{ object-fit: contain; }
.footsocial a svg{ width:20px; height: auto; }
@media (min-width: 992px) {
.footsocial a svg{ width:29px; height: auto; }
.footerbar{ padding:8rem 0 5rem 0; }
.footlogo svg{ width:100px;}
.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: 8rem 0; background: no-repeat center center; background-size: cover; position:relative; color: #fff; display: flex; align-items: center; justify-content: center; animation: fadeIn 1s forwards; margin-top:-81px; /* height of navbar plus border */ /* background-attachment: fixed; */ }
/* @media (min-width: 1366px) {
.hero{ background-attachment: fixed; }
} */
@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;}
@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{ width:600px; max-width: 100%; }
/* .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; */ }
.image-hero{ height: 540px; position: relative;}
.image-hero img{ width:100%!important; height: 100%!important; object-fit: cover; }
.image-hero::before{content:''; position: absolute; top:0; left:0; width:100%; height:75%; background: linear-gradient(0deg, rgba(0, 26, 112, 0.00) 0%, rgba(0, 0, 0, 0.65) 82.61%);
mix-blend-mode: multiply;}
.homehero .videocontainer{ position: relative;}
.homehero .videocontainer::before{ position: absolute; height: 100%; width: 100%; content:''; top:1.25rem; left:-1.25rem; z-index: -1; background: var(--primary-color);}
.roundedSideBox{ padding: 2rem 8rem 2rem 2rem; }
.roundedSideBox p:last-of-type{ margin-bottom: 0; }
@media (max-width: 767.999px) {
.roundedSideBox{ padding: 2rem 3rem 2rem 2rem; border-top-right-radius: 3rem!important; border-bottom-right-radius: 3rem!important; }
}
@media (max-width: 575.999px) {
.roundedSideBox{ padding: 1rem 2rem 1rem 1rem;}
}
.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: 700px; 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{ min-height: 514px; }
.hero-lg{ min-height: 972px; }
.herocontent{ /* margin-top:80px; */ }
.herocontent h1{ font-size:3.75rem; font-weight: 400; }
.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;}
}
.hh-logo svg{ width:545px; }
.standard-sec{ padding: 2.5rem 0; }
/* .standard-sec .secblock{ width:940px; max-width: 100%; }
.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 .standard-sec:last-child{ padding-bottom:4.5rem; } */
@media (min-width: 992px) {
.standard-sec{ padding: 5rem 0; }
}
.sec-pad-none{padding: 0 0;}
.sec-pad-sm{ padding: 2.75rem 0; }
.sec-pad-lg{padding: 6.5rem 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: 6.5rem;}
.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: 6.5rem;}
.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; } */
@media (min-width: 992px) {
.centralBoxGreyBackground .container{ padding:5rem calc(2rem + (var(--bs-gutter-x) * 1)); }
}
@media (min-width: 1400px) {
.centralBoxGreyBackground .container{ padding:5rem calc(5rem + (var(--bs-gutter-x) * 1)); }
}
.centralBoxGreyBackground.blue-fade-bg .container{ background: rgba(var(--primary-color-rgb), 1); transition:all 0.3s ease;}
.centralBoxGreyBackground.blue-fade-bg.in-viewport .container{ background: rgba(var(--primary-color-rgb), 0.1);}
.centralBoxGreyBackground.primary-bg .container{background: var(--primary-color); color: #fff;}
.centralBoxGreyBackground.primary-bg .container svg path{ fill: #fff;}
.animated-g .sec-inner .container{ position: relative; height: 600px; display: flex; flex-direction: column; justify-content: center; }
.animated-g .sec-inner .container::before{content:''; position: absolute; top:0; left:0; width:100%; height:100%; margin:0 calc(var(--bs-gutter-x) * .5); background-color: #fff; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; z-index: 1; transition:all 0.5s ease; background-size: 75% auto;}
.body-scrolled .animated-g.in-viewport .sec-inner .container::before{ z-index: 0; opacity: 10%; }
@media (min-width: 992px) {
.animated-g .sec-inner .container .secblock{padding-left:24%;}
.animated-g .sec-inner .container::before{background-size: auto;}
}
.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); } */
.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; }
.img-zoom img{transition:all 0.3s ease; height: auto;}
.img-zoom:hover img, a:hover .img-zoom img{ transform: scale(1.05); }
.workpostgrid {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
@media (min-width: 992px) {
.postgrid {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(4);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.postgrid .postc1 { grid-area: 1 / 1 / 2 / 5; }
.postgrid .postc2 { grid-area: 1 / 5 / 2 / 7; }
.postgrid .postc3 { grid-area: 2 / 1 / 3 / 4; }
.postgrid .postc4 { grid-area: 2 / 4 / 3 / 7; }
.postgrid .postc5 { grid-area: 3 / 1 / 4 / 3; }
.postgrid .postc6 { grid-area: 3 / 3 / 4 / 5; }
.postgrid .postc7 { grid-area: 3 / 5 / 4 / 7; }
.postgrid .postc8 { grid-area: 4 / 1 / 5 / 3; }
.postgrid .postc9 { grid-area: 4 / 3 / 5 / 5; }
.postgrid .postc10 { grid-area: 4 / 5 / 5 / 7; }
.postgrid .postc2 .img-zoom{ flex-grow: 1; }
.postgrid .postc2 .img-zoom img{ height: 100%!important; object-fit: cover; }
.workpostgrid {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(4);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.workpostc1 { grid-area: 1 / 1 / 3 / 5; }
.workpostc2 { grid-area: 1 / 5 / 2 / 7; }
.workpostc3 { grid-area: 2 / 5 / 3 / 7; }
.workpostc4 { grid-area: 3 / 1 / 4 / 4; }
.workpostc5 { grid-area: 3 / 4 / 4 / 7; }
.workpostc6 { grid-area: 4 / 1 / 5 / 3; }
.workpostc7 { grid-area: 4 / 3 / 5 / 5; }
.workpostc8 { grid-area: 4 / 5 / 5 / 7; }
.workpostc1 .img-zoom{ flex-grow: 1; }
.workpostc1 .img-zoom img{ height: 100%!important; object-fit: cover; }
}
.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{}
.caption{ color: var(--body-alt-color); font-size: 1rem; padding: .375rem 0; }
.homePage .navbar-brand{ display: none!important; }
.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-of-type{ 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); }
.featureImages.fi-3-s1 .fimg-1{ width:50%; margin-bottom:140px; }
.featureImages.fi-3-s1 .fimg-2{ width:50%; margin-top:140px; }
.featureImages.fi-3-s1 .fimg-3{ width:90%; }
.featureImages.fi-4-s1 .fimg-1{ width:30%; }
.featureImages.fi-4-s1 .fimg-2{ width:70%; }
.featureImages.fi-4-s1 .fimg-3{ width:40%; }
.featureImages.fi-4-s1 .fimg-4{ width:40%; }
.featureImages.fi-4-s1 .fi-main{ align-items: end;}
.featureImages.fi-4-s1 .fi-split{ display: flex; align-items: start; justify-content: end; }
.featureImages.fi-4-s2 .fimg-1{ width:42%; }
.featureImages.fi-4-s2 .fimg-2{ width:44%; }
.featureImages.fi-4-s2 .fimg-3{ width:48%; }
.featureImages.fi-4-s2 .fimg-4{ width:44%; }
.featureImages.fi-4-s2 .fi-main{ align-items: end; justify-content: end;}
.featureImages.fi-4-s2 .fi-split{ display: flex; align-items: start; justify-content: start; }
.featureImages.fi-4-s2 .fimg-1{ width:42%; }
.featureImages.fi-4-s2 .fimg-2{ width:44%; }
.featureImages.fi-4-s2 .fimg-3{ width:48%; }
.featureImages.fi-4-s2 .fimg-4{ width:44%; }
.featureImages.fi-4-s2 .fi-main{ align-items: end; justify-content: end;}
.featureImages.fi-4-s2 .fi-split{ display: flex; align-items: start; justify-content: start; }
.featureImages.fi-3-s2 .fimg-1{ width:55%; }
.featureImages.fi-3-s2 .fimg-2{ width:100%; }
.featureImages.fi-3-s2 .fimg-3{ width:100%; }
.featureImages.fi-3-s2{ display: flex; }
.featureImages.fi-3-s2 .fi-main{ width:63%; align-items: end; justify-content: end;}
.featureImages.fi-3-s2 .fi-split{ width:37%; display: flex; align-items: center; justify-content: start; }
/* .featureImages .fimg{ height: auto; opacity: 0.2; transition: opacity 0.5s ease-in-out;}
.in-viewport .featureImages.fi-3 .fimg{animation: fadeAnimation 6s infinite; }
.in-viewport .featureImages.fi-3 .fimg-1{ animation-delay: 0s; }
.in-viewport .featureImages.fi-3 .fimg-2{ animation-delay: 2s;}
.in-viewport .featureImages.fi-3 .fimg-3{ animation-delay: 4s; } */
.featureImages .fimg{ height: auto; opacity: 0.2; transition: opacity 0.5s ease-in-out; transition: opacity 0.5s linear;}
.in-viewport .featureImages.fi-3 .fimg{animation: imageFade 6s infinite linear }
.in-viewport .featureImages.fi-3 .fimg-1{opacity: 1; animation-delay: 0s; }
.in-viewport .featureImages.fi-3 .fimg-2{ animation-delay: 2s; }
.in-viewport .featureImages.fi-3 .fimg-3{ animation-delay: 4s; }
/* Keyframes for the Animation */
@keyframes imageFade {
0% { opacity: 0.2; }
16.66% { opacity: 1; }
33.33% { opacity: 1; }
50% { opacity: 0.2; }
100% { opacity: 0.2;}
}
.in-viewport .featureImages.fi-4 .fimg{animation: imageFade2 8s infinite; /* Set the animation */}
.in-viewport .featureImages.fi-4 .fimg-1{ animation-delay: 0s; opacity: 1; }
.in-viewport .featureImages.fi-4 .fimg-2{ animation-delay: 2s;}
.in-viewport .featureImages.fi-4 .fimg-3{ animation-delay: 4s; }
.in-viewport .featureImages.fi-4 .fimg-4{ animation-delay: 6s; }
@keyframes imageFade2 {
0% { opacity: 0.2; }
16.66% { opacity: 1; }
25% { opacity: 1; }
50% { opacity: 0.2; }
100% { opacity: 0.2;}
}
/* Keyframes for the animation */
@keyframes fadeAnimation {
0%,25%, 75%, 100% {
opacity: 0.2;
}
50% {
opacity: 1;
}
}
/* Keyframes for the animation */
/* @keyframes fadeAnimation {
0%,25%, 75%, 100% {
opacity: 0.2;
}
35%, 65% {
opacity: 1;
}
} */
.srv-icon svg, .srv-icon img{ width:26px; height: auto;}
.custom-tooltip {
--bs-tooltip-bg: #fff;
--bs-tooltip-color: var(--primary-color);
--bs-tooltip-arrow-color: var(--primary-color);
border: solid 2px var(--primary-color);
/* --bs-tooltip-arrow-width:0;
--bs-tooltip-arrow-height:0; */
font-weight: 500;
}
.custom-tooltip .tooltip-arrow{ display: none; }
.staff-cont{ }
.staffimg{ /* background: url('/images/staff-bg.png') no-repeat center center; background-size: 100%; */ }
.staff-bio p{ margin-bottom:.5rem; }
.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; }
.grid-ic-side-block .grid-ic-img{ width:85px; flex-shrink: 0; text-align: center;}
@media (max-width: 991.9999px) {
.grid-ic-side-block .grid-ic-img{width:64px;}
}
.statslider .container{ position: relative; min-height: 600px; display: flex; flex-direction: column; justify-content: center; }
.statslider .container::before{content:''; position: absolute; top:0; left:0; width:100%; height:100%; margin:0 calc(var(--bs-gutter-x) * .5); background-color: #fff; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: right center; background-size:70%; z-index: 1; transition:all 0.5s ease;
z-index: 0; opacity: 10%;
}
.ss-no{ font-size:12rem; line-height: .75!important; }
@media (max-width: 991.999px) {
.ss-icon svg{ width:60%; height: auto; }
}
@media (min-width: 992px) {
.statslider .container{ min-height: 600px;}
.ss-no{ font-size:31rem; letter-spacing: -15px; }
.ss-stat-col{flex-grow: 1; }
.ss-info-col{ flex-shrink: 1; flex-grow: 1; }
.statslider .container::before{background-size:auto;}
}
.horizontal-section {
position: relative;
height: 100vh;
overflow: hidden; /* Hide content outside the section */
background: #eee;
}
.horizontal-scroll-wrapper {
display: flex;
flex-direction: row;
height: 100%;
width: 500%; /* Adjust based on the number of items */
transform: translateX(0);
transition: transform 0.3s ease-out; /* Smooth transition */
}
.horizontal-item {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
background: #cfcfcf;
border: 1px solid #999;
box-sizing: border-box;
}
/*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: #F2F4F8; font-size: 1rem; color: var(--body-color); padding: .625rem; border-radius: 0rem!important; background: #F2F4F8; }
.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; }
}
.catlist{ display: flex; flex-wrap: wrap; gap:.75rem; list-style: none; }
.catlist li a, .catlist li span.cat{ border: solid 2px var(--primary-color); padding:.125rem 1rem; font-weight: 700; display: block; color: var(--primary-color); }
.catlist li a.active,.catlist li a:hover{ background: var(--primary-color); color: #fff; }
@media (min-width: 991.9999px) {
.catlist.npost li a, .catlist.npost li span.cat{ padding:.125rem .625rem; font-size:.75rem; }
}
.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, .maxc-sm .sec-inner > .container{ max-width: 600px; }
.maxc-md > .container, .maxc-md .sec-inner > .container{ max-width: 800px; }
.maxc-lg > .container, .maxc-lg .sec-inner > .container{ max-width: 1024px; }
}
@media (min-width: 1400px) {
.maxc-xl > .container, .maxc-xl .sec-inner > .container{ max-width: 1280px; }
}
.maxc-fluid > .container, .maxc-fluid .sec-inner > .container{ max-width: 100%; }
.maxc-full > .container, .maxc-full .sec-inner > .container{ max-width: 100%; padding:0;overflow-x: hidden; overflow-y: hidden;}
.font-base-fix{ transform: translateY(3px); }
.mw-sm{ max-width: 576px; }
.mw-md{ max-width: 768px; }
.mw-lg{ max-width: 992px; }
.text-lg{ font-size: 1.25rem;}
.text-intro{ font-size: 1.375rem; font-weight: 500; line-height: normal;}
.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;}
.lh-xs{ line-height: 1.125; }
.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.125rem;}
.stext-xl{font-size:1.5rem;}
.text-intro{ font-size: 1.9375rem; font-size:1.5rem; }
}
@media (min-width: 1200px) {
.heroheading{ font-size:4rem; }
}
@media (min-width: 1600px) {
.heroheading{ font-size:5.4rem; }
}
.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
}
.gap-6{ gap:4.5rem!important; }
.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);}
.leftcpadding{ padding-left: calc(((100vw - var(--container-width)) / 2) + (.25rem));}
.rightcpadding{ padding-right: calc(((100vw - var(--container-width)) / 2) + (.25rem));}
.maxc-full .textimgcontainer.img-right .ti-c-container{margin-left: calc(((100vw - var(--container-width)) / 2) + .75rem);} /* matches leftcmargin */
@media (max-width: 991.999px) {
.leftcmargin{margin-right: calc(((100vw - var(--container-width)) / 2) + .25rem);} /* add right margin to keep from edge */
.maxc-full .textimgcontainer.img-right .ti-c-container{margin-right: calc(((100vw - var(--container-width)) / 2) + .75rem);}
.maxc-full .leftcmargin{ margin-right: .75rem; margin-left: .75rem; }
}