@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --baseFont: "Inter Tight", sans-serif;
     /* Primary */
    --dark-blue: #152266;
    --blue: #3C95FF;
    --light-blue: #97B9E2;
    --white: #FFFFFF;
    --whiteRGB: 255,255,255;
    --black: #000000;
    --blackRGB: 0,0,0;
    --black-07: #070707;
    /* Secondary */
    --lightBg1: #F6F8FA;
    --lightBg2: #EFF6FF;
    --lightBg3: #ECEFF3;
    --lightBg4: #E2EEFF;
    --green: #00A300;
    --secondary-light-blue: #A5CBE6;
    --light-brown: #DCCDB4;
    /* Status Colors */
    --success-500: #22CAAD;
    --error-500: #EB3D4D;
    --warning-500: #F9C80E;
    /* Black Variants */
    --black-50: #E9E9EA;
    --black-300: #777980;
    --black-400: #4A4C56;
    --black-500: #1D1F2C;
    --lineGray: #A5A5AB;
    --borderD2D: #D2D2D5;
    --borderD0D: #D0D5DD;
}

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {scroll-behavior: smooth;padding: 0;margin: 0;}
body {color: var(--black-500);font-family: var(--baseFont);margin: 0;line-height: normal;overflow-x: hidden;font-size: 18px;background-color: var(--white);height: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
img {max-width: 100%;vertical-align: middle;transition: 0.2s all ease;}
svg, svg * {transition: 0.2s all ease;}

a,button {-webkit-transition: .3s all ease;-moz-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;text-decoration: none;cursor: pointer;}
a,button,.btn {text-decoration: none !important;}
button:focus,input:focus,select:focus,textarea:focus,.btn:focus,.btn:active:focus {text-shadow: none;}
a:active {text-shadow: none;}
button {box-shadow: none;cursor: pointer;text-shadow: none;}
input {-webkit-transition: 0.2s all ease-in-out;-moz-transition: 0.2s all ease-in-out;-ms-transition: 0.2s all ease-in-out;transition: 0.2s all ease-in-out;text-shadow: none;}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;text-shadow: none;box-shadow: none;background-image: none;letter-spacing: 0;}
button,input,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {-webkit-appearance: none;overflow: auto;}
textarea,input[type="text"],input[type="url"],input[type="email"],input[type="password"],input[type="tel"] {font-family: var(--baseFont);font-style: normal;box-shadow: none;}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
input[type="number"] {-moz-appearance: textfield;}

strong {font-weight: 700;}
h1,h2,h3,h4,h5,h6,p {margin: 0;font-family: var(--baseFont);font-style: normal;line-height: normal;}
.h1,.h2,.h3,.h4,.h5,.h6 {margin: 0;font-family: var(--baseFont);font-style: normal;line-height: normal;}
p {line-height: 1.8;}
p+p {margin-top: 15px;}

h1,.h1 {font-size: 64px;line-height: 1.2;font-weight: 600;overflow-wrap: break-word;word-break: break-word;}
h2,.h2 {font-size: 32px;line-height: 1.2;font-weight: 500;overflow-wrap: break-word;word-break: break-word; margin-bottom: 10px;}
h3,.h3 {font-size: 40px;line-height: 1.2;font-weight: 600;overflow-wrap: break-word;word-break: break-word; margin-bottom: 10px;}

.subtitle-1 {font-size: 32px;font-weight: 500; line-height: 1.3;}
h4, .h4, .subtitle-2 {font-size: 24px;font-weight: 600; line-height: 1.3;overflow-wrap: break-word;word-break: break-word; margin-bottom: 10px;}
.subtitle-3 {font-size: 20px;font-weight: 600; line-height: 1.3;}
.subtitle-4 {font-size: 20px;font-weight: 500; line-height: 1.3;}
.subtitle-5 {font-size: 18px;font-weight: 500; line-height: 1.3;}

.body-1 {font-size: 18px;font-weight: 400; line-height: 1.8;}
.body-2 {font-size: 16px;font-weight: 400; line-height: 1.8;}
.body-3 {font-size: 14px;font-weight: 400; line-height: 1.8;}

ul,ol {list-style: none;padding: 0;margin: 0;}

.container-wrapper-full {max-width: 100%;margin: 0 auto;padding: 0 15px;}
.container-wrapper {max-width: 1352px;margin: 0 auto;padding: 0 16px;width: 100%;}

.row-grid {display: flex;flex-direction: row;flex-wrap: wrap;margin-inline: -12px;gap: 20px 0;}
.no-gap {margin-right: 0 !important;margin-left: 0 !important;}
.no-gap>[class*="col-"] {padding-right: 0;padding-left: 0;}

.col, .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {position: relative;padding-inline: 12px;}
.col {flex: 1 0 0;}
.col-1 {flex: 0 0 8.33%;max-width: 8.33%;}
.col-2 {flex: 0 0 16.66%;max-width: 16.66%;}
.col-3 {flex: 0 0 25%;max-width: 25%;}
.col-4 {flex: 0 0 33.33%;max-width: 33.33%;}
.col-5 {flex: 0 0 41.66%;max-width: 41.66%;}
.col-6 {flex: 0 0 50%;max-width: 50%;}
.col-7 {flex: 0 0 58.33%;max-width: 58.33%;}
.col-8 {flex: 0 0 66.66%;max-width: 66.66%;}
.col-9 {flex: 0 0 75%;max-width: 75%;}
.col-10 {flex: 0 0 83.33%;max-width: 83.33%;}
.col-11 {flex: 0 0 91.66%;max-width: 91.66%;}
.col-12 {flex: 0 0 100%;max-width: 100%;}

.d-flex-row {display: flex;flex-flow: row wrap;}
.d-flex-col {display: flex;flex-direction: column;}

.as-center {align-self: center !important;}
.ai-start {align-items: start !important;}
.ai-center {align-items: center !important;}
.ai-end {align-items: end !important;}

.jc-start {justify-content: start !important;}
.jc-center {justify-content: center !important;}
.jc-end {justify-content: end !important;}
.jc-space-between {justify-content: space-between !important;}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}

.mt-auto {margin-top: auto !important;}
.mb-auto {margin-bottom: auto !important;}
.m-auto {margin: 0 auto !important;}
.d-none {display: none !important;}
.m0 {margin: 0 !important;}
.p0 {padding: 0 !important;}

.di-flex {display: inline-flex !important;}
.di-block {display: inline-block !important;}
.d-block {display: block !important;}

.f-24 {font-size: 24px !important;}
.f-20 {font-size: 20px !important;}
.f-18 {font-size: 18px !important;}
.f-14 {font-size: 14px !important;}
.f-12 {font-size: 12px !important;}
.f-10 {font-size: 10px !important;}

.font-x-bold {font-weight: 800 !important;}
.font-bold {font-weight: 700 !important;}
.font-semi-bold {font-weight: 600 !important;}
.font-medium {font-weight: 500 !important;}
.font-normal {font-weight: 400 !important;}
.font-light {font-weight: 300 !important;}
.font-x-light {font-weight: 200 !important;}

.border-radius-none {border-radius: none !important;}

.border-0 {border: 0 !important;}
.border-top-0 {border-top: 0 !important;}
.border-bottom-0 {border-bottom: 0 !important;}
.border-left-0 {border-left: 0 !important;}
.border-right-0 {border-right: 0 !important;}

.m-4 {margin: 4px !important;}
.mt-4 {margin-top: 4px !important;}
.mb-4 {margin-bottom: 4px !important;}
.ml-4 {margin-left: 4px !important;}
.mr-4 {margin-right: 4px !important;}

.p-4 {padding: 4px !important;}
.pt-4 {padding-top: 4px !important;}
.pb-4 {padding-bottom: 4px !important;}
.pl-4 {padding-left: 4px !important;}
.pr-4 {padding-right: 4px !important;}

.g-4 {gap: 4px !important;}
.gy-4 {gap: 4px 0  !important;}
.gx-4 {gap: 0 4px !important;}

.m-5 {margin: 5px !important;}
.mt-5 {margin-top: 5px !important;}
.mb-5 {margin-bottom: 5px !important;}
.ml-5 {margin-left: 5px !important;}
.mr-5 {margin-right: 5px !important;}

