@import url('https://fonts.googleapis.com/css2?family=Allkin&display=swap');

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 :root {
   --primary-color: #00ae7d;
   --secondary-color: #333;
   --white-color: #fff;
    --gdt-navy:       #1a2b45;
    --gdt-blue:       #1a5fa8;
    --gdt-blue-dark:  #134a85;
    --gdt-orange:     #e07b2a;
    --gdt-white:      #fff;
    --gdt-topbar-bg:  #d8d8d8;
    --gdt-nav-bg:     #1e2530;
    --gdt-nav-dark:   #161d28;
 }

 a {
   text-decoration: none;
 }

 html,
 body {
   overflow-x: hidden;
   height: auto;
   scroll-behavior: auto !important;
 }

 body {
   font-family: "Allkin", system-ui;
   background-color: #f7fefc;
   margin: 0;
 }
/* header-css */
 /* ── TOP BAR ── */
  .gdt-topbar {
    background: var(--gdt-topbar-bg);
    padding: 7px 0;
  }
  .gdt-topbar__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    gap: 28px;
    align-items: center;
    font-size: 13px;
    color: #444;
  }
  .gdt-topbar__item  { display: flex; gap: 5px; align-items: center; font-size: 18px; }
  .gdt-topbar__label { font-weight: 600; color: var(--gdt-blue); }
  .gdt-topbar__link  { color: #444; text-decoration: none; transition: color 0.2s; }
  .gdt-topbar__link:hover { color: var(--gdt-blue); }

  /* ── MAIN HEADER ── */
  .gdt-header {
    background: var(--gdt-white);
    padding: 18px 0;
    border-bottom: 1px solid #ddd;
  }
  .gdt-header__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  /* Logo */
  .gdt-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex-shrink: 0;
  }
  .gdt-logo__icon { width: 38px; height: 38px; }
  .gdt-logo__text {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--gdt-navy);
    line-height: 1;
  }
  .gdt-logo__text--accent { color: var(--gdt-blue); }

  /* Search */
  .gdt-search {
    position: relative;
    flex-shrink: 0;
  }
  .gdt-search__input {
    border: 1px solid #ccc;
    background: #f5f5f5;
    border-radius: 3px;
    padding: 8px 36px 8px 12px;
    font-size: 13px;
    width: 220px;
    outline: none;
    transition: border 0.2s, background 0.2s;
    font-family: 'Barlow', sans-serif;
  }
  .gdt-search__input:focus { border-color: var(--gdt-blue); background: #fff; }
  .gdt-search__btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #888;
    padding: 0;
    display: flex;
    transition: color 0.2s;
  }
  .gdt-search__btn:hover { color: var(--gdt-blue); }

  /* ── NAVBAR (desktop) ── */
  .gdt-navbar {
    background: var(--gdt-nav-bg);
    position: relative;
  }
  .gdt-navbar__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .gdt-navbar__list {
    display: flex;
    list-style: none;
    align-items:center;
    justify-content: space-between;
    margin: 0;
    padding-left: 0;
    width: 85%;
  }
  .gdt-navbar__item {}
  .gdt-navbar__link {
    display: block;
    color: #ccc;
    text-decoration: none;
    font-size:18px;
    font-weight: 400;
    white-space: nowrap;
    transition: color 0.2s;
    letter-spacing: 0.2px;
  }
  .gdt-navbar__link:hover { color: var(--gdt-white); }
  .gdt-navbar__item--active .gdt-navbar__link { color: var(--gdt-orange); }

  .gdt-navbar__quote {
    background: var(--gdt-blue);
    color: var(--gdt-white);
    padding: 20px 22px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-decoration: none;
    align-self: stretch;
    display: flex;
    align-items: center;
    transition: background 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .gdt-navbar__quote:hover { background: var(--gdt-blue-dark); }
  .gdt-navbar .gdt-search{
    display: none;
  }
  /* Hamburger */
  .gdt-hamburger {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 14px 0;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
  }
  .gdt-hamburger__bar {
    display: block;
    width: 24px;
    height: 2px;
    background: #ccc;
    border-radius: 2px;
    transition: transform 0.3s, opacity 0.3s, background 0.2s;
    transform-origin: center;
  }
  .gdt-hamburger:hover .gdt-hamburger__bar { background: #fff; }
  .gdt-hamburger--open .gdt-hamburger__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .gdt-hamburger--open .gdt-hamburger__bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
  .gdt-hamburger--open .gdt-hamburger__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  /* ── MOBILE DRAWER (slides left → right) ── */
  .gdt-drawer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 280px;
    background: var(--gdt-nav-bg);
    z-index: 999;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    flex-direction: column;
    overflow-y: auto;
    box-shadow: 4px 0 20px rgba(0,0,0,0.4);
  }
  .gdt-drawer--open { transform: translateX(0); }

  .gdt-drawer__head {
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: var(--gdt-nav-dark);
    flex-shrink: 0;
  }
  .gdt-drawer__logo {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
  }
  .gdt-drawer__logo-text {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--gdt-white);
    line-height: 1;
  }
  .gdt-drawer__logo-text--accent { color: var(--gdt-blue); }

  .gdt-drawer__close-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #aaa;
    padding: 4px;
    font-size: 22px;
    line-height: 1;
    transition: color 0.2s;
  }
  .gdt-drawer__close-btn:hover { color: #fff; }

  .gdt-drawer__list {
    list-style: none;
    padding: 10px 0;
    flex: 1;
  }
  .gdt-drawer__item {
    opacity: 0;
    transform: translateX(-18px);
    transition: opacity 0.3s, transform 0.3s;
  }
  .gdt-drawer--open .gdt-drawer__item { opacity: 1; transform: translateX(0); }

  /* stagger delays per item */
  .gdt-drawer--open .gdt-drawer__item:nth-child(1) { transition-delay: 0.05s; }
  .gdt-drawer--open .gdt-drawer__item:nth-child(2) { transition-delay: 0.10s; }
  .gdt-drawer--open .gdt-drawer__item:nth-child(3) { transition-delay: 0.15s; }
  .gdt-drawer--open .gdt-drawer__item:nth-child(4) { transition-delay: 0.20s; }
  .gdt-drawer--open .gdt-drawer__item:nth-child(5) { transition-delay: 0.25s; }
  .gdt-drawer--open .gdt-drawer__item:nth-child(6) { transition-delay: 0.30s; }
  .gdt-drawer--open .gdt-drawer__item:nth-child(7) { transition-delay: 0.35s; }
  .gdt-drawer--open .gdt-drawer__item:nth-child(8) { transition-delay: 0.40s; }
  .gdt-drawer--open .gdt-drawer__item:nth-child(9) { transition-delay: 0.45s; }

  .gdt-drawer__link {
    display: flex;
    align-items: center;
    padding: 13px 24px;
    color: #bbb;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-left: 3px solid transparent;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
    letter-spacing: 0.2px;
  }
  .gdt-drawer__link:hover {
    color: #fff;
    background: rgba(255,255,255,0.05);
    border-left-color: var(--gdt-blue);
  }
  .gdt-drawer__item--active .gdt-drawer__link {
    color: var(--gdt-orange);
    border-left-color: var(--gdt-orange);
  }

  .gdt-drawer__foot {
    padding: 16px 20px 24px;
    border-top: 1px solid rgba(255,255,255,0.08);
    flex-shrink: 0;
  }
  .gdt-drawer__quote-btn {
    display: block;
    background: var(--gdt-blue);
    color: #fff;
    text-align: center;
    padding: 13px;
    font-weight: 700;
    font-size: 13.5px;
    letter-spacing: 0.6px;
    text-decoration: none;
    border-radius: 2px;
    transition: background 0.2s;
  }
  .gdt-drawer__quote-btn:hover { background: var(--gdt-blue-dark); }

  /* ── OVERLAY ── */
  .gdt-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.35s;
  }
  .gdt-sticky-wrap {
  position: sticky;
  top: 0;
  z-index: 900;
  box-shadow: 0 2px 16px rgba(0,0,0,0.15);
}
  .gdt-overlay--visible { opacity: 1; }

  /* ── RESPONSIVE ── */
  @media (max-width: 900px) {
    .gdt-navbar__list  { display: none; }
    .gdt-navbar__quote { display: none; }
    .gdt-hamburger     { display: flex; }
    .gdt-drawer        { display: flex; }
    .gdt-search__input { width: 160px; }
  }
  @media (max-width: 520px) {
    .gdt-topbar__inner { font-size: 11px; gap: 14px; }
    .gdt-search        { display: none; }
    .gdt-logo__text    { font-size: 22px; }
    .gdt-logo__icon    { width: 30px; height: 30px; }
  }

  /* demo hint */
  .gdt-page-hint {
    max-width: 1280px;
    margin: 40px auto;
    padding: 0 24px;
    text-align: center;
    color: #999;
    font-size: 13.5px;
  }
  .gdt-logo img{
    width: 300px;
  }
