/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Updated: 2026-03-02 06:49:00

*/

*::marker{
  list-style-type: disc;
}
/* Remove all focus outline & shadow */
*:focus,
*:active {
    outline: none !important;
    box-shadow: none !important;
}
* {
    -webkit-tap-highlight-color: transparent !important;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}
html,
body {
  overflow-x: hidden;
}
:root {
  --header-height: 80px;
}

body {
  padding-top: var(--header-height);
}
body .comments-area a,body .page-content a {
  text-decoration: none;
}
/* body .oseas-opacity{
  opacity: 0.6;
} */
.menu-ul ul{
  flex-wrap: wrap !important;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
  flex-wrap: nowrap;
}
.hfe-site-logo-container {
  display: flex;
  align-items: center;
} 

.transparent-header,
.main-header {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: transform .45s cubic-bezier(.4, 0, .2, 1),
    opacity .35s ease;
  will-change: transform;
}

/* Transparent visible first */
.transparent-header {
  top: 0;
  transform: translateY(0);
}

/* Hide main header initially */
.main-header {
  top: 0;
  opacity: 0;
  transform: translateY(-120%);
}

/* ON SCROLL */
body.header-scrolled .transparent-header {
  opacity: 0;
  transform: translateY(-120%);
}

body.header-scrolled .main-header {
  opacity: 1;
  transform: translateY(0);
}


/* slider */
.alekoxide-star-slider figure.swiper-slide-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

.alkoxide-image-sec3{
  position: relative;
}
.alkoxide-sec4-products{
  backdrop-filter: blur(12px);
}


/* products */
a .alkoxide-arrow-fill{
transition: transform 0.3s ease;
display:inline-block;
}
a:hover .alkoxide-arrow-fill,
a:active .alkoxide-arrow-fill{
transform: translatex(2px);
}
.product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.product-card{
  height:500px;
  transition: transform 0.3s ease;
}
.product-card:hover{
  transform: translateY(-2px);
}

.product-image{
  height:100%;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
  position:relative;
}
.product-overlay{
  width:100%;
  padding:32px;
  backdrop-filter: blur(12px);
  background-color: #FFFFFF1A;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.product-top{
  display:flex;
  justify-content:space-between;
}
.product-top h3{
  color: #ffffff;
}
.product-icon{
  width:20px;
}
.product-short{
  border-top: 1px solid #FFFFFF33;
  padding-top:15px;
  font-size:14px;
  color: #FFFFFFCC;
}
.product-image::before{
  content:"";
  position:absolute;
  top: 0;
  left: 0;
  inset:0;
  background:#0B3C5D99;
}

/* home blog latest post */
.alkoxide-latest-blog-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.alkoxide-latest-blog-image-wrap{
  height:250px;
  overflow:hidden;
  border-radius:16px;
}
.alkoxide-latest-blog-image-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.alkoxide-latest-blog-card{
  display:flex;
  flex-direction:column;
}
.alkoxide-latest-blog-content{
  margin-top:12px;
}
.alkoxide-latest-blog-date{
  font-size:12px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#2B5C7A;
}
.alkoxide-latest-blog-title{
  margin-top:6px;
  font-size:15px;
  line-height:1.5;
}
.alkoxide-latest-blog-title a{
  text-decoration:none;
  color:#2b2b2b;
}
.alkoxide-latest-blog-image-wrap img{
  transition: transform .4s ease;
}
.alkoxide-latest-blog-card:hover img{
  transform: scale(1.06);
}

