html {
font-size: 62.50%; /* 62.5% of 16px = 10px → 1rem = 10px */
}
body {
margin: 0px;
font-size: 16px;
}
/* BG Color Class */
.bg-light-grey-200 {
background-color: #DAE0EA;
}
.bg-blue-gradient{
background: linear-gradient(78.59deg, rgba(255, 255, 255, 0) 0%, rgba(30, 86, 218, 0.25) 50%, rgba(255, 255, 255, 0) 100%), #0F174C;
}
.dark_body_bg {
background: linear-gradient(90deg, #060028 0%, #13284C 100%);
color: #ffffff;
}
.dark_body_gradientbg {
background: conic-gradient(from 216.12deg at 91.08% 0%, #121534 -21.11deg, #19366D 5.19deg, #04061D 25.47deg, #121534 338.89deg, #19366D 365.19deg);
color: #ffffff;
}
/* Color Class */
.body-color{
color: var( --e-global-color-text );
}
.text-purple {
color: var(--purple-100, #7130A0);
}
/* Font Family */
.roboto{
/* font-family: "Roboto", Sans-serif!important; */
font-family: "Rubik", sans-serif !important;
}
.fw-medium{
font-weight: 500!important;
}
.fw-normal{
font-weight: 400!important;
}
/* Custome Font class */
.fs-30{
font-size: 3rem!important;
}
.body-1-medium{
font-family: var( --e-global-typography-8f80e4d-font-family ), Sans-serif;
font-size: var( --e-global-typography-8f80e4d-font-size );
font-weight: var( --e-global-typography-8f80e4d-font-weight );
line-height: var( --e-global-typography-8f80e4d-line-height );
letter-spacing: var( --e-global-typography-8f80e4d-letter-spacing );
}
.body-1-regular{
font-family: var( --e-global-typography-094edb8-font-family ), Sans-serif;
font-size: var( --e-global-typography-094edb8-font-size );
font-weight: var( --e-global-typography-094edb8-font-weight );
line-height: var( --e-global-typography-094edb8-line-height );
letter-spacing: var( --e-global-typography-094edb8-letter-spacing );
}
.body-2-regular{
font-family: var( --e-global-typography-35e4003-font-family ), Sans-serif;
font-size: var( --e-global-typography-35e4003-font-size );
font-weight: var( --e-global-typography-35e4003-font-weight );
line-height: var( --e-global-typography-35e4003-line-height );
letter-spacing: var( --e-global-typography-35e4003-letter-spacing );
}
.body-2-medium{
font-family: var( --e-global-typography-7717f7a-font-family ), Sans-serif;
font-size: var( --e-global-typography-7717f7a-font-size );
font-weight: var( --e-global-typography-7717f7a-font-weight );
line-height: var( --e-global-typography-7717f7a-line-height );
letter-spacing: var( --e-global-typography-7717f7a-letter-spacing );
}
.body-3-regular{
font-family: var( --e-global-typography-7844047-font-family ), Sans-serif;
font-size: var( --e-global-typography-7844047-font-size );
font-weight: var( --e-global-typography-7844047-font-weight );
line-height: var( --e-global-typography-7844047-line-height );
letter-spacing: var( --e-global-typography-7844047-letter-spacing );
}
.body-3-medium{
font-family: var( --e-global-typography-8d4161a-font-family ), Sans-serif;
font-size: var( --e-global-typography-8d4161a-font-size );
font-weight: var( --e-global-typography-8d4161a-font-weight );
line-height: var( --e-global-typography-8d4161a-line-height );
letter-spacing: var( --e-global-typography-8d4161a-letter-spacing );
word-spacing: var( --e-global-typography-8d4161a-word-spacing );
}
.body-4-regular{
font-family: var( --e-global-typography-8ba08a9-font-family ), Sans-serif;
font-size: var( --e-global-typography-8ba08a9-font-size );
font-weight: var( --e-global-typography-8ba08a9-font-weight );
line-height: var( --e-global-typography-8ba08a9-line-height );
letter-spacing: var( --e-global-typography-8ba08a9-letter-spacing );
}
.body-text {
font-size: var( --e-global-typography-text-font-size );
line-height: var( --e-global-typography-text-line-height );
letter-spacing: var( --e-global-typography-text-letter-spacing );
font-family: var( --e-global-typography-text-font-family ), Sans-serif;
font-weight: var( --e-global-typography-text-font-weight );
}
.link{
font-family: var( --e-global-typography-b9498d9-font-family ), Sans-serif;
font-size: var( --e-global-typography-b9498d9-font-size );
font-weight: var( --e-global-typography-b9498d9-font-weight );
line-height: var( --e-global-typography-b9498d9-line-height );
letter-spacing: var( --e-global-typography-b9498d9-letter-spacing );
}
.fs-40{
font-size: 4rem!important;
line-height: 110%!important;
letter-spacing: -0.02em!important;
}
.lt-spacing-0{
letter-spacing: 0;
}
/* Margin Class */
.mb-80{
margin-bottom: 8rem!important;
}
.mb-64{
margin-bottom: 6.4rem!important;
}
.mb-48{
margin-bottom: 4.8rem!important;
}
.mb-32{
margin-bottom: 3.2rem!important;
}
.mb-22{
margin-bottom: 22px!important;
}
.mb-20{
margin-bottom: 20px!important;
}
.mb-12{
margin-bottom: 12px!important;
}
.mb-16{
margin-bottom: 16px!important;
}
.mb-10{
margin-bottom: 10px!important;
}
.ml-auto{
margin-left: auto!important;
}
/* Padding Class */
.section-pd-70 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.section-pd-90 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.section-pd-120{
padding-top: 12rem;
padding-bottom: 12rem;
}
.section-pd-140{
padding-top: 14rem;
padding-bottom: 14rem;
}
.section-pd-160{
padding-top: 16rem;
padding-bottom: 16rem;
}
/* Width Class */
.mx-width-600{
max-width: 600px;
}
.mx-width-550{
max-width: 550px;
}
.mx-width-960{
max-width: 960px;
}
.width-full{
width: 100%;
}
/* Border Radius Class */
.radius-20{
border-radius: 20px;
}
.modal-backdrop.show {z-index: 99;}
#searchModal {
z-index: 99999;
}
/* Header */
.mainheader {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 111;
}
.header_spacer {display: none;}
.single-events .header_spacer,
.single-blog .header_spacer,
.single-post .header_spacer,
.search-results .header_spacer{
background-image: linear-gradient(90deg, #060028 0%, #13284C 100%);
height: var(--header-height);
display: block;
}
.logged-in.admin-bar .header_spacer {
height: calc(var(--header-height) - 32px);
}
.offcanvas {
z-index: 1111;
overflow-y: visible;
}
.offcanvas::-webkit-scrollbar {
display: none;
}
.offcanvas {
-ms-overflow-style: none;
scrollbar-width: none;
}
.top-closebar,.mobile_logo,.mobile-button{
display: none;
}
.header {
z-index: 1111;
position: relative;
top: 0;
width: 100%;
transition: all 0.5s ease;
/* position: fixed;
top: 0;
left: 0; */
width: 100%;
/* z-index: 99999; */
}
/* .header.fixed{
position: sticky!important;
top: 0;
left: 0;
z-index: 11111!important;
animation: slideDown 0.5s ease-out;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
} */
.navbar-toggler {
padding: 0;
z-index: 1;
position: relative;
border: none;
margin: 0 ;
}
.navbar-toggler-icon {
width: auto;
height: auto;
}
.navbar-toggler:focus {
box-shadow: none;
}
.bar1,
.bar2,
.bar3 {
width: 25px;
height: 2px;
margin: 5px 0;
border-radius: 100px;
transition: 0.4s;
background-color: #000;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-4px, 6px);
transform: rotate(-45deg) translate(-4px, 6px);
}
.change .bar2 {
opacity: 0;
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-4px, -6px);
transform: rotate(45deg) translate(-4px, -6px);
}
.navbar {
min-height: 88px;
padding: 0px 0;
width: 100%;
margin: 0;
background-color: #ffffff;
backdrop-filter: blur(80px);
background: #FFFFFF12;
background: #171f5370;
transition: all 0.5s ease;
position: relative;
}
.navbar .container {
gap: 30px;
}
.navbar .offcanvas {
align-items: center;
}
.logo-block{
width: auto;
max-width: 20%;
}
.navbar-brand {
margin: 0 0 0 0;
padding: 0 0px 0 0;
}
.navbar-brand img{
width: 91px;
}
.navbar-expand-lg .navbar-nav {
margin: 0 0 0 ;
padding: 0;
gap: 40px;
}
.navbar-expand-lg .navbar-nav .nav-item{
margin: 0px;
padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 0 0;
border: none;
display: block;
color: #202029BF;
color: #ffffff;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: -0.015em;
transition: all 0.5s ease;
position: relative;
opacity: 0.75;
/* font-family: "Roboto", Sans-serif!important; */
font-family: "Rubik", sans-serif !important;
}
.navbar-expand-lg .navbar-nav .nav-link::after{
content: "";
width: 100%;
height: 2px;
background-color: #01D0D2;
background-color: #ffffff;
border-radius: 100px;
position: absolute;
bottom: -2px;
left: 0;
transition: all 0.5s ease;
opacity: 0;
}
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .current_page_item .nav-link,
.navbar-expand-lg .navbar-nav .nav-link:hover{
color: #202029;
color: #ffffff;
opacity: 1;
}
.navbar-expand-lg .navbar-nav .current_page_item .nav-link::after,
.navbar-expand-lg .navbar-nav .active .nav-link::after{
opacity: 1;
}
.navbar-expand-lg .navbar-nav .current_page_item .nav-link{
font-weight: bold;
}
.header .dropdown-menu {
border: none;
border-radius: 0;
background-color: #fff;
top: 53px;
}
.header .dropdown-menu li .dropdown-item{
color: #202029BF;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: -0.015em;
/* font-family: "Roboto", Sans-serif!important; */
font-family: "Rubik", sans-serif !important;
padding: 7px 20px;
}
.header .dropdown-menu li .dropdown-item:hover{
color: #fff;
background-color: #0F174C;
}
.dropdown-toggle::after{
border: none!important;
margin: 0px 0 -6px 1px;
background-image: url('../images/menu-chevron.svg');
background-image: url('../images/menu-chevron-white.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
}
.header-button{
gap: 8px;
}
.search-btn{
width: 44px;
height: 44px;
padding: 0;
border: none;
background: transparent;
opacity: 0.5;
transition: all 0.3s ease;
}
.search-btn:hover{
opacity: 1;
}
.header-button .btn{
min-width: 120px;
text-align: center;
padding: 1.25rem 2rem;
font-size: var( --e-global-typography-cf1086a-font-size );
line-height: var( --e-global-typography-cf1086a-line-height );
letter-spacing: var( --e-global-typography-cf1086a-letter-spacing );
}
.page-template-page-dark {}
.page-template-page-dark .navbar {
backdrop-filter: blur(80px);
background: #FFFFFF12;
}
.error-section {
padding: 9rem 0;
text-align: center;
}
.error-section h1 {
font-size: 140px !important;
font-weight: normal !important;
}
.error-section .error-text {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
min-height: 50vh;
justify-content: center;
}
/********** Search popup ********/
#searchModal .modal-body {
background: transparent;
}
#searchModal .modal-content {
border: none;
background: none;
}
form.asearch {display: flex;flex-wrap: nowrap;border: 1px solid #d6d6d6;border-radius: 50px;padding: 3px 5px;background: #ffffff;}
form.asearch button#mybtn {padding: 5px;cursor: pointer;background: #ffffff;border: none;border-radius: 50px;}
form.asearch input#keyword {border: none;border-radius: 50px;padding: 5px 20px;}
form.asearch input#keyword:focus-visible {border: none; box-shadow: none;outline: none;}
div#datafetch {
background: white;
z-index: 10;
position: absolute;
max-height: 425px;
overflow: auto;
/* box-shadow: 0px 15px 15px #00000036; */
right: 0;
left: 0;
top: 50px;
margin-top: 15px;
border-radius: 20px;
}
div.search_bar {
width: 600px!important;
max-width: 90%!important;
position: relative;
}
div.search_result ul a li {
margin: 0px;
padding: 5px 0px;
padding-inline-start: 18px;
color: #202029;
}
div.search_result li {
margin-inline-start: 20px;
}
div.search_result ul {
padding: 13px 0px 10px 0px;
list-style: none;
margin: auto;
}
div.search_result ul a {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}
div.search_result ul a:hover {
background-color: #f3f3f3;
}
.asearch input#keyword {
width: 100%;
}
.search-block{
display: none!important;
}
/******************/
.thecontent {
/* max-width: 2000px; */
margin: 0 auto;
}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
padding: 0 3rem;
}
@media (min-width: 1400px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
max-width:1428px;
}
}
.ms-0 .e-con-inner {
margin-left: 0px !important;
}
/********* Common Button *******/
.main-button {}
.btn {
display: inline-block;
line-height: 1.3612;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border:0px solid transparent;
padding: 1.575rem 2.655rem;
border-radius: 100px;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
font-family: var( --e-global-typography-44c7be0-font-family ), Sans-serif;
font-size: var( --e-global-typography-44c7be0-font-size );
font-weight: var( --e-global-typography-44c7be0-font-weight );
background-repeat: no-repeat;
}
.btn-primary {
background-color: #0F174C;
color: #ffffff;
}
.btn-primary:hover {
background-color: #0F174C;
color: #ffffff;
}
.btn-gray {
background-color: #2020291A;
color: #202029;
}
.btn-gray:hover {
background-color: #2020291A;
color: #202029;
}
.btn-darkblue {
background-color: #0F174C;
background-image: url('../images/icon-teal-right.svg');
background-position: center right;
color: #ffffff;
padding-right: 8rem;
}
.btn-darkblue:hover {
background-color: #0F174C;
color: #ffffff;
}
.btn-teal {
background-color: #01D0D2;
background-image: url('../images/icon-white-right.svg');
background-image: url('../images/arrow-right-dark.svg');
background-position: center right;
color: #202029;
padding-right: 8rem;
}
.btn-teal:hover {
background-color: #01D0D2;
color: #202029;
}
.btn-teal-simple {
background-color: #01D0D2;
color: #202029;
}
.btn-teal-simple:hover {
background-color: #01D0D2;
color: #202029;
}
.btn-blue {
background-color: #1E56DA;
color: #ffffff;
}
.btn-blue:hover {
background-color: #1E56DA;
color: #ffffff;
}
.btn-small{
text-align: center;
padding: 1.25rem 3.9rem;
font-size: var( --e-global-typography-cf1086a-font-size );
line-height: var( --e-global-typography-cf1086a-line-height );
letter-spacing: var( --e-global-typography-cf1086a-letter-spacing );
}
.btn-white{
background-color: #fff;
color: #202029;
}
.btn-white:hover{
background-color: #fff;
color: #202029;
}
.btn-orange {
background-color: #FA4E19;
color: #ffffff;
}
.btn-orange:hover {
background-color: #FA4E19;
color: #ffffff;
}
.btn_view_all {
background-color: #DAE0EA;
color: #000000;
min-width: 141px;
padding: 1.336rem 2.655rem;
}
.btn_view_all:hover {
background-color: #DAE0EA;
color: #000000;
}
.icon-download-right {
background-image: url('../images/icon-1.png');
background-position: top 0 right 20px;
padding-right: 8rem;
}
.text-teal {
color: #01D0D2 !important;
}
.nowrap{
white-space: nowrap;
}
.team-gradient {
background: conic-gradient(from 210.94deg at 91.08% 0%, #121534 -21.11deg, #393C63 5.19deg, #04061D 36.61deg, #121534 338.89deg, #393C63 365.19deg);
}
/******* breadcrumb **********/
.bdt-breadcrumb {
margin: 0px;
padding: 2px 20px;
border-radius: 50px;
list-style-type: none;
display: flex;
gap: 10px;
background: #FFFFFF0D;
width: max-content;
}
.bdt-breadcrumb li {
font-size: 16px;
}
.bdt-breadcrumb li a {
color: #343556;
text-decoration: none;
color: var(--light-grey-800, #8092AC);
}
.bdt-breadcrumb li a:hover {
color: var(--light-grey-800, #8092AC);
color: #ffffff;
}
.bdt-breadcrumb li span {
color: var(--light-grey-800, #8092AC);
color: #ffffff;
}
.breadcrumb-sep {
display: flex;
align-items: center;
}
.sep-link-color svg {
color: var(--light-grey-800, #8092AC);
fill: var(--light-grey-800, #8092AC);
}
.sep-span-color svg {
color: var(--light-grey-800, #8092AC);
fill: var(--light-grey-800, #8092AC);
}
/****************/
/* Slider Arrow */
.slider-button{
gap: 4px;
}
.slider-button-next,
.slider-button-prev{
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-end;
padding: 6px;
width: 44px;
height: 44px;
background: #AEAFB1;
backdrop-filter: blur(15px);
border-radius: 8px;
transition: background 0.3s ease, transform 0.3s ease;
cursor: pointer;
}
.slider-button-next{
justify-content: flex-end;
}
.slider-button-next:hover, .slider-button-prev:hover{
background: linear-gradient(248.66deg, #2C2E3B 0%, #44475A 50%, #2E2F3A 100%);
}
.slider-button-next:focus-within,
.slider-button-prev:focus-within {
outline: none;
}
.slider-button-blue .slider-button-next,
.slider-button-blue .slider-button-prev{
background: #1A245C;
}
.slider-button-blue .slider-button-next:hover,
.slider-button-blue .slider-button-prev:hover{
background: #3733A3;
}
/* Team Tab Section */
.lpf-container {
font-family: inherit;
}
.lpf-filters-panel{
background: transparent!important;
border: none!important;
border-bottom: 1px solid #A3A0EA!important;
border-bottom: 1px solid rgba(255, 255, 255, 0.51) !important;
border-radius: 0;
padding: 0;
margin-bottom: 6.4rem;
}
.lpf-filter-taxonomy h4{
display: none;
}
.lpf-filter-taxonomy ul {
list-style: none;
display: flex;
gap: 20px 56px;
padding: 0;
margin: 0;
overflow-x: auto;
}
.lpf-filter-taxonomy ul label {
cursor: pointer;
padding: 0;
color: #3E3D5D;
color: #B8C5D8;
transition: all 0.2s ease;
font-weight: 400;
font-size: 18px;
line-height: 120%;
padding: 13px 0;
white-space: nowrap;
font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}
.lpf-filter-taxonomy ul input[type="radio"] {
display: none;
}
.lpf-filter-taxonomy input[type="radio"]:checked + .label{
font-weight: Bold;
color: #09103F;
color: #ffffff;
}
.lpf-layout-grid .lpf-post {
position: relative;
border-radius: 20px;
border: none;
overflow: hidden;
background: none;
}
.lpf-post-thumbnail img{
width: 100%;
height: 400px!important;
border-radius: 20px!important;
object-fit: cover;
}
.lpf-post-thumbnail a{
position: relative;
display: block;
}
.lpf-post-thumbnail a::before{
content: "";
width: 100%;
height: 100%;
border-radius: 20px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
position: absolute;
top: 0;
left: 0;
}
.lpf-post-content{
position: absolute;
top: 50px;
left: 0;
background: linear-gradient(248.66deg, #0F174C 0%, #1C286C 50%, #0F174C 100%);
border-radius: 20px;
height: 100%;
padding: 22px;
display: flex;
flex-direction: column;
justify-content: space-between;
opacity: 0;
transition: all 0.4s ease;
z-index: 99;
}
.lpf-layout-grid .lpf-post:hover .lpf-post-content{
top: 0;
opacity: 1;
}
.lpf-layout-grid .lpf-post:hover{
transform: none!important;
box-shadow: none!important;
}
.lpf-post-header,.lpf-post-excerpt{
padding: 0;
}
.lpf-post-header h3{
margin: 0 0 4px 0;
color: #fff;
}
.lpf-post-header h3 a{
color: #fff!important;
}
.lpf-post-header .role{
color: #FFFFFF99;
font-weight: 500;
margin: 0 0 4.8rem 0;
font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}
.lpf-post-excerpt{
font-weight: 400;
font-size: 16px;
font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
line-height: 140%;
letter-spacing: -0.015em;
color: #FFFFFF;
margin: 0 0 0 0;
}
.lpf-filter-team-category .tax_operations {
display: none;
}
.lpf-filter-team-category .tax_all {
display:none;
}
.lpf-filter-team-category .tax_advice {
order: 3;
}
.team-btn{
width: 61px;
height: 61px;
background-color: #52F0F2;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0 auto;
border-radius: 100px;
transition: all 0.4s ease;
}
.team-btn:hover{
background-color: #fff;
}
.team-btn img{
width: 31px;
}
.lpf-post-thumbnail {
border-radius: 21px;
overflow: hidden;
}
.lpf-post-thumbnail-text{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 22px;
}
.lpf-post-thumbnail-text h4{
font-weight: 500!important;
font-size: 21px!important;
line-height: 140%!important;
letter-spacing: -0.015em!important;
color: #FFFFFF;
font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
margin: 0 0 8px 0;
}
.lpf-post-thumbnail-text h4 a{
color: #fff!important;
}
.lpf-post-thumbnail-text p{
font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
color: #FFFFFFBF;
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: -0.015em;
margin: 0;
}
.lpf-filter-taxonomy ul label .count{
display: none;
}
.lpf-pagination{
display: flex;
flex-wrap: wrap;
gap:20px 4px;
margin-top: 32px;
justify-content: end;
}
.lpf-pagination:empty {
margin: 0px;
}
.lpf-pagination .page-numbers {
min-width: 44px;
padding: 10px;
height: 44px;
background-color: #B8C5D8;
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.0);
border-radius: 8px;
display: flex;
font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
color: #FFFFFF;
font-weight: 500;
font-size: 16px;
align-items: center;
justify-content: center;
backdrop-filter: blur(15px);
transition: all 0.4s ease;
position: relative;
}
.lpf-pagination .page-numbers::before {
content: "";
position: absolute;
inset: 0;
border-radius: 8px;
padding: 1px;
background: linear-gradient(225deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.05) 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: -1;
}
.lpf-pagination .page-numbers:hover{
background-color: #8588A1;
background-color: #6C6B78;
background: linear-gradient(130.26deg, #2B436F 17.08%, #485490 53.08%, #171147 87.73%);
}
.lpf-pagination .page-numbers.prev {
align-items: end;
justify-content: flex-start;
}
.lpf-pagination .page-numbers.next {
align-items: end;
justify-content: flex-end;
}
.lpf-mobile-swiper .lpf-pagination {
transform:none !important;
width: 100% !important;
}
.lpf-mobile-swiper .lpf-pagination .swiper-pagination-bullet {
display: none;
transition : none !important;
left: 0 !important;
}
.lpf-mobile-swiper .lpf-pagination .swiper-pagination-bullet-active-prev,
.lpf-mobile-swiper .lpf-pagination .swiper-pagination-bullet-active-main,
.lpf-mobile-swiper .lpf-pagination .swiper-pagination-bullet-active-next {
display: block;
}
/************/
.lpf-layout-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 12px;
}
/* Mosaic ratios */
.mosaic-50 { grid-column: span 2; }
.mosaic-25 { grid-column: span 1; }
.mosaic-30 { grid-column: span 1; }
.mosaic-70 { grid-column: span 3; }
/* responsive adjustments */
@media (max-width: 768px) {
.lpf-layout-grid { grid-template-columns: 1fr; }
}
.news-filters.lpf-filters-panel,
.events-filters.lpf-filters-panel {
border: none!important;
margin-bottom: 48px;
}
.lpf-filters-panel:empty {
margin: 0px !important;
}
.template-events .lpf-pagination:empty {
margin-top: 0px !important;
}
.news-filters.lpf-filters-panel { display: none;}
.news-filters .lpf-filter-taxonomy ul,
.events-filters .lpf-filter-taxonomy ul {
gap:12px 8px;
}
.news-filters .lpf-filter-taxonomy ul label,
.events-filters .lpf-filter-taxonomy ul label {
padding: 0px;
}
.news-filters .lpf-filter-taxonomy ul .label,
.events-filters .lpf-filter-taxonomy ul .label {
padding:12px 35px;
color: #ffffff;
background: #FFFFFF2B;
font-weight: 500;
font-size: 1.4rem;
line-height: 140%;
letter-spacing: -0.01rem;
border-radius: 100px;
display: block;
}
.news-filters .lpf-filter-taxonomy input[type="radio"]:checked + .label,
.events-filters .lpf-filter-taxonomy input[type="radio"]:checked + .label {
font-weight: Bold;
color: #ffffff;
background: var(--purple-100, #7130A0);
}
.lpf-layout-grid.news-posts-wrapper,
.lpf-layout-grid.events-posts-wrapper {
grid-template-columns: repeat(3, 1fr);
grid-gap: 2.2rem;
}
@media (max-width: 1024px) {
.lpf-layout-grid.news-posts-wrapper, .lpf-layout-grid.events-posts-wrapper{
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.2rem;
}
}
.news-posts-wrapper .lpf-new-post-thumbnail.logo_img a {
display: flex;
aspect-ratio: 397/265;
justify-content: center;
}
.news-posts-wrapper .lpf-new-post-thumbnail.logo_img img {
object-fit: contain;
max-width: 250px;
aspect-ratio: auto;
border-radius: 0 !important;
}
.lpf_news_post {
background: linear-gradient(132.95deg, #B5C6D9 14.8%, #C7D3E2 50.64%, #849CB5 80%);
border-radius: 16px;
overflow: hidden;
padding: 22px;
/* font-family: "Roboto", Sans-serif!important; */
font-family: "Rubik", sans-serif !important;
height: 100%;
display: flex;
flex-direction: column;
}
.lpf-new-post-thumbnail {
margin-bottom: 12px;
}
.lpf-new-post-thumbnail img {
border-radius: 16px !important;
}
.lpf-new-post-thumbnail img.wp-post-image {
aspect-ratio: 397/265;
object-fit: cover;
}
.lpf-new-post-title {
margin-bottom: 12px;
}
.lpf-new-post-title a {
color: #202029;
font-size: 2.4rem;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.02em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.lpf-new-post-excerpt {
color: #202029;
font-size: 16px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.02em;
margin-bottom: 22px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.new-readmore-btn {
color: #202029;
font-size: 14px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.02em;
display: flex;
align-items: end;
gap: 4px;
}
.new-readmore-btn:hover {
color: #202029;
}
.new-readmore-btn span {
padding-bottom: 4px;
border-bottom: 1px solid #20202980;
line-height: 1;
}
.lpf-new-post-header .post-categories {
list-style-type: none;
margin: 0px;
padding: 0px;
display: flex;
gap: 5px;
margin-bottom: 22px;
display: none;
}
.lpf-new-post-header .post-categories .news_cat {
border-radius: 100px;
background: #DAE0EA;
padding: 6px 16px;
color: #202029BF;
font-size: 14px;
font-weight: 500;
}
.lpf-new-post-header .post-categories .cat_news {
background: #B1FBCD;
}
.lpf-new-post-header .post-categories .cat_events {
background: #FFE2AE;
}
.lpf-new-post-header .post-categories .cat_insights {
background: #C9A1F8;
}
.template-news .news-pagination.lpf-pagination {
justify-content: center;
padding-top: 32px;
}
.template-news .lpf-pagination .page-numbers {
min-width: 48px;
height: 48px;
background: #A8B7CF36;
border: 1px solid #2020291A;
border: 1px solid;
border-image-source: linear-gradient(225deg, rgba(32, 32, 41, 0) 0%, rgba(32, 32, 41, 0.1) 50%, rgba(32, 32, 41, 0) 100%);
border-radius: 8px;
font-weight: 500;
font-size: 14px;
backdrop-filter: blur(0px);
transition: all 0.4s ease;
}
.template-news .lpf-pagination .page-numbers.current {
background: var(--light-grey-300, #CAD3E1);
color: #0F174C;
}
.template-news .lpf-pagination .page-numbers.prev,
.template-news .lpf-pagination .page-numbers.next {
height: 48px;
width: 48px;
font-size: 0px;
color: transparent;
background-size: auto;
background-repeat: no-repeat;
}
.template-news .lpf-pagination .page-numbers.prev::after {
content: "";
position: absolute;
inset: 0;
background: url('../images/slider-arrow-left.svg') no-repeat bottom 8px left 8px;
background-size: auto;
z-index: -1;
}
.template-news .lpf-pagination .page-numbers.prev:hover::after {
background: url('../images/slider-arrow-left-dark.svg') no-repeat bottom 8px left 8px;
}
.template-news .lpf-pagination .page-numbers.next::after {
content: "";
position: absolute;
inset: 0;
background: url('../images/slider-arrow-right.svg') no-repeat bottom 8px right 8px;
background-size: auto;
z-index: -1;
}
.template-news .lpf-pagination .page-numbers.next:hover::after {
background: url('../images/slider-arrow-right-dark.svg') no-repeat bottom 8px right 8px;
}
.template-news .lpf-pagination .page-numbers.prev:hover,
.template-news .lpf-pagination .page-numbers.next:hover {
background: linear-gradient(135.75deg, #C7CCEB 13.94%, #E1E0E8 50.14%, #A3B0BE 80.29%);
}
.e-n-accordion-item-title {
z-index: 1;
}
/*******/
.type-blog.lpf_news_post {
background: conic-gradient(from 216.12deg at 91.08% 0%, #192B57 -21.11deg, #224079 5.19deg, #1B1F4B 25.47deg, #192B57 338.89deg, #224079 365.19deg);
}
.type-blog.lpf_news_post .lpf-new-post-title a,
.type-blog.lpf_news_post .lpf-new-post-excerpt,
.type-blog.lpf_news_post .new-readmore-btn,
.type-blog.lpf_news_post .new-readmore-btn span {
color: #ffffff;
}
.type-blog.lpf_news_post .new-readmore-btn span {
border-bottom: 1px solid #FFFFFF1A;
}
/************/
.report-filters.lpf-filters-panel {
border: none!important;
margin-bottom: 48px;
}
.report-filters .lpf-filter-taxonomy ul {
gap:12px 8px;
}
.report-filters .lpf-filter-taxonomy ul label {
padding: 0px;
}
.report-filters .lpf-filter-taxonomy ul .label {
padding:12px 35px;
color: #ffffff;
background: #FFFFFF2B;
font-weight: 500;
font-size: 1.4rem;
line-height: 140%;
letter-spacing: -0.01rem;
border-radius: 100px;
display: block;
}
.report-filters .lpf-filter-taxonomy input[type="radio"]:checked + .label {
font-weight: Bold;
color: #ffffff;
background: var(--purple-100, #7130A0);
}
.lpf-layout-grid.report-posts-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 2.2rem;
}
.lpf_reports_post {
background: conic-gradient(from 216.12deg at 91.08% 0%, #121534 -21.11deg, #19366D 5.19deg, #04061D 25.47deg, #121534 338.89deg, #19366D 365.19deg);
border-radius: 16px;
overflow: hidden;
padding: 22px;
/* font-family: "Roboto", Sans-serif!important; */
font-family: "Rubik", sans-serif !important;
height: 100%;
display: flex;
flex-direction: column;
}
.report-posts-wrapper .lpf_reports_post .lpf-new-post-title a,
.report-posts-wrapper .lpf_reports_post .lpf-new-post-excerpt,
.report-posts-wrapper .lpf_reports_post .new-readmore-btn,
.report-posts-wrapper .lpf_reports_post .new-readmore-btn span {
color: #ffffff;
}
.report-posts-wrapper .lpf_reports_post .new-readmore-btn span {
border-bottom: 1px solid #FFFFFF1A;
}
/**********/
.media-filters.lpf-filters-panel,
.podcast-filters.lpf-filters-panel {
border: none!important;
margin-bottom: 48px;
}
.media-filters .lpf-filter-taxonomy ul,
.podcast-filters .lpf-filter-taxonomy ul {
gap:12px 8px;
}
.media-filters .lpf-filter-taxonomy ul label,
.podcast-filters .lpf-filter-taxonomy ul label {
padding: 0px;
}
.media-filters .lpf-filter-taxonomy ul .label,
.podcast-filters .lpf-filter-taxonomy ul .label {
padding:12px 35px;
color: #ffffff;
background: #FFFFFF2B;
font-weight: 500;
font-size: 1.4rem;
line-height: 140%;
letter-spacing: -0.01rem;
border-radius: 100px;
display: block;
}
.media-filters .lpf-filter-taxonomy input[type="radio"]:checked + .label,
.podcast-filters .lpf-filter-taxonomy input[type="radio"]:checked + .label {
font-weight: Bold;
color: #ffffff;
background: var(--purple-100, #7130A0);
}
.lpf-layout-grid.media-posts-wrapper,
.lpf-layout-grid.podcast-posts-wrapper {
grid-template-columns: repeat(3, 1fr);
grid-gap: 2.2rem;
}
@media (max-width: 1024px) {
.lpf-layout-grid.media-posts-wrapper,
.lpf-layout-grid.podcast-posts-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.2rem;
}
}
@media (max-width: 767px) {
.lpf-layout-grid.media-posts-wrapper,
.lpf-layout-grid.podcast-posts-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.lpf-layout-grid.report-posts-wrapper {
grid-template-columns: repeat(1, 1fr);
grid-gap: 1.2rem;
}
}
.lpf_media_post {
background: conic-gradient(from 216.12deg at 91.08% 0%, #1F245C -21.11deg, #151B3B 5.19deg, #131F5C 25.47deg, #1F245C 338.89deg, #151B3B 365.19deg);
border-radius: 16px;
overflow: hidden;
padding: 22px;
/* font-family: "Roboto", Sans-serif!important; */
font-family: "Rubik", sans-serif !important;
height: 100%;
display: flex;
flex-direction: column;
}
.media-posts-wrapper .lpf_media_post .lpf-new-post-title a,
.media-posts-wrapper .lpf_media_post .lpf-new-post-excerpt,
.media-posts-wrapper .lpf_media_post .new-readmore-btn,
.media-posts-wrapper .lpf_media_post .new-readmore-btn span,
.podcast-posts-wrapper .lpf_media_post .lpf-new-post-title a,
.podcast-posts-wrapper .lpf_media_post .lpf-new-post-excerpt,
.podcast-posts-wrapper .lpf_media_post .new-readmore-btn,
.podcast-posts-wrapper .lpf_media_post .new-readmore-btn span {
color: #ffffff;
}
.media-posts-wrapper .lpf_media_post .new-readmore-btn span,
.podcast-posts-wrapper .lpf_media_post .new-readmore-btn span {
border-bottom: 1px solid #FFFFFF1A;
}
.media-posts-wrapper .lpf_media_post .new-readmore-btn img,
.podcast-posts-wrapper .lpf_media_post .new-readmore-btn img {
filter: invert(1);
}
.media-posts-wrapper .lpf-new-post-thumbnail a,
.podcast-posts-wrapper .lpf-new-post-thumbnail a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.media-posts-wrapper .lpf-new-post-thumbnail .play_btn_icon,
.podcast-posts-wrapper .lpf-new-post-thumbnail .play_btn_icon {
max-width: 123px;
height: auto;
position: absolute;
}
/* Pagination Style */
.pagination-style{
text-align: center;
margin: 23px 0 0 0;
}
.pagination-style .swiper-pagination-bullet{
width: 50px;
height: 1px;
background: #2020291A;
opacity: 1;
margin: 0 4px !important;
}
.pagination-style .swiper-pagination-bullet-active {
background: #7130A0;
width: 100px;
}
.lpf_events_post {
background: linear-gradient(135.6deg, #1D9AAA 18.33%, #60AEBF 49.56%, #34839F 83.28%);
border-radius: 16px;
overflow: hidden;
padding: 22px;
/* font-family: "Roboto", Sans-serif!important; */
font-family: "Rubik", sans-serif !important;
height: 100%;
display: flex;
flex-direction: column;
}
.template-events .lpf-pagination {
gap: 8px;
margin-top: 44px;
justify-content: center;
}
.template-events .lpf-pagination .page-numbers {
min-width: 48px;
height: 48px;
}
.template-events .lpf-pagination .page-numbers:hover {
background: linear-gradient(135.6deg, #1D9AAA 18.33%, #60AEBF 49.56%, #34839F 83.28%);
}
/* Form Style */
.form-bg{
padding: 22px;
padding-bottom: 36px;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(60px);
border-radius: 22px;
background-image: url('../images/form-bg.png');
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto;
}
.hbspt-form fieldset{
max-width: 100%!important;
margin: 0 -0 22px 0!important;
display: flex;
gap: 22px 24px;
}
.hbspt-form fieldset .field,.hbspt-form fieldset .hs-dependent-field {
width: 100%!important;
float: none!important;
padding: 0 0;
}
.hbspt-form select.hs-input{
appearance: none;
background-image: url('../images/arrow-down.svg');
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-size: 20px;
}
label{
/* font-family: "Roboto", Sans-serif !important; */
font-family: "Rubik", sans-serif !important;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: -0.015em;
color: #E7EBF2;
margin: 0 0 9px 0;
display: block;
}
.hbspt-form .input{
margin: 0!important;
}
.hbspt-form .hs-input {
width: 100%!important;
height: 47px;
margin: 0;
background-color: #3E60B0;
border: 1px solid #ABC4FF;
color: #fff;
font-size: 16px;
line-height: normal;
padding-left: 15px;
font-weight: normal;
/* font-family: "Roboto", Sans-serif !important; */
font-family: "Rubik", sans-serif !important;
border-radius: 10px;
box-shadow: none!important;
outline: none!important;
opacity: 1!important;
}
.hbspt-form .hs-input:focus{
background-color: #1F2856;
opacity: 1!important;
border: 1px solid #01D0D2;
}
.hbspt-form ul{
padding: 0;
margin: 0;
list-style: none;
}
.hbspt-form .hs-form-booleancheckbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.hbspt-form .hs-form-booleancheckbox span {
position: relative;
cursor: pointer;
padding: 0 0 0 30px;
margin: 0!important;
}
.hbspt-form .hs-form-booleancheckbox span p{
font-weight: 500;
font-size: 12px;
line-height: 140%;
color: #CAD3E1;
letter-spacing: -0.015em;
}
.hbspt-form .hs-form-booleancheckbox span p a{
color: #CAD3E1;
}
.hbspt-form .hs-form-booleancheckbox span:before {
content:'';
-webkit-appearance: none;
background-color: #DAE0EA;
border: 0.5px solid #686868;
padding: 0;
border-radius: 2px;
width: 19px;
height: 19px;
position: absolute!important;
top: 0;
left: 0;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.hbspt-form .hs-form-booleancheckbox input:checked + span:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 7px;
width: 6px;
height: 11px;
border: solid #3E60B0;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.hbspt-form .hs-form-booleancheckbox span.hs-form-required{
padding: 0!important;
margin: 0!important;
}
.hbspt-form .hs-form-booleancheckbox span.hs-form-required::before,
.hbspt-form .hs-form-booleancheckbox span.hs-form-required::after{
display: none;
}
.hbspt-form .hs-form-booleancheckbox label{
margin: 0;
}
.hbspt-form ul.hs-error-msgs {
padding-top: 5px;
}
.hbspt-form ul.hs-error-msgs label.hs-error-msg {
color: #f2545b;
}
.hbspt-form .hs_submit {
padding: 28px 0 0 0;
}
.hbspt-form .hs-button {
width: 100%;
font-weight: 500;
font-size: 18px;
line-height: 140%;
text-align: center;
letter-spacing: -0.015em;
/* font-family: "Roboto", Sans-serif !important; */
font-family: "Rubik", sans-serif !important;
color: #202029;
background-color: #01D0D2;
border: 1px solid #01D0D2;
border-radius: 100px;
padding: 14.5px 20px;
}
.legal-consent-container .field.hs-form-field{
margin: 0!important;
}
/*****************/
/* Form Style */
.form-bg-2{
padding: 22px;
padding-bottom: 36px;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(60px);
border-radius: 22px;
}
.form-bg-2 .hbspt-form fieldset{
max-width: 100%!important;
margin: 0 -0 22px 0!important;
display: flex;
gap: 22px 24px;
}
.form-bg-2 .hbspt-form fieldset .field,.form-bg-2 .hbspt-form fieldset .hs-dependent-field {
width: 100%!important;
float: none!important;
padding: 0 0;
}
.form-bg-2 .hbspt-form select.hs-input{
appearance: none;
background-image: url('../images/arrow-down.svg');
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-size: 20px;
}
.form-bg-2 label{
font-family: "Roboto", Sans-serif !important;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: -0.015em;
color: #E7EBF2;
margin: 0 0 9px 0;
display: block;
min-height: auto!important;
}
.form-bg-2 .hbspt-form .input{
margin: 0!important;
}
.form-bg-2 .hbspt-form .hs-input {
width: 100%!important;
height: 47px;
margin: 0;
background-color: #3E60B0;
border: 1px solid #ABC4FF;
color: #fff;
font-size: 16px;
line-height: normal;
padding-left: 15px;
font-weight: normal;
font-family: "Roboto", Sans-serif !important;
border-radius: 10px;
box-shadow: none!important;
outline: none!important;
opacity: 1!important;
}
.form-bg-2 .hbspt-form .hs-input:focus{
background-color: #1F2856;
opacity: 1!important;
border: 1px solid #01D0D2;
}
.form-bg-2 .hbspt-form ul{
padding: 0;
margin: 0;
list-style: none;
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox span {
position: relative;
cursor: pointer;
padding: 0 0 0 30px;
margin: 0!important;
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox span p{
font-weight: 500;
font-size: 12px;
line-height: 140%;
color: #CAD3E1;
letter-spacing: -0.015em;
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox span p a,
.form-bg-2 .hbspt-form .hs-form-booleancheckbox label span a{
color: #CAD3E1;
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox span:before {
content:'';
-webkit-appearance: none;
background-color: #DAE0EA;
border: 0.5px solid #686868;
padding: 0;
border-radius: 2px;
width: 19px;
height: 19px;
position: absolute!important;
top: 0;
left: 0;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox input:checked + span:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 7px;
width: 6px;
height: 11px;
border: solid #3E60B0;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox span.hs-form-required{
padding: 0!important;
margin: 0!important;
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox span.hs-form-required::before,
.form-bg-2 .hbspt-form .hs-form-booleancheckbox span.hs-form-required::after{
display: none;
}
.form-bg-2 .hbspt-form .hs-form-booleancheckbox label{
margin: 0;
}
.form-bg-2 .hbspt-form ul.hs-error-msgs {
padding-top: 5px;
}
.form-bg-2 .hbspt-form ul.hs-error-msgs label.hs-error-msg {
color: #f2545b;
}
.form-bg-2 .hbspt-form .hs_submit {
padding: 28px 0 0 0;
}
.form-bg-2 .hbspt-form .hs-button {
width: 100%;
font-weight: 500;
font-size: 18px;
line-height: 140%;
text-align: center;
letter-spacing: -0.015em;
font-family: "Roboto", Sans-serif !important;
color: #202029;
background-color: #01D0D2;
border: 1px solid #01D0D2;
border-radius: 100px;
padding: 14.5px 20px;
}
.form-bg-2 .legal-consent-container .field.hs-form-field{
margin: 0!important;
}
.aggform label {
color: #1F2856;
}
.aggform p {
color: #1F2856 !important;
}
/************** Team Single **************/
.client_text,
.leader_text {
display: none;
}
.show-text {
display: block;
}
.team-single-page {
background: conic-gradient(from 216.12deg at 91.08% 0%, #121534 -21.11deg, #19366D 5.19deg, #04061D 25.47deg, #121534 338.89deg, #19366D 365.19deg);
padding-top: 16.8rem;
padding-bottom: 12rem;
}
.team-wrapper {
margin: 0px auto;
}
.team-single-page .team-name {
font-size: 6.8rem;
margin-top:24px;
margin-bottom: 12px;
}
.team_heading_wrap {
padding-bottom: 48px;
}
.team-role {
font-weight: 600;
color:var(--text-white-50, #FFFFFF80);
margin-bottom:0;
font-size: 21px;
}
.team_content_wrap {
display: flex;
align-items: flex-start;
gap: 40px;
}
.team-content {
flex: 1 1 51%; /* each takes 50% width */
max-width: 51%;
box-sizing: border-box;
}
.team-description {
font-weight: 500;
font-size: 18px;
line-height: 140%;
letter-spacing: -0.02em;
color: #FFFFFFB2;
margin-bottom: 48px;
padding-right: 30px;
}
.team-testimonial {
font-weight: 600;
font-size: 24px;
line-height: 130%;
letter-spacing: -0.02em;
color: var(--light-grey-100, #E7EBF2);
padding-top: 68px;
background: url('../images/qt-icon-top-gr.svg') no-repeat left top;
max-width: 570px;
}
.team-photo {
flex: 1 1 49%; /* each takes 50% width */
max-width: 49%;
box-sizing: border-box;
}
.team-featured-image {
border-radius: 12px;
max-width: 100%;
height: auto;
}
/* Responsive adjustment */
@media (max-width: 768px) {
.team-photo,
.team-content {
flex: 1 1 100%;
max-width: 100%;
}
}
/************************/
.custom_form_style {}
.custom_form_style .hs-form {
display: flex;
flex-direction: column;
gap: 8px;
}
.custom_form_style .hs-richtext {}
.custom_form_style .hs-richtext img {
display: none;
}
.custom_form_style .hs-richtext h2 {
margin-bottom: 48px;
display: none !important;
}
.custom_form_style .hs-richtext h2 span {
font-family: var( --e-global-typography-2cb6b74-font-family ), Sans-serif !important;
font-size: var( --e-global-typography-2cb6b74-font-size ) !important;
font-weight: var( --e-global-typography-2cb6b74-font-weight ) !important;
line-height: var( --e-global-typography-2cb6b74-line-height ) !important;
letter-spacing: var( --e-global-typography-2cb6b74-letter-spacing ) !important;
color: var( --e-global-color-9c30649 );
}
.custom_form_style .hs-form > .hs-form-field,
.custom_form_style .hs-form > .hs-dependent-field > .hs-form-field {
background: var(--background-white-10, #FFFFFF1A);
padding: 22px 40px;
border-radius: 16px;
z-index: 0;
position: relative;
}
.custom_form_style .hs-form > .hs-form-field::before,
.custom_form_style .hs-form > .hs-dependent-field > .hs-form-field::before {
content: "";
position: absolute;
inset: 0; /* fill parent */
border-radius: 16px;
padding: 1px; /* border thickness */
background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.3), rgba(255,255,255,0.05));
background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.05) 100%);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: -1;
}
.custom_form_style .hs-richtext,
.custom_form_style .hs-richtext span {
color: #FFFFFFBF !important;
font-size: 1.6rem !important;
/* font-family: "Roboto", Sans-serif !important; */
font-family: "Rubik", sans-serif !important;
}
.custom_form_style .hs-richtext a {
display: inline-block !important;
}
.custom_form_style .hs-form-field label {
font-weight: 500;
font-size: 1.8rem;
line-height: 140%;
letter-spacing: -0.2px;
position: relative;
padding-left: 40px;
min-height: 32px;
display: flex;
align-items: center;
}
.custom_form_style .hs-form-field > label::before {
/* counter-increment: fieldCount;
content: counter(fieldCount); */
font-weight: 400;
font-size: 1.4rem;
color: #ffffff;
margin-right: 4px;
background: url('../images/number-bg.svg') no-repeat center center;
background-size: cover;
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0px;
top: 0px;
}
.page-id-1947 .hs-form label::before {
content: attr(data-step) "" !important;
}
.custom_form_style .inputs-list {
display: flex;
flex-direction: column;
gap: 9px;
}
.custom_form_style .hs-form-field .hs-form-radio-display,
.custom_form_style .hs-form-field .hs-form-checkbox-display {
font-weight: 400;
font-size: 1.6rem;
margin: 0px;
}
.custom_form_style .hs-form-field .hs-form-radio-display span,
.custom_form_style .hs-form-field .hs-form-checkbox-display span {
position: relative;
display: flex;
gap: 8px;
align-items: center;
cursor: pointer;
width: fit-content;
}
.custom_form_style .hs-form-field .hs-form-radio-display span::before {
content: "";
height: 18px;
width: 18px;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.1);
}
.custom_form_style .hs-form-field .hs-form-radio-display span::after {
content: "";
height: 10px;
width: 10px;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.0);
position: absolute;
left: 4px;
}
.custom_form_style .hs-form-field .hs-form-radio-display input[type="radio"]:checked + span::after {
background-color: rgba(255, 255, 255, 0.6);
}
.custom_form_style .hbspt-form .hs-form-radio .hs-input {
display: none;
}
.custom_form_style .hs-form-field .hs-form-checkbox-display span::before {
content: "";
height: 16px;
width: 16px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.1);
}
.custom_form_style .hs-form-field .hs-form-checkbox-display span::after {
content: "";
display: block;
position: absolute;
left: 5px;
top: 5px;
width: 6px;
height: 11px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
}
.custom_form_style .hs-form-field .hs-form-checkbox-display input[type="checkbox"]:checked + span::after {
opacity: 1;
}
.custom_form_style .hbspt-form .hs-form-checkbox .hs-input {
display: none;
}
.custom_form_style .hbspt-form .hs-fieldtype-textarea .input,
.custom_form_style .hbspt-form .hs-fieldtype-text .input {
border-radius: 8px;
z-index: 0;
position: relative;
}
.custom_form_style .hbspt-form .hs-fieldtype-textarea .input::before,
.custom_form_style .hbspt-form .hs-fieldtype-text .input::before {
content: "";
position: absolute;
inset: 0; /* fill parent */
border-radius: 8px;
padding: 1px; /* border thickness */
background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.05) 100%);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: -1;
}
.custom_form_style .hbspt-form .hs-input {
width: 100%!important;
height: 56px;
margin: 0;
background-color: transparent;
border: 0px solid #ABC4FF;
color: #fff;
font-size: 16px;
line-height: normal;
padding: 16px;
font-weight: normal;
/* font-family: "Roboto", Sans-serif !important; */
font-family: "Rubik", sans-serif !important;
border-radius: 8px;
z-index: 0;
position: relative;
box-shadow: none!important;
outline: none!important;
opacity: 1!important;
display: block;
}
.custom_form_style .hbspt-form .hs-fieldtype-booleancheckbox {
padding-top: 24px;
padding-bottom: 10px;
}
.custom_form_style .legal-consent-container .hs-form-booleancheckbox-display > span {
position: relative;
display: flex !important;
gap: 8px;
align-items: center;
cursor: pointer;
width: fit-content;
/* font-family: "Roboto", Sans-serif !important; */
font-family: "Rubik", sans-serif !important;
font-size: 1.6rem;
font-weight: 400;
line-height: 1;
color: #ffffff;
}
.custom_form_style .legal-consent-container .hs-form-booleancheckbox-display > span::before {
content: "";
height: 16px;
width: 16px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.1);
border: none;
}
.custom_form_style .hbspt-form .legal-consent-container .hs-form-booleancheckbox .hs-form-booleancheckbox-display > span::after {
content: "";
display: block;
position: absolute;
left: 4px;
top: 2px;
width: 6px;
height: 11px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
}
.custom_form_style .hbspt-form .legal-consent-container .hs-form-booleancheckbox .hs-form-booleancheckbox-display input[type="checkbox"]:checked + span::after {
opacity: 1;
}
.custom_form_style .legal-consent-container .hs-form-booleancheckbox-display .hs-input {
display: none !important;
}
.custom_form_style .hs-richtext p {
font-size: 1.2rem !important;
}
.custom_form_style .hbspt-form .hs-form-booleancheckbox label {
padding: 0px !important;
}
.custom_form_style .hs-form > .hs-form-field.hs_email {
margin-bottom: 50px;
}
.custom_form_style .hs_submit .hs-button {
max-width: fit-content;
min-width: 180px;
}
.custom_form_style .hs-form {
display: flex;
flex-direction: column;
gap: 8px;
/* counter-reset: fieldCount; */
}
.custom_form_style .hs-form > .hs-fieldtype-text .input,
.custom_form_style .hs-form > .hs-fieldtype-textarea .input {margin-left: 40px !important;}
/* --- Multi-step container --- */
/* Multi-step form general */
.custom_form_style .hs-form {
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
}
/* Step numbers before label */
.custom_form_style .hs-form-field > label::before {
/* counter-increment: fieldCount; */
/* content: counter(fieldCount); */
content: attr(data-step);
font-weight: 400;
font-size: 1.4rem;
color: #ffffff;
margin-right: 4px;
background: url('../images/number-bg.svg') no-repeat center center;
background-size: cover;
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0px;
top: 0px;
}
#stepCounterText {
color: #4A5565;
font-weight: 400;
font-size: 1.4rem;
line-height: 20px;
/* font-family: "Roboto", Sans-serif!important; */
font-family: "Rubik", sans-serif !important;
}
/* Progress bar */
#progressBar {
width: 100%;
height: 8px;
background: rgba(255,255,255,0.2);
background: #E5E7EB1A;
border-radius: 100px;
margin-bottom: 25px;
}
#progressFill {
width: 0%;
height: 100%;
background: #00BF9A;
background: linear-gradient(179.23deg, #23718D 10.21%, #00BEC0 42.31%, #23718C 75.08%);
border-radius: 100px;
transition: width 0.35s ease;
}
/* Navigation buttons */
#formNavButtons {
display: flex;
gap: 12px;
margin-top: 20px;
}
#formNavButtons button {
padding: 9.5px 20px;
border-radius: 100px;
cursor: pointer;
min-width: 141px;
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
#formNavButtons button.back {
color: var(--light-grey-500, #A8B7CF);
background: #252C3F4D;
}
#formNavButtons button.next {
background: linear-gradient(248.66deg, #0F174C 0%, #1A315A 50%, #0F174C 100%);
color: #ffffff;
}
#formNavButtons button:disabled {
cursor: not-allowed;
}
/* Optional numeric circles */
#progressCircles {
display: flex;
gap: 10px;
margin-bottom: 20px;
display: none;
}
#progressCircles .circle {
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(255,255,255,0.2);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
#progressCircles .circle.active {
background: #00BF9A;
}
.message-text {
padding: 76px 65px 104px 374px !important;
background-color: rgba(255, 255, 255, 0.1) !important;
border-radius: 15px !important;
max-width: 1059px !important;
width: 100% !important;
margin-left: -400px !important;
min-width: 1059px !important;
}
@media (min-width:1200px) and (max-width:1299px){
.message-text {
padding: 76px 65px 104px 234px !important;
max-width: 910px !important;
margin-left: -300px !important;
min-width: 900px !important;
}
}
@media (min-width:768px) and (max-width:991px){
.message-text {
padding: 76px 65px 104px 170px !important;
max-width: 910px !important;
margin-left: -220px !important;
min-width: 600px !important;
}
}
@media (min-width:320px) and (max-width:767px){
.message-text {
padding: 50px 20px 50px 20px !important;
max-width: 910px !important;
margin-left: 0px !important;
min-width: 300px !important;
text-align: center !important;
}
}
/*****************/
#policy-and-site-terms table{
word-wrap:break-word;
}
#policy-and-site-terms tr td:nth-child(1){
padding: 14px 12px 11px 18px !important;
}
#policy-and-site-terms tr td:nth-child(2){
padding: 14px 13px 14px 18px !important
}
#policy-and-site-terms tr td:nth-child(3){
width:45% !important;
padding: 14px 27px 14px 22px !important
}
#policy-and-site-terms tr td:nth-last-child(1){
padding: 14px 16px 14px 15px !important
}
#policy-and-site-terms tr td a{
color: #64EAFA;
}
.main-table{
border: 1px solid #fff;
margin-bottom:40px !important;
}
.main-table .elementor-widget-container{
margin-bottom:0px !important;
}
.main-table tr th{
font-size:22px;
font-weight:400;
line-height:normal;
vertical-align:top;
padding:13px 18px;
border-right: 1px solid rgba(255, 255, 255, 0.50);
}
.main-table tr td{
font-size:13px;
line-height:22px;
vertical-align:top;
border-right: 1px solid rgba(255, 255, 255, 0.50);
border-top: 1px solid rgba(255, 255, 255, 0.50);
}
.main-table tr td:nth-child(1){
width:298px;
padding: 14px 18px 20px;
}
.main-table tr td:nth-child(2){
width:228px;
padding: 14px 17px 20px;
}
.main-table tr td:nth-last-child(1){
width:348px;
padding: 14px 18px 20px 15px;
}
.main-table tr:nth-last-child(1) td{
padding-bottom:10px;
}
@media only screen and (min-width: 320px) and (max-width: 370px){
#policy-and-site-terms tr th{
font-size:16px;
}
#policy-and-site-terms tr td:nth-child(1){
max-width:60px;
padding: 9px 5px 9px 6px !important;
}
#policy-and-site-terms tr td:nth-child(2){
max-width:65px;
padding: 9px 5px 9px 6px !important;
}
#policy-and-site-terms tr td:nth-child(3){
max-width:95px;
padding: 9px 3px 9px 6px !important;
}
#policy-and-site-terms tr td:nth-last-child(1){
max-width:80px;
padding: 9px 5px 9px 6px !important;
}
}
@media (min-width:320px) and (max-width:767px){
.main-table{
width: 100%;
}
.main-table tr th{
font-size: 18px;
line-height: 21px;
padding: 7px 6px ;
}
.main-table tr td{
font-size: 11px;
line-height: 13px;
padding: 7px 6px ;
}
.main-table tr td:nth-child(1){
padding: 7px 6px;
width: auto;
max-width: 90px;
}
.main-table tr td:nth-child(2){
padding: 7px 6px;
width: auto;
max-width: 74px;
}
.main-table tr td:nth-child(3){
padding: 7px 6px;
width: auto;
max-width: 120px;
}
}
/*********** Podcast ********/
.single-podcast .podcast-section {
padding-top: 150px;
padding-bottom: 108px;
background-image: url('../images/podcast-bg.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.podcast-data {
max-width: 873px;
width: 100%;
margin: 0 auto;
}
.articles-btn {
margin: 0 0 30px 0;
display: table;
color: #fff;
font-weight: 300;
font-size: 22px;
line-height: 135%;
text-decoration: none;
}
.podcast-data h1 {
margin: 0 0 25px 0;
}
.podcast-data h5 {
font-weight: 300 !important;
font-size: 22px !important;
line-height: 135% !important;
color: #FFFFFF;
display: flex;
flex-wrap: wrap;
margin: 0 0 30px 0;
}
.podcast-data h5 a {
color: #fff;
}
.podcast-data h5 ul {
list-style: none;
margin: 0 7px 0 0;
}
.podcast-data iframe {
margin: 18px 0 57px 0;
}
.articles-btn:hover {
color: #fff;
}
.podcast-data p {
margin: 7px 0;
}
.podcast-data ul li {
margin-left: 15px;
padding: 2px 0;
font-size: 15px;
}
.podcast-data p a,
.podcast-data ul li a {
color: #fff;
}
.single ul.post-categories li {
padding: 0px !important;
}
.podcast-data.Video iframe {
width: 100%;
min-height: 490px;
}
/* Related Slider Section */
.related-slider-section {
padding: 75px 0 45px 0;
background-size: cover;
background-image: url('../images/slider-bg.jpg');
background-repeat: no-repeat;
background-position: center;
}
.related-slider-parent {
padding: 0 0 0 125px;
}
.related-slider-parent h2 {
margin: 0 0 43px 0;
font-weight: 400 !important;
}
.related-slider-block figure img {
width: 100%;
object-fit: cover;
border-radius: 15px;
height: 178px;
}
.related-slider-block h5 {
font-size: 1.4rem !important;
line-height: 17px !important;
font-weight: 400 !important;
color: #fff;
display: flex;
flex-wrap: wrap;
margin: 34px 0 0 0;
}
.related-slider-block h5 ul {
list-style: none;
margin: 0 6px 0 0;
}
.related-slider-block h5 a {
color: #fff;
}
.related-slider-block h3 {
margin: 13px 0 0 0;
font-size: 20px !important;
line-height: 24px !important;
font-weight: 400 !important;
color: #fff;
}
.related-slider-block h3 a {
color: #fff;
text-decoration: none;
}
.related-slide-button {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 48px 112px 0 0;
}
/***************/
/* Awareness Page */
.awareness-text-dark p {
color: #09103F !important;
/* font-size: 20px !important;
line-height: 30px !important;
letter-spacing: 0.5px !important; */
font-weight: 400;
}
.awareness-video-col {
max-width: 1000px !important;
margin: 0 auto !important;
}
.awareness-hero .elementor-container.elementor-column-gap-default {
max-width: 1286px !important;
}
.awareness-hero-text p {
font-weight: 400;
/* font-size: 19.99px;
line-height: 28.99px;
letter-spacing: 0.5px; */
color: #FFFFFF;
}
#awareness-hero-2:before {
content: " ";
background: url("https://web.y-tree.com/wp-content/uploads/2025/11/awareness-hero-frame.png");
height: 100%;
width: 85vh;
top: 0;
right: 0;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
min-width: 430px;
}
@media (min-width: 1024px) and (max-width: 1440px) {
.grey-slider-block {
padding: 15px 14px !important;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
#awareness-hero-2>.elementor-container {
align-items: end !important;
min-height: 95vh;
}
#awareness-hero-2:before {
width: 80vh;
}
}
@media (max-width:1024px) {
.awareness-hero .elementor-container.elementor-column-gap-default {
flex-direction: column-reverse !important;
}
.awareness-hero .awareness-hero-col-2 {
height: 300px !important;
}
#awareness-hero-2>.elementor-container {
align-items: end !important;
}
}
@media (max-width:767px) {
.awareness-smart-finance {
background-image: none !important;
background-color: #FFF !important;
}
.awareness-benefits-cards .elementor-container.elementor-column-gap-custom {
gap: 40px;
}
.awareness-benefits-cards .elementor-widget-wrap.elementor-element-populated {
padding: 0 0 0 20px !important;
}
.awareness-benefits-cards p {
font-size: 18px !important;
line-height: 130% !important;
width: 100% !important;
}
#awareness-hero-2:before {
width: 65vh;
min-width: 375px;
}
.awareness-hero-text p {
font-size: 18px !important;
line-height: 130%;
}
.awareness-text-dark p {
color: #09103F !important;
font-size: 18px !important;
line-height: 150% !important;
letter-spacing: 0.25px !important;
font-weight: 400;
}
}
@media (min-width:525px) {
.larger-btn {
display: none !important;
}
}
@media (max-width: 525px) {
.larger-btn {
display: block !important;
}
}
@media (max-width: 375px) {
#awareness-hero-2:before {
width: 44vh;
min-width: 340px;
}
.awareness-hero-col-1>.elementor-element-populated {
padding: 0 !important;
}
}
.awareness-btn .btn {
padding: 8px 40px !important;
line-height: 100% !important;
}
.awareness-testimonial .awareness-btn {
text-align: center !important;
}
.awareness-benefits-cards p {
font-family: "Rubik", sans-serif;
/* font-size: 19.99px;
line-height: 28.99px;
letter-spacing: 0px; */
color: #09103F;
width: 85%;
}
.meet-with-us-btn a:hover {
background-color: transparent !important;
color: #fff !important;
border: 2px solid #FFFFFF;
transition: 0.3s ease all;
}
/* Education page */
.elementor-section.elementor-section-boxed.width-993>.elementor-container {
max-width: 993px !important;
}
.custom-accordion-style .elementor-accordion-item {
padding: 0 0 20px 0;
border: none !important;
border-bottom: 1px solid #09103F !important;
}
.custom-accordion-style .elementor-accordion-item:first-child {
border-top: 1px solid #09103F !important;
}
.custom-accordion-style.accordion-style-white .elementor-accordion-item,
.custom-accordion-style.accordion-style-white .elementor-accordion-item:first-child{
border-color: #fff !important;
}
.custom-accordion-style .elementor-accordion-item .elementor-accordion-icon svg {
width: 32px !important;
}
.custom-accordion-style .elementor-accordion-item .elementor-accordion-icon svg {
width: 32px !important;
height: 32px !important;
}
.custom-accordion-style .elementor-accordion-item h6 {
font-weight: 400;
font-size: 19.99px;
font-size: 18px;
line-height: 28.99px;
letter-spacing: 0%;
}
.icon-box-block .elementor-icon-box-icon {
width: 105px;
}
.icon-box-block .elementor-icon-box-icon .elementor-icon {
width: 100%;
padding: 20.5px 28.5px !important;
}
.custom-accordion-border .elementor-accordion-item {
border-bottom: 1px solid #01D0D2 !important;
}
.custom-accordion-border .elementor-accordion-item:first-child {
border-top: 1px solid #01D0D2 !important;
}
.custom-accordion-style.br-white .elementor-accordion-item {
border-bottom: 1px solid #ffffff !important;
}
.custom-accordion-style.br-white .elementor-accordion-item:first-child {
border-top: 1px solid #ffffff !important;
}
/*******************/
.our-client-slider-text {
padding: 0 30px 0 0;
}
.our-client-slider-text h2 {
margin: 0 0 32px 0;
color: #09103F;
font-weight: 400;
font-size: 44px;
line-height: 57.98px;
letter-spacing: 0%;
}
.our-client-slider-text p {
margin: 0 0 0 0;
color: #09103F;
font-weight: 400;
font-size: 20px;
line-height: 28.99px;
letter-spacing: 0%;
}
.our-client-slider-data {
width: 100%;
max-width: 618px;
margin: 0 0 0 auto;
}
.our-client-slider-wrap {
width: 100%;
background-color: #09103F;
border-radius: 20px;
padding: 30px 72px;
min-height: 561px;
display: flex;
align-items: center;
}
.our-client-pagination .swiper-pagination-bullet {
background-color: #09103F !important;
opacity: 0.5 !important;
}
.our-client-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1 !important;
}
.our-client-slider-block {
text-align: center;
}
.our-client-slider-block img {
height: 64px !important;
object-fit: contain;
margin: 0 auto 48px auto;
display: table;
}
.our-client-slider-block p {
color: #fff;
font-weight: 400;
font-size: 28px;
line-height: 130%;
letter-spacing: 0%;
margin: 0 0 48px 0;
}
.our-client-slider-block h6 {
color: #01D0D2;
font-weight: 600;
font-size: 24px;
line-height: normal;
letter-spacing: 0%;
margin: 0 0 0 0;
}
/* our clients full slider*/
.our-client-full-slider-text {
padding: 0 30px 0 0;
}
.our-client-full-slider-text h2 {
margin: 0 0 32px 0;
color: #09103F;
font-weight: 400;
font-size: 44px;
line-height: 57.98px;
letter-spacing: 0%;
}
.our-client-full-slider-text p {
margin: 0 0 0 0;
color: #09103F;
font-weight: 400;
font-size: 20px;
line-height: 28.99px;
letter-spacing: 0%;
}
.our-client-full-slider-data {
width: 100%;
}
.our-client-full-slider-wrap {
width: 100%;
margin: 0 0 0 auto;
background-color: #09103F;
border-radius: 20px;
padding: 30px 72px;
min-height: 561px;
display: flex;
align-items: center;
justify-content: center;
max-width: 618px;
}
.our-client-full-pagination .swiper-pagination-bullet {
background-color: #09103F !important;
opacity: 0.5 !important;
}
.our-client-full-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1 !important;
}
.our-client-full-pagination.swiper-horizontal>.swiper-pagination-bullets,
.our-client-full-pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
.our-client-full-pagination.swiper-pagination-custom,
.our-client-full-pagination.swiper-pagination-fraction {
bottom: 0px !important;
width: 5% !important;
}
.our-client-full-slider-block {
text-align: center;
}
.our-client-full-slider-block img {
height: 64px !important;
object-fit: contain;
margin: 0 auto 48px auto;
display: table;
}
.our-client-full-slider-block p {
color: #fff;
font-weight: 400;
font-size: 28px;
line-height: 130%;
letter-spacing: 0%;
margin: 0 0 48px 0;
}
.our-client-full-slider-block h6 {
color: #01D0D2;
font-weight: 600;
font-size: 24px;
line-height: normal;
letter-spacing: 0%;
margin: 0 0 0 0;
}
.step-circle-slider-section {
max-width: 1208px;
width: 100%;
margin: 0 auto;
}
.step-circle-slider .swiper-slide {
width: 184px;
}
.step-circle-slider-block {
width: 184px;
height: 184px;
background-color: #fff;
padding: 44px 37px 20px 37px;
border-radius: 1000px;
text-align: center;
position: relative;
}
.step-circle-slider-block::after {
content: "";
width: 49px;
height: 5px;
background-image: url('../images/dot.png');
background-position: center;
background-repeat: no-repeat;
background-size: 49px;
position: absolute;
right: -60px;
top: 50%;
transform: translateY(-50%);
}
.step-circle-slider-block .step-count {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: #09103F;
background-color: #01D0D2;
border-radius: 100px;
font-weight: 600;
font-size: 20.85px;
line-height: 26.06px;
letter-spacing: -0.07px;
text-align: center;
margin: 0 auto;
}
.step-circle-slider-block h4 {
margin: 19px 0 0 0;
color: #09103F;
font-weight: 600 !important;
font-size: 16px !important;
line-height: 18px !important;
letter-spacing: -0.07px !important;
}
/********* PWC ****************/
.register-form {
padding: 48px 39px 48px 37px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 40px;
max-width: 930px;
width: 100%;
}
.register-form h2{
color: #F5F5F5;
margin: 0 0 20px 0;
font-size: 30px;
line-height: 38px;
}
.register-form p{
color: #F5F5F5;
margin: 0 0 47px 0;
font-size: 22px;
font-weight: 300;
line-height:29px;
}
.register-form p b {font-weight: 600;}
.register-form fieldset{
width: 100%;
max-width: 100%;
margin: 0px !important;
}
.register-form label{
font-size: 15px;
line-height: 22px;
width: 100%;
}
.register-form .hs-input {
border: none;
background-color: transparent;
border-bottom: 2px solid #fff;
font-size: 16px;
line-height: 175%;
color: #FFFFFF;
padding: 0 0 7px 0;
box-shadow: none!important;
outline: none!important;
width: 100%!important;
appearance: none!important;
height: 29px;
border-radius: 0!important;
}
.register-form select.hs-input {
color:rgba(255,255,255,0.5);
}
.register-form select.hs-input option{
background-color: transparent !important;
border: 0px solid #e4e4e4;
color: #000;
-webkit-appearance: none;
-moz-appearance: none;
}
.register-form .field {
margin: 0 0 36px 0;
}
.register-form ul{
list-style: none;
}
.register-form .hs-form-booleancheckbox{
margin: 0 0 30px 0;
}
.register-form .hs-form-booleancheckbox .hs-input{
width: 12px !important;
height: 12px;
padding: 0;
border: 1px solid #F5F5F5;
margin: 5px 10px 0 0!important;
}
.register-form .hs-form-booleancheckbox p{
font-size: 16px;
line-height: 18px;
}
.desktop-hide{
display: none!important;
}
.register-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display input {
padding: 0;
height: initial;
width: initial;
margin: 0;
display: none;
cursor: pointer;
}
.register-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display span {
position: relative;
margin: 0;
cursor: pointer;
}
.register-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display span::before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #F5F5F5;
padding: 0;
width: 13px;
height: 13px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin: 0 10px 0 0;
}
.register-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display input:checked + span::after {
content: '';
display: block;
position: absolute;
top: 6px;
left: 5px;
width: 4px;
height: 8px;
border: solid #F5F5F5;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}
.register-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display .hs-form-required::before {
display: none;
}
.register-form .hbspt-form .hs_submit {
padding:0;
}
.register-form .hs-button {
font-weight: 400!important;
font-size: 15px!important;
line-height: 19px!important;
text-align: center!important;
text-transform: uppercase!important;
color: #000000!important;
background: #36C6D9!important;
border-radius: 100px!important;
transition: all 0.5s ease !important;
border: 2px solid #36C6D9!important;
padding: 8px 42px!important;
max-width: fit-content;
}
.register-form .hbspt-form p{
margin: 0;
}
.form-image{
display: none;
max-width: 222px!important;
width: 100%!important;
margin: 0 0 0 0;
}
.ourcommunity-section .clients-section {
background: #080128a8;
}
.ourcommunity-section .clients-block{
background-color: rgba(52, 131, 159, 0.2);
}
.mobile-block{
display: none;
}
.shareholders-register-form{
max-width: 618px;
width: 100%;
margin: 0 0 0 auto;
}
.shareholders-register-form .register-form .field{
margin-bottom: 30px;
}
.shareholders-register-form .register-form h2{
margin-bottom: 33px;
}
.register-form h6{
color: #F5F5F5;
font-size: 15px;
line-height: 22px;
margin: 30px 0 10px 0;
}
.registerform-image{
display: none;
max-width: 336px!important;
width: 100%!important;
margin: 47px 0 -130px -37px;
}
.list-border .elementor-icon-list-items {
position: relative;
z-index: 9;
}
.list-border .elementor-icon-list-items:before {
content: "";
position: absolute;
left: 9px;
top: 10px;
bottom: 0;
width: 0.5px;
z-index: -1;
background: rgba(255, 255, 255, 0.5);
}
.list-border .elementor-icon-list-items svg {
background: #080228;
}
.register-form.no-bg {
background-color: transparent !important;
}
ul.elementor-icon-list-items {
list-style: none;
}
.bird-form-block{
padding:0!important;
border:none!important;
}
.bird-form-block label{
color:#000;
}
.bird-form-block .hs-input{
border-bottom:1px solid #000000!important;
color: #000!important;
background-color: transparent!important;
}
.bird-form-block .hs-input:focus{
color: #000!important;
background-color: transparent!important;
}
.bird-form-block .hs-form-booleancheckbox .hs-form-booleancheckbox-display span::before {
width:19px;
height:19px;
border:1.5px solid #000;
}
.bird-form-block label.hs-form-booleancheckbox-display span p{
color:#000!important;
line-height:29px;
font-size:12px;
}
.bird-form-block .hs-form-booleancheckbox .hs-form-booleancheckbox-display input:checked + span::after{
border: solid #36C6D9;
border-width: 0 1px 1px 0;
top: 6px;
left: 7px;
width: 5px;
height: 12px;
}
.bird-form-block label.hs-form-booleancheckbox-display span p a{
color: #000;
}
/**************/
.elementor-widget-image-carousel {}
/* .elementor-widget-image-carousel .swiper {
padding-bottom: 70px;
} */
.elementor-widget-image-carousel .swiper .elementor-swiper-button {
top: auto !important;
bottom: 5px !important;
height: 44px;
width: 44px;
transform: translateY(0) !important;
}
.elementor-widget-image-carousel .swiper .elementor-swiper-button svg { display: none;}
.elementor-widget-image-carousel .swiper .elementor-swiper-button-prev {
background: url('../images/arrow-button-white.svg') no-repeat center center;
background-size: cover;
left: calc(50% - 46px) !important;
}
.elementor-widget-image-carousel .swiper .elementor-swiper-button-next {
background: url('../images/arrow-button-white-2.svg') no-repeat center center;
background-size: cover;
right: calc(50% - 46px) !important;
}
.elementor-widget-image-carousel .swiper .elementor-swiper-button-prev:hover {
background: url('../images/arrow-buton-hover-2.svg') no-repeat center center;
}
.elementor-widget-image-carousel .swiper .elementor-swiper-button-next:hover {
background: url('../images/arrow-button-hover.svg') no-repeat center center;
}
.elementor-widget-image-carousel .swiper .swiper-slide {
padding: 0 11px;
}
/* Splitting will wrap lines with .line and an inner span .line > span */
/* REQUIRED for Splitting.js to generate line structure */
.split-title {
display: block;
width: 100%;
white-space: normal;
}
.splitting .word {
display: inline-block;
}
.splitting .line {
display: block;
overflow: hidden; /* for reveal animation */
}
.splitting .line > span {
display: inline-block;
transform: translateY(100%);
}
.team_info_btn {
width: 32px;
height: 32px;
position: absolute;
right: 16px;
top: 16px;
cursor: pointer;
z-index: 9;
display: none;
}
.team_info_btn img {
object-fit: contain;
height: 100% !important;
width: 100%;
border-radius: 0 !important;
}
/* Disable hover behavior on mobile */
@media (max-width: 1024px) {
.lpf-layout-grid .lpf-post .lpf-post-content {
top: 0px;
}
.lpf-layout-grid .lpf-post:hover .lpf-post-content {
top: 0;
opacity: 0; /* or whatever your default hidden state is */
justify-content: end;
}
.team_info_btn {
display: block;
}
.lpf-layout-grid .lpf-post .lpf-post-content.open {
opacity: 1;
top: 0px;
}
}
.page-id-3589 .lpf-layout-grid.pp-desktop-6{
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
.page-id-3589 .lpf-layout-grid.pp-tablet-2 {
grid-template-columns: repeat(2, 1fr);
}
.page-id-3589 .lpf-layout-grid.pp-tablet-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.page-id-3589 .lpf-layout-grid.pp-mobile-1,
.page-id-3589 .lpf-layout-grid.news-posts-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.register-form {
padding: 30px 10px;
}
}
div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
background-color: var( --e-global-color-e1c6590 ) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
background-color: var( --e-global-color-e1c6590 ) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
margin: 0 0px 12px !important;
color: var( --e-global-color-text ) !important;
font-size: 12px !important;
/* font-family: 'Roboto' !important; */
font-family: "Rubik", sans-serif !important;
}
div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
background-color: #01D0D2 !important;
border: 1px solid #01D0D2 !important;
color: #202029 !important;
border-radius: 100px !important;
font-weight: var( --e-global-typography-44c7be0-font-weight ) !important;
text-align: center !important;
font-family: var( --e-global-typography-44c7be0-font-family ), Sans-serif !important;
font-size: var( --e-global-typography-cf1086a-font-size ) !important;
}
div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
border: 1px solid #ffffff!important;
color: #202029 !important;
background-color: #ffffff !important;
font-weight: var( --e-global-typography-44c7be0-font-weight ) !important;
font-family: var( --e-global-typography-44c7be0-font-family ), Sans-serif !important;
font-size: var( --e-global-typography-cf1086a-font-size ) !important;
text-align: center !important;
border-radius: 100px !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
color: #01D0D2 !important;
font-family: var( --e-global-typography-44c7be0-font-family ), Sans-serif !important;
}
/* @media screen and (min-width: 769px) {
.hbspt-form .hs-button {
max-width: 199px;
}
}
@media screen and (max-width: 769px) {
} */
.page-id-2990 #label-are_you_a_uk_resident-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "1";
}
.page-id-2990 #label-are_you_a_uk_citizen-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "2";
}
.page-id-2990 #label-do_hold_any_us_status__eg_us_citizen__green_card_holder_-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "3";
}
.page-id-2990 #label-employment_status_-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "4";
}
.page-id-2990 #label-how_much_additional_capital_do_you_set_aside_as_cash_or_for_investment_each_year_-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "5";
}
.page-id-2990 #label-do_you_work_with_a_financial_adviser_-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "6";
}
.page-id-2990 #label-how_do_you_currently_invest_your_money_-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "7";
}
.page-id-2990 #label-is_there_anything_else_that_you_think_would_be_relevant_to_a_discussion_with_y_tree_-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "8";
}
.page-id-2990 #label-email-d9c73ecd-0c05-45f7-ad9d-10b59ef2b875:before {
content: "9";
}
.bar-fill {
min-width: 75px !important;
}
.fee-wrapper .chart-card {
max-width: 1100px;
margin: 0 auto;
}
.single-blog .post_header_img {
background-position: center !important;
}
.ita-container a.ita-link {
color: #272727;
border-left: 3px solid var(--teal-100, #01D0D2);
align-items: baseline;
}
.ita-container .ita-link .ita-num, .ita-container .ita-item.active .ita-num {
color: #1E56DA;
}
.ita-container .ita-link:hover, .ita-container .ita-item.active .ita-link {
color: var(--bs-link-hover-color);
}
.page-id-9739 .elementor-9739 .elementor-element.elementor-element-966d3c9 .difference-section .difference-block {
min-height: 230px;
}