is actually current — top-level OR sub-menu. Both WordPress current-
menu classes are covered (`current-menu-item` is the modern one,
`current_page_item` is the legacy page-type variant). */
.header_menu ul > li.current-menu-item > a:after,
.header_menu ul > li.current_page_item > a:after,
.header_menu ul .sub-menu > li.current-menu-item > a:after,
.header_menu ul .sub-menu > li.current_page_item > a:after {
width: 100%;
}
.mobileIcon {
display: none;
}
.cmn_btn {
font-size: 16px;
line-height: 100%;
color: var(--white);
transition: var(--transition);
}
.cmn_btn:hover {
color: #B4CD33;
}
.cmn_arrow {
display: flex;
gap: 10px;
align-items: center;
position: relative;
width: max-content;
cursor: pointer;
}
.arrow_btn svg {
transform-origin: center;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.cmn_arrow:hover .arrow_btn {
background-color: #B4CD33;
}
.cmn_arrow:hover .arrow_btn svg {
transform: scale(1.1);
}
.cmn_arrow:hover .cmn_btn {
color: #B4CD33;
}
.cmn_arrow:hover .btn:after {
width: 100%;
}
.cmn_arrow:hover .btn {
color: var(--body-bg);
border: 1px solid var(--green-primary);
}
.arrow_btn {
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
background-color: aliceblue;
transition: var(--transition);
cursor: pointer;
border-radius: 4px;
}
.cmn_arrow::before {
content: '';
position: absolute;
top: 0;
left: 0;
border-left: 1px solid #B4CD33;
}
.arrow_btn svg {
transform-origin: center;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.arrow_link {
color: #B4CD33;
transition: var(--transition);
}
.cmn_btn:hover .button_text {
color: var(--body-bg);
}
/* Hero Banner */
/* Hero Banner */
.hero_banner_main {
position: relative;
z-index: 1;
width: 100%;
display: flex;
flex-direction: column;
justify-content: end;
}
.hero_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.hero_banner_content {
position: relative;
padding: 0 0 53px 60px;
display: flex;
flex-direction: column;
gap: 32px;
width: 51.4%;
justify-content: end;
}
.banner_content h3 {
display: flex;
flex-direction: column;
color: var(--blue-secondary);
}
.banner_content h3 span {
color: var(--white);
}
.hero_banner_content:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1px;
background: var(--blue-secondary);
}
.hero_img {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
}
.hero_banner {
position: relative;
display: flex;
align-items: end;
justify-content: center;
overflow: hidden;
z-index: 2;
padding-bottom: 100px;
height: 100vh;
}
.banner_content p {
color: var(--blue-secondary);
font-size: var(--h3-size);
line-height: var(--h3-line);
}
.banner_content .title_h3 {
color: var(--white);
}
.hero_banner_btm_content {
display: flex;
justify-content: flex-start;
gap: 60px;
align-items: end;
}
.hero_banner_right_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero_banner_right_img {
width: 35%;
}
.hero_img:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(10, 17, 23, 0) 13.7%, rgba(10, 17, 23, 0.759) 78.6%);
}
/* Powered Cell */
.cmn_patch_otr {
position: relative;
z-index: 1;
}
.cmn_patch_otr:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 72.3%;
/* background-image: url('data:image/svg+xml,'); */
background-repeat: no-repeat;
background: linear-gradient(to bottom, #0a1117 0%, #212d39 62.2%, rgba(213, 219, 211, 0) 100%);
z-index: -1;
}
.powered_cell {
position: relative;
overflow: hidden;
padding: 220px 0px;
}
.powered_cell_title,
.powered_cell_description {
width: 40.367%;
}
.powered_cell_title .title_h2 {
color: var(--white);
}
.title_h2 span {
color: var(--green-primary);
}
.powered_cell_description {
display: flex;
flex-direction: column;
gap: 30px;
}
.powered_cell_main {
display: flex;
justify-content: space-between;
gap: 50px;
}
.powered_cell_patch {
position: absolute;
right: 0;
top: 23px;
width: 386px;
height: 568.62px;
}
.hover_icon {
position: relative;
}
.powered_cell_btn {
display: flex;
align-items: center;
gap: 8px;
}
.powered_cell_btn a {
color: var(--green-primary);
font-weight: var(--fw-regular);
}
.powered_cell_title {
display: flex;
flex-direction: column;
gap: 24px;
}
.hover_icon svg.line_only {
position: absolute;
left: 0;
width: 3px;
height: 11px;
top: 50%;
transform: translateY(-100%);
}
/* Performance Mission */
.offset_top {
position: relative;
z-index: 1;
}
.btm_boxes {
margin-top: -170px;
}
.performance_mission {
max-width: 1732px;
background: var(--header-bg);
margin: 0px auto;
border-radius: 4px;
padding-top: 150px;
padding-bottom: 294px;
}
.performance_mission_main {
display: flex;
flex-direction: column;
gap: 150px;
}
.performance_title {
max-width: 735px;
display: flex;
flex-direction: column;
gap: 14px;
}
.performance_title h2 {
color: var(--white);
}
.performance_feature_box_otr {
display: grid;
grid-template-columns: 2.1402fr 1fr 1fr;
gap: 41px;
}
.feature_image {
overflow: hidden;
transition: var(--quik-transition);
border-radius: 4px;
}
.feature_image:hover img {
transform: scale(1.1);
}
.feature_image img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: var(--quik-transition);
border-radius: 4px;
}
.feature_box {
display: flex;
flex-direction: column;
gap: 50px;
}
.cmn_bullet_title .title_h4 {
padding-left: 24px;
position: relative;
color: var(--green-primary);
}
.cmn_bullet_title .title_h4:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
background: var(--green-primary);
border-radius: 100%;
}
.performance_btm_otr {
display: flex;
flex-direction: column;
}
.performance_counting_box_otr {
display: flex;
gap: 40px;
}
.performance_counting_box {
display: flex;
flex-direction: column;
gap: 14px;
padding: 25px;
background: var(--box-bg);
position: relative;
overflow: hidden;
width: 14.6%;
border-radius: 0 4px 4px 0;
}
.performance_counting_box_otr .performance_counting_box:nth-child(3),
.performance_counting_box_otr .performance_counting_box:nth-child(1) {
width: 24%;
}
.performance_counting_box:after {
content: '';
position: absolute;
left: 0;
top: 0;
border-left: 4px solid var(--green-primary);
height: 100%;
}
.performance_box_content {
display: flex;
flex-direction: column;
gap: 24px;
}
.performance_main_title {
min-height: 130px;
}
.performance_main_title h3 {
color: var(--green-primary);
font-weight: var(--fw-regular);
}
.performance_box_content h4 {
color: var(--green-primary);
}
.performance_counting_box:before {
content: '';
position: absolute;
left: 0;
top: 100%;
border-left: 4px solid var(--green-primary);
height: 100%;
z-index: 1;
transition: all ease-in-out 0.4s;
}
.performance_counting_box:hover:before {
top: 0;
}
.performance_counting_box:nth-child(1):before {
border-left-color: #603C88;
}
.performance_counting_box:nth-child(2):before {
border-left-color: #EC7204;
}
.performance_counting_box:nth-child(3):before {
border-left-color: #A3B4C0;
}
.performance_counting_box:nth-child(4):before {
border-left-color: #FFED00;
}
.performance_counting_box:nth-child(5):before {
border-left-color: #ED9E6F;
}
.performance_counting_box:hover:before {
top: 0;
}
/* Performance Drone Section */
.performance_section {
position: relative;
/* margin-top: -660px; */
margin-top: -34%;
aspect-ratio: 16 / 13.6;
padding-top: 100px;
display: flex;
align-items: flex-end;
padding-bottom: 75px;
}
.performance_section:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 41%;
/* background-image: url('data:image/svg+xml,'); */
background-repeat: repeat;
background: linear-gradient(to bottom,
rgba(10, 17, 23, 0) 0%,
rgba(10, 17, 23, 0.572) 100%);
z-index: -1;
}
.performance_image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.performance_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.performance_content {
max-width: 991px;
display: flex;
flex-direction: column;
gap: 35px;
}
.performance_top_content {
display: flex;
flex-direction: column;
gap: 24px;
}
.performance_top_content p,
.performance_top_content h2 {
color: var(--white);
}
/* Our Market */
.our_markets {
padding: 84px 0 98px;
background: #e6e6e0;
}
.our_markets_main {
width: 100%;
max-width: 1635px;
margin: 0 0 0 auto;
display: flex;
flex-direction: column;
gap: 60px;
padding-left: 50px;
}
.our_markets_title h2 {
color: var(--header-bg);
display: flex;
flex-direction: column;
}
.our_markets_title {
max-width: 33%;
}
.our_markets_otr {
max-width: 1920px;
margin: 0px auto;
background: url(/wp-content/uploads/2026/04/our_market_bg.png);
background-size: cover;
background-repeat: no-repeat;
padding: 115px 0px 101px;
}
.our_markets_wrapper {
position: relative;
height: 100%;
}
/* .market_img {
position: absolute;
width: 100%;
padding-top: 141.451%;
} */
.market_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.market_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* .our_markets_slider {
aspect-ratio: 10/14.15;
} */
.our_markets_slider {
padding-top: 41.1%;
}
.markets_title {
position: relative;
z-index: 5;
}
.our_markets_card:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(./images/our_market_overlay.png);
background-repeat: no-repeat;
background-size: cover;
}
.our_markets_card_op {
position: absolute;
padding: 48px 62px 100px 52px;
color: var(--white);
gap: 28px;
display: flex;
flex-direction: column;
transition: all 0.4s ease-in-out;
top: 100%;
left: 0;
z-index: 5;
height: 100%;
justify-content: end;
}
.market_wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 5;
transition: all 0.2s ease-in-out;
}
.market_wrapper:hover::before {
background-color: #19232E;
}
/* .market_wrapper {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
border-radius: 4px;
} */
.our_markets_slider .market_wrapper {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
}
.market_wrapper:hover .our_markets_card_op {
top: 0;
}
.our_markets_content {
display: flex;
flex-direction: column;
gap: 25px;
}
.our_markets_content h3 {
color: var(--green-primary);
font-weight: var(--fw-medium);
}
.our_markets_content h3 span {
color: var(--white);
}
.market_show_btn_otr {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
position: relative;
padding: 48px 53px;
z-index: 6;
}
.our_markets_card {
position: relative;
height: 100%;
}
.market_wrapper .powered_cell_btn {
opacity: 0;
position: relative;
z-index: 5;
}
.market_wrapper:hover .powered_cell_btn {
opacity: 1;
}
/* CTA Section */
.cta_section {
padding: 124px 0 170px;
background-color: var(--header-bg);
}
.cta_main {
display: flex;
gap: 32px;
justify-content: space-between;
}
.cta_left {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px;
flex: 1;
}
.cta_content {
display: flex;
flex-direction: column;
gap: 94px;
}
.cta_right {
display: flex;
gap: 41px;
width: 48.867%;
}
.cta_desc {
display: flex;
flex-direction: column;
gap: 10px;
max-width: 507px;
width: 100%;
}
.cta_desc h3 {
color: var(--white);
}
.cta_img {
padding-top: 66.85%;
position: relative;
}
.cta_img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.cta_img.small_image {
flex: 1;
}
.cta_img.big_image {
width: 64.803%;
}
/* Footer */
/* Footer */
.body_content_start {
position: relative;
margin-bottom: 555px;
z-index: 1;
}
.footer {
padding: 80px 0;
position: fixed;
bottom: 0;
z-index: -2;
width: 100%;
background-color: var(--body-bg);
}
.footer_main {
display: flex;
flex-direction: column;
gap: 112px;
}
.footer_top {
display: flex;
justify-content: space-between;
gap: 30px;
}
.footer_left {
width: 28.134%;
}
.footer_top_right {
display: flex;
flex-direction: column;
gap: 93px;
width: 39.067%;
}
.footer_right_menu {
display: flex;
gap: 35px;
}
.footer_btm {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 30px;
}
.footer_btm_right {
display: flex;
gap: 5px;
align-items: center;
flex: 1;
justify-content: end;
}
.footer_privacy_menu ul {
display: flex;
}
.footer_privacy_menu ul li a {
border-left: 1px solid #62717E;
font-size: var(--h6-size);
line-height: var(--h2-line);
font-weight: var(--fw-regular);
color: #62717E;
transition: var(--transition);
padding: 0 5px;
}
.footer_copyright {
font-size: var(--h6-size);
line-height: var(--h2-line);
font-weight: var(--fw-regular);
color: #62717E;
}
.footer_logo {
display: flex;
/* Logo now sits at the top of .footer_left, above the tagline.
Match the header logo sizing exactly — let the image render at its
natural width instead of stretching to the column. */
margin-bottom: 60px;
}
.footer_logo a {
display: flex;
width: max-content;
align-items: center;
}
.footer_logo a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.footer_left h2 {
font-weight: var(--fw-light);
/* ~1/3 smaller than the global h2 — scoped to the footer tagline only.
Mirrors the fluid clamp used by --h2-size, with each term × 2/3
(28px→49px globally becomes ~19px→33px here). */
font-size: clamp(1.9rem, 1.5vw + 0.7rem, 3.3rem);
}
.footer_address h6,
.footer_mail h6 {
font-size: var(--h6-size);
line-height: var(--lh-normal);
color: var(--white);
font-weight: var(--fw-medium);
}
.footer_address {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer_address p,
.footer_right_link ul li a,
.footer_mail a.email {
font-size: var(--h6-size);
line-height: var(--lh-normal);
font-weight: var(--fw-regular);
color: var(--blue-light);
}
.footer_adress_otr {
flex: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.footer_right_link {
width: 17%;
}
.footer_right_link ul {
display: flex;
flex-direction: column;
}
.footer_right_link ul li {
line-height: normal;
}
.footer_social_otr {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer_mail {
display: flex;
align-items: center;
gap: 16px;
justify-content: space-between;
}
.footer_social_link {
display: flex;
align-items: center;
gap: 8px;
}
.social-icons {
display: flex;
align-items: center;
gap: 14px;
}
.social-icons a {
display: flex;
}
.footer a:hover {
color: var(--green-primary);
}
.footer a {
transition: var(--quik-transition);
}
/* Common Use For The White Page */
.body-white {
background-color: var(--white);
}
.body-white .white-header {
background: white;
box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.2);
}
body .wrap_content_main {
background-color: var(--header-bg);
}
/* body.home .wrap_content_main {
background: unset;
} */
body.home .wrap_content_main {
background: var(--header-bg);
}
.body-white .wrap_content_main {
position: relative;
background: var(--white);
}
.body-white .header_menu ul li a {
color: var(--light-menu);
}
.body-white .btn {
border: 1px solid #A3B4C0;
color: #62717E;
}
.body-white .btn:hover {
color: var(--body-bg);
border: 1px solid var(--green-primary);
}
.body-white .arrow_btn {
background-color: var(--blue-light);
}
.body-white .cta_section a.cmn_link_btn,
.product_architecture .cmn_link_btn,
.career_role a.cmn_btn {
color: var(--white);
}
/* Market Page */
.cmn_inner_banner_space {
padding: 293px 0 100px;
}
.inner_banner_main {
display: flex;
align-items: end;
gap: 41px;
justify-content: space-between;
}
/* .inner_banner_left {
width: 57.4%;
display: flex;
flex-direction: column;
gap: 50px;
}
.inner_banner_right {
flex: 1;
} */
.inner_banner_right {
width: 50%;
max-width: 730px;
}
.inner_banner_left {
display: flex;
flex-direction: column;
gap: 50px;
flex: 1;
}
.small_content_area .inner_banner_right {
width: 40.3%;
max-width: 604px;
}
.news_detail_banner .inner_banner_left {
max-width: 520px;
}
.inner_banner_left_desription .title_h1 {
color: var(--light-menu);
}
.inner_banner_right p span {
color: var(--light-menu);
}
.inner_banner_right p {
line-height: 1.35;
}
.inner_banner_add_otr {
display: flex;
flex-direction: column;
gap: 35px;
}
.market_banner {
padding-bottom: 190px;
}
/* Common Inner Banner */
.cmn_inner_banner_otr {
aspect-ratio: 16 / 6.4;
position: relative;
z-index: 1;
display: flex;
align-items: end;
}
.cmn_inner_banner_image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.cmn_inner_banner_image:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(to bottom, rgba(10, 17, 23, 0) 58.5%, rgba(10, 17, 23, 1) 90.9%);
opacity: 0.722;
mix-blend-mode: multiply;
}
.cmn_inner_banner_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cmn_inner_banner_link_otr {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cmn_inner_banner_link {
display: flex;
padding-left: 20px;
border-left: 1px solid var(--white);
padding-bottom: 60px;
}
.cmn_inner_banner_link a {
font-size: var(--h4-size);
color: var(--white);
font-weight: var(--fw-medium);
transition: var(--quik-transition);
}
.cmn_inner_banner_link a:hover {
color: var(--green-primary);
}
/* Common Left Right Section */
.cmn_image_content_repeater {
padding-top: 140px;
}
.cmn_image_content {
max-width: 1920px;
}
@media (min-width: 1921px) {
.cmn_image_content {
margin: 0 auto;
}
}
.cmn_image_content_inner {
max-width: 1763px;
padding-right: 50px;
margin-right: auto;
}
.cmn_image_content_main {
display: flex;
align-items: center;
gap: 170px;
justify-content: space-between;
}
.cmn_content,
.cmn_content_border_title_otr,
.career_mission_content {
display: flex;
flex-direction: column;
gap: 54px;
}
.cmn_content_title_main,
.cmn_content_description_otr {
display: flex;
flex-direction: column;
gap: 40px;
}
.cmn_content_description {
display: flex;
flex-direction: column;
gap: 24px;
}
.cmn_content_title_main .title_h2 {
color: var(--body-bg);
}
.cmn_content p {
color: var(--light-menu);
}
.cmn_image {
width: 54.8%;
display: flex;
border-radius: 0 4px 4px 0;
}
.cmn_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cmn_image.cmn_image_hover_otr {
border-radius: 0 4px 4px 0;
}
.cmn_content {
flex: 1;
max-width: 595px;
padding: 50px 0;
}
.cmn_content_bor_title {
padding: 25px;
border-left: 4px solid var(--green-primary);
}
.cmn_content_title_btn_otr {
display: flex;
flex-direction: column;
gap: 26px;
}
.cmn_content_title_btn {
display: flex;
align-items: center;
gap: 24px;
}
.cmn_content_bor_title .title_h5 {
color: var(--body-bg);
font-weight: var(--fw-regular);
}
.cmn_content_btn_title h4 {
text-transform: uppercase;
color: var(--body-bg);
font-weight: var(--fw-regular);
}
.cmn_image_content_repeater .cmn_image_content:nth-child(even) .cmn_image_content_inner,
.right_image_only .cmn_image_content_inner {
padding-left: 50px;
padding-right: 0;
margin-right: 0;
margin-left: auto;
}
.cmn_image_content_repeater .cmn_image_content:nth-child(even) .cmn_image_content_main,
.right_image_only .cmn_image_content_main {
flex-direction: row-reverse;
gap: 40px;
}
.cmn_image_content_repeater .cmn_image_content:nth-child(even) .cmn_image_content_main .cmn_image,
.right_image_only .cmn_image_content_main .cmn_image {
width: 62.4%;
}
.cmn_image_content_repeater .cmn_image_content:nth-child(even) .cmn_image img,
.right_image_only .cmn_image img {
border-radius: 4px 0 0 0;
}
.cmn_image_content_repeater .cmn_image_content:nth-child(even) .cmn_image.cmn_image_hover_otr,
.right_image_only .cmn_image.cmn_image_hover_otr {
border-radius: 4px 0 0 0;
}
.market_second_sec {
padding-top: 50px;
}
/* Product Page */
.product_architecture_otr {
/* background-color: var(--off-white); */
padding-top: 100px;
}
.product_architecture_otr .cmn_image_content_main {
flex-direction: row-reverse;
}
.product_architecture_otr .cmn_image_content_inner {
padding-left: 50px;
padding-right: 0;
margin-right: 0;
margin-left: auto;
}
.architecture_built {
background: var(--white);
margin-bottom: -226px;
padding-top: 90px;
}
.architecture_img img {
width: 100%;
height: 100%;
object-fit: cover
}
.architecture_img_content {
position: relative;
}
.architecture_desc {
position: absolute;
bottom: 122px;
left: 129px;
width: 43%;
height: max-content;
}
.architecture_desc h2 span {
color: var(--white);
}
/* technology sheet */
.technology_sheet {
padding: 316px 0 131px;
background-color: var(--header-bg);
}
.technology_sheet_main {
display: flex;
flex-direction: column;
gap: 90px;
align-items: center;
}
.technology_sheet .cmn_content_bor_title {
padding: 60px 40px;
max-width: 1187px;
margin: 0px auto;
}
.technology_sheet .cmn_content_bor_title span {
color: var(--white);
}
.technology_sheet_card_otr {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 41px;
}
.technology_sheet_card {
position: relative;
padding: 91px 129px;
background-color: var(--box-bg);
border-radius: 4px;
box-shadow: 0px 13px 99px #b4cd3314;
}
.cell_img {
position: absolute;
right: 5%;
top: -9%;
width: 30.432%;
height: 30.56%;
}
/* .cell_img {
position: absolute;
right: 3%;
top: -6%;
width: 30.432%;
height: 20%;
} */
.cell_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cmn_card_content {
display: flex;
flex-direction: column;
gap: 35px;
}
.cmn_card_content p span {
color: var(--blue-light);
font-weight: var(--fw-regular);
}
.technology_sheet_card_box {
display: flex;
flex-direction: column;
gap: 41px;
}
.card_table_row {
display: flex;
flex-direction: column;
gap: 8px;
}
.card_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 7px;
}
.card_content {
background-color: #0E171E;
padding: 24px 20px;
border-radius: 4px;
color: var(--white);
}
.card_table_otr {
display: flex;
flex-direction: column;
gap: 48px;
}
.card_title h5 {
color: var(--green-primary);
font-weight: var(--fw-medium);
}
/*supply & archicture */
.architecture {
padding: 113px 0 227px;
background-color: var(--header-bg);
}
.product_architecture {
padding: 100px 0;
}
.architecture_main {
display: flex;
flex-direction: column;
gap: 154px;
}
.architecture_top {
display: flex;
flex-direction: column;
gap: 90px;
}
.architecture_content {
display: flex;
flex-direction: column;
gap: 40px;
max-width: 530px;
width: 100%;
}
.architecture_content h2 {
max-width: 510px;
width: 100%;
color: var(--blue-light);
}
.architecture_card_otr {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 41px;
}
.architecture_card {
display: flex;
flex-direction: column;
gap: 41px;
justify-content: space-between;
padding: 85px 41px;
min-height: 361px;
background-color: var(--box-bg);
border-radius: 0 4px 4px 0;
box-shadow: 0px 13px 99px #b4cd3314;
position: relative;
overflow: hidden;
}
.architecture_card:before {
content: '';
position: absolute;
left: 0;
top: 100%;
height: 100%;
z-index: 1;
transition: all ease-in-out 0.4s;
border-left: 4px solid #603C88;
}
.architecture_card:after {
content: '';
position: absolute;
left: 0;
top: 0;
border-left: 4px solid var(--green-primary);
height: 100%;
}
.architecture_card:hover:before {
top: 0;
}
.architecture_card:nth-child(1):before,
.about_counter_wrapper .about_counter_slider:nth-child(1) .architecture_card:before {
border-left-color: #603C88;
}
.architecture_card:nth-child(2):before,
.about_counter_wrapper .about_counter_slider:nth-child(2) .architecture_card:before {
border-left-color: #EC7204;
}
.architecture_card:nth-child(3):before,
.about_counter_wrapper .about_counter_slider:nth-child(3) .architecture_card:before {
border-left-color: #A3B4C0;
}
.architecture_card:nth-child(4):before,
.about_counter_wrapper .about_counter_slider:nth-child(4) .architecture_card:before {
border-left-color: #FFED00
}
.architecture_card:nth-child(5):before,
.about_counter_wrapper .about_counter_slider:nth-child(5) .architecture_card:before {
border-left-color: #ED9E6F
}
.architecture_card:nth-child(6):before,
.about_counter_wrapper .about_counter_slider:nth-child(6) .architecture_card:before {
border-left-color: #603C88;
}
.architecture_desc h2 {
color: var(--blue-light);
}
.architecture_card h2 {
color: var(--green-primary);
max-width: 297px;
width: 100%;
flex: 1;
}
.architecture_card p {
color: var(--blue-light);
flex: 1;
}
.supply_card {
padding: 91px 41px 64px;
}
.architecture_btm p {
max-width: 1147px;
width: 100%;
}
.performance_mechanism {
padding: 154px 0 138px;
background-color: var(--box-bg);
}
.performance_main {
display: flex;
flex-direction: column;
gap: 57px;
max-width: 1248px;
width: 100%;
margin: 0 auto;
}
.performance_mechanism_title h2 {
color: var(--blue-light)
}
.performance_btm {
display: flex;
flex-direction: column;
gap: 30px;
}
.performance_desc p {
/* max-width: 645px; */
width: 100%
}
.performance_desc .title_h3 {
padding: 12px 0;
font-weight: 700;
color:var(--white);
}
.performance_btm .card_table_row {
gap: 10px;
}
.performance_btm .card_content:nth-of-type(odd) {
font-weight: var(--fw-medium);
}
.performance_btm .card_content:nth-of-type(even) {
color: var(--blue-secondary);
}
.performance_btm .card_content {
padding: 23px 50px 23px 28px;
}
/* design */
.lionvolt_design {
background-color: #CDCDC2;
margin-bottom: -170px;
padding-bottom: 170px;
overflow-x: hidden;
}
.lionvolt_otr {
max-width: 1920px;
margin: 0 auto;
}
.lionvolt_design_main {
display: flex;
align-items: start;
gap: 85px;
max-width: 1714px;
padding-left: 50px;
padding-right: 0;
margin-right: 0;
margin-left: auto;
}
.lionvolt_left_content {
padding: 88px 0;
width: 40%;
max-width: 490px;
}
.lionvolt_img_righ {
flex: 1;
transition: var(--transition);
margin-bottom: -100px;
filter: drop-shadow(0px 3px 40px #A2857A);
transform-origin: top bottom;
}
.lionvolt_img_righ:hover {
transform: scale(1.1);
filter: drop-shadow(0px 3px 40px #000000);
}
.lionvolt_img_righ img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lionvolt_left_content h2 {
color: var(--header-bg);
}
.product_powered {
padding-top: 100px;
}
.graphite_banner {
padding-top: 100px;
}
/* .cmn_content_description p:last-child {
font-weight: var(--fw-medium);
} */
.graphite_banner .cmn_content_description p:last-child {
font-weight: var(--fw-medium);
}
.technology_process {
padding: 120px 0;
}
/* Update */
.full_bg_content {
padding: 115px 0;
background: var(--body-bg);
}
.white_content h2,
.white_content .cmn_content_bor_title .title_h5 {
color: var(--blue-light) !important;
}
.white_content p {
color: var(--light-menu) !important;
}
.white_content .cmn_content_btn_title h4 {
color: var(--green-primary);
}
.white_content .cmn_content_title_btn .cmn_arrow a {
color: var(--blue-light);
}
.no_border_image .cmn_image img {
border-radius: unset !important;
}
.no_border_image .cmn_image {
border-radius: unset !important;
}
/* Fundamentally */
.fundamentally {
padding: 186px 0 240px;
background: var(--header-bg);
}
.fundamentally_main {
display: flex;
flex-direction: column;
gap: 78px;
}
.fundamentally_title h2 {
max-width: 480px;
width: 100%;
color: var(--blue-light);
}
.fundamentally_btm {
display: flex;
flex-direction: column;
gap: 70px;
}
.fundamentally_btm .cmn_content_border_title_otr {
max-width: 860px;
margin: 0 auto;
width: 100%;
}
.fundamentally_btm .cmn_content_bor_title {
padding-left: 80px;
}
.cmn_content_desc {
display: flex;
flex-direction: column;
gap: 20px;
}
.fundamentally_btm .cmn_content_bor_title .title_h5 {
font-weight: var(--fw-medium);
color: var(--blue-secondary);
}
.fundamentally_btm .cmn_content_bor_title .title_h5 {
font-weight: var(--fw-medium);
color: var(--blue-secondary);
}
.faundamentally_img_content {
display: flex;
gap: 20px;
align-items: end;
justify-content: space-between;
}
.fundamentally_img {
width: 100%;
max-width: 866px;
}
.fundamentally_content {
flex: 1;
display: flex;
flex-direction: column;
gap: 108px;
align-items: end;
margin-left: -24%;
margin-bottom: 4.4%;
}
.fundamentally_list_double {
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
align-items: end;
}
.fundamentally_img img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.fundamentally_list {
display: flex;
width: 100%;
justify-content: end;
gap: 16px;
align-items: center;
}
.gray_line {
flex: 1;
height: 1px;
background: #62717E;
position: relative;
}
.gray_line:after {
content: '';
position: absolute;
left: -30px;
top: -6px;
width: 14px;
height: 14px;
background: var(--green-primary);
border-radius: 100%;
}
.fundamentally_list_title h5 {
width: max-content;
font-weight: var(--fw-medium);
color: var(--blue-light);
}
/* Card */
.manufactured {
padding: 196px 0 182px;
background-color: var(--white);
}
.manufactured_main {
display: flex;
flex-direction: column;
gap: 106px;
}
.manufactured_top {
display: flex;
align-items: center;
gap: 50px;
justify-content: space-between;
}
.manufactured_top .manufactured_heading {
width: 35.867%;
max-width: unset;
}
.manufactured_top .manufacturing_content {
width: 48.934%;
}
.manufactured_heading {
display: flex;
flex-direction: column;
gap: 39px;
max-width: 604px;
width: 100%;
}
.manufacture_title h2 {
color: var(--body-bg);
}
.manufactured_slide {
display: flex;
gap: 41px;
transition: var(--transition);
align-items: stretch;
}
.manufactured_card {
position: relative;
overflow: hidden;
width: 100%;
transform: var(--transition);
transition: flex 0.5s ease, transform 0.3s ease;
flex: 1;
display: flex;
padding-top: 52.2%;
}
.manufacture_img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.manufacture_card_op {
position: absolute;
padding: 50px 97px 88px 62px;
color: var(--white);
gap: 67px;
display: flex;
flex-direction: column;
transition: all 0.4s ease-in-out;
top: 0;
right: 100%;
z-index: 5;
height: 100%;
justify-content: end;
background: linear-gradient(to bottom,
rgba(10, 17, 23, 0) 13.7%,
rgba(10, 17, 23, 0.759) 78.6%);
bottom: 0;
width: 100%;
transform: translateX(-100%);
}
.manufacture_img {
display: flex;
width: 100%;
}
.manufacture_img img {
width: 100%;
object-fit: cover;
height: 100%;
}
.manufactured_slide .manufactured_card.active {
flex: 3.38;
}
.manufactured_card.active .manufacture_card_op {
transform: translateX(100%);
}
.manufacture_card_info {
display: flex;
flex-direction: column;
gap: 25px;
}
.manufacture_card_content {
display: flex;
flex-direction: column;
gap: 34px;
}
.manufacture_card_info h3 {
color: var(--green-primary);
font-weight: var(--fw-medium);
}
.manufacture_card_info h5 {
color: var(--blue-light);
}
/* About Page */
.cmn_blue_banner .inner_banner_right p span {
color: var(--blue-light);
}
.cmn_blue_banner .inner_banner_left .title_h1 {
color: var(--white);
}
.cmn_blue_banner {
padding-bottom: 150px;
background: linear-gradient(to bottom, #0a1117 0%, #212d39 95.5%, #212d39 100%);
}
.cmn_blue_banner .inner_banner_left {
width: 42.7%;
}
.white_text_bg_blue .cmn_content_title_main .title_h2 {
color: var(--light-blue);
}
.white_text_bg_blue .cmn_content_description p {
color: var(--blue-secondary);
}
.about_research {
padding: 248px 0 100px;
}
.about_mission .inner_banner_stack {
display: flex;
flex-direction: column;
gap: 40px;
max-width: 475px;
}
.cmn_inner_banner_stack_box {
max-width: 646px;
min-height: unset;
padding: 50px 40px 86px;
position: absolute;
bottom: -141px;
z-index: 2;
box-shadow: 0px 13px 99px rgb(180 205 51 / 14%);
}
/* About Counter */
.about_counter {
padding-bottom: 124px;
background-color: var(--header-bg);
}
.about_otr {
/* background: linear-gradient(to top, rgba(33, 45, 57, 0) 0%, rgba(33, 45, 57, 0.98) 51.9%, rgba(33, 45, 57, 1) 58.8%, rgba(33, 45, 57, 1) 100%); */
position: relative;
}
.about_otr:before {
content: '';
position: absolute;
top: -14.75%;
left: 0;
width: 100%;
height: 50%;
z-index: 1;
background: linear-gradient(to top, rgba(33, 45, 57, 0) 0%, rgba(33, 45, 57, 0.98) 51.9%, rgba(33, 45, 57, 1) 58.8%, rgba(33, 45, 57, 1) 100%);
}
.about_counter_container {
max-width: 1920px;
margin: 0 auto;
}
.about_counter_banner_img {
aspect-ratio: 16/7;
}
.about_counter_banner_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about_counter_btm {
margin: -190px 0 0px auto;
max-width: 1631px;
width: 100%;
padding-left: 50px;
}
/* Reshaping The World */
.reshaping {
background: var(--header-bg);
padding-bottom: 78px;
}
.reshaping_main {
background: var(--box-bg);
padding: 106px 128px 105px 102px;
display: flex;
gap: 50px;
justify-content: space-between;
align-items: end;
position: relative;
border-radius: 4px;
}
.reshaping_main::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 57.467%;
height: 70.691%;
background: url(/wp-content/uploads/2026/04/Mask-Group-64.png);
background-repeat: no-repeat;
background-size: cover;
}
.reshaping_left {
width: 39.922%;
display: flex;
flex-direction: column;
gap: 170px;
margin-bottom: 218px;
}
.reshaping_right {
width: 47.717%;
display: flex;
flex-direction: column;
gap: 20px;
z-index: 1;
}
.reshaping_content {
display: flex;
flex-direction: column;
gap: 39px;
}
.reshaping_desc {
display: flex;
flex-direction: column;
gap: 35px;
}
.reshaping_desc h2 {
max-width: 346px;
width: 100%;
}
.shift_card {
background: var(--body-bg);
padding: 44px;
border-radius: 0 4px 4px 0;
display: flex;
flex-direction: column;
gap: 20px;
min-height: unset;
overflow: hidden;
border: none;
position: relative;
}
.shift_card_content {
display: flex;
flex-direction: column;
gap: 10px;
}
.shift_card_content h5 {
font-weight: var(--fw-medium);
color: var(--blue-light);
}
/* About Europe */
.about_manufactured {
background-color: #E6E6E0;
}
.about_manufactured .manufacture_title h2 {
color: var(--light-menu);
}
.about_manufactured .manufactured_slide .manufactured_card.active {
flex: 2.1401;
}
.about_manufactured .manufacturing_content p {
color: var(--light-menu);
}
/* Lionovolt Teams */
.liinovolt_teams {
padding: 116px 0 202px;
background: var(--header-bg);
position: relative;
z-index: 1;
}
.linovolt_teams_main {
display: flex;
flex-direction: column;
gap: 93px;
}
.lionovolt_teams_top {
display: flex;
flex-direction: column;
gap: 39px;
max-width: 558px;
width: 100%;
}
.lionovolt_heading {
display: flex;
flex-direction: column;
gap: 54px;
}
.lionovolt_teams_btm {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 116px 41px;
position: relative;
}
.lionovolt_teams_card {
position: relative;
overflow: hidden;
}
.teams_card {
position: relative;
aspect-ratio: 3/4.17;
overflow: hidden;
}
.teams_member_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.teams_member_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.teams_card .markets_title {
position: relative;
padding: 48px 55px;
z-index: 5;
}
.teams_card_op {
position: absolute;
padding: 48px 62px 100px 52px;
color: var(--white);
display: flex;
flex-direction: column;
gap: 34px;
bottom: 18%;
left: 0;
width: 100%;
height: 100%;
transform: translateY(100%);
transition: transform 0.4s ease-in-out;
justify-content: flex-start;
}
.lionovolt_teams_card:hover .teams_card_op {
transform: translateY(18%);
justify-content: end;
/* background: var(--box-bg); */
background: transparent linear-gradient(180deg, #0A1117 0%, #212D39 49%, #212D39 100%);
}
.author_details {
display: flex;
flex-direction: column;
gap: 25px;
}
.author_details h3 {
color: var(--green-primary);
font-weight: var(--fw-medium);
}
.author_details h3 span {
color: var(--white);
}
.lionovolt_teams_card:hover .teams_card_op:after {
z-index: -1;
background: unset;
}
/* News */
.news_banner_top_otr {
display: flex;
flex-direction: column;
gap: 60px;
}
.news_header h2 {
color: var(--white);
padding: 6px 0 6px 40px;
border-left: 2px solid var(--green-primary);
width: max-content;
max-width: 300px;
}
.news_filters {
display: flex;
flex: 1;
justify-content: end;
gap: 41px;
}
.news_header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.filter-select-wrap select {
border: 1px solid var(--blue-secondary);
background: transparent;
padding: 25px 60px 25px 30px;
font-size: 16px;
font-weight: var(--normal);
color: var(--blue-secondary);
appearance: none;
border-radius: 4px;
width: 100%;
cursor: pointer;
}
.filter-select-wrap {
position: relative;
width: 100%;
max-width: 346px;
}
.filter-select-wrap span {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
display: flex;
}
.clear-filters-btn {
background: transparent;
border: unset;
box-shadow: unset;
outline: unset;
display: flex;
align-items: center;
gap: 10px;
color: var(--green-primary);
cursor: pointer;
padding-left: 50px;
}
.news-wrapper-main {
display: flex;
flex-direction: column;
gap: 150px;
}
.news-footer {
gap: 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.news_wrapper_btm {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 180px 40px;
}
.news_wrapper_image {
aspect-ratio: 475 / 495;
}
.news_wrapper_box.with-img {
gap: 80px;
}
.news_wrapper_box {
display: flex;
flex-direction: column;
gap: 24px;
}
.news_wrapper_title {
display: flex;
flex-direction: column;
gap: 16px;
}
.news_wrapper_date_otr {
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.category h5 {
color: var(--green-primary);
}
.news_date {
display: flex;
align-items: center;
gap: 4px;
}
.news_date h5 {
font-weight: var(--fw-light);
}
.news_wrapper_title .title_h3 {
color: var(--white);
flex: 1;
}
.news_wrapper_content .news_wrapper_title {
padding: 8px 8px 24px 36px;
border-left: 1px solid var(--green-primary);
flex: 1;
}
.news_wrapper_content .news_wrapper_link {
padding: 34px 0 0 34px;
}
.news_wrapper_box.no-img .news_wrapper_title {
border-left: unset;
}
.news_wrapper_box.no-img .news_wrapper_link {
padding-top: 0;
}
.news_wrapper_box.no-img .news_wrapper_content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.news-footer div#newsCount {
color: var(--green-primary);
font-size: var(--h5-size);
font-weight: normal;
}
.news-footer #pagination {
display: flex;
align-items: center;
gap: 24px;
}
span.nav.prev,
span.nav.next {
display: flex;
}
span.nav.prev {
margin-right: 20px;
}
span.nav.next {
margin-left: 30px;
cursor: pointer;
}
.news-footer #pagination span.page {
font-size: var(--h5-size);
padding-bottom: 4px;
position: relative;
cursor: pointer;
}
.news-footer #pagination span.page:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: var(--green-primary);
left: 0;
opacity: 0;
}
.news-footer #pagination span.page.active:after {
opacity: 1;
}
.news_wrapper_box.no-img {
padding-top: 35px;
border-top: 1px solid #504D58;
}
.news_battery .cmn_content_title_main h2.title_h2 {
color: var(--blue-light);
}
/* News details */
.unlock_drone_otr {
padding: 165px 0;
}
.unlock_drone_main {
display: flex;
flex-direction: column;
gap: 76px;
}
.unlock_drone_btm {
display: flex;
gap: 129px;
}
.unlock_drone_btm_left {
display: grid;
gap: 47px;
flex: 1;
grid-template-columns: repeat(2, 1fr);
}
.unlock_drone_btm_right {
width: 25.934%;
position: relative;
padding-left: 41px;
display: flex;
flex-direction: column;
gap: 62px;
justify-content: space-between;
overflow: hidden;
}
.unlock_right_desctiption p,
.unlock_description p span {
color: var(--white);
}
.unlock_description {
display: flex;
flex-direction: column;
gap: 20px;
}
.unlock_drone_top h2 {
color: var(--blue-light);
}
.unlock_drone_btm_right:after {
content: '';
position: absolute;
left: 0;
top: 0;
border-left: 2px solid var(--green-primary);
height: 100%;
}
.unlock_drone_btm_right:before {
content: '';
position: absolute;
left: 0;
top: 100%;
border-left: 2px solid var(--green-primary);
height: 100%;
z-index: 1;
transition: all ease-in-out 0.4s;
}
.unlock_drone_btm_right:hover:before {
top: 0;
}
.news_gallery_container {
margin: 0 auto 0 0;
max-width: 1763px;
padding-right: 50px;
}
.news_gallary {
max-width: 1920px;
margin: 0 auto;
}
.news_gallery_main {
display: grid;
grid-template-columns: 9.4fr 4.75fr 2.17fr;
gap: 40px;
}
.news_gallery_box {
position: relative;
padding-top: 81.55%;
}
.news_gallery_box img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* New Button */
.cta-btn {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
font-size: var(--h5-size);
font-weight: var(--fw-regular);
color: var(--green-primary);
transition: all .4s ease;
position: relative
}
.cta-btn .text {
transition: all .3s ease-in-out 0s
}
.cta-btn:hover .text {
transform: translateX(10px);
color: var(--blue-light)
}
.v-line {
height: 13px;
width: 2px;
background: var(--green-primary);
position: absolute;
top: -7px;
transform-origin: bottom;
transition: all .3s linear 0s
}
.h-line {
height: 2px;
width: 12px;
background: var(--green-primary);
position: absolute;
top: 5px;
left: 0;
transform-origin: left;
transition: all .3s linear 0s
}
.arrow {
margin-left: 8px;
display: flex;
transition: all .3s linear 0s;
transform: translateY(-.3px)
}
.cus-arrow {
display: flex;
position: relative
}
.cta-btn:hover .v-line {
transform: scaleY(1.1);
background: var(--blue-light)
}
.cta-btn:hover .h-line {
width: 24px;
background: var(--blue-light)
}
.cta-btn:hover .arrow {
transform: translateX(12px) translateY(-.3px)
}
.cta-btn .arrow path {
transition: all .3s linear 0s
}
.cta-btn:hover .arrow path {
fill: var(--blue-light)
}
/* Contact Page */
.contact_banner .inner_banner_right p span {
color: var(--white);
}
.contact_section {
padding: 50px 0;
position: relative;
z-index: 1;
}
.contact_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.contact_bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.contact_section_main {
display: flex;
justify-content: space-between;
align-items: center;
gap: 100px;
}
.contact_form_otr {
padding: 70px;
background-color: var(--box-bg);
border-radius: 4px;
width: 70%;
max-width: 734px;
}
.contact_link_otr {
max-width: 300px;
flex: 1;
padding: 22px 0px 22px 44px;
border-left: 2px solid var(--green-primary);
display: flex;
flex-direction: column;
gap: 40px;
}
.cmn_contact_layout h6 {
color: var(--white);
font-size: var(--h6-size);
}
.cmn_contact_layout p,
.cmn_contact_layout a {
color: var(--blue-light);
font-size: var(--h6-size);
}
.contact_address {
display: flex;
flex-direction: column;
gap: 14px;
}
.contact_link_top {
display: flex;
flex-direction: column;
gap: 24px;
}
.contact_enquiry_otr {
display: flex;
gap: 6px;
flex-direction: column;
align-items: flex-start;
}
.contact_enquiry_box {
display: flex;
gap: 16px;
align-items: center;
}
.cmn_contact_layout a {
transition: var(--quik-transition);
}
.cmn_contact_layout a:hover {
color: var(--green-primary);
}
.contact_map_otr {
width: 44%;
display: flex;
flex-direction: column;
gap: 50px;
}
.contact_map_main {
display: flex;
gap: 30px;
justify-content: space-between;
align-items: center;
}
.contact_map {
width: 46%;
display: flex;
position: relative;
padding-top: 43%;
}
.contact_map iframe {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
inset: 0;
}
/* Contact Form */
.contact_form {
display: flex;
flex-direction: column;
gap: 24px;
}
.form_top {
display: flex;
flex-direction: column;
gap: 24px;
}
.cmn_form_row p {
display: flex;
width: 100%;
}
.cmn_form_row input,
.cmn_form_row textarea,
.cmn_form_row select {
width: 100%;
display: flex;
border: 1px solid transparent;
background: #0E171E;
padding: 24px 20px;
border-radius: 4px;
font-size: var(--h5-size);
color: #A3B4C0;
outline: unset;
}
::placeholder {
font-size: var(--h5-size);
color: #A3B4C0;
}
span.wpcf7-form-control-wrap {
display: flex;
width: 100%;
}
.cmn_form_row select {
appearance: unset;
}
.select_type p {
position: relative;
}
.select_type p:after {
content: '';
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
background: url('data:image/svg+xml,');
width: 20px;
height: 15px;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.cmn_form_row textarea {
resize: none;
max-height: 227px;
}
.wpcf7-not-valid-tip {
position: absolute;
top: 100%;
font-size: 0.8em;
}
.submit_btn span.wpcf7-spinner {
display: none;
}
.submit_btn input {
transition: var(--quik-transition);
}
.submit_btn input:hover {
background: var(--green-primary);
color: var(--body-bg);
}
.submit_btn p {
display: flex;
}
.submit_form_btn input {
padding: 16px 30px !important;
border-radius: 4px !important;
border: 1px solid var(--white) !important;
margin: unset !important;
}
.submit_form_btn input:hover{
border: 1px solid var(--green-primary) !important;
}
.social-icons a.social-icon:hover {
filter: brightness(0) saturate(100%) invert(100%) sepia(20%) saturate(6160%) hue-rotate(355deg) brightness(83%) contrast(102%);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: red;
color: red;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #3eff3e;
color: #3eff3e;
}
.wpcf7 form .wpcf7-response-output {
margin: 2rem 0 0;
}
/* Career Page */
/* career Mission */
.career_mission {
padding: 150px 0;
}
.career_mission .cmn_content {
justify-content: space-between;
max-width: unset;
margin-top: 50px;
gap: 100px;
padding-bottom: 0;
}
.career_mission .cmn_image_content_main {
gap: 82px;
align-items: flex-start
}
.career_mission .cmn_image {
width: 64.836%
}
.career_mission_card {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 41px;
max-width: 732px;
margin-left: -55%
}
.career_mission .cmn_image_content_inner {
max-width: 1634px
}
.career_mission_card .architecture_card {
gap: 15px
}
/* Build Career */
.build_career {
background-color: var(--header-bg)
}
.build_career_otr {
position: relative;
z-index: 1
}
.build_career_banner_img {
position: absolute;
right: 0;
top: 0;
width: 75%;
height: 100%;
z-index: -1
}
.build_career_banner_img:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, #212d39 20%, rgba(33, 45, 57, 0) 100%)
}
.build_career_banner_img img {
height: 100%;
width: 100%;
object-fit: cover
}
.build_career_content {
padding: 177px 0
}
.build_career_content_top {
max-width: 475px
}
.build_career_content_otr {
display: flex;
flex-direction: column;
gap: 24px
}
.build_career_content_btm {
display: flex;
gap: 44px;
flex-wrap: wrap
}
.build_career_content_btm .architecture_card {
padding: 44px;
min-height: unset;
gap: 12px;
flex: 1 1 calc(33.333% - 44px)
}
.build_career_content_btm .architecture_card h5 {
color: var(--green-primary);
font-weight: var(--fw-medium)
}
.build_career_content_btm .architecture_card p {
color: var(--white);
font-weight: var(--fw-regular)
}
.build_career_content_top .title_h2 {
color: var(--blue-light)
}
.build_career_content_top p {
color: var(--blue-secondary)
}
.career_role {
background-color: var(--header-bg);
}
.carreer_believe .our_markets_otr {
background: unset;
padding: 0;
}
.carreer_believe {
padding: 100px 0;
}
.carreer_believe .our_markets_main {
gap: 60px;
max-width: 1763px;
}
/* Career job */
.career_search {
background: #F9FBFB;
padding: 200px 0 150px;
}
.career_search_main {
display: flex;
flex-direction: column;
gap: 70px;
}
.career_search .cmn_content {
padding: 0;
}
.career_search_btm input {
color: #62717E;
font-size: 16px;
}
.career_search_btm .awsm-selectric .label {
font-size: 16px !important;
color: #62717E;
margin: 0 16px;
}
.career_search_btm .awsm-selectric,
.awsm-filter-item-search .awsm-job-form-control {
border: 1px solid #A3B4C0;
border-radius: 4px;
outline: unset !important;
height: 75px;
display: flex;
align-items: center;
}
.career_search_btm .awsm-filter-wrap .awsm-filter-item {
padding: 0 !important;
}
.awsm-filter-items {
display: flex;
gap: 24px;
flex: 1;
}
.awsm-filter-items .awsm-selectric-wrapper {
width: 240px;
}
.awsm-filter-item-search {
padding: unset;
width: 100%;
}
.career_search_btm .awsm-filter-wrap form {
gap: 24px;
}
.career_search_btm .awsm-filter-wrap .awsm-filter-items {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
}
.career_search_btm .awsm-filter-item-search .awsm-job-form-control {
padding: 16px;
}
.career_search_btm .awsm-filter-wrap form .awsm-filter-item-search-in {
height: 100%;
display: flex;
}
.career_search_btm .awsm-filter-wrap .awsm-filter-items .awsm-filter-item {
width: 100%;
}
.career_search_btm .awsm-filter-wrap .awsm-filter-items .awsm-filter-item .awsm-selectric-wrapper {
width: 100%;
}
.career_search_btm .awsm-filter-item-search .awsm-job-search-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.career_search_btm .awsm-filter-wrap {
margin: 0;
margin-bottom: 60px;
}
.career_search_btm .awsm-list-item .awsm-job-item {
padding: 33px;
border: unset;
border-radius: 4px;
transition: var(--quik-transition);
border-left: 2px solid var(--green-primary);
background-color: transparent;
display: flex;
}
.career_search_btm .awsm-list-item .awsm-job-item:hover {
background: var(--white);
box-shadow: 0px 13px 22px -28px rgba(0, 0, 0, 0.25);
}
.career_search_btm .awsm-job-listings.awsm-lists {
display: flex;
flex-direction: column;
gap: 40px;
border: unset !important;
}
.career_search_btm .awsm-filter-item-search .awsm-job-search-icon-wrapper {
background: #C5D4DC;
width: 75px;
border-radius: 0 4px 4px 0;
color: #38495A;
}
.career_search_btm .awsm-list-right-col {
display: flex;
align-items: center;
justify-content: end;
gap: 24px;
}
.career_search_btm .awsm-list-item .awsm-job-item h2 a {
font-size: var(--h3-size);
color: var(--green-primary);
font-weight: var(--fw-medium);
}
.career_search_btm .awsm-job-specification-wrapper {
display: flex !important;
align-items: center !important;
gap: 16px;
}
.career_search_btm .awsm-list-item .awsm-job-specification-item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.career_search_btm span.awsm-job-specification-term {
line-height: normal;
font-size: var(--h5-size);
color: #62717E;
font-weight: var(--fw-medium);
}
.career_search_btm .awsm-job-specification-wrapper .awsm-job-specification-item:not(:first-child) span.awsm-job-specification-term {
border-left: 1px solid #C5D4DC;
padding-left: 24px;
}
.career_search_btm .awsm-list-item .awsm-job-more-container a {
font-size: var(--h5-size);
color: var(--green-primary);
font-weight: var(--fw-medium);
}
.career_search_btm .awsm-list-item .awsm-job-more-container a span {
display: none;
}
.career_search_btm .awsm-jobs-pagination ul li .prev,
.career_search_btm .awsm-jobs-pagination ul li .next,
.career_search_btm .awsm-jobs-pagination ul li .page-numbers {
border: unset;
padding: unset;
background: transparent;
box-shadow: none;
color: var(--light-menu);
font-size: 16px;
font-weight: var(--fw-light);
line-height: var(--h2-line);
cursor: pointer;
}
.career_search_btm .awsm-jobs-pagination ul {
display: flex;
align-items: center;
gap: 24px;
justify-content: center;
}
.career_search_btm .awsm-jobs-pagination ul li .page-numbers {
position: relative
}
.career_search_btm .awsm-jobs-pagination ul li .page-numbers.current:after {
opacity: 1;
width: 100%;
}
.career_search_btm .awsm-jobs-pagination ul li .page-numbers:after {
content: '';
position: absolute;
bottom: -7px;
width: 0;
height: 3px;
background: var(--green-primary);
left: 0;
opacity: 0;
transition: var(--transition);
}
.career_search_btm .awsm-list-item .awsm-job-specification-job-location {
border-left: 1px solid #C5D4DC;
padding-left: 24px;
}
.career_search_btm .awsm-list-item .awsm-job-specification-job-location .awsm-job-icon-map-marker {
margin: 0;
color: var(--green-primary);
}
.career_search_btm .awsm-list-item .awsm-job-specification-job-location .awsm-job-specification-term {
border: none !important;
padding-left: 10px !important;
}
.carreer_believe .swiper-slide.our_markets_slider {
padding-top: 38%;
}
/* .carreer_believe .swiper-slide.our_markets_slider .market_wrapper {
position: absolute;
left: 0;
top: 0;
}
.carreer_believe .our_markets_card .market_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
} */
/* .carreer_believe .market_show_btn_otr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} */
.cmn_image_hover_otr.cmn_full_hover_rad {
border-radius: 4px;
}
.cmn_image_hover_otr.cmn_no_hover_rad {
border-radius: 4px;
}
.cmn_image_hover_otr.cmn_right_hover_rad {
border-radius: 0 4px 4px 0;
}
.cmn_image_hover_otr.cmn_left_hover_rad {
border-radius: 4px 0 0 4px;
}
/* Job Details */
.job_details .container {
max-width: 1000px;
}
.job_details.cmn_inner_banner_space {
padding: 150px 0 50px;
}
.job_details h1 {
color: var(--white);
}
.job_details .awsm-job-specification-wrapper {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 24px;
}
.job_details span.awsm-job-specification-label strong {
color: var(--white);
}
.job_details .awsm-job-specification-item {
display: flex;
align-items: center;
gap: 8px;
}
.job_details .awsm-job-form-inner {
background: var(--box-bg);
border: 1px solid transparent;
border-radius: 4px;
}
.job_details .awsm-job-form-control {
background: #0E171E;
border: 1px solid #0E171E;
height: 50px;
color: var(--blue-secondary);
padding: 16px;
outline: unset;
resize: none !important;
}
.job_details .awsm-job-form-group.awsm-job-inline-group label,
.awsm-job-form-group.awsm-job-inline-group input {
margin: unset;
}
.job_details .awsm-job-form-group.awsm-job-inline-group {
display: flex;
align-items: center;
gap: 8px;
}
.job_details .awsm-job-form-group input.awsm-application-submit-btn,
.submit_form_btn input {
display: flex;
align-items: center;
justify-content: center;
width: max-content;
cursor: pointer;
transition: var(--quik-transition);
position: relative;
border: 1px solid var(--white);
z-index: 1;
color: var(--white);
padding: 16px 19px;
font-size: var(--h5-size);
font-family: var(----helvetica-font);
font-weight: var(--fw-regular);
background-color: transparent;
color: var(--white);
line-height: var(--h2-line);
border-radius: 4px;
min-width: 150px;
margin-top: 25px;
}
.job_details .awsm-job-form-group input.awsm-application-submit-btn:hover,
.submit_form_btn input:hover {
background: var(--green-primary);
color: var(--body-bg);
border: 1px solid transparent;
}
/* Slider */
.timeline-box {
position: relative;
overflow: hidden;
width: 100%;
background-color: var(--box-bg);
border-radius: 4px;
z-index: 1;
}
.timeline-box-row {
position: relative;
width: max-content;
padding: 100px 0 188px 129px;
max-width: 1464px;
margin-left: auto;
overflow: hidden;
}
.timeline-title-wrap h2 {
color: var(--blue-light);
}
.timeline-scroll-wrap {
display: flex;
align-items: center;
gap: 32px;
width: max-content;
margin-top: 50px;
position: relative;
height: 70vh;
padding-right: 20vw;
}
.timeline-year h2 {
padding-bottom: 20px;
color: var(--green-primary);
}
.timeline-line {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
transform: translateY(-50%);
background: linear-gradient(to right, #c4f82a, #c4f82a, rgba(196, 248, 42, 0));
z-index: 0;
}
.timeline-item {
position: relative;
width: 418px;
flex-shrink: 0;
height: 100%;
}
.timeline-item-center {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0;
}
.timeline-svg-bottom {
position: absolute;
top: 0px;
left: 60px;
overflow: visible;
}
.timeline-content-bottom {
position: absolute;
left: 85px;
top: 55px;
width: 320px;
}
.timeline-card-inner {
background-color: #111318;
border-left: 2px solid #c4f82a;
padding: 2rem;
cursor: pointer;
transition: background-color 0.3s;
box-shadow: 0px 13px 50px #B4CD3314;
}
.timeline-desc-wrapper {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.5s ease-in-out;
}
.timeline-desc-inner {
overflow: hidden;
}
.timeline-card-inner:hover .timeline-desc-wrapper {
grid-template-rows: 1fr;
}
.timeline-card-inner h5 {
font-weight: var(--fw-medium);
color: var(--blue-light);
}
.timeline-content-top {
position: absolute;
left: 75px;
width: 68%;
top: -200px;
}
.timeline-svg-top {
position: absolute;
top: -118px;
left: 0;
overflow: visible;
}
.timeline-box::before {
content: "";
position: absolute;
top: 40%;
left: 0;
width: 100%;
height: 100%;
background: url(/wp-content/uploads/2026/05/Mask-Group-61.png);
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
.timeline-box:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 20%;
height: 100%;
background: linear-gradient(to left, #19232e 0%, rgba(25, 35, 46, 0) 100%);
}
.electric_vehicle .cmn_content_btn_title h4 {
text-transform: none;
}
.electric_vehicle_product {
background-color: rgb(205 205 194 / 51%);
}
.performance_desc img {
width: 100%;
height: 100%;
object-fit: contain;
margin-top: 16px;
}
/* Home page news section */
.blog_home_otr {
padding: 120px 0 60px;
background: var(--body-bg);
}
.blog_home_main {
display: flex;
flex-direction: column;
gap: 60px;
}
.blog_home_title h2 {
color: var(--white);
}
.recent_blog_otr {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 60px;
}
.blog_excerpt_text p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog_home_otr .recent_blog_otr .news_wrapper_box {
flex-direction: row;
align-items: flex-start;
gap: 40px;
flex-wrap: wrap;
}
.recent_blog_otr .news_wrapper_image {
padding-top: 37%;
aspect-ratio: unset;
position: relative;
width: 42%;
height: 100%;
}
.recent_blog_otr .news_wrapper_image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.news_wrapper_content.news-title {
flex: 1;
display: flex;
flex-direction: column;
}
/* Testimonials */
.career_slider_disabled .swiper-wrapper {
display: grid;
/* auto-fit collapses to a single full-width column on narrow viewports
and lays out 2–3 columns on wider screens, sized to the item count.
Replaces the previous hard-coded repeat(3, 1fr), which gave a single
item only 1/3 of the row width. */
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 30px;
}
.career_slider_disabled .swiper-slide {
width: auto !important;
}
.career_testimonial_slide {
position: relative;
background-color: var(--box-bg);
height: auto !important;
}
.career_testimonial {
padding: 100px 0;
}
.career_testimonial_img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
inset: 0;
object-position: 50% 37%;
}
.career_testimonial_img {
position: relative;
padding-top: 70%;
}
.career_testimonial_content {
padding: 24px;
}
.career_testimonial_content .title_h3 {
color: var(--green-primary);
font-weight: var(--fw-medium);
padding-bottom: 20px;
}
.career_testimonial_content p:not(:last-child) {
padding-bottom: 12px;
}
.career_testimonial {
overflow: hidden;
}
.career_testimonial .container {
position: relative;
}
.career_testimonial_swiper {
width: 90%;
margin: 0 auto;
overflow: hidden;
}
.career_navigation {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
z-index: 20;
pointer-events: none;
}
.career_navigation .swiper-button-next,
.career_navigation .swiper-button-prev {
pointer-events: auto;
}
.career_navigation .swiper-button-prev {
left: 1%;
}
.career_navigation .swiper-button-next {
right: 1%;
}
/* Request Page */
.request_banner {
position: relative;
z-index: 1;
aspect-ratio: 16 / 6;
}
.request_banner_image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.request_banner_image:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, #0a1117 0%, #212d39 95.5%, #212d39 100%);
opacity: 0.8;
}
.request_banner_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.request_banner_content {
display: flex;
flex-direction: column;
gap: 24px;
text-align: center;
color: var(--white);
max-width: 54%;
margin: 0px auto;
}
.cmn_pad_both {
padding: 100px 0;
}
.request_page_for_otr {
background: var(--body-bg);
}
.request_page_form_main form {
padding: 40px;
position: relative;
}
.request_page_form_main {
max-width: 70%;
margin: 0px auto;
}
.request_page_form .cmn_form_row_otr {
display: flex;
justify-content: space-between;
gap: 24px;
}
.cmn_form_row {
display: flex;
}
.cmn_form_row_otr .cmn_form_row {
width: calc(100% / 2);
}
.cmn_form_row label {
width: 100%;
color: var(--white);
}
.cmn_form_row label .wpcf7-not-valid-tip {
text-transform: initial;
letter-spacing: initial;
}
.request_page_form input,
.request_page_form textarea,
.request_page_form select {
background: transparent;
border-bottom: 1px solid rgb(255 255 255 / 30%);
border-radius: unset;
padding: 16px 4px 16px 0px;
margin-top: 8px;
}
.request_page_form ::placeholder {
opacity: 0.7;
color: var(--light-menu);
}
.request_page_form .select_type p:after {
top: unset;
bottom: 10px;
right: 20px;
}
.request_page_form textarea {
max-height: 180px;
}
span.wpcf7-spinner {
display: none;
}
.form_btm .term_text {
color: var(--white);
max-width: 50%;
}
.request_page_form .form_btm {
display: flex;
justify-content: space-between;
gap: 30px;
}
.request_page_form_otr {
background: var(--header-bg);
border-radius: 8px;
padding: 24px;
}
.request_page_form_otr {
position: relative;
}
.request_page_form_main form:after,
.request_page_form_main form:before,
.request_page_form_otr:before,
.request_page_form_otr:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
background: unset;
border: 1px solid rgb(255 255 255 / 49%);
}
.request_page_form_main form:before {
left: unset;
right: 0;
top: 0;
border-left: unset;
border-bottom: unset;
}
.request_page_form_otr::before {
bottom: 24px;
top: unset;
left: 24px;
border-top: unset;
border-right: unset;
}
.request_page_form_otr::after {
right: 24px;
left: unset;
top: unset;
bottom: 24px;
border-top: unset;
border-left: unset;
}
.request_page_form_main form:after {
background: unset;
border: 1px solid rgb(255 255 255 / 49%);
border-bottom: unset;
border-right: unset;
}
.cmn_form_row label .number_span {
margin-right: 6px;
color: #A3B4C0;
}
.header_menu li.menu-item-has-children {
position: relative;
display: flex;
gap: 4px;
align-items: center;
}
.header_menu ul.sub-menu {
position: absolute;
display: flex;
flex-direction: column;
gap: 8px;
top: 100%;
left: 0;
padding: 15px;
z-index: -1;
visibility: hidden;
opacity: 0;
transition: var(--transition);
min-width: 120px;
max-width: 300px;
background: var(--header-bg);
margin-top: 15px;
z-index: 1;
width: max-content;
align-items: flex-start;
}
.header_menu li.menu-item-has-children:hover ul.sub-menu {
opacity: 1;
visibility: visible;
}
.body-white .white-header ul.sub-menu {
background: white;
box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.2);
}
.header_menu li.menu-item-has-children {
position: relative;
display: flex;
gap: 12px;
align-items: center;
/* Link first, chevron button second (button is appendChild'd by JS).
Was previously row-reverse to compensate for the being prepended. */
flex-direction: row;
}
.header_menu ul.sub-menu {
position: absolute;
display: flex;
flex-direction: column;
gap: 8px;
top: 100%;
left: 0;
padding: 15px;
z-index: -1;
visibility: hidden;
opacity: 0;
transition: var(--transition);
min-width: 120px;
max-width: 300px;
background: var(--header-bg);
margin-top: 15px;
z-index: 1;
width: max-content;
align-items: flex-start;
box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.25);
}
.header_menu li.menu-item-has-children:hover ul.sub-menu,
.header_menu li.menu-item-has-children.active ul.sub-menu {
/* Reveal the submenu on either hover (desktop) or .active (click toggle,
which is the only way mobile users can open it). */
opacity: 1;
visibility: visible;
}
/* Submenu toggle button (chevron) — injected by custom.js.
On desktop this is a small icon-sized hit area next to the link so the
link itself stays clickable. On mobile (see media.css) it becomes a
larger tap target. */
.header_menu li.menu-item-has-children .submenu-toggle {
appearance: none;
-webkit-appearance: none;
background: transparent;
border: 0;
padding: 0;
margin: 0;
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: inherit;
line-height: 0;
}
.header_menu li.menu-item-has-children .submenu-toggle .submenu-arrow {
display: block;
width: 11px;
height: 6px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform var(--transition);
}
/* Flip the chevron when the submenu is open */
.header_menu li.menu-item-has-children.active .submenu-toggle .submenu-arrow {
transform: rotate(180deg);
}
/* Dark chevron variant on the white-header pages (markets/product/etc) */
.body-white .white-header .header_menu li.menu-item-has-children .submenu-toggle .submenu-arrow {
background-image: url('data:image/svg+xml,');
}
.header_menu li.menu-item-has-children:after {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 50px;
z-index: -1;
left: 0;
display: none;
}
.header_menu li:hover:after {
display: flex;
}
.contact_section_main .request_page_form_otr {
background: unset;
padding: unset;
}
.contact_form_otr .request_page_form_otr::after {
right: 0;
bottom: 0;
}
/* ------------------------------------------------------------------
Single news (blog post) inline link colours
- Default: green primary
- Hover: inherits the surrounding paragraph colour
(white in the right column, --blue-secondary elsewhere)
------------------------------------------------------------------ */
.single-news .inner_banner_right a,
.single-news .cmn_content_description a,
.single-news .unlock_description a,
.single-news .unlock_description p a,
.single-news .unlock_description p span a,
.single-news .unlock_right_desctiption a,
.single-news .unlock_right_desctiption p a,
.single-news .cta_desc a {
color: var(--green-primary);
transition: var(--transition);
}
.single-news .inner_banner_right a:hover,
.single-news .cmn_content_description a:hover,
.single-news .unlock_description a:hover,
.single-news .unlock_description p a:hover,
.single-news .unlock_description p span a:hover,
.single-news .unlock_right_desctiption a:hover,
.single-news .unlock_right_desctiption p a:hover,
.single-news .cta_desc a:hover {
color: inherit;
}
/* Keep the existing CTA / unlock buttons untouched — they wrap their
text in .cmn_btn / .cmn_link_btn so the rules above don't catch them. */
.contact_form_otr .request_page_form_otr::before {
bottom: 0;
left: 0;
}