/* ── DESKTOP DROPDOWN ── */
.gdt-navbar__dropdown {
  position: relative;
}

.gdt-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--gdt-nav-dark);
  list-style: none;
  padding: 10px 0;
  margin: 0;
  min-width: 200px;
  display: none;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.gdt-dropdown li a {
  display: block;
  padding: 10px 18px;
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
}

.gdt-dropdown li a:hover {
  background: rgba(255,255,255,0.05);
  color: #fff;
}

/* Show dropdown on hover */
.gdt-navbar__dropdown:hover .gdt-dropdown {
  display: block;
}


/* ── MOBILE DROPDOWN ── */
.gdt-drawer__submenu {
  list-style: none;
  padding-left: 20px;
  display: none;
}

.gdt-drawer__submenu li a {
  display: block;
  padding: 10px 24px;
  color: #aaa;
  text-decoration: none;
  font-size: 13px;
}

.gdt-drawer__submenu li a:hover {
  color: #fff;
}

/* Toggle button style */
.gdt-drawer__toggle {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  color: #bbb;
}
.product-list li a{
  color: #000;
}
 /* HERO */
 .hero img {
   height: 520px;
   object-fit: cover;
 }

 /* SECTION TITLE */
 .section-title {
   font-weight: 700;
   color: #2c4e6b;
 }

 /* SIDEBAR */
 .sidebar-box {
   background: #f5f5f5;
   padding: 20px;
 }

 .sidebar-box ul {
   padding-left: 0;
 }

 .sidebar-box li {
   list-style: none;
   padding: 6px 0;
   border-bottom: 1px solid #ddd;
 }

 /* FEATURED CARDS */
 .feature-card img {
   height: 200px;
   object-fit: cover;
 }

 .feature-card {
   transition: 0.3s;
 }

 .feature-card:hover {
   transform: translateY(-5px);
 }

 /* MISSION */
 .mission {
   background: #f3f3f3;
   padding: 30px;
 }

 /* GALLERY */
 .gallery img {
   height: 220px;
   object-fit: cover;
 }

 /* FOOTER */
 footer {
   background: #222;
   color: #ccc;
 }

 footer a {
   color: #ccc;
   text-decoration: none;
 }




 /* Top bar */
 .top-bar {
   background: #D9D9D9;
   font-size: 14px;
   color: #333;
   padding: 10px 0;
 }

 .main-top-bar a {
   color: #000;
   font-size: 18px;
 }

 .main-top-bar {
   display: flex;
 }

 .main-top-bar a span {
   color: #095196;
 }

 /* Header */
 .header {
   background: #fff;
   padding: 30px 0;
 }

 .logo h3 {
   font-size: 28px;
   letter-spacing: 2px;
 }

 /* Search */
 .search-box input {
   width: 250px;
   border-radius: 6px;
 }
 .gdt-drawer__submenu {
  display: none;
}

