@charset "utf-8";
/*
Theme Name: Klohn Crippen Berger Development
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 2026-05-11
Text Domain: Klohn Crippen Berger Development
*/



@font-face { font-family: 'Blackbird'; src: url('./fonts/Blackbird-Light.otf') format('opentype'), url('./fonts/Blackbird-Light.woff2') format('woff2'), url('./fonts/Blackbird-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Blackbird'; src: url('./fonts/Blackbird-Regular.otf') format('opentype'), url('./fonts/Blackbird-Regular.woff2') format('woff2'), url('./fonts/Blackbird-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Blackbird'; src: url('./fonts/Blackbird-Medium.otf') format('opentype'), url('./fonts/Blackbird-Medium.otf') format('woff2'), url('./fonts/Blackbird-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Blackbird'; src: url('./fonts/Blackbird-Demi.otf') format('opentype'), url('./fonts/Blackbird-Demi.woff2') format('woff2'), url('./fonts/Blackbird-Demi.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Blackbird'; src: url('./fonts/Blackbird-Bold.otf') format('opentype'), url('./fonts/Blackbird-Bold.woff2') format('woff2'), url('./fonts/Blackbird-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Blackbird'; src: url('./fonts/Blackbird-Italic.otf') format('opentype'), url('./fonts/Blackbird-Medium.woff2') format('woff2'), url('./fonts/Blackbird-Medium.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Blackbird-CondensedBold'; src: url('./fonts/Blackbird-CondensedBold.otf') format('opentype'), url('./fonts/Blackbird-Bold.woff2') format('woff2'), url('./fonts/Blackbird-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }


:root{ --text-font: "Poppins", sans-serif; --Icon-Font: "Font Awesome 7 Sharp"; }

:root{ --Black: #000000; --Black-25: rgb(0 0 0 / 25%); --Black-50: rgb(0 0 0 / 50%); --Black-75: rgb(0 0 0 / 75%); --Black-90: rgb(0 0 0 / 90%); --White-10: rgb(255 255 255 / 10%); --White-25: rgb(255 255 255 / 25%); --White-30: rgb(255 255 255 / 30%); --White-40: rgb(255 255 255 / 40%); --White-50: rgb(255 255 255 / 50%); --White-60: rgb(255 255 255 / 60%); --White-65: rgb(255 255 255 / 65%); --White-75: rgb(255 255 255 / 75%); --White-80: rgb(255 255 255 / 80%); --White-90: rgb(255 255 255 / 90%); --White: #ffffff; --Body-text: #6B7280; --Foreground-Dark: #04121D; --Foreground-X-Dark: #0E130F; --Foreground-M-Dark: #001537; --Foreground-Muted: #6B7280; --Foreground-Muted-50: rgb(107 114 128 / 50%); --Foreground: #002C4F; --Foreground-75: rgb(0 44 79 / 75%); --Foreground-50: rgb(0 44 79 / 50%); --Primary: #004D99; --Secondary: #54B948; --Secondary-2: #3CA130; --Muted: #E5F2FF; --Coal: #25282A; --Tertiary: #0081FF; --Tertiary-50: rgba(0, 129, 255, 0.5); --Subtle: rgba(0, 129, 255, 0.16); --Subtle-2: rgba(0, 129, 255, 0.40); --Subtle-Foreground: #004E9A; --card-stroke-shadow: rgba(107, 114, 128, 0.20); --Secondary-Foreground: #002C4F; --Destructive: #EF4444; --Overlay-0: rgba(0, 44, 79, 0.00); --Overlay-75: rgba(0, 44, 79, 0.75); --Overlay-25: rgba(0, 44, 79, 0.25); --Overlay-50: rgba(0, 44, 79, 0.50); --Navy: #1a3a5c; --Slate: #64748b; }

:root{ --b-transition: all .3s ease-in-out; --b-transition-4: all .4s ease-in-out; --b-transition-5: all .5s ease-in-out; --b-transition-6: all .6s ease-in-out; --b-transition-7: all .7s ease-in-out; --b-transition-8: all .8s ease-in-out; --b-transition-9: all .9s ease-in-out; --b-transition-10: all 1s ease; } .transition-5{transition: var(--b-transition-5);} .transition-8{transition: var(--b-transition-8);} .transition-10{transition: var(--b-transition-10);}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline;}
html.js{margin-top: 0 !important;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; max-width: 100%;}
html{overflow-y: scroll; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box; scroll-behavior: smooth;}
a{color: var(--Primary); text-decoration: none; transition: var(--b-transition);}
a:focus {outline: none;}
a:hover, a:active {outline: 0;}
a:hover{color: var(--Secondary);}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{clear: both; margin: 0; color: var(--Primary); font-weight: 600; font-family: var(--text-font); text-transform: none;}
.h1, h1{font-size: 48px; line-height: 57.6px; margin-bottom: 24px;}
.h2, h2{font-size: 40px; line-height: 120%; margin-bottom: 20px;}
.h3, h3{font-size: 32px; line-height: 120%; margin-bottom: 19px;}
.h4, h4{font-size: 24px; line-height: 120%; margin-bottom: 19px;}
.h5, h5{font-size: 20px; line-height: 24px; margin-bottom: 20px;}
.h6, h6{font-size: 18px; line-height: 22px; margin-bottom: 18px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--Primary);}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: var(--Secondary);}

.h1 > span, .h2 > span, .h3 > span, .h3 > p > span, .h4 > span, .h5 > span, .h6 > span, h1 > span, h2 > span, h2 > p > span, h3 > span, h3 > p > span, h4 > span, h4 > p > span, h5 > span, h6 > span {color: var(--Black);}


address{font-size: 18px; line-height: 24px; margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted var(--Navy); cursor: help;}
b, strong {font-weight: 700;}
cite, dfn, em, i {font-style: italic; font-family: var(--quote-font);} 
p{margin-bottom: 26px;}
p:last-child{margin-bottom: 0;}
code, kbd, tt, var, samp, pre {font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote, q{-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote{ font-size: 28px; line-height: 42px; font-weight: 400;  padding: 32px 40px; margin: 32px 0; border-left: 4px solid var(--Primary); font-style: italic; color: var(--Foreground); background: var(--Muted); position: relative; }
blockquote p::before { content: '\201C';  font-style: normal; line-height: 1; }
blockquote p::after { content: '\201C'; font-style: normal; line-height: 1; }
blockquote::before { font-size: 80px; margin-bottom: 8px; }

blockquote cite, blockquote small {font-size: 16px;}
small{font-size: 14px; line-height: 21px; display: block;}/*-- dont change fs --*/
big {font-size: 125%;}
sup, sub {font-size: 10px; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: 0;}
dl{margin-bottom: 24px; font-size: 16px; line-height: 28px; font-weight: 600;}
dl:last-child{margin-bottom: 0;}
dl dt::before{width: 29px; height: 1px; margin-right: 11px; background-color: var(--Base-Foreground); content: ""; display: inline-block; vertical-align: middle;}
blockquote dl dt::before{background-color: var(--White);}
dd {margin-bottom: 24px;}
ul {list-style: none; margin: 0 0 20px 25px;}
ul > li {counter-increment: li; position: relative; margin-bottom:6px;}
ul > li::before{top: 11px;
  left: -14px;
  width: 4px;
  height: 4px; border-radius: 50%; opacity: 1; content: ""; position: absolute; background-color: var(--Foreground-Muted);}
ol {counter-reset: section; list-style: none; margin: 0 0 28px 27px;}
ol > li {counter-increment: li; position: relative; margin-bottom: 8px;}
ol > li:before{color: var(--Foreground-Muted);
  counter-increment: section;
  content: counter(section, decimal) ".";
  top: 0px;
  left: -19px;
  position: absolute;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px; width: 12px; text-align: right;}

li > ol {margin: 25px 0 26px 25px;}
ol[style='list-style-type: upper-roman;']{margin-left: 22px;}
ol[style='list-style-type: upper-roman;'] > li::before{display: none;}
ol[style='list-style-type: lower-roman;']{margin-left: 22px;}
ol[style='list-style-type: lower-roman;'] > li::before{display: none;}

ul.no-disc > li::before{display: none;}

img {-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto;}
figure {margin: 0;}
fieldset {border: none; margin: 0; padding: 0;}
legend {white-space: normal;}

table, th, td {border: 1px solid rgba(0, 0, 0, 0.1);}
table {margin: 52px 0 49px; border-collapse: separate; border-spacing: 0; border-width: 1px; max-width: 100%; width: 100%; border-radius: 8px;}
table tr td:first-child {text-align: left;}
th {border-width: 0; padding: 11px 16px 12px; background-color: var(--Foreground); color: var(--White); border-radius: 0; font-family: var(--text-font); font-weight: 700; border: 1px solid var(--Foreground);}
th span.icon{font-size: 14px; margin-left: 4px; top: 0px; position: relative; }
td {border-width: 0; padding: 13px 15px 11px; text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); vertical-align: middle; font-size: 16px; line-height: 24px;}
table tr:nth-child(odd) td{background-color: rgba(0,0,0, 0.02);}
table tr:last-child td{border-bottom: none;}
th:first-child{border-radius: 8px 0 0 0}
th:last-child{border-radius: 0 8px 0 0;}
td:first-child{border-radius: 0 0 0 8px}
td:last-child{border-radius: 0 0 8px 0;}

caption, td, th{text-align: left;}
del {color: var(--Base-Foreground);}
hr{ margin: 0 0 18px; height: 1px; width: 100%; display: block; border: none; border-radius: 1px; background: var(--Subtle-2); transition: var(--b-transition-10)}
hr.vr{width: 1px; height: 100%;}
hr.small{width: 0; height: 1px; margin-bottom: 16px; background: var(--Secondary);}
hr.small.visible{width: 80px;}
.divider-line{margin: 0;}


::selection {background-color: var(--Foreground); color: var(--White);}
::-moz-selection {background-color: var(--Foreground); color: var(--White);}


/* Buttons */
.button, body .frm_forms .frm_form_fields .frm_submit button.frm_button_submit, button{padding: 12px 16px 11px; background: var(--Primary); color: var(--White); gap: 8px; font-size: 16px; font-weight: 700; line-height: normal; letter-spacing: 0; font-family: var(--text-font); display: inline-block; border: none; border-radius: 24px; cursor: pointer; vertical-align: middle; text-decoration: none; text-transform: none; position: relative; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; text-orientation: mixed; box-shadow: none; transition: var(--b-transition); z-index: 1; margin: 0; }
.button:hover, button:hover, body .frm_forms .frm_form_fields .frm_submit button.frm_button_submit:hover{background: var(--Secondary); color: var(--White);}

.button-arrow{display: flex;}
.button .button-arrow, body .frm_forms .frm_form_fields .frm_submit button.frm_button_submit .button-arrow, button .button-arrow{transition: var(--b-transition); }
.button:hover .button-arrow, body .frm_forms .frm_form_fields .frm_submit button.frm_button_submit:hover .button-arrow, button:hover .button-arrow{transform: translateX(4px);}

.button span:not(.button-arrow){flex: 1;}

.button.btn-primary{background: var(--Foreground); color: var(--White); }
.button.btn-primary:hover{background-color: var(--Secondary);}

.button.btn-secondary{background: var(--Secondary); color: var(--Foreground); }
.button.btn-secondary:hover{background-color: var(--White);}
.button.btn-secondary.text-white{background: var(--Secondary); color: var(--White); }
.button.btn-secondary.text-white:hover{background-color: var(--Primary);}

.btn-wrap{gap: 24px;}
.btn-wrap .button{justify-content: center;}
.button.trans{background-color: transparent; border: 2px solid var(--Subtle-2); color: var(--Black); border-radius: 40px;}
.button.trans:hover{background-color: var(--Primary); color: var(--White); border-color: var(--Primary);}

.button.white-bg{ padding: 15px 16px 15px; outline: 1.5px solid rgba(0, 129, 255, 0.50); outline-offset: 10px; color: var(--Primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; }
.button.white-bg:hover{ color: var(--White); }

.button.trans.bg-dark{border: 2px solid var(--White-30); color: var(--White)}
.button.trans.bg-dark:hover{background-color: transparent;}

.button.trans svg path{transition: var(--b-transition);}
.button.trans:hover svg path{fill: var(--Primary);}

.button.white{background-color: var(--White); color: var(--Primary);}
.button.white:hover {background: var(--Primary); color: var(--White);}

.button.dark-btn{background-color: var(--Foreground); color: var(--White);}
.button.dark-btn:hover {background: var(--Primary); color: var(--White);}

.button.back svg{transform: scaleX(-1);}
.button.back:hover .button-arrow{transform: translateX(-4px);}

.button.white{background-color: var(--White);}
.button.lg{padding: 16px 32px;}

.load-more{background: var(--Subtle); padding: 16px 16px; font-size: 16px; font-weight: 700; line-height: 16px; border: none; display: inline-block; border-radius: 50px; font-family: var(--text-font); color: var(--Primary); cursor: pointer; transition: var(--b-transition); outline: none; }
.load-more:hover{background: var(--Primary); color: var(--White); }


/* Responsive images. Fluid images for posts, comments, and widgets */
embed, iframe, object, video{margin: 0; max-width: 100%; border-radius: 0; display: block; object-fit: cover;}
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {margin-bottom: 0;}

/* Alignment */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.hide {display: none;}

img.alignnone{margin: 25px 0 25px; clear: both; display: block;}
img.alignleft{margin: 25px 25px 25px 0;}
img.alignright{margin: 25px 0 25px 25px;}
img.aligncenter{margin: 25px auto; clear: both;}

/* Genericons */
.clearfix {clear: both;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*-- flex css starts here --*/
.flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; }
.flex-vcenter{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex-content-center{-ms-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.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; -webkit-justify-content: center; justify-content: center; }
.flex-nowrap{flex-wrap: nowrap; }
.flex-end{align-items: flex-end;}
.flex-start{align-items: flex-start;}
.row-reverse{flex-direction: row-reverse;}
.inline-flex { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -webkit-inline-flexbox; display: inline-flex; }
.no-wrap{flex-wrap: nowrap;}
.flex-col{flex-direction: column;}
.flex-1{flex: 1;}
.d-block{display: block;}

/*-- custom css starts here --*/
body{margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: 400; font-family: var(--text-font); position: relative; overflow-x: hidden; color: var(--Body-text);}



span.optional-text{gap: 10px; display: flex; flex-wrap: wrap; font-size: 14px; font-weight: 500; line-height: 100%; font-family: var(--text-font); letter-spacing: 1.2px;}
span.optional-text:not(.mb-0){width: 100%; margin-bottom: 8px;}
span.optional-text svg{max-width: 6px; object-fit: contain;}
span.optional-text:not(.txt-white-60){color: rgba(28, 32, 41, 0.6); }
span.optional-text-bg {display: inline-flex; align-items: center; gap: 8px; width: auto; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; color: var(--Secondary); margin-bottom: 10px; line-height: 1; background-color: var(--Subtle); padding: 8px; border-radius: 4px;}

.f-300{font-weight: 300;}
.f-400{font-weight: 400;}
.f-500{font-weight: 500;}
.f-600{font-weight: 600;}
.f-700{font-weight: 700;}
.f-800{font-weight: 800;}

.fs-0{font-size: 0; line-height: 0;}
.fs-12{font-size: 12px; line-height: 20px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px; line-height: 21px;}
.fs-15{font-size: 15px; line-height: 19px;}
.fs-16{font-size: 16px; line-height: 24px;}
.fs-18{font-size: 18px; line-height: 27px;}
.fs-20{font-size: 20px; line-height: 30px;}
.fs-21{font-size: 21px; line-height: 28px;}
.fs-22{font-size: 22px; line-height: 33px;}
.fs-24{font-size: 24px; line-height: 30px;}
.fs-27{font-size: 27px; line-height: 34px;}
.fs-28{font-size: 28px; line-height: 34px;}
.fs-32{ font-size: 32px; line-height: 40px; }
.fs-40{ font-size: 40px; line-height: 52px;}
.fs-48{ font-size: 48px; line-height: 56px;}
.fs-64{ font-size: 64px; line-height: 110%;}

.lh-12{line-height: 12px;}
.lh-13{line-height: 13px;}
.lh-14{line-height: 14px;}
.lh-16{line-height: 16px;}
.lh-18{line-height: 18px;}
.lh-19{line-height: 19px;}
.lh-20{line-height: 20px;}
.lh-21{line-height: 21px;}
.lh-22{line-height: 22px;}
.lh-24{line-height: 24px;}
.lh-25{line-height: 25px;}
.lh-27{line-height: 27px;}
.lh-28{line-height: 28px;}
.lh-29{line-height: 29px;}
.lh-30{line-height: 30px;}
.lh-32{line-height: 32px;}
.lh-34{line-height: 34px;}
.lh-36{line-height: 36px;}
.lh-38{line-height: 38px;}
.lh-48{line-height: 48px;}
.lh-50{line-height: 50px;}
.lh-51{line-height: 51.2px;}
.lh-56{line-height: 56px;}
.lh-60{line-height: 60px;}


.radius-0{border-radius: 0;}
.radius-2, .radius-img-2 img{border-radius: 2px;}
.radius-4, .radius-img-4 img{border-radius: 4px;}
.radius-6, .radius-img-6 img{border-radius: 6px;}
.radius-8, .radius-img-8 img{border-radius: 8px;}
.radius-10, .radius-img-10 img{border-radius: 10px;}
.radius-12, .radius-img-12 img{border-radius: 12px;}
.radius-14, .radius-img-14 img{border-radius: 14px;}
.radius-16, .radius-img-16 img{border-radius: 16px;}
.radius-20, .radius-img-20 img{border-radius: 20px;}
.radius-22, .radius-img-22 img{border-radius: 22px;}
.radius-24, .radius-img-24 img{border-radius: 24px;}
.radius-28, .radius-img-28 img{border-radius: 28px;}
.radius-32, .radius-img-32 img{border-radius: 32px;}
.radius-36, .radius-img-36 img{border-radius: 36px;}
.radius-40, .radius-img-40 img{border-radius: 40px;}
.radius-48, .radius-img-48 img{border-radius: 48px;}
.radius-50, .radius-img-50 img{border-radius: 50%;}
.radius--50, .radius-img--50 img{border-radius: 50px;}
.radius-60, .radius-img-60 img{border-radius: 60px;}
.radius-72, .radius-img-72 img{border-radius: 72px;}
.radius-80, .radius-img-80 img{border-radius: 80px;}
.radius-96, .radius-img-96 img{border-radius: 96px;}
.radius-104, .radius-img-104 img{border-radius: 104px;}


.relative{position: relative; z-index: 1;}
.absolute{position: absolute;}
.background-bg{width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1;}
.background-text{width: 100%; height: 100%; top: 0; left: 0; right: 0; position: absolute; z-index: 1;}
.background-bg video{width: 100%; height: 100%; margin: 0; object-fit: cover;}
.o-hidden{overflow: hidden;}
.z-0{z-index: 0;}
.z-1{z-index: 1;}
.z-2{z-index: 2;}
.z-3{z-index: 3;}
.z-4{z-index: 4;}


figure.object-fit{width: 100%; height: 100%; display: block;}
picture.object-fit{width: 100%; height: 100%; display: block;}
.object-fit img, .object-fit-img 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%; }

.play-btn-main {width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; overflow: hidden;}
.play-btn-main .play-btn{width: 82px; height: 82px; color: var(--Foreground);} 
.play-btn-main.sm .play-btn{width: 72px; height: 72px;}
.play-btn-bg{width: 100%; height: 100%; transition: all 0.3s ease-in-out;}
.play-btn-bg > span { transition: var(--b-transition-5); transition-delay: 0s; border-radius: 50%; bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; }
.play-btn-bg > span:not(:first-child){transform: scale(1); background: linear-gradient(180deg, rgba(18, 39, 80, 0.00) 0%, rgba(18, 39, 80, 0.50) 100%), var(--Fuschia); }
.play-btn-bg > span:not(:first-child):nth-child(2) {width: 112px; height: 112px; background: var(--Fuschia); left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 2;}
.play-btn-bg > span:not(:first-child):nth-child(3) {width: 143px; height: 143px; background: rgba(228, 0, 162, 0.20); left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 1; transition: var(--b-transition);}
.play-btn-bg svg{width: 39px; height: 43px; margin: auto; display: block; position: relative; z-index: 3;}
.play-btn-bg:hover > span:not(:first-child):nth-child(3){background: rgba(228, 0, 162, 0.5);}

.play-btn-main.sm .play-btn-bg svg {width: 25px; height: 25px;}
.play-btn-main.sm .play-btn-bg > span:not(:first-child):nth-child(2) {width: 64px; height: 64px;}
.play-btn-main.sm .play-btn-bg > span:not(:first-child):nth-child(3) {width: 80px; height: 80px;}

.m-auto{margin: auto;}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}
.m-0{margin: 0;}
.mb-0{margin-bottom: 0;}

.p-0{padding: 0;}
.pt-0{padding-top: 0;}
.pb-0{padding-bottom: 0;}

.txt-left{text-align: left;}
.txt-right{text-align: right;}
.txt-center{text-align: center;}
.txt-upper{text-transform: uppercase;}
.full_width{width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; left: 0 !important;}


.inverted{color: var(--White);}
.inverted h1, .inverted h2, .inverted h3, .inverted h4, .inverted h5, .inverted h6{color: var(--White);}
.inverted .h1, .inverted .h2, .inverted .h3, .inverted .h4, .inverted .h5, .inverted .h6{color: var(--White);}
.inverted h1 a, .inverted h2 a, .inverted h3 a, .inverted h4 a{color: var(--White);}
.inverted h1 a:hover, .inverted h2 a:hover, .inverted h3 a:hover, .inverted h4 a:hover{color: var(--Secondary);}
.inverted h2 a span{color: var(--Primary);}
.inverted h2 span{color: var(--Light-Blue);}
.inverted h1 span{color: var(--White);}


.inverted dl dt::before{background-color: var(--White);}
.inverted p a{color: var(--White);}
.inverted p a:hover{color: var(--Primary);}
.inverted ul > li > a{color: var(--White);}
.inverted ul > li > a:hover{color: var(--Primary);}


p a, ul li a, ol li a{ font-weight: 600; color: var(--Primary); }


.txt-white{color: var(--White);}
.txt-white-50{color: var(--White-50);}
.txt-white-60{color: var(--White-60);}
.txt-gray-80{color: var(--Grey-60);}


.line-clamp{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.clamp-2{ -webkit-line-clamp: 2; }
.clamp-3{ -webkit-line-clamp: 3; }


.black-bg{background-color: var(--Black);}
.white-bg{background-color: var(--White);}
.white-bg-50{background-color: var(--White-50);}
.white-bg-80{background-color: var(--White-80);}
.white-bg-90{background-color: var(--White-90);}
.primary-bg{background: var(--Primary);}
.muted-bg{background: var(--Muted);}
.tertiary-bg{background: var(--Tertiary);}
.foreground-bg{background: var(--Foreground);}


.sky-blue-bg{background-color: var(--Sky-blue);}
.dark-gray-bg{background-color: var(--Dark-Gray);}

.no-bg{background: transparent;}

.w-fit{width: fit-content;}

.white{color: var(--White);}
.white-50{color: var(--White-50);}
.white-70{color: var(--White-70);}
.white-80{color: var(--White-80);}
.tile-blue-txt{color: var(--Primary);}

[data-vbg] iframe{max-width: inherit;}
.background-bg video, .background-text video{width: 100%; height: 100%;}


.scale-hover img{transform: scale(1); transition: transform 1s ease;}
.scale-hover:hover img{transform: scale(var(--scaleX));}

.fluid-container{width: 100vw; left: -50vw; margin-left: 50%;}
.w-100{width: 100%;}
.w-auto{width: auto;}
.h-100{height: 100%;}
.container:not(.sm).p-0{padding: 0;}

.backdrop-4{backdrop-filter: blur(4px);}
.backdrop-6{backdrop-filter: blur(6px);}
.backdrop-8{backdrop-filter: blur(8px);}
.backdrop-12{backdrop-filter: blur(12px);}
.backdrop-16{backdrop-filter: blur(16px);}

.no-letterspace{letter-spacing: 0;}


.horizontal-vector{width: 89px; margin-bottom: 32px; display: flex;}
.horizontal-vector figure{display: flex;}


.icon_arrow{width: 48px; height: 48px;}
.icon_arrow a, .no_icon_arrow{background: var(--Primary); padding: 20px; border-radius: 50%; width: 48px; height: 48px; align-items: center; display: flex; justify-content: center; transition: var(--b-transition);}
.icon_arrow a:hover{background-color: var(--White);}

.site-vector{ width: 820px; height: 809px; z-index: -1; opacity: 0.5;}

.screen-reader-text{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; white-space: nowrap; }

.category-tag a{  border-radius: 4px;letter-spacing: 1.2px;
  background: var(--Foreground-Dark);
  background-blend-mode: multiply;
  padding: 4px 8px; color: var(--Secondary)}

 .category-tag a:hover {
  background-color: var(--Secondary);
  color: var(--White);
}
.category-date{color: var(--White-65);}

    .container.xx-lg{max-width: 100%; padding: 0;}

.clip-seo-txt {
position: absolute;
clip: rect(0, 0, 0, 0);
visibility: hidden;
opacity: 0;
font-size: 0;
line-height: 0;
}


/*-- media css starts here --*/
@media only screen and (min-width: 1024px){

    .container{max-width: 1280px; width: 100%; margin: 0 auto;}
    .container.x-lg{max-width: 1400px;}
    .container.md{max-width: 1200px;}
    .container.s-md{max-width: 1062px;}
    .container.x-sm{max-width: 960px;}

    .hide-desktop, span.hide-desktop, .swiper-button.hide-desktop{display: none !important;}

    .text-md-right{text-align: right;}

    .site-main-cover{scroll-margin-top: 80px;}
    .site-main-cover:not(:has([class*="-banner-section"])){padding-top: 80px; }
}
@media only screen and (max-width: 1399px) and (min-width: 1024px){
    .container:not(.xx-lg, .x-sm){padding: 0 40px; max-width: 100%;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .hide-tablet, .swiper-button.hide-tablet{display: none!important;}
    .ipad-0{padding-left: 0; padding-right: 0;}
    .site-main-cover{padding-top: 76px; }
    .container:not(.xx-lg){padding: 0 32px; max-width: 100%;}
}
@media only screen and (max-width: 767px) and (min-width: 0px){
    .site-main-cover{padding-top: 56px; }
    .container{padding: 0 26px;}
    .mobile-0{padding-left: 0; padding-right: 0;}
    .mobile-btn-100{width: 100%; justify-content: center; text-align: center;}
    .hide-mobile{display: none!important;} 


    /*-- Dont Change edited march 6th --*/
    .h1, h1{font-size: 36px; line-height: 120%; }
    .h2, h2{font-size: 32px; line-height: 120%; }
    .h3, h3{font-size: 28px; line-height: 120%; }
    .h4, h4{font-size: 24px; line-height: 120%; }
    .h5, h5{font-size: 18px; line-height: 120%;}
    .h6, h6{font-size: 16px; line-height: 120%;}    
    /*-- Dont Change edited marth 6th --*/

    blockquote{font-size: 24px; line-height: 38px; padding: 24px;}
    
    img.alignnone, img.alignleft, img.alignright, img.aligncenter{margin: 25px auto; clear: both; float: none; display: block;}
    
}
@media only screen and (max-width: 479px) and (min-width: 0px){
    .btn-wrap{gap: 16px 0; flex-direction: column;}
    .btn-wrap .button{width: 100%;}
}



/* ===== SITE HEADER ===== */
header.site-header{ width: 100%; top: 0; left: 0; position: fixed; z-index: 800; transition: var(--b-transition-5); }



/* header.site-header.transparent .logo img{display: none;} */

.logo a { display: inline-flex; align-items: center; }
.logo a img { object-fit: contain; }
.header_right { flex: 1; }

/* Language Switcher */
.lang-switcher { position: relative; }
button.lang-btn { background: rgba(0, 129, 255, 0.10); border: none; font-family: var(--text-font); color: var(--Primary); font-size: 14px; font-weight: 700; line-height: 150%; cursor: pointer; gap: 4px; letter-spacing: 0.5px; padding: 10px 12px 9px; display: flex; align-items: center; transition: var(--b-transition-5); }
button.lang-btn:hover { color: var(--Primary); }
button.lang-btn img { width: 14px; height: 14px; transition: var(--b-transition-5); }
.lang-switcher:hover button.lang-btn img { transform: rotate(180deg); }
ul.lang-dropdown { position: absolute; top: 100%; right: 0; min-width: 80px; background: var(--White); box-shadow: 0 8px 30px rgba(0, 44, 79, 0.12); visibility: hidden; opacity: 0; pointer-events: none; transition: var(--b-transition-5); }
.lang-switcher:hover ul.lang-dropdown { visibility: visible; opacity: 1; pointer-events: inherit; }
ul.lang-dropdown > li::before { display: none; }
ul.lang-dropdown > li > a { display: block; padding: 8px 20px; font-size: 14px; font-weight: 600; color: var(--Foreground); }
ul.lang-dropdown > li > a:hover { color: var(--Primary); background: var(--Muted); }
ul.lang-dropdown > li:first-child > a{border-radius: 12px 12px 0 0;}
ul.lang-dropdown > li:last-child > a{border-radius: 0 0 12px 12px;}

ul.main_menu .menu-image-title-after.menu-image-not-hovered img, 
ul.main_menu .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, 
ul.main_menu .menu-image-title-before.menu-image-title{padding-right: 0;}
ul.main_menu .menu-image-title-before.menu-image-not-hovered img, 
ul.main_menu .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, 
ul.main_menu .menu-image-title-after.menu-image-title{padding-left: 0;}

ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li.menu-opacity > a:not(.button) img{opacity: .6; max-width: 16px;}

/* ===== DESKTOP ===== */
@media only screen and (min-width: 1024px) {
     header.site-header::after{content: ""; top: 0;  left: 0; width: 100%; position: absolute; height: 80px; display: block;}
    header.site-header:not(.transparent)::after{ background: var(--White); box-shadow: 0 0 32px 0 rgba(0, 129, 255, 0.25); }
    header.site-header.fixed-header::after {background: var(--White); box-shadow: 0 0 32px 0 rgba(0, 129, 255, 0.25); transition: var(--b-transition-5);}


    .logo { flex: 0 0 233px; top: -14px;}

    header.site-header.transparent .logo img:not(.logo-white){display: none;}
    header.site-header.transparent.fixed-header .logo img:not(.logo-white){display: block;}
    header.site-header.transparent.fixed-header .logo img.logo-white{display: none;}
    header.site-header:not(.transparent) .logo img.logo-white{display: none;}

    .navigation { margin-left: auto; margin-right: 4px; flex: 1;}
    ul.main_menu { gap: 0; justify-content: flex-end; }
    ul.main_menu > li { margin: 0; }

    ul.main_menu > li:not(.button) > a { padding: 28px 12.5px 60px; display: inline-block; font-size: 16px; line-height: 150%; letter-spacing: 0; font-weight: 700; color: var(--Primary); transition: var(--b-transition-5); }
    header.transparent:not(.fixed-header) ul.main_menu > li:not(.button) > a{color: var(--White);}
    header.transparent:not(.fixed-header) ul.main_menu > li:not(.button).current-menu-item > a, header.transparent:not(.fixed-header) ul.main_menu > li:not(.button):hover > a, ul.main_menu > li:not(.button).current-menu-item > a{color: var(--Secondary);}
    header.transparent:not(.fixed-header) ul.main_menu > li:not(.button).current-post-ancestor > a, header.transparent:not(.fixed-header) ul.main_menu > li:not(.button):hover > a, ul.main_menu > li:not(.button).current-post-ancestor > a{color: var(--Secondary);}
    header.transparent:not(.fixed-header) button.lang-btn { background: var(--White); color: var(--Primary); }

header.transparent:not(.fixed-header) ul.main_menu > li.button{background-color: var(--White);}
header.transparent:not(.fixed-header) ul.main_menu > li.button > a{color: var(--Primary);}
header.transparent:not(.fixed-header) ul.main_menu > li.button:hover{background-color: var(--Primary);}
header.transparent:not(.fixed-header) ul.main_menu > li.button:hover > a{color: var(--White);}

    ul.main_menu > li.button{padding: 0; margin-left: 16px; margin-bottom: 32px;}
    ul.main_menu > li.button > a{padding: 7px 16px 8px; color: var(--White); display: flex; align-items: center; justify-content: center;}
    ul.main_menu > li:not(.menu-item-has-children):not(.button):hover > a { color: var(--Secondary); }

    ul.main_menu > li.menu-item-has-children > a {cursor: context-menu; position: relative; z-index: 801;}
    ul.main_menu > li.menu-item-has-children:hover > a { color: var(--Secondary); }
    ul.main_menu > li#menu-item-1768 > a {cursor: context-menu;}

    /* Primary Dropdown */
    ul.main_menu > li > ul { padding: 0; top: 100%; min-width: 250px; margin: 0; left: 50%; transform: translateX(-50%); background: var(--White); border-radius: 16px; border-bottom: 2px solid var(--Muted); box-shadow: 0 12px 40px rgba(0, 44, 79, 0.10); z-index: 800; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; transition: var(--b-transition-5); }
    ul.main_menu > li:hover > ul,
    ul.main_menu > li > ul.open { visibility: visible; opacity: 1; pointer-events: inherit; }
    ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li { margin: 0 0 4px; }
    ul.main_menu > li > ul > li::before { display: none; }

    ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li > a:not(.button) { padding: 10px 8px; position: relative; color: var(--Primary); font-size: 16px; font-weight: 400; line-height: 1.5; display: flex; align-items: center; gap: 8px; border-radius: 8px; transition: var(--b-transition-5); }
    ul.main_menu > li > ul > li > a img { max-width: 14px; max-height: 16px; }
    ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li:hover > a:not(.button),
    ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li.current-menu-item > a:not(.button) { background: var(--Muted); color: var(--Primary); }

    ul.main_menu > li.menu-item-has-children > a::after {opacity: 0; visibility: hidden; top: calc(50%); transform: translateX(-50%); left: 50%; width: 20px; height: 20px; position: absolute; content: ""; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='4' y='4' width='12' height='12' rx='6' fill='%2354B948'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%230081FF'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: var(--b-transition-5); }
    ul.main_menu > li.menu-item-has-children:hover > a::after, ul.main_menu > li.menu-item-has-children > a:hover::after, ul.main_menu > li.menu-item-has-children.open > a::after {opacity: 1; visibility: visible; top: calc(100% - 42px); transform: translateX(-50%) rotate(180deg); }


    /* Secondary Dropdown */
    ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li > ul { margin: 0; padding: 12px 0; left: calc(100% + 4px); position: absolute; top: 0; border-radius: 0 16px 16px 16px; background: var(--White); min-width: 220px; box-shadow: 0 12px 40px rgba(0, 44, 79, 0.10); visibility: hidden; opacity: 0; transition: var(--b-transition-5); }
    ul.main_menu > li > ul > li:hover > ul { visibility: visible; opacity: 1; }
    ul.main_menu > li > ul > li > ul > li::before { display: none; }
    ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li > ul > li > a { padding: 10px 44px 10px 28px; position: relative; color: var(--Foreground); font-size: 15px; font-weight: 500; line-height: 1.2; display: block; transition: var(--b-transition-5); }
    ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li > ul > li > a::before { left: 14px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; position: absolute; content: ""; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6' fill='none'%3E%3Cpath d='M0 3L3 0L6 3L3 6L0 3Z' fill='%23004D99'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
    ul.main_menu > li:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li > ul > li:hover > a { background: var(--Muted); color: var(--Primary); }

    /* Mega Menu */

    ul.main_menu > li.what-mega-menu-item,
    ul.main_menu > li.who-mega-menu-item { position: static; }
    ul.main_menu > li.what-mega-menu-item > ul{list-style: none; padding: 0; margin: 0 auto; display: flex; border-radius: 24px; overflow: hidden; position: absolute; top: 100%;  background: var(--White); box-shadow: 0 24px 60px rgba(0, 44, 79, 0.12); visibility: hidden; opacity: 0; pointer-events: none; transition: var(--b-transition-5); max-width: 1376px; min-width: 1376px; }
    ul.main_menu > li.who-mega-menu-item > ul {padding: 0; list-style: none; margin: 0 auto; display: flex; border-radius: 24px; overflow: hidden; position: absolute; top: 100%; background: var(--White); box-shadow: 0 24px 60px rgba(0, 44, 79, 0.12); visibility: hidden; opacity: 0; pointer-events: none; transition: var(--b-transition-5); max-width: 951px; min-width: 951px; }

    ul.main_menu > li.who-mega-menu-item > ul > li > ul{position: relative; margin: 0;}
    ul.main_menu > li.who-mega-menu-item > ul > li > ul > li > a:hover{color: var(--Secondary);}
    ul.main_menu > li.what-mega-menu-item:hover > ul,
    ul.main_menu > li.who-mega-menu-item:hover > ul {overflow: inherit; visibility: visible; opacity: 1; pointer-events: inherit; }
     ul.main_menu > li.who-mega-menu-item > ul > li{flex: 0 0 334px; padding: 48px; margin: 0;}
     
    ul.main_menu > li.who-mega-menu-item > ul > li > ul > li{margin-bottom: 0;}
    ul.main_menu > li.who-mega-menu-item > ul > li > ul > li:not(:last-child){margin-bottom: 20px;}
    ul.main_menu > li.who-mega-menu-item > ul > li::before{display: none;}
    ul.main_menu > li.who-mega-menu-item > ul > li:not(:first-child){padding: 48px; flex: 1; background-color: var(--Muted);}
    .mega-eyebrow{ margin-bottom: 16px; color: var(--Primary); letter-spacing: 1.2px; text-transform: uppercase; display: block; }
    .mega-left-description {margin-bottom: 20px; color: var(--Foreground); }


    ul.main_menu > li.what-mega-menu-item > ul{margin: 0;}
  
    ul.main_menu > li.what-mega-menu-item > ul > li{margin: 0; padding: 48px; flex: 0 0 25%;}
    ul.main_menu > li.what-mega-menu-item > ul > li:first-child{flex: 0 0 50%; padding: 48px; background-color: var(--Muted);}
    ul.main_menu > li.what-mega-menu-item > ul > li:nth-child(2){padding-right: 32px;}
    ul.main_menu > li.what-mega-menu-item > ul > li:nth-child(3){padding-left: 32px;}
    ul.main_menu > li.what-mega-menu-item > ul > li > a:not(.button){color: var(--Foreground); text-transform: uppercase; letter-spacing: 0.5px; padding-bottom: 12px; border-bottom: 1px solid var(--Secondary); margin-bottom: 16px; display: block; font-size: 20px; line-height: 120%; font-weight: 800;}
    ul.main_menu > li.what-mega-menu-item > ul > li > a:not(.button):hover{color: var(--Secondary); }

    ul.main_menu > li.what-mega-menu-item > ul > li > ul{margin: 0;}
    ul.main_menu > li.what-mega-menu-item > ul > li > ul > li:not(:last-child){margin-bottom: 20px;}
    ul.main_menu > li.what-mega-menu-item > ul > li > ul > li:last-child{margin-bottom: 0;}
    ul.main_menu > li.what-mega-menu-item > ul > li > ul > li > a{ display: flex; align-items: center; gap: 8px; color: var(--Primary); font-size: 16px; font-weight: 400; line-height: 1.5; transition: var(--b-transition-5); }
    ul.main_menu > li.what-mega-menu-item > ul > li > ul > li > a:hover, ul.main_menu > li.what-mega-menu-item > ul > li > ul > li.current-menu-item > a { color: var(--Secondary) }
    ul.main_menu > li.what-mega-menu-item > ul > li > ul > li > a img { width: 16px; height: 16px; flex-shrink: 0; padding: 0; object-fit: contain; }

    /* Who We Are mega */
    .mega-right-description { margin-bottom: 20px; color: var(--Foreground); }
    .mega-right-btns { gap: 12px; flex-wrap: wrap; }
    .mega-right-btns .button{flex: 1; text-align: center;}
    .mega-btn-env { background: var(--Secondary); }
    .mega-btn-env:hover { background: var(--Primary); }
    .mega-btn-soc{background-color: var(--Primary);}
    .mega-btn-dark { background: var(--Foreground); }
    .mega-btn-dark:hover { background: var(--Secondary); }
    ul.main_menu > li.who-mega-menu-item > ul > li > ul > li > a{ display: flex; align-items: center; gap: 8px; color: var(--Primary); font-size: 16px; font-weight: 400; line-height: 1.5; transition: var(--b-transition-5); }
    ul.main_menu > li.who-mega-menu-item > ul > li > ul > li.current-menu-item > a,
    ul.main_menu > li.who-mega-menu-item > ul > li > ul > li > a:hover { color: var(--Secondary); }
    header.transparent:not(.fixed-header) ul.main_menu > li:not(.button).current-menu-ancestor > a{color: var(--Secondary); }
    ul.main_menu > li.who-mega-menu-item > ul > li > ul > li > a img { width: 16px; height: 16px; flex-shrink: 0; padding: 0; object-fit: contain; }
    ul.main_menu > li.who-mega-menu-item > ul > li > a{color: var(--Foreground); text-transform: uppercase; letter-spacing: 0.5px; padding-bottom: 12px; border-bottom: 1px solid var(--Secondary); margin-bottom: 16px; display: block; font-size: 20px; line-height: 120%; font-weight: 800;}



    .humburger-btn { display: none; }
    .header-cta { gap: 12px; flex-shrink: 0; padding-bottom: 32px; width: fit-content; }
    .header-cta .button { padding: 12px 24px; font-size: 15px; border-radius: 50px; }

    /* ul.main_menu > li.what-mega-menu-item > a,
    ul.main_menu > li.who-mega-menu-item > a,
    ul.main_menu > li#menu-item-1768 a{cursor: context-menu;} */

    ul.main_menu > li.menu-item-has-children > ul::before{width: 1000vw; height: calc(100% + 64px); top: -32px; left: -100vw; content: ""; background: var(--Foreground-Muted); backdrop-filter: blur(6px); position: absolute; transition: all 0.3s ease;}
    ul.main_menu > li.menu-item-has-children > ul::after{width: 1000vw; height: 100vh; top: 0; left: -100vw; content: ""; background: #002C4FF2; position: absolute; z-index: -1; transition: all 0.3s ease;}
    ul.main_menu > li.menu-item-has-children:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li{background: var(--White); margin: 0; padding: 0 16px;}
    ul.main_menu > li.menu-item-has-children:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li:first-child{border-radius: 24px 24px 0 0; padding-top: 16px;}
    ul.main_menu > li.menu-item-has-children:not(.what-mega-menu-item, .who-mega-menu-item) > ul > li:last-child{border-radius: 0 0 24px 24px; padding-bottom: 12px;}
    ul.main_menu > li.menu-item-has-children > ul.no-disc {background: var(--White); border-radius: 24px;}
    ul.main_menu > li.what-mega-menu-item > ul > li:first-child{ border-radius: 24px 0 0 24px;}
    ul.main_menu > li.what-mega-menu-item > ul > li:nth-child(2){background: var(--White);}
    ul.main_menu > li.what-mega-menu-item > ul > li:nth-child(3){background: var(--White); border-radius: 0 24px 24px 0;}
    ul.main_menu > li.who-mega-menu-item > ul > li:first-child{background: var(--White); border-radius: 24px 0 0 24px;}
    ul.main_menu > li.who-mega-menu-item > ul > li:nth-child(2){border-radius: 0 24px 24px 0;}
}
@media only screen and (max-width: 1439px) and (min-width: 1024px) {
    ul.main_menu > li.what-mega-menu-item > ul{min-width: 100%;}
}
@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    ul.main_menu > li.button{margin-left: 0;}
    ul.main_menu > li:not(.button) > a{font-size: 15px; padding: 28px 10px 60px;}
}
/* ===== TABLET / MOBILE ===== */
@media only screen and (max-width: 1023px) and (min-width: 0px) {
    header.site-header{background-color: var(--White); box-shadow: 0 0 32px 0 rgba(0, 129, 255, 0.25);}
    header.site-header .container{padding: 0 20px;}
    header.site-header .logo img:not(.logo-white){display: block;}
    header.site-header .logo img.logo-white{display: none;}

    .header { position: relative; padding: 12px 0 6px; }
    .logo { flex: 0 0 186px; margin-right: auto; z-index: 2; }

    .humburger-btn { gap: 5px; width: 52px; height: 52px; background-color: var(--Primary); cursor: pointer; position: absolute; z-index: 2; right: 0; top: 12px; }
     .humburger-btn.open{background-color: var(--Foreground);}
    .humburger-line { width: 20px; height: 2px; display: block; background-color: var(--White); border-radius: 50px; }
    .humburger-line-main { width: 100%; height: 100%; padding: 15px 14px; gap: 5px; }
    .humburger-btn span { position: relative; transition: var(--b-transition-5); }
    .humburger-btn.open span:first-child { transform: rotate(45deg) translate(5px, 5px); }
    .humburger-btn.open span:nth-child(2) { transform: scale(0); opacity: 0; }
    .humburger-btn.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
    .humburger-btn.open span{background-color: var(--Secondary);}

    .header_right { padding: 0; top: 56px; transform: translateX(100%); left: 0; width: 100vw; height: 100vh; position: fixed; transition: var(--b-transition-5); display: block; background-color: var(--Muted); overflow-y: auto; z-index: 1; }
    .header_right.open { transform: translateX(0); }

    nav.navigation { display: block; background-color: var(--White); border-radius: 0 0 40px 40px;}
    nav.navigation::before{ width: 100%; height: 16px; background: var(--White); box-shadow: 0 0 32px 0 rgba(0, 129, 255, 0.25); left: 0; top: -16px; content: ""; display: block; position: fixed; }
    ul.main_menu { display: block; }
    ul.main_menu > li{ margin-bottom: 0; }
    ul.main_menu > li::before { display: none; }

    ul.main_menu > li:not(.button):first-child > a{border-top: 1px solid var(--Muted);}
    ul.main_menu > li:not(.button) > a { padding: 14px 20px 20px; border-bottom: 1px solid var(--Muted); font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: 0; color: var(--Foreground); display: flex; align-items: center; flex-wrap: wrap; width: 100%; position: relative; transition: var(--b-transition-5); cursor: pointer;}
    ul.main_menu > li:not(.button) > a:hover { background: rgba(255,255,255,0.08); color: var(--Secondary); }
    ul.main_menu > li:not(.button) > a::after{ color: var(--Secondary); font-family: var(--Icon-Font); font-size: 20px; line-height: 20px; font-style: normal; font-weight: 300; content: "\f054"; display: block; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); }
    ul.main_menu > li.menu-item-has-children > a::after { content: "\f078"; }
    ul.main_menu > li.menu-item-has-children.open > a::after, ul.main_menu > li.menu-item-has-children > a.open::after { transform: translateY(-50%) rotate(180deg); color: var(--Foreground-Muted);}
    ul.main_menu > li.button{width: calc(100% - 40px); margin: 20px 20px 24px;}
    ul.main_menu > li.button > a{width: 100%; color: var(--White); text-align: center; display: block;}
    ul.main_menu > li > ul { display: none; margin: 0; background-color: var(--Muted); }
    ul.main_menu > li.open > ul { display: block; }
    ul.main_menu > li > ul > li::before { display: none; }
    ul.main_menu > li > ul > li:not(:last-child) { margin-bottom: 0; border-bottom: 1px solid var(--White); }
    ul.main_menu > li > ul > li > a { padding: 18px 32px 20px 24px; position: relative; color: var(--Primary); font-size: 16px; font-weight: 700; line-height: 16px; display: flex; gap: 8px; border-radius: 8px; background-color: transparent; transition: var(--b-transition-5); width: 100%; position: relative;}
    ul.main_menu > li > ul > li > a:hover { background-color: transparent; color: var(--Secondary); }
    ul.main_menu > li > ul > li > a::after{ color: var(--Tertiary); font-family: var(--Icon-Font); font-size: 20px; line-height: 20px; font-style: normal; font-weight: 300; content: "\f054"; display: block; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); }

    ul.main_menu > li > ul > li.menu-item-has-children > a::after{ content: "\f078"; }
    ul.main_menu > li > ul > li.menu-item-has-children > a.open::after,
    ul.main_menu > li > ul > li.open > a::after { transform: translateY(-50%) rotate(180deg); color: var(--Foreground-Muted);}
    ul.main_menu > li > ul > li > a img{max-width: 16px; max-height: 16px;}

    ul.main_menu > li > ul > li > ul { display: none; padding: 7px 24px 1px; margin: 0;}
    ul.main_menu > li > ul > li.open > ul { display: block; }
    ul.main_menu > li > ul > li > ul > li::before { display: none; }
    ul.main_menu > li > ul > li > ul > li { margin-bottom: 28px; }
    ul.main_menu > li > ul > li > ul > li > a { padding: 0; color: var(--Foreground); font-size: 16px; font-weight: 400; line-height: 16px; display: flex; gap: 8px; }
    ul.main_menu > li > ul > li > ul > li > a:hover { color: var(--Secondary); }

    .header-cta { display: none; }
    .header-cta .button { padding: 13px 28px; font-size: 16px; }

    button.lang-btn { color: var(--White); }
    button.lang-btn:hover { color: rgba(255,255,255,0.75); }
    ul.lang-dropdown { background: rgba(255,255,255,0.10); box-shadow: none; }
    ul.lang-dropdown > li > a { color: rgba(255,255,255,0.75); }
    ul.lang-dropdown > li > a:hover { color: var(--White); background: rgba(255,255,255,0.10); }

    .mega-eyebrow { display: none; }
    .mega-left-description { display: none; }
    .mega-right-description { display: none; }
    .mega-right-btns { display: none; }

    ul.main_menu .menu-image-title-after.menu-image-not-hovered img, ul.main_menu .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, ul.main_menu .menu-image-title-before.menu-image-title { padding-right: 0; width: 16px; height: auto; object-fit: contain; }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .header{padding: 18px 0 12px;}
    .header_right{top: 77px;}
    .logo{flex: 0 0 233px;}
}


/* ===== SITE FOOTER ===== */
footer.site-footer { background: var(--Foreground); }

/* Left: Sectors */

ul.sector-list { gap: 16px; justify-content: flex-end;}
ul.sector-list > li > a { gap: 20px; justify-content: flex-end; padding: 13px 12px 11px; background: rgba(0, 129, 255, 0.12); letter-spacing: 3.2px; text-transform: uppercase; font-weight: 400;}
ul.sector-list > li > a img { width: 24px; height: 24px; flex-shrink: 0; object-fit: contain; }
ul.sector-list > li > a:hover{background-color: var(--White); color: var(--Primary);}

/* Right: Brand Info */

.footer-logo { margin-bottom: 28px; }
.footer-logo img { filter: brightness(0) invert(1); }
.footer-description { letter-spacing: -0.48px; color: var(--White); margin-bottom: 32px; }
.footer-actions { gap: 20px; margin-bottom: 12px;}

ul.footer-social {width: fit-content; }
ul.footer-social > li::before { display: none; }
ul.footer-social > li{border-left: 1px solid var(--Primary);}
ul.footer-social > li:first-child{border-left: none;}
ul.footer-social > li > a { width: 48px; height: 48px;  color: var(--White); transform: scale(1); font-size: 20px; line-height: 20px;}
ul.footer-social > li > a:hover { transform: scale(1.5);}

/* Copyright */
.footer-copy {padding: 20px 0; gap: 12px; color: rgba(255, 255, 255, 0.50);}
.footer-copy a {text-decoration: underline; color: rgba(255, 255, 255, 0.50);}
.footer-copy a:hover { color: var(--White); text-decoration-color: transparent;}



/*-- media css starts here --*/
@media only screen and (min-width: 768px){
    .footer-top { border-bottom: 1px solid var(--Primary); }
}
@media only screen and (min-width: 1024px){
    .footer-main{padding: 0 0 80px;}
    .footer-sectors { flex: 0 0 50%; padding: 80px 64px 64px; border-right: 1px solid var(--Primary); }
    .footer-info { flex: 0 0 50%; padding: 80px 64px 64px; }
}
@media only screen and (max-width: 1199px) and (min-width: 1024px){
    .footer-sectors { padding: 80px 40px 64px 0; }
    .footer-info{padding: 80px 0 64px 40px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .footer-main{padding: 56px 0 80px;}
    .footer-text{text-align: center;}
    .footer-top{align-items: center; margin-top: 60px;}
    .footer-sectors{flex: 0 0 50%; padding: 0px 40px 60px 0; border-right: 1px solid var(--Primary); }
    .footer-info { flex: 0 0 50%; padding: 0px 0 60px 40px;}
}
@media only screen and (max-width: 767px) and (min-width: 0px){
    .footer-main { padding: 40px 0 56px; text-align: center; }
    .footer-top { display: block; }
    .footer-description{font-size: 22px; line-height: 33px;}
    ul.sector-list { gap: 8px; }
    ul.sector-list > li > a { width: 100%; }
    ul.sector-list > li > a span { text-align: left; flex: 1; }
    .footer-info { display: block; margin-top: 8px; }
    .footer-actions { flex-direction: column; gap: 32px; }
    .footer-actions .button { width: 100%; }
    ul.footer-social > li > a { width: 72px; height: 48px; font-size: 32px; line-height: 32px; }
    ul.footer-social > li > a img { width: 40px; height: auto; }
    .footer-copy { flex-direction: column; gap: 20px; }
}


/* ---------------------------------------------------------------------------- */
/* --- ANIMATIONS
/* ----------------------------------------------------------------------------- */

 *[data-animate] {
  visibility: hidden;
  animation-delay: 0.15s;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
*[data-animate].visible {
  visibility: visible;
} 

/* Stagger children */
.anim-child {
  visibility: hidden;
  animation-delay: 0.15s;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
.anim-child.visible {
  visibility: visible;
}

.fade-in-up {
  animation-name: fadeInUp;
}
@keyframes fadeInUp {
  0% {
    transform: translate3d(0, 30px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fade-in-left {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
  0% {
    transform: translate3d(-30px, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fade-in-right {
  animation-name: fadeInRight;
}
@keyframes fadeInRight {
  0% {
    transform: translate3d(30px, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fade-in-down {
  animation-name: fadeInDown;
}
@keyframes fadeInDown {
  0% {
    transform: translate3d(0, -30px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fade-in {
  animation-name: fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.zoom-out {
  animation-name: zoomOut;
}
@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

[data-animate="icon-pop"].visible{
  animation-name: iconPop;
}
@keyframes iconPop {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


.scale-x-in-left {
  animation-name: scaleInXLeft;
  transform-origin: left center;
  animation-duration: 1s;
}
@keyframes scaleInXLeft {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}

/* Pulse roll-out animation */
[data-animate="pulse"] .awards-fp-circle.in {
    opacity: 0;
    transform: scale(0);
    transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
}
[data-animate="pulse"] .awards-fp-circle.out {
    opacity: 0;
    transform: scale(0);
}
[data-animate="pulse"].visible .awards-fp-circle.in {
    opacity: 1;
    transform: scale(1);
}
[data-animate="pulse"].visible .awards-fp-circle.out {
    animation: awards-fp-ripple 2s ease-out infinite;
}

@keyframes awards-fp-ripple {
    0%   { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.5); opacity: 0; }
}

/* Projects featured dot pulse */
[data-animate="pulse"] .pj-feature-dot-2 {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
}
[data-animate="pulse"] .pj-feature-dot-1 {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
[data-animate="pulse"].visible .pj-feature-dot-2 {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
[data-animate="pulse"].visible .pj-feature-dot-1 {
    animation: pj-dot-ripple 2s ease-out infinite;
}

@keyframes pj-dot-ripple {
    0%   { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }
}

/* Reverse variant — dots anchor on the right edge */
[data-animate="pulse"].pj-feature-reverse .pj-feature-dot-2 {
    transform: translate(50%, -50%) scale(0);
}
[data-animate="pulse"].pj-feature-reverse .pj-feature-dot-1 {
    transform: translate(50%, -50%) scale(0);
}
[data-animate="pulse"].pj-feature-reverse.visible .pj-feature-dot-2 {
    transform: translate(50%, -50%) scale(1);
}
[data-animate="pulse"].pj-feature-reverse.visible .pj-feature-dot-1 {
    animation: pj-dot-ripple-reverse 2s ease-out infinite;
}

@keyframes pj-dot-ripple-reverse {
    0%   { transform: translate(50%, -50%) scale(1); opacity: 0.5; }
    100% { transform: translate(50%, -50%) scale(1.5); opacity: 0; }
}

/* Stats dot pulse */
[data-animate="pulse"] .stats-circle {
    opacity: 0;
    transform: scale(0);
    transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
}
[data-animate="pulse"].visible .stats-circle {
    opacity: 1;
    transform: scale(1);
    animation: stats-circle-ripple 2s 0.45s ease-out infinite;
}

@keyframes stats-circle-ripple {
    0%   { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.5); }
    100% { box-shadow: 0 0 0 12px rgba(0, 129, 255, 0); }
}


/* ===========================================
   CTA SECTION  (common / reusable)
   =========================================== */
.cta-wrapper { padding: 80px 0; }
.cta-wrapper::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background: var(--Subtle-2); z-index: -1; }
.cta-main { background: var(--Primary); border-radius: 96px; padding: 40px 40px 40px 80px; gap: 48px; align-items: center;}
/* Left content */
.cta-content { font-family: 'Blackbird';  flex: 1;}
.cta-heading { font-size: 28px; font-weight: 800; text-transform: uppercase; line-height: 33.6px; margin-bottom: 4px; }
/* Right arrow button */
.cta-btn { flex: 0 0 80px; height: 80px; border-radius: 50%; background: var(--White); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: var(--b-transition); }
.cta-btn-arrow { width: 30px; transition: var(--b-transition); transform: translateY(0); }
.cta-btn:hover .cta-btn-arrow { transform: translate(3px, -3px); }
.cta-btn:focus-visible { outline: 3px solid var(--Secondary); outline-offset: 4px; }

.cta-content:only-child{width: 100%; max-width: 100%;}
.cta-btn-arrow img{object-fit: contain;}

/* ===========================================
   RESPONSIVE
   =========================================== */
@media only screen and (min-width: 1024px) {
    .cta-content { flex: 1; max-width: 800px; margin-right: auto;}
}
@media (max-width: 1023px) and (min-width: 768px) {
    .cta-main { padding: 32px 32px 32px 72px; border-radius: 96px; gap: 32px; align-items: center; }
    .cta-btn { flex: 0 0 101px; height: 101px; }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
    .cta-wrapper{padding: 40px 0; }
    .cta-main { padding: 26px; position: relative; border-radius: 20px; }
    .cta-content { width: 100%; }
    .cta-heading { font-size: 22px; line-height: 25.4px; margin-bottom: 20px; width: calc(100% - 60px); min-height: 52px; align-items: center; display: flex; flex-wrap: wrap; letter-spacing: 0; }
    .cta-btn { width: 52px; height: 52px; position: absolute; top: 26px; right: 26px; }
    .cta-btn-arrow { width: 24px; }
}



body .cky-revisit-bottom-left{right: 15px; left: auto;}
body .cky-revisit-bottom-left:hover::before{background: var(--Black-Distinct); right: calc(100% + 7px); left: auto; font-weight: 500;}
body .cky-revisit-bottom-left:hover::after{right: calc(100% + 2px); border-right-color: var(--Navy); left: auto;}
body .cky-btn.cky-btn-customize, 
body .cky-btn.cky-btn-preferences, 
body .cky-btn.cky-btn-reject{ padding: 12px 16px 11px !important; background: var(--Foreground) !important; border: none !important; border-radius: 24px; color: var(--White) !important; font-size: 1rem; font-weight: 700; line-height: normal; transition: var(--b-transition); text-transform: capitalize; letter-spacing: 0; justify-content: center; opacity: 1;}
body .cky-notice-btn-wrapper button.cky-btn.cky-btn-accept, 
body .cky-prefrence-btn-wrapper button.cky-btn.cky-btn-accept{ padding: 12px 16px 11px !important; background: var(--Primary) !important; border: none !important; border-radius: 24px; color: var(--White) !important; font-size: 1rem; font-weight: 700; line-height: normal; transition: var(--b-transition); text-transform: capitalize; letter-spacing: 0; justify-content: center; opacity: 1;}

body .cky-btn.cky-btn-customize:hover, 
body .cky-btn.cky-btn-preferences:hover, 
body .cky-btn.cky-btn-reject:hover{ color: var(--White) !important; background: var(--Secondary) !important; opacity: 1; }
body .cky-notice-btn-wrapper button.cky-btn.cky-btn-accept:hover, body .cky-prefrence-btn-wrapper button.cky-btn.cky-btn-accept:hover{ color: var(--White) !important; background: var(--Secondary) !important; opacity: 1; }


body .cky-accordion-header .cky-always-active{ color: var(--Secondary) !important; font-weight: 600; transition: var(--b-transition);}
body .cky-accordion-header .cky-always-active:hover{color: var(--Primary) !important; }
/* body .cky-accordion-header .cky-always-active:hover{color: var(--Black-Distinct);} */

body .cky-modal.cky-modal-open button.cky-show-desc-btn:not(:hover):not(:active){padding: 0; color: var(--Black-Distinct) !important;}
body .cky-modal.cky-modal-open button.cky-show-desc-btn:not(:hover):not(:active):hover{border: none; outline: none;}
body .cky-preference-header .cky-btn-close{ padding: 6px; border: 2px solid transparent; border-radius: 4px; }
body .cky-preference-header .cky-btn-close:hover{border-color: var(--Orange);}
body .cky-btn-revisit-wrapper{background: var(--Primary) !important;}
body .cky-btn-revisit{z-index: 1;}
body .cky-btn-revisit::before, body .cky-btn-revisit::after{ background-color: var(--Foreground); animation: 4s riffle infinite linear; transform: scale(1); filter: opacity(0.5); -webkit-filter: opacity(0.5); transition-duration: .75s; transition-property: all; transition-timing-function: cubic-bezier(.075,.82,.165,1); border-radius: 50%; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; display: block; z-index: -1;}
body .cky-btn-revisit::before{ -webkit-animation-delay: 2s; animation-delay: 2s;}
body .cky-btn-revisit::after{ -webkit-animation-delay: 4s; animation-delay: 4s; background-color: var(--Foreground);}
@keyframes riffle{ 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(4); opacity: 0; } }
body .cky-preference-header .cky-preference-title{font-weight: 500;}
body .cky-accordion-header .cky-accordion-btn{font-weight: 500; letter-spacing: 0; transition: none;}
body .cky-accordion-header .cky-accordion-btn:hover{color: var(--Secondary) !important;}
body .cky-preference-content-wrapper .cky-show-desc-btn{letter-spacing: 0; font-weight: 500;}
body .cky-preference-content-wrapper .cky-show-desc-btn:hover{outline: none;}
body .cky-accordion-header .cky-accordion-btn::before, body .cky-preference-header button.cky-btn-close::before, body .cky-preference-content-wrapper .cky-show-desc-btn::before{display: none;}

body .cky-preference-header button.cky-btn-close {padding: 0; border: none; background: none !important;}
body .cky-preference-header button.cky-btn-close img{width: 20px; height: 20px;}
body .cky-preference-header button.cky-btn-close:hover{opacity: 0.5; border: none; overflow: inherit;}


/*-- media css starts here --*/
@media screen and (max-width: 767px) and (min-width: 0px){
    body .cky-modal, body .cky-modal.cky-modal-open{top: auto; transform: none; left: 0; bottom: 0;}
    body .cky-box-bottom-left{right: 24px; left: auto; width: calc(100% - 48px);}
    body .cky-preference-center{max-height: calc(100vh - 72px); width: 100%; border-radius: 0;}
}