@import url(https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap);
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "General Sans", sans-serif;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'General Sans', sans-serif;
font-weight: 400;
}
:root {
--btn-color: #08559f;
--btn-text-color: #fff;
--primary-Text-color: #01101d;
--head-blue: #021a30;
--light--blue: #153858;
--dark-blue: #05335f;
--para-text: #666666;
--gray-color: #C1C7CD;
--footer-blue: #e0eaf5;
}
h1 {
font-size: clamp(2.25rem, 0.5038rem + 3.6427vw, 4.875rem);
font-weight: 600;
color: var(--primary-Text-color);
}
h2 {
font-size: clamp(2rem, 0.8359rem + 2.4284vw, 3.75rem);
font-weight: 600;
color: var(--primary-Text-color);
}
h1 span, h2 span {
color: var(--btn-color);
}
p {
font-size: clamp(1.125rem, 0.5429rem + 1.2142vw, 2rem);
font-weight: 400;
color: var(--para-text);
}
img {
max-width: 100%;
height: auto;
}
.blue-text{
font-size: clamp(1.375rem, 0.9592rem + 0.8673vw, 2rem);
color: var(--btn-color);
margin-bottom: 0 !important;
font-weight: 600;
}
.container-fluid {
padding-left: 0;
padding-right: 0;
}
.row {
margin-right: 0;
margin-left: 0;
}
.col-12, .no-padding{padding-right: 0; padding-left: 0;}
.flex-col-center {
display: flex;
flex-direction: column;
justify-content: center;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.fs-32-54{
font-size: clamp(2rem, 1.0853rem + 1.9081vw, 3.375rem);
}
.mb-24{
margin-bottom: 24px;
}
.mb-40{
margin-bottom: clamp(1.75rem, 1.2511rem + 1.0408vw, 2.5rem); }
.p-20{
padding: 20px;
}
.pr-60{
padding-right: clamp(0rem, -2.4946rem + 5.2038vw, 3.75rem); }
.section-padding{
padding: clamp(2.5rem, 1.6685rem + 1.7346vw, 3.75rem) clamp(1.875rem, -0.2038rem + 4.3365vw, 5rem);
} header{
position: sticky;
top: 0px;
z-index: 9999;
background: #fff;
transition: all 0.3s ease;
}
.header-logo{
max-width: 300px;
width: 100%;
height: auto;
}
.global-leader-image img{
border-radius: 32px;
}
.pionerring-video video{
width: 100%;
height: auto;
display: block; border-radius: 32px;
border: 2px solid var(--gray-color);
}
.hbspt-form input[type="file"]{
border-bottom: 2px solid #cad5e2 !important;
}
.footer-section{
padding: clamp(1.875rem, -0.2038rem + 4.3365vw, 5rem); background-color: var(--footer-blue);
}
.footer-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
flex-wrap:wrap;
}
.footer-info{
display:flex;
flex-wrap:wrap;
gap:40px;
}
.footer-info p{
font-size: clamp(1.125rem, 1.0418rem + 0.1735vw, 1.25rem); margin-bottom: 0;
}
.footer-right{
display:flex;
gap:26px;
align-items:center;
}
.footer-right img{
width: 26px;
height: 26px;
}
.footer-right a, .footer-info a{
text-decoration: none;
color: var(--para-text);
}
.footer-divider{
border: 1px solid #B7B7B7;
margin: clamp(1.5rem, 0.8348rem + 1.3877vw, 2.5rem) 0; }
.footer-bottom{
font-size: clamp(0.75rem, 0.5005rem + 0.5204vw, 1.125rem); color: var(--primary-Text-color);
} @media (max-width: 767px) {
.header-logo{
max-width: 180px;
}
.mobile-text-center{
text-align: center;
}
.footer-right{gap: 18px;}
.footer-info{gap:20px;}
header{
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
}