/* blogs page */
.alkoxide-blog-hero{
  text-align:center;
  padding:60px 0 40px;
}
.alkoxide-blog-subtitle{
  color:#1b6fa5;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.alkoxide-blog-title{
  font-size:34px;
  margin-top:10px;
}
.alkoxide-blog-divider{
  display:block;
  width:50px;
  height:3px;
  background:#1b4c6b;
  margin:15px auto 0;
}
.alkoxide-blog-section{
  padding:80px 10px;
  overflow: hidden;
}
.alkoxide-blog-tabs {
  display: flex;
  gap: 25px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
  flex-wrap:nowrap;
}
.alkoxide-blog-tabs a{
  white-space:nowrap;
  text-decoration: none;
  color: #6b7280;
  font-size: 14px;
}
.alkoxide-blog-tabs a.active {
  color: #1b4c6b;
  font-weight: 600;
  border-bottom: 2px solid #1b4c6b;
  padding-bottom: 8px;
}
.alkoxide-blog-tabs-wrapper{
  position:relative;
  overflow:hidden;
}
.alkoxide-blog-tabs-wrapper .owl-carousel {margin-top: 20px;}
.owl-controls-line , .owl-nav{
  position:absolute;
  top:40%;
  left:0;
  width:100%;
  transform:translateY(-50%);
  display:flex;
  justify-content:space-between;
  pointer-events:none;
  z-index:1;
}
.owl-controls-line .owl-prev ,.owl-controls-line .owl-next ,.owl-nav .owl-prev,.owl-nav .owl-next {
  pointer-events:auto;
  width:40px;
  height:40px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.owl-controls-line button, .alkoxide-blog-tabs.owl-carousel ,.alkoxide-blog-tabs.owl-carousel .item a.active ,.engineering-controls-line button{
  border: none;
  outline: none;
}
.owl-controls-line i{
  font-size:14px;
}
.alkoxide-blog-tabs.owl-carousel{
  padding:0 50px;
}
.alkoxide-blog-tabs.owl-carousel .item{
  padding: 7px 5px;
  background-color: #FFFFFF33;
  border-radius: 50px;
  border: 1px solid #777777;
}
.alkoxide-blog-tabs.owl-carousel .item.active ,.alkoxide-blog-tabs.owl-carousel .item:hover {
  border: 1px solid #1b4c6b;
  padding: 7px 5px;
  background-color: #FFFFFF33;
  border-radius: 50px;
}

/* blogs details page */
body .elementor-section.elementor-section-boxed>.elementor-container.alkoxide-blog-details{
  display: block;
}
.alkoxide-blog-feature-image img{
  width:100%;
  height:420px;
  object-fit:cover;
}
.alkoxide-blog-detail{
  padding:0px 20px 60px;
}
.alkoxide-blog-detail-title{
  text-align: center;
}
.alkoxide-blog-date{
  color:#4B5563;
}
.alkoxide-blog-description{
  color:#5E7E93;
}
.alkoxide-blog-description p strong{
  color: #000000;
}

/* Related Section */
.alkoxide-related-header{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:30px;
}
.related-left h3{margin: 0;}
.mini-title{
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1.2px;
  color:#328CC1;
}
.related-right a{
  font-size:14px;
  color:#0f4c81;
  font-weight:600;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1.4px;
}
.alkoxide-fine-about-ul ul{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 20px;
}

/* Engineering Slider Fix */
.engineering-slider .owl-stage-outer {
  overflow: hidden !important;
}

.engineering-slider .owl-stage {
  display: flex !important;
}

.engineering-slider .owl-item {
  flex-shrink: 0;
}

.engineering-slider .owl-item img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 
.engineering-controls-line{
  position: absolute;
  top: 40px;
  right: 10px;
  display: flex;
  gap: 10px;
  z-index: 10;
}
.engineering-controls-line span{
  font-size: 30px;
  color:#000000;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.engineering-controls-line span:hover , .engineering-controls-line span:focus{
    color:#0B3C5D;
}
.engineering-controls-line button, .engineering-controls-line button:hover , .engineering-controls-line button:focus{
  background-color: transparent;
  padding: 0;
} */
.alkoxide-blog-separator{
  width: 10%;
  border-bottom: 4px solid #0B3C5D;
}
.alkoxide-blog-title-box{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.alkoxide-blog-title-box p:nth-child(1){
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 16px;
  color: #328CC1;
  margin: 0;
}
/* contact form 7 form */
.alkoxide-contact-form{
  padding: 30px;
  background-color: #F8FBFC;
  border-radius: 12px;
}
.alkoxide-contact-row{
  display:flex;
  gap:20px;
}
.alkoxide-contact-field{
  width:100%;
  margin-bottom:20px;
}
.alkoxide-contact-field label{
  font-size:12px;
  font-weight:600;
  margin-bottom:6px;
  color:#374151; 
}
.alkoxide-contact-field .intl-tel-input ,.alkoxide-contact-field  .country-select {width: 100%;}
.alkoxide-contact-field-country p{margin: 0;}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
  width:100%;
  padding:12px;
  border:1px solid #e2e2e2;
  border-radius:6px;
  font-size:14px;
  outline:none;
}
.alkoxide-contact-select{
  appearance:none;
}
.alkoxide-contact-submit input{
  width: 20%;
}

/* mailchimp footer */
.alkoxide-mailchimp-wrapper{
  display:flex;
  justify-content:center;
  background:#ffffff;
  padding: 5px 7px;
  border-radius: 12px;
}

.alkoxide-mailchimp-form{
  display:flex;
  align-items:center;
  width:100%;
}

.alkoxide-mailchimp-wrapper input[type=email]{
  flex:1;
  border:none;
  outline:none;
  font-size:16px;
  border-radius:6px;
  padding:0 10px;
}

.alkoxide-mailchimp-btn{
  padding:10px 18px;
}
.engineering-slider .item{
  width:100%;
}
.engineering-slider-wrapper .e-con-inner{
  position: relative;
}

/* infrastructure slider section */
.eng-arrow-wrap {
    display: flex;
    gap: 16px;
    justify-content: flex-end;  
}

.eng-prev, .eng-next {
    cursor: pointer;
    position: relative;
    width: 28px;
    height: 28px;
    display: inline-block;
}

.eng-prev img, .eng-next img {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
}
.engineering-slider .disabled{display: none;}
.arrow-hover { opacity: 0; }
.arrow-normal { opacity: 1; }

.eng-prev:hover .arrow-normal,
.eng-next:hover .arrow-normal { opacity: 0; }

.eng-prev:hover .arrow-hover,
.eng-next:hover .arrow-hover { opacity: 1; }

/* product details page */
.product-pdf-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.pdf-item a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  color:#333;
  font-size:15px;
}
.pdf-item i{
  font-size:18px;
  color:#777;
}
.pdf-item i:hover{
  color:#0B3C5D;
}
.pdf-text{
  flex:1;
  margin-right:10px;
}
.alkoxide-technical-submit input{
  width: 100%;
}

/* responsive */
/* 991px */
@media (max-width: 991px){
  .alkoxide-latest-blog-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* 767px */
@media (max-width: 767px){
  .alkoxide-latest-blog-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .product-card{
    height: 420px;
  }
  .alkoxide-contact-row{
    flex-direction:column;
  }
  .alkoxide-blog-section{
    padding:40px 10px;
  }
  .product-grid{
    grid-template-columns:1fr;
  }
  .alkoxide-blog-detail{
    padding: 0;
  }
}
/* Mobile */
@media (max-width: 600px){

}
/* 480px */
@media (max-width: 480px){
  .alkoxide-latest-blog-grid{
    grid-template-columns:1fr;
  }

  .alkoxide-latest-blog-image-wrap{height:180px;}
  .product-card{height: 320px;}
  .product-short{padding-top: 8px;}

  .product-overlay{
    height: 140px;
    padding: 20px;
  }
  .alkoxide-contact-submit input{
    width: 100%;
  }
  .alkoxide-contact-form{
    padding: 10px;
  }
}
body .flag-dropdown .flag ,body .intl-tel-input .flag-container .iti-flag{
    width: 20px;
    height: 14px !important;
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags.png");
    background-repeat: no-repeat;
    display: inline-block;
}