/* ======================================================
   GLOBAL RESET
   ====================================================== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Jost",sans-serif;
  scroll-behavior:smooth;
}

a{ text-decoration:none; }
img{ max-width:100%; display:block; }
p{ font-size:18px; }

/* ======================================================
   HEADER + LOGO (FINAL, STATIC)
   ====================================================== */

/* Desktop header */
.top_header{
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9999;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(6px);
  transition: box-shadow .25s ease, background .25s ease;
}

/* Header on scroll */
.top_header.active{
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* Logo container */
.mainlogo{
  width:160px;
  display:block;
}

/* Logo locked */
.mainlogo img{
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

/* Force-disable old broken behaviour */
.mainlogo.active{
  display:block !important;
  width:160px !important;
}

/* Header layout helpers */
.display_flex_space{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* ======================================================
   MOBILE HEADER
   ====================================================== */
.mobile_menu{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:10000;
  background:#fff;
  padding:20px 0;
}

/* Hide desktop header on mobile */
@media (max-width:990px){
  .top_header{ display:none; }
  .mobile_menu{ display:block; }
}

/* ======================================================
   HERO / BANNER
   ====================================================== */
.mainbanner_cover{
  background:url("../images/banner1.jpg") center/cover no-repeat;
}

.main_banner{
  position:relative;
}

.main_banner_img{
  position:relative;
  padding-top:36px;
  padding-bottom:70px;
}

.main_banner_img:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,#0000004f,#0000008f);
}

.banner_text{
  position:relative;
  z-index:2;
  margin-top:25px;
}

/* ======================================================
   MENUS
   ====================================================== */
.main_menu ul{
  display:flex;
  gap:35px;
  list-style:none;
  align-items:center;
}

.main_menu ul li a{
  color:#000;
  font-size:14px;
  font-weight:500;
  text-transform:uppercase;
}

.main_menu ul li a:hover{
  color:#005a84;
}

/* ======================================================
   BUTTONS
   ====================================================== */
.submit-btn,
.submit-btns{
  background:#67a431;
  color:#fff;
  border:1px solid #fff;
  padding:10px 16px;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  border-radius:4px;
  cursor:pointer;
}

/* ======================================================
   SECTIONS (SAFE BASE)
   ====================================================== */
.section_3,
.about_section,
.servicves{
  padding:60px 0;
}

.about_section{
  background:linear-gradient(to bottom,#f3fce8,#e3e3e3);
}

/* ======================================================
   FIXED ELEMENTS
   ====================================================== */
.fixed_car{
  position:fixed;
  bottom:88px;
  right:10px;
  width:60px;
  height:60px;
  z-index:9;
}

/* ======================================================
   FOOTER (SAFE BASE)
   ====================================================== */
.dk-footer{
  background:#141715;
  padding:26px 0 0;
}

.footer-logo img{
  width:200px;
}

/* ======================================================
   SAFETY LOCK (DO NOT REMOVE)
   ====================================================== */
.mainlogo,
.mainlogo img{
  transform:none !important;
  animation:none !important;
  transition:none !important;
}