.p-5 {padding: 5px !important;}
.pt-5 {padding-top: 5px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pl-5 {padding-left: 5px !important;}
.pr-5 {padding-right: 5px !important;}

.g-5 {gap: 5px !important;}
.gy-5 {gap: 5px 0  !important;}
.gx-5 {gap: 0 5px !important;}

.m-8 {margin: 8px !important;}
.mt-8 {margin-top: 8px !important;}
.mb-8 {margin-bottom: 8px !important;}
.ml-8 {margin-left: 8px !important;}
.mr-8 {margin-right: 8px !important;}

.p-8 {padding: 8px !important;}
.pt-8 {padding-top: 8px !important;}
.pb-8 {padding-bottom: 8px !important;}
.pl-8 {padding-left: 8px !important;}
.pr-8 {padding-right: 8px !important;}

.g-8 {gap: 8px !important;}
.gy-8 {gap: 8px 0  !important;}
.gx-8 {gap: 0 8px !important;}

.m-10 {margin: 10px !important;}
.mt-10 {margin-top: 10px !important;}
.mb-10 {margin-bottom: 10px !important;}
.ml-10 {margin-left: 10px !important;}
.mr-10 {margin-right: 10px !important;}

.p-10 {padding: 10px !important;}
.pt-10 {padding-top: 10px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pl-10 {padding-left: 10px !important;}
.pr-10 {padding-right: 10px !important;}

.g-10 {gap: 10px !important;}
.gy-10 {gap: 10px 0  !important;}
.gx-10 {gap: 0 10px !important;}

.m-15 {margin: 15px !important;}
.mt-15 {margin-top: 15px !important;}
.mb-15 {margin-bottom: 15px !important;}
.ml-15 {margin-left: 15px !important;}
.mr-15 {margin-right: 15px !important;}

.p-15 {padding: 15px !important;}
.pt-15 {padding-top: 15px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pl-15 {padding-left: 15px !important;}
.pr-15 {padding-right: 15px !important;}

.g-15 {gap: 15px !important;}
.gy-15 {gap: 15px 0  !important;}
.gx-15 {gap: 0 15px !important;}

.m-20 {margin: 20px !important;}
.mt-20 {margin-top: 20px !important;}
.mb-20 {margin-bottom: 20px !important;}
.ml-20 {margin-left: 20px !important;}
.mr-20 {margin-right: 20px !important;}

.p-20 {padding: 20px !important;}
.pt-20 {padding-top: 20px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pl-20 {padding-left: 20px !important;}
.pr-20 {padding-right: 20px !important;}

.g-20 {gap: 20px !important;}
.gy-20 {gap: 20px 0  !important;}
.gx-20 {gap: 0 20px !important;}

.m-30 {margin: 30px !important;}
.mt-30 {margin-top: 30px !important;}
.mb-30 {margin-bottom: 30px !important;}
.ml-30 {margin-left: 30px !important;}
.mr-30 {margin-right: 30px !important;}

.p-30 {padding: 30px !important;}
.pt-30 {padding-top: 30px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pl-30 {padding-left: 30px !important;}
.pr-30 {padding-right: 30px !important;}

.g-30 {gap: 30px !important;}
.gy-30 {gap: 30px 0  !important;}
.gx-30 {gap: 0 30px !important;}

.bg-transparent {background: transparent !important;}

.w-auto {width: auto !important;}
.minw-auto {min-width: auto !important;}
.w-100 {width: 100% !important;}
.minw-100 {min-width: 100% !important;}
.maxw-100 {max-width: 100% !important;}

.h-auto {height: auto !important;}
.minh-auto {min-height: auto !important;}
.h-100 {height: 100% !important;}
.minh-100 {min-height: 100% !important;}
.maxh-100 {max-height: 100% !important;}

a svg * {transition: 0.2s all ease;}
.btn-row {display: flex;flex-wrap: wrap;gap: 16px;justify-content: center;}
.btn-block {display: flex;width: 100%;}

button {border: 0;background: transparent;}

.btn {display: inline-flex;align-items: center;justify-content: center;gap: 4px;font-family: var(--baseFont);}
.btn-lg {font-size: 18px;font-weight: 600;line-height: 1;padding: 18px 32px;border: 1px solid transparent;border-radius: 45px;}
.btn-lg img {width: 18px;}
.btn-md {font-size: 16px;font-weight: 600;line-height: 1;padding: 15px 28px;border: 1px solid transparent;border-radius: 45px;}
.btn-md img {width: 16px;}

.outline-primary-btn {color: var(--dark-blue);background: var(--white);border-color: var(--dark-blue);}
.outline-primary-btn:hover {background: var(--light-blue);border-color: var(--light-blue);box-shadow: 0px 8px 34px 0px rgba(8, 41, 81, 0.25);}
.outline-primary-btn:active, .outline-primary-btn:focus {box-shadow: 0px 8px 34px 0px rgba(8, 41, 81, 0.25);}

.light-primary-btn {color: var(--dark-blue);background: var(--light-blue);border-color: var(--light-blue);box-shadow: 0px 8px 34px 0px rgba(8, 41, 81, 0.25);}
.light-primary-btn:hover {background: var(--dark-blue);color: var(--white);border-color: var(--light-blue);}

.dark-btn {color: var(--white);background: var(--dark-blue);border-color: var(--dark-blue);}
.dark-btn:hover {background: var(--white);color: var(--dark-blue);}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.skip-link.sr-only:focus {position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;white-space: normal;}

.field-control {border-radius: 8px;border: 1px solid var(--borderD2D);color: var(--black-400);padding: 9px 16px;font-size: 14px;font-weight: 500;line-height: 1.7;width: 100%;transition: 0.3s all ease-in-out;}
.field-control:focus {border-color: var(--dark-blue);outline: none;}
select.field-control {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url('../Images/menu-angle-icon.svg');background-repeat: no-repeat;background-position: center right 22px;background-size: 14px;}

.frame p a {color: var(--blue); /*text-decoration: underline !important;*/}
.frame p a:hover {color: var(--dark-blue);}
/*-----*/

.skip-link {color: var(--dark-blue);font-size: 16px;font-weight: 600;}
.skip-link:hover {color: var(--blue);}

.headear-wrapper {position: sticky;position: -webkit-sticky;top: 0;z-index: 1050;}

.navbar {position: relative;background: var(--white);box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.07);padding: 16px 0 6px 0;}
.navbar::before {content: '';display: block;width: 100%;height: 8px;background: var(--dark-blue);position: absolute;top: 0;left: 0;}
.navbar > .container-wrapper {display: flex;flex-wrap: wrap;align-items: center;gap: 16px;justify-content: space-between;}

.navbar .site-logo {max-width: 263px;display: inline-flex;}
.navbar .site-logo > a {display: inline-flex;}
.navbar .site-logo > a img {height: 124px;width: auto;}

.nav-top-content {display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 22px;justify-content: flex-end;}
.nav-top-content ul {display: flex;flex-wrap: wrap;align-items: center;}
.nav-top-content ul > li {display: inline-flex;align-items: center;}
.nav-top-content ul > li {position: relative;padding: 0 16px;}
.nav-top-content ul > li::after {content: '';display: inline-flex;width: 1px;height: 20px;background: var(--lineGray);position: absolute;right: 0;}
.nav-top-content ul > li:last-child:after {display: none;}
.nav-top-content ul > li > a {display: inline-flex;align-items: center;color: var(--blue);font-size: 14px;font-weight: 500;line-height: 1.8;}
.nav-top-content ul > li > a:hover {color: var(--dark-blue);}
.nav-top-content .search-input-group {margin-left: 24px;}

.search-input-group {max-width: 188px;}
.search-input-group .field-control {border-radius: 8px;color: var(--black-400);padding: 9px 16px;padding-left: 40px;font-size: 14px;font-weight: 500;line-height: 1.7;width: 100%;background-image: url('../Images/search-icon.svg');background-repeat: no-repeat;background-position: center left 16px;background-size: 16px;height: 38px;}
.search-input-group .field-control::-webkit-input-placeholder {color:var(--black-400);opacity: 1;}
.search-input-group .field-control:-ms-input-placeholder {color:var(--black-400);opacity: 1;}
.search-input-group .field-control:-moz-placeholder {color:var(--black-400);opacity: 1;}
.search-input-group .field-control::placeholder {color:var(--black-400);opacity: 1;}

.navbar .nav-menu {display: flex;flex-wrap: wrap;align-items: center;width: 100%;gap: 32px;justify-content: flex-end;}
.navbar .nav-menu .nav-menu-item {display: inline-flex;align-items: center;}
.navbar .nav-menu .nav-menu-item.has-dropdown {position: relative;}
.navbar .nav-menu .nav-menu-item > .nav-menu-link {position: relative;color: var(--dark-blue);font-size: 18px;font-style: normal;font-weight: 500;line-height: 1.8;gap: 4px;display: inline-flex;align-items: center;}
.navbar .nav-menu .nav-menu-item.has-dropdown > .nav-menu-link::after {content: '';display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;background-image: url('../Images/menu-angle-icon.svg');background-repeat: no-repeat;background-position: center center;transition: 0.3s all ease;}
.navbar .nav-menu .nav-menu-item > .nav-menu-link:hover {color: var(--blue);}
.navbar .nav-menu .nav-menu-item.has-dropdown.active > .nav-menu-link::after {transform: rotate(-180deg);}
.navbar .nav-menu .nav-menu-item.has-dropdown.active > .nav-menu-link::after, .navbar .nav-menu .nav-menu-item.has-dropdown > .nav-menu-link:hover::after {filter: invert(54%) sepia(88%) saturate(3488%) hue-rotate(199deg) brightness(99%) contrast(101%);}
.navbar .nav-menu .nav-menu-item .nav-menu-arrow {display: inline-flex;align-items: center;display: none;}
.navbar .nav-menu .nav-menu-item.active > .nav-menu-link, .navbar .nav-menu .nav-menu-item > .nav-menu-link.active {color: var(--blue);}

.nav-action {display: flex;align-items: center;gap: 16px;display: none;}
.nav-action button {padding: 0;display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;position: relative;}

.search-xs-only .search-input-group {display: none;position: absolute;top: 100%;left: 0;right: 0;max-width: 100%;width: 100%;}
.search-xs-only .search-input-group .field-control {border-radius: 0;height: 48px;}

.navbar-toggle i, .navbar-toggle i:after, .navbar-toggle i:before {background-color: var(--dark-blue);position: absolute;width: 18px;height: 2px;transition-timing-function: ease;transition-duration: .3s;transition-property: transform;border-radius: 24px;left: 0;right: 0;margin: auto;}
.navbar-toggle i {transition-timing-function: cubic-bezier(.55,.055,.675,.19);transition-duration: 300ms;left: 0;top: 50%;display: block;margin-top: 0;}
.navbar-toggle i:after, .navbar-toggle i:before {display: block;content: "";}
.navbar-toggle i:before {top: -7px;transition: top 300ms ease .15s,opacity 300ms ease;}
.navbar-toggle i:after {bottom: -7px;transition: bottom 300ms ease .15s,transform 300ms cubic-bezier(.55,.055,.675,.19);}

.mobile-nav-open .navbar-toggle i {transition-delay: .12s;transition-timing-function: cubic-bezier(.215,.61,.355,1);transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.mobile-nav-open .navbar-toggle i:before {top: 0;transition: top 300ms ease,opacity 300ms ease .15s;opacity: 0;}
.mobile-nav-open .navbar-toggle i:after {bottom: 0;transition: bottom 300ms ease,transform 300ms cubic-bezier(.215,.61,.355,1) .15s;transform: rotate(-90deg);}


.navbar .nav-menu .nav-menu-item.has-dropdown.has-megamenu {position: static;}
.has-megamenu.active .mega-menu {opacity: 1;visibility: visible;}

.mega-menu {position: absolute;top: 100%;left: 0;right: 0;width: 100%;min-width: 100%;z-index: 100;background: var(--lightBg2);padding: 48px 0;transition: 0.15s all ease-in-out;opacity: 0;visibility: hidden;border-bottom: 1px solid var(--dark-blue);box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.25);}
.mega-menu .mega-menu-inner {position: relative;display: flex;flex-wrap: wrap;gap: 54px;padding-right: 66px;}
.mega-menu-inner .mega-left {flex: 0 0 492px;max-width: 492px;}

.mega-content {position: relative;flex: 1 0 0;padding-right: 30%;}
.mega-content .menu-list {position: relative;display: flex;flex-direction: column;gap: 8px 0;width: 100%;max-width: 326px;}
.mega-content .menu-list > li > a {position: relative;display: flex;flex-wrap: wrap;width: 100%;padding: 12px 8px;border-bottom: 1px solid var(--light-blue);color: var(--black-400);font-size: 16px;font-weight: 500;line-height: 1.8;}
.mega-content .menu-list > li.has-submenu > a::after {content: '';display: inline-flex;align-items: center;justify-content: center ;width: 24px;height: 24px;position: absolute;top: 50%;right: 0;margin-top: -12px;background-image: url('../Images/menu-angle-icon.svg');background-repeat: no-repeat;background-position: center;transform: rotate(270deg);}
.mega-content .menu-list > li.active > a, .mega-content .menu-list > li > a.active {color: var(--dark-blue);background: var(--light-blue);border-radius: 8px;}-inner .mega-content .menu-list > li > a:hover {color: var(--dark-blue);}
.mega-content .menu-list > li.has-submenu .mega-submenu-list {position: absolute;top: 0;left: 100%;margin-left: 42px;padding-left: 42px;border-left: 1px solid var(--light-blue);height: 100%;transition: 0.3s all ease-in-out;opacity: 0;visibility: hidden;z-index: -999;max-width: max-content;min-width: 301px;}
.mega-content .menu-list > li.has-submenu.active .mega-submenu-list {opacity: 1;visibility: visible;z-index: 1;}
.mega-menu .close-mega-menu {position: absolute;top: 0;right: 0;padding: 0;display: inline-flex;width: 24px;height: 24px;padding: 5px;border-radius: 0;}

.mega-content .menu-list > li > a:hover {color: var(--dark-blue);}

.megamenu-open::after {content: '';display: block;position: fixed;inset: 0;width: 100%;height: 100%;background: rgba(16, 15, 15, 0.35);filter: blur(2px);backdrop-filter: blur(2px);z-index: 1000;}

.newsletter-box {position: relative;width: 100%;background: var(--light-blue);padding: 24px;border-radius: 16px;overflow: hidden;z-index: 1;}
.newsletter-box::before {content: '';display: inline-flex;position: absolute;top: 0;left: 0;width: 92px;height: 116px;background-image: url('../Images/newsletter-shape.svg');background-repeat: no-repeat;background-position: top left;background-size: contain;z-index: -1;}
.newsletter-box p {text-align: center;color: var(--dark-blue);text-align: center;font-size: 16px;font-weight: 500;line-height: 1.8;margin-bottom: 16px;}

.newsletter-form-group {position: relative;}
.newsletter-form-group .field-control {color: var(--dark-blue);font-size: 14px;font-weight: 500;line-height: 1.8;border-radius: 45px;border: 1px solid rgba(21, 34, 102, 0.34);background: var(--white);padding: 9px 24px;padding-right: 130px;}
.newsletter-form-group .field-control::-webkit-input-placeholder {color: var(--dark-blue);}
.newsletter-form-group .field-control:-moz-placeholder{color: var(--dark-blue);}
.newsletter-form-group .field-control:-ms-input-placeholder {color: var(--dark-blue);}
.newsletter-form-group .field-control::placeholder {color: var(--dark-blue);}
.newsletter-form-group .dark-btn {padding: 11px 24px;font-size: 14px;font-weight: 600;min-width: 120px;position: absolute;right:  4px;top: 4px;}

.newsletter-box h4 {text-align: center;font-size: 18px;font-weight: 600;line-height: 1.2;color: var(--dark-blue);}
.newsletter-box .entry__choice label p a{text-decoration: underline !important;color: var(--dark-blue);}
.newsletter-box .checkbox-btn {margin: 16px 0 24px 0;}
.newsletter-box .checkbox-btn label {color: var(--dark-blue);font-size: 12px;font-weight: 500;line-height: 1.8;display: block;padding-left: 22px;}
.newsletter-box .checkbox-btn label a {color: var(--dark-blue);text-decoration: underline !important;}
.newsletter-box .checkbox-btn label a > img {width: 12px;display: none;}
.newsletter-box .checkbox-btn label:hover, .newsletter-box .checkbox-btn label a:hover {color: var(--dark-blue);}
/*.newsletter-box .checkbox-btn label::before {width: 14px;height: 14px;border-color: var(--dark-blue);border-radius: 4px;background: transparent;top: 13px;}*/
.newsletter-box .checkbox-btn input[type="checkbox"]:checked + label::before {background: var(--dark-blue);border-color: var(--dark-blue);}
.newsletter-box .checkbox-btn input[type="checkbox"]:checked + label::after {top: 13px;width: 14px;height: 14px;background-size: 8px;}


/*----*/

.hero-video-section {position: relative;padding: 69px 0 39px 0;min-height: 628px;overflow: hidden;}
.hero-video-section .hero-content {max-width: 670px;display: flex;flex-direction: column;align-items: flex-start;gap: 24px 0;}
.white-badge {display: inline-flex;align-items: center;justify-content: center;gap: 8px;font-size: 14px;font-weight: 500;line-height: 1.8;border-radius: 45px;padding: 5px 15px;color: var(--white);border: 1px solid rgba(var(--whiteRGB), 0.6);background: rgba(var(--whiteRGB), 0.1);}
.hero-video-section .hero-content .white-badge img {display: none;}
.hero-video-section .hero-content h1 {color: var(--white);}
.hero-video-section .hero-content h4 {color: var(--white);font-weight: 400;line-height: 1.5;}
.hero-video-section .hero-content p {color: var(--white);font-weight: 400;line-height: 1.5; font-size: 24px;}  
.hero-video-section .hero-video {position: absolute;inset: 0;z-index: -1;}
.hero-video-section .hero-video video {width: 100%;height: 100%;object-fit: cover;}
.video-controller {display: flex;align-items: center;gap: 12px;}
.video-controller .video-control-btn {background: transparent;border: 0;padding: 0 4px;display: inline-flex;width: 25px;height: 25px;align-items: center;justify-content: center;}

.copyright-info {position: absolute;bottom: 39px;right: 0;background-color: var(--white);border-radius: 4px 0 0 4px;padding: 4px 5px;display: inline-flex;align-items: center;gap: 4px;transform: translateX(calc(100% - 24px));transition: 0.3s all ease-in-out;font-size: 14px;line-height: 1;cursor: pointer;z-index: 1;}
.copyright-info.open {transform: translateX(0);}
.copyright-info .icon {display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;flex: 0 0 16px;}
.copyright-info span.icon img {position: inherit;}
.search-fix-button {position: fixed;display: none;align-items: center;justify-content: center;right: 0;background: var(--dark-blue);width: 56px;height: 56px;gap: 10px;top: 598px;padding: 8px;border-radius: 4px 0 0 4px;z-index: 100;}
.search-fix-button:hover {background: var(--blue);}
.news.news-single .video-player-block .copyright-info {bottom: 22px;}

.section {padding: 100px 0;}
.section-info {text-align: center;margin-bottom: 54px;max-width: 774px;margin-inline: auto;}
.section-info h2 {color: var(--dark-blue);}
.section-info p {line-height: 1.8;margin-top: 12px;}

.section-head {display: flex;align-items: flex-end;justify-content: space-between;gap: 20px 16px;margin-bottom: 54px;flex-wrap: wrap;}
.section-head .section-info {text-align: left;margin: 0;}

.energy-about-section {position: relative;background-image: url('../Images/energy-bg-shape.svg');background-repeat: no-repeat;background-position: bottom;}
.energy-about-section {overflow: hidden;}

.energy-content-row {display: flex;flex-direction: column;gap: 100px;margin-top: 20px;}
.energy-content-row .energy-col {display: flex;align-items: center;flex-wrap: wrap;gap: 103px;}
.energy-content-row .energy-col .content-block {flex: 1 0 0;}
.energy-content-row .energy-col .img-block {position: relative;overflow: hidden;border-radius: 24px;width: 580px;}
.energy-content-row .energy-col .img-block img {width: 100%;height: 100%;object-fit: cover;border-radius: 24px;}
.energy-content-row .energy-col:nth-of-type(even) {flex-direction: row-reverse;}

.card-layout .content-block h2, .card-layout .content-block h3 {font-size: 32px;font-weight: 500;line-height: 1.3;margin-bottom: 24px; color: var(--black-500); }
.card-layout .content-block h2::after, .card-layout .content-block h3::after {content: '';display: inline-flex;width: 89px;height: 2px;background: none;border-radius: 45px;margin-top: 8px;position: absolute;top: 100%;left: 0;}
.content-block p {font-weight: 400;line-height: 1.8;margin-bottom: 30px;}

.section-info .border-title {margin-bottom: 32px;} 
.project-details-section h2.heading { font-size: 32px; color: black; margin-bottom: 15px;}
.project-details-section h2.heading::after { background: none; }

.border-title {position: relative;color: var(--dark-blue);font-size: 18px;font-weight: 600;line-height: 1.2;margin-bottom: 32px;}
.border-title::after {content: '';display: inline-flex;width: 89px;height: 2px;background: var(--blue);border-radius: 45px;margin-top: 4px;position: absolute;top: 100%;left: 0;}

.content-block .point-listing {margin-bottom: 24px;}

.point-listing ul {display: flex;flex-direction: column;gap: 10px 0;}
.point-listing ul > li {position: relative;font-style: normal;font-weight: 500;line-height: 1.8;padding-left: 34px;}
.point-listing ul > li::before {content: '';display: inline-flex;align-items: center;position: absolute;top: 8px;left: 0;width: 20px;height: 16px;background-image: url('../Images/list-arrow-icon.svg');background-repeat: no-repeat;background-size: contain;}

.green-badge {border: 1px solid var(--green);background: var(--white);border-radius: 45px;display: inline-flex;align-items: center;justify-content: center;padding: 6px 16px;font-size: 16px;font-weight: 500;line-height: 1.8;transition: 0.3s all ease;}
.green-badge:hover {color: var(--white);background: var(--green);}
.green-badge.green-badge-md {padding-block: 4px;font-size: 14px;font-weight: 500;}

.latest-news-section {position: relative;z-index: 1;overflow: hidden;}
.latest-news-section::before {content: '';position: absolute;top: 0;left: 0;background-image: url('../Images/news-shape-1.svg');background-repeat: no-repeat;background-position: top left;background-size: contain;z-index: -1;width: 100%;height: 100%;}   
.latest-news-section::after {content: '';position: absolute;bottom: 0;right: 0;background-image: url('../Images/news-shape-2.svg');background-repeat: no-repeat;background-position: bottom right;background-size: contain;z-index: -1;width: 100%;height: 100%;}

.hero-content .outline-primary-btn,.energy-about-section .outline-primary-btn,.section-head .outline-primary-btn, .connect-info + .outline-primary-btn {box-shadow: 0px 8px 34px 0px rgba(8, 41, 81, 0.25);}

.latest-news-section .news-row {display: flex;flex-wrap: wrap;gap: 32px 42px;}
.latest-news-section .news-row .news-col {flex: 0 0 calc(50% - 21px);width: calc(50% - 21px);}

.news-card {position: relative;padding: 24px 32px;border-radius: 24px;border: 1px solid var(--lightBg3);background: var(--white);box-shadow: 1px -1px 20px 0 rgba(16, 24, 40, 0.03), -1px 1px 20px 0 rgba(16, 24, 40, 0.03);}
.news-card .news-img {position: relative;border-radius: 24px 24px 0 0;height: 350px;overflow: hidden;margin-bottom: 20px;}

.news-card .news-img > img {width: 100%;height: 100%;object-fit: cover;}
.news-card .news-img .copyright-info {bottom: 24px;}
.news-card + .news-card {margin-top: 32px;}

.latest-news-section .news-col {display: flex;flex-direction: column;gap: 32px;}
.latest-news-section .news-card {height: 100%;}
.latest-news-section .news-card + .news-card {margin: 0;}

.news-card .news-head {display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 20px;}
.news-card .news-head .border-title {margin-bottom: 0;}
.news-card .news-head .date {color: var(--black-400);font-size: 16px;font-weight: 500;}
.news-card h3 {font-size: 24px;font-weight: 600;line-height: 1.5;margin-bottom: 8px;} 
.news-card h4 {font-weight: 600;line-height: 1.5;margin-bottom: 8px;}
.news-card  p {color: var(--black-400);font-weight: 400;line-height: 1.8;margin-bottom: 24px;}
.news-card-cover {padding: 20px;}
.news-card-cover .news-content {padding-inline: 24px;}
.news-card-cover .news-head {margin-bottom: 16px;}

.project-team-section {position: relative;background: var(--lightBg2);}

.project-team-block {display: flex;flex-wrap: wrap;align-items: center;gap: 109px;}
.project-team-block .content-block {flex: 1 0 0;}
.project-team-block .content-block p {font-size: 16px;}
.project-team-block .content-block .btn-row {justify-content: flex-start;}
.project-team-block .team-profile-slider {width: 497px;position: relative;}

.team-profile .team-profile-img  {position: relative;border-radius: 20px 20px 0 0;overflow: hidden;height: 429px;}
.team-profile .team-profile-img > img {width: 100%;height: 100%;object-fit: cover;}
.team-profile .copyright-info {bottom: 73px;}

.team-profile .team-profile-content {position: relative;background: var(--dark-blue);padding: 38px 30px 24px;border-radius: 16px;z-index: 1;margin-top: -40px;}
.team-profile .team-profile-content::after {content: '';display: inline-flex;background-image: url('../Images/quote-icon.svg');background-repeat: no-repeat;position: absolute;top: 33px;right: 20px;width: 167px;height: 167px;z-index: -1;opacity: 0.08;padding: 28px 14px;}
.team-profile .team-profile-content {color: var(--white);}
.team-profile .team-profile-content .profile-link {display: flex;align-items: center;justify-content: center;position: absolute;top: -33px;left: 0;right: 0;}
.team-profile .team-profile-content h3 {font-weight: 600;line-height: 1.5;margin-bottom: 12px;font-size: 24px;}
.team-profile .team-profile-content h4 {font-weight: 600;line-height: 1.5;margin-bottom: 12px;}
.team-profile .team-profile-content h3 span, .team-profile .team-profile-content h4 span {font-size: 18px;font-weight: 500;display: inline-flex;align-items: center;}
.team-profile .team-profile-content p {font-size: 16px;font-weight: 400;line-height: 1.8;}

.swiper-button-group .swiper-button-prev,.swiper-button-group .swiper-button-next {display: inline-flex;width: 38px;height: 38px;border-radius: 45px;background: var(--dark-blue);margin-top: -19px;box-shadow: 0 6.077px 30.386px 0 rgba(0, 125, 252, 0.06);}
.swiper-button-group .swiper-button-prev.swiper-button-disabled,.swiper-button-group .swiper-button-next.swiper-button-disabled {background: var(--light-blue);opacity: 1;}
.swiper-button-group .swiper-button-prev img,.swiper-button-group .swiper-button-next img {filter: brightness(0) invert(1);}
.swiper-button-group .swiper-button-prev.swiper-button-disabled img,.swiper-button-group .swiper-button-next.swiper-button-disabled img {filter: none;}
.swiper-button-group .swiper-button-prev::after, .swiper-button-group .swiper-button-next::after {display: none;}
.team-profile-slider .swiper-button-group .swiper-button-prev {left: -54px;}
.team-profile-slider .swiper-button-group .swiper-button-next {right: -54px;}

.linkedin-section {position: relative;overflow-x: hidden;padding: 80px 0 70px 0;}
.linkedin-section::after {content: '';z-index: -1;position: absolute;inset: 0;width: 100%;height: 100%;background-image: url('../Images/linkedin-section-shape.svg');background-repeat: no-repeat;background-position: center;background-size: cover;}
.linkedin-section .section-info {max-width: 100%;text-align: left;}

.linkedin-slider {position: relative;}
.linkedin-slider .swiper-slide {padding-bottom: 30px;height: auto;}
.linkedin-slider .swiper-button-group button {margin-top: -30px;}
.linkedin-slider .swiper-button-group .swiper-button-prev {left: -69px;}
.linkedin-slider .swiper-button-group .swiper-button-next {right: -69px;}
.linkedin-slider .swiper-button-group .swiper-button-prev,.linkedin-slider .swiper-button-group .swiper-button-next {width: 50px;height: 50px;margin-top: -25px;}
.linkedin-slider .swiper-button-group .swiper-button-prev img,.linkedin-slider .swiper-button-group .swiper-button-next img {height: 16px;}

.linkedin-post {padding: 16px;display: flex;flex-direction: column;align-items: flex-start;gap: 20px;flex: 1 0 0;border-radius: 16px;background: var(--white);box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.05);}
.linkedin-post .top-head {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;width: 100%;}

.post-block .user-info {display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin-bottom: 24px;}
.post-block .user-info .avatar-img {display: inline-flex;width: 48px;height: 48px;border-radius: 45px;}
.post-block .user-info .avatar-img > img {width: 100%;height: 100%;object-fit: cover;object-position: top;}
.post-block .user-info .content h6 {color: var(--dark-blue);font-size: 16px;font-weight: 500;line-height: 1.8;}
.post-block .user-info .content p {color: var(--black-400);font-size: 14px;font-weight: 400;}

.linkedin-post .company-info {display: flex;align-items: center;flex-wrap: wrap;gap: 12px;}
.linkedin-post .company-info .c-img {width: 100px;}
.linkedin-post .company-info .c-img img {height: auto;}
.linkedin-post .company-info .c-text {flex: 1 0 0;}
.linkedin-post .company-info .c-text p {color: var(--dark-blue);text-transform: uppercase;font-size: 18px;font-weight: 500;line-height: 1;display: inline-flex;align-items: center;gap: 4px;}
.linkedin-post .company-info .c-text p > img {display: inline-flex;width: 24px;}
.linkedin-post .company-info .c-text .tags {color: var(--black-400);font-size: 16px;font-weight: 400;line-height: 1.8;}

.linkedin-post .linkedin-logo {display: inline-flex;width: 32px;height: 32px;}

.linkedin-post .inner-content {padding: 16px;background-color: var(--lightBg1);border: 1px solid var(--lightBg2);border-radius: 16px;width: 100%;}
.linkedin-post .inner-content, .linkedin-post .inner-content p {color: var(--black-500);font-size: 14px;font-weight: 400;line-height: 1.5;}

.linkedin-post .inner-content .media-block + p, .linkedin-post .inner-content p + .media-block {margin-top: 24px;}
.linkedin-post .inner-content .media-block {display: block; position: relative;width: 100%;padding-bottom: 56.25%;overflow: hidden;border-radius: 16px;}
.linkedin-post .inner-content .media-block.video-type::before {content: '';border-radius: 16px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);position: absolute;inset: 0;z-index: 1;}
.linkedin-post .inner-content .media-block > img, .linkedin-post .inner-content .media-block > video, .linkedin-post .inner-content .media-block iframe {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.linkedin-post .inner-content .media-block .player-control {display: inline-flex;width: 42px;height: 42px;align-items: center;justify-content: center;background: var(--blue);border-radius: 45px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;cursor: pointer;transition: 0.3s all ease-in-out;}
.linkedin-post .inner-content .media-block .player-control:hover {background: var(--dark-blue);}

.linkedin-post .post-action {display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap;width: 100%;}
.linkedin-post .post-action .post-like {display: flex;align-items: center;flex-wrap: wrap;gap: 20px;}
.linkedin-post .post-action-link {display: inline-flex;align-items: center;gap: 8px;color: var(--black-07);font-size: 20px;font-weight: 500;line-height: 1.5;}
.linkedin-post .post-action-link > img {width: 20px;}

.events-section {background: var(--dark-blue);overflow-x: hidden;}
/* .events-section .section-head .section-info {max-width: 100%;} */
.events-section .section-head .section-info h2 {color: var(--white);}
.events-section .section-head .section-info p {color: var(--white);}

.events-slider {position: relative;margin-bottom: -30px;}
.events-slider .swiper-wrapper {padding-bottom: 30px;}
.events-slider .swiper-wrapper .swiper-slide {height: auto;}
.events-slider .events-card {height: 100%;}

.events-card {background: var(--white);padding: 24px 28px;border-radius: 16px;box-shadow: 1px -1px 20px 0 rgba(16, 24, 40, 0.03), -1px 1px 20px 0 rgba(16, 24, 40, 0.03);}
.events-card .events-head {display: flex;flex-wrap: wrap;gap: 16px;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.events-card .events-head .border-title {margin-bottom: 0;}
.events-card .events-head .border-title::after {width: 47px;}
.events-card .events-head .event-location.border-title::after {width: 40px;left: 24px;}
.events-card .events-head .event-location, .events-card .events-head .event-date {font-size: 16px;font-weight: 500;line-height: 1.5;color: var(--dark-blue);display: inline-flex;align-items: center;gap: 8px;} 
.events-card .events-head .event-date {margin-left: auto;}
.events-card .events-content h4 {margin-bottom: 8px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.events-card .events-content p {line-height: 1.8;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.events-slider .swiper-button-group .swiper-button-prev {left: -69px;}
.events-slider .swiper-button-group .swiper-button-next {right: -69px;}
.events-slider .swiper-button-group .swiper-button-prev,.events-slider .swiper-button-group .swiper-button-next {background: var(--white);width: 50px;height: 50px;margin-top: -25px;}
.events-slider .swiper-button-group .swiper-button-prev img,.events-slider .swiper-button-group .swiper-button-next img {filter: none;height: 16px;}
.events-slider .swiper-button-group .swiper-button-prev.swiper-button-disabled,.events-slider .swiper-button-group .swiper-button-next.swiper-button-disabled {background: var(--light-blue);}

.swiper-button-lock {display: none !important;}

.swiper-pagination {position: relative;display: flex;gap: 6px;justify-content: center;margin-top: 10px;}
.swiper-pagination-bullet {display: inline-flex;margin: 0;width: 13px;height: 13px;background: var(--lightBg3);border-radius: 30px;opacity: 1;transition: 0.3s all ease-in-out;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 51px;background: var(--dark-blue);}


.bmwe-section {background: var(--lightBg2);padding-top: 80px;}
.bmwe-section .row-grid {margin: 0 -10px;}
.bmwe-section .row-grid [class*="col-"] {padding-inline: 10px;}

.bmwe-card {padding: 24px;border-radius: 24px;border: 1px solid var(--lightBg3);background: var(--white);box-shadow: 1px -1px 20px 0 rgba(16, 24, 40, 0.03), -1px 1px 20px 0 rgba(16, 24, 40, 0.03);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px 0;height: 100%;}
.bmwe-card .image > img {height: 270px;width: auto;}
/* .bmwe-card .image > img {height: auto;} */
.bmwe-card h3, .bmwe-card h4 {font-size: 24px;font-weight: 600;line-height: 1.5;color: var(--black-07);text-align: center;}

.section.newsletter-section {padding: 42px 0;}
.newsletter-section.only-xs {display: none;}
.newsletter-section .newsletter-box {background: var(--dark-blue);color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 32px 0;padding: 38px 22px;border-radius: 32px;}
.newsletter-section .newsletter-box::before {filter: brightness(0) invert(1);}
.newsletter-section .newsletter-box h4 {color: #fff;text-align: center;}
.newsletter-section form {width: 100%;}
.newsletter-section .newsletter-form-group .dark-btn {background: var(--blue);border-color: var(--blue);}
.newsletter-section .newsletter-form-group .field-control {border-color: rgba(var(--whiteRGB), 0.2);border-width: 2px;color: var(--white);background: rgba(var(--whiteRGB), 0.2);}
.newsletter-section .newsletter-form-group .field-control::placeholder {color: var(--white);}
.newsletter-section .newsletter-form-group .field-control:-moz-placeholder {color: var(--white);}
.newsletter-section .newsletter-form-group .field-control::-webkit-input-placeholder {color: var(--white);}
.newsletter-section .newsletter-form-group .field-control:-ms-input-placeholder {color: var(--white);}
.newsletter-section .newsletter-form-group .dark-btn:hover {background: var(--dark-blue);border-color: var(--dark-blue);color: var(--white);}
.newsletter-section .newsletter-box > a {color: var(--blue);font-size: 16px;font-weight: 600;line-height: 1.8;text-decoration: underline !important;text-underline-offset: 2px;display: inline-flex;text-align: center;}
.newsletter-section .newsletter-box > a:hover {color: var(--white);}

.footer-wrapper {background: var(--dark-blue);color: var(--white);padding: 100px 0 30px 0;}
.footer-wrapper .footer-block {display: flex;flex-direction: column;gap: 48px 0;margin-bottom: 20px;}
.footer-wrapper .footer-nav ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 100px;}
.footer-wrapper .footer-nav ul > li > a {color: var(--white);font-size: 20px;font-weight: 500;line-height: 1.5;}
.footer-wrapper .footer-nav ul > li > a:hover {color: var(--light-brown);}

.footer-wrapper .copyright-text {display: flex;align-items: center;justify-content: center;}
.footer-wrapper .copyright-text p {font-size: 14px;font-weight: 400;line-height: 1.8;}

.footer-standard-logo {background: var(--white);padding: 12px 24px;display: flex;flex-direction: row;align-items: center;gap: 48px;border-radius: 12px;max-width: 954px;margin: 0 auto;}

.breadcrumbs-nav {padding: 30px 0 24px 0;}
.breadcrumbs-list {display: flex;flex-wrap: wrap;gap: 0 42px;}
.breadcrumbs-list > li {position: relative;display: inline-flex;align-items: center;justify-content: center;}
.breadcrumbs-list > li:not(:last-child)::after {content: '';position: absolute;right: -30px;width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;background-image: url('../Images/right-angle-icon.svg');background-repeat: no-repeat;background-position: center;}
.breadcrumbs-list > li > a, .breadcrumbs-list > li > span {color: var(--black-400);display: inline-flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 500;line-height: 1.8;}
.breadcrumbs-list > li > a:hover, .breadcrumbs-list > li.current-page > span {color: var(--blue);}

.expert-profile {position: relative;background: var(--dark-blue);padding: 42px 134px;border-radius: 24px;}
.expert-profile::after {content: '';display: inline-flex;width: 167px;height: 167px;background-image: url('../Images/quote-icon.svg');background-repeat: no-repeat;background-size: 100%;position: absolute;right: 95px;bottom: 40px;opacity: 0.08;padding: 28px 14px;}
.expert-profile-row {display: flex;align-items: center;flex-wrap: wrap;gap: 84px;}
.expert-profile-row .expert-profile-img {position: relative;width: 355px;height: 359px;overflow: hidden;border-radius: 20px;}
.expert-profile-row .expert-profile-img .copyright-info {bottom: 28px;}
.expert-profile-row .expert-profile-img > img {width: 100%;height: 100%;object-fit: cover;}
.expert-profile-row .expert-profile-content {color: var(--white);flex: 1 0 0;}
.expert-profile-row .expert-profile-content .expert-name {font-size: 40px;margin-bottom: 8px;}
.expert-profile-row .expert-profile-content p {font-weight: 500;}
.expert-profile-row .expert-profile-content h4 {margin-top: 32px;font-weight: 500;line-height: 1.5;}

.expert-profile-row .expert-profile-content .external-link:hover {color: var(--blue) !important;}
.expert-profile-row .expert-profile-content .external-link:hover::after {background-image: url('../Images/arrow-up-right.svg');}

.inner-details-row {padding: 64px 0;display: flex;flex-wrap: wrap;gap: 48px;}
.inner-details-row .content-col {flex: 1 0 0;}
.expert-topic-details .section-info {text-align: left;margin-inline: 0;max-width: 100%;margin-bottom: 0;}
.expert-topic-details .section-info p {margin-top: 20px;}
.expert-topic-details {padding-bottom: 32px;margin-bottom: 32px;border-bottom: 1px solid rgba(166, 170, 172, 0.20);}
.expert-project-details .section-info {text-align: left;margin-inline: 0;}

.expert-project-details .content-block h5 {margin-bottom: 20px;}
.expert-project-details .content-block p {margin-bottom: 12px;}

.card-layout {position: relative;padding: 24px;border: 1px solid var(--lightBg3);background: var(--white);border-radius: 24px;box-shadow: 1px -1px 20px 0 rgba(16, 24, 40, 0.03), -1px 1px 20px 0 rgba(16, 24, 40, 0.03);margin-bottom: 32px;}

.categories-list {display: flex;flex-wrap: wrap;gap: 16px 12px;margin: 24px 0;}
.categories-list > li {display: inline-flex;align-items: center;justify-content: center;padding: 4px 16px;border: 1px solid transparent;border-radius: 45px;font-size: 16px;font-weight: 500;line-height: 1.8;}
.categories-list > li.light-red {background: #FFA089;}
.categories-list > li.light-green {background: rgba(0, 163, 0, 0.20);}
.categories-list > li.light-brown {background: rgba(220, 205, 180, 0.25);}
.categories-list > li.light-blue {background: rgba(165, 203, 230, 0.25);}

.categories-list > li.green-badge {border: 1px solid var(--green);background: var(--white);border-radius: 45px;display: inline-flex;align-items: center;justify-content: center;padding: 6px 16px;font-size: 16px;font-weight: 500;line-height: 1.8;transition: 0.3s all ease;}
.categories-list > li.green-badge:hover {color: var(--white);background: var(--green);}

.inner-details-row .connect-col {width: 348px;}

.connect-info {border-bottom: 1px solid rgba(166, 170, 172, 0.20);padding-bottom: 24px;margin-bottom: 24px;}
.card-layout .connect-info:last-of-type {padding-bottom: 0;border-bottom: 0;margin-bottom: 0;}

.connect-info h4 {color: var(--black-07);margin-bottom: 16px;line-height: 1.5;} 
.connect-info h5 {color: var(--black-07);font-size: 18px;font-weight: 600;margin-bottom: 16px;}
.connect-info h6 {color: var(--black-07);font-size: 16px;font-weight: 500;margin-bottom: 16px;line-height: 1.8;}
.connect-info ul {display: flex;flex-direction: column;gap: 10px 0;}
.connect-info ul > li, .connect-info ul > li > a {display: inline-flex;gap: 8px;color: var(--black-400);font-size: 18px;font-weight: 500;line-height: 1.5; word-wrap: break-word; hyphens: auto;}
.connect-info ul > li > a:hover {color: var(--dark-blue);}
.connect-info ul > li .icon {display: inline-flex;width: 24px;height: 24px;margin-top: 4px;flex: 0 0 24px;}
.connect-info + .btn {margin-top: 24px;}

.connect-info ul > li, .connect-info ul > li > a.outline-primary-btn {color: var(--dark-blue);line-height: 1;}

.connect-info ul > li > a.external-link {font-size: 16px;}

.frame ul.contact-list, .frame .connect-info ul { padding-left: 0px; }
.contact-list {display: flex;flex-direction: column;gap: 10px 0; }
.contact-list > li, .contact-list > li > a {display: inline-flex;gap: 8px;color: var(--black-400);font-size: 18px;font-weight: 500;line-height: 1.8;}
.contact-list > li > a:hover {color: var(--dark-blue);}
.contact-list > li .icon {display: inline-flex;width: 24px;height: 24px;margin-top: 4px;}
.contact-list + .btn {margin-top: 24px;}

.connect-info .social-list, .social-list {gap: 16px 0;}
.social-list > li > a {position: relative;padding-left: 34px;}
.social-list > li > a::before {content: '';display: inline-flex;width: 24px;height: 24px;position: absolute;top: 50%;margin: -12px 0 0 0;left: 0;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.social-list > li.linkedin > a::before {background-image: url('../Images/linkedin-icon1.svg');}
.social-list > li.xing > a::before {background-image: url('../Images/xing-icon.svg');}
.social-list > li.researchgate > a::before {background-image: url('../Images/rg-account-icon.svg');}
.social-list > li.instagram > a::before {background-image: url('../Images/insta-icon.svg');}
.social-list > li.facebook > a::before {background-image: url('../Images/fb-icon.svg');}
.social-list > li.bluesky > a::before {background-image: url('../Images/bluesky-icon.svg');}
.social-list > li.mastodon > a::before {background-image: url('../Images/m-account-icon.svg');}
.social-list > li.x > a::before {background-image: url('../Images/x-icon.svg');}
.social-list > li.tiktok > a::before {background-image: url('../Images/tiktok-icon.svg');}
.social-list > li.threads > a::before {background-image: url('../Images/thread-icon.svg');}
.social-list > li.youtube > a::before {background-image: url('../Images/yt-icon.svg');}
.social-list > li.vimeo > a::before {background-image: url('../Images/vimeo-icon.svg');}
.social-list > li.github > a::before {background-image: url('../Images/github-icon.jpeg');}
.social-list > li.huggingface > a::before {background-image: url('../Images/huggingface-icon.svg');}

.social-list > li > a[target="_blank"] {display: inline-block;font-size: 16px;}
.connect-info .btn-md {padding-inline: 24px;display: inline-block;}
.social-list > li > a[target="_blank"]::after {content: '';display: inline-flex;justify-content: center;width: 18px;height: 18px;background-image: url('../Images/arrow-up-icon-ext.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;top: 3px;position: relative;}

.publication-section {position: relative;z-index: 1;overflow: hidden;}
.publication-section::before {content: '';position: absolute;top: 0;left: 0;background-image: url('../Images/news-shape-1.svg');background-repeat: no-repeat;background-position: top left;background-size: contain;z-index: -1;width: 100%;height: 100%;}   
.publication-section::after {content: '';position: absolute;bottom: 0;right: 0;background-image: url('../Images/news-shape-2.svg');background-repeat: no-repeat;background-position: bottom right;background-size: contain;z-index: -1;width: 100%;height: 100%;}

.publication-section .section-head .section-info {margin: 0;text-align: left;max-width: 100%;}

.project-details-section {padding-bottom: 48px;}
.project-details-section .section-info {text-align: left;margin: 0;}
.project-details-section.research-details-section .section-info:not(.search-section-head) {max-width: 100%;}

.project-details-section .inner-details-row {padding: 48px 0 0 0;}
.project-details-section .section-info .border-title {margin-bottom: 26px;}
.project-details-section h3, .project-details-section .frame h3, .project-details-section .section-info h3 {font-size: 32px;}

.project-details-content .content-block {max-width: 800px;}
.project-details-content .content-block .border-title {margin-bottom: 26px;}
.project-details-content .content-block .border-title::after {width: 60px;}
.project-details-content .categories-list {margin-bottom: 0;}

.project-details-section .connect-info h5 {font-size: 20px;}

.project-links {display: flex;flex-direction: column;gap: 8px 0;}
.project-links > a {display: inline-flex;color: var(--blue);text-decoration: underline !important;text-underline-offset: 2px;}
.project-links > a:hover {color: var(--dark-blue);}

.project-content .project-img {position: relative;overflow: hidden;border-radius: 24px;margin-bottom: 42px;height: auto;border: 1px solid var(--lightBg1);}
.project-content .project-img > img {width: 100%;height: 100%;object-fit: cover;object-position: 100% 100%;}
.project-content .project-img .copyright-info {bottom: 43px;}

.highlighted-blue {border-radius: 20px;border: 1px solid var(--light-blue);background: var(--light-blue);padding: 20px;margin-bottom: 26px;}
.highlighted-blue h4 {margin-bottom: 20px;}
.highlighted-blue p {line-height: 1.8;}

.project-content .content-block {margin-bottom: 26px;}
.project-content .content-block h4 {margin-bottom: 20px;}
.project-content .content-block p {margin-bottom: 12px;}

.expert-section {background: var(--lightBg2);}
.expert-section .section-info {text-align: left;max-width: 100%;}
.expert-section .expert-col {max-width: 994px;}
.expert-section .row-grid {margin: 0 -16px;}
.expert-section .row-grid .col-4 {padding-inline: 16px;}

.expert-card {position: relative;overflow: hidden;background: var(--white);border-radius: 12px;box-shadow: 1px -1px 20px 0 rgba(16, 24, 40, 0.03), -1px 1px 20px 0 rgba(16, 24, 40, 0.03);}
.expert-card .expert-image {position: relative;height: 242px;}
.expert-card .expert-image > img {width: 100%;height: 100%; object-fit: cover;}
.expert-card .expert-info {padding: 20px;display: flex;flex-direction: column;gap: 12px;align-items: flex-start;}
.expert-card .expert-info h4 {font-size: 20px;font-weight: 600;line-height: 1.5;}
.expert-card .expert-info .address-info {display: inline-flex;align-items: flex-start;gap: 10px;color: var(--black-400);font-size: 18px;font-weight: 500;line-height: 1.8;}
.expert-card .expert-info .address-info .icon {width: 24px;flex: 0 0 24px;}
.expert-card .expert-info .profile-link {display: inline-flex;font-weight: 600;color: var(--dark-blue);}
.expert-card .expert-info .profile-link:hover {color: var(--blue);} 
.expert-card .expert-info .btn-md {padding: 8px 16px;}

.select-control + .select2-container {width: auto;}
.select-control + .select2-container--default .select2-selection--single {border: 1px solid var(--borderD2D);height: auto;border-radius: 10px;padding-right: 50px;}
.select-control + .select2-container .select2-selection--single .select2-selection__rendered {padding: 9px 16px 9px 16px;color: var(--black-500);font-size: 16px;font-weight: 500;line-height: 1;min-height: 54px;display: flex;flex-direction: column;justify-content: center;}
.select-control + .select2-container--default .select2-selection--single .select2-selection__arrow {width: 24px;height: 24px;display: inline-flex;align-items: center;justify-content: center;text-align: center;top: 50%;right: 16px;margin-top: -12px;}
.select-control + .select2-container--default .select2-selection--single .select2-selection__arrow::before {content: '';display: inline-flex;width: 1px;height: 26px;background: var(--borderD2D);position: absolute;left: -5px;}
.select-control + .select2-container--default .select2-selection--single .select2-selection__arrow b {border: 0;margin: 0;position: static;width: 100%;height: 100%;background-image: url('../Images/menu-angle-icon.svg');background-repeat: no-repeat;background-position: center;background-size: 14px;transition: 0.3s all ease;}
.select-control + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {transform: rotate(-180deg);}
.select2-dropdown {border: 1px solid var(--lightBg1);background: var(--lightBg1);border-radius: 0 0 12px 12px;}

.select2-container--default .custom-select-dd .select2-results>.select2-results__options {max-height: 300px;display: flex;flex-direction: column;padding: 0 16px;}
.select2-container--default .custom-select-dd span.select2-search.select2-search--dropdown {padding: 12px 16px 0px;}
.select2-container--default .custom-select-dd span.select2-search.select2-search--dropdown input {border-radius: 8px;}

.custom-select-dd .select2-results__option {padding: 8px 16px;font-size: 16px;color: var(--black-500);background: transparent !important;padding: 8px 0;border-bottom: 1px solid var(--black-50);color: var(--black-500);font-size: 14px;font-weight: 500;line-height: 1.8;}
.select2-container--default .custom-select-dd .select2-results__option--selected {color: var(--blue);}
.select2-container--default .custom-select-dd .select2-results__option--highlighted.select2-results__option--selectable {color: var(--dark-blue);}

.section-info.search-section-head {margin-bottom: 54px;}
.search-section-head {display: flex;flex-wrap: wrap;align-items: center;gap: 28px;margin-inline: 0;text-align: left;max-width: 924px;}
.search-section-head .result-selection {flex: 1 0 auto;display: flex;flex-wrap: wrap;justify-content:  space-between;align-items: center;}
.search-section-head .result-selection h2 {font-size: 40px;}
.search-section-head .result-selection h2::after {background: none;}
.search-section-head .result-selection select.field-control {width: auto;min-width: 100px;}
.search-section-head .result-selection .select-control + .select2-container {width: auto !important;min-width: 100px;}

.content-block p.sub-title {margin-bottom: 0 !important;}

.search-section-head .result-sorting {flex: 0 0 auto;display: flex;flex-wrap: wrap;justify-content:  space-between;align-items: center;}
.search-section-head .result-sorting h4 {font-size: 20px;}
.search-section-head .result-sorting select.field-control {width: auto;min-width: 265px;}
.search-section-head .result-sorting .select-control + .select2-container {width: auto !important;min-width: 265px;}

.search-filter-section {padding-bottom: 64px;}
.search-filter-section .inner-details-row {padding: 0;}
.search-filter-section .connect-info h5 {font-size: 16px;font-weight: 500;}

.filter-card-layout .search-input-group {max-width: 100%;margin-bottom: 24px;}
.filter-card-layout .search-input-group .field-control {min-height: 48px;}

.radio-selection-group {display: flex;flex-direction: column;gap: 12px;}
.radio-selection-group.inline {flex-direction: row;flex-wrap: wrap;align-items: center;gap: 32px;}

.radio-btn {display: inline-flex;align-items: center;}
.radio-btn label {position: relative;display: inline-flex;align-items: center;color: var(--black-400);font-size: 16px;font-weight: 400;line-height: 1.8;cursor: pointer;padding-left: 32px;transition: 0.3s all ease;}
.radio-btn label:hover {color: var(--blue);}
.radio-btn label::before {content: '';display: inline-flex;width: 20px;height: 20px;background: var(--white);border-radius: 100%;box-shadow: 0 8px 12px 0px rgba(0, 0, 0, 0.05);position: absolute;top: 50%;left: 0;margin-top: -10px;transition: 0.3s all ease-in-out;}
.radio-btn label::after {content: '';display: inline-flex;width: 17px;height: 17px;background: #DFE1E7;border-radius: 100%;position: absolute;top: 0;left: 2px;margin-top: 6px;transition: 0.3s all ease-in-out;}
.radio-btn input[type="radio"] {display: none;}
.radio-btn input[type="radio"]:checked + label::after {background: var(--blue);opacity: 1;}

.check-selection-group {display: flex;flex-direction: column;gap: 12px 0;}
.check-selection-group {display: flex;flex-direction: column;gap: 12px;}
.check-selection-group.inline {flex-direction: row;flex-wrap: wrap;align-items: center;gap: 32px;}

.checkbox-btn {display: inline-flex;align-items: center;}
.checkbox-btn label {position: relative;display: inline-flex;align-items: center;color: var(--black-400);font-size: 16px;font-weight: 400;line-height: 1.8;cursor: pointer;padding-left: 32px;transition: 0.3s all ease;}
.checkbox-btn label:hover {color: var(--blue);}
/*.checkbox-btn label::before {content: '';display: inline-flex;width: 20px;height: 20px;background: var(--white);border:  2px solid var(--borderD0D);border-radius: 4px;box-shadow: 0 8px 12px 0px rgba(0, 0, 0, 0.05);position: absolute;top: 50%;left: 0;margin-top: -10px;transition: 0.3s all ease-in-out;}*/
.checkbox-btn input[type="checkbox"] {/*display: none;*/}
.checkbox-btn input[type="checkbox"]:checked + label::before {background: var(--blue);border-color:  var(--blue);}
.checkbox-btn input[type="checkbox"]:checked + label::after {content: '';display: inline-flex;background-image: url('../Images/checkmark-icon.svg');background-repeat: no-repeat;background-position: center center;background-size: 12px;width: 20px;height: 20px;position: absolute;top: 50%;left: 0;margin-top: -10px;transition: 0.3s all ease-in-out;}

.tooltip-info {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;cursor: pointer;}
.tooltip-info > img {transition: 0.3s all ease-in-out;}

.checkbox-btn label:hover .tooltip-info > img, .tooltip-info:hover > img {filter: invert(54%) sepia(88%) saturate(3488%) hue-rotate(199deg) brightness(99%) contrast(101%);}
.checkbox-btn label:hover .tooltip-info > svg, .tooltip-info:hover > svg {fill: var(--light-blue);color: var(--light-blue);}
.checkbox-btn label:hover .tooltip-info > svg path, .tooltip-info:hover > svg path {stroke: var(--light-blue);}
.checkbox-btn label:hover .tooltip-info > svg path + path, .tooltip-info:hover > svg path + path {stroke: var(--dark-blue);}

.checkbox-btn .tooltip-info {margin: -10px 0 0 3px;}
.tooltip-box {position: absolute;max-width: 210px;min-width: 210px;display: flex;padding: 12px 16px;flex-direction: column;justify-content: center;align-items: flex-start;gap: 8px;border-radius: 8px;background: #FFF;color: var(--black-400);box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);z-index: 9999;opacity: 0;font-size: 14px;pointer-events: none; transition: opacity 0.2s ease-in-out;display: none;}
.tooltip-box.show {opacity: 1;pointer-events: auto;}
.tooltip-box h6 {color: var(--blue);font-size: 14px;font-weight: 500;line-height: 1.8;}
.tooltip-box p {color: var(--black-400);font-size: 12px;line-height: 1.8;}

.selected-filter .filtered-list {margin-bottom: 12px;}
.selected-filter .filtered-list > li > a {gap: 12px;}
.selected-filter .remove-filter {display: flex;color: var(--blue);border:  1px solid var(--borderD2D);border-radius: 10px;padding: 12px 20px;font-size: 16px;font-weight: 500;line-height: 1.8;}
.selected-filter .remove-filter:hover {color: var(--dark-blue);}

.block-row {display: flex;flex-wrap: wrap;align-items: center;gap: 32px;}
.block-row .content-block {flex: 1 0 0;}
.block-row .content-img {position: relative;overflow: hidden;border-radius: 16px;width: 324px;height: 324px;}
.block-row .content-img > img {width: 100%;height: 100%;object-fit: cover;object-position: top center;}
.card-layout-image .block-row .content-img {position: relative;overflow: hidden;border-radius: 16px;width: auto;height: 324px;max-width: 324px;border: 1px solid var(--lightBg3);}
.card-layout-image .block-row .content-img > img {width: 100%;height: 100%;object-fit: contain;display: block;}
.block-row .content-img .copyright-info {bottom: 52px;}

.card-layout .content-block .border-title, .card-layout .content-block h5.border-title {margin-bottom: 26px;}
.card-layout .content-block h4 + h5 {color: var(--black-500);margin: 8px 0;}
.card-layout .content-block .date {font-weight: 500;line-height: 1.8;}
.card-layout .content-block p {margin-bottom: 24px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.card-layout .content-block h4 {line-height: 1.5;}
.card-layout .content-block h5 {margin-bottom: 8px;}

.pagination-nav {display: flex;flex-wrap: wrap;margin: 42px 0 0 0;}
.pagination-nav ul {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
.pagination-nav ul > li {display: inline-flex;align-items: center;}
.pagination-nav ul > li > a {display: inline-flex;align-items: center;color: var(--blue);font-size: 16px;font-weight: 500;line-height: 1.8;text-decoration: underline !important;text-underline-offset: 2px;}
.pagination-nav ul > li > a:hover {color: var(--dark-blue);}
.pagination-nav ul > li.disabled > a, .pagination-nav ul > li > a.disabled, .pagination-nav ul > li:disabled > a {color: var(--black-07);text-decoration: none !important;cursor: not-allowed;}

.search-selection {margin-bottom: 16px;}
.search-selection .select-control + .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 46px;color: var(--black-400);}
.search-selection .select-control + .select2-container .select2-selection--single::before {content: '';display: inline-flex;width: 20px;height: 20px;background-image: url('../Images/search-icon.svg');background-repeat: no-repeat;background-size: 100%;background-position: center;position: absolute;top: 50%;left: 16px;margin-top: -10px;}

/*----*/

.custom-tab-group {border-bottom: 1px solid var(--dark-blue);overflow: hidden;}
.custom-tab-group .tabs {position: relative;display: flex;flex-wrap: nowrap;align-items: center;border-collapse: collapse;margin-bottom: -1px;overflow-x: auto;}

/* .custom-tab-group .tabs::-webkit-scrollbar {}
.custom-tab-group .tabs::-webkit-scrollbar-track {}
.custom-tab-group .tabs::-webkit-scrollbar-thumb {}
.custom-tab-group .tabs::-webkit-scrollbar-corner {} */

.custom-tab-group .tabs::-webkit-scrollbar {width: 1px;height: 5px;cursor: pointer;}
.custom-tab-group .tabs::-webkit-scrollbar-track {background: var(--lightBg1);border-radius: 45px;}
.custom-tab-group .tabs::-webkit-scrollbar-thumb {background: var(--borderD2D);border-radius: 45px;}
.custom-tab-group .tabs::-webkit-scrollbar-thumb:hover {background: var(--light-blue);}


.custom-tab-group .tabs > li {position: relative;display: inline-flex;align-items: center;justify-content: center;text-align: center;padding: 16px 20px;color: var(--dark-blue);background: var(--white);border: 1px solid var(--dark-blue);font-size: 16px;font-weight: 400;line-height: 1.5;cursor: pointer;border-radius: 8px 8px 0 0;margin-left: 0;/*text-transform: capitalize;*/}
.custom-tab-group .tabs > li:first-child {margin-left: 0;}
.custom-tab-group .tabs > li.active {background: var(--light-blue);color: var(--black-500);font-weight: 600;}

.custom-tab-info {margin-top: 13px;margin-bottom: 26px;}
.custom-tab-info .tab-content {display: none;background: var(--lightBg1);padding: 20px;border-radius: 20px;}
.custom-tab-info .tab-content.current {display: block;}
.custom-tab-info .tab-content h5 {font-size: 18px;color: var(--black-500);font-weight: 600;line-height: 1.8;margin-bottom: 12px;}
.custom-tab-info .tab-content p {color: var(--black-500);font-weight: 500;line-height: 1.8;margin-bottom: 12px;}

.team-details-section .expert-col {margin-top: 54px;}

.text-dark-primary {color: var(--dark-blue) !important;}

.expert-section .expert-col .row-grid {gap: 48px 0;}

/*----*/

.publication-card-layout {background: var(--light-blue);padding: 32px 42px;border-radius: 24px;margin-bottom: 42px;}
.publication-card-layout .publication-info {display: flex;flex-wrap: wrap;gap: 32px 48px;}
.publication-card-layout .publication-info .text {color: var(--black);flex: 1 0 0;}
.publication-card-layout .publication-info .text p {font-size: 18px;font-weight: 400;line-height: 1.8;}
/* .publication-card-layout .publication-info .document {position: relative;overflow: hidden;border-radius: 12px;border: 1px solid var(--black-400);width: 368px;}
.publication-card-layout .publication-info .document > img {width: 100%;height: 100%;object-fit: cover;} */

.publication-card-layout .publication-info .document {position: relative;width: 368px;}
.publication-card-layout .publication-info .document .doc-img {overflow: hidden;border-radius: 12px;border: 1px solid var(--black-400);position: relative;}
.publication-card-layout .publication-info .document .doc-img > img {width: 100%;height: 100%;object-fit: cover;}

.publication-card-layout .publication-info .document figcaption {color: var(--black) !important;}

.video-player-block {position: relative;padding-bottom: 56.25%;display: flex;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;border: 1px solid var(--black-50);border-radius: 12px;margin-bottom: 32px;}
.video-player-block iframe, .video-player-block video,.video-player-block img {position: absolute;inset: 0;width: 100% !important;height: 100% !important;object-fit: cover;}
.video-player-block .player-button {background-color: var(--white);border: 0;padding: 0;display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video-player-block .player-button::after {content: '';display: inline-flex;width: 72px;height: 72px;position: absolute;top: 0;left: 0;margin: -12px;background: rgba(var(--whiteRGB), 0.2);border-radius: 100%;z-index: -1;}
.video-player-block [data-type="placeholder"] { position: absolute; width: 100% !important; height: 100% !important; max-width: 100% !important; inset: 0 !important; z-index:10; }
.frame .video-player-block .klaro.we_cookie_consent { border: 1px solid rgba(0, 0, 0, 0.1); position: static; height: 100%; background: #fff; }
.frame .klaro.we_cookie_consent .context-notice .cm-buttons .cm-btn.cm-btn-success, .frame .klaro.we_cookie_consent .context-notice .cm-buttons .cm-btn.cm-btn-success-var{ border: 2px solid #152266;}

.authors-links {display: flex;flex-wrap: wrap;gap: 0px 12px;margin-top: 4px;}
.authors-links > a {position: relative;color: var(--black-07);font-size: 18px;font-weight: 500;line-height: 1.8;display: inline-flex;align-items: center;gap: 4px;}
.authors-links > a::after {content: '';width: 18px;height: 18px;background-image: url('../Images/arrow-up-icon-black.svg');background-repeat: no-repeat;background-position: center;display: inline-flex;align-items: center;}

/*----*/
.news-details-section .project-details-content .content-block {max-width: 100%;}

.project-content .content-block p > a, .internal-link {color: var(--blue);font-weight: 500;}
.project-content .content-block p > a:hover, .internal-link:hover {color: var(--dark-blue);}

.internal-link {position: relative;color: var(--blue);font-weight: 500;}
.internal-link::after {content: '';display: inline-flex;justify-content: center;width: 24px;height: 18px;background-image: url('../Images/arrow-icon-blue.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;top: 4px;position: relative;}
.internal-link:hover {color: var(--dark-blue);}
.internal-link:hover::after {background-image: url('../Images/arrow-icon-darkblue.svg');}

.external-link {color: var(--blue) !important;position: relative;display: inline-block !important;font-weight: 500;}
.external-link::after {content: '';display: inline-flex;justify-content: center;width: 18px;height: 18px;background-image: url('../Images/arrow-up-right.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;top: 3px;position: relative;}
.external-link:hover {color: var(--dark-blue) !important;}
.external-link:hover::after {background-image: url('../Images/arrow-up-icon-ext.svg');}

.btn.external-link {display: inline-flex !important;}
.btn.external-link::after {top: 1px;}

.project-links-green {padding: 8px;border-radius: 12px;background: rgba(0, 163, 0, 0.20);}
.project-links-green a {gap: 12px;}

/* .project-links-green .internal-link {position: relative;display: inline-block;font-weight: 500;vertical-align: middle;}
.project-links-green .internal-link::after {content: '';display: inline-flex;justify-content: center;width: 24px;height: 18px;background-image: url('../Images/arrow-icon-blue.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;top: 3px;position: relative;}
.project-links-green .internal-link:hover::after {background-image: url('../Images/arrow-icon-darkblue.svg');} */

.cp-green-links {display: flex;flex-direction: column;gap: 8px 0;}
.cp-green-links a {display: block;color: var(--dark-blue);font-size: 16px;padding: 10px;border-radius: 12px;background: rgba(0, 163, 0, 0.20);font-weight: 600;}
.cp-green-links a.external-link {color: var(--dark-blue) !important;}
.cp-green-links a.external-link::after {background-image: url('../Images/arrow-up-icon-ext.svg');}
.cp-green-links a:hover {background: var(--light-blue);}
.cp-green-links a.internal-link::after {background-image: url('../Images/arrow-up-icon.svg');}

.news-details-section .connect-info h5, .news-details-section .connect-info h5.border-title {font-size: 18px;}

.connect-info .news-card {padding: 20px;box-shadow: none;}
.connect-info .news-card h6 {line-height: 1.2;margin-bottom: 14px;}
.connect-info .news-card p {font-size: 14px;margin-bottom: 12px;}
.connect-info .news-card .btn  {margin-bottom: 0;padding: 10px 24px;}

/*----*/

.event-info-card {padding: 24px;border-radius: 16px;background: rgba(0, 163, 0, 0.20);box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);margin-bottom: 24px;}
.event-info-card h5 {font-size: 18px;margin-bottom: 16px;}
.event-info-card .btn-md {font-size: 14px;padding: 10px 24px;margin-top: 20px;}

/*----*/

.check-filter-block .check-filter-list {gap: 12px 0;}
.check-filter-block .check-filter-list > li {position: relative;flex-wrap: wrap;color: var(--black-400);font-size: 16px;font-weight: 400;line-height: 1.8;transition: 0.3s all ease;}
.check-filter-block .check-filter-list > li > i, .check-filter-block .check-filter-list > li > a i  {display: none;}
.check-filter-block .check-filter-list > li.checked {padding-left: 32px;}
.check-filter-block .check-filter-list > li.checked::before, .check-filter-block .check-filter-list > li > a::before {content: '';display: inline-flex;width: 20px;height: 20px;background: var(--white);border: 2px solid var(--borderD0D);border-radius: 4px;box-shadow: 0 8px 12px 0px rgba(0, 0, 0, 0.05);position: absolute;top: 0;left: 0;margin-top: 4px;transition: 0.3s all ease-in-out;}
.check-filter-block .check-filter-list > li.checked::before {background-color: var(--blue);border-color: var(--blue);background-image: url(../Images/checkmark-icon.svg);background-repeat: no-repeat;background-position: center center;background-size: 12px;}
.check-filter-block .check-filter-list > li > a {position: relative;color: var(--black-400);font-size: 16px;font-weight: 400;line-height: 1.8;display: inline-flex;align-items: center;padding-left: 32px;}
.check-filter-block .check-filter-list > li > a:hover {color: var(--blue);}

.check-filter-block .check-filter-list > li .submenu-check {flex: 0 0 100%;}
/*-----*/

/* ol {padding-left: 20px;line-height: 1.5;counter-reset: item;}
ol li {counter-increment: item;}
ol li::before {content: counter(item) ".";display: inline-flex;margin-left: -20px;margin-right: 5px;} */

ol {padding-left: 30px;line-height: 1.8;list-style-type: decimal;}


.expert-topic-details .section-info ul, .project-content .publication-card-layout ul, .project-content .content-block ul, .frame ul {list-style-type: disc;padding-left: 20px;line-height: 1.8;}
.expert-topic-details .section-info ul {margin-top: 16px;}

.frame ul + ul, .frame ul + p {margin-top: 20px;}

.expert-topic-details p a {color: var(--blue);}
.expert-topic-details p a:hover {color: var(--dark-blue);}

figcaption {color: var(--black-300);font-size: 12px;margin: 10px;}

.privecy-block h2, .privecy-block h3, .privecy-block h4 {margin-bottom: 24px;}

.project-img + figcaption {margin-top: -32px;margin-bottom: 42px;}

.ce-gallery figure, .ce-gallery figure.image {position: relative;}

.ce-custom-figimg {position: relative;}
.ce-custom-figimg > img {width: 100%;height: 100%;object-fit: cover;}

.project-details-section h2, .frame header h2, .project-details-section .ce-bodytext h2 {position: relative;}
.project-details-section h2::after, .frame header h2::after, .project-details-section .ce-bodytext h2::after {content: '';display: inline-flex;width: 89px;height: 2px;background: var(--blue);border-radius: 45px;margin-top: 4px;position: absolute;top: 100%;left: 0;} 


/*--color--*/
.bg-dark-blue {background: var(--dark-blue) !important;}
.bg-mid-blue {background: var(--light-blue) !important;}
.bg-light-blue {background: var(--lightBg1) !important;}

/*--override with typostructure--*/

.project-details-section .project-details-section {padding-bottom: 0;}

.project-details-section h1, .project-details-section .frame header h1, .project-details-section .ce-bodytext h1 {color: var(--dark-blue);font-size: 48px;line-height: 1.2;font-weight: 600; margin-bottom: 10px;}
.project-details-section .frame-type-header:only-child header {margin-bottom: 0;}
.project-details-section .frame header {margin-bottom: 24px;}

.project-details-section h2, .project-details-section .frame header h2, .project-details-section .ce-bodytext h2 {font-size: 18px; color: var(--dark-blue); margin-bottom: 15px; margin-top: 20px; }

.project-details-section .frame h2 + p {margin-top: 24px;}
.project-details-section .frame h3 + p {margin-top: 24px;}

.project-details-section .container-wrapper .container-wrapper {padding: 0;} 
.project-details-section .frame-ruler-after:after {display: none;}
.project-details-section .frame-type-textpic {margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid var(--borderD2D);}

.project-details-section .search-filter-section {padding-bottom: 0;}

/*--override search functionality--*/

.tx-solr-autosuggest {border-color: var(--borderD2D);min-width: 188px;font-size: 16px;}
.tx-solr-autosuggest strong {color: var(--blue);font-weight: 600;}
.tx-solr-autosuggest .autocomplete-suggestion {padding: 3px 8px;}
.tx-solr-autosuggest .autocomplete-group {font-weight: 500;padding: 4px 8px;font-size: 16px;}
.tx-solr-autosuggest .autocomplete-suggestion .internal-link::after {display: none;}
.tx-solr-autosuggest .autocomplete-selected {background: var(--lightBg2);}
.tx-solr-autosuggest .autocomplete-group strong {border-color: var(--borderD2D);}

.contenttable {margin: 0;width: 100%;border: 1px solid var(--borderD2D);border-collapse: collapse;background: #fff !important;}
.contenttable tr th, .contenttable tr td {color: var(--black-500);font-size: 16px;font-weight: 400;line-height: 1.3;padding: 10px;border: 1px solid var(--borderD2D);}
.contenttable tr th {color: var(--dark-blue);font-weight: 600;}

figure.table {margin: 0;}
.table table {margin: 0;width: 100%;border: 1px solid var(--borderD2D);border-collapse: collapse;background: #fff !important;}
.table table tr th, .table table tr td {color: var(--black-500);font-size: 16px;font-weight: 400;line-height: 1.3;padding: 10px;border: 1px solid var(--borderD2D);}
.table table tr th {color: var(--dark-blue);font-weight: 600;}

/*--Responsive-Media-Query--*/

@media (max-width: 1024px) and (min-width: 992px) {
    .nav-top-content ul > li {padding-inline: 12px;}
}

@media (min-width: 768px) {
    .xs-btn-only {display: none !important;}
}

@media (min-width: 992px) {
    .navbar .nav-content {display: block !important;}
    .mega-content .menu-list > li > a:hover {color: var(--dark-blue);background: var(--light-blue);border-radius: 8px;}
}

@media (max-width: 1499px) {
    
    .team-profile-slider .swiper-button-group .swiper-button-prev {left: -16px;}
    .team-profile-slider .swiper-button-group .swiper-button-next {right: -16px;}

    .linkedin-slider .swiper-button-group .swiper-button-prev {left: -16px;}
    .linkedin-slider .swiper-button-group .swiper-button-next {right: -16px;}

    .events-slider .swiper-button-group .swiper-button-prev {left: -16px;}
    .events-slider .swiper-button-group .swiper-button-next {right: -16px;}

    .team-profile-slider .swiper-button-group .swiper-button-prev, .team-profile-slider .swiper-button-group .swiper-button-next {width: 32px;height: 32px;margin-top: -16px;}
    .events-slider .swiper-button-group .swiper-button-prev, .events-slider .swiper-button-group .swiper-button-next {width: 32px;height: 32px;margin-top: -16px;}
    .linkedin-slider .swiper-button-group .swiper-button-prev, .linkedin-slider .swiper-button-group .swiper-button-next {width: 32px;height: 32px;margin-top: -16px;}

    .swiper-button-group .swiper-button-prev img, .swiper-button-group .swiper-button-next img {height: 14px !important;}
}

@media (max-width: 1365px) {
    .mega-menu-inner .mega-left {flex: 0 0 360px;max-width: 360px;}
    .mega-menu .mega-menu-inner {gap: 40px;padding-right: 30px;}
    .mega-content .menu-list {min-width: auto;}
    .mega-content .menu-list > li.has-submenu .mega-submenu-list {padding-left: 30px;margin-left: 30px;min-width: calc(100% - 30px);}

    .team-profile-slider, .events-slider, .linkedin-slider {padding: 0 15px;}
    .team-profile-slider .swiper-button-group .swiper-button-prev {left: 0;}
    .team-profile-slider .swiper-button-group .swiper-button-next {right: 0;}
    .linkedin-slider .swiper-button-group .swiper-button-prev {left: 0;}
    .linkedin-slider .swiper-button-group .swiper-button-next {right: 0;}
    .events-slider .swiper-button-group .swiper-button-prev {left: 0;}
    .events-slider .swiper-button-group .swiper-button-next {right: 0;}

    .publication-card-layout {padding: 24px;}
    .publication-card-layout .publication-info {gap: 24px;}

    .inner-details-row {gap: 30px;}
}

@media (max-width: 1199px) {
    .navbar .site-logo > a img {height: 110px;}
    .navbar .nav-menu {gap: 16px;}
    .nav-top-content .search-input-group {margin-left: 16px;}
    .navbar .nav-menu .nav-menu-item > .nav-menu-link {font-size: 16px;}

    .energy-content-row {gap: 48px;}
    .energy-content-row .energy-col {gap: 48px;}

    .footer-wrapper .footer-nav ul {gap: 40px;}

    .latest-news-section .news-row {gap: 24px;}
    .latest-news-section .news-row .news-col {flex: 0 0 calc(50% - 12px);width: calc(50% - 12px);}

    .news-card {padding: 20px;}
    .news-card-cover .news-content {padding: 0;}

    .events-card {padding: 20px;}
    .project-team-block {gap: 40px;}

    .expert-profile {padding: 42px;}
    .expert-profile::after {right: 14px;bottom: -18px;}
    .expert-profile-row {gap: 42px;}

    .block-row {gap: 20px;}
    .block-row .content-block {flex: 0 0 100%; margin-bottom: 0;}

    .search-section-head {max-width: 100%;}

    .inner-details-row {gap: 32px;}

    .custom-tab-group .tabs > li {padding: 12px 16px;white-space: nowrap;}

    .team-details-section .inner-details-row .content-col {width: 100%;}
    .team-details-section .inner-details-row .connect-col {width: 100%;}

    .publication-card-layout .publication-info .text {flex: 0 0 100%;max-width: 100%;}
}

@media (max-width: 1024px) {
    .inner-details-row {gap: 24px;}
    .inner-details-row .connect-col {width: 300px;}

    .search-section-head .result-selection, .search-section-head .result-sorting {width: 100%;flex: 0 0 100%;gap: 16px;}

    .card-layout {padding: 24px 16px;}
}

@media (max-width: 991px) {
    .navbar {padding: 12px 0 0 0;border-bottom: 0;}
    .navbar .site-logo > a img {height: 74px;}
    .nav-action {display: flex;}
    .search-fix-button {display: none;}
    .navbar .nav-content {display: none;flex-direction: column;justify-content: flex-start;position: absolute;top: 100%;left: 0;right: 0;background: var(--white);z-index: 100;box-shadow: inset 0 4px 24px 0 rgba(0, 0, 0, 0.07);padding: 20px 16px;border-bottom: 1px solid var(--dark-blue);height: calc(100vh - 86px);overflow-y: auto;}
    .navbar .nav-menu {flex-direction: column;align-items: flex-start;gap: 32px 0;margin: 8px 0 16px 0;padding-bottom: 36px;border-bottom: 1px solid var(--borderD2D);}
    .navbar .nav-menu .nav-menu-item {flex-direction: column;align-items: flex-start;}
    .nav-top-content {margin: 0 0 20px 0;order: 2;align-items: flex-start;flex-direction: column;}
    .nav-top-content ul {flex-direction: column;align-items: flex-start;width: 100%;margin-bottom: 20px;}
    .nav-top-content ul > li {padding: 8px 0;}
    .nav-top-content ul > li::after {display: none;}
    .nav-top-content ul > li > a {/*text-decoration: underline !important;*/text-underline-offset: 2px;}
    .nav-top-content .search-input-group {margin: 24px 0 0 0;max-width: 100%;width: 100%;}
    .mega-menu {position: relative;opacity: 1;visibility: visible;display: none;margin-top: 16px;padding: 24px 0;}
    .has-megamenu.active .mega-menu {display: block;}
    .mega-menu .mega-menu-inner {padding-right: 0;gap: 32px;}
    .mega-menu-inner .mega-left {flex: 0 0 100%;max-width: 100%;order: 2;}
    .mega-content {padding: 0 40px 0 0;flex: 0 0 100%;}
    .mega-content .menu-list {max-width: 100%;}
    .mega-content .menu-list > li > a {z-index: 10;}
    .mega-content .menu-list > li > a:hover {color: var(--dark-blue);background: var(--light-blue);border-radius: 8px;}
    .mega-content .menu-list > li.has-submenu .mega-submenu-list {display: none;position: relative;margin: -8px 0 0 0;border: 0;min-width: 100%;opacity: 1;visibility: visible;z-index: 0;inset: 0;background: var(--lightBg4);border-radius: 0 0 12px 12px;padding: 16px 16px 8px 16px;padding-bottom: 26px;}
    .mega-content .menu-list > li.has-submenu.active .mega-submenu-list {display: block;}
    .mega-content .menu-list.mega-submenu-list > li > a {color: var(--black-500);padding: 8px;}
    .mega-content .menu-list.mega-submenu-list > li > a:hover {color: var(--dark-blue);}
    .mega-menu .close-mega-menu {width: 20px;height: 20px;padding: 4px;}

    .newsletter-box .checkbox-btn {margin-inline: auto;justify-content: center;width: 100%;}

    .search-input-group .field-control {height: 48px;font-size: 16px;}

    .newsletter-box {padding: 29px 11px;}
    .newsletter-box p {margin-bottom: 12px;}
    
    .energy-content-row {margin-top: 0;}
    .energy-content-row .energy-col .content-block {flex: 0 0 100%;}
    .energy-content-row .energy-col .img-block {flex: 0 0 100%;width: 100%;}

    .section {padding: 64px 0;}
    /* .bmwe-card .image > img {height: 200px;} */
    .bmwe-card .image > img {height: auto;}

    /* .team-profile .copyright-info {bottom: 130px;} */
    .project-team-block .team-profile-slider {width: 400px;}

    .footer-wrapper {padding: 64px 0;}
    .footer-wrapper .footer-nav ul {gap: 30px;}
    .footer-wrapper .footer-block {gap: 32px 0;}

    .expert-profile-row {gap: 32px;align-items: flex-start;}
    .expert-profile {padding: 24px;}
    .expert-section .expert-col .row-grid {gap: 32px 0;}
    .expert-section .row-grid .col-4 {flex: 0 0 50%;max-width: 50%;} 

    .bmwe-card h3, .bmwe-card h4 {font-size: 20px;}
}

@media (max-width: 767px) {
    h1, .h1 {font-size: 46px;}
    h2, .h2, .project-details-section .frame header h1 {font-size: 32px;}
    h4, .h4, .subtitle-2, .news-card h3 {font-size: 20px;}

    .btn-lg {padding: 14px 20px;font-size: 16px;}
    .btn-lg img {width: 16px;}

    .section-info {max-width: 100%;margin-bottom: 42px;}

    .hero-video-section {padding: 93px 0 66px 0;}
    .hero-video-section .hero-content .white-badge img {display: inline-flex;}
    .hero-video-section .hero-content h4 {font-size: 16px;}
    .hero-video-section .copyright-info {bottom: 66px;}
    .video-controller {margin-top: 30px;}
    
    .content-block h2, .content-block h3 {font-size: 24px;}
    .content-block h5 {line-height: 1.5;}

    .copyright-info {bottom: 24px;}

    .project-team-block .team-profile-slider {flex: 0 0 100%;max-width: 100%;padding: 0 15px;}
    
    .latest-news-section .section-info {text-align: left;max-width: 100%;}
    .latest-news-section .news-row .news-col {flex: 0 0 100%;width: 100%;}
    .news-card {padding: 16px;} 
    .news-card + .news-card {margin-top: 24px;}
    .news-card .news-img {height: auto;}
    .news-card .news-img img {width: 100%;height: auto;}
    .news-card .news-img .copyright-info {bottom: 16px;}
    .news-card .news-content {margin-bottom: 4px;}

    .project-team-block .content-block h2, .project-team-block .content-block h3 {margin-bottom: 12px;}
    .project-team-block .content-block p {margin-bottom: 24px;}
    .project-team-block .content-block .btn-row {gap: 12px;}

    .project-team-block .content-block {flex: 0 0 100%;max-width: 100%;}
    .project-team-block .team-profile-slider {flex: 0 0 100%;max-width: 100%;}

    .team-profile .team-profile-img {height: 324px;}
    .team-profile .team-profile-content {padding: 30px 12px 12px;}
    .team-profile .team-profile-content .profile-link {top: -24px;}
    .team-profile .team-profile-content p {font-size: 14px;}

    .section-head {flex-wrap: wrap;margin-bottom: 42px;}
    .swiper-button-group .swiper-button-prev,.swiper-button-group .swiper-button-next {box-shadow: 0 3.84px 19.2px 0 rgba(0, 125, 252, 0.06);}

    .events-card .events-content p {font-size: 16px;}
    .events-card .events-head .event-location, .events-card .events-head .event-date {font-size: 14px;}
    .events-card .outline-primary-btn {min-width: 124px;}

    .bmwe-section .row-grid > .col-4 {flex: 0 0 100%;max-width: 100%;}

    .newsletter-section.only-xs {display: block;}

    .footer-wrapper {padding-bottom: 20px;}
    .footer-wrapper .footer-block {margin-bottom: 24px;}
    .footer-wrapper .footer-nav ul {gap: 16px;}
    .footer-wrapper .footer-nav ul {flex-direction: column;align-items:flex-start;}
    .footer-wrapper .footer-nav ul > li > a {font-size: 18px;}
    .footer-standard-logo {gap: 12px;padding: 7px 14px;}
    .footer-wrapper .footer-standard-logo + .footer-nav ul > li > a {font-size: 16px;}

    .breadcrumbs-list {gap: 0 24px;}
    .breadcrumbs-list > li:not(:last-child)::after {right: -18px;width: 12px;height: 12px;}

    .inner-details-row .content-col {width: 100%;flex: 0 0 100%;}
    .inner-details-row .connect-col {width: 100%;}
    /* .inner-details-row .connect-col .card-layout {margin-bottom: 0;} */

    .expert-profile-row .expert-profile-img {width: 100%;height: auto;}
    .expert-profile-row .expert-profile-content .expert-name {font-size: 32px;}
    .expert-profile-row .expert-profile-content p {font-size: 16px;}
    .expert-profile-row .expert-profile-content h4 {font-size: 16px;margin-top: 20px;}

    .project-content .project-img {height: auto;}

    .expert-project-details .section-info {margin-bottom: 32px;}
    .expert-profile-row .expert-profile-img .copyright-info {bottom: 24px;}
    .card-layout {padding: 24px 16px;}
    .inner-details-row {gap: 20px 0;}

    .categories-list {gap: 16px 8px;}
    .categories-list > li {font-size: 14px;}

    .search-section-head .result-selection h2 {font-size: 32px;flex: 1 0 0;}

    .select-control + .select2-container .select2-selection--single .select2-selection__rendered {min-height: 46px;}

    .pagination-nav {margin-top: 32px;}
    .filter-card-layout .search-input-group .field-control {min-height: 48px;height: auto;}

    .project-details-section {padding-bottom: 42px;}
    .project-details-section .frame h3, .project-details-section .section-info h3 {font-size: 28px;font-weight: 600 !important;}
    .project-details-section .inner-details-row {padding: 32px 0 0 0;}

    .publication-card-layout {padding: 20px;}
    .publication-card-layout .publication-info {gap: 32px 0;}

    .desktop-btn-only {display: none !important;}

    .section-info.search-section-head {margin-bottom: 40px;}
    .section-info.search-section-head + .inner-details-row {padding-top: 0;}

    .inner-details-row .connect-col {order: 1;}
    .inner-details-row .content-col {order: 2;}

    .team-profile-slider .swiper-button-group .swiper-button-prev, .team-profile-slider .swiper-button-group .swiper-button-next {margin-top: 0;top: 270px;}
    .search-xs-only .search-input-group .tx_solr.container .reset-link {display: none;}
    section.section.project-team-section{position: relative; padding-bottom: 110px;}
    section.section.project-team-section .section-head a.btn {position: absolute;bottom: 40px;}
}

@media (max-width: 639px) {
    .team-details-section .expert-col .row-grid > .col-4 {flex: 0 0 50%;max-width: 50%;}

    .expert-team-block {background: var(--lightBg2);padding: 72px 16px;margin: 0 -16px;}
    .team-details-section .expert-col {margin-top: 32px;}
    .expert-team-block .section-info h2 {font-weight: 500;}
    .team-details-section .expert-col .row-grid {gap: 32px 0;}
}

@media (max-width: 575px) {
    .expert-profile {padding: 16px 16px 32px 16px;}

    .search-section-head {gap: 24px;}
}

@media (max-width: 479px) {
    .navbar .site-logo > a img {height: 74px;}
    .events-slider .swiper {overflow: visible;}

    .expert-section .row-grid .col-4 {flex: 0 0 100%;max-width: 100%;}
    .search-section-head .result-sorting .select-control + .select2-container {width: 100% !important;min-height: 100%;}
    .team-details-section .expert-col .row-grid > .col-4 {flex: 0 0 100%;max-width: 100%;}

    .newsletter-form-group .dark-btn {font-size: 10px;min-width: 72px;padding: 7px 10px;}
    .newsletter-form-group .field-control {padding: 5px 110px 5px 15px;font-size: 12px;}
    .newsletter-box .btn-row .btn-md {padding: 7px 15px;font-size: 12px;}
    .newsletter-box {padding: 15px;}
}

@media (max-width: 375px) {
    .block-row .content-img , .publication-card-layout .publication-info .document {width: 100%;}
    .card-layout-image .block-row .content-img {max-width: 100%;}
}