.gdt-drawer__submenu--open {
  display: block;
}

 /* Navbar */
 .custom-navbar {
   background-color: #222;
 }

 .custom-navbar .nav-link {
   color: #ccc;
   margin-right: 15px;
   font-size: 18px;
 }

 .custom-navbar .nav-link:hover {
   color: #fff;
 }

 .custom-navbar .nav-link.active {
   color: #f39c12;
 }

 /* Quote Button */
 .quote-btn {
   background: #1f5fa8;
   color: #fff;
   padding: 20px 20px;
   border-radius: 0;
 }

 .quote-btn:hover {
   background: #154a85;
   color: #fff;
 }

 /* Container */
 .search-box {
   position: relative;
   width: 360px;
   /* closer to screenshot */
 }

 /* Input field */
 .search-box input {
   width: 100%;
   height: 44px;
   background: #efefef;
   /* exact soft grey */
   border: none;
   border-radius: 4px;
   padding: 0 50px 0 18px;
   font-size: 16px;
   color: #333;
   outline: none;
 }

 /* Placeholder */
 .search-box input::placeholder {
   color: #9a9a9a;
   font-weight: 400;
 }

 /* Button (icon area) */
 .search-btn {
   position: absolute;
   top: 50%;
   right: 12px;
   transform: translateY(-50%);
   width: 34px;
   height: 34px;
   border: none;
   background: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }

 /* Icon */
 .search-btn svg {
   width: 18px;
   height: 18px;
   fill: #6b6b6b;
 }

 /* Subtle hover (optional but realistic) */
 .search-btn:hover svg {
   fill: #000;
 }

 /* .banner-slider */
 .banner-slider {
   width: 100%;
   height: 700px;
   overflow: hidden;
 }


 .banner-slider img {
   width: 100%;
   height: 700px;
   object-fit: cover;
 }

 /* Dots container */
 .banner-slider .slick-dots {
   bottom: 30px;
 }

 /* Each dot */
 .banner-slider .slick-dots li {
   margin: 0 5px;
 }

 /* Default dot */
 .banner-slider .slick-dots li button {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background: #fff;
   border: none;
 }

 /* Remove default icon */
 .banner-slider .slick-dots li button:before {
   display: none;
 }

 /* Active dot */
 .banner-slider .slick-dots li.slick-active button {
   background: #f58220;
   width: 25px;
   border-radius: 20px;
   transition: 0.3s;
 }

 /* Heading */
 .main-title {
   font-size: 47px;
   font-weight: 400;
   line-height: 1.3;
   color: #1f4e79;
 }

 .text-orange {
   color: #E7891A;
 }

 /* Section Titles */
 .section-title {
   font-weight: 600;
   font-size: 20px;
   margin-bottom: 10px;
   color: #1f4e79;
 }

 /* Icon Box */
 .icon-box {
   width: 45px;
   height: 45px;
   background: #333;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   border-radius: 6px;
 }

 /* Custom List */
 .custom-list {
   list-style: none;
   padding-left: 0;
 }

 .custom-list li,
 .product-list li {
   position: relative;
   padding-left: 30px;
   margin-bottom: 10px;
 }

 .custom-list li {
   font-size: 18px;
   color: #000;
   margin-bottom: 18px;
 }

 .custom-list li::before,
 .product-list li::before {
   content: "➔";
   position: absolute;
   left: 0;
   top: 0;
   color: #333;
   font-size: 14px;
   border: 1px solid #000;
   border-radius: 4px;
   width: 20px;
   height: 20px;
   text-align: center;
   line-height: 18px;
 }

 .product-list li::before {
   top: 10px
 }

 /* Button */
 .custom-btn {
   background-color: #1f4e79;
   border: none;
   border-radius: 6px;
   font-weight: 500;
 }

 .custom-btn:hover {
   background-color: #163b5c;
 }

 .product-box {
   background: #D9D9D9;
   border-radius: 5px;
   padding: 30px;
   max-width: 500px;
 }

 .product-title {
   color: #095193;
   font-size: 32px;
   font-weight: 400;
   margin-bottom: 20px;
 }

 .product-list {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .product-list li {
   display: flex;
   align-items: center;
   padding: 0 0 0 30px;
   border-bottom: 1px solid #0000004a;
   font-weight: 500;
   letter-spacing: 0.5px;
   line-height: 40px;
 }

 .product-list li:last-child {
   border-bottom: none;
 }

 .icon-box {
   width: 90px !important;
   height: 40px;
   border: 1.5px solid #000;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 14px;
   background: #000;
   color: #333;
 }

 .our-about {
   padding: 80px 0 40px 0;
 }

 .our-about p {
   font-size: 18px;
   color: #000;
 }

 .icon-box i {
   font-size: 20px;
   font-weight: 600;
   color: #fff;
   transform: rotate(-35deg);
 }


 .section-title {
   font-size: 34px;
   font-weight: 400;
 }

 .section-title span {
   color: #f58220;
   margin-right: 8px;
 }


 .card-custom {
   background: #d9d9d93b;
   border: none;
   position: relative;
   padding: 40px;
   height: 100%;
 }

 .card-custom img {
   width: 100%;
   height: auto;
   margin-bottom: 15px;
 }

 .card-title {
   font-size: 30px;
   font-weight: 600;
   margin-bottom: 10px;
 }

 .card-text {
   font-size: 18px;
   color: #000;
   line-height: 1.6;
 }

 .arrow-btn {
   position: absolute;
   top: -12px;
   right: -10px;
   background: #f58220;
   width: 45px;
   height: 45px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .arrow-btn::after {
    content: "\f061"; /* right arrow */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    transform: rotate(-35deg);
    font-size: 22px;
 }

 .footer-text {
   margin-top: 30px;
   font-size: 20px;
   color: #000;
 }



 /* Section background strip */
 .mission-wrap {
   padding: 24px;
 }

 /* Gray container */
 .mission-box {
   background-color:#D9D9D9;
   padding: 40px 48px;
 }

 /* Header alignment */
 .mission-header {
   margin-bottom: 22px;
 }

 /* Icon box */
 .mission-icon {
   width: 56px;
   height: 56px;
   background: #2f2f2f;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 18px;
 }

 .mission-icon span {
   color: #ffffff;
   font-size: 22px;
   line-height: 1;
 }

 /* Title */
 .mission-title {
   font-size: 40px;
   font-weight: 500;
   letter-spacing: 1.5px;
 }

 /* Colors */
 .mission-orange {
   color: #f28c28;
   margin-right: 10px;
 }

 .mission-blue {
   color: #1f5fa8;
 }

 /* Paragraph */
 .mission-desc {
   max-width: 1100px;
   font-size: 20px;
   line-height: 1.75;
   color: #1a1a1a;
 }

 /* Gallery */
 .gallery-item {
   position: relative;
   overflow: hidden;
   background: #ddd;
 }

 .gallery-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 /* Overlay button */
 .overlay-btn {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 38px;
   height: 38px;
   background: #f7941d;
   color: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   cursor: pointer;
   transition: 0.3s;
 }

 .overlay-btn:hover {
   background: #e67e00;
 }

 /* Button */
 .btn-primary {
   background-color: #095091;
   border: none;
 }

 .btn-primary:hover {
   background-color: #163a5a;
 }
 .featured-application {
  padding: 50px 0;
 }
  .featured-application  .icon-box {
    width: 50px !important;
    height: 50px;
 }
 .featured-application .col-md-6{
    margin-top: 40px;
 } 

.mission-box .icon-box {
  width: 56px !important;
  height: 56px;
}
/* .partner-slider */
.partner-sec{
  padding: 20px 0 40px 0;
}
.partner-slider img{
  width: 100%;
  height: 200px;
}
.partner-item{
  background-color:#D9D9D9;
  padding: 10px;
  margin: 5px;
}
/* Add space inside each slide */
/* Dots position */
.partner-slider .slick-dots {
    bottom: -30px;
}

/* Each dot */
.partner-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    border: none;
}

/* Remove default icon */
.partner-slider .slick-dots li button:before {
    display: none;
}

/* Active dot */
.partner-slider .slick-dots li.slick-active button {
    background: #E7891A;
}

/* Fix outer overflow */



 /* footer-css */
 .footer-section {
    background: #2b2b2b;
    color: #ccc;
    padding: 50px 0 0 0; 
}
.footer-logo {
  margin-bottom: 60px;
}
.footer-menu {
  margin-bottom: 45px;
}
/* Menu */
.footer-menu {
    list-style: none;
    padding: 0;
    gap: 60px;
}

.footer-menu li a {
    color: #ccc;
    text-decoration: none;
    font-size: 20px;
}

.footer-menu li a.active,
.footer-menu li a:hover {
    color: orange;
}

/* Info box */
.footer-info-box {
    background: #3a3a3a;
    padding: 40px 60px;
    border-radius: 8px;
    gap: 20px;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 14px;
}

.info-item i {
    font-size: 25px;
    color: #fff;
}
.info-item a{
  font-size: 20px;
}
.info-item  span{
  font-size: 20px;
}
.info-item P{
  font-size: 20px;
  margin: 0;
}

/* Bottom */
.footer-bottom {
    font-size: 13px;
    color: #aaa;
}

.footer-bottom a {
    color: #aaa;
    text-decoration: underline;
}
.footer-bottom p{
  margin-bottom: 0;
  padding: 20px 0;
  color: #5D5D5D;
  font-size: 24px;
}
.navbar .search-box{
  display: none;
}

header{
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 99999;
    transition: 0.4s ease;
}

header.gdt-fixed{
    top: 0;
}