.site-header {
position: sticky;
top: 0;
background-color: #fff;
z-index: 999;
}
.site-header.header_sticky {
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
#site-navigation {
position: static;
width: 100%;
}
.site-header-main {
display: grid;
grid-template-columns: 220px 1fr;
padding: 12px 0;
font-size: 14px;
position: relative;
}
.bahra_main_menu {
align-items: center;
}
.navbar-nav .nav-link {
color: var(--color-text);
font-weight: 600;
}
.site-header .navbar-nav .nav-link {
padding-inline: 5px;
}
.translate_main .navbar-nav .nav-link {
padding-block: 0 !important;
}
.main_menu_container {
gap: 0.5rem;
}
.navbar-nav .nav-link:is(:focus, :hover, :active),
.navbar-nav .current-menu-item .nav-link {
color: var(--color-primary);
}
.side_menu li {
display: flex;
align-items: center;
gap: 11px;
}
.side_menu li:after,
.side_menu li:before {
content: "";
width: 1px;
height: 25px;
}
.side_menu li:after {
content: none;
}
.side_menu li:first-child:after,
.side_menu li:first-child:before {
background-color: #c2c2c2;
}
.side_menu .nav-link {
display: flex;
align-items: center;
gap: 10px;
color: var(--color-primary);
}
.side_menu .nav-link:before {
content: "";
width: 22px;
height: 22px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.side_menu .menu-item:nth-child(1) .nav-link:nth-child(1):before {
background-image: url('data:image/svg+xml,');
}
.side_menu .menu-item:nth-child(2) .nav-link:before {
background-image: url('data:image/svg+xml,');
}
/* Product Finder Section */
.bahra_menu {
--lr_val: 6rem;
left: var(--lr_val);
right: var(--lr_val);
margin-top: 1rem;
border: 0;
border-radius: 10px;
position: absolute;
top: 100%;
background-color: #fff;
}
.product_finder_container {
padding: 4rem 6rem;
}
.product_finder_inner {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 3rem 4rem;
font-size: 14px;
}
.product_finder_inner img {
width: 85px;
height: 85px;
object-fit: contain;
}
:is(.product_finder_search, .search_widget_submenu) .wp-block-search__input {
outline: 0 !important;
border: 0;
border-bottom: 1px solid #ccc;
border-radius: 10px 10px 0px 0px;
padding: 1rem 2rem 1rem 4rem;
width: 100%;
background-color: transparent;
}
.search_widget_submenu .wp-block-search__input {
border-color: #fff;
font-size: 32px;
}
.search_widget_submenu .wp-block-search__inside-wrapper {
position: relative;
}
:is(.product_finder_search, .search_widget_submenu) .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
}
:is(.product_finder_search, .search_widget_submenu) .wp-block-search__inside-wrapper:before {
content: "";
width: 18px;
background-image: url('data:image/svg+xml,');
left: 2rem;
height: 18px;
position: absolute;
z-index: 1;
background-repeat: no-repeat;
background-size: contain;
}
.search_widget_submenu .wp-block-search__inside-wrapper:before {
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
left: 1.5rem;
}
.product_finder_inner a:hover+a {
color: var(--color-primary);
}
.bahra_menu.lme_csp_submenu {
left: -7vw;
right: -7vw;
box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.07);
}
.lme_csp_submenu .element_name {
font-weight: 500;
}
.lme_csp_submenu .element_value {
color: var(--color-primary);
}
.cart_icon {
position: relative;
}
.cart_icon>a {
text-indent: -9999px;
width: 30px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.cart_icon:before,
.cart_icon:after {
position: absolute;
border-radius: 100vw;
}
.cart_icon::before {
content: "";
width: 26px;
height: 26px;
background-color: white;
right: -13px;
top: -8px;
}
.cart_icon::after {
top: -5px;
right: -10px;
background-color: var(--color-primary);
color: var(--color-primary-white);
width: 20px;
height: 20px;
display: grid;
place-items: center;
font-size: 9px;
font-weight: 500;
}
.search_widget_submenu .widget_block {
width: 100%;
margin-bottom: 0;
}
.search_widget>a {
/* text-indent: -9999px; */
width: 26px;
/* background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center; */
margin-inline: 1rem;
}
/* Product Megamenu */
.product_menu.bahra_menu {
left: 0;
right: 0;
}
.megamenu_pills {
overflow-y: auto;
height: 60vh;
position: relative;
border-radius: 0px 0px 8px 8px;
}
.megamenu_pills:before {
/* content: ''; */
bottom: 0;
position: absolute;
background: linear-gradient(360deg, #ffffff, transparent);
left: 0;
right: 0;
height: 80px;
}
.megamenu_pills li {
margin-right: 0.5rem;
}
.megamenu_pills_main,
.megamenu_pill_heading {
display: grid;
grid-template-columns: 1fr 3fr;
}
.megamenu_pills_main,
.megamenu_data_main,
.megamenu_gap,
.megamenu_pill_heading {
column-gap: 40px;
}
.megamenu_pill_heading {
grid-area: 1 / span 2;
}
.megamenu_pill_heading+.hr_div {
grid-area: 2 / span 2;
}
.megamenu_gap {
display: grid;
grid-template-columns: 1fr 2fr;
}
.megamenu_gap.megamenu_3_gap {
grid-template-columns: 1fr 1fr;
}
.megamenu_tab_link svg:not(.megamenu_go_btn) {
width: 36px;
height: 32px;
}
.megamenu_tab_link,
.site-header .megamenu_nav_link.megamenu_nav_link li a {
padding: 6px 14px;
border-radius: 8px;
transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
min-height: 44px;
cursor: pointer;
}
.megamenu_nav_link.megamenu_nav_link li a {
display: grid;
grid-template-columns: 30px auto auto;
align-items: center;
gap: 1rem;
font-weight: 400;
}
.megamenu_tab_link.active,
.megamenu_tab_link:is(:hover, :focus),
.megamenu_nav_link li a:is(:hover, :focus),
.megamenu_nav_link li.current-menu-item a {
color: var(--color-primary);
}
.megamenu_tab_link:not(.megamenu_tab_1_link).active,
.megamenu_tab_link:not(.megamenu_tab_1_link):is(:hover, :focus),
.megamenu_nav_link li a:is(:hover, :focus),
.megamenu_nav_link li.current-menu-item a {
background-color: var(--color-gif);
}
.megamenu_tab_link.active {
font-weight: 600;
}
.megamenu_go_btn {
flex-shrink: 0;
transition: 300ms ease-in-out;
}
.megamenu_tab_link:is(:hover, :focus) .megamenu_go_btn {
transform: translateX(5px);
}
.megamenu_tab_link:is(:hover, :focus) .megamenu_go_btn path,
.megamenu_tab_link.active .megamenu_go_btn path {
fill: var(--color-primary);
}
.megamenu_tab_link:not(.active) svg:not(.megamenu_go_btn) mask path {
stroke: #fff;
}
.megamenu_tab_link:not(.active) svg:not(.megamenu_go_btn) path[stroke] {
stroke: var(--color-text);
}
.megamenu_tab_link:not(.active) svg:not(.megamenu_go_btn) path {
fill: var(--color-text);
}
.megamenu_nav_link li a:before {
content: "";
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 300ms ease-in-out;
}
.megamenu_nav_link li a:after {
content: none;
background-image: url('data:image/svg+xml,');
width: 6px;
height: 10px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 300ms ease-in-out;
justify-self: flex-end;
}
.megamenu_nav_link li.nav_news a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_events a:before,
.megamenu_nav_link li.nav_events.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_videos a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_news a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_news.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_events a:is(:hover, :focus):before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_videos a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_videos.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_aboutus a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_aboutus a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_aboutus.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_csr a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_csr a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_csr.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_qhse a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_qhse a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_qhse.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_approval a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_approval a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_approval.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_projects a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_projects a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_projects.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_contactus a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_contactus a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_contactus.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_supplier a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_supplier a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_supplier.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_customer a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_customer a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_customer.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_career a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.nav_career a:is(:hover, :focus):before,
.megamenu_nav_link li.nav_career.current-menu-item a:before {
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li a:hover:after {
transform: translateX(5px);
background-image: url('data:image/svg+xml,');
}
.megamenu_nav_link li.current-menu-item a:after,
.megamenu_nav_link li a:focus:after {
background-image: url('data:image/svg+xml,');
}
.megamenu_tab_link span {
flex-grow: 1;
}
.media_menu.bahra_menu {
left: auto;
--menu-width: 582px;
max-width: var(--menu-width);
width: var(--menu-width);
}
.megamenu_side_image,
.megamenu_product_side_image {
border-radius: 12px;
height: 100%;
object-fit: cover;
}
.megamenu_product_side_image {
position: absolute;
right: 0;
top: 0;
width: 17.5vw;
}
.main_pills,
.megamenu_pill_heading h6 {
background-color: #f4f4f4;
}
.megamenu_pill_heading h6 {
border-radius: 8px 8px 0 0;
padding-left: 14px;
}
.main_pills li:not(:last-child) {
/* padding-bottom: 1rem; */
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.mobile_toggle {
gap: 6px;
width: fit-content;
}
.mobile_toggle span {
display: block;
height: 2px;
width: 26px;
background-color: var(--color-primary);
border-radius: 10px;
}
.site_navigation_main .mobile_toggle_close {
display: none;
}
/* Footer */
.site-footer {
background-color: #343434;
color: var(--color-primary-white);
padding-block: 2.125rem;
font-weight: 500;
}
.footer_main {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr;
gap: 1rem;
padding-block: 2.5rem;
}
.footer_main ul {
margin: 0;
padding: 0;
display: grid;
color: #c5c5c5;
gap: 0.5rem;
}
.product_footer_menu {
/* display: grid; */
/* grid-template-columns: 1fr 1fr; */
gap: 0.5rem;
}
.footer_main ul li {
position: relative;
display: flex;
gap: 0.5rem;
align-items: flex-start;
}
.footer_main ul li:before {
content: "";
width: 5px;
height: 5px;
background-color: #c5c5c5;
border-radius: 100vw;
margin-top: 8px;
flex-shrink: 0;
}
.footer_main ul li a,
.policies_menu a,
.contact_info a {
position: relative;
}
:is(.footer_main ul li a, .policies_menu a):after {
content: "";
width: 0;
position: absolute;
bottom: -2px;
height: 2px;
background: var(--color-primary);
left: 0;
border-radius: 4px;
transition: 300ms ease-in-out;
}
:is(.footer_main ul li a, .policies_menu a):hover:after {
width: 100%;
}
:is(.contact_info a):is(:hover, :focus) {
color: var(--color-primary);
}
/* .footer_main ul:not(.support_menu, .product_cat_menus) {
grid-template-columns: 1fr 1fr;
} */
.footer_main ul a,
.policies_menu a,
.contact_info a,
.text_grey {
color: #c5c5c5;
font-size: 14px;
}
.social_icon a:hover {
opacity: 0.75;
}
/* .footer_3 > h6 + div {
flex-grow: 1;
} */
:is(.contact_info a, .footer_main ul a, .policies_menu a):is( :hover,
:focus,
:active) {
/* color: var(--color-primary); */
}
.policies_menu a {
text-transform: uppercase;
}
.policies_menu {
display: flex;
list-style: none;
}
.policies_menu li {
padding-inline: 10px;
text-align: center;
}
.policies_menu li:first-child {
padding-left: 0;
}
.policies_menu li:not(:last-child) {
border-right: 1px solid #c5c5c5;
}
/* Industrial Section */
.industrial_sector_section {
background-color: #ebebeb;
padding-top: 4rem;
}
.industrial_sector_section h6 {
color: var(--color-primary);
font-weight: 600;
}
.industrial_sectors_main {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.25rem;
position: relative;
padding-bottom: 8rem;
border-radius: 10px;
font-weight: 500;
}
.industrial_sector>a {
height: 100%;
background-color: var(--color-primary-white);
border-radius: 10px;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.industrial_sector>a:hover {
background-color: var(--color-primary);
color: var(--color-primary-white);
transform: translateY(-10px);
}
.industrial_sector>a:hover svg path[stroke] {
stroke: var(--color-primary-white);
}
.industrial_sector>a:hover svg path {
fill: var(--color-primary-white);
}
.industrial_data_main {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #fff;
border-radius: 10px;
}
.industrial_data {
display: grid;
grid-template-columns: repeat(3, 1fr);
/* grid-template-rows: auto 1fr; */
gap: 1.5rem;
/* min-height: 300px; */
}
.industrial_data .industrial_anchor {
font-size: var(--h6-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.industrial_data .list-group {
overflow: auto;
height: 150px;
}
.tag_heading {
font-size: 16px;
color: var(--color-primary);
margin-bottom: 10px;
}
.industrial_data ul li {
font-size: 14px;
}
.industrial_data ul li:before {
content: "";
width: 4px;
height: 4px;
background-color: var(--color-text);
margin-top: 9px;
border-radius: 100vw;
flex-shrink: 0;
}
.industrial_data_items:not(:last-child):after {
content: "";
width: 1px;
height: 100%;
background: #a1a1a1;
position: absolute;
top: 0;
right: -1rem;
}
.industrial_data>span {
grid-area: 1 / span 3;
}
.industrial_sector>.industrial_anchor.coll {
opacity: 0;
pointer-events: none;
}
.industrial_sector_section svg,
path {
transition: 300ms ease-in-out;
}
.industrial_data .industrial_anchor:hover svg path {
stroke: var(--color-primary);
}
.industrial_data .industrial_anchor:hover svg {
transform: translateX(-5px);
}
/* .industrial_data_main.show .industrial_data > span{
transform: translateX(0%);
} */
/* Project Section */
.project_tab_link svg {
height: 50px;
}
.project_pills {
gap: 2.75rem;
}
.project_swiper .swiper-slide {
height: auto;
background-color: transparent;
}
.project_slide {
border-radius: 25px;
border: 1px solid #dfdfdf;
padding: 1.5rem;
transition: 0.4s ease-in-out;
position: relative;
height: auto;
display: flex;
flex-direction: column;
}
.project_slide:before {
content: "";
position: absolute;
background: linear-gradient(180deg, #f0f6ff 36.28%, #fff 100%);
top: 0;
right: 0;
bottom: 0;
width: 100%;
border-radius: 25px;
z-index: -1;
transition: opacity 0.4s ease-in-out;
opacity: 0;
}
.project_slide:is(:hover, :focus) {
border-color: #b9cfec;
color: initial;
}
.project_slide h6 {
transition: 300ms ease-in-out;
/* flex-grow: 1; */
font-weight: 500 !important;
}
.project_slide:is(:hover, :focus) h6 {
text-shadow: 0 0 #000;
}
.project_slide:hover:before {
opacity: 1;
}
.project_slide>span {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: var(--color-primary-gray);
}
.project_slide img {
border-radius: 10px;
margin-block: 1.5rem;
width: 100%;
}
.project_slide .project_anchor,
.project_slide .project_anchor svg path {
font-weight: 600;
transition: 300ms ease-in-out;
}
.project_slide:is(:hover, :focus) .project_anchor {
color: var(--color-primary);
}
.project_slide:is(:hover, :focus) .project_anchor svg path {
fill: var(--color-primary);
}
.project_data>div {
display: grid;
grid-template-columns: 0.5fr auto 1fr;
gap: 0.5rem;
font-weight: 500;
}
.project_data>div span {
font-weight: 400;
}
.project_location {
font-size: 13px;
font-weight: 500;
color: var(--color-primary-gray);
}
.project_slide hr {
background-color: #b3c2ca;
}
.project_container h2 {
max-width: 700px;
margin: auto;
margin-bottom: 5rem;
}
.project_pills {
white-space: nowrap;
overflow-x: auto;
touch-action: pan-x;
}
/* width */
.project_pills::-webkit-scrollbar {
scrollbar-width: none;
height: 0px;
}
.project_pills::-webkit-scrollbar-track {
background-color: #edf2f4;
border-radius: 10px;
}
/* Handle */
.project_pills::-webkit-scrollbar-thumb {
background: var(--color-primary);
border-radius: 10px;
border-top: 2px solid #edf2f4;
border-bottom: 2px solid #edf2f4;
border-left: 2px solid #edf2f4;
border-right: 2px solid #edf2f4;
}
/* Handle on hover */
.project_pills::-webkit-scrollbar-thumb:hover {
background: var(--color-primary);
}
.project_tab_link {
transition: 300ms ease-in-out;
cursor: pointer;
outline: 0;
}
.project_tab_link.active {
color: var(--color-primary);
/* font-weight: 600; */
}
.project_tab_link:after {
height: 1px;
width: 100%;
content: "";
background: var(--color-primary);
opacity: 0;
}
.project_tab_link.active:after {
opacity: 1;
}
.project_tab_link:not(.active) svg path[stroke] {
stroke: var(--color-text);
}
.project_tab_link:not(.active) svg mask path[stroke] {
stroke: #fff;
}
.project_tab_link:not(.active) svg>path,
.project_tab_link:not(.active) svg>g path {
fill: var(--color-text);
}
.project_supplied_heading {
color: var(--color-secondary-offblack);
}
/* -------------------------- Global Presence ------------------------ */
.banner_top_border {
border-radius: 30px;
}
.banner_top_border .col-xl-6>img {
border-radius: 0 30px 30px 0;
object-fit: cover;
height: 100%;
}
.left_banner_content {
padding: 3rem;
}
.gif_detail_main img {
width: 94px;
height: 94px;
background-color: var(--color-gif);
border-radius: 100vw;
padding: 14px;
margin-bottom: 1.5rem;
}
.bahra_tabs .nav-link {
color: var(--color-text);
position: relative;
padding: 1rem 4rem;
font-size: var(--p-heading);
}
.bahra_tabs .nav-link:after {
content: "";
position: absolute;
top: 100%;
background-color: #d1d1d1;
height: 4px;
width: 100%;
left: 0;
}
.bahra_tabs .nav-link.active {
font-weight: 600;
}
.bahra_tabs .nav-link svg path {
fill: var(--color-text);
stroke: var(--color-text);
}
.bahra_tabs .nav-link.active:after {
background-color: var(--color-primary);
}
.bahra_tabs .nav-link.active svg path {
fill: var(--color-primary);
stroke: var(--color-primary);
}
.global_tabs {
padding-top: 4rem;
padding-bottom: 5rem;
}
.country_data_main ul {
list-style: none;
display: grid;
gap: 0.75rem;
}
.country_data_main .contact_name {
font-size: 18px;
font-weight: 600;
}
.country_data_main {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3rem 7rem;
}
.country_data svg {
margin-top: 6px;
}
.country_data .highlight {
font-weight: 600;
}
.global_tabs #nav-sales1 {
margin-inline: -7vw;
}
/* Gravity form Multi file upload */
.gfield--type-fileupload {
/* display: grid !important; */
grid-template-columns: 1fr auto !important;
}
.gfield--type-fileupload .gfield_label {
grid-area: 1 / span 2;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area {
border: 0;
box-shadow: none;
padding: 0;
display: flex;
align-items: center;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
margin: 0;
background-image: url('data:image/svg+xml,');
width: 18px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 0 !important;
content: "" !important;
position: absolute;
right: 20px;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_instructions {
display: none;
}
.gform-theme--foundation .gform_drop_area {
background-color: #f4f4f4 !important;
}
.gform_fileupload_multifile .gform_button_select_files {
background-color: transparent !important;
border: 1px solid var(--color-primary);
color: var(--color-primary) !important;
border: 0 !important;
box-shadow: none !important;
width: 100% !important;
justify-content: flex-start !important;
padding: 15px 3rem 15px 20px !important;
font-size: 16px !important;
}
.ginput_preview_list {
order: -1 !important;
justify-content: center;
border-radius: 10px;
border: 1px solid;
}
.ginput_preview_list:after {
border: 1px solid #bbb;
/* content: "File Name"; */
padding: 10.7px 12px;
border-radius: 7px;
}
.gform-theme--framework .field_description_above .gfield_description:where( :not([class="gfield_description"]):not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.gfield_consent_description):not(.field_validation_above .gfield_validation_message)) {
/* margin-left: calc(25rem - var(--bs-modal-width)); */
}
/* ----------------------------------- Vertical Scrollbar ------------------------------------- */
/* width */
:is(.industrial_data .list-group,
.megamenu_pills,
.similar_product_dropdown)::-webkit-scrollbar {
width: 3px;
}
:is(.industrial_data .list-group,
.megamenu_pills,
.similar_product_dropdown)::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 10px;
}
/* Handle */
:is(.industrial_data .list-group,
.megamenu_pills,
.similar_product_dropdown)::-webkit-scrollbar-thumb {
background: #c4c4c4;
border-radius: 10px;
border-top: 0px solid #c4c4c4;
border-bottom: 0px solid #c4c4c4;
border-left: 0px solid #c4c4c4;
border-right: 0px solid #c4c4c4;
}
/* Handle on hover */
:is(.industrial_data .list-group,
.megamenu_pills,
.similar_product_dropdown)::-webkit-scrollbar-thumb:hover {
background: #c4c4c4;
}
@keyframes animloader {
0% {
scale: 0.2;
}
25% {
scale: 0.4;
}
50% {
scale: 0.6;
}
75% {
scale: 0.8;
}
100% {
scale: 1;
}
}
/* @keyframes scale {
0% {transform: scale(0.8);
box-shadow:0 25px 25px rgba(0, 0, 0, 0.4);
}
100% {transform: scale(1);
box-shadow:0 25px 25px rgba(0, 0, 0, 0.4)
}
} */
/*------------------------------------- Search Overlay -------------------------------------*/
.search_widget .bahra_menu {
/* scale: 1; */
background-color: #000000c9;
}
.header-search svg {
cursor: pointer;
position: absolute;
right: 0;
top: 3rem;
}
.bahra_menu.header-search {
left: -7vw;
top: 0;
scale: 0;
transition: 350ms ease-in-out;
border-radius: 0;
opacity: 0;
}
.header-search .widget_block {
/* width: 80%; */
margin: 0;
}
.bahra_menu.header-search.active {
z-index: 999;
scale: 1;
opacity: 1;
}
.header-search .wp-block-search__inside-wrapper:before {
/* left: 12rem; */
}
.header-search>div {
max-width: 80%;
margin: auto;
position: relative;
}
.header-search form input {
color: #ffffff !important;
}
/* Careers */
.role_dept_main {
margin: 2rem 0 5rem 0;
}
.role_dept_main>span {
height: 18px;
width: 1px;
background-color: var(--color-text);
}
.career_form_main .gform_page_fields {
border-radius: 20px;
padding: 3rem;
background-color: #f8f8f8;
}
.career_form_main .gform_page:not(:first-child) .gform_page_footer {
justify-content: space-between;
position: relative;
}
.career_form_main .gform_page .gform_page_footer {
position: relative;
}
.career_form_main .gform_page .gform_page_footer span {
display: none;
position: absolute;
}
/* Supplier Registration */
.supplier_form_main .bahra_gform .gf_step_last .gf_step_label {
/* word-spacing: normal; */
}
.supplier_form_main .bahra_gform .gf_step_label.gf_step_label {
max-width: 175px;
}
.supplier_form_main .bahra_gform .gf_step:nth-child(4) .gf_step_label:before {
background-image: url('data:image/svg+xml,');
}
.supplier_form_main .bahra_gform .gf_step:nth-child(5) .gf_step_label:before {
background-image: url('data:image/svg+xml,');
}
.supplier_form_main .bahra_gform .gf_step.gf_step_completed:nth-child(5) .gf_step_label:before {
background-image: url('data:image/svg+xml,');
}
.supplier_form_main .bahra_gform .gf_step:nth-child(2) .gf_step_label:before {
background-image: url('data:image/svg+xml,');
}
.supplier_form_main .bahra_gform .gf_step.gf_step_completed:nth-child(2) .gf_step_label:before {
background-image: url('data:image/svg+xml,');
}
.supplier_form_main .bahra_gform .gf_step.gf_step_completed:nth-child(4) .gf_step_label:before {
background-image: url('data:image/svg+xml,');
}
.supplier_form_main .label_colored {
color: var(--color-primary);
}
/* Projects Page */
.all_project-prev,
.all_project-next {
background-color: var(--color-primary);
border-radius: 100vw;
width: 25px;
height: 25px;
}
.all_project-prev:after,
.all_project-next:after {
color: #fff;
font-size: 10px;
}
.all_project-prev.all_project-prev {
left: 0;
}
.all_project-next.all_project-next {
right: 0;
}
.featured_project_swiper .project_slide h6 {
flex-grow: initial;
font-weight: 600;
}
.featured_project_swiper .project_location {
padding-block: 12px;
}
.featured_project_swiper .project_slide img {
margin-top: 0;
}
.featured_project_main {
padding-top: 5rem;
}
.featured_project_title {
font-size: 18px;
font-weight: 600;
position: relative;
padding: 1rem 1.785rem;
}
.featured_project_title::after {
content: "";
width: 100%;
height: 4px;
background-color: var(--color-primary);
position: absolute;
bottom: -4px;
}
.featured_project_swiper .project_slide:before {
content: none;
}
.past_project_container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.875rem;
}
.project_slide_main .project_slide {
height: 100%;
}
.project_scroll_arrow_main {
z-index: -1;
}
.project_scroll_arrow {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.nav_pills_shadow:not(.is-overflowing) .project_scroll_arrow_main,
.nav_pills_shadow:not(.is-overflowing):before,
.nav_pills_shadow:not(.is-overflowing).nav_pills_shadow:after {
display: none;
}
.project_scroll_arrow svg {
cursor: pointer;
}
.project_scroll_arrow#project_scroll-left {
left: -20px;
}
.project_scroll_arrow#project_scroll-right {
right: -20px;
}
.project_scroll_arrow_main span svg path {
stroke: var(--color-primary-gray);
}
.nav_pills_shadow:not(.scrolled-end):after {
/* content: ""; */
right: 0;
width: 20px;
height: 100%;
position: absolute;
top: 0;
background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.15), transparent);
}
.nav_pills_shadow.scrolled-end:before {
/* content: ""; */
left: 0;
width: 20px;
height: 100%;
position: absolute;
top: 0;
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.15), transparent);
}
.nav_pills_shadow.scrolled-end .project_scroll_arrow_main #project_scroll-right,
.nav_pills_shadow:not(.scrolled-end) .project_scroll_arrow_main #project_scroll-left {
opacity: 0.5;
pointer-events: none;
}
@media (min-width: 1920px) {
.site-header-main {
font-size: 16px;
}
.main_menu_container {
gap: 1rem;
}
.cart_icon::after {
font-size: 10px;
}
.tag_heading {
font-size: 20px;
}
.industrial_sector>.industrial_anchor {
font-size: 18px;
}
.industrial_data ul li {
font-size: 16px;
}
.project_pills {
justify-content: center;
}
.project_slide img {
width: 100%;
}
.footer_main ul a,
.policies_menu a,
.contact_info a,
.text_grey {
font-size: 16px;
}
.left_banner_content {
padding: 3.25rem 4.875rem;
}
.country_data_main .contact_name {
font-size: 20px;
}
.country_data_main {
gap: 3rem 9.5rem;
}
.megamenu_product_side_image {
width: 18.35vw;
}
.supplier_form_main .bahra_gform .gf_step_label.gf_step_label {
max-width: 185px;
}
.featured_project_swiper .project_location {
padding-block: 20px;
}
.featured_project_title {
font-size: 20px;
}
}
@media (max-width: 1516px) {
.site-header-main {
grid-template-columns: 150px 1fr;
/* font-size: 12px; */
}
.gt_float_switcher .gt-selected .gt-current-lang {
font-size: 12px;
}
}
@media (min-width: 1200px) and (max-width: 1516px) {
.product_finder_container {
padding: 3rem 4rem;
}
.product_finder_inner {
gap: 2rem 3rem;
}
.product_finder_inner svg {
width: 75px;
height: 75px;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.megamenu_pill_heading h6 {
font-size: 18px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.megamenu_pills_main,
.megamenu_data_main,
.megamenu_gap,
.megamenu_pill_heading {
column-gap: 30px;
}
}
@media (max-width: 1400px) {
.past_project_container {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1280px) {
.country_data_main {
gap: 3rem;
}
}
@media (max-width: 1200px) {
#site-navigation {
position: fixed;
background-color: #fff;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 180px);
overflow-y: auto;
transform: translateY(100%);
transition: 300ms cubic-bezier(0.65, 0.05, 0.36, 1);
z-index: 999;
}
#site-navigation.mobile_toggled {
transform: translateY(0%);
}
.site_navigation_main {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
transform: translateY(100%);
transition: 0.4s ease;
backdrop-filter: blur(2px);
}
.site_navigation_main.toggled {
background-color: rgba(0, 0, 0, 0.5);
z-index: 99;
transform: translateY(0);
}
.site_navigation_main .mobile_toggle_close {
width: 40px;
height: 40px;
background-color: var(--color-primary-white);
color: var(--color-primary);
position: fixed;
top: 120px;
}
.mobile_toggle_close.toggled {
display: flex;
animation: fade 0.4s ease-in-out;
}
.mobile_toggled .menu-item {
animation: fade 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.bahra_main_menu {
align-items: flex-start;
}
.site-header-main {
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
font-size: 18px;
align-items: center;
}
.menu-side-menu-container,
.bahra_nav__container#bahra_side_menu_container {
align-self: center;
}
.menu-main-menu-container,
.bahra_nav__container#bahra_main_menu_container {
width: 100%;
padding: 0 7vw;
}
.main_menu_container .nav-link {
display: flex;
/* justify-content: space-between; */
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding-block: 1rem;
}
/* .main_menu_container .nav-link:after {
content: ""; */
/* background: url('data:image/svg+xml,'); */
/* background: url('data:image/svg+xml,');
width: 6px;
height: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: 250ms ease-in-out;
} */
.main_menu_container .nav-link:hover:after {
transform: translateX(5px);
}
.bahra_menu {
left: 0;
right: 0;
}
.bahra_menu:not(.search_widget_submenu) {
top: 4rem;
z-index: 999;
}
.side_menu .nav-link {
justify-content: center;
position: relative;
}
:is(.lme_csp_megamenu, .product_finder_megamenu) a:after {
content: "";
width: 10px;
height: 10px;
position: absolute;
bottom: -11px;
border-top: 5px solid transparent;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transition: 0.4s ease-in-out;
}
:is(.lme_csp_megamenu, .product_finder_megamenu) a[aria-expanded="true"]:after {
border-top-color: var(--color-primary);
}
.product_finder_container {
padding: 4rem 7vw;
}
.product_finder_inner {
grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}
.bahra_menu.lme_csp_submenu {
left: 0;
right: 0;
}
.bahra_menu.lme_csp_submenu span:not([class]) {
rotate: 90deg;
/* width: 1px; */
}
.gt_float_switcher .gt-selected .gt-current-lang {
font-size: 18px;
}
.main_menu_container :is(li.translate_main, li.search_widget, li.cart_icon) {
display: none;
}
.side_menu li {
gap: 0;
}
.side_menu li:before {
content: none;
}
.side_menu li:first-child:after {
margin-inline: 0.5rem;
}
.translate_main {
z-index: 0;
}
.footer_main {
grid-template-columns: 1fr 1fr;
}
.industrial_sectors_main {
overflow: auto;
padding-bottom: 1rem;
margin-bottom: 2rem;
min-height: 400px;
}
.industrial_sector>.industrial_anchor.coll {
display: none !important;
}
.banner_top_border .col-xl-6>img {
border-radius: 30px 30px 0 0;
width: 100%;
}
/* Megamenu */
.megamenu_pills_main {
position: relative;
}
.megamenu_pills_main,
.megamenu_gap,
.megamenu_gap.megamenu_3_gap {
grid-template-columns: 100% 100%;
transition: 0.4s ease-in-out;
}
.megamenu_pills {
height: auto;
}
.mobile_visibility {
/* position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-color: #fff; */
}
.megamenu_side_image {
display: none;
}
.media_menu.bahra_menu {
--menu-width: 100%;
height: 100%;
}
.product_menu.bahra_menu,
.media_menu.bahra_menu {
top: 0;
margin: 0;
}
.menu-media-menu-container,
.menu-about-main-menu-container,
.bahra_nav__container#bahra_about_menu_container,
.bahra_nav__container#bahra_media_menu_container,
.bahra_nav__container#bahra_contact_menu_container {
width: 100%;
}
.megamenu_nav_link.megamenu_nav_link li a {
justify-content: flex-start;
grid-template-columns: auto 1fr auto;
}
.megamenu_nav_link li a:hover {
background-color: transparent;
}
.site-header .megamenu_nav_link.megamenu_nav_link li a {
border-radius: 0px;
}
.megamenu_product_side_image {
display: none;
}
.main_pills,
.megamenu_pill_heading h6 {
background-color: transparent;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.banner_top_border .col-xl-6>img {
height: 350px;
object-position: top;
}
}
@media (max-width: 1024px) {
.role_dept_main>h6>span.fc_primary {
font-size: 14px;
margin-top: 1px;
}
.role_dept_main>h6>span.fw-600 {
font-size: 16px;
text-align: left;
}
.past_project_container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 992px) {
.industrial_sectors_main {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.country_data_main {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 810px) {
.footer_main {
grid-template-columns: 1fr;
gap: 2rem;
}
}
@media (max-width: 520px) {
.site-header-main {
/* grid-template-columns: auto 1fr 1fr; */
font-size: 14px;
}
#site-navigation {
height: calc(100% - 190px);
width: calc(100% - 2rem);
border-radius: 10px;
left: auto;
bottom: 1rem;
}
.search_widget>a {
width: 20px;
margin-left: 0.5rem;
margin-right: 1rem;
}
.cart_icon>a {
width: 24px;
}
.cart_icon::before {
width: 21px;
height: 21px;
top: -3px;
}
.cart_icon::after {
width: 16px;
height: 16px;
top: 0;
}
.gt_float_switcher .gt-selected .gt-current-lang {
font-size: 14px;
display: flex;
gap: 4px;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
background-size: 8px !important;
}
.product_finder_container {
padding: 2rem 7vw;
}
.footer_main {
grid-template-columns: 1fr;
gap: 2rem;
}
.industrial_data {
grid-template-columns: repeat(1, 1fr);
}
.industrial_data>span {
grid-area: 1 / span 1;
}
.industrial_sectors_main {
grid-template-columns: repeat(2, 1fr);
}
.industrial_data_items:not(:last-child):after {
width: 100%;
height: 1px;
bottom: -1rem;
top: auto;
right: 0;
}
.project_slide,
.project_tab_link {
font-size: 14px;
}
.project_tab_link svg {
height: 40px;
}
.project_slide>span,
.project_location {
font-size: 12px;
}
.project_pills {
gap: 1rem;
}
.left_banner_content {
padding: 1rem;
}
.country_data_main {
grid-template-columns: 1fr;
gap: 2rem;
}
.country_data_main .contact_name {
font-size: 16px;
}
.country_data_main ul {
gap: 0.5rem;
font-size: 14px;
}
.bahra_tabs .nav-link {
padding: 1rem;
}
.bahra_tabs .nav-link svg {
width: 20px;
height: 20px;
}
.gfield--type-fileupload {
display: block !important;
}
.gform-theme--framework .field_description_above .gfield_description:where( :not([class="gfield_description"]):not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.gfield_consent_description):not(.field_validation_above .gfield_validation_message)) {
margin: auto;
}
.bahra_menu.header-search {
left: -1rem;
}
.global_tabs #nav-sales1 {
margin-inline: -1rem;
}
.career_form_main .gform_page_fields {
padding: 1.5rem;
}
.gform_fileupload_multifile .gform_button_select_files {
font-size: 14px !important;
}
.featured_project_swiper {
padding-top: 1rem;
}
.past_project_container {
grid-template-columns: 1fr;
}
.all_project_btns {
display: flex;
justify-content: center;
gap: 0.75rem;
margin-top: 3rem;
}
.all_project-prev,
.all_project-next {
position: static;
}
.project_scroll_arrow {
display: none;
}
}
@media (min-width: 1200px) {
.bahra_menu {
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
}
@media (max-width: 360px) {
.industrial_sectors_main {
grid-template-columns: repeat(1, 1fr);
}
}