.default-banner-section { float: left; width: 100%; position: relative; z-index: 1; background: var(--blue-dark); color: var(--white); overflow: hidden } .default-banner-section .brand-icon { left: auto; right: -473px; bottom: inherit; top: -61px; width: 1842px; height: 1071px } .default-banner-section .brand-icon:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, transparent 0, #004986 60%) } .default-banner-main { width: 100%; min-height: 540px; position: relative; align-items: center; padding: 80px 0 } .default-banner-main .default-banner-text { clear: both; max-width: 838px; width: 100% } .default-banner-main .default-banner-text .optional-text { color: var(--white-75); margin: 0 0 23px 0 } .default-banner-main .default-banner-text h1 { font-size: 5.263rem; line-height: 1.1; color: var(--white) } .default-banner-main .default-banner-text p { font-size: 1.263rem; line-height: 1.42; max-width: 70% } .default-banner-main .default-banner-text p:last-child { margin-bottom: 0 } .default-banner-main .default-banner-text .btn-wrap { padding: 2px 0 0 0 } .default-banner-section.white-banner { background: var(--white); overflow: inherit } .default-banner-section.white-banner .brand-icon { width: 1392px; height: 720px; top: inherit; bottom: 11px; right: -238px } .default-banner-section.white-banner .brand-icon::after { display: none } .default-banner-section.white-banner .default-banner-main { min-height: 588px } .default-banner-section.white-banner .default-banner-text h1, .default-banner-section.white-banner .default-banner-text p { color: var(--global) } .default-banner-section.white-banner .default-banner-text h1 { font-size: 4.632rem; line-height: 1.02; margin-bottom: 23px } .default-banner-section.white-banner .default-banner-text .optional-text { color: var(--green-dark); margin: 0 0 26px 0 } .default-banner-section.white-banner .default-banner-main .default-banner-text p { line-height: 1.33 } .default-banner-section.white-banner.no_team_members .default-banner-main { min-height: inherit } @media only screen and (min-width:1024px) { .default-banner-section.white-banner.no_team_members .default-banner-main { min-height: inherit; padding-bottom: 0 } } @media only screen and (max-width:767px) and (min-width:200px) { .default-banner-section .brand-icon { left: auto; right: -128px; bottom: inherit; top: -21px; width: 542px; height: 315px } .default-banner-section .brand-icon::after { background: linear-gradient(180deg, transparent 0, #004986 116%) } .default-banner-main { min-height: 558px; align-items: flex-end } .default-banner-main .default-banner-text .optional-text { margin: 0 0 25px 0 } .default-banner-main .default-banner-text p { max-width: 100%; line-height: 1.34; margin-bottom: 29px } .default-banner-main .default-banner-text h1 { font-size: 2.632rem; line-height: 1.08; margin-bottom: 32px } .default-banner-section.white-banner .default-banner-main { min-height: 485px } .default-banner-section.white-banner .default-banner-text h1 { font-size: 4.632rem; line-height: 1.02 } .default-banner-section.white-banner .default-banner-main .default-banner-text .optional-text { margin: 0 0 25px 0 } .default-banner-section.white-banner .default-banner-text h1 { font-size: 2.632rem; line-height: 1.08 } .default-banner-section.white-banner .brand-icon { left: auto; right: -114px; bottom: inherit; top: 26px; width: 528px; height: 273px } } .leaders-management-section { clear: both; width: 100%; position: relative } .leaders-management-grids { position: relative; gap: 30px 2.05761316872428% } .leaders-management-grids .card { position: relative; width: 23.456790123456788%; overflow: hidden; display: flex; justify-content: flex-start; align-items: flex-end; height: 423px } .leaders-management-grids .card:before { background-image: linear-gradient(to top, #004986, rgba(0, 73, 134, 0) 50%); content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1 } .leaders-management-grids .card .imgbox { width: 100%; height: 100% } .leaders-management-grids .card .img-txt { position: absolute; width: 100%; padding: 39px 40px; bottom: 0; font-family: 'Segoe UI This', sans-serif; z-index: 1 } .leaders-management-grids .card .img-txt .h4 { margin: 0 0 3px 0; color: var(--white); text-align: left; font-family: 'Segoe UI This', sans-serif; font-weight: 400; font-size: 1.632rem } .leaders-management-grids .card .img-txt span { display: block; width: 100%; color: var(--muted-inverted); font-size: .895rem; line-height: normal } .leaders-management-grids .card .content { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; background: linear-gradient(0deg, var(--blue-dark, #004986) 0, rgba(0, 73, 134, .6) 70%); backdrop-filter: blur(22px); color: var(--white); justify-content: flex-end; opacity: 0; visibility: hidden; z-index: 1 } .leaders-management-grids .card .content .content-inner { overflow-y: auto; padding: 24px 20px } .leaders-management-grids .card .content .contentBox { font-size: 14px; line-height: 1.33; position: relative; padding: 22px 0 0 0; margin: 20px 0 0 0 } .leaders-management-grids .card .content .contentBox:before { content: ''; position: absolute; display: block; margin: auto; height: 1px; width: 100%; top: 0; right: 100%; transform: translate(100%, 0); background: var(--white) } .leaders-management-grids .card .content .leader-close { position: absolute; right: 19px; top: 16px; cursor: pointer; display: none; color: var(--white); width: 21.7px; height: 21.7px; font-size: 23px } .leaders-management-grids .card .content .h4 { color: var(--white); margin: 0 0 3px 0; line-height: 1.19; font-family: 'Segoe UI This', sans-serif; font-size: 1rem } .leaders-management-grids .card .content span { display: block; width: 100%; color: var(--muted-inverted); font-size: 14px; line-height: 1.3 } .leaders-management-grids .card .content p { margin-bottom: 14px } .leaders-management-grids .card .content p:last-child { margin-bottom: 0 } .leaders-management-grids .card .content .sci { display: flex; margin: 0; gap: 1px } .leaders-management-grids .card .content .sci li { margin: 0 } .leaders-management-grids .card .content .sci li:before { display: none } .leaders-management-grids .card .content .sci li a { width: 40px; height: 40px; position: relative; z-index: 1; display: flex; align-items: center; color: var(--white); text-align: center; overflow: hidden; justify-content: center } .leaders-management-grids .card .content .sci li a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .5s; background-color: var(--white-15) } .leaders-management-grids .card .content .sci li a:hover:before { background-color: var(--white) } .leaders-management-grids .card .content .sci li a em { transition: .5s; transform: rotateY(0) } .leaders-management-grids .card .content .sci li a:hover em { transform: rotateY(360deg); color: var(--blue) } .leaders-management-grids .card .content .sci li a span { font-size: 0; display: none } @media only screen and (min-width:1320px) { .leaders-management-2  .leaders-management-grids .card {width:18.31275720164609%; height: 360px;} .leaders-management-2  .leaders-management-grids .card .img-txt {padding: 39px 20px;} } @media only screen and (max-width:1319px) and (min-width:1024px) { .leaders-management-2  .leaders-management-grids .card {width: 23.4%; max-width: 298px; height: 360px;} .leaders-management-2  .leaders-management-grids .card .img-txt {padding: 39px 20px;} } @media only screen and (max-width:1199px) and (min-width:1024px) { .leaders-management-grids .card { width: 31.95% } } @media only screen and (max-width:1023px) and (min-width:200px) { .leaders-management-grids .card .content .leader-close { display: block } } @media only screen and (max-width:1023px) and (min-width:768px) { .leaders-management-grids { justify-content: space-between } .leaders-management-grids .card { width: 48% } } @media only screen and (max-width:767px) and (min-width:200px) { .leaders-management-grids .card { width: 100% } } .cta-module { width: 100%; z-index: 2; position: relative; clear: both; color: var(--white); background: var(--green-dark) } .cta-module .container-lg { position: relative; padding: 0 } .cta-module .cta-overlay { background: var(--green-dark); width: calc(100% - 33.35%); height: 100%; display: block } .cta-main { margin: 0 auto; width: 100%; min-height: 587px; align-items: center } .cta-main .h1 { margin-bottom: 35px; color: var(--white); font-size: 3.6rem } .cta-bg { top: 0; right: 0; bottom: 0; height: 100%; position: absolute; z-index: -1; left: auto; width: calc(100% - 50%) } .cta-bg 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% } .cta-main .cta-text { max-width: 60%; clear: both; padding: 80px 0 90px 5%; position: relative; width: 100% } .cta-main .cta-text .optional-text { margin: 0 0 19px 0; color: var(--white-75) } .cta-reverse .cta-overlay { right: 0 } .cta-reverse .cta-bg { right: auto; left: 0 } .cta-reverse .cta-main { flex-direction: row-reverse } .cta-reverse .graph-icon-wrap { left: 20px; right: auto } .cta-no-bg .cta-text { max-width: 100%; padding-bottom: 40px } .cta-reverse.cta-no-bg .graph-icon-wrap { position: relative; left: 0 } @media only screen and (min-width:1701px) { .cta-bg { width: 56.5% } .cta-bg img { font-family: "object-fit:cover"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50% } } @media only screen and (max-width:1023px) and (min-width:200px) { .cta-main .h1 { font-size: 2.632rem; line-height: 1.08 } .cta-bg img { font-family: "object-fit:cover"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50% } } @media only screen and (max-width:767px) and (min-width:200px) { .cta-module { display: flex; flex-wrap: wrap; flex-direction: column-reverse; position: relative } .cta-module .container-lg { position: initial } .cta-module .cta-overlay { width: 100%; height: calc(100% - 35.8%); top: 0 } .cta-bg { position: initial; margin-top: -25%; height: 85.27vw; width: 100% } .cta-bg img { font-family: "object-fit:cover"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50% } .cta-main { min-height: inherit } .cta-main .cta-text { max-width: 100%; padding: 83px 0 80px 0 } .cta-main .cta-text .optional-text { margin: 0 0 20px 0 } .cta-no-bg .cta-text { padding-bottom: 40px } .cta-no-bg .graph-icon-wrap, .cta-no-bg.cta-reverse .graph-icon-wrap { left: 0; right: inherit; margin-right: auto; position: relative } } .signup-module { clear: both; width: 100%; position: relative; z-index: 1; overflow: hidden; padding: 121px 0 134px 0; min-height: 647px } .signup-module .background-bg:after { background: linear-gradient(0deg, rgba(0, 119, 201, .23) 0, rgba(0, 119, 201, .23) 100%); mix-blend-mode: color; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 } .signup-module .background-bg:before { background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0, var(--white) 100%); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 } .signup-module .signup-main { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: var(--blue-80); padding: 89px 125px 110px; position: relative } .signup-module .signup-main .section-heading { color: var(--white) } .signup-module .signup-wrap { justify-content: space-between; align-items: center; gap: 6.218905472636816%; z-index: 1; margin: 53px 0 0 0 } .signup-module .signup-lt { width: calc(100% - 45.2%); flex-grow: 1; display: flex; flex-wrap: wrap; gap: 32px } .signup-module .signup-lt .news-icon { width: 63px; height: 82px } .signup-module .signup-lt .news-icon img { width: 100%; height: 100% } .signup-module .signup-lt .h4 { margin-bottom: 0; color: var(--white); flex: 1 } .signup-module .signup-rt { width: 38.907284768211916%; text-align: center; flex-grow: 1 } .signup-module .signup-form .disclaimer { font-size: .684rem; line-height: 1.3; position: absolute; right: 14px; bottom: 17px; color: var(--white-60) } .signup-module .signup-form .frm_forms .frm_form_fields input, .signup-module .signup-form .frm_forms .frm_form_fields input:focus, .signup-module .signup-form .frm_forms .frm_form_fields input:hover { font-size: .947rem; font-weight: 400; line-height: 1.29; padding: 8px 150px 10px 29px; background: var(--input); font-family: segoe-ui, sans-serif; color: var(--white) !important; min-height: 61px } .signup-module .signup-form .frm_forms .frm_form_fields { position: relative } .signup-module .signup-form .frm_forms .frm_form_fields .frm_form_field { margin: 0 } .signup-module .signup-form .frm_forms .form-field label { display: none } .signup-module .signup-form .frm_forms .frm_submit-btn { position: absolute; right: 5px; top: 6px; margin: 0; width: auto } .signup-module .signup-form .frm_forms .frm_submit-btn button { color: var(--blue) } .signup-module .signup-form .frm_forms .frm_submit-btn button:before { background-color: var(--white) } .signup-module .signup-form .frm_forms .frm_message { text-align: center; margin: 0 20px; line-height: 1.2; color: var(--white); font-family: segoe-ui, sans-serif; font-weight: 600 } .signup-module .signup-form .frm_forms .frm_message p { margin: 0; text-align: center; color: var(--dark) } .signup-module .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error { color: #fff !important; bottom: -22px } .signup-module ::-webkit-input-placeholder { color: var(--white) !important; opacity: .7 !important; font-size: .947rem !important } .signup-module:-moz-placeholder { color: var(--white) !important; opacity: .7 !important; font-size: .947rem !important } .signup-module ::-moz-placeholder { color: var(--white) !important; opacity: .7 !important; font-size: .947rem !important } .signup-module :-ms-input-placeholder { color: var(--white) !important; opacity: .7 !important; font-size: .947rem !important } @media only screen and (max-width:1280px) and (min-width:1024px) { .signup-module .signup-main { padding: 89px 30px 110px } .signup-module .signup-lt { width: calc(100% - 50%) } } @media only screen and (max-width:1023px) and (min-width:200px) { .signup-module { min-height: inherit; padding: 80px 0 81px } } @media only screen and (max-width:1023px) and (min-width:768px) { .signup-module .signup-main { padding: 40px 30px 80px } .signup-module .signup-wrap { gap: 40px; margin: 40px 0 0 0 } .signup-module .signup-lt { width: 100% } } @media only screen and (max-width:767px) and (min-width:200px) { .signup-module .background-bg picture img { object-position: center left } .signup-module .signup-main { padding: 41px 30px 40px } .signup-module .signup-wrap { margin: 39px 0 0 0 } .signup-module .signup-lt { width: 100%; gap: 19px } .signup-module .signup-lt .news-icon { width: 36px; height: 47px; margin-top: 8px } .signup-module .signup-rt { width: 100%; margin: 41px 0 0 0 } .signup-module .signup-form .frm_forms .frm_form_fields .frm_form_field { margin: 0 0 10px 0 } .signup-module .signup-form .frm_forms .frm_form_fields input, .signup-module .signup-form .frm_forms .frm_form_fields input:focus, .signup-module .signup-form .frm_forms .frm_form_fields input:hover { padding: 8px 29px 10px 29px } .signup-module .signup-form .frm_forms .frm_submit-btn { position: initial; width: 100% } .signup-module .signup-form .frm_forms .frm_submit-btn button { width: 100% } .signup-module .signup-form .disclaimer { position: initial; margin: 11px 0 0 0 } .signup-module .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error { bottom: 65px } .signup-module .signup-form .frm_forms .frm_message { max-width: 300px; margin: 0 auto } } .main_header { background: rgba(255, 255, 255, .4); backdrop-filter: blur(17px) } .main_header.fixed-header { background: var(--white); backdrop-filter: blur(0) } .secwrap { padding: 37px 0 120px 0; gap: 111px } .bod-section { clear: both; width: 100%; position: relative } .team-section { clear: both; width: 100%; position: relative } .team-grids { gap: 30px 2.05761316872428% } .team-member { display: flex; flex-wrap: wrap; width: 31.961591220850483% } .team-img-wrapper { width: 138px; height: 133px } .team-info { padding: 17px 0 0 23px; width: calc(100% - 138px); flex-grow: 1; font-family: 'Segoe UI This', sans-serif } .team-info:only-child { padding-left: 0 } .team-info .h5 { font-size: 1.263rem; line-height: 1.33; font-weight: 400; margin-bottom: 2px } .team-info span { display: block; color: var(--muted); font-size: .895rem; line-height: normal; width: 100% } .team-info span a { color: var(--muted) } .team-info span a:hover { color: var(--blue-dark) } .team-details { display: flex; flex-wrap: wrap; width: 100%; gap: 13px } .groups-main { clear: both; width: 100%; position: relative } .groups-main .groups { gap: 30px 2.05761316872428%; padding: 10px 0 0 0 } .groups-main .group-single { width: 23.456790123456788% } .groups-main .group-single .h5 { font-size: 1.105rem; font-family: 'Segoe UI This', sans-serif; line-height: 1.33; font-weight: 700; margin-bottom: 18px } .groups-main .group-single ul { margin: 0 } .groups-main .group-single ul li:before { display: none } .groups-main .group-single ul li { margin: 0 } @media only screen and (max-width:1160px) and (min-width:1024px) { .team-info { padding: 17px 0 0 15px } .team-info .h5 { font-size: 1.053rem; line-height: 1.2; margin: 0 } .team-info span { font-size: .737rem } } @media only screen and (max-width:1023px) and (min-width:200px) { .groups-main .groups { gap: 30px 30px } .team-info .h5 { font-size: 1.053rem; line-height: 1.2; margin: 0 } .team-info span { font-size: .737rem } } @media only screen and (max-width:1023px) and (min-width:768px) { .default-banner-section .brand-icon { right: -473px } .team-grids { gap: 30px 30px } .team-member { width: 47.9% } .groups-main .group-single { width: 21.9% } } @media only screen and (max-width:767px) and (min-width:200px) { .heading.sec-heading .heading-lt { width: 50% } .heading.sec-heading .heading-rt { width: 33% } .secwrap { padding: 0 0 112px 0 } .team-grids { gap: 0 } .team-member { width: 100%; padding: 10px 0 9px; border-bottom: 1px solid rgba(0, 0, 0, .1) } .team-member:first-of-type { padding-top: 0 } .team-member:last-child { border: 0 none; padding-bottom: 0 } .team-img-wrapper { width: 87px; height: 84px } .team-details { gap: 7px } .team-info { padding: 8px 0 7px 15px; width: calc(100% - 87px) } .groups-main .groups { padding: 15px 0 0 0 } .groups-main .group-single .h5 { font-size: .947rem; margin-bottom: 22px } } @media only screen and (max-width:767px) and (min-width:580px) { .groups-main .group-single { width: 29.6% } } @media only screen and (max-width:579px) and (min-width:200px) { .groups-main .groups { gap: 39px 2.05761316872428%; justify-content: space-between } .groups-main .group-single { width: 47.860962566844